{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "separator",
  "title": "Separator",
  "description": "A separator component.",
  "dependencies": [
    "class-variance-authority"
  ],
  "files": [
    {
      "path": "registry/default/separator/separator.tsx",
      "content": "import * as React from \"react\";\nimport { Separator as BaseSeparator } from \"@base-ui/react/separator\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nimport { cn } from \"@/lib/utils\";\n\nconst separatorVariants = cva(\n  \"shrink-0 data-[orientation=horizontal]:h-px data-[orientation=vertical]:w-px\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-border\",\n        thick:\n          \"bg-border data-[orientation=horizontal]:h-0.5 data-[orientation=vertical]:w-0.5\",\n        dashed:\n          \"border-t-2 border-dashed border-border bg-transparent data-[orientation=horizontal]:h-0 data-[orientation=vertical]:w-0 data-[orientation=vertical]:border-l-2 data-[orientation=vertical]:border-t-0\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  },\n);\n\ninterface SeparatorProps\n  extends Omit<React.ComponentProps<typeof BaseSeparator>, \"className\">,\n    VariantProps<typeof separatorVariants> {\n  className?: string;\n}\n\nfunction Separator({\n  className,\n  orientation = \"horizontal\",\n  variant,\n  ...props\n}: SeparatorProps) {\n  return (\n    <BaseSeparator\n      data-slot=\"separator\"\n      orientation={orientation}\n      className={cn(\n        separatorVariants({ variant }),\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Separator, separatorVariants };\n",
      "type": "registry:ui",
      "target": "components/ui/cubby-ui/separator.tsx"
    }
  ],
  "type": "registry:ui"
}