{
  "$schema": "https://schemas.wp.org/trunk/block.json",
  "apiVersion": 3,
  "name": "gutengrow/dynamic-accordion",
  "version": "1.0.0",
  "title": "Dynamic Accordion",
  "category": "gutengrow-blocks",
  "icon": "editor-ul",
  "description": "Create beautiful, dynamic accordions with 4 different styles, smooth animations, and full customization controls.",
  "supports": {
    "html": false,
    "align": [
      "wide",
      "full"
    ],
    "spacing": {
      "margin": true,
      "padding": true
    }
  },
  "textdomain": "gutengrow-blocks",
  "editorScript": "file:./index.js",
  "editorStyle": "file:./index.css",
  "style": "file:./style-index.css",
  "viewScript": "file:./view.js",
  "attributes": {
    "items": {
      "type": "array",
      "default": [
        {
          "title": "What makes this accordion special?",
          "content": "This dynamic accordion features 4 beautiful styles, smooth Framer Motion animations, and comprehensive customization options for creating engaging interactive content.",
          "initialOpen": false,
          "id": "item-1",
          "headerBackgroundColor": "",
          "headerTextColor": "",
          "contentBackgroundColor": "",
          "contentTextColor": ""
        },
        {
          "title": "How do the animations work?",
          "content": "Powered by Framer Motion, the accordion provides buttery-smooth animations with customizable easing, duration, and transition effects for a premium user experience.",
          "initialOpen": false,
          "id": "item-2",
          "headerBackgroundColor": "",
          "headerTextColor": "",
          "contentBackgroundColor": "",
          "contentTextColor": ""
        }
      ]
    },
    "accordionStyle": {
      "type": "string",
      "default": "modern"
    },
    "headingLevel": {
      "type": "string",
      "default": "h3"
    },
    "iconType": {
      "type": "string",
      "default": "chevron"
    },
    "iconPosition": {
      "type": "string",
      "default": "right"
    },
    "iconColor": {
      "type": "string",
      "default": ""
    },
    "borderRadius": {
      "type": "number",
      "default": 12
    },
    "spacing": {
      "type": "number",
      "default": 16
    },
    "multipleOpen": {
      "type": "boolean",
      "default": false
    },
    "collapseOthers": {
      "type": "boolean",
      "default": true
    },
    "defaultOpen": {
      "type": "boolean",
      "default": false
    },
    "animationType": {
      "type": "string",
      "default": "smooth"
    },
    "animationDuration": {
      "type": "number",
      "default": 0.3
    },
    "animationEasing": {
      "type": "string",
      "default": "easeInOut"
    },
    "titleColor": {
      "type": "string",
      "default": ""
    },
    "contentColor": {
      "type": "string",
      "default": ""
    },
    "backgroundColor": {
      "type": "string",
      "default": ""
    },
    "borderColor": {
      "type": "string",
      "default": ""
    },
    "hoverColor": {
      "type": "string",
      "default": ""
    },
    "activeColor": {
      "type": "string",
      "default": ""
    },
    "shadowIntensity": {
      "type": "number",
      "default": 2
    },
    "enableHoverEffects": {
      "type": "boolean",
      "default": true
    },
    "enableSchema": {
      "type": "boolean",
      "default": true
    }
  }
}