@adea-ai/ui 0.63.4 → 0.64.0

package/README.md

@@ -153,6 +153,30 @@ The toolbar switches theme, accent, typeface and density live, which is the
 fastest way to see how a component behaves across the catalogue rather than in
 one theme.
 
+## Busy composer action
+
+Square icon controls use the control-height tokens through the Tailwind `--size`
+mapping; `--spacing-control-*` remains the separate inline-padding ladder.
+Text controls, icon buttons and toggles share the same height in both densities.
+Dimensions remain rem-based and follow the consumer's root font size. The browser
+geometry lane checks all six rungs, heights and padding under both themes/densities.
+
+`BusySendButton` translates KiroCrew's split fire/mode-picker composition. Pass
+controlled `mode`, `onModeChange` and `onFire`. `disabled` prevents firing while
+leaving mode choice available before typing; `selectionDisabled` gates choosing.
+Inject `unavailable` reasons for unsupported or unauthorized modes: rows remain
+visible, and the selected action cannot fire. Supply `alternateActionHint` only
+when the host implements the described keyboard chord. The component adds no
+keyboard chord, preference storage, runtime command or queue. Persistence and
+same-session preference synchronization remain application-owned.
+
+Kobalte owns the menu and focus lifecycle. Its Tab prevention lacks row cycling,
+so a menu-scoped donor translation cycles enabled rows without a document listener.
+Stories cover before-typing, working,
+unavailable and read-only states. `bun run test:components` checks the isolated
+Solid composition headlessly in Chromium and WebKit. Full Chat composition,
+packed distribution and real consumer/native acceptance remain separate gates.
+
 ## Transcript follow
 
 `ConversationSurface` follows streamed text, earlier-row growth, turn collapse

package/dist/NOTICE

@@ -49,6 +49,29 @@ Origin UI / coss (AGPL-3.0-or-later) was consulted for visual ideas only. No
 code, class string, or asset from that project is reproduced here, because its
 licence is incompatible with this distribution.
 
+Busy composer action translated from KiroCrew
+--------------------------------------------
+Original: website/src/components/BusySendButton.tsx
+Also translated: website/src/hooks/useMenuKeyboard.ts (enabled-row Tab cycle)
+Revision: 283e136c0f902e965a535a7c9548c57c7504fed0
+Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+This product includes software developed at Amazon.com, Inc.
+Apache License, Version 2.0 (see LICENSE).
+Destination: packages/ui/src/components/conversation/busy-send-button.tsx
+
+The split fire/mode-picker structure, descriptions, independent disabled-fire
+state, selected radio treatment and conditional alternate-action hint are
+substantially translated to Solid and the shared design system. Kobalte owns
+portal positioning, arrow navigation, dismissal and focus restoration. Its
+Tab prevention lacks row cycling, so the donor cycle is translated as a scoped
+menu handler over enabled rows; no document listener or manual focus trap.
+Donor per-slot storage/migration/broadcast, i18n/platform lookup, React runtime,
+manual portal and document listeners are not copied. Applications inject mode,
+action and unavailable reasons. No runtime queue or force-reset authority added.
+Nearest tests: BusySendButton.menuKeyboard.test.tsx and
+BusySendButton.slotScope.test.tsx; controlled mode replaces donor storage tests,
+while keyboard/focus expectations are exercised in Chromium and WebKit.
+
 ## Plain transcript follow translated from KiroCrew
 
 `packages/ui/src/components/conversation/scroll-follow-core.ts`,

package/dist/components/conversation/busy-send-button.d.ts

@@ -0,0 +1,28 @@
+export type BusySendMode = 'steer' | 'queue';
+export type BusySendButtonProps = {
+    mode: BusySendMode;
+    onModeChange: (mode: BusySendMode) => void;
+    /** Executes only the selected action. The host owns the draft and command. */
+    onFire: () => void;
+    /** An empty draft or pending delivery disables fire, but not choosing a mode. */
+    disabled?: boolean;
+    /** Disable mode selection when the host has no authority to change preferences. */
+    selectionDisabled?: boolean;
+    /** Host capability/authority failures: unavailable rows remain visible. */
+    unavailable?: Partial<Record<BusySendMode, string>>;
+    /** Supply only when the host implements this alternate-action keyboard chord. */
+    alternateActionHint?: string;
+};
+/**
+ * Kiro's split action/menu composition, with app-owned mode and availability.
+ * Picking a mode never fires it. Persistence, migration and same-session
+ * broadcasts belong to the consumer; this component has no storage or global listeners.
+ * Kobalte replaces the donor manual portal/positioning and document listeners:
+ * arrows wrap and selection/Escape return focus. Kobalte 0.13.14 prevents Tab
+ * without moving focus, so a menu-scoped translation of the donor Tab cycle
+ * fills that gap. It discovers enabled radio rows only; no document trap.
+ * No force-reset timer or runtime authority is translated from the adjacent
+ * donor stop flow.
+ */
+export declare function BusySendButton(props: BusySendButtonProps): import("solid-js").JSX.Element;
+//# sourceMappingURL=busy-send-button.d.ts.map

package/dist/components/conversation/busy-send-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"busy-send-button.d.ts","sourceRoot":"","sources":["../../../src/components/conversation/busy-send-button.tsx"],"names":[],"mappings":"AAmBA,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,OAAO,CAAA;AAC5C,MAAM,MAAM,mBAAmB,GAAG;IAChC,IAAI,EAAE,YAAY,CAAA;IAClB,YAAY,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAA;IAC1C,8EAA8E;IAC9E,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,iFAAiF;IACjF,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,mFAAmF;IACnF,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,2EAA2E;IAC3E,WAAW,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC,CAAA;IACnD,iFAAiF;IACjF,mBAAmB,CAAC,EAAE,MAAM,CAAA;CAC7B,CAAA;AASD;;;;;;;;;;GAUG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,kCA2GxD"}

package/dist/components/conversation/busy-send-button.js

@@ -0,0 +1,184 @@
+import { Button } from "../ui/button/button.js";
+import { ButtonGroup } from "../ui/button-group/button-group.js";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuTrigger } from "../ui/dropdown-menu/dropdown-menu.js";
+import { createComponent, insert, setAttribute, template } from "solid-js/web";
+import { ArrowUpFromLine, ChevronDown, Target } from "lucide-solid";
+import { For, Show, createUniqueId } from "solid-js";
+//#region src/components/conversation/busy-send-button.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<p class="text-muted-foreground px-2 py-1 text-xs">`);
+var _tmpl$2 = /*#__PURE__*/ template(`<div data-slot=busy-send-button class="flex w-fit flex-col gap-1">`);
+var _tmpl$3 = /*#__PURE__*/ template(`<div class="flex min-w-0 flex-col gap-1"><span></span><span class="text-muted-foreground text-xs">`);
+var _tmpl$4 = /*#__PURE__*/ template(`<span class="text-muted-foreground text-xs">`);
+var _tmpl$5 = /*#__PURE__*/ template(`<p class="text-muted-foreground text-xs">`);
+var modes = ["steer", "queue"];
+var labels = {
+	steer: "Steer",
+	queue: "Queue"
+};
+var descriptions = {
+	steer: "Act on this right away",
+	queue: "Run after the current work finishes"
+};
+/**
+* Kiro's split action/menu composition, with app-owned mode and availability.
+* Picking a mode never fires it. Persistence, migration and same-session
+* broadcasts belong to the consumer; this component has no storage or global listeners.
+* Kobalte replaces the donor manual portal/positioning and document listeners:
+* arrows wrap and selection/Escape return focus. Kobalte 0.13.14 prevents Tab
+* without moving focus, so a menu-scoped translation of the donor Tab cycle
+* fills that gap. It discovers enabled radio rows only; no document trap.
+* No force-reset timer or runtime authority is translated from the adjacent
+* donor stop flow.
+*/
+function BusySendButton(props) {
+	const reasonId = createUniqueId();
+	const reason = () => props.unavailable?.[props.mode];
+	const variant = () => props.mode === "steer" ? "default" : "secondary";
+	return (() => {
+		var _el$ = _tmpl$2();
+		insert(_el$, createComponent(DropdownMenu, {
+			placement: "top-end",
+			modal: false,
+			get children() {
+				return [createComponent(ButtonGroup, {
+					label: "Send while busy",
+					get children() {
+						return [createComponent(Button, {
+							type: "button",
+							size: "icon-sm",
+							get variant() {
+								return variant();
+							},
+							get ["aria-label"]() {
+								return props.mode === "steer" ? "Steer" : "Queue message";
+							},
+							get ["aria-describedby"]() {
+								return reason() ? reasonId : void 0;
+							},
+							get disabled() {
+								return props.disabled || !!reason();
+							},
+							onClick: () => {
+								if (!props.disabled && !reason()) props.onFire();
+							},
+							get children() {
+								return createComponent(Show, {
+									get when() {
+										return props.mode === "steer";
+									},
+									get fallback() {
+										return createComponent(ArrowUpFromLine, {});
+									},
+									get children() {
+										return createComponent(Target, {});
+									}
+								});
+							}
+						}), createComponent(DropdownMenuTrigger, {
+							as: Button,
+							type: "button",
+							size: "icon-sm",
+							get variant() {
+								return variant();
+							},
+							"aria-label": "Send options",
+							get disabled() {
+								return props.selectionDisabled;
+							},
+							get children() {
+								return createComponent(ChevronDown, {});
+							}
+						})];
+					}
+				}), createComponent(DropdownMenuContent, {
+					hideArrow: true,
+					get children() {
+						return [createComponent(DropdownMenuRadioGroup, {
+							"on:keydown": (event) => {
+								if (event.key !== "Tab" || event.isComposing || !(event.currentTarget instanceof HTMLElement)) return;
+								const rows = Array.from(event.currentTarget.querySelectorAll("[role=\"menuitemradio\"]:not([aria-disabled=\"true\"])"));
+								if (!rows.length) return;
+								event.preventDefault();
+								event.stopPropagation();
+								const active = document.activeElement;
+								const index = active instanceof HTMLElement ? rows.indexOf(active) : -1;
+								rows[index < 0 ? event.shiftKey ? rows.length - 1 : 0 : (index + (event.shiftKey ? -1 : 1) + rows.length) % rows.length]?.focus();
+							},
+							get value() {
+								return props.mode;
+							},
+							onChange: (value) => {
+								if ((value === "steer" || value === "queue") && !props.selectionDisabled && !props.unavailable?.[value]) props.onModeChange(value);
+							},
+							get children() {
+								return createComponent(For, {
+									each: modes,
+									children: (mode) => createComponent(DropdownMenuRadioItem, {
+										value: mode,
+										closeOnSelect: true,
+										get disabled() {
+											return props.selectionDisabled || !!props.unavailable?.[mode];
+										},
+										get children() {
+											return [createComponent(Show, {
+												when: mode === "steer",
+												get fallback() {
+													return createComponent(ArrowUpFromLine, {});
+												},
+												get children() {
+													return createComponent(Target, {});
+												}
+											}), (() => {
+												var _el$3 = _tmpl$3(), _el$4 = _el$3.firstChild, _el$5 = _el$4.nextSibling;
+												insert(_el$4, () => labels[mode]);
+												insert(_el$5, () => descriptions[mode]);
+												insert(_el$3, createComponent(Show, {
+													get when() {
+														return props.unavailable?.[mode];
+													},
+													children: (message) => (() => {
+														var _el$6 = _tmpl$4();
+														insert(_el$6, message);
+														return _el$6;
+													})()
+												}), null);
+												return _el$3;
+											})()];
+										}
+									})
+								});
+							}
+						}), createComponent(Show, {
+							get when() {
+								return props.alternateActionHint;
+							},
+							get children() {
+								return [createComponent(DropdownMenuSeparator, {}), (() => {
+									var _el$2 = _tmpl$();
+									insert(_el$2, () => props.alternateActionHint);
+									return _el$2;
+								})()];
+							}
+						})];
+					}
+				})];
+			}
+		}), null);
+		insert(_el$, createComponent(Show, {
+			get when() {
+				return reason();
+			},
+			children: (message) => (() => {
+				var _el$7 = _tmpl$5();
+				setAttribute(_el$7, "id", reasonId);
+				insert(_el$7, message);
+				return _el$7;
+			})()
+		}), null);
+		return _el$;
+	})();
+}
+//#endregion
+export { BusySendButton };
+
+//# sourceMappingURL=busy-send-button.js.map

