{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"separator","title":"Separator","description":"A thin rule that visually and semantically divides content, either horizontally between sections or vertically between inline items.","dependencies":["cn","@base-ui/react"],"files":[{"path":"components/ui/separator.tsx","content":"\"use client\"\n\nimport { Separator as SeparatorPrimitive } from \"@base-ui/react/separator\"\nimport { cn } from \"cn\"\n\nfunction Separator({\n  className,\n  orientation = \"horizontal\",\n  ...props\n}: SeparatorPrimitive.Props) {\n  return (\n    <SeparatorPrimitive\n      data-slot=\"separator\"\n      orientation={orientation}\n      className={cn(\n        \"shrink-0 bg-border data-horizontal:h-px data-horizontal:w-full data-vertical:w-px data-vertical:self-stretch\",\n        orientation === \"vertical\" ? \"-mx-[0.5px]\" : \"-my-[0.5px]\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Separator }\n","type":"registry:ui"}],"categories":["layout"],"type":"registry:ui"}