{
  "$schema": "../../schemas/component-contract.schema.json",
  "name": "tabs",
  "category": "navigation",
  "status": "stable",
  "kind": "custom-element",
  "tagName": "blora-tabs",
  "since": "2.0.0",
  "requiresJavaScript": true,
  "formAssociated": false,
  "attributes": {
    "flush": {
      "type": "boolean",
      "default": false,
      "description": "Remove component-owned panel inset for full-bleed content."
    },
    "value": {
      "type": "string"
    },
    "variant": {
      "type": "'default' | 'pills'",
      "default": "default"
    },
    "orientation": {
      "type": "'horizontal' | 'vertical'",
      "default": "horizontal"
    }
  },
  "properties": {},
  "methods": {
    "select": {
      "parameters": [
        {
          "name": "index",
          "type": "number"
        },
        {
          "name": "focus",
          "type": "boolean"
        }
      ],
      "returns": "void"
    }
  },
  "events": {
    "blora-change": {
      "detail": "{ value: string }",
      "bubbles": true,
      "composed": true
    }
  },
  "slots": {
    "default": "Declarative <blora-tab label value selected disabled> panel definitions; consumed into the official tablist/panels tree."
  },
  "parts": [],
  "cssProperties": [
    "--blora-tab-w",
    "--blora-tab-x",
    "--blora-tab-h",
    "--blora-tab-y",
    "--blora-tabs-indicator-size",
    "--blora-tabs-focus-inset"
  ],
  "accessibilityPattern": "tabs"
}