{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "transcript-divider",
  "type": "registry:component",
  "title": "TranscriptDivider",
  "description": "Toned run-boundary separator for transcripts: steering, interruptions, and condensed context.",
  "dependencies": [],
  "registryDependencies": [
    "https://control-ui.dev/r/core.json"
  ],
  "files": [
    {
      "path": "src/registry/knob-contracts/transcript-divider-knobs.ts",
      "target": "@components/control-ui/knob-contracts/transcript-divider-knobs.ts",
      "type": "registry:component",
      "content": "// Generated from src/registry/sources/control-ui/recipes/transcript-divider.css by scripts/gen-knob-contracts.ts — run `bun run sync:knobs`.\nexport const transcriptDividerKnobs = [\n  \"--cui-transcript-divider-foreground\",\n  \"--cui-transcript-divider-line-color\",\n  \"--cui-transcript-divider-danger-foreground\",\n  \"--cui-transcript-divider-success-foreground\",\n  \"--cui-transcript-divider-warning-foreground\",\n] as const;\nexport type TranscriptDividerKnobStyle = Partial<Record<(typeof transcriptDividerKnobs)[number], string>>;\n"
    },
    {
      "path": "src/registry/sources/control-ui/recipes/transcript-divider.css",
      "target": "@components/control-ui/styles/recipes/transcript-divider.css",
      "type": "registry:file",
      "content": "@layer components {\n  :where([data-control-family=\"transcript-divider\"][data-slot=\"root\"]) {\n    --cui-transcript-divider-foreground: var(--muted-foreground);\n    --cui-transcript-divider-line-color: var(--border);\n    --cui-transcript-divider-danger-foreground: var(--destructive-text);\n    --cui-transcript-divider-success-foreground: var(--badge-green-foreground);\n    --cui-transcript-divider-warning-foreground: var(--badge-yellow-foreground);\n    color: var(--cui-transcript-divider-foreground);\n    font-size: var(--text-caption);\n  }\n\n  :where([data-control-family=\"transcript-divider\"][data-slot=\"root\"])::before,\n  :where([data-control-family=\"transcript-divider\"][data-slot=\"root\"])::after {\n    background: var(--cui-transcript-divider-line-color);\n  }\n\n  :where([data-control-family=\"transcript-divider\"][data-slot=\"root\"][data-tone=\"success\"]) {\n    color: var(--cui-transcript-divider-success-foreground);\n  }\n\n  :where([data-control-family=\"transcript-divider\"][data-slot=\"root\"][data-tone=\"warning\"]) {\n    color: var(--cui-transcript-divider-warning-foreground);\n  }\n\n  :where([data-control-family=\"transcript-divider\"][data-slot=\"root\"][data-tone=\"danger\"]) {\n    color: var(--cui-transcript-divider-danger-foreground);\n  }\n}\n\n@property --cui-transcript-divider-foreground {\n  syntax: \"<color>\";\n  inherits: true;\n  initial-value: transparent;\n}\n\n@property --cui-transcript-divider-line-color {\n  syntax: \"<color>\";\n  inherits: true;\n  initial-value: transparent;\n}\n\n@property --cui-transcript-divider-danger-foreground {\n  syntax: \"<color>\";\n  inherits: true;\n  initial-value: transparent;\n}\n\n@property --cui-transcript-divider-success-foreground {\n  syntax: \"<color>\";\n  inherits: true;\n  initial-value: transparent;\n}\n\n@property --cui-transcript-divider-warning-foreground {\n  syntax: \"<color>\";\n  inherits: true;\n  initial-value: transparent;\n}\n"
    },
    {
      "path": "src/registry/sources/control-ui/transcript-divider.tsx",
      "target": "@components/control-ui/transcript-divider.tsx",
      "type": "registry:component",
      "content": "import type { ComponentProps, CSSProperties } from \"react\";\nimport type { TranscriptDividerKnobStyle } from \"@/components/control-ui/knob-contracts/transcript-divider-knobs\";\nimport { cn } from \"@/components/control-ui/lib/cn\";\n\nexport type ChatTone = \"neutral\" | \"success\" | \"warning\" | \"danger\";\n\nexport type TranscriptDividerProps = Omit<ComponentProps<\"div\">, \"style\"> & {\n  tone?: ChatTone;\n  style?: CSSProperties & TranscriptDividerKnobStyle;\n};\n\nexport function TranscriptDivider({ tone = \"neutral\", className, children, ...props }: TranscriptDividerProps) {\n  return (\n    <div\n      data-control-ui=\"transcript-divider\"\n      data-control-family=\"transcript-divider\"\n      data-slot=\"root\"\n      data-tone={tone}\n      className={cn(\"my-2 flex min-w-0 items-center before:h-px before:flex-1 after:h-px after:flex-1\", className)}\n      {...props}\n    >\n      {children != null ? <TranscriptDividerLabel>{children}</TranscriptDividerLabel> : null}\n    </div>\n  );\n}\n\nexport type TranscriptDividerLabelProps = ComponentProps<\"span\"> & { style?: CSSProperties & TranscriptDividerKnobStyle };\n\nexport function TranscriptDividerLabel({ className, ...props }: TranscriptDividerLabelProps) {\n  return (\n    <span\n      data-control-ui=\"transcript-divider\"\n      data-control-family=\"transcript-divider\"\n      data-slot=\"label\"\n      className={cn(\"min-w-0 truncate px-2\", className)}\n      {...props}\n    />\n  );\n}\n"
    }
  ],
  "css": {
    "@import \"../components/control-ui/styles/recipes/transcript-divider.css\"": {}
  },
  "meta": {}
}