{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "separator",
  "title": "Separator",
  "description": "Horizontal or vertical divider line.",
  "dependencies": [
    "@base-ui/react@^1.8.0"
  ],
  "files": [
    {
      "path": "registry/rapid/ui/separator/separator.tsx",
      "content": "'use client'\n\nimport { Separator as SeparatorPrimitive } from '@base-ui/react/separator'\nimport { cn } from '@/lib/utils'\n\nfunction Separator({ className, orientation = 'horizontal', ...props }: SeparatorPrimitive.Props) {\n\treturn (\n\t\t<SeparatorPrimitive\n\t\t\tdata-slot=\"separator\"\n\t\t\torientation={orientation}\n\t\t\t// A vertical separator fills a row that has a set height, and a row that takes its height from its content gets a\n\t\t\t// 16px line; give it `h-*` for another length and it stays centred. The classes come from the prop, not data-*\n\t\t\t// variants, so a caller's `h-*` or `self-*` replaces them instead of losing in the cascade.\n\t\t\tclassName={cn(\n\t\t\t\t'shrink-0 bg-border',\n\t\t\t\torientation === 'vertical' ? 'h-full min-h-4 w-px self-center' : 'h-px w-full',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t)\n}\n\nexport { Separator }\n",
      "type": "registry:ui",
      "target": "components/ui/separator.tsx"
    }
  ],
  "type": "registry:ui"
}