{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "tabs",
  "title": "Tabs",
  "description": "Two variants: joined segments and a quieter line.",
  "dependencies": [
    "@base-ui/react",
    "class-variance-authority"
  ],
  "registryDependencies": [
    "@afterglow/theme"
  ],
  "files": [
    {
      "path": "registry/terminal/ui/tabs.tsx",
      "content": "\"use client\";\n\nimport { Tabs as TabsPrimitive } from \"@base-ui/react/tabs\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction Tabs({\n  className,\n  orientation = \"horizontal\",\n  ...props\n}: TabsPrimitive.Root.Props) {\n  return (\n    <TabsPrimitive.Root\n      className={cn(\n        \"group/tabs flex gap-3 data-[orientation=horizontal]:flex-col\",\n        className\n      )}\n      data-slot=\"tabs\"\n      orientation={orientation}\n      {...props}\n    />\n  );\n}\n\nconst tabsListVariants = cva(\n  \"group/tabs-list inline-flex w-fit items-center justify-center rounded-none group-data-[orientation=vertical]/tabs:h-fit group-data-[orientation=vertical]/tabs:flex-col\",\n  {\n    defaultVariants: { variant: \"segment\" },\n    variants: {\n      variant: {\n        line: \"gap-5 border-line border-b bg-transparent\",\n        segment: \"gap-px bg-line p-px\",\n      },\n    },\n  }\n);\n\nfunction TabsList({\n  className,\n  variant = \"segment\",\n  ...props\n}: TabsPrimitive.List.Props & VariantProps<typeof tabsListVariants>) {\n  return (\n    <TabsPrimitive.List\n      className={cn(tabsListVariants({ variant }), className)}\n      data-slot=\"tabs-list\"\n      data-variant={variant}\n      {...props}\n    />\n  );\n}\n\nfunction TabsTrigger({ className, ...props }: TabsPrimitive.Tab.Props) {\n  return (\n    <TabsPrimitive.Tab\n      className={cn(\n        \"relative inline-flex items-center justify-center gap-1.5 whitespace-nowrap rounded-none font-mono font-semibold text-2xs text-muted-foreground uppercase tracking-terminal-lg outline-none transition-colors duration-150 ease-terminal\",\n        \"hover:text-phosphor focus-visible:outline-2 focus-visible:outline-offset-[-2px] focus-visible:outline-phosphor-bright\",\n        \"data-disabled:pointer-events-none data-disabled:opacity-40\",\n        \"[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-3.5\",\n        \"group-data-[variant=segment]/tabs-list:bg-secondary group-data-[variant=segment]/tabs-list:px-3 group-data-[variant=segment]/tabs-list:py-2 group-data-[variant=segment]/tabs-list:data-active:bg-accent group-data-[variant=segment]/tabs-list:data-active:text-phosphor-bright\",\n        \"group-data-[variant=line]/tabs-list:-mb-px group-data-[variant=line]/tabs-list:border-transparent group-data-[variant=line]/tabs-list:border-b-2 group-data-[variant=line]/tabs-list:pb-2.5 group-data-[variant=line]/tabs-list:data-active:border-phosphor group-data-[variant=line]/tabs-list:data-active:text-phosphor-bright\",\n        className\n      )}\n      data-slot=\"tabs-trigger\"\n      {...props}\n    />\n  );\n}\n\nfunction TabsContent({ className, ...props }: TabsPrimitive.Panel.Props) {\n  return (\n    <TabsPrimitive.Panel\n      className={cn(\"flex-1 animate-line-in outline-none\", className)}\n      data-slot=\"tabs-content\"\n      {...props}\n    />\n  );\n}\n\nexport { Tabs, TabsContent, TabsList, TabsTrigger, tabsListVariants };\n",
      "type": "registry:ui"
    }
  ],
  "type": "registry:ui"
}