{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "tabs-sizes-demo",
  "registryDependencies": [
    "tabs",
    "@delta/tabs"
  ],
  "files": [
    {
      "path": "examples/tabs-sizes-demo.tsx",
      "content": "\"use client\"\n\nimport {\n  Tabs,\n  TabsContent,\n  TabsList,\n  TabsTrigger,\n} from \"@/components/ui/tabs\"\n\nexport function TabsSizeDemo() {\n  return (\n    <div className=\"flex flex-col gap-8\">\n      <div className=\"space-y-2\">\n        <p className=\"text-sm font-medium\">Small</p>\n        <Tabs defaultValue=\"account\" variant=\"default\" size=\"sm\">\n          <TabsList>\n            <TabsTrigger value=\"account\">Account</TabsTrigger>\n            <TabsTrigger value=\"password\">Password</TabsTrigger>\n            <TabsTrigger value=\"settings\">Settings</TabsTrigger>\n          </TabsList>\n          <div className=\"relative min-h-[60px]\">\n            <TabsContent value=\"account\" className=\"absolute inset-x-0 top-0\">\n              <p className=\"text-muted-foreground text-sm\">\n                Manage your account settings.\n              </p>\n            </TabsContent>\n            <TabsContent value=\"password\" className=\"absolute inset-x-0 top-0\">\n              <p className=\"text-muted-foreground text-sm\">\n                Change your password here.\n              </p>\n            </TabsContent>\n            <TabsContent value=\"settings\" className=\"absolute inset-x-0 top-0\">\n              <p className=\"text-muted-foreground text-sm\">\n                Configure your preferences.\n              </p>\n            </TabsContent>\n          </div>\n        </Tabs>\n      </div>\n\n      <div className=\"space-y-2\">\n        <p className=\"text-sm font-medium\">Default</p>\n        <Tabs defaultValue=\"account\" variant=\"default\" size=\"default\">\n          <TabsList>\n            <TabsTrigger value=\"account\">Account</TabsTrigger>\n            <TabsTrigger value=\"password\">Password</TabsTrigger>\n            <TabsTrigger value=\"settings\">Settings</TabsTrigger>\n          </TabsList>\n          <div className=\"relative min-h-[60px]\">\n            <TabsContent value=\"account\" className=\"absolute inset-x-0 top-0\">\n              <p className=\"text-muted-foreground text-sm\">\n                Manage your account settings.\n              </p>\n            </TabsContent>\n            <TabsContent value=\"password\" className=\"absolute inset-x-0 top-0\">\n              <p className=\"text-muted-foreground text-sm\">\n                Change your password here.\n              </p>\n            </TabsContent>\n            <TabsContent value=\"settings\" className=\"absolute inset-x-0 top-0\">\n              <p className=\"text-muted-foreground text-sm\">\n                Configure your preferences.\n              </p>\n            </TabsContent>\n          </div>\n        </Tabs>\n      </div>\n\n      <div className=\"space-y-2\">\n        <p className=\"text-sm font-medium\">Large</p>\n        <Tabs defaultValue=\"account\" variant=\"default\" size=\"lg\">\n          <TabsList>\n            <TabsTrigger value=\"account\">Account</TabsTrigger>\n            <TabsTrigger value=\"password\">Password</TabsTrigger>\n            <TabsTrigger value=\"settings\">Settings</TabsTrigger>\n          </TabsList>\n          <div className=\"relative min-h-[60px]\">\n            <TabsContent value=\"account\" className=\"absolute inset-x-0 top-0\">\n              <p className=\"text-muted-foreground text-sm\">\n                Manage your account settings.\n              </p>\n            </TabsContent>\n            <TabsContent value=\"password\" className=\"absolute inset-x-0 top-0\">\n              <p className=\"text-muted-foreground text-sm\">\n                Change your password here.\n              </p>\n            </TabsContent>\n            <TabsContent value=\"settings\" className=\"absolute inset-x-0 top-0\">\n              <p className=\"text-muted-foreground text-sm\">\n                Configure your preferences.\n              </p>\n            </TabsContent>\n          </div>\n        </Tabs>\n      </div>\n    </div>\n  )\n}\n",
      "type": "registry:example"
    }
  ],
  "type": "registry:example"
}