{
  "$schema": "https://schemas.wp.org/trunk/block.json",
  "apiVersion": 3,
  "name": "designsetgo/tabs",
  "version": "1.0.0",
  "title": "Tabs",
  "category": "designsetgo",
  "description": "Create tabbed content with icons, deep linking, and responsive accordion mode.",
  "keywords": [
    "tabs",
    "tabbed",
    "accordion",
    "toggle"
  ],
  "textdomain": "designsetgo",
  "icon": "tickets",
  "attributes": {
    "uniqueId": {
      "type": "string",
      "default": ""
    },
    "orientation": {
      "type": "string",
      "default": "horizontal",
      "enum": [
        "horizontal",
        "vertical"
      ]
    },
    "activeTab": {
      "type": "number",
      "default": 0
    },
    "alignment": {
      "type": "string",
      "default": "left",
      "enum": [
        "left",
        "center",
        "right",
        "justified"
      ]
    },
    "mobileBreakpoint": {
      "type": "number",
      "default": 768
    },
    "mobileMode": {
      "type": "string",
      "default": "accordion",
      "enum": [
        "accordion",
        "dropdown",
        "tabs"
      ]
    },
    "enableDeepLinking": {
      "type": "boolean",
      "default": false
    },
    "gap": {
      "type": "string",
      "default": "8px"
    },
    "tabStyle": {
      "type": "string",
      "default": "default",
      "enum": [
        "default",
        "pills",
        "underline",
        "minimal"
      ]
    },
    "tabColor": {
      "type": "string",
      "default": ""
    },
    "tabBackgroundColor": {
      "type": "string",
      "default": ""
    },
    "tabContentBackgroundColor": {
      "type": "string",
      "default": ""
    },
    "activeTabColor": {
      "type": "string",
      "default": ""
    },
    "activeTabBackgroundColor": {
      "type": "string",
      "default": ""
    },
    "tabBorderColor": {
      "type": "string",
      "default": ""
    },
    "tabHoverColor": {
      "type": "string",
      "default": ""
    },
    "tabHoverBackgroundColor": {
      "type": "string",
      "default": ""
    },
    "showNavBorder": {
      "type": "boolean",
      "default": false
    },
    "style": {
      "type": "object",
      "default": {
        "spacing": {
          "padding": {
            "top": "0",
            "right": "0",
            "bottom": "0",
            "left": "0"
          }
        },
        "typography": {
          "fontSize": "var:preset|font-size|large"
        }
      }
    }
  },
  "providesContext": {
    "designsetgo/tabs/activeTab": "activeTab",
    "designsetgo/tabs/orientation": "orientation",
    "designsetgo/tabs/tabStyle": "tabStyle"
  },
  "supports": {
    "html": false,
    "anchor": true,
    "align": [
      "wide",
      "full"
    ],
    "spacing": {
      "margin": true,
      "padding": true,
      "blockGap": true,
      "__experimentalDefaultControls": {
        "padding": false,
        "blockGap": false
      }
    },
    "color": {
      "background": true,
      "text": true,
      "link": true,
      "__experimentalDefaultControls": {
        "background": false,
        "text": false
      }
    },
    "typography": {
      "fontSize": true,
      "lineHeight": true,
      "__experimentalDefaultControls": {
        "fontSize": true
      },
      "__experimentalFontFamily": true,
      "__experimentalFontWeight": true
    },
    "__experimentalBorder": {
      "color": true,
      "radius": true,
      "style": true,
      "width": true
    }
  },
  "example": {
    "attributes": {
      "orientation": "horizontal",
      "alignment": "left"
    },
    "innerBlocks": [
      {
        "name": "designsetgo/tab",
        "attributes": {
          "title": "First Tab",
          "icon": ""
        },
        "innerBlocks": [
          {
            "name": "core/paragraph",
            "attributes": {
              "content": "Content for the first tab."
            }
          }
        ]
      },
      {
        "name": "designsetgo/tab",
        "attributes": {
          "title": "Second Tab",
          "icon": ""
        },
        "innerBlocks": [
          {
            "name": "core/paragraph",
            "attributes": {
              "content": "Content for the second tab."
            }
          }
        ]
      }
    ]
  },
  "viewScript": "file:./view.js",
  "editorScript": "file:./index.js",
  "editorStyle": "file:./index.css",
  "style": "file:./style-index.css"
}