{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "content-divider",
  "title": "Content Divider",
  "description": "The nx-ui Content Divider component.",
  "registryDependencies": [
    "@nx-ui/utils"
  ],
  "files": [
    {
      "path": "components/ui/content-divider.tsx",
      "content": "\"use client\"\n\nimport * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\n/**\n * ContentDivider — a horizontal rule with an optional inline label.\n *\n * With no children it is a plain full-width line (like a labelled `separator`).\n * With children it renders `[rule] label [rule]`, the label positioned start,\n * centre or end. Used to break form sections (\"or\", \"Billing details\"). Ported\n * from the UUI \"Content dividers\" pattern on top of nx-ui tokens.\n */\n\nfunction ContentDivider({\n  children,\n  align = \"center\",\n  className,\n  ...props\n}: React.ComponentProps<\"div\"> & {\n  align?: \"start\" | \"center\" | \"end\"\n}) {\n  if (!children) {\n    return (\n      <div\n        data-slot=\"content-divider\"\n        role=\"separator\"\n        className={cn(\"h-px w-full bg-border\", className)}\n        {...props}\n      />\n    )\n  }\n\n  return (\n    <div\n      data-slot=\"content-divider\"\n      role=\"separator\"\n      aria-orientation=\"horizontal\"\n      className={cn(\"flex items-center gap-3\", className)}\n      {...props}\n    >\n      {align !== \"start\" && <span className=\"h-px flex-1 bg-border\" />}\n      <span className=\"shrink-0 text-sm font-medium text-text-tertiary\">\n        {children}\n      </span>\n      {align !== \"end\" && <span className=\"h-px flex-1 bg-border\" />}\n    </div>\n  )\n}\n\nexport { ContentDivider }\n",
      "type": "registry:ui"
    }
  ],
  "type": "registry:ui"
}