{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "separator",
  "title": "Separator",
  "description": "Decorative or semantic rule, horizontal or vertical.",
  "dependencies": [],
  "registryDependencies": [
    "@hjconsult/lib"
  ],
  "files": [
    {
      "path": "src/components/separator/index.tsx",
      "content": "import type { ComponentPropsWithoutRef, Ref } from 'react'\nimport { cn } from '../../lib'\n\nexport interface SeparatorProps extends ComponentPropsWithoutRef<'div'> {\n  orientation?: 'horizontal' | 'vertical'\n  /** Decorative separators are hidden from assistive technology. Default `true`. */\n  decorative?: boolean\n  ref?: Ref<HTMLElement>\n}\n\nexport function Separator({\n  orientation = 'horizontal',\n  decorative = true,\n  className,\n  ref,\n  ...props\n}: SeparatorProps) {\n  const classes = cn(\n    'shrink-0 border-0 bg-line',\n    orientation === 'horizontal' ? 'h-px w-full' : 'w-px self-stretch',\n    className,\n  )\n  if (decorative) {\n    return <div ref={ref as Ref<HTMLDivElement>} role=\"none\" className={classes} {...props} />\n  }\n  return (\n    <hr\n      ref={ref as Ref<HTMLHRElement>}\n      aria-orientation={orientation === 'vertical' ? 'vertical' : undefined}\n      className={classes}\n      {...props}\n    />\n  )\n}\n",
      "type": "registry:ui",
      "target": "hj/components/separator/index.tsx"
    }
  ],
  "cssVars": {},
  "type": "registry:ui"
}