{"$schema":"https://ui.shadcn.com/schema/registry-item.json","author":"Eduardo Calvo <edu@smoothui.dev>","css":{},"dependencies":["@base-ui/react"],"description":"Thin Separator for SmoothUI with Base UI / Radix twins, horizontal and vertical.","devDependencies":[],"files":[{"content":"\"use client\";\n\nimport { Separator as SeparatorPrimitive } from \"@base-ui/react/separator\";\nimport { cn } from \"@/lib/utils\";\n\nexport type SeparatorOrientation = \"horizontal\" | \"vertical\";\n\nexport interface SeparatorProps {\n  /** Optional CSS class names */\n  className?: string;\n  /**\n   * Purely visual divider. Hidden from assistive tech (`role=\"none\"`).\n   * Leave `false` when the line separates meaningful content groups.\n   */\n  decorative?: boolean;\n  /** Layout direction of the line */\n  orientation?: SeparatorOrientation;\n}\n\n/**\n * SmoothUI Separator — Base UI twin (default).\n * Thin 1px line; vertical separators stretch to the height of their flex row.\n */\nexport default function Separator({\n  className,\n  decorative = false,\n  orientation = \"horizontal\",\n}: SeparatorProps) {\n  const a11yProps = decorative\n    ? ({\n        \"aria-hidden\": true,\n        \"aria-orientation\": undefined,\n        role: \"none\",\n      } as const)\n    : {};\n\n  return (\n    <SeparatorPrimitive\n      {...a11yProps}\n      className={cn(\n        \"shrink-0 bg-foreground/40\",\n        orientation === \"horizontal\" ? \"h-px w-full\" : \"h-full min-h-4 w-px\",\n        className\n      )}\n      data-slot=\"separator\"\n      orientation={orientation}\n    />\n  );\n}\n","path":"index.tsx","target":"components/smoothui/separator/index.tsx","type":"registry:ui"}],"name":"separator","registryDependencies":[],"title":"Separator","type":"registry:ui"}