package/dist/components/conversation/busy-send-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"busy-send-button.js","names":["ArrowUpFromLine","ChevronDown","Target","For","Show","createUniqueId","Button","ButtonGroup","DropdownMenu","DropdownMenuContent","DropdownMenuRadioGroup","DropdownMenuRadioItem","DropdownMenuSeparator","DropdownMenuTrigger","BusySendMode","BusySendButtonProps","mode","onModeChange","onFire","disabled","selectionDisabled","unavailable","Partial","Record","alternateActionHint","modes","labels","steer","queue","descriptions","BusySendButton","props","reasonId","reason","variant","const","_el$","_tmpl$2","_$insert","_$createComponent","placement","modal","children","label","type","size","aria-label","aria-describedby","undefined","onClick","when","fallback","as","hideArrow","on:keydown","event","KeyboardEvent","key","isComposing","currentTarget","HTMLElement","rows","Array","from","querySelectorAll","length","preventDefault","stopPropagation","active","document","activeElement","index","indexOf","next","shiftKey","focus","value","onChange","each","closeOnSelect","_el$3","_tmpl$3","_el$4","firstChild","_el$5","nextSibling","message","_el$6","_tmpl$4","_el$2","_tmpl$","_el$7","_tmpl$5","_$setAttribute","_$createComponent"],"sources":["../../../src/components/conversation/busy-send-button.tsx"],"sourcesContent":["/*\n * Substantially translated from KiroCrew website/src/components/BusySendButton.tsx\n * at 283e136c0f902e965a535a7c9548c57c7504fed0.\n * Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n * Licensed under Apache-2.0; see LICENSE and NOTICE.\n */\nimport { ArrowUpFromLine, ChevronDown, Target } from 'lucide-solid'\nimport { For, Show, createUniqueId } from 'solid-js'\nimport { Button } from '../ui/button/button'\nimport { ButtonGroup } from '../ui/button-group/button-group'\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuRadioGroup,\n  DropdownMenuRadioItem,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from '../ui/dropdown-menu/dropdown-menu'\n\nexport type BusySendMode = 'steer' | 'queue'\nexport type BusySendButtonProps = {\n  mode: BusySendMode\n  onModeChange: (mode: BusySendMode) => void\n  /** Executes only the selected action. The host owns the draft and command. */\n  onFire: () => void\n  /** An empty draft or pending delivery disables fire, but not choosing a mode. */\n  disabled?: boolean\n  /** Disable mode selection when the host has no authority to change preferences. */\n  selectionDisabled?: boolean\n  /** Host capability/authority failures: unavailable rows remain visible. */\n  unavailable?: Partial<Record<BusySendMode, string>>\n  /** Supply only when the host implements this alternate-action keyboard chord. */\n  alternateActionHint?: string\n}\n\nconst modes: BusySendMode[] = ['steer', 'queue']\nconst labels = { steer: 'Steer', queue: 'Queue' }\nconst descriptions = {\n  steer: 'Act on this right away',\n  queue: 'Run after the current work finishes',\n}\n\n/**\n * Kiro's split action/menu composition, with app-owned mode and availability.\n * Picking a mode never fires it. Persistence, migration and same-session\n * broadcasts belong to the consumer; this component has no storage or global listeners.\n * Kobalte replaces the donor manual portal/positioning and document listeners:\n * arrows wrap and selection/Escape return focus. Kobalte 0.13.14 prevents Tab\n * without moving focus, so a menu-scoped translation of the donor Tab cycle\n * fills that gap. It discovers enabled radio rows only; no document trap.\n * No force-reset timer or runtime authority is translated from the adjacent\n * donor stop flow.\n */\nexport function BusySendButton(props: BusySendButtonProps) {\n  const reasonId = createUniqueId()\n  const reason = () => props.unavailable?.[props.mode]\n  const variant = () => (props.mode === 'steer' ? ('default' as const) : ('secondary' as const))\n  return (\n    <div data-slot=\"busy-send-button\" class=\"flex w-fit flex-col gap-1\">\n      <DropdownMenu placement=\"top-end\" modal={false}>\n        <ButtonGroup label=\"Send while busy\">\n          <Button\n            type=\"button\"\n            size=\"icon-sm\"\n            variant={variant()}\n            aria-label={props.mode === 'steer' ? 'Steer' : 'Queue message'}\n            aria-describedby={reason() ? reasonId : undefined}\n            disabled={props.disabled || !!reason()}\n            onClick={() => {\n              if (!props.disabled && !reason()) props.onFire()\n            }}\n          >\n            <Show when={props.mode === 'steer'} fallback={<ArrowUpFromLine />}>\n              <Target />\n            </Show>\n          </Button>\n          <DropdownMenuTrigger\n            as={Button}\n            type=\"button\"\n            size=\"icon-sm\"\n            variant={variant()}\n            aria-label=\"Send options\"\n            disabled={props.selectionDisabled}\n          >\n            <ChevronDown />\n          </DropdownMenuTrigger>\n        </ButtonGroup>\n        <DropdownMenuContent hideArrow>\n          <DropdownMenuRadioGroup\n            on:keydown={(event: KeyboardEvent) => {\n              if (\n                event.key !== 'Tab' ||\n                event.isComposing ||\n                !(event.currentTarget instanceof HTMLElement)\n              )\n                return\n              const rows = Array.from(\n                event.currentTarget.querySelectorAll<HTMLElement>(\n                  '[role=\"menuitemradio\"]:not([aria-disabled=\"true\"])'\n                )\n              )\n              if (!rows.length) return\n              event.preventDefault()\n              event.stopPropagation()\n              const active = document.activeElement\n              const index = active instanceof HTMLElement ? rows.indexOf(active) : -1\n              const next =\n                index < 0\n                  ? event.shiftKey\n                    ? rows.length - 1\n                    : 0\n                  : (index + (event.shiftKey ? -1 : 1) + rows.length) % rows.length\n              rows[next]?.focus()\n            }}\n            value={props.mode}\n            onChange={(value) => {\n              if (\n                (value === 'steer' || value === 'queue') &&\n                !props.selectionDisabled &&\n                !props.unavailable?.[value]\n              )\n                props.onModeChange(value)\n            }}\n          >\n            <For each={modes}>\n              {(mode) => (\n                <DropdownMenuRadioItem\n                  value={mode}\n                  closeOnSelect\n                  disabled={props.selectionDisabled || !!props.unavailable?.[mode]}\n                >\n                  <Show when={mode === 'steer'} fallback={<ArrowUpFromLine />}>\n                    <Target />\n                  </Show>\n                  <div class=\"flex min-w-0 flex-col gap-1\">\n                    <span>{labels[mode]}</span>\n                    <span class=\"text-muted-foreground text-xs\">{descriptions[mode]}</span>\n                    <Show when={props.unavailable?.[mode]}>\n                      {(message) => <span class=\"text-muted-foreground text-xs\">{message()}</span>}\n                    </Show>\n                  </div>\n                </DropdownMenuRadioItem>\n              )}\n            </For>\n          </DropdownMenuRadioGroup>\n          <Show when={props.alternateActionHint}>\n            <DropdownMenuSeparator />\n            <p class=\"text-muted-foreground px-2 py-1 text-xs\">{props.alternateActionHint}</p>\n          </Show>\n        </DropdownMenuContent>\n      </DropdownMenu>\n      <Show when={reason()}>\n        {(message) => (\n          <p id={reasonId} class=\"text-muted-foreground text-xs\">\n            {message()}\n          </p>\n        )}\n      </Show>\n    </div>\n  )\n}\n"],"mappings":";;;;;;;;;;;;AAmCA,IAAMyB,QAAwB,CAAC,SAAS,OAAO;AAC/C,IAAMC,SAAS;CAAEC,OAAO;CAASC,OAAO;AAAQ;AAChD,IAAMC,eAAe;CACnBF,OAAO;CACPC,OAAO;AACT;;;;;;;;;;;;AAaA,SAAgBE,eAAeC,OAA4B;CACzD,MAAMC,WAAW3B,eAAe;CAChC,MAAM4B,eAAeF,MAAMV,cAAcU,MAAMf;CAC/C,MAAMkB,gBAAiBH,MAAMf,SAAS,UAAW,YAAuB;CACxE,cAAA;EAAA,IAAAoB,OAAAC,QAAA;EAAAC,OAAAF,MAAAG,gBAEK/B,cAAY;GAACgC,WAAS;GAAWC,OAAO;GAAK,IAAAC,WAAA;IAAA,OAAA,CAAAH,gBAC3ChC,aAAW;KAACoC,OAAK;KAAA,IAAAD,WAAA;MAAA,OAAA,CAAAH,gBACfjC,QAAM;OACLsC,MAAI;OACJC,MAAI;OAAA,IACJX,UAAO;QAAA,OAAEA,QAAQ;OAAC;OAAA,KAAA,gBAAA;QAAA,OACNH,MAAMf,SAAS,UAAU,UAAU;OAAe;OAAA,KAAA,sBAAA;QAAA,OAC5CiB,OAAO,IAAID,WAAWgB,KAAAA;OAAS;OAAA,IACjD7B,WAAQ;QAAA,OAAEY,MAAMZ,YAAY,CAAC,CAACc,OAAO;OAAC;OACtCgB,eAAe;QACb,IAAI,CAAClB,MAAMZ,YAAY,CAACc,OAAO,GAAGF,MAAMb,OAAO;OACjD;OAAC,IAAAwB,WAAA;QAAA,OAAAH,gBAEAnC,MAAI;SAAA,IAAC8C,OAAI;UAAA,OAAEnB,MAAMf,SAAS;SAAO;SAAA,IAAEmC,WAAQ;UAAA,OAAAZ,gBAAGvC,iBAAe,CAAA,CAAA;SAAA;SAAA,IAAA0C,WAAA;UAAA,OAAAH,gBAC3DrC,QAAM,CAAA,CAAA;SAAA;QAAA,CAAA;OAAA;MAAA,CAAA,GAAAqC,gBAGV1B,qBAAmB;OAClBuC,IAAI9C;OACJsC,MAAI;OACJC,MAAI;OAAA,IACJX,UAAO;QAAA,OAAEA,QAAQ;OAAC;OAAA,cAAA;OAAA,IAElBf,WAAQ;QAAA,OAAEY,MAAMX;OAAiB;OAAA,IAAAsB,WAAA;QAAA,OAAAH,gBAEhCtC,aAAW,CAAA,CAAA;OAAA;MAAA,CAAA,CAAA;KAAA;IAAA,CAAA,GAAAsC,gBAGf9B,qBAAmB;KAAC4C,WAAS;KAAA,IAAAX,WAAA;MAAA,OAAA,CAAAH,gBAC3B7B,wBAAsB;OAAA,eACR6C,UAAyB;QACpC,IACEA,MAAME,QAAQ,SACdF,MAAMG,eACN,EAAEH,MAAMI,yBAAyBC,cAEjC;QACF,MAAMC,OAAOC,MAAMC,KACjBR,MAAMI,cAAcK,iBAClB,wDACF,CACF;QACA,IAAI,CAACH,KAAKI,QAAQ;QAClBV,MAAMW,eAAe;QACrBX,MAAMY,gBAAgB;QACtB,MAAMC,SAASC,SAASC;QACxB,MAAMC,QAAQH,kBAAkBR,cAAcC,KAAKW,QAAQJ,MAAM,IAAI;QAOrEP,KALEU,QAAQ,IACJhB,MAAMmB,WACJb,KAAKI,SAAS,IACd,KACDM,SAAShB,MAAMmB,WAAW,KAAK,KAAKb,KAAKI,UAAUJ,KAAKI,OACrD,EAAEU,MAAM;OACpB;OAAC,IACDC,QAAK;QAAA,OAAE7C,MAAMf;OAAI;OACjB6D,WAAWD,UAAU;QACnB,KACGA,UAAU,WAAWA,UAAU,YAChC,CAAC7C,MAAMX,qBACP,CAACW,MAAMV,cAAcuD,QAErB7C,MAAMd,aAAa2D,KAAK;OAC5B;OAAC,IAAAlC,WAAA;QAAA,OAAAH,gBAEApC,KAAG;SAAC2E,MAAMrD;SAAKiB,WACZ1B,SAAIuB,gBACH5B,uBAAqB;UACpBiE,OAAO5D;UACP+D,eAAa;UAAA,IACb5D,WAAQ;WAAA,OAAEY,MAAMX,qBAAqB,CAAC,CAACW,MAAMV,cAAcL;UAAK;UAAA,IAAA0B,WAAA;WAAA,OAAA,CAAAH,gBAE/DnC,MAAI;YAAC8C,MAAMlC,SAAS;YAAO,IAAEmC,WAAQ;aAAA,OAAAZ,gBAAGvC,iBAAe,CAAA,CAAA;YAAA;YAAA,IAAA0C,WAAA;aAAA,OAAAH,gBACrDrC,QAAM,CAAA,CAAA;YAAA;WAAA,CAAA,UAAA;YAAA,IAAA8E,QAAAC,QAAA,GAAAC,QAAAF,MAAAG,YAAAC,QAAAF,MAAAG;YAAA/C,OAAA4C,aAGAxD,OAAOV,KAAK;YAAAsB,OAAA8C,aAC0BvD,aAAab,KAAK;YAAAsB,OAAA0C,OAAAzC,gBAC9DnC,MAAI;aAAA,IAAC8C,OAAI;cAAA,OAAEnB,MAAMV,cAAcL;aAAK;aAAA0B,WACjC4C,mBAAO;cAAA,IAAAC,QAAAC,QAAA;cAAAlD,OAAAiD,OAAkDD,OAAO;cAAA,OAAAC;aAAA,EAAA,CAAA;YAAU,CAAA,GAAA,IAAA;YAAA,OAAAP;WAAA,EAAA,CAAA,CAAA;UAAA;SAAA,CAAA;QAInF,CAAA;OAAA;MAAA,CAAA,GAAAzC,gBAGJnC,MAAI;OAAA,IAAC8C,OAAI;QAAA,OAAEnB,MAAMP;OAAmB;OAAA,IAAAkB,WAAA;QAAA,OAAA,CAAAH,gBAClC3B,uBAAqB,CAAA,CAAA,UAAA;SAAA,IAAA6E,QAAAC,OAAA;SAAApD,OAAAmD,aAC8B1D,MAAMP,mBAAmB;SAAA,OAAAiE;QAAA,EAAA,CAAA,CAAA;OAAA;MAAA,CAAA,CAAA;KAAA;IAAA,CAAA,CAAA;GAAA;EAAA,CAAA,GAAA,IAAA;EAAAnD,OAAAF,MAAAG,gBAIlFnC,MAAI;GAAA,IAAC8C,OAAI;IAAA,OAAEjB,OAAO;GAAC;GAAAS,WAChB4C,mBAAO;IAAA,IAAAK,QAAAC,QAAA;IAAAC,aAAAF,OAAA,MACA3D,QAAQ;IAAAM,OAAAqD,OACZL,OAAO;IAAA,OAAAK;GAAA,EAAA,CAAA;EAEX,CAAA,GAAA,IAAA;EAAA,OAAAvD;CAAA,EAAA,CAAA;AAIT"}

package/dist/components/conversation/index.d.ts

@@ -1,3 +1,4 @@
+export { BusySendButton, type BusySendMode, type BusySendButtonProps } from './busy-send-button';
 export { ConversationAvatar, type ConversationAvatarKind, type ConversationAvatarProps, } from './conversation-avatar';
 export { ConversationSurface, type ConversationSurfaceProps } from './conversation-surface';
 export { ComposerAttachmentButton, ComposerHint, MessageComposer, type MessageComposerProps, } from './message-composer';

package/dist/components/conversation/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/conversation/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,kBAAkB,EAClB,KAAK,sBAAsB,EAC3B,KAAK,uBAAuB,GAC7B,MAAM,uBAAuB,CAAA;AAC9B,OAAO,EAAE,mBAAmB,EAAE,KAAK,wBAAwB,EAAE,MAAM,wBAAwB,CAAA;AAC3F,OAAO,EACL,wBAAwB,EACxB,YAAY,EACZ,eAAe,EACf,KAAK,oBAAoB,GAC1B,MAAM,oBAAoB,CAAA;AAC3B,OAAO,EACL,WAAW,EACX,iBAAiB,EACjB,YAAY,EACZ,UAAU,EACV,KAAK,eAAe,GACrB,MAAM,eAAe,CAAA;AACtB,OAAO,EACL,cAAc,EACd,WAAW,EACX,KAAK,mBAAmB,EACxB,KAAK,gBAAgB,GACtB,MAAM,gBAAgB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/conversation/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,KAAK,YAAY,EAAE,KAAK,mBAAmB,EAAE,MAAM,oBAAoB,CAAA;AAChG,OAAO,EACL,kBAAkB,EAClB,KAAK,sBAAsB,EAC3B,KAAK,uBAAuB,GAC7B,MAAM,uBAAuB,CAAA;AAC9B,OAAO,EAAE,mBAAmB,EAAE,KAAK,wBAAwB,EAAE,MAAM,wBAAwB,CAAA;AAC3F,OAAO,EACL,wBAAwB,EACxB,YAAY,EACZ,eAAe,EACf,KAAK,oBAAoB,GAC1B,MAAM,oBAAoB,CAAA;AAC3B,OAAO,EACL,WAAW,EACX,iBAAiB,EACjB,YAAY,EACZ,UAAU,EACV,KAAK,eAAe,GACrB,MAAM,eAAe,CAAA;AACtB,OAAO,EACL,cAAc,EACd,WAAW,EACX,KAAK,mBAAmB,EACxB,KAAK,gBAAgB,GACtB,MAAM,gBAAgB,CAAA"}

package/dist/components/conversation/index.js

@@ -1,6 +1,7 @@
+import { BusySendButton } from "./busy-send-button.js";
 import { ConversationAvatar } from "./conversation-avatar.js";
 import { ConversationSurface } from "./conversation-surface.js";
 import { ComposerAttachmentButton, ComposerHint, MessageComposer } from "./message-composer.js";
 import { MessageBody, MessageDayDivider, MessageGroup, MessageRow } from "./message-row.js";
 import { AttachmentCard, ThreadPanel } from "./thread-panel.js";
-export { AttachmentCard, ComposerAttachmentButton, ComposerHint, ConversationAvatar, ConversationSurface, MessageBody, MessageComposer, MessageDayDivider, MessageGroup, MessageRow, ThreadPanel };
+export { AttachmentCard, BusySendButton, ComposerAttachmentButton, ComposerHint, ConversationAvatar, ConversationSurface, MessageBody, MessageComposer, MessageDayDivider, MessageGroup, MessageRow, ThreadPanel };

package/dist/index.js

