{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "separator",
  "title": "Separator",
  "description": "A hairline between groups.",
  "registryDependencies": [
    "https://creance.pages.dev/r/creance-base.json"
  ],
  "files": [
    {
      "path": "separator/Separator.css",
      "content": ".cr-separator {\n  flex: none;\n  background: var(--cr-color-border-default);\n}\n\n.cr-separator[data-orientation='horizontal'] {\n  width: 100%;\n  height: 1px;\n}\n\n.cr-separator[data-orientation='vertical'] {\n  align-self: stretch;\n  width: 1px;\n}\n",
      "type": "registry:file",
      "target": "@components/creance/separator/Separator.css"
    },
    {
      "path": "separator/Separator.tsx",
      "content": "import type { HTMLAttributes } from 'react';\nimport { cx } from '@/lib/creance/cx';\nimport './Separator.css';\n\nexport interface SeparatorProps extends HTMLAttributes<HTMLElement> {\n  orientation?: 'horizontal' | 'vertical';\n  /** Decorative separators are hidden from screen readers. Default true. */\n  decorative?: boolean;\n}\n\nexport function Separator({ orientation = 'horizontal', decorative = true, className, ...props }: SeparatorProps) {\n  return (\n    <div\n      className={cx('cr-separator', className)}\n      data-orientation={orientation}\n      {...(decorative ? { 'aria-hidden': true } : { role: 'separator', 'aria-orientation': orientation })}\n      {...props}\n    />\n  );\n}\n",
      "type": "registry:ui",
      "target": "@components/creance/separator/Separator.tsx"
    }
  ],
  "categories": [
    "atom",
    "data-display"
  ],
  "type": "registry:ui"
}