{"$schema":"https://ui.logic2b.com/schema/registry-item.json","name":"separator","type":"registry:ui","description":"Visually or semantically separates content, horizontal or vertical, built on Radix Separator.","dependencies":["radix-ui"],"registryDependencies":["utils"],"files":[{"path":"ui/separator.tsx","type":"registry:ui","content":"import * as React from \"react\"\nimport { Separator as SeparatorPrimitive } from \"radix-ui\"\n\nimport { cn } from \"@/lib/utils\"\n\nfunction Separator({\n  className,\n  orientation = \"horizontal\",\n  decorative = true,\n  ...props\n}: React.ComponentProps<typeof SeparatorPrimitive.Root>) {\n  return (\n    <SeparatorPrimitive.Root\n      data-slot=\"separator\"\n      decorative={decorative}\n      orientation={orientation}\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  )\n}\n\nexport { Separator }\n"}],"categories":["layout"],"accessibility":{"support":"primitive","pattern":"separator","primitive":"Radix Separator","keyboard":[],"aria":["Can be decorative (hidden from the accessibility tree) or expose separator orientation."],"consumer":["Keep decorative=true unless the separator conveys a meaningful structural boundary."]},"api":{"source":"src/ui/separator.tsx","exports":[{"name":"Separator","kind":"component","propsType":"React.ComponentProps<typeof SeparatorPrimitive.Root>","props":[{"name":"orientation","type":"\"horizontal\" | \"vertical\"","required":false,"default":"\"horizontal\"","description":"Either `vertical` or `horizontal`. Defaults to `horizontal`."},{"name":"decorative","type":"boolean","required":false,"default":"true","description":"Whether or not the component is purely decorative. When true, accessibility-related attributes are updated so that that the rendered element is removed from the accessibility tree."}]}]}}