{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "glass-tabs",
  "title": "Glass Tabs",
  "author": "Alex Chih (https://alexchih.com)",
  "description": "Pill tab list on a glass ground with a ruri active tab, built on Radix Tabs.",
  "dependencies": [
    "radix-ui"
  ],
  "registryDependencies": [
    "https://washiveil.alexchih.com/r/theme.json"
  ],
  "files": [
    {
      "path": "registry/washiveil/ui/glass-tabs.tsx",
      "content": "'use client'\n\nimport * as React from 'react'\nimport { Tabs as TabsPrimitive } from 'radix-ui'\n\nimport { cn } from '@/lib/utils'\n\nconst GlassTabs = TabsPrimitive.Root\n\nconst GlassTabsList = React.forwardRef<\n  React.ComponentRef<typeof TabsPrimitive.List>,\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.List>\n>(({ className, ...props }, ref) => (\n  <TabsPrimitive.List\n    ref={ref}\n    className={cn(\n      'inline-flex items-center gap-1 rounded-full border border-muted bg-muted p-1 backdrop-blur',\n      className,\n    )}\n    {...props}\n  />\n))\nGlassTabsList.displayName = TabsPrimitive.List.displayName\n\nconst GlassTabsTrigger = React.forwardRef<\n  React.ComponentRef<typeof TabsPrimitive.Trigger>,\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>\n>(({ className, ...props }, ref) => (\n  <TabsPrimitive.Trigger\n    ref={ref}\n    className={cn(\n      'rounded-full px-3.5 py-1.5 text-sm text-muted-foreground dark:text-body transition-colors hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background data-[state=active]:bg-ruri data-[state=active]:font-medium data-[state=active]:text-white dark:data-[state=active]:bg-ruri-soft dark:data-[state=active]:text-deep',\n      className,\n    )}\n    {...props}\n  />\n))\nGlassTabsTrigger.displayName = TabsPrimitive.Trigger.displayName\n\nconst GlassTabsContent = React.forwardRef<\n  React.ComponentRef<typeof TabsPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content>\n>(({ className, ...props }, ref) => (\n  <TabsPrimitive.Content\n    ref={ref}\n    className={cn(\n      'mt-4 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background',\n      className,\n    )}\n    {...props}\n  />\n))\nGlassTabsContent.displayName = TabsPrimitive.Content.displayName\n\nexport { GlassTabs, GlassTabsList, GlassTabsTrigger, GlassTabsContent }\n",
      "type": "registry:ui"
    }
  ],
  "type": "registry:ui"
}