{
  "$schema": "https://blode.co/ui/schema/registry-item.json",
  "name": "separator",
  "title": "Separator",
  "author": "Matthew Blode",
  "description": "A visual divider that separates content into distinct sections.",
  "dependencies": ["@base-ui/react"],
  "files": [
    {
      "path": "ui/separator.tsx",
      "content": "\"use client\";\n\nimport { Separator as SeparatorPrimitive } from \"@base-ui/react/separator\";\nimport type * as React from \"react\";\n\nimport { cn } from \"@/lib/utils\";\n\nconst Separator = ({\n  className,\n  orientation = \"horizontal\",\n  decorative = true,\n  ...props\n}: React.ComponentProps<typeof SeparatorPrimitive> & {\n  decorative?: boolean;\n}) => (\n  <SeparatorPrimitive\n    aria-hidden={decorative || undefined}\n    className={cn(\n      \"shrink-0 bg-border data-[orientation=horizontal]:h-px data-[orientation=vertical]:h-full data-[orientation=horizontal]:w-full data-[orientation=vertical]:w-px\",\n      className,\n    )}\n    data-slot=\"separator\"\n    orientation={orientation}\n    {...props}\n  />\n);\n\nexport { Separator };\n",
      "type": "registry:ui",
      "target": ""
    }
  ],
  "type": "registry:ui"
}