{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "separator",
  "title": "Separator",
  "description": "A shadcn-style separator component built with Ark UI primitives.",
  "dependencies": ["@ark-ui/react"],
  "files": [
    {
      "path": "src/components/ui/separator.tsx",
      "content": "\"use client\";\n\nimport { ark } from \"@ark-ui/react/factory\";\nimport type { ComponentProps } from \"react\";\nimport { cn } from \"@/lib/utils\";\n\nexport const Separator = ({\n  className,\n  orientation = \"horizontal\",\n  ...props\n}: ComponentProps<typeof ark.div> & {\n  orientation?: \"horizontal\" | \"vertical\";\n}) => {\n  return (\n    <ark.div\n      className={cn(\n        \"shrink-0 bg-border data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:w-px data-[orientation=vertical]:not-[[class^='h-']]:not-[[class*='_h-']]:self-stretch\",\n        className,\n      )}\n      data-slot=\"separator\"\n      data-orientation={orientation}\n      {...props}\n    />\n  );\n};\n",
      "type": "registry:ui",
      "target": "src/components/ui/separator.tsx"
    }
  ],
  "type": "registry:ui"
}
