{"name":"separator","type":"registry:ui","files":[{"path":"separator.tsx","type":"registry:ui","content":"import { Separator as SeparatorPrimitive } from \"@base-ui-components/react/separator\"\n\nimport { cn } from \"@/lib/utils\"\n\nfunction Separator({\n  className,\n  orientation = \"horizontal\",\n  size = \"full\",\n  variant = \"primary\",\n  ...props\n}: SeparatorPrimitive.Props & {\n  size?: \"small\" | \"half\" | \"full\"\n  variant?: \"primary\" | \"secondary\" | \"tertiary\"\n}) {\n  return (\n    <SeparatorPrimitive\n      data-slot=\"separator\"\n      data-size={size}\n      data-variant={variant}\n      orientation={orientation}\n      className={cn(\n        \"m-0 shrink-0 cursor-default border-0\",\n        variant === \"primary\" &&\n          \"bg-[var(--hui-color-border-base-primary)]\",\n        variant === \"secondary\" &&\n          \"bg-[var(--hui-color-border-base-secondary)]\",\n        variant === \"tertiary\" &&\n          \"bg-[var(--hui-color-border-base-tertiary)]\",\n        size === \"small\" &&\n          \"data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-[var(--hui-space-6)] data-[orientation=vertical]:h-[var(--hui-space-6)] data-[orientation=vertical]:w-px\",\n        size === \"half\" &&\n          \"data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-1/2 data-[orientation=vertical]:h-1/2 data-[orientation=vertical]:w-px\",\n        size === \"full\" &&\n          \"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","target":"components/ui/separator.tsx"}],"dependencies":["@base-ui-components/react"]}