{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "send-aurora",
  "type": "registry:style",
  "title": "SendAurora",
  "description": "Anchored ChatComposer extension: a blurred aurora backdrop that sweeps up once per sent message — activated from skin.config via the chat-composer:send-layer anchor.",
  "dependencies": [],
  "registryDependencies": [
    "https://control-ui.dev/r/core.json"
  ],
  "files": [
    {
      "path": "src/registry/sources/control-ui/extensions/send-aurora.css",
      "target": "@components/control-ui/styles/send-aurora.css",
      "type": "registry:file",
      "content": "@layer components {\n  :where([data-send-aurora]) {\n    --aurora-1: oklch(0.66 0.24 356);\n    --aurora-2: oklch(0.71 0.19 41);\n    --aurora-3: oklch(0.85 0.15 91);\n    --aurora-4: oklch(0.86 0.03 235);\n    --aurora-5: oklch(0.45 0.19 262);\n    opacity: 0;\n    animation: send-aurora-sweep calc(var(--duration-slow) * 4) var(--ease-emphasized) forwards;\n  }\n\n  :where([data-send-aurora] [data-column=\"center\"]) {\n    translate: 0 calc(var(--spacing) * -20);\n  }\n\n  :where([data-send-aurora] [data-band]) {\n    filter: blur(var(--blur-xl));\n  }\n\n  :where([data-send-aurora] [data-band=\"1\"]) {\n    background-color: var(--aurora-1);\n  }\n\n  :where([data-send-aurora] [data-band=\"2\"]) {\n    background-color: var(--aurora-2);\n  }\n\n  :where([data-send-aurora] [data-band=\"3\"]) {\n    background-color: var(--aurora-3);\n  }\n\n  :where([data-send-aurora] [data-band=\"4\"]) {\n    background-color: var(--aurora-4);\n  }\n\n  :where([data-send-aurora] [data-band=\"5\"]) {\n    background-color: var(--aurora-5);\n  }\n}\n\n@keyframes send-aurora-sweep {\n  0% {\n    opacity: 0;\n    translate: 0 30%;\n  }\n  18% {\n    opacity: 1;\n  }\n  60% {\n    opacity: 0.85;\n    translate: 0 4%;\n  }\n  100% {\n    opacity: 0;\n    translate: 0 -14%;\n  }\n}\n"
    },
    {
      "path": "src/registry/sources/control-ui/extensions/send-aurora.tsx",
      "target": "@components/control-ui/extensions/send-aurora.tsx",
      "type": "registry:component",
      "content": "\"use client\";\n\nimport type { CSSProperties } from \"react\";\n\nexport type SendAuroraProps = {\n  sendCount: number;\n  colors?: readonly [string, string, string, string, string];\n};\n\nconst AURORA_BANDS = [1, 2, 3, 4, 5] as const;\nconst AURORA_COLUMNS = [\"left\", \"center\", \"right\"] as const;\n\ntype AuroraPaletteStyle = CSSProperties & Record<\"--aurora-1\" | \"--aurora-2\" | \"--aurora-3\" | \"--aurora-4\" | \"--aurora-5\", string>;\n\nexport function SendAurora({ sendCount, colors }: SendAuroraProps) {\n  if (sendCount === 0) return null;\n\n  const paletteOverride: AuroraPaletteStyle | undefined = colors\n    ? {\n        \"--aurora-1\": colors[0],\n        \"--aurora-2\": colors[1],\n        \"--aurora-3\": colors[2],\n        \"--aurora-4\": colors[3],\n        \"--aurora-5\": colors[4],\n      }\n    : undefined;\n\n  return (\n    <div key={sendCount} data-send-aurora=\"\" className=\"flex size-full items-stretch\" style={paletteOverride}>\n      {AURORA_COLUMNS.map((column) => (\n        <div key={column} data-column={column} className=\"flex h-full w-full flex-col items-stretch -space-y-3\">\n          {AURORA_BANDS.map((band) => (\n            <div key={band} data-band={band} className=\"w-full flex-1\" />\n          ))}\n        </div>\n      ))}\n    </div>\n  );\n}\n"
    }
  ],
  "css": {
    "@import \"../components/control-ui/styles/send-aurora.css\"": {}
  },
  "meta": {}
}