{
  "$schema": "https://schemas.wp.org/trunk/block.json",
  "apiVersion": 3,
  "name": "create-block/steps-timeline",
  "version": "1.0.0",
  "title": "Steps Timeline",
  "category": "section-blocks",
  "icon": "list-view",
  "description": "Guide users through a multi-step process or chronological journey with clear, engaging visuals and animations. Perfect for how-it-works sections, onboarding flows, and project timelines.",
  "keywords": [
    "steps",
    "timeline",
    "process",
    "workflow",
    "journey",
    "chronological",
    "milestones"
  ],
  "example": {
    "attributes": {
      "sectionTitle": "How It Works",
      "sectionDescription": "Follow these simple steps to get started",
      "steps": [
        {
          "id": "step-1",
          "title": "Sign Up",
          "description": "Create your account in just a few clicks",
          "icon": "admin-users",
          "stepNumber": 1
        },
        {
          "id": "step-2",
          "title": "Setup Profile",
          "description": "Customize your profile and preferences",
          "icon": "admin-settings",
          "stepNumber": 2
        },
        {
          "id": "step-3",
          "title": "Start Using",
          "description": "Begin your journey with our platform",
          "icon": "yes-alt",
          "stepNumber": 3
        }
      ],
      "layoutOrientation": "vertical",
      "layoutAlignment": "center"
    }
  },
  "attributes": {
    "sectionTitle": {
      "type": "string",
      "default": "How It Works"
    },
    "sectionDescription": {
      "type": "string",
      "default": "Follow these simple steps to get started"
    },
    "showSectionHeader": {
      "type": "boolean",
      "default": true
    },
    "steps": {
      "type": "array",
      "default": [
        {
          "id": "step-1",
          "title": "Step One",
          "description": "Describe the first step in your process",
          "icon": "admin-users",
          "stepNumber": 1,
          "backgroundColor": "#f8f9fa",
          "textColor": "#333333",
          "showImage": false,
          "image": null,
          "imageId": 0
        },
        {
          "id": "step-2",
          "title": "Step Two",
          "description": "Describe the second step in your process",
          "icon": "admin-settings",
          "stepNumber": 2,
          "backgroundColor": "#f8f9fa",
          "textColor": "#333333",
          "showImage": false,
          "image": null,
          "imageId": 0
        },
        {
          "id": "step-3",
          "title": "Step Three",
          "description": "Describe the third step in your process",
          "icon": "yes-alt",
          "stepNumber": 3,
          "backgroundColor": "#f8f9fa",
          "textColor": "#333333",
          "showImage": false,
          "image": null,
          "imageId": 0
        }
      ]
    },
    "layoutOrientation": {
      "type": "string",
      "default": "vertical"
    },
    "layoutAlignment": {
      "type": "string",
      "default": "center"
    },
    "stepsPerRow": {
      "type": "number",
      "default": 3,
      "minimum": 2,
      "maximum": 4
    },
    "connectorStyle": {
      "type": "string",
      "default": "solid"
    },
    "connectorColor": {
      "type": "string",
      "default": "#007cba"
    },
    "connectorThickness": {
      "type": "number",
      "default": 2,
      "minimum": 1,
      "maximum": 10
    },
    "showConnectors": {
      "type": "boolean",
      "default": true
    },
    "animateConnectors": {
      "type": "boolean",
      "default": true
    },
    "enableAnimations": {
      "type": "boolean",
      "default": true
    },
    "animationType": {
      "type": "string",
      "default": "fade"
    },
    "scrollTrigger": {
      "type": "boolean",
      "default": true
    },
    "scrollOffset": {
      "type": "number",
      "default": 100
    },
    "backgroundColor": {
      "type": "string",
      "default": "#ffffff"
    },
    "sectionTextColor": {
      "type": "string",
      "default": "#333333"
    },
    "stepBackgroundColor": {
      "type": "string",
      "default": "#f8f9fa"
    },
    "stepTextColor": {
      "type": "string",
      "default": "#333333"
    },
    "iconColor": {
      "type": "string",
      "default": "#007cba"
    },
    "numberColor": {
      "type": "string",
      "default": "#ffffff"
    },
    "numberBackgroundColor": {
      "type": "string",
      "default": "#007cba"
    },
    "spacing": {
      "type": "string",
      "default": "normal"
    },
    "borderRadius": {
      "type": "number",
      "default": 8
    },
    "mobileLayout": {
      "type": "string",
      "default": "vertical"
    },
    "hideConnectorsOnMobile": {
      "type": "boolean",
      "default": false
    }
  },
  "supports": {
    "html": false,
    "align": [
      "wide",
      "full"
    ],
    "spacing": {
      "padding": true,
      "margin": true
    }
  },
  "textdomain": "section-blocks",
  "editorScript": "file:./index.js",
  "editorStyle": "file:./index.css",
  "style": "file:./style-index.css",
  "viewScript": "file:./view.js",
  "render": "file:./render.php"
}