{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "tabs",
  "type": "registry:ui",
  "dependencies": ["@ark-ui/react"],
  "files": [
    {
      "path": "./src/components/ui/tabs.tsx",
      "content": "\"use client\"\n\nimport * as React from \"react\"\n\nimport { Tabs as TabsPrimitive } from \"@ark-ui/react/tabs\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst Tabs = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.Root>,\n  TabsPrimitive.RootProps\n>(({ className, ...props }, ref) => (\n  <TabsPrimitive.Root\n    ref={ref}\n    className={cn(\"flex flex-col gap-2\", className)}\n    {...props}\n  />\n))\nTabs.displayName = \"Tabs\"\n\nconst TabsContent = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.Content>,\n  TabsPrimitive.ContentProps\n>(({ className, ...props }, ref) => (\n  <TabsPrimitive.Content\n    ref={ref}\n    className={cn(\"flex-1 outline-none\", className)}\n    {...props}\n  />\n))\nTabsContent.displayName = \"TabsContent\"\n\nconst TabsContext = TabsPrimitive.Context\n\nconst TabsIndicator = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.Indicator>,\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Indicator>\n>(({ className, ...props }, ref) => (\n  <TabsPrimitive.Indicator\n    ref={ref}\n    className={cn(\n      \"h-(--height) w-(--width) rounded-sm bg-background text-foreground shadow-xs\",\n      className\n    )}\n    {...props}\n  />\n))\nTabsIndicator.displayName = \"TabsIndicator\"\n\nconst TabsList = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.List>,\n  TabsPrimitive.ListProps\n>(({ className, ...props }, ref) => (\n  <TabsPrimitive.List\n    ref={ref}\n    className={cn(\n      \"relative inline-flex items-center justify-center rounded-md bg-muted p-0.5 text-muted-foreground/70 data-[orientation=vertical]:flex-col\",\n      className\n    )}\n    {...props}\n  />\n))\nTabsList.displayName = \"TabsList\"\n\nconst TabsRootProvider = TabsPrimitive.RootProvider\n\nconst TabsTrigger = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.Trigger>,\n  TabsPrimitive.TriggerProps\n>(({ className, ...props }, ref) => (\n  <TabsPrimitive.Trigger\n    ref={ref}\n    className={cn(\n      \"inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 font-medium text-sm outline-none transition-all hover:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 data-[selected]:z-10 data-[orientation=vertical]:w-full data-[selected]:text-foreground [&_svg]:shrink-0\",\n      className\n    )}\n    {...props}\n  />\n))\nTabsTrigger.displayName = \"TabsTrigger\"\n\nexport {\n  Tabs,\n  TabsContent,\n  TabsContext,\n  TabsIndicator,\n  TabsList,\n  TabsRootProvider,\n  TabsTrigger,\n}\n\nexport {\n  useTabs,\n  useTabsContext,\n  type TabsFocusChangeDetails,\n  type TabsValueChangeDetails,\n} from \"@ark-ui/react/tabs\"\n",
      "type": "registry:ui"
    }
  ]
}