{
  "name": "separator",
  "type": "registry:ui",
  "title": "Separator",
  "description": "Horizontal or vertical separation for meaningful boundaries between related content groups.",
  "registryDependencies": [
    "@siteplane/base"
  ],
  "dependencies": [
    "@base-ui/react@1.5.0"
  ],
  "files": [
    {
      "path": "src/components/ui/separator.tsx",
      "type": "registry:ui",
      "content": "import { Separator as SeparatorPrimitive } from \"@base-ui/react/separator\";\nimport type React from \"react\";\nimport { cn } from \"@/lib/utils\";\n\nexport function Separator({\n  className,\n  orientation = \"horizontal\",\n  ...props\n}: SeparatorPrimitive.Props): React.ReactElement {\n  return (\n    <SeparatorPrimitive\n      className={cn(\n        \"shrink-0 bg-border data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:w-px data-[orientation=vertical]:not-[[class^='h-']]:not-[[class*='_h-']]:self-stretch\",\n        className,\n      )}\n      data-slot=\"separator\"\n      orientation={orientation}\n      {...props}\n    />\n  );\n}\n\nexport { SeparatorPrimitive };\n"
    }
  ],
  "categories": [
    "layout"
  ],
  "docs": "# Separator\n\n> Siteplane UI release `0.1.1`.\n\n## Public Purpose\n\nUse Separator to communicate a real visual or structural boundary between related groups, toolbar actions or menu sections.\n\n## Import\n\n`import { Separator } from \"@/components/ui/separator\";`\n\n`import { Button } from \"@/components/ui/button\";`\n\n## Public API\n\n- `Separator` accepts the Base UI Separator props and defaults `orientation` to `horizontal`.\n- Set `orientation=\"vertical\"` for side-by-side content; its parent must provide a usable block size.\n- Use the primitive's decorative or semantic contract instead of duplicating the divider with a raw border element.\n\n## Public Motion\n\n- Separator is static and has no motion behavior.\n\n## Public Accessibility\n\n- Use a decorative separator when the boundary is only visual; use semantic separator behavior when it represents a meaningful division.\n- Match `orientation` to the rendered direction so assistive technology receives the correct structure.\n\n## Public Agent Guidance\n\n- Separator does not replace spacing. Keep layout gaps and padding for grouping.\n- Avoid stacking separators and borders when spacing or surface contrast already creates a clear boundary.\n\n## Public Links\n\n- [Documentation and preview](https://ui.siteplane.io/docs/components/layout/separator)\n\n- [Registry source](https://ui.siteplane.io/r/separator.json)\n",
  "meta": {
    "siteplane:agentContractVersion": 1,
    "siteplane:docs": "https://ui.siteplane.io/docs/components/layout/separator",
    "siteplane:releaseVersion": "0.1.1",
    "siteplane:sourceOwned": true
  },
  "devDependencies": []
}