@@ -67,6 +67,7 @@ import { SideRail, SideRailButton, SideRailContent, SideRailFooter, SideRailHead
 import { SidebarNav, SidebarNavButton, SidebarNavContent, SidebarNavFooter, SidebarNavHeader, SidebarNavItem, SidebarNavSection, SidebarNavTitle, sidebarNavItemClass, sidebarNavItemStateClass } from "./components/layout/sidebar-nav/sidebar-nav.js";
 import { StatusBar, StatusBarItem, StatusBarSpacer } from "./components/layout/status-bar/status-bar.js";
 import { TopBar, TopBarBreadcrumb, TopBarPill, TopBarSearch, TopBarSection, TopBarTitle } from "./components/layout/top-bar/top-bar.js";
+import { BusySendButton } from "./components/conversation/busy-send-button.js";
 import { ConversationAvatar } from "./components/conversation/conversation-avatar.js";
 import { ConversationSurface } from "./components/conversation/conversation-surface.js";
 import { ComposerAttachmentButton, ComposerHint, MessageComposer } from "./components/conversation/message-composer.js";
@@ -88,4 +89,4 @@ import { formatBytes, formatReleaseDate, plainTextFromMarkdown } from "./lib/ver
 import { UpdateDialog } from "./components/composites/update-dialog/update-dialog.js";
 import { WorkspaceMark } from "./components/composites/workspace-mark/workspace-mark.js";
 import { keyedRows } from "./lib/keyed-rows.js";
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, AccountMenu, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AppShell, AppShellBody, AppShellContent, AppShellMain, AppearanceEditor, AppearancePanel, AppearancePopover, AspectRatio, AttachmentCard, Avatar, AvatarFallback, AvatarImage, Badge, Board, BoardCardBody, BoardCardTitle, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbSeparator, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, CalendarSurface, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, CheckboxDescription, CheckboxLabel, CodeBlock, Collapsible, CollapsibleContent, CollapsibleTrigger, Combobox, ComboboxClear, ComboboxContent, ComboboxControl, ComboboxInput, ComboboxItem, ComboboxSection, ComboboxTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandLoading, CommandSeparator, CommandShortcut, ComposerAttachmentButton, ComposerHint, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, ConversationAvatar, ConversationSurface, DatePicker, DetailPanel, DetailPanelBody, DetailPanelField, DetailPanelHeader, DetailPanelSection, Dialog, DialogClose, DialogCloseButton, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DiffBlock, DiffSummary, Drawer, DrawerBody, DrawerCloseButton, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, EntityIcon, Field, FieldDescription, FieldError, FieldInput, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTextArea, HoverCard, HoverCardContent, HoverCardTrigger, InlineCode, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputOtp, InputOtpCaret, Item, ItemDescription, ItemEmpty, ItemGroup, ItemGroupEntry, ItemTitle, Kbd, KbdGroup, Label, ListGroup, ListRow, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, MessageBody, MessageComposer, MessageDayDivider, MessageGroup, MessageRow, ModalDialog, Motion, NavigationMenu, NavigationMenuContent, NavigationMenuGroup, NavigationMenuGroupLabel, NavigationMenuItem, NavigationMenuMenu, NavigationMenuSeparator, NavigationMenuTrigger, NavigationMenuViewport, Page, PageHeader, PageHeaderActions, PageHeaderContent, PageHeaderDescription, PageHeaderTitle, PageSection, Pagination, PaginationEllipsis, PaginationItem, PaginationNext, PaginationPrevious, PalettePreview, Panel, PanelActions, PanelBody, PanelCard, PanelDescription, PanelFooter, PanelHeader, PanelPlaceholder, PanelTitle, PanelToolbar, Popover, PopoverAnchor, PopoverCloseButton, PopoverContent, PopoverDescription, PopoverTitle, PopoverTrigger, Presence, Progress, PropertyList, PropertyRow, PropertyTerm, PropertyValue, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, Select, SelectChevronsUpDown, SelectContent, SelectItem, SelectLabel, SelectSection, SelectTrigger, SelectValue, Separator, SettingsField, SettingsPage, SettingsRow, SettingsSection, Sheet, SheetBody, SheetCloseButton, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, SideRail, SideRailButton, SideRailContent, SideRailFooter, SideRailHeader, SideRailItem, SideRailSection, SidebarNav, SidebarNavButton, SidebarNavContent, SidebarNavFooter, SidebarNavHeader, SidebarNavItem, SidebarNavSection, SidebarNavTitle, Skeleton, Slider, Spinner, Stat, StatGroup, StatusBar, StatusBarItem, StatusBarSpacer, StatusChip, StatusList, Switch, SwitchDescription, SwitchLabel, TALL_CODE_BLOCK_PX, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableNumericCell, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, ThemeMiniature, ThemeMiniatureSplit, ThemePicker, ThemePreview, ThemeProvider, ThemeSwatch, ThemeToggle, ThreadPanel, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TopBar, TopBarBreadcrumb, TopBarPill, TopBarSearch, TopBarSection, TopBarTitle, UpdateDialog, WorkspaceMark, accentPresets, alertVariants, allTokens, badgeVariants, boardCardTitleVariants, builtinThemes, buttonVariants, cn, colorTokens, contrastRatio, controlInteractive, controlSize, controlSizeIcon, controlSizes, cva, defaultDarkThemeId, defaultLightThemeId, defaultThemeSelection, densityTokens, designTokens, diffLineVariants, diffStats, diffTargetPath, elevationTokens, entityIconVariants, fontOptions, formatBytes, formatReleaseDate, initialsFrom, inlineScriptLiteral, itemVariants, keyedRows, monogram, motionTokens, parseDiff, plainTextFromMarkdown, radiusTokens, resolvedDensity, sheetVariants, sidebarNavItemClass, sidebarNavItemStateClass, statusDotVariants, surfaceInteractive, themeById, themeCssVariables, themeFamilies, themeScript, themesForAppearance, toast, toaster, toggleVariants, typographyTokens, undocumentedTokenAliases, useSideRail, useTheme, validateTheme, validateThemeRegistry, zIndexTokens };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, AccountMenu, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AppShell, AppShellBody, AppShellContent, AppShellMain, AppearanceEditor, AppearancePanel, AppearancePopover, AspectRatio, AttachmentCard, Avatar, AvatarFallback, AvatarImage, Badge, Board, BoardCardBody, BoardCardTitle, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbSeparator, BusySendButton, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, CalendarSurface, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, CheckboxDescription, CheckboxLabel, CodeBlock, Collapsible, CollapsibleContent, CollapsibleTrigger, Combobox, ComboboxClear, ComboboxContent, ComboboxControl, ComboboxInput, ComboboxItem, ComboboxSection, ComboboxTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandLoading, CommandSeparator, CommandShortcut, ComposerAttachmentButton, ComposerHint, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, ConversationAvatar, ConversationSurface, DatePicker, DetailPanel, DetailPanelBody, DetailPanelField, DetailPanelHeader, DetailPanelSection, Dialog, DialogClose, DialogCloseButton, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DiffBlock, DiffSummary, Drawer, DrawerBody, DrawerCloseButton, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, EntityIcon, Field, FieldDescription, FieldError, FieldInput, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTextArea, HoverCard, HoverCardContent, HoverCardTrigger, InlineCode, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputOtp, InputOtpCaret, Item, ItemDescription, ItemEmpty, ItemGroup, ItemGroupEntry, ItemTitle, Kbd, KbdGroup, Label, ListGroup, ListRow, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, MessageBody, MessageComposer, MessageDayDivider, MessageGroup, MessageRow, ModalDialog, Motion, NavigationMenu, NavigationMenuContent, NavigationMenuGroup, NavigationMenuGroupLabel, NavigationMenuItem, NavigationMenuMenu, NavigationMenuSeparator, NavigationMenuTrigger, NavigationMenuViewport, Page, PageHeader, PageHeaderActions, PageHeaderContent, PageHeaderDescription, PageHeaderTitle, PageSection, Pagination, PaginationEllipsis, PaginationItem, PaginationNext, PaginationPrevious, PalettePreview, Panel, PanelActions, PanelBody, PanelCard, PanelDescription, PanelFooter, PanelHeader, PanelPlaceholder, PanelTitle, PanelToolbar, Popover, PopoverAnchor, PopoverCloseButton, PopoverContent, PopoverDescription, PopoverTitle, PopoverTrigger, Presence, Progress, PropertyList, PropertyRow, PropertyTerm, PropertyValue, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, Select, SelectChevronsUpDown, SelectContent, SelectItem, SelectLabel, SelectSection, SelectTrigger, SelectValue, Separator, SettingsField, SettingsPage, SettingsRow, SettingsSection, Sheet, SheetBody, SheetCloseButton, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, SideRail, SideRailButton, SideRailContent, SideRailFooter, SideRailHeader, SideRailItem, SideRailSection, SidebarNav, SidebarNavButton, SidebarNavContent, SidebarNavFooter, SidebarNavHeader, SidebarNavItem, SidebarNavSection, SidebarNavTitle, Skeleton, Slider, Spinner, Stat, StatGroup, StatusBar, StatusBarItem, StatusBarSpacer, StatusChip, StatusList, Switch, SwitchDescription, SwitchLabel, TALL_CODE_BLOCK_PX, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableNumericCell, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, ThemeMiniature, ThemeMiniatureSplit, ThemePicker, ThemePreview, ThemeProvider, ThemeSwatch, ThemeToggle, ThreadPanel, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TopBar, TopBarBreadcrumb, TopBarPill, TopBarSearch, TopBarSection, TopBarTitle, UpdateDialog, WorkspaceMark, accentPresets, alertVariants, allTokens, badgeVariants, boardCardTitleVariants, builtinThemes, buttonVariants, cn, colorTokens, contrastRatio, controlInteractive, controlSize, controlSizeIcon, controlSizes, cva, defaultDarkThemeId, defaultLightThemeId, defaultThemeSelection, densityTokens, designTokens, diffLineVariants, diffStats, diffTargetPath, elevationTokens, entityIconVariants, fontOptions, formatBytes, formatReleaseDate, initialsFrom, inlineScriptLiteral, itemVariants, keyedRows, monogram, motionTokens, parseDiff, plainTextFromMarkdown, radiusTokens, resolvedDensity, sheetVariants, sidebarNavItemClass, sidebarNavItemStateClass, statusDotVariants, surfaceInteractive, themeById, themeCssVariables, themeFamilies, themeScript, themesForAppearance, toast, toaster, toggleVariants, typographyTokens, undocumentedTokenAliases, useSideRail, useTheme, validateTheme, validateThemeRegistry, zIndexTokens };

package/dist/lib/tokens.d.ts

