{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "separator",
  "title": "Separator",
  "description": "A separator component",
  "dependencies": [
    "@radix-ui/react-separator"
  ],
  "files": [
    {
      "path": "registry/cs/ui/separator/separator.tsx",
      "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { Separator as SeparatorPrimitive } from \"radix-ui\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype CsSeparatorColor =\n  | \"default\"\n  | \"primary\"\n  | \"secondary\"\n  | \"grey\"\n  | \"dark\"\n  | \"red\"\n  | \"blue\"\n  | \"green\"\n  | \"yellow\"\n  | \"orange\"\n\nconst colorClasses: Record<CsSeparatorColor, string> = {\n  default: \"bg-border\",\n  primary: \"bg-[var(--cs-primary)]\",\n  secondary: \"bg-[var(--cs-secondary)]\",\n  grey: \"bg-[var(--cs-grey)]\",\n  dark: \"bg-[var(--cs-dark)]\",\n  red: \"bg-[var(--cs-red)]\",\n  blue: \"bg-[var(--cs-blue)]\",\n  green: \"bg-[var(--cs-green)]\",\n  yellow: \"bg-[var(--cs-yellow)]\",\n  orange: \"bg-[var(--cs-orange)]\",\n}\n\nfunction Separator({\n  className,\n  orientation = \"horizontal\",\n  decorative = true,\n  color = \"default\",\n  thickness = 1,\n  ...props\n}: React.ComponentProps<typeof SeparatorPrimitive.Root> & {\n  color?: CsSeparatorColor\n  thickness?: number\n}) {\n  return (\n    <SeparatorPrimitive.Root\n      data-slot=\"separator\"\n      decorative={decorative}\n      orientation={orientation}\n      className={cn(\n        \"shrink-0\",\n        colorClasses[color],\n        orientation === \"horizontal\"\n          ? `w-full`\n          : `h-full`,\n        className\n      )}\n      style={{\n        ...(orientation === \"horizontal\"\n          ? { height: `${thickness}px` }\n          : { width: `${thickness}px` }),\n      }}\n      {...props}\n    />\n  )\n}\n\nexport { Separator, type CsSeparatorColor }\n",
      "type": "registry:ui"
    }
  ],
  "type": "registry:ui"
}