{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "demo-components-tabs",
  "title": "Tab Demo",
  "description": "Interactive demo for the Tab component",
  "dependencies": [
    "@tabler/icons-react"
  ],
  "registryDependencies": [
    "@azemmur/components-tabs"
  ],
  "files": [
    {
      "path": "registry/demo/components/azemmur/tabs/index.tsx",
      "content": "'use client';\n\nimport React from 'react';\nimport { Tabs } from '@/components/azemmur/components/azemmur/tabs';\nimport type { TabsDirection } from '@/components/azemmur/components/azemmur/tabs/tabs-context';\nimport { TabsVariantProps } from '@/components/azemmur/components/azemmur/tabs/tabs-variants';\n\ninterface TabsDemoProps {\n  intent?: TabsVariantProps['intent'];\n  styling?: TabsVariantProps['styling'];\n  visuals?: TabsVariantProps['visuals'];\n  size?: TabsVariantProps['size'];\n  shape?: TabsVariantProps['shape'];\n  direction?: TabsDirection;\n}\n\nexport default function TabsDemo({\n  direction = 'ltr',\n  intent,\n  styling,\n  visuals,\n  size,\n  shape,\n}: TabsDemoProps) {\n  return (\n    <Tabs\n      defaultValue=\"profile\"\n      intent={intent}\n      visuals={visuals}\n      styling={styling}\n      shape={shape}\n      size={size}\n      direction={direction}\n      className=\"bg-card border rounded-xl p-4\"\n    >\n      <Tabs.List>\n        <Tabs.Trigger\n          value=\"profile\"\n          className=\"flex-1\"\n          triggerClassName=\"gap-2\"\n        >\n          Profile\n        </Tabs.Trigger>\n\n        <Tabs.Trigger\n          value=\"notifications\"\n          className=\"flex-1\"\n          triggerClassName=\"gap-2\"\n        >\n          Notifications\n        </Tabs.Trigger>\n\n        <Tabs.Trigger\n          value=\"security\"\n          className=\"flex-1\"\n          triggerClassName=\"gap-2\"\n        >\n          Security\n        </Tabs.Trigger>\n      </Tabs.List>\n\n      <Tabs.Content>\n        <Tabs.Panel value=\"profile\">\n          <h2 className=\"text-lg font-semibold\">Public Profile</h2>\n          <p className=\"text-muted-foreground text-sm\">\n            Update your bio and avatar.\n          </p>\n        </Tabs.Panel>\n\n        <Tabs.Panel value=\"notifications\">\n          <h2 className=\"text-lg font-semibold\">Notifications</h2>\n          <p className=\"text-muted-foreground text-sm\">\n            Manage how you receive alerts.\n          </p>\n        </Tabs.Panel>\n\n        <Tabs.Panel value=\"security\">\n          <h2 className=\"text-lg font-semibold\">Security Settings</h2>\n          <p className=\"text-muted-foreground text-sm\">\n            Two-factor authentication and passwords.\n          </p>\n        </Tabs.Panel>\n      </Tabs.Content>\n    </Tabs>\n  );\n}\n",
      "type": "registry:ui",
      "target": "components/azemmur/demo/components/tabs.tsx"
    }
  ],
  "meta": {
    "demoProps": {
      "Tab": {
        "intent": {
          "value": "primary",
          "options": {
            "primary": "primary",
            "secondary": "secondary",
            "accent": "accent"
          }
        },
        "styling": {
          "value": "underline",
          "options": {
            "underline": "underline",
            "minimal": "minimal",
            "solid": "solid"
          }
        },
        "visuals": {
          "value": "classic",
          "options": {
            "filled": "filled",
            "subtle": "subtle",
            "classic": "classic",
            "outline": "outline",
            "levitate": "levitate"
          }
        },
        "size": {
          "value": "md",
          "options": {
            "sm": "sm",
            "md": "md",
            "lg": "lg"
          }
        },
        "shape": {
          "value": "rounded",
          "options": {
            "rounded": "rounded",
            "pill": "pill",
            "sharp": "sharp"
          }
        },
        "direction": {
          "value": "ltr",
          "options": {
            "ltr": "ltr",
            "rtl": "rtl"
          }
        }
      }
    }
  },
  "type": "registry:ui"
}