@@ -34,6 +34,9 @@ export type TokenDefinition = {
 export declare const colorTokens: TokenDefinition[];
 export declare const radiusTokens: TokenDefinition[];
 export declare const typographyTokens: TokenDefinition[];
+/** Height tokens also size both axes of icon controls through Tailwind's --size
+ * namespace. Padding has its own --spacing mapping. Nominal pixel descriptions
+ * use a 16px rem; rendered dimensions follow the consumer's root font size. */
 export declare const densityTokens: TokenDefinition[];
 export declare const elevationTokens: TokenDefinition[];
 export declare const motionTokens: TokenDefinition[];

package/dist/lib/tokens.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../src/lib/tokens.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAIH,MAAM,MAAM,SAAS,GACjB,OAAO,GACP,WAAW,GACX,aAAa,GACb,QAAQ,GACR,UAAU,GACV,QAAQ,GACR,QAAQ,GACR,MAAM,CAAA;AAEV,MAAM,MAAM,eAAe,GAAG;IAC5B,0DAA0D;IAC1D,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,SAAS,CAAA;IACf,8DAA8D;IAC9D,WAAW,EAAE,MAAM,CAAA;IACnB,oEAAoE;IACpE,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,WAAW,EAAE,eAAe,EAwSxC,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,eAAe,EAezC,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,eAAe,EAyE7C,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,eAAe,EAmE1C,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,eAAe,EA2B5C,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,eAAe,EAkBzC,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,eAAe,EAyBzC,CAAA;AAED;;;;;;;;;;;;GAYG;AACH,MAAM,MAAM,YAAY,GAAG;IACzB,qEAAqE;IACrE,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,8DAA8D;IAC9D,WAAW,EAAE,MAAM,CAAA;IACnB,uEAAuE;IACvE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,sEAAsE;IACtE,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,SAAS,YAAY,EAQ/C,CAAA;AAEF;;;;;;;;;GASG;AACH,MAAM,MAAM,UAAU,GAAG;IACvB,oFAAoF;IACpF,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;IACnB,gDAAgD;IAChD,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAA;CAChC,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,SAAS,UAAU,EA+B3C,CAAA;AAEF,qCAAqC;AACrC,eAAO,MAAM,YAAY;;;;;;;;CAQf,CAAA;AAEV,yDAAyD;AACzD,eAAO,MAAM,SAAS,EAAE,eAAe,EAAuC,CAAA;AAE9E;;;;GAIG;AACH,eAAO,MAAM,wBAAwB,EAAE,MAAM,EAAe,CAAA"}
+{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../src/lib/tokens.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAIH,MAAM,MAAM,SAAS,GACjB,OAAO,GACP,WAAW,GACX,aAAa,GACb,QAAQ,GACR,UAAU,GACV,QAAQ,GACR,QAAQ,GACR,MAAM,CAAA;AAEV,MAAM,MAAM,eAAe,GAAG;IAC5B,0DAA0D;IAC1D,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,SAAS,CAAA;IACf,8DAA8D;IAC9D,WAAW,EAAE,MAAM,CAAA;IACnB,oEAAoE;IACpE,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,WAAW,EAAE,eAAe,EAwSxC,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,eAAe,EAezC,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,eAAe,EAyE7C,CAAA;AAED;;+EAE+E;AAC/E,eAAO,MAAM,aAAa,EAAE,eAAe,EAmE1C,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,eAAe,EA2B5C,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,eAAe,EAkBzC,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,eAAe,EAyBzC,CAAA;AAED;;;;;;;;;;;;GAYG;AACH,MAAM,MAAM,YAAY,GAAG;IACzB,qEAAqE;IACrE,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,8DAA8D;IAC9D,WAAW,EAAE,MAAM,CAAA;IACnB,uEAAuE;IACvE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,sEAAsE;IACtE,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,SAAS,YAAY,EAQ/C,CAAA;AAEF;;;;;;;;;GASG;AACH,MAAM,MAAM,UAAU,GAAG;IACvB,oFAAoF;IACpF,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;IACnB,gDAAgD;IAChD,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAA;CAChC,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,SAAS,UAAU,EA+B3C,CAAA;AAEF,qCAAqC;AACrC,eAAO,MAAM,YAAY;;;;;;;;CAQf,CAAA;AAEV,yDAAyD;AACzD,eAAO,MAAM,SAAS,EAAE,eAAe,EAAuC,CAAA;AAE9E;;;;GAIG;AACH,eAAO,MAAM,wBAAwB,EAAE,MAAM,EAAe,CAAA"}

package/dist/lib/tokens.js

@@ -525,6 +525,9 @@ var typographyTokens = [
 		description: "30px — the largest size in the system. Reserved for an empty-state headline."
 	}
 ];
+/** Height tokens also size both axes of icon controls through Tailwind's --size
+* namespace. Padding has its own --spacing mapping. Nominal pixel descriptions
+* use a 16px rem; rendered dimensions follow the consumer's root font size. */
 var densityTokens = [
 	{
 		name: "control-height-2xs",

package/dist/lib/tokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"tokens.js","names":[],"sources":["../../src/lib/tokens.ts"],"sourcesContent":["/**\n * The design system's token manifest.\n *\n * `theme.css` is the source of truth for token *values*. This file is the\n * source of truth for token *names and meaning* — what each one is for, and\n * which ones a theme may vary.\n *\n * It exists because a manifest that is only documentation rots. Two things read\n * it instead:\n *\n *   - the token galleries in Storybook, so the review surface shows every token\n *     rather than the ones an author remembered;\n *   - `tests/tokens.test.ts`, which parses `theme.css` and fails when a token\n *     is declared in one place and missing from the other.\n *\n * That pairing is what makes \"every token is documented and every documented\n * token exists\" a property the build enforces rather than a promise.\n */\n\nimport { ACCENTS } from '@adea-ai/themes'\n\nexport type TokenKind =\n  | 'color'\n  | 'dimension'\n  | 'font-family'\n  | 'number'\n  | 'duration'\n  | 'easing'\n  | 'shadow'\n  | 'text'\n\nexport type TokenDefinition = {\n  /** The custom property name, without the leading `--`. */\n  name: string\n  kind: TokenKind\n  /** One line: what this token is for. Shown in the gallery. */\n  description: string\n  /** True when the light and dark themes give it different values. */\n  themed?: boolean\n}\n\n/**\n * Colour roles, in the order they appear in a page: surfaces first, then text,\n * then the lines between them, then the semantic fills. The order is the\n * documentation — reading the gallery top to bottom walks the surface ladder.\n */\nexport const colorTokens: TokenDefinition[] = [\n  // Surfaces\n  {\n    name: 'background',\n    kind: 'color',\n    themed: true,\n    description: 'The canvas every panel sits on.',\n  },\n  {\n    name: 'foreground',\n    kind: 'color',\n    themed: true,\n    description: 'Default body text on the canvas.',\n  },\n  {\n    name: 'card',\n    kind: 'color',\n    themed: true,\n    description: 'A panel or card raised one rung above the canvas.',\n  },\n  { name: 'card-foreground', kind: 'color', themed: true, description: 'Text on `card`.' },\n  {\n    name: 'popover',\n    kind: 'color',\n    themed: true,\n    description: 'A floating surface: dialog, menu, popover, tooltip-free.',\n  },\n  { name: 'popover-foreground', kind: 'color', themed: true, description: 'Text on `popover`.' },\n  {\n    name: 'surface',\n    kind: 'color',\n    themed: true,\n    description: 'Alias of `background`, for code that means \"a surface\" not \"the page\".',\n  },\n  {\n    name: 'surface-sunken',\n    kind: 'color',\n    themed: true,\n    description: 'A well: code blocks, inset lists, empty states.',\n  },\n  {\n    name: 'surface-raised',\n    kind: 'color',\n    themed: true,\n    description: 'Alias of `card`, for panels that sit on the canvas.',\n  },\n  {\n    name: 'surface-overlay',\n    kind: 'color',\n    themed: true,\n    description: 'Alias of `popover`, for floating layers.',\n  },\n  {\n    name: 'surface-hover',\n    kind: 'color',\n    themed: true,\n    description: 'The hover fill shared by rows, menu items and ghost controls.',\n  },\n  {\n    name: 'surface-active',\n    kind: 'color',\n    themed: true,\n    description: 'The pressed/selected fill, one rung past hover.',\n  },\n  {\n    name: 'chrome',\n    kind: 'color',\n    themed: true,\n    description: 'Window chrome: the top bar and its frosted fill.',\n  },\n  {\n    name: 'chrome-alpha',\n    kind: 'number',\n    themed: true,\n    description: 'Opacity of the chrome fill behind a blur.',\n  },\n\n  // The brand action\n  {\n    name: 'primary',\n    kind: 'color',\n    themed: true,\n    description: 'The Adea emerald. The one primary action in a view.',\n  },\n  {\n    name: 'primary-foreground',\n    kind: 'color',\n    themed: true,\n    description: 'Label on `primary`. Black in dark, white in light — the accent flips polarity.',\n  },\n  {\n    name: 'primary-hover',\n    kind: 'color',\n    themed: true,\n    description: 'Hover rung for a primary action.',\n  },\n  {\n    name: 'primary-subtle',\n    kind: 'color',\n    themed: true,\n    description: 'Tinted primary fill: selected rows, focus rings, subtle buttons.',\n  },\n\n  {\n    name: 'secondary',\n    kind: 'color',\n    themed: true,\n    description: 'A quieter filled surface for a secondary action.',\n  },\n  {\n    name: 'secondary-foreground',\n    kind: 'color',\n    themed: true,\n    description: 'Label on `secondary`.',\n  },\n  {\n    name: 'muted',\n    kind: 'color',\n    themed: true,\n    description: 'A neutral fill: skeletons, inert chips, table footers.',\n  },\n  {\n    name: 'muted-foreground',\n    kind: 'color',\n    themed: true,\n    description: 'De-emphasised text. Measured to clear 4.5:1 on both `background` and `card`.',\n  },\n  {\n    name: 'accent',\n    kind: 'color',\n    themed: true,\n    description: \"shadcn's hover-surface accent. Not the brand colour — that is `primary`.\",\n  },\n  { name: 'accent-foreground', kind: 'color', themed: true, description: 'Text on `accent`.' },\n\n  // Status\n  {\n    name: 'destructive',\n    kind: 'color',\n    themed: true,\n    description: 'Irreversible or dangerous actions.',\n  },\n  {\n    name: 'destructive-foreground',\n    kind: 'color',\n    themed: true,\n    description: 'Label on `destructive`.',\n  },\n  {\n    name: 'destructive-subtle',\n    kind: 'color',\n    themed: true,\n    description: 'Tinted destructive fill: alert banners, invalid fields.',\n  },\n  { name: 'success', kind: 'color', themed: true, description: 'A completed or healthy state.' },\n  { name: 'success-foreground', kind: 'color', themed: true, description: 'Label on `success`.' },\n  { name: 'success-subtle', kind: 'color', themed: true, description: 'Tinted success fill.' },\n  {\n    name: 'warning',\n    kind: 'color',\n    themed: true,\n    description: 'Something needs attention but is not broken.',\n  },\n  { name: 'warning-foreground', kind: 'color', themed: true, description: 'Label on `warning`.' },\n  { name: 'warning-subtle', kind: 'color', themed: true, description: 'Tinted warning fill.' },\n  { name: 'info', kind: 'color', themed: true, description: 'Neutral information.' },\n  { name: 'info-foreground', kind: 'color', themed: true, description: 'Label on `info`.' },\n  { name: 'info-subtle', kind: 'color', themed: true, description: 'Tinted info fill.' },\n\n  // Lines\n  {\n    name: 'border',\n    kind: 'color',\n    themed: true,\n    description: 'Every hairline: panel edges, dividers, card outlines.',\n  },\n  {\n    name: 'input',\n    kind: 'color',\n    themed: true,\n    description:\n      'The edge of an editable control. A rung stronger than `border` so a field is findable.',\n  },\n  {\n    name: 'ring',\n    kind: 'color',\n    themed: true,\n    description: 'The focus ring. Always paired with `primary-subtle` as its glow.',\n  },\n\n  // Theme-invariant glass\n  {\n    name: 'scrim',\n    kind: 'color',\n    description: 'Dark glass for overlays and on-screen controls. Same in both themes.',\n  },\n  { name: 'scrim-foreground', kind: 'color', description: 'Text drawn on `scrim`.' },\n  { name: 'scrim-edge', kind: 'color', description: 'The hairline drawn on `scrim`.' },\n\n  // Diff and code\n  { name: 'diff-add', kind: 'color', themed: true, description: 'Background of an added line.' },\n  {\n    name: 'diff-add-foreground',\n    kind: 'color',\n    themed: true,\n    description: 'Text of an added line.',\n  },\n  {\n    name: 'diff-delete',\n    kind: 'color',\n    themed: true,\n    description: 'Background of a removed line.',\n  },\n  {\n    name: 'diff-delete-foreground',\n    kind: 'color',\n    themed: true,\n    description: 'Text of a removed line.',\n  },\n  { name: 'diff-hunk', kind: 'color', themed: true, description: 'Background of a hunk header.' },\n  {\n    name: 'diff-hunk-foreground',\n    kind: 'color',\n    themed: true,\n    description: 'Text of a hunk header.',\n  },\n  {\n    name: 'diff-meta-foreground',\n    kind: 'color',\n    themed: true,\n    description: 'File headers and line numbers in a diff.',\n  },\n\n  // Charts\n  {\n    name: 'chart-1',\n    kind: 'color',\n    themed: true,\n    description: 'Categorical series 1. The set is closed at six.',\n  },\n  { name: 'chart-2', kind: 'color', themed: true, description: 'Categorical series 2.' },\n  { name: 'chart-3', kind: 'color', themed: true, description: 'Categorical series 3.' },\n  { name: 'chart-4', kind: 'color', themed: true, description: 'Categorical series 4.' },\n  { name: 'chart-5', kind: 'color', themed: true, description: 'Categorical series 5.' },\n  { name: 'chart-6', kind: 'color', themed: true, description: 'Categorical series 6.' },\n\n  // Sidebar (the shadcn contract, kept whole)\n  {\n    name: 'sidebar',\n    kind: 'color',\n    themed: true,\n    description: 'The rail and sidebar surface, tinted against the canvas.',\n  },\n  {\n    name: 'sidebar-foreground',\n    kind: 'color',\n    themed: true,\n    description: 'Default text in the rail and sidebar.',\n  },\n  {\n    name: 'sidebar-primary',\n    kind: 'color',\n    themed: true,\n    description: 'The active destination in the rail.',\n  },\n  {\n    name: 'sidebar-primary-foreground',\n    kind: 'color',\n    themed: true,\n    description: 'Text on the active rail destination.',\n  },\n  {\n    name: 'sidebar-accent',\n    kind: 'color',\n    themed: true,\n    description: 'Hover and selected fill for rail and sidebar rows.',\n  },\n  {\n    name: 'sidebar-accent-foreground',\n    kind: 'color',\n    themed: true,\n    description: 'Text on `sidebar-accent`.',\n  },\n  {\n    name: 'sidebar-border',\n    kind: 'color',\n    themed: true,\n    description: 'The rule between the rail and the canvas.',\n  },\n  { name: 'sidebar-ring', kind: 'color', themed: true, description: 'Focus ring inside the rail.' },\n  {\n    name: 'sidebar-muted-foreground',\n    kind: 'color',\n    themed: true,\n    description: 'Rail labels that are not the current destination.',\n  },\n]\n\nexport const radiusTokens: TokenDefinition[] = [\n  {\n    name: 'radius-lg',\n    kind: 'dimension',\n    description:\n      '10px — cards and panels. Also the knob: move this one value to re-round the whole system.',\n  },\n  { name: 'radius-sm', kind: 'dimension', description: '6px — badges, keyboard keys, menu items.' },\n  {\n    name: 'radius-md',\n    kind: 'dimension',\n    description: '8px — every control: buttons, inputs, selects.',\n  },\n  { name: 'radius-xl', kind: 'dimension', description: '14px — dialogs, menus, sheets.' },\n  { name: 'radius-2xl', kind: 'dimension', description: '18px — full-window surfaces and media.' },\n]\n\nexport const typographyTokens: TokenDefinition[] = [\n  {\n    name: 'font-sans',\n    kind: 'font-family',\n    description: 'The selected interface face. Space Grotesk unless the font axis says otherwise.',\n  },\n  {\n    name: 'font-mono',\n    kind: 'font-family',\n    description: 'The selected monospace face. Code, terminals, ids, paths.',\n  },\n  {\n    name: 'font-family-space-grotesk',\n    kind: 'font-family',\n    description: 'The interface default, and the face the visual language was drawn against.',\n  },\n  {\n    name: 'font-family-jetbrains-mono',\n    kind: 'font-family',\n    description: 'The monospace default. Code, terminals, diffs.',\n  },\n  {\n    name: 'font-family-geist',\n    kind: 'font-family',\n    description: 'An alternative interface face. cortana already ships it.',\n  },\n  {\n    name: 'font-family-geist-mono',\n    kind: 'font-family',\n    description: 'The monospace counterpart to Geist.',\n  },\n  {\n    name: 'font-family-system',\n    kind: 'font-family',\n    description: \"The platform's own interface face. First-class, not a fallback.\",\n  },\n  {\n    name: 'font-family-system-mono',\n    kind: 'font-family',\n    description: \"The platform's own monospace face.\",\n  },\n  {\n    name: 'ui-tracking',\n    kind: 'text',\n    description:\n      'Letter spacing for measured chrome. `normal` on a proportional face, tightened when the UI font is monospace — which is roughly 20% wider at the same size.',\n  },\n  {\n    name: 'ui-word-spacing',\n    kind: 'text',\n    description:\n      \"Word spacing for measured chrome. Mono's space is a full advance-width cell, so a two-word label reads as two floating words without this.\",\n  },\n  {\n    name: 'text-2xs',\n    kind: 'text',\n    description: '11px — the smallest label the system permits: kbd keys, status bar.',\n  },\n  { name: 'text-xs', kind: 'text', description: '12px — metadata, badges, secondary rows.' },\n  {\n    name: 'text-sm',\n    kind: 'text',\n    description: '14px — the interface default. Body copy, labels, controls.',\n  },\n  { name: 'text-base', kind: 'text', description: '16px — card titles and dialog titles.' },\n  { name: 'text-lg', kind: 'text', description: '18px — a section heading inside a page.' },\n  { name: 'text-xl', kind: 'text', description: '20px — a page title.' },\n  { name: 'text-2xl', kind: 'text', description: '24px — a display figure.' },\n  {\n    name: 'text-3xl',\n    kind: 'text',\n    description: '30px — the largest size in the system. Reserved for an empty-state headline.',\n  },\n]\n\nexport const densityTokens: TokenDefinition[] = [\n  { name: 'control-height-2xs', kind: 'dimension', description: '20px — an inline chip control.' },\n  { name: 'control-height-xs', kind: 'dimension', description: '24px — a dense table row action.' },\n  { name: 'control-height-sm', kind: 'dimension', description: '28px — the toolbar default.' },\n  {\n    name: 'control-height-md',\n    kind: 'dimension',\n    description: '32px — the form default. Button and Input are this size unless told otherwise.',\n  },\n  { name: 'control-height-lg', kind: 'dimension', description: '36px — a primary form action.' },\n  {\n    name: 'control-height-xl',\n    kind: 'dimension',\n    description: '40px — a hero control in an empty state.',\n  },\n  {\n    name: 'control-padding-2xs',\n    kind: 'dimension',\n    description: 'Inline padding that pairs with the 20px control.',\n  },\n  {\n    name: 'control-padding-xs',\n    kind: 'dimension',\n    description: 'Inline padding that pairs with the 24px control.',\n  },\n  {\n    name: 'control-padding-sm',\n    kind: 'dimension',\n    description: 'Inline padding that pairs with the 28px control.',\n  },\n  {\n    name: 'control-padding-md',\n    kind: 'dimension',\n    description: 'Inline padding that pairs with the 32px control.',\n  },\n  {\n    name: 'control-padding-lg',\n    kind: 'dimension',\n    description: 'Inline padding that pairs with the 36px control.',\n  },\n  {\n    name: 'control-padding-xl',\n    kind: 'dimension',\n    description: 'Inline padding that pairs with the 40px control.',\n  },\n  { name: 'row-height-sm', kind: 'dimension', description: '28px — a dense list row.' },\n  { name: 'row-height-md', kind: 'dimension', description: '32px — the default list row.' },\n  { name: 'row-height-lg', kind: 'dimension', description: '36px — a two-line list row.' },\n  { name: 'rail-width', kind: 'dimension', description: '58px — the icon-only rail.' },\n  { name: 'rail-width-expanded', kind: 'dimension', description: '236px — the labelled rail.' },\n  {\n    name: 'rail-item-height',\n    kind: 'dimension',\n    description: '36px — a rail or sidebar destination.',\n  },\n  {\n    name: 'sidebar-width',\n    kind: 'dimension',\n    description: '256px — the secondary navigation column.',\n  },\n  {\n    name: 'sidebar-width-compact',\n    kind: 'dimension',\n    description: '48px — the collapsed secondary column.',\n  },\n  { name: 'topbar-height', kind: 'dimension', description: '48px — the window title row.' },\n  { name: 'statusbar-height', kind: 'dimension', description: '28px — the bottom readout strip.' },\n]\n\nexport const elevationTokens: TokenDefinition[] = [\n  {\n    name: 'shadow-2xs',\n    kind: 'shadow',\n    themed: true,\n    description: 'Barely there: a chip resting on a card.',\n  },\n  {\n    name: 'shadow-xs',\n    kind: 'shadow',\n    themed: true,\n    description: 'A card or panel on the canvas.',\n  },\n  {\n    name: 'shadow-sm',\n    kind: 'shadow',\n    themed: true,\n    description: 'A control that lifts: a pressed toggle, a thumb.',\n  },\n  { name: 'shadow-md', kind: 'shadow', themed: true, description: 'A menu or popover.' },\n  { name: 'shadow-lg', kind: 'shadow', themed: true, description: 'A dialog or sheet.' },\n  {\n    name: 'shadow-xl',\n    kind: 'shadow',\n    themed: true,\n    description: 'The command palette, above everything.',\n  },\n]\n\nexport const motionTokens: TokenDefinition[] = [\n  {\n    name: 'duration-fast',\n    kind: 'duration',\n    description: '120ms — a state change the user is already watching.',\n  },\n  { name: 'duration-normal', kind: 'duration', description: '200ms — an entrance.' },\n  { name: 'duration-slow', kind: 'duration', description: '320ms — a layout settle.' },\n  {\n    name: 'ease-out',\n    kind: 'easing',\n    description: 'A fast start and a long settle. Reads as decisive rather than floaty.',\n  },\n  {\n    name: 'ease-in-out',\n    kind: 'easing',\n    description: 'For a loop that has no start or end, such as a shimmer.',\n  },\n]\n\nexport const zIndexTokens: TokenDefinition[] = [\n  { name: 'z-base', kind: 'number', description: 'In flow, at the document order.' },\n  {\n    name: 'z-docked',\n    kind: 'number',\n    description: 'A sticky table header standing above its own scroll body.',\n  },\n  { name: 'z-sticky', kind: 'number', description: 'The top bar and any other pinned chrome.' },\n  { name: 'z-drawer', kind: 'number', description: 'A drawer, below a modal dialog.' },\n  { name: 'z-dialog', kind: 'number', description: 'A modal dialog and its scrim.' },\n  {\n    name: 'z-menu',\n    kind: 'number',\n    description: 'Menus, popovers and comboboxes. Above dialogs, because a dialog can contain one.',\n  },\n  {\n    name: 'z-tooltip',\n    kind: 'number',\n    description: 'Tooltips. Above menus, because a menu item can carry one.',\n  },\n  {\n    name: 'z-toast',\n    kind: 'number',\n    description: 'Notifications. Above everything, so they are never hidden by a dialog.',\n  },\n]\n\n/**\n * The accent axis.\n *\n * adea's accent presets, as a selection rather than a constant. `theme` is the\n * default and means \"the variant's own primary\" — monochrome in adea's palette —\n * and each named preset overrides the interactive roles through the\n * `[data-accent]` blocks in `theme.css`.\n *\n * These are the same six presets `accentPresets` exports in adea's own\n * `appearance.ts`, and the values match. A consumer's appearance picker and the\n * workshop's theme toolbar read this one list, so the two cannot disagree about\n * what a preset is called or what colour it is.\n */\nexport type AccentPreset = {\n  /** The `data-accent` value. `theme` is the variant's own primary. */\n  id: string\n  label: string\n  /** What the preset is for, in the gallery and in a picker. */\n  description: string\n  /** The accent as it appears in the light theme. Absent for `theme`. */\n  light?: string\n  /** The accent as it appears in the dark theme. Absent for `theme`. */\n  dark?: string\n}\n\nexport const accentPresets: readonly AccentPreset[] = Object.freeze([\n  {\n    id: 'theme',\n    label: 'Theme',\n    description:\n      \"The variant's own primary. Neutral in adea's palette, so the interface stays monochrome.\",\n  },\n  ...ACCENTS,\n])\n\n/**\n * The font axis.\n *\n * The family is a selection, like the accent: `data-font` sits on the same element\n * and each option swaps the interface face. `space-grotesk` is the default because\n * it is the face the visual language was drawn against, and `system` is a\n * first-class option rather than a fallback — an application that wants the\n * platform's own face should be able to say so without losing the rest of the\n * system.\n */\nexport type FontOption = {\n  /** The `data-font` value. `space-grotesk` is the default and needs no attribute. */\n  id: string\n  label: string\n  description: string\n  /** Which of the two stacks this option sets. */\n  stack: 'sans' | 'mono' | 'both'\n}\n\nexport const fontOptions: readonly FontOption[] = Object.freeze([\n  {\n    id: 'space-grotesk',\n    label: 'Space Grotesk',\n    description: 'The default, and the face the visual language was drawn against.',\n    stack: 'both',\n  },\n  {\n    id: 'system',\n    label: 'System',\n    description: \"The platform's own face. What a terminal or editor usually wants.\",\n    stack: 'both',\n  },\n  {\n    id: 'geist',\n    label: 'Geist',\n    description: 'The face cortana already ships. Neutral and wide.',\n    stack: 'both',\n  },\n  {\n    id: 'geist-mono',\n    label: 'Geist Mono',\n    description: 'Monospace throughout, for someone who wants a uniform texture.',\n    stack: 'both',\n  },\n  {\n    id: 'jetbrains-mono',\n    label: 'JetBrains Mono',\n    description: 'Monospace throughout, with coding ligatures off.',\n    stack: 'both',\n  },\n])\n\n/** Every token, in gallery order. */\nexport const designTokens = {\n  color: colorTokens,\n  radius: radiusTokens,\n  typography: typographyTokens,\n  density: densityTokens,\n  elevation: elevationTokens,\n  motion: motionTokens,\n  zIndex: zIndexTokens,\n} as const\n\n/** Flat list, for completeness checks and for search. */\nexport const allTokens: TokenDefinition[] = Object.values(designTokens).flat()\n\n/**\n * Aliases that exist only to make a call site read better, and which therefore\n * have no gallery row of their own. Kept explicit so the completeness check\n * below can tell \"deliberately absent\" from \"forgotten\".\n */\nexport const undocumentedTokenAliases: string[] = ['radius']\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AA8CA,IAAa,cAAiC;CAE5C;EACE,MAAM;EACN,MAAM;EACN,QAAQ;EACR,aAAa;CACf;CACA;EACE,MAAM;EACN,MAAM;EACN,QAAQ;EACR,aAAa;CACf;CACA;EACE,MAAM;EACN,MAAM;EACN,QAAQ;EACR,aAAa;CACf;CACA;EAAE,MAAM;EAAmB,MAAM;EAAS,QAAQ;EAAM,aAAa;CAAkB;CACvF;EACE,MAAM;EACN,MAAM;EACN,QAAQ;EACR,aAAa;CACf;CACA;EAAE,MAAM;EAAsB,MAAM;EAAS,QAAQ;EAAM,aAAa;CAAqB;CAC7F;EACE,MAAM;EACN,MAAM;EACN,QAAQ;EACR,aAAa;CACf;CACA;EACE,MAAM;EACN,MAAM;EACN,QAAQ;EACR,aAAa;CACf;CACA;EACE,MAAM;EACN,MAAM;EACN,QAAQ;EACR,aAAa;CACf;CACA;EACE,MAAM;EACN,MAAM;EACN,QAAQ;EACR,aAAa;CACf;CACA;EACE,MAAM;EACN,MAAM;EACN,QAAQ;EACR,aAAa;CACf;CACA;EACE,MAAM;EACN,MAAM;EACN,QAAQ;EACR,aAAa;CACf;CACA;EACE,MAAM;EACN,MAAM;EACN,QAAQ;EACR,aAAa;CACf;CACA;EACE,MAAM;EACN,MAAM;EACN,QAAQ;EACR,aAAa;CACf;CAGA;EACE,MAAM;EACN,MAAM;EACN,QAAQ;EACR,aAAa;CACf;CACA;EACE,MAAM;EACN,MAAM;EACN,QAAQ;EACR,aAAa;CACf;CACA;EACE,MAAM;EACN,MAAM;EACN,QAAQ;EACR,aAAa;CACf;CACA;EACE,MAAM;EACN,MAAM;EACN,QAAQ;EACR,aAAa;CACf;CAEA;EACE,MAAM;EACN,MAAM;EACN,QAAQ;EACR,aAAa;CACf;CACA;EACE,MAAM;EACN,MAAM;EACN,QAAQ;EACR,aAAa;CACf;CACA;EACE,MAAM;EACN,MAAM;EACN,QAAQ;EACR,aAAa;CACf;CACA;EACE,MAAM;EACN,MAAM;EACN,QAAQ;EACR,aAAa;CACf;CACA;EACE,MAAM;EACN,MAAM;EACN,QAAQ;EACR,aAAa;CACf;CACA;EAAE,MAAM;EAAqB,MAAM;EAAS,QAAQ;EAAM,aAAa;CAAoB;CAG3F;EACE,MAAM;EACN,MAAM;EACN,QAAQ;EACR,aAAa;CACf;CACA;EACE,MAAM;EACN,MAAM;EACN,QAAQ;EACR,aAAa;CACf;CACA;EACE,MAAM;EACN,MAAM;EACN,QAAQ;EACR,aAAa;CACf;CACA;EAAE,MAAM;EAAW,MAAM;EAAS,QAAQ;EAAM,aAAa;CAAgC;CAC7F;EAAE,MAAM;EAAsB,MAAM;EAAS,QAAQ;EAAM,aAAa;CAAsB;CAC9F;EAAE,MAAM;EAAkB,MAAM;EAAS,QAAQ;EAAM,aAAa;CAAuB;CAC3F;EACE,MAAM;EACN,MAAM;EACN,QAAQ;EACR,aAAa;CACf;CACA;EAAE,MAAM;EAAsB,MAAM;EAAS,QAAQ;EAAM,aAAa;CAAsB;CAC9F;EAAE,MAAM;EAAkB,MAAM;EAAS,QAAQ;EAAM,aAAa;CAAuB;CAC3F;EAAE,MAAM;EAAQ,MAAM;EAAS,QAAQ;EAAM,aAAa;CAAuB;CACjF;EAAE,MAAM;EAAmB,MAAM;EAAS,QAAQ;EAAM,aAAa;CAAmB;CACxF;EAAE,MAAM;EAAe,MAAM;EAAS,QAAQ;EAAM,aAAa;CAAoB;CAGrF;EACE,MAAM;EACN,MAAM;EACN,QAAQ;EACR,aAAa;CACf;CACA;EACE,MAAM;EACN,MAAM;EACN,QAAQ;EACR,aACE;CACJ;CACA;EACE,MAAM;EACN,MAAM;EACN,QAAQ;EACR,aAAa;CACf;CAGA;EACE,MAAM;EACN,MAAM;EACN,aAAa;CACf;CACA;EAAE,MAAM;EAAoB,MAAM;EAAS,aAAa;CAAyB;CACjF;EAAE,MAAM;EAAc,MAAM;EAAS,aAAa;CAAiC;CAGnF;EAAE,MAAM;EAAY,MAAM;EAAS,QAAQ;EAAM,aAAa;CAA+B;CAC7F;EACE,MAAM;EACN,MAAM;EACN,QAAQ;EACR,aAAa;CACf;CACA;EACE,MAAM;EACN,MAAM;EACN,QAAQ;EACR,aAAa;CACf;CACA;EACE,MAAM;EACN,MAAM;EACN,QAAQ;EACR,aAAa;CACf;CACA;EAAE,MAAM;EAAa,MAAM;EAAS,QAAQ;EAAM,aAAa;CAA+B;CAC9F;EACE,MAAM;EACN,MAAM;EACN,QAAQ;EACR,aAAa;CACf;CACA;EACE,MAAM;EACN,MAAM;EACN,QAAQ;EACR,aAAa;CACf;CAGA;EACE,MAAM;EACN,MAAM;EACN,QAAQ;EACR,aAAa;CACf;CACA;EAAE,MAAM;EAAW,MAAM;EAAS,QAAQ;EAAM,aAAa;CAAwB;CACrF;EAAE,MAAM;EAAW,MAAM;EAAS,QAAQ;EAAM,aAAa;CAAwB;CACrF;EAAE,MAAM;EAAW,MAAM;EAAS,QAAQ;EAAM,aAAa;CAAwB;CACrF;EAAE,MAAM;EAAW,MAAM;EAAS,QAAQ;EAAM,aAAa;CAAwB;CACrF;EAAE,MAAM;EAAW,MAAM;EAAS,QAAQ;EAAM,aAAa;CAAwB;CAGrF;EACE,MAAM;EACN,MAAM;EACN,QAAQ;EACR,aAAa;CACf;CACA;EACE,MAAM;EACN,MAAM;EACN,QAAQ;EACR,aAAa;CACf;CACA;EACE,MAAM;EACN,MAAM;EACN,QAAQ;EACR,aAAa;CACf;CACA;EACE,MAAM;EACN,MAAM;EACN,QAAQ;EACR,aAAa;CACf;CACA;EACE,MAAM;EACN,MAAM;EACN,QAAQ;EACR,aAAa;CACf;CACA;EACE,MAAM;EACN,MAAM;EACN,QAAQ;EACR,aAAa;CACf;CACA;EACE,MAAM;EACN,MAAM;EACN,QAAQ;EACR,aAAa;CACf;CACA;EAAE,MAAM;EAAgB,MAAM;EAAS,QAAQ;EAAM,aAAa;CAA8B;CAChG;EACE,MAAM;EACN,MAAM;EACN,QAAQ;EACR,aAAa;CACf;AACF;AAEA,IAAa,eAAkC;CAC7C;EACE,MAAM;EACN,MAAM;EACN,aACE;CACJ;CACA;EAAE,MAAM;EAAa,MAAM;EAAa,aAAa;CAA2C;CAChG;EACE,MAAM;EACN,MAAM;EACN,aAAa;CACf;CACA;EAAE,MAAM;EAAa,MAAM;EAAa,aAAa;CAAiC;CACtF;EAAE,MAAM;EAAc,MAAM;EAAa,aAAa;CAAyC;AACjG;AAEA,IAAa,mBAAsC;CACjD;EACE,MAAM;EACN,MAAM;EACN,aAAa;CACf;CACA;EACE,MAAM;EACN,MAAM;EACN,aAAa;CACf;CACA;EACE,MAAM;EACN,MAAM;EACN,aAAa;CACf;CACA;EACE,MAAM;EACN,MAAM;EACN,aAAa;CACf;CACA;EACE,MAAM;EACN,MAAM;EACN,aAAa;CACf;CACA;EACE,MAAM;EACN,MAAM;EACN,aAAa;CACf;CACA;EACE,MAAM;EACN,MAAM;EACN,aAAa;CACf;CACA;EACE,MAAM;EACN,MAAM;EACN,aAAa;CACf;CACA;EACE,MAAM;EACN,MAAM;EACN,aACE;CACJ;CACA;EACE,MAAM;EACN,MAAM;EACN,aACE;CACJ;CACA;EACE,MAAM;EACN,MAAM;EACN,aAAa;CACf;CACA;EAAE,MAAM;EAAW,MAAM;EAAQ,aAAa;CAA2C;CACzF;EACE,MAAM;EACN,MAAM;EACN,aAAa;CACf;CACA;EAAE,MAAM;EAAa,MAAM;EAAQ,aAAa;CAAwC;CACxF;EAAE,MAAM;EAAW,MAAM;EAAQ,aAAa;CAA0C;CACxF;EAAE,MAAM;EAAW,MAAM;EAAQ,aAAa;CAAuB;CACrE;EAAE,MAAM;EAAY,MAAM;EAAQ,aAAa;CAA2B;CAC1E;EACE,MAAM;EACN,MAAM;EACN,aAAa;CACf;AACF;AAEA,IAAa,gBAAmC;CAC9C;EAAE,MAAM;EAAsB,MAAM;EAAa,aAAa;CAAiC;CAC/F;EAAE,MAAM;EAAqB,MAAM;EAAa,aAAa;CAAmC;CAChG;EAAE,MAAM;EAAqB,MAAM;EAAa,aAAa;CAA8B;CAC3F;EACE,MAAM;EACN,MAAM;EACN,aAAa;CACf;CACA;EAAE,MAAM;EAAqB,MAAM;EAAa,aAAa;CAAgC;CAC7F;EACE,MAAM;EACN,MAAM;EACN,aAAa;CACf;CACA;EACE,MAAM;EACN,MAAM;EACN,aAAa;CACf;CACA;EACE,MAAM;EACN,MAAM;EACN,aAAa;CACf;CACA;EACE,MAAM;EACN,MAAM;EACN,aAAa;CACf;CACA;EACE,MAAM;EACN,MAAM;EACN,aAAa;CACf;CACA;EACE,MAAM;EACN,MAAM;EACN,aAAa;CACf;CACA;EACE,MAAM;EACN,MAAM;EACN,aAAa;CACf;CACA;EAAE,MAAM;EAAiB,MAAM;EAAa,aAAa;CAA2B;CACpF;EAAE,MAAM;EAAiB,MAAM;EAAa,aAAa;CAA+B;CACxF;EAAE,MAAM;EAAiB,MAAM;EAAa,aAAa;CAA8B;CACvF;EAAE,MAAM;EAAc,MAAM;EAAa,aAAa;CAA6B;CACnF;EAAE,MAAM;EAAuB,MAAM;EAAa,aAAa;CAA6B;CAC5F;EACE,MAAM;EACN,MAAM;EACN,aAAa;CACf;CACA;EACE,MAAM;EACN,MAAM;EACN,aAAa;CACf;CACA;EACE,MAAM;EACN,MAAM;EACN,aAAa;CACf;CACA;EAAE,MAAM;EAAiB,MAAM;EAAa,aAAa;CAA+B;CACxF;EAAE,MAAM;EAAoB,MAAM;EAAa,aAAa;CAAmC;AACjG;AAEA,IAAa,kBAAqC;CAChD;EACE,MAAM;EACN,MAAM;EACN,QAAQ;EACR,aAAa;CACf;CACA;EACE,MAAM;EACN,MAAM;EACN,QAAQ;EACR,aAAa;CACf;CACA;EACE,MAAM;EACN,MAAM;EACN,QAAQ;EACR,aAAa;CACf;CACA;EAAE,MAAM;EAAa,MAAM;EAAU,QAAQ;EAAM,aAAa;CAAqB;CACrF;EAAE,MAAM;EAAa,MAAM;EAAU,QAAQ;EAAM,aAAa;CAAqB;CACrF;EACE,MAAM;EACN,MAAM;EACN,QAAQ;EACR,aAAa;CACf;AACF;AAEA,IAAa,eAAkC;CAC7C;EACE,MAAM;EACN,MAAM;EACN,aAAa;CACf;CACA;EAAE,MAAM;EAAmB,MAAM;EAAY,aAAa;CAAuB;CACjF;EAAE,MAAM;EAAiB,MAAM;EAAY,aAAa;CAA2B;CACnF;EACE,MAAM;EACN,MAAM;EACN,aAAa;CACf;CACA;EACE,MAAM;EACN,MAAM;EACN,aAAa;CACf;AACF;AAEA,IAAa,eAAkC;CAC7C;EAAE,MAAM;EAAU,MAAM;EAAU,aAAa;CAAkC;CACjF;EACE,MAAM;EACN,MAAM;EACN,aAAa;CACf;CACA;EAAE,MAAM;EAAY,MAAM;EAAU,aAAa;CAA2C;CAC5F;EAAE,MAAM;EAAY,MAAM;EAAU,aAAa;CAAkC;CACnF;EAAE,MAAM;EAAY,MAAM;EAAU,aAAa;CAAgC;CACjF;EACE,MAAM;EACN,MAAM;EACN,aAAa;CACf;CACA;EACE,MAAM;EACN,MAAM;EACN,aAAa;CACf;CACA;EACE,MAAM;EACN,MAAM;EACN,aAAa;CACf;AACF;AA2BA,IAAa,gBAAyC,OAAO,OAAO,CAClE;CACE,IAAI;CACJ,OAAO;CACP,aACE;AACJ,GACA,GAAG,OACL,CAAC;AAqBD,IAAa,cAAqC,OAAO,OAAO;CAC9D;EACE,IAAI;EACJ,OAAO;EACP,aAAa;EACb,OAAO;CACT;CACA;EACE,IAAI;EACJ,OAAO;EACP,aAAa;EACb,OAAO;CACT;CACA;EACE,IAAI;EACJ,OAAO;EACP,aAAa;EACb,OAAO;CACT;CACA;EACE,IAAI;EACJ,OAAO;EACP,aAAa;EACb,OAAO;CACT;CACA;EACE,IAAI;EACJ,OAAO;EACP,aAAa;EACb,OAAO;CACT;AACF,CAAC;;AAGD,IAAa,eAAe;CAC1B,OAAO;CACP,QAAQ;CACR,YAAY;CACZ,SAAS;CACT,WAAW;CACX,QAAQ;CACR,QAAQ;AACV;;AAGA,IAAa,YAA+B,OAAO,OAAO,YAAY,CAAC,CAAC,KAAK;;;;;;AAO7E,IAAa,2BAAqC,CAAC,QAAQ"}
+{"version":3,"file":"tokens.js","names":[],"sources":["../../src/lib/tokens.ts"],"sourcesContent":["/**\n * The design system's token manifest.\n *\n * `theme.css` is the source of truth for token *values*. This file is the\n * source of truth for token *names and meaning* — what each one is for, and\n * which ones a theme may vary.\n *\n * It exists because a manifest that is only documentation rots. Two things read\n * it instead:\n *\n *   - the token galleries in Storybook, so the review surface shows every token\n *     rather than the ones an author remembered;\n *   - `tests/tokens.test.ts`, which parses `theme.css` and fails when a token\n *     is declared in one place and missing from the other.\n *\n * That pairing is what makes \"every token is documented and every documented\n * token exists\" a property the build enforces rather than a promise.\n */\n\nimport { ACCENTS } from '@adea-ai/themes'\n\nexport type TokenKind =\n  | 'color'\n  | 'dimension'\n  | 'font-family'\n  | 'number'\n  | 'duration'\n  | 'easing'\n  | 'shadow'\n  | 'text'\n\nexport type TokenDefinition = {\n  /** The custom property name, without the leading `--`. */\n  name: string\n  kind: TokenKind\n  /** One line: what this token is for. Shown in the gallery. */\n  description: string\n  /** True when the light and dark themes give it different values. */\n  themed?: boolean\n}\n\n/**\n * Colour roles, in the order they appear in a page: surfaces first, then text,\n * then the lines between them, then the semantic fills. The order is the\n * documentation — reading the gallery top to bottom walks the surface ladder.\n */\nexport const colorTokens: TokenDefinition[] = [\n  // Surfaces\n  {\n    name: 'background',\n    kind: 'color',\n    themed: true,\n    description: 'The canvas every panel sits on.',\n  },\n  {\n    name: 'foreground',\n    kind: 'color',\n    themed: true,\n    description: 'Default body text on the canvas.',\n  },\n  {\n    name: 'card',\n    kind: 'color',\n    themed: true,\n    description: 'A panel or card raised one rung above the canvas.',\n  },\n  { name: 'card-foreground', kind: 'color', themed: true, description: 'Text on `card`.' },\n  {\n    name: 'popover',\n    kind: 'color',\n    themed: true,\n    description: 'A floating surface: dialog, menu, popover, tooltip-free.',\n  },\n  { name: 'popover-foreground', kind: 'color', themed: true, description: 'Text on `popover`.' },\n  {\n    name: 'surface',\n    kind: 'color',\n    themed: true,\n    description: 'Alias of `background`, for code that means \"a surface\" not \"the page\".',\n  },\n  {\n    name: 'surface-sunken',\n    kind: 'color',\n    themed: true,\n    description: 'A well: code blocks, inset lists, empty states.',\n  },\n  {\n    name: 'surface-raised',\n    kind: 'color',\n    themed: true,\n    description: 'Alias of `card`, for panels that sit on the canvas.',\n  },\n  {\n    name: 'surface-overlay',\n    kind: 'color',\n    themed: true,\n    description: 'Alias of `popover`, for floating layers.',\n  },\n  {\n    name: 'surface-hover',\n    kind: 'color',\n    themed: true,\n    description: 'The hover fill shared by rows, menu items and ghost controls.',\n  },\n  {\n    name: 'surface-active',\n    kind: 'color',\n    themed: true,\n    description: 'The pressed/selected fill, one rung past hover.',\n  },\n  {\n    name: 'chrome',\n    kind: 'color',\n    themed: true,\n    description: 'Window chrome: the top bar and its frosted fill.',\n  },\n  {\n    name: 'chrome-alpha',\n    kind: 'number',\n    themed: true,\n    description: 'Opacity of the chrome fill behind a blur.',\n  },\n\n  // The brand action\n  {\n    name: 'primary',\n    kind: 'color',\n    themed: true,\n    description: 'The Adea emerald. The one primary action in a view.',\n  },\n  {\n    name: 'primary-foreground',\n    kind: 'color',\n    themed: true,\n    description: 'Label on `primary`. Black in dark, white in light — the accent flips polarity.',\n  },\n  {\n    name: 'primary-hover',\n    kind: 'color',\n    themed: true,\n    description: 'Hover rung for a primary action.',\n  },\n  {\n    name: 'primary-subtle',\n    kind: 'color',\n    themed: true,\n    description: 'Tinted primary fill: selected rows, focus rings, subtle buttons.',\n  },\n\n  {\n    name: 'secondary',\n    kind: 'color',\n    themed: true,\n    description: 'A quieter filled surface for a secondary action.',\n  },\n  {\n    name: 'secondary-foreground',\n    kind: 'color',\n    themed: true,\n    description: 'Label on `secondary`.',\n  },\n  {\n    name: 'muted',\n    kind: 'color',\n    themed: true,\n    description: 'A neutral fill: skeletons, inert chips, table footers.',\n  },\n  {\n    name: 'muted-foreground',\n    kind: 'color',\n    themed: true,\n    description: 'De-emphasised text. Measured to clear 4.5:1 on both `background` and `card`.',\n  },\n  {\n    name: 'accent',\n    kind: 'color',\n    themed: true,\n    description: \"shadcn's hover-surface accent. Not the brand colour — that is `primary`.\",\n  },\n  { name: 'accent-foreground', kind: 'color', themed: true, description: 'Text on `accent`.' },\n\n  // Status\n  {\n    name: 'destructive',\n    kind: 'color',\n    themed: true,\n    description: 'Irreversible or dangerous actions.',\n  },\n  {\n    name: 'destructive-foreground',\n    kind: 'color',\n    themed: true,\n    description: 'Label on `destructive`.',\n  },\n  {\n    name: 'destructive-subtle',\n    kind: 'color',\n    themed: true,\n    description: 'Tinted destructive fill: alert banners, invalid fields.',\n  },\n  { name: 'success', kind: 'color', themed: true, description: 'A completed or healthy state.' },\n  { name: 'success-foreground', kind: 'color', themed: true, description: 'Label on `success`.' },\n  { name: 'success-subtle', kind: 'color', themed: true, description: 'Tinted success fill.' },\n  {\n    name: 'warning',\n    kind: 'color',\n    themed: true,\n    description: 'Something needs attention but is not broken.',\n  },\n  { name: 'warning-foreground', kind: 'color', themed: true, description: 'Label on `warning`.' },\n  { name: 'warning-subtle', kind: 'color', themed: true, description: 'Tinted warning fill.' },\n  { name: 'info', kind: 'color', themed: true, description: 'Neutral information.' },\n  { name: 'info-foreground', kind: 'color', themed: true, description: 'Label on `info`.' },\n  { name: 'info-subtle', kind: 'color', themed: true, description: 'Tinted info fill.' },\n\n  // Lines\n  {\n    name: 'border',\n    kind: 'color',\n    themed: true,\n    description: 'Every hairline: panel edges, dividers, card outlines.',\n  },\n  {\n    name: 'input',\n    kind: 'color',\n    themed: true,\n    description:\n      'The edge of an editable control. A rung stronger than `border` so a field is findable.',\n  },\n  {\n    name: 'ring',\n    kind: 'color',\n    themed: true,\n    description: 'The focus ring. Always paired with `primary-subtle` as its glow.',\n  },\n\n  // Theme-invariant glass\n  {\n    name: 'scrim',\n    kind: 'color',\n    description: 'Dark glass for overlays and on-screen controls. Same in both themes.',\n  },\n  { name: 'scrim-foreground', kind: 'color', description: 'Text drawn on `scrim`.' },\n  { name: 'scrim-edge', kind: 'color', description: 'The hairline drawn on `scrim`.' },\n\n  // Diff and code\n  { name: 'diff-add', kind: 'color', themed: true, description: 'Background of an added line.' },\n  {\n    name: 'diff-add-foreground',\n    kind: 'color',\n    themed: true,\n    description: 'Text of an added line.',\n  },\n  {\n    name: 'diff-delete',\n    kind: 'color',\n    themed: true,\n    description: 'Background of a removed line.',\n  },\n  {\n    name: 'diff-delete-foreground',\n    kind: 'color',\n    themed: true,\n    description: 'Text of a removed line.',\n  },\n  { name: 'diff-hunk', kind: 'color', themed: true, description: 'Background of a hunk header.' },\n  {\n    name: 'diff-hunk-foreground',\n    kind: 'color',\n    themed: true,\n    description: 'Text of a hunk header.',\n  },\n  {\n    name: 'diff-meta-foreground',\n    kind: 'color',\n    themed: true,\n    description: 'File headers and line numbers in a diff.',\n  },\n\n  // Charts\n  {\n    name: 'chart-1',\n    kind: 'color',\n    themed: true,\n    description: 'Categorical series 1. The set is closed at six.',\n  },\n  { name: 'chart-2', kind: 'color', themed: true, description: 'Categorical series 2.' },\n  { name: 'chart-3', kind: 'color', themed: true, description: 'Categorical series 3.' },\n  { name: 'chart-4', kind: 'color', themed: true, description: 'Categorical series 4.' },\n  { name: 'chart-5', kind: 'color', themed: true, description: 'Categorical series 5.' },\n  { name: 'chart-6', kind: 'color', themed: true, description: 'Categorical series 6.' },\n\n  // Sidebar (the shadcn contract, kept whole)\n  {\n    name: 'sidebar',\n    kind: 'color',\n    themed: true,\n    description: 'The rail and sidebar surface, tinted against the canvas.',\n  },\n  {\n    name: 'sidebar-foreground',\n    kind: 'color',\n    themed: true,\n    description: 'Default text in the rail and sidebar.',\n  },\n  {\n    name: 'sidebar-primary',\n    kind: 'color',\n    themed: true,\n    description: 'The active destination in the rail.',\n  },\n  {\n    name: 'sidebar-primary-foreground',\n    kind: 'color',\n    themed: true,\n    description: 'Text on the active rail destination.',\n  },\n  {\n    name: 'sidebar-accent',\n    kind: 'color',\n    themed: true,\n    description: 'Hover and selected fill for rail and sidebar rows.',\n  },\n  {\n    name: 'sidebar-accent-foreground',\n    kind: 'color',\n    themed: true,\n    description: 'Text on `sidebar-accent`.',\n  },\n  {\n    name: 'sidebar-border',\n    kind: 'color',\n    themed: true,\n    description: 'The rule between the rail and the canvas.',\n  },\n  { name: 'sidebar-ring', kind: 'color', themed: true, description: 'Focus ring inside the rail.' },\n  {\n    name: 'sidebar-muted-foreground',\n    kind: 'color',\n    themed: true,\n    description: 'Rail labels that are not the current destination.',\n  },\n]\n\nexport const radiusTokens: TokenDefinition[] = [\n  {\n    name: 'radius-lg',\n    kind: 'dimension',\n    description:\n      '10px — cards and panels. Also the knob: move this one value to re-round the whole system.',\n  },\n  { name: 'radius-sm', kind: 'dimension', description: '6px — badges, keyboard keys, menu items.' },\n  {\n    name: 'radius-md',\n    kind: 'dimension',\n    description: '8px — every control: buttons, inputs, selects.',\n  },\n  { name: 'radius-xl', kind: 'dimension', description: '14px — dialogs, menus, sheets.' },\n  { name: 'radius-2xl', kind: 'dimension', description: '18px — full-window surfaces and media.' },\n]\n\nexport const typographyTokens: TokenDefinition[] = [\n  {\n    name: 'font-sans',\n    kind: 'font-family',\n    description: 'The selected interface face. Space Grotesk unless the font axis says otherwise.',\n  },\n  {\n    name: 'font-mono',\n    kind: 'font-family',\n    description: 'The selected monospace face. Code, terminals, ids, paths.',\n  },\n  {\n    name: 'font-family-space-grotesk',\n    kind: 'font-family',\n    description: 'The interface default, and the face the visual language was drawn against.',\n  },\n  {\n    name: 'font-family-jetbrains-mono',\n    kind: 'font-family',\n    description: 'The monospace default. Code, terminals, diffs.',\n  },\n  {\n    name: 'font-family-geist',\n    kind: 'font-family',\n    description: 'An alternative interface face. cortana already ships it.',\n  },\n  {\n    name: 'font-family-geist-mono',\n    kind: 'font-family',\n    description: 'The monospace counterpart to Geist.',\n  },\n  {\n    name: 'font-family-system',\n    kind: 'font-family',\n    description: \"The platform's own interface face. First-class, not a fallback.\",\n  },\n  {\n    name: 'font-family-system-mono',\n    kind: 'font-family',\n    description: \"The platform's own monospace face.\",\n  },\n  {\n    name: 'ui-tracking',\n    kind: 'text',\n    description:\n      'Letter spacing for measured chrome. `normal` on a proportional face, tightened when the UI font is monospace — which is roughly 20% wider at the same size.',\n  },\n  {\n    name: 'ui-word-spacing',\n    kind: 'text',\n    description:\n      \"Word spacing for measured chrome. Mono's space is a full advance-width cell, so a two-word label reads as two floating words without this.\",\n  },\n  {\n    name: 'text-2xs',\n    kind: 'text',\n    description: '11px — the smallest label the system permits: kbd keys, status bar.',\n  },\n  { name: 'text-xs', kind: 'text', description: '12px — metadata, badges, secondary rows.' },\n  {\n    name: 'text-sm',\n    kind: 'text',\n    description: '14px — the interface default. Body copy, labels, controls.',\n  },\n  { name: 'text-base', kind: 'text', description: '16px — card titles and dialog titles.' },\n  { name: 'text-lg', kind: 'text', description: '18px — a section heading inside a page.' },\n  { name: 'text-xl', kind: 'text', description: '20px — a page title.' },\n  { name: 'text-2xl', kind: 'text', description: '24px — a display figure.' },\n  {\n    name: 'text-3xl',\n    kind: 'text',\n    description: '30px — the largest size in the system. Reserved for an empty-state headline.',\n  },\n]\n\n/** Height tokens also size both axes of icon controls through Tailwind's --size\n * namespace. Padding has its own --spacing mapping. Nominal pixel descriptions\n * use a 16px rem; rendered dimensions follow the consumer's root font size. */\nexport const densityTokens: TokenDefinition[] = [\n  { name: 'control-height-2xs', kind: 'dimension', description: '20px — an inline chip control.' },\n  { name: 'control-height-xs', kind: 'dimension', description: '24px — a dense table row action.' },\n  { name: 'control-height-sm', kind: 'dimension', description: '28px — the toolbar default.' },\n  {\n    name: 'control-height-md',\n    kind: 'dimension',\n    description: '32px — the form default. Button and Input are this size unless told otherwise.',\n  },\n  { name: 'control-height-lg', kind: 'dimension', description: '36px — a primary form action.' },\n  {\n    name: 'control-height-xl',\n    kind: 'dimension',\n    description: '40px — a hero control in an empty state.',\n  },\n  {\n    name: 'control-padding-2xs',\n    kind: 'dimension',\n    description: 'Inline padding that pairs with the 20px control.',\n  },\n  {\n    name: 'control-padding-xs',\n    kind: 'dimension',\n    description: 'Inline padding that pairs with the 24px control.',\n  },\n  {\n    name: 'control-padding-sm',\n    kind: 'dimension',\n    description: 'Inline padding that pairs with the 28px control.',\n  },\n  {\n    name: 'control-padding-md',\n    kind: 'dimension',\n    description: 'Inline padding that pairs with the 32px control.',\n  },\n  {\n    name: 'control-padding-lg',\n    kind: 'dimension',\n    description: 'Inline padding that pairs with the 36px control.',\n  },\n  {\n    name: 'control-padding-xl',\n    kind: 'dimension',\n    description: 'Inline padding that pairs with the 40px control.',\n  },\n  { name: 'row-height-sm', kind: 'dimension', description: '28px — a dense list row.' },\n  { name: 'row-height-md', kind: 'dimension', description: '32px — the default list row.' },\n  { name: 'row-height-lg', kind: 'dimension', description: '36px — a two-line list row.' },\n  { name: 'rail-width', kind: 'dimension', description: '58px — the icon-only rail.' },\n  { name: 'rail-width-expanded', kind: 'dimension', description: '236px — the labelled rail.' },\n  {\n    name: 'rail-item-height',\n    kind: 'dimension',\n    description: '36px — a rail or sidebar destination.',\n  },\n  {\n    name: 'sidebar-width',\n    kind: 'dimension',\n    description: '256px — the secondary navigation column.',\n  },\n  {\n    name: 'sidebar-width-compact',\n    kind: 'dimension',\n    description: '48px — the collapsed secondary column.',\n  },\n  { name: 'topbar-height', kind: 'dimension', description: '48px — the window title row.' },\n  { name: 'statusbar-height', kind: 'dimension', description: '28px — the bottom readout strip.' },\n]\n\nexport const elevationTokens: TokenDefinition[] = [\n  {\n    name: 'shadow-2xs',\n    kind: 'shadow',\n    themed: true,\n    description: 'Barely there: a chip resting on a card.',\n  },\n  {\n    name: 'shadow-xs',\n    kind: 'shadow',\n    themed: true,\n    description: 'A card or panel on the canvas.',\n  },\n  {\n    name: 'shadow-sm',\n    kind: 'shadow',\n    themed: true,\n    description: 'A control that lifts: a pressed toggle, a thumb.',\n  },\n  { name: 'shadow-md', kind: 'shadow', themed: true, description: 'A menu or popover.' },\n  { name: 'shadow-lg', kind: 'shadow', themed: true, description: 'A dialog or sheet.' },\n  {\n    name: 'shadow-xl',\n    kind: 'shadow',\n    themed: true,\n    description: 'The command palette, above everything.',\n  },\n]\n\nexport const motionTokens: TokenDefinition[] = [\n  {\n    name: 'duration-fast',\n    kind: 'duration',\n    description: '120ms — a state change the user is already watching.',\n  },\n  { name: 'duration-normal', kind: 'duration', description: '200ms — an entrance.' },\n  { name: 'duration-slow', kind: 'duration', description: '320ms — a layout settle.' },\n  {\n    name: 'ease-out',\n    kind: 'easing',\n    description: 'A fast start and a long settle. Reads as decisive rather than floaty.',\n  },\n  {\n    name: 'ease-in-out',\n    kind: 'easing',\n    description: 'For a loop that has no start or end, such as a shimmer.',\n  },\n]\n\nexport const zIndexTokens: TokenDefinition[] = [\n  { name: 'z-base', kind: 'number', description: 'In flow, at the document order.' },\n  {\n    name: 'z-docked',\n    kind: 'number',\n    description: 'A sticky table header standing above its own scroll body.',\n  },\n  { name: 'z-sticky', kind: 'number', description: 'The top bar and any other pinned chrome.' },\n  { name: 'z-drawer', kind: 'number', description: 'A drawer, below a modal dialog.' },\n  { name: 'z-dialog', kind: 'number', description: 'A modal dialog and its scrim.' },\n  {\n    name: 'z-menu',\n    kind: 'number',\n    description: 'Menus, popovers and comboboxes. Above dialogs, because a dialog can contain one.',\n  },\n  {\n    name: 'z-tooltip',\n    kind: 'number',\n    description: 'Tooltips. Above menus, because a menu item can carry one.',\n  },\n  {\n    name: 'z-toast',\n    kind: 'number',\n    description: 'Notifications. Above everything, so they are never hidden by a dialog.',\n  },\n]\n\n/**\n * The accent axis.\n *\n * adea's accent presets, as a selection rather than a constant. `theme` is the\n * default and means \"the variant's own primary\" — monochrome in adea's palette —\n * and each named preset overrides the interactive roles through the\n * `[data-accent]` blocks in `theme.css`.\n *\n * These are the same six presets `accentPresets` exports in adea's own\n * `appearance.ts`, and the values match. A consumer's appearance picker and the\n * workshop's theme toolbar read this one list, so the two cannot disagree about\n * what a preset is called or what colour it is.\n */\nexport type AccentPreset = {\n  /** The `data-accent` value. `theme` is the variant's own primary. */\n  id: string\n  label: string\n  /** What the preset is for, in the gallery and in a picker. */\n  description: string\n  /** The accent as it appears in the light theme. Absent for `theme`. */\n  light?: string\n  /** The accent as it appears in the dark theme. Absent for `theme`. */\n  dark?: string\n}\n\nexport const accentPresets: readonly AccentPreset[] = Object.freeze([\n  {\n    id: 'theme',\n    label: 'Theme',\n    description:\n      \"The variant's own primary. Neutral in adea's palette, so the interface stays monochrome.\",\n  },\n  ...ACCENTS,\n])\n\n/**\n * The font axis.\n *\n * The family is a selection, like the accent: `data-font` sits on the same element\n * and each option swaps the interface face. `space-grotesk` is the default because\n * it is the face the visual language was drawn against, and `system` is a\n * first-class option rather than a fallback — an application that wants the\n * platform's own face should be able to say so without losing the rest of the\n * system.\n */\nexport type FontOption = {\n  /** The `data-font` value. `space-grotesk` is the default and needs no attribute. */\n  id: string\n  label: string\n  description: string\n  /** Which of the two stacks this option sets. */\n  stack: 'sans' | 'mono' | 'both'\n}\n\nexport const fontOptions: readonly FontOption[] = Object.freeze([\n  {\n    id: 'space-grotesk',\n    label: 'Space Grotesk',\n    description: 'The default, and the face the visual language was drawn against.',\n    stack: 'both',\n  },\n  {\n    id: 'system',\n    label: 'System',\n    description: \"The platform's own face. What a terminal or editor usually wants.\",\n    stack: 'both',\n  },\n  {\n    id: 'geist',\n    label: 'Geist',\n    description: 'The face cortana already ships. Neutral and wide.',\n    stack: 'both',\n  },\n  {\n    id: 'geist-mono',\n    label: 'Geist Mono',\n    description: 'Monospace throughout, for someone who wants a uniform texture.',\n    stack: 'both',\n  },\n  {\n    id: 'jetbrains-mono',\n    label: 'JetBrains Mono',\n    description: 'Monospace throughout, with coding ligatures off.',\n    stack: 'both',\n  },\n])\n\n/** Every token, in gallery order. */\nexport const designTokens = {\n  color: colorTokens,\n  radius: radiusTokens,\n  typography: typographyTokens,\n  density: densityTokens,\n  elevation: elevationTokens,\n  motion: motionTokens,\n  zIndex: zIndexTokens,\n} as const\n\n/** Flat list, for completeness checks and for search. */\nexport const allTokens: TokenDefinition[] = Object.values(designTokens).flat()\n\n/**\n * Aliases that exist only to make a call site read better, and which therefore\n * have no gallery row of their own. Kept explicit so the completeness check\n * below can tell \"deliberately absent\" from \"forgotten\".\n */\nexport const undocumentedTokenAliases: string[] = ['radius']\n"],"mappings":"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"}

package/dist/r/conversation.json

@@ -8,13 +8,20 @@
   ],
   "registryDependencies": [
     "@adea-ai/ui/button",
+    "@adea-ai/ui/button-group",
     "@adea-ai/ui/code-block",
+    "@adea-ai/ui/dropdown-menu",
     "@adea-ai/ui/kbd",
     "@adea-ai/ui/spinner",
     "@adea-ai/ui/textarea",
     "lib"
   ],
   "files": [
+    {
+      "path": "src/components/conversation/busy-send-button.tsx",
+      "type": "registry:ui",
+      "target": "components/conversation/busy-send-button.tsx"
+    },
     {
       "path": "src/components/conversation/conversation-avatar.tsx",
       "type": "registry:ui",

package/dist/r/registry.json

@@ -1781,13 +1781,20 @@
       ],
       "registryDependencies": [
         "@adea-ai/ui/button",
+        "@adea-ai/ui/button-group",
         "@adea-ai/ui/code-block",
+        "@adea-ai/ui/dropdown-menu",
         "@adea-ai/ui/kbd",
         "@adea-ai/ui/spinner",
         "@adea-ai/ui/textarea",
         "lib"
       ],
       "files": [
+        {
+          "path": "src/components/conversation/busy-send-button.tsx",
+          "type": "registry:ui",
+          "target": "components/conversation/busy-send-button.tsx"
+        },
         {
           "path": "src/components/conversation/conversation-avatar.tsx",
           "type": "registry:ui",

package/dist/r/src/components/conversation/busy-send-button.tsx

@@ -0,0 +1,161 @@
+/*
+ * Substantially translated from KiroCrew website/src/components/BusySendButton.tsx
+ * at 283e136c0f902e965a535a7c9548c57c7504fed0.
+ * Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ * Licensed under Apache-2.0; see LICENSE and NOTICE.
+ */
+import { ArrowUpFromLine, ChevronDown, Target } from 'lucide-solid'
+import { For, Show, createUniqueId } from 'solid-js'
+import { Button } from '../ui/button/button'
+import { ButtonGroup } from '../ui/button-group/button-group'
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuRadioGroup,
+  DropdownMenuRadioItem,
+  DropdownMenuSeparator,
+  DropdownMenuTrigger,
+} from '../ui/dropdown-menu/dropdown-menu'
+
+export type BusySendMode = 'steer' | 'queue'
+export type BusySendButtonProps = {
+  mode: BusySendMode
+  onModeChange: (mode: BusySendMode) => void
+  /** Executes only the selected action. The host owns the draft and command. */
+  onFire: () => void
+  /** An empty draft or pending delivery disables fire, but not choosing a mode. */
+  disabled?: boolean
+  /** Disable mode selection when the host has no authority to change preferences. */
+  selectionDisabled?: boolean
+  /** Host capability/authority failures: unavailable rows remain visible. */
+  unavailable?: Partial<Record<BusySendMode, string>>
+  /** Supply only when the host implements this alternate-action keyboard chord. */
+  alternateActionHint?: string
+}
+
+const modes: BusySendMode[] = ['steer', 'queue']
+const labels = { steer: 'Steer', queue: 'Queue' }
+const descriptions = {
+  steer: 'Act on this right away',
+  queue: 'Run after the current work finishes',
+}
+
+/**
+ * Kiro's split action/menu composition, with app-owned mode and availability.
+ * Picking a mode never fires it. Persistence, migration and same-session
+ * broadcasts belong to the consumer; this component has no storage or global listeners.
+ * Kobalte replaces the donor manual portal/positioning and document listeners:
+ * arrows wrap and selection/Escape return focus. Kobalte 0.13.14 prevents Tab
+ * without moving focus, so a menu-scoped translation of the donor Tab cycle
+ * fills that gap. It discovers enabled radio rows only; no document trap.
+ * No force-reset timer or runtime authority is translated from the adjacent
+ * donor stop flow.
+ */
+export function BusySendButton(props: BusySendButtonProps) {
+  const reasonId = createUniqueId()
+  const reason = () => props.unavailable?.[props.mode]
+  const variant = () => (props.mode === 'steer' ? ('default' as const) : ('secondary' as const))
+  return (
+    <div data-slot="busy-send-button" class="flex w-fit flex-col gap-1">
+      <DropdownMenu placement="top-end" modal={false}>
+        <ButtonGroup label="Send while busy">
+          <Button
+            type="button"
+            size="icon-sm"
+            variant={variant()}
+            aria-label={props.mode === 'steer' ? 'Steer' : 'Queue message'}
+            aria-describedby={reason() ? reasonId : undefined}
+            disabled={props.disabled || !!reason()}
+            onClick={() => {
+              if (!props.disabled && !reason()) props.onFire()
+            }}
+          >
+            <Show when={props.mode === 'steer'} fallback={<ArrowUpFromLine />}>
+              <Target />
+            </Show>
+          </Button>
+          <DropdownMenuTrigger
+            as={Button}
+            type="button"
+            size="icon-sm"
+            variant={variant()}
+            aria-label="Send options"
+            disabled={props.selectionDisabled}
+          >
+            <ChevronDown />
+          </DropdownMenuTrigger>
+        </ButtonGroup>
+        <DropdownMenuContent hideArrow>
+          <DropdownMenuRadioGroup
+            on:keydown={(event: KeyboardEvent) => {
+              if (
+                event.key !== 'Tab' ||
+                event.isComposing ||
+                !(event.currentTarget instanceof HTMLElement)
+              )
+                return
+              const rows = Array.from(
+                event.currentTarget.querySelectorAll<HTMLElement>(
+                  '[role="menuitemradio"]:not([aria-disabled="true"])'
+                )
+              )
+              if (!rows.length) return
+              event.preventDefault()
+              event.stopPropagation()
+              const active = document.activeElement
+              const index = active instanceof HTMLElement ? rows.indexOf(active) : -1
+              const next =
+                index < 0
+                  ? event.shiftKey
+                    ? rows.length - 1
+                    : 0
+                  : (index + (event.shiftKey ? -1 : 1) + rows.length) % rows.length
+              rows[next]?.focus()
+            }}
+            value={props.mode}
+            onChange={(value) => {
+              if (
+                (value === 'steer' || value === 'queue') &&
+                !props.selectionDisabled &&
+                !props.unavailable?.[value]
+              )
+                props.onModeChange(value)
+            }}
+          >
+            <For each={modes}>
+              {(mode) => (
+                <DropdownMenuRadioItem
+                  value={mode}
+                  closeOnSelect
+                  disabled={props.selectionDisabled || !!props.unavailable?.[mode]}
+                >
+                  <Show when={mode === 'steer'} fallback={<ArrowUpFromLine />}>
+                    <Target />
+                  </Show>
+                  <div class="flex min-w-0 flex-col gap-1">
+                    <span>{labels[mode]}</span>
+                    <span class="text-muted-foreground text-xs">{descriptions[mode]}</span>
+                    <Show when={props.unavailable?.[mode]}>
+                      {(message) => <span class="text-muted-foreground text-xs">{message()}</span>}
+                    </Show>
+                  </div>
+                </DropdownMenuRadioItem>
+              )}
+            </For>
+          </DropdownMenuRadioGroup>
+          <Show when={props.alternateActionHint}>
+            <DropdownMenuSeparator />
+            <p class="text-muted-foreground px-2 py-1 text-xs">{props.alternateActionHint}</p>
+          </Show>
+        </DropdownMenuContent>
+      </DropdownMenu>
+      <Show when={reason()}>
+        {(message) => (
+          <p id={reasonId} class="text-muted-foreground text-xs">
+            {message()}
+          </p>
+        )}
+      </Show>
+    </div>
+  )
+}

package/dist/r/src/components/conversation/index.ts

@@ -1,3 +1,4 @@
+export { BusySendButton, type BusySendMode, type BusySendButtonProps } from './busy-send-button'
 export {
   ConversationAvatar,
   type ConversationAvatarKind,

package/dist/r/src/lib/tokens.ts

@@ -434,6 +434,9 @@ export const typographyTokens: TokenDefinition[] = [
   },
 ]
 
+/** Height tokens also size both axes of icon controls through Tailwind's --size
+ * namespace. Padding has its own --spacing mapping. Nominal pixel descriptions
+ * use a 16px rem; rendered dimensions follow the consumer's root font size. */
 export const densityTokens: TokenDefinition[] = [
   { name: 'control-height-2xs', kind: 'dimension', description: '20px — an inline chip control.' },
   { name: 'control-height-xs', kind: 'dimension', description: '24px — a dense table row action.' },

package/dist/r/src/styles/theme.css

@@ -826,6 +826,15 @@
   --height-control-md: var(--control-height-md);
   --height-control-lg: var(--control-height-lg);
   --height-control-xl: var(--control-height-xl);
+  /* Tailwind `size-*` prefers --size-* and then --spacing-*. Without this
+     bridge, square icon controls use the padding ladder below for both axes.
+     Height, square size and inline padding remain distinct semantic contracts. */
+  --size-control-2xs: var(--control-height-2xs);
+  --size-control-xs: var(--control-height-xs);
+  --size-control-sm: var(--control-height-sm);
+  --size-control-md: var(--control-height-md);
+  --size-control-lg: var(--control-height-lg);
+  --size-control-xl: var(--control-height-xl);
   --height-row-sm: var(--row-height-sm);
   --height-row-md: var(--row-height-md);
   --height-row-lg: var(--row-height-lg);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adea-ai/ui",
-  "version": "0.63.4",
+  "version": "0.64.0",
   "description": "The Adea design system: Kobalte-backed Solid components, semantic OKLCH tokens, and the app-shell layout primitives shared by Adea and Cortana.",
   "keywords": [
     "adea",

package/registry.json

@@ -1781,13 +1781,20 @@
       ],
       "registryDependencies": [
         "@adea-ai/ui/button",
+        "@adea-ai/ui/button-group",
         "@adea-ai/ui/code-block",
+        "@adea-ai/ui/dropdown-menu",
         "@adea-ai/ui/kbd",
         "@adea-ai/ui/spinner",
         "@adea-ai/ui/textarea",
         "lib"
       ],
       "files": [
+        {
+          "path": "src/components/conversation/busy-send-button.tsx",
+          "type": "registry:ui",
+          "target": "components/conversation/busy-send-button.tsx"
+        },
         {
           "path": "src/components/conversation/conversation-avatar.tsx",
           "type": "registry:ui",

package/src/components/conversation/busy-send-button.tsx

@@ -0,0 +1,161 @@
+/*
+ * Substantially translated from KiroCrew website/src/components/BusySendButton.tsx
+ * at 283e136c0f902e965a535a7c9548c57c7504fed0.
+ * Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ * Licensed under Apache-2.0; see LICENSE and NOTICE.
+ */
+import { ArrowUpFromLine, ChevronDown, Target } from 'lucide-solid'
+import { For, Show, createUniqueId } from 'solid-js'
+import { Button } from '../ui/button/button'
+import { ButtonGroup } from '../ui/button-group/button-group'
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuRadioGroup,
+  DropdownMenuRadioItem,
+  DropdownMenuSeparator,
+  DropdownMenuTrigger,
+} from '../ui/dropdown-menu/dropdown-menu'
+
+export type BusySendMode = 'steer' | 'queue'
+export type BusySendButtonProps = {
+  mode: BusySendMode
+  onModeChange: (mode: BusySendMode) => void
+  /** Executes only the selected action. The host owns the draft and command. */
+  onFire: () => void
+  /** An empty draft or pending delivery disables fire, but not choosing a mode. */
+  disabled?: boolean
+  /** Disable mode selection when the host has no authority to change preferences. */
+  selectionDisabled?: boolean
+  /** Host capability/authority failures: unavailable rows remain visible. */
+  unavailable?: Partial<Record<BusySendMode, string>>
+  /** Supply only when the host implements this alternate-action keyboard chord. */
+  alternateActionHint?: string
+}
+
+const modes: BusySendMode[] = ['steer', 'queue']
+const labels = { steer: 'Steer', queue: 'Queue' }
+const descriptions = {
+  steer: 'Act on this right away',
+  queue: 'Run after the current work finishes',
+}
+
+/**
+ * Kiro's split action/menu composition, with app-owned mode and availability.
+ * Picking a mode never fires it. Persistence, migration and same-session
+ * broadcasts belong to the consumer; this component has no storage or global listeners.
+ * Kobalte replaces the donor manual portal/positioning and document listeners:
+ * arrows wrap and selection/Escape return focus. Kobalte 0.13.14 prevents Tab
+ * without moving focus, so a menu-scoped translation of the donor Tab cycle
+ * fills that gap. It discovers enabled radio rows only; no document trap.
+ * No force-reset timer or runtime authority is translated from the adjacent
+ * donor stop flow.
+ */
+export function BusySendButton(props: BusySendButtonProps) {
+  const reasonId = createUniqueId()
+  const reason = () => props.unavailable?.[props.mode]
+  const variant = () => (props.mode === 'steer' ? ('default' as const) : ('secondary' as const))
+  return (
+    <div data-slot="busy-send-button" class="flex w-fit flex-col gap-1">
+      <DropdownMenu placement="top-end" modal={false}>
+        <ButtonGroup label="Send while busy">
+          <Button
+            type="button"
+            size="icon-sm"
+            variant={variant()}
+            aria-label={props.mode === 'steer' ? 'Steer' : 'Queue message'}
+            aria-describedby={reason() ? reasonId : undefined}
+            disabled={props.disabled || !!reason()}
+            onClick={() => {
+              if (!props.disabled && !reason()) props.onFire()
+            }}
+          >
+            <Show when={props.mode === 'steer'} fallback={<ArrowUpFromLine />}>
+              <Target />
+            </Show>
+          </Button>
+          <DropdownMenuTrigger
+            as={Button}
+            type="button"
+            size="icon-sm"
+            variant={variant()}
+            aria-label="Send options"
+            disabled={props.selectionDisabled}
+          >
+            <ChevronDown />
+          </DropdownMenuTrigger>
+        </ButtonGroup>
+        <DropdownMenuContent hideArrow>
+          <DropdownMenuRadioGroup
+            on:keydown={(event: KeyboardEvent) => {
+              if (
+                event.key !== 'Tab' ||
+                event.isComposing ||
+                !(event.currentTarget instanceof HTMLElement)
+              )
+                return
+              const rows = Array.from(
+                event.currentTarget.querySelectorAll<HTMLElement>(
+                  '[role="menuitemradio"]:not([aria-disabled="true"])'
+                )
+              )
+              if (!rows.length) return
+              event.preventDefault()
+              event.stopPropagation()
+              const active = document.activeElement
+              const index = active instanceof HTMLElement ? rows.indexOf(active) : -1
+              const next =
+                index < 0
+                  ? event.shiftKey
+                    ? rows.length - 1
+                    : 0
+                  : (index + (event.shiftKey ? -1 : 1) + rows.length) % rows.length
+              rows[next]?.focus()
+            }}
+            value={props.mode}
+            onChange={(value) => {
+              if (
+                (value === 'steer' || value === 'queue') &&
+                !props.selectionDisabled &&
+                !props.unavailable?.[value]
+              )
+                props.onModeChange(value)
+            }}
+          >
+            <For each={modes}>
+              {(mode) => (
+                <DropdownMenuRadioItem
+                  value={mode}
+                  closeOnSelect
+                  disabled={props.selectionDisabled || !!props.unavailable?.[mode]}
+                >
+                  <Show when={mode === 'steer'} fallback={<ArrowUpFromLine />}>
+                    <Target />
+                  </Show>
+                  <div class="flex min-w-0 flex-col gap-1">
+                    <span>{labels[mode]}</span>
+                    <span class="text-muted-foreground text-xs">{descriptions[mode]}</span>
+                    <Show when={props.unavailable?.[mode]}>
+                      {(message) => <span class="text-muted-foreground text-xs">{message()}</span>}
+                    </Show>
+                  </div>
+                </DropdownMenuRadioItem>
+              )}
+            </For>
+          </DropdownMenuRadioGroup>
+          <Show when={props.alternateActionHint}>
+            <DropdownMenuSeparator />
+            <p class="text-muted-foreground px-2 py-1 text-xs">{props.alternateActionHint}</p>
+          </Show>
+        </DropdownMenuContent>
+      </DropdownMenu>
+      <Show when={reason()}>
+        {(message) => (
+          <p id={reasonId} class="text-muted-foreground text-xs">
+            {message()}
+          </p>
+        )}
+      </Show>
+    </div>
+  )
+}

package/src/components/conversation/index.ts

@@ -1,3 +1,4 @@
+export { BusySendButton, type BusySendMode, type BusySendButtonProps } from './busy-send-button'
 export {
   ConversationAvatar,
   type ConversationAvatarKind,

package/src/lib/tokens.ts

@@ -434,6 +434,9 @@ export const typographyTokens: TokenDefinition[] = [
   },
 ]
 
+/** Height tokens also size both axes of icon controls through Tailwind's --size
+ * namespace. Padding has its own --spacing mapping. Nominal pixel descriptions
+ * use a 16px rem; rendered dimensions follow the consumer's root font size. */
 export const densityTokens: TokenDefinition[] = [
   { name: 'control-height-2xs', kind: 'dimension', description: '20px — an inline chip control.' },
   { name: 'control-height-xs', kind: 'dimension', description: '24px — a dense table row action.' },

package/src/styles/theme.css

@@ -826,6 +826,15 @@
   --height-control-md: var(--control-height-md);
   --height-control-lg: var(--control-height-lg);
   --height-control-xl: var(--control-height-xl);
+  /* Tailwind `size-*` prefers --size-* and then --spacing-*. Without this
+     bridge, square icon controls use the padding ladder below for both axes.
+     Height, square size and inline padding remain distinct semantic contracts. */
+  --size-control-2xs: var(--control-height-2xs);
+  --size-control-xs: var(--control-height-xs);
+  --size-control-sm: var(--control-height-sm);
+  --size-control-md: var(--control-height-md);
+  --size-control-lg: var(--control-height-lg);
+  --size-control-xl: var(--control-height-xl);
   --height-row-sm: var(--row-height-sm);
   --height-row-md: var(--row-height-md);
   --height-row-lg: var(--row-height-lg);