{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "separator",
  "title": "Separator",
  "description": "Visually or semantically separates content.",
  "dependencies": [
    "@base-ui/react",
    "clsx",
    "tailwind-merge"
  ],
  "registryDependencies": [
    "https://optics.agusmayol.com.ar/r/utils.json"
  ],
  "files": [
    {
      "path": "registry/optics/separator.jsx",
      "content": "\"use client\";\n\nimport { Separator as SeparatorPrimitive } from \"@base-ui/react/separator\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction Separator({\n\tclassName = \"\",\n\torientation = \"horizontal\",\n\tdecoration = false,\n\tdecorationLeft = false,\n\tdecorationRight = false,\n\tdecorationTop = false,\n\tdecorationBottom = false,\n\t...props\n}) {\n\treturn (\n\t\t<SeparatorPrimitive\n\t\t\tdata-slot=\"separator\"\n\t\t\torientation={orientation}\n\t\t\tclassName={cn(\n\t\t\t\t\"bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:w-px data-[orientation=vertical]:self-stretch relative\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{(decoration || decorationLeft) && orientation === \"horizontal\" && (\n\t\t\t\t<div className={cn(\"absolute -left-[1px] -top-[0px] z-10\")}>\n\t\t\t\t\t<div className=\"relative\">\n\t\t\t\t\t\t<div className=\"bg-muted-foreground w-[1px] h-[5.9px] rounded-full absolute -top-[2.25px]\" />\n\t\t\t\t\t\t<div className=\"bg-muted-foreground w-[3.93px] h-[1px] rounded-full absolute left-0\" />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t)}\n\n\t\t\t{(decoration || decorationRight) && orientation === \"horizontal\" && (\n\t\t\t\t<div className={cn(\"absolute -right-[0px] -top-[0px] z-10\")}>\n\t\t\t\t\t<div className=\"relative\">\n\t\t\t\t\t\t<div className=\"bg-muted-foreground w-[1px] h-[5.9px] rounded-full absolute -top-[2.5px]\" />\n\t\t\t\t\t\t<div className=\"bg-muted-foreground w-[3.93px] h-[1px] rounded-full absolute -left-[3.5px]\" />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t)}\n\n\t\t\t{(decoration || decorationTop) && orientation === \"vertical\" && (\n\t\t\t\t<div className={cn(\"absolute -left-[0px] -top-[0px] z-10\")}>\n\t\t\t\t\t<div className=\"relative\">\n\t\t\t\t\t\t<div className=\"bg-muted-foreground w-[5.9px] h-[1px] rounded-full absolute -left-[2.5px]\" />\n\t\t\t\t\t\t<div className=\"bg-muted-foreground w-[1px] h-[3.93px] rounded-full absolute left-0\" />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t)}\n\n\t\t\t{(decoration || decorationBottom) && orientation === \"vertical\" && (\n\t\t\t\t<div className={cn(\"absolute -left-[0px] -bottom-[0px] z-10\")}>\n\t\t\t\t\t<div className=\"relative\">\n\t\t\t\t\t\t<div className=\"bg-muted-foreground w-[5.9px] h-[1px] rounded-full absolute -left-[2.5px] bottom-0\" />\n\t\t\t\t\t\t<div className=\"bg-muted-foreground w-[1px] h-[3.93px] rounded-full absolute left-0 bottom-0\" />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</SeparatorPrimitive>\n\t);\n}\n\nSeparator.displayName = \"Separator\";\n\nexport { Separator };\n",
      "type": "registry:component",
      "target": "components/optics/separator.jsx"
    }
  ],
  "type": "registry:component"
}