{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "sub-tabs",
  "title": "Sub Tabs",
  "description": "Secondary, lower-emphasis tabs for nested navigation.",
  "dependencies": [
    "@base-ui/react@^1.8.0"
  ],
  "files": [
    {
      "path": "registry/rapid/ui/sub-tabs/sub-tabs.tsx",
      "content": "'use client'\n\nimport { Tabs as TabsPrimitive } from '@base-ui/react/tabs'\nimport { cn } from '@/lib/utils'\n\nfunction SubTabs({ className, ...props }: TabsPrimitive.Root.Props) {\n\treturn <TabsPrimitive.Root data-slot=\"sub-tabs\" className={cn('flex flex-col gap-2', className)} {...props} />\n}\n\nfunction SubTabsList({ className, ...props }: TabsPrimitive.List.Props) {\n\treturn (\n\t\t<TabsPrimitive.List\n\t\t\tdata-slot=\"sub-tabs-list\"\n\t\t\tclassName={cn(\n\t\t\t\t'inline-flex h-10 w-fit items-center gap-2 rounded-lg border border-border bg-muted p-[3px] text-foreground',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t)\n}\n\nfunction SubTabsTrigger({ className, ...props }: TabsPrimitive.Tab.Props) {\n\treturn (\n\t\t<TabsPrimitive.Tab\n\t\t\tdata-slot=\"sub-tabs-trigger\"\n\t\t\tclassName={cn(\n\t\t\t\t\"inline-flex h-full items-center justify-center gap-1.5 rounded-md border border-transparent px-2 text-sm font-normal whitespace-nowrap text-muted-foreground transition-all outline-none cursor-pointer hover:bg-background/50 hover:text-primary focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-active:bg-background data-active:font-semibold data-active:text-primary data-active:shadow-sm data-active:hover:bg-secondary [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t)\n}\n\nfunction SubTabsContent({ className, ...props }: TabsPrimitive.Panel.Props) {\n\treturn (\n\t\t<TabsPrimitive.Panel\n\t\t\tdata-slot=\"sub-tabs-content\"\n\t\t\tclassName={cn('flex-1 text-sm outline-none focus-visible:ring-3 focus-visible:ring-ring', className)}\n\t\t\t{...props}\n\t\t/>\n\t)\n}\n\nexport { SubTabs, SubTabsList, SubTabsTrigger, SubTabsContent }\n",
      "type": "registry:ui",
      "target": "components/ui/sub-tabs.tsx"
    }
  ],
  "type": "registry:ui"
}