{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "separator",
  "title": "separator",
  "dependencies": [
    "class-variance-authority@^0.7"
  ],
  "registryDependencies": [
    "@dwellir/dwellir-theme",
    "@dwellir/utils"
  ],
  "files": [
    {
      "path": "components/ui/separator.tsx",
      "content": "import { cva } from 'class-variance-authority';\nimport type { ComponentProps } from 'react';\nimport { cn } from '@/lib/utils';\n\n/*\n * One token-coloured hairline, --border-hairline thick: 0.5px at 2x density\n * or higher, 1px otherwise. Preflight gives an <hr> a 1px top border in the\n * text colour and a zero height, so the base clears the border and each\n * orientation sets its own size. A vertical line stretches to its row; a\n * caller's height class replaces that.\n */\nconst separatorVariants = cva('shrink-0 border-0 bg-border', {\n  variants: {\n    orientation: {\n      horizontal: 'h-(--border-hairline) w-full',\n      vertical: 'h-auto w-(--border-hairline) self-stretch',\n    },\n  },\n  defaultVariants: { orientation: 'horizontal' },\n});\n\ntype SeparatorProps = ComponentProps<'hr'> & {\n  orientation?: 'horizontal' | 'vertical';\n  /** A decorative line is hidden from screen readers. Set false when it separates content. */\n  decorative?: boolean;\n};\n\nfunction Separator({\n  className,\n  orientation = 'horizontal',\n  decorative = true,\n  ...props\n}: SeparatorProps) {\n  return (\n    <hr\n      data-slot=\"separator\"\n      data-orientation={orientation}\n      aria-orientation={decorative ? undefined : orientation}\n      aria-hidden={decorative ? true : undefined}\n      className={cn(separatorVariants({ orientation }), className)}\n      {...props}\n    />\n  );\n}\n\nexport { Separator, separatorVariants };\n",
      "type": "registry:ui"
    }
  ],
  "type": "registry:ui"
}