{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "section-divider",
  "title": "Section Divider",
  "description": "The nx-ui Section Divider component.",
  "registryDependencies": [
    "@nx-ui/utils"
  ],
  "files": [
    {
      "path": "components/ui/section-divider.tsx",
      "content": "import * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\n/**\n * SectionDivider — a full-width hairline rule for separating marketing / page\n * sections, constrained to the container width. The section-level counterpart\n * to the inline `separator` primitive and the labelled `content-divider`.\n *\n * @example\n * <SectionDivider />\n */\n\nfunction SectionDivider({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"section-divider\"\n      className={cn(\n        \"mx-auto w-full max-w-[var(--max-width-container)] px-4 md:px-8\",\n        className\n      )}\n      {...props}\n    >\n      <hr className=\"h-px w-full border-none bg-border-secondary\" />\n    </div>\n  )\n}\n\nexport { SectionDivider }\n",
      "type": "registry:ui"
    }
  ],
  "type": "registry:ui"
}