{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "tabs",
  "title": "Ninaero tabs",
  "dependencies": [
    "@base-ui/react@^1.9.0",
    "class-variance-authority@^0.7.1",
    "cn@^0.4.0"
  ],
  "registryDependencies": [
    "https://ninaero.pages.dev/r/theme.json",
    "https://ninaero.pages.dev/r/sound-provider.json"
  ],
  "files": [
    {
      "path": "registry/ninaero/ui/tabs.tsx",
      "content": "\"use client\";\n\nimport { Tabs as TabsPrimitive } from \"@base-ui/react/tabs\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"cn\";\n\nimport { useControlSound, HoverSound, SoundGroup } from \"./sound-feedback\";\n\nfunction Tabs({\n  className,\n  orientation = \"horizontal\",\n  sound = true,\n  onValueChange,\n  ...props\n}: TabsPrimitive.Root.Props & { sound?: boolean }) {\n  const { play } = useControlSound(sound);\n  return (\n    <SoundGroup sound={sound}>\n      <TabsPrimitive.Root\n        data-slot=\"tabs\"\n        orientation={orientation}\n        className={cn(\"group/tabs flex gap-2 data-horizontal:flex-col\", className)}\n        {...props}\n        onValueChange={(value, details) => {\n          onValueChange?.(value, details);\n          if (!details.isCanceled && details.reason === \"none\" && details.event.type !== \"reset\") {\n            play(\"tap\");\n          }\n        }}\n      />\n    </SoundGroup>\n  );\n}\n\nconst tabsListVariants = cva(\n  \"ninaero-tabs-list group/tabs-list inline-flex w-fit items-center justify-center gap-1 group-data-horizontal/tabs:h-8 group-data-vertical/tabs:h-fit group-data-vertical/tabs:flex-col\",\n  {\n    variants: {\n      variant: {\n        default: \"p-[3px]\",\n        line: \"p-0\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  },\n);\n\nfunction TabsList({\n  className,\n  variant = \"default\",\n  ...props\n}: TabsPrimitive.List.Props & VariantProps<typeof tabsListVariants>) {\n  return (\n    <TabsPrimitive.List\n      data-slot=\"tabs-list\"\n      data-variant={variant}\n      className={cn(tabsListVariants({ variant }), className)}\n      {...props}\n    />\n  );\n}\n\nfunction TabsTrigger({\n  className,\n  sound = true,\n  ...props\n}: TabsPrimitive.Tab.Props & { sound?: boolean }) {\n  return (\n    <HoverSound sound={sound}>\n      <TabsPrimitive.Tab\n        data-slot=\"tabs-trigger\"\n        className={cn(\n          \"ninaero-tabs-trigger relative inline-flex h-full flex-1 items-center justify-center gap-2 px-3 text-sm type-label whitespace-nowrap group-data-vertical/tabs:h-6 group-data-vertical/tabs:w-full group-data-vertical/tabs:justify-start has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n          className,\n        )}\n        {...props}\n      />\n    </HoverSound>\n  );\n}\n\nfunction TabsContent({ className, ...props }: TabsPrimitive.Panel.Props) {\n  return (\n    <TabsPrimitive.Panel\n      data-slot=\"tabs-content\"\n      className={cn(\"ninaero-tabs-content flex-1 text-sm\", className)}\n      {...props}\n    />\n  );\n}\n\nexport { Tabs, TabsList, TabsTrigger, TabsContent, tabsListVariants };\n",
      "type": "registry:ui"
    }
  ],
  "type": "registry:ui"
}