{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "separator",
  "title": "Separator",
  "type": "registry:ui",
  "files": [
    {
      "path": "packages/registry-react/components/separator/Separator.tsx",
      "content": "'use client'\n\nimport * as React from 'react'\nimport * as SeparatorPrimitive from '@radix-ui/react-separator'\nimport { cn } from '@/lib/utils'\n\nconst Separator = React.forwardRef<\n  React.ElementRef<typeof SeparatorPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>\n>(({ className, orientation = 'horizontal', decorative = true, ...props }, ref) => (\n  <SeparatorPrimitive.Root\n    ref={ref}\n    data-uipkge=\"\"\n    data-slot=\"separator\"\n    orientation={orientation}\n    decorative={decorative}\n    className={cn(\n      'bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px',\n      className,\n    )}\n    {...props}\n  />\n))\nSeparator.displayName = 'Separator'\n\nexport { Separator }\n",
      "type": "registry:ui",
      "target": "~/components/ui/separator/Separator.tsx"
    },
    {
      "path": "packages/registry-react/components/separator/index.ts",
      "content": "export { Separator } from './Separator'\n",
      "type": "registry:ui",
      "target": "~/components/ui/separator/index.ts"
    }
  ],
  "dependencies": [
    "@radix-ui/react-separator"
  ],
  "devDependencies": [],
  "registryDependencies": [],
  "description": "Horizontal or vertical visual divider — a `<div>` with the right ARIA role and a registry-token border color. Use between sections, list rows, and toolbar groups.",
  "categories": [
    "layout"
  ]
}