@thewhatmatters/wmds 0.4.3 → 0.4.5

package/dist/components/organisms/ChatDock/ChatDockGate.d.ts

@@ -4,9 +4,9 @@ export interface ChatDockGateLabels {
     previous: string;
     /** Header control on one step. Default: "Next step". */
     next: string;
-    /** Header close outside **ChatDock**. Inside it the close folds the window and takes **ChatDock**'s `labels.close`. Default: "Close". */
+    /** @deprecated The gate has no close of its own: Cancel leaves it, and the window's close folds the window. Unused. */
     close: string;
-    /** Footer close. Default: "Cancel". */
+    /** Footer action that leaves the gate. Default: "Cancel". */
     cancel: string;
     /** Footer primary action. Default: "Next". */
     continue: string;
@@ -17,7 +17,7 @@ export interface ChatDockGateLabels {
 }
 export declare const chatDockGateDefaultLabels: ChatDockGateLabels;
 export interface ChatDockGateProps {
-    /** The step's title — the window's header while the gate is up. It also names the gate for screen readers. */
+    /** The step's title. It also names the gate for screen readers. */
     title: string;
     /** One line under the title. */
     subtitle?: string;
@@ -36,8 +36,8 @@ export interface ChatDockGateProps {
     /** Whether the visitor can move on from this step. Default: true. */
     canContinue?: boolean;
     /**
-     * Leaves the gate — the footer's Cancel. Inside **ChatDock** the header's close and Escape fold the
-     * window instead and keep the gate, with its progress, for when it reopens.
+     * Leaves the gate — the footer's Cancel. The gate has no close of its own: inside **ChatDock** the
+     * window's close and Escape fold the window and keep the gate. On its own, Escape calls it too.
      */
     onClose: () => void;
     /** Footer start — for example **CalEmbed.Skip** on a booking step. */
@@ -49,14 +49,16 @@ export interface ChatDockGateProps {
     /** The step's action failed — a line over the footer, announced. Keep the visitor's answers, and offer a retry through `onNext`. */
     error?: ReactNode;
     labels?: Partial<ChatDockGateLabels>;
-    /** The step's content. Change it with `step`; the body slides between steps. */
+    /** The step's content. Change it with `step`; the step slides in. */
     children: ReactNode;
 }
 /**
- * A multi-step form that takes over the chat window — pass it as **ChatDock**'s `gate`. While it is
- * up the window is the form: one header with the step's title and subtitle, previous, progress, next,
- * and close; the step in a body that scrolls; Cancel and the primary action pinned to the window's
- * bottom edge. The header's close and Escape fold the window and keep the gate; Cancel leaves it.
+ * A multi-step form in the conversation — pass it as **ChatDock**'s `gate`. It sits under the latest
+ * message, set into the conversation as a well (hairline border, page floor, inset shade — embedded,
+ * not raised): the step's title and subtitle with previous,
+ * progress, and next; the step; Cancel and the primary action under a second hairline. It has no close
+ * of its own and never scrolls on its own — the window grows to fit it, and past that the conversation
+ * scrolls.
  */
 export declare const ChatDockGate: import("react").ForwardRefExoticComponent<ChatDockGateProps & import("react").RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=ChatDockGate.d.ts.map

package/dist/components/organisms/ChatDock/ChatDockGate.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChatDockGate.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/ChatDock/ChatDockGate.tsx"],"names":[],"mappings":"AAAA,OAAO,EAQL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AA4Bf,MAAM,WAAW,kBAAkB;IACjC,8DAA8D;IAC9D,QAAQ,EAAE,MAAM,CAAC;IACjB,wDAAwD;IACxD,IAAI,EAAE,MAAM,CAAC;IACb,yIAAyI;IACzI,KAAK,EAAE,MAAM,CAAC;IACd,uCAAuC;IACvC,MAAM,EAAE,MAAM,CAAC;IACf,8CAA8C;IAC9C,QAAQ,EAAE,MAAM,CAAC;IACjB,kEAAkE;IAClE,OAAO,EAAE,MAAM,CAAC;IAChB,4EAA4E;IAC5E,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,MAAM,CAAC;CACvD;AAED,eAAO,MAAM,yBAAyB,EAAE,kBAQvC,CAAC;AAEF,MAAM,WAAW,iBAAiB;IAChC,8GAA8G;IAC9G,KAAK,EAAE,MAAM,CAAC;IACd,gCAAgC;IAChC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gCAAgC;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,gCAAgC;IAChC,SAAS,EAAE,MAAM,CAAC;IAClB,gEAAgE;IAChE,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,qEAAqE;IACrE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;OAGG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,sEAAsE;IACtE,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,iFAAiF;IACjF,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,0IAA0I;IAC1I,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,oIAAoI;IACpI,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,CAAC;IACrC,gFAAgF;IAChF,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;GAKG;AACH,eAAO,MAAM,YAAY,8GA8LvB,CAAC"}
+{"version":3,"file":"ChatDockGate.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/ChatDock/ChatDockGate.tsx"],"names":[],"mappings":"AAAA,OAAO,EAQL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAwBf,MAAM,WAAW,kBAAkB;IACjC,8DAA8D;IAC9D,QAAQ,EAAE,MAAM,CAAC;IACjB,wDAAwD;IACxD,IAAI,EAAE,MAAM,CAAC;IACb,uHAAuH;IACvH,KAAK,EAAE,MAAM,CAAC;IACd,6DAA6D;IAC7D,MAAM,EAAE,MAAM,CAAC;IACf,8CAA8C;IAC9C,QAAQ,EAAE,MAAM,CAAC;IACjB,kEAAkE;IAClE,OAAO,EAAE,MAAM,CAAC;IAChB,4EAA4E;IAC5E,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,MAAM,CAAC;CACvD;AAED,eAAO,MAAM,yBAAyB,EAAE,kBAQvC,CAAC;AAEF,MAAM,WAAW,iBAAiB;IAChC,mEAAmE;IACnE,KAAK,EAAE,MAAM,CAAC;IACd,gCAAgC;IAChC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gCAAgC;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,gCAAgC;IAChC,SAAS,EAAE,MAAM,CAAC;IAClB,gEAAgE;IAChE,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,qEAAqE;IACrE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;OAGG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,sEAAsE;IACtE,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,iFAAiF;IACjF,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,0IAA0I;IAC1I,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,oIAAoI;IACpI,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,CAAC;IACrC,qEAAqE;IACrE,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,YAAY,8GAoKvB,CAAC"}

package/dist/components/organisms/ChatDock/ChatDockGate.js

@@ -2,18 +2,16 @@
 import { motionTransitionProp as e } from "../../../lib/motion.js";
 import { Button as t } from "../../atoms/Button/Button.js";
 import { IconButton as n } from "../../atoms/IconButton/IconButton.js";
-import { cardSubtitleClasses as ee, cardTitleClasses as te } from "../../molecules/Card/cardStyles.js";
-import { Card as r } from "../../molecules/Card/Card.js";
-import { overlayPanelFooterHairlineClasses as ne, overlayPanelHeaderClasses as i, overlayPanelHeaderDelineatedInnerClasses as a, overlayPanelHeaderHairlineClasses as o } from "../Dialog/dialogStyles.js";
-import { useChatDockGateWindow as s } from "./chatDockGateContext.js";
-import { useChatDockReducedMotion as c, useChatDockWide as l } from "./chatDockViewport.js";
-import { chatDockGateBodyClasses as u, chatDockGateCardClasses as d, chatDockGateClasses as f, chatDockGateErrorClasses as p, chatDockGateFooterActionsClasses as m, chatDockGateFooterBlockClasses as h, chatDockGateFooterRowClasses as g, chatDockGateOccupantClasses as _, chatDockGatePendingClasses as v, chatDockGateProgressClasses as re } from "./chatDockGateStyles.js";
-import { forwardRef as y, useContext as ie, useId as b, useLayoutEffect as ae, useRef as oe, useState as x } from "react";
-import { ChevronLeft as se, ChevronRight as ce, X as S } from "lucide-react";
-import { Fragment as C, jsx as w, jsxs as T } from "react/jsx-runtime";
-import { AnimatePresence as E, MotionConfigContext as D, motion as O } from "motion/react";
+import { cardSubtitleClasses as ee, cardTitleClasses as r } from "../../molecules/Card/cardStyles.js";
+import { useChatDockGateWindow as i } from "./chatDockGateContext.js";
+import { useChatDockReducedMotion as a, useChatDockWide as o } from "./chatDockViewport.js";
+import { chatDockGateClasses as s, chatDockGateControlsClasses as c, chatDockGateErrorClasses as l, chatDockGateFooterActionsClasses as u, chatDockGateFooterBlockClasses as te, chatDockGateFooterRowClasses as d, chatDockGateFooterRuleClasses as f, chatDockGateHeaderClasses as p, chatDockGateHeadingClasses as m, chatDockGatePendingClasses as ne, chatDockGateProgressClasses as re, chatDockGateStepClasses as h } from "./chatDockGateStyles.js";
+import { forwardRef as g, useContext as _, useId as v, useLayoutEffect as y, useRef as b, useState as x } from "react";
+import { ChevronLeft as ie, ChevronRight as ae } from "lucide-react";
+import { jsx as S, jsxs as C } from "react/jsx-runtime";
+import { AnimatePresence as w, MotionConfigContext as T, motion as E } from "motion/react";
 //#region src/components/organisms/ChatDock/ChatDockGate.tsx
-var k = {
+var D = {
 	previous: "Previous step",
 	next: "Next step",
 	close: "Close",
@@ -21,170 +19,149 @@ var k = {
 	continue: "Next",
 	pending: "Sending…",
 	progress: (e, t) => `${e} of ${t}`
-}, A = y(function({ title: y, subtitle: A, step: j, stepCount: M, onPrevious: N, onNext: P, canContinue: F = !0, onClose: I, footerStart: L, continueLabel: R, pending: z = !1, error: B, labels: V, children: le }, H) {
-	let U = {
-		...k,
-		...V
-	}, W = b(), G = b(), ue = l(), K = s(), { reducedMotion: de } = ie(D), fe = c(de), [q, pe] = x(j), [J, me] = x(1);
-	j !== q && (me(j > q ? 1 : -1), pe(j));
-	let Y = oe(null);
-	ae(() => {
-		let e = Y.current?.querySelector("[data-chat-dock-gate-body]");
-		e != null && (e.scrollTop = 0);
-	}, [j]);
-	let X = e("fast"), Z = fe ? 0 : 16, Q = {
+}, O = g(function({ title: g, subtitle: O, step: k, stepCount: A, onPrevious: j, onNext: M, canContinue: N = !0, onClose: P, footerStart: F, continueLabel: I, pending: L = !1, error: R, labels: oe, children: z }, B) {
+	let V = {
+		...D,
+		...oe
+	}, H = v(), U = v(), W = o(), G = i(), { reducedMotion: K } = _(T), q = a(K), [J, se] = x(k), [Y, ce] = x(1);
+	k !== J && (ce(k > J ? 1 : -1), se(k));
+	let X = b(null);
+	y(() => {
+		G?.revealGate();
+	}, [G, k]);
+	let Z = e("fast"), Q = q ? 0 : 16, le = {
 		enter: (e) => ({
 			opacity: 0,
-			x: e * Z
+			x: e * Q
 		}),
 		center: {
 			opacity: 1,
 			x: 0,
-			transition: X
+			transition: Z
 		},
 		exit: (e) => ({
 			opacity: 0,
-			x: -e * Z,
-			transition: X
+			x: -e * Q,
+			transition: Z
 		})
-	}, $ = ue ? "sm" : "md", he = P != null && F && j < M && !z, ge = K?.closeWindow ?? I;
-	function _e(e) {
-		K != null || e.key !== "Escape" || e.defaultPrevented || (e.preventDefault(), I());
+	}, $ = W ? "sm" : "md", ue = M != null && N && k < A && !L;
+	function de(e) {
+		G != null || e.key !== "Escape" || e.defaultPrevented || (e.preventDefault(), P());
 	}
-	return /* @__PURE__ */ w("div", {
+	return /* @__PURE__ */ C("div", {
 		ref: (e) => {
-			Y.current = e, typeof H == "function" ? H(e) : H != null && (H.current = e);
+			X.current = e, typeof B == "function" ? B(e) : B != null && (B.current = e);
 		},
-		className: f,
+		className: s,
 		role: "group",
-		"aria-labelledby": W,
-		"aria-describedby": A == null ? void 0 : G,
-		"aria-busy": z || void 0,
+		"aria-labelledby": H,
+		"aria-describedby": O == null ? void 0 : U,
+		"aria-busy": L || void 0,
 		tabIndex: -1,
 		"data-chat-dock-gate-focus": "",
-		"data-step": j,
-		onKeyDown: _e,
-		children: /* @__PURE__ */ T(r, {
-			as: "section",
-			shape: "flush",
-			padding: "none",
-			variant: "ghost",
-			headerless: !1,
-			bodyTerminal: !1,
-			className: d,
-			children: [
-				/* @__PURE__ */ T("div", {
-					className: `${i} w-full`,
-					children: [/* @__PURE__ */ w(r.Header, {
-						className: a,
-						start: /* @__PURE__ */ T(C, { children: [/* @__PURE__ */ w("h2", {
-							id: W,
-							className: te,
-							children: y
-						}), A == null ? null : /* @__PURE__ */ w("p", {
-							id: G,
-							className: ee,
-							children: A
-						})] }),
-						end: /* @__PURE__ */ T(C, { children: [
-							/* @__PURE__ */ w(n, {
-								size: $,
-								icon: /* @__PURE__ */ w(se, {}),
-								"aria-label": U.previous,
-								disabled: j <= 1 || z,
-								onClick: N
-							}),
-							/* @__PURE__ */ w("span", {
-								className: re,
-								"aria-live": "polite",
-								children: U.progress(j, M)
-							}),
-							/* @__PURE__ */ w(n, {
-								size: $,
-								icon: /* @__PURE__ */ w(ce, {}),
-								"aria-label": U.next,
-								disabled: !he,
-								onClick: P
-							}),
-							/* @__PURE__ */ w(n, {
-								size: $,
-								icon: /* @__PURE__ */ w(S, {}),
-								"aria-label": K?.closeLabel ?? U.close,
-								onClick: ge
-							})
-						] })
-					}), /* @__PURE__ */ w("hr", {
-						className: o,
-						"aria-hidden": "true"
+		"data-step": k,
+		onKeyDown: de,
+		children: [
+			/* @__PURE__ */ C("div", {
+				className: p,
+				children: [/* @__PURE__ */ C("div", {
+					className: m,
+					children: [/* @__PURE__ */ S("h3", {
+						id: H,
+						className: r,
+						children: g
+					}), O == null ? null : /* @__PURE__ */ S("p", {
+						id: U,
+						className: ee,
+						children: O
 					})]
-				}),
-				/* @__PURE__ */ w(r.Body, {
-					className: u,
-					"data-chat-dock-gate-body": "",
-					children: /* @__PURE__ */ w(E, {
-						mode: "wait",
-						initial: !1,
-						custom: J,
-						onExitComplete: () => {
-							let e = Y.current;
-							e != null && !e.contains(document.activeElement) && e.focus({ preventScroll: !0 });
-						},
-						children: /* @__PURE__ */ w(O.div, {
-							className: _,
-							custom: J,
-							variants: Q,
-							initial: "enter",
-							animate: "center",
-							exit: "exit",
-							children: le
-						}, j)
-					})
-				}),
-				/* @__PURE__ */ T("div", {
-					className: h,
+				}), /* @__PURE__ */ C("div", {
+					className: c,
 					children: [
-						/* @__PURE__ */ w("hr", {
-							className: ne,
-							"aria-hidden": "true"
+						/* @__PURE__ */ S(n, {
+							size: $,
+							icon: /* @__PURE__ */ S(ie, {}),
+							"aria-label": V.previous,
+							disabled: k <= 1 || L,
+							onClick: j
 						}),
-						/* @__PURE__ */ w("div", {
-							role: "status",
-							children: z ? /* @__PURE__ */ w("p", {
-								className: v,
-								children: U.pending
-							}) : null
+						/* @__PURE__ */ S("span", {
+							className: re,
+							"aria-live": "polite",
+							children: V.progress(k, A)
 						}),
-						!z && B != null ? /* @__PURE__ */ w("p", {
-							className: p,
-							role: "alert",
-							children: B
-						}) : null,
-						/* @__PURE__ */ T(r.Footer, {
-							className: g,
-							children: [L, /* @__PURE__ */ T("div", {
-								className: m,
-								children: [/* @__PURE__ */ w(t, {
-									role: "secondary",
-									size: $,
-									type: "button",
-									disabled: z,
-									onClick: I,
-									children: U.cancel
-								}), P == null ? null : /* @__PURE__ */ w(t, {
-									role: "primary",
-									size: $,
-									type: "button",
-									disabled: !F || z,
-									onClick: P,
-									children: R ?? U.continue
-								})]
-							})]
+						/* @__PURE__ */ S(n, {
+							size: $,
+							icon: /* @__PURE__ */ S(ae, {}),
+							"aria-label": V.next,
+							disabled: !ue,
+							onClick: M
 						})
 					]
-				})
-			]
-		})
+				})]
+			}),
+			/* @__PURE__ */ S(w, {
+				mode: "wait",
+				initial: !1,
+				custom: Y,
+				onExitComplete: () => {
+					let e = X.current;
+					e != null && !e.contains(document.activeElement) && e.focus({ preventScroll: !0 });
+				},
+				children: /* @__PURE__ */ S(E.div, {
+					className: h,
+					custom: Y,
+					variants: le,
+					initial: "enter",
+					animate: "center",
+					exit: "exit",
+					children: z
+				}, k)
+			}),
+			/* @__PURE__ */ C("div", {
+				className: te,
+				children: [
+					/* @__PURE__ */ S("hr", {
+						className: f,
+						"aria-hidden": "true"
+					}),
+					/* @__PURE__ */ S("div", {
+						role: "status",
+						children: L ? /* @__PURE__ */ S("p", {
+							className: ne,
+							children: V.pending
+						}) : null
+					}),
+					!L && R != null ? /* @__PURE__ */ S("p", {
+						className: l,
+						role: "alert",
+						children: R
+					}) : null,
+					/* @__PURE__ */ C("div", {
+						className: d,
+						children: [F, /* @__PURE__ */ C("div", {
+							className: u,
+							children: [/* @__PURE__ */ S(t, {
+								role: "secondary",
+								size: $,
+								type: "button",
+								disabled: L,
+								onClick: P,
+								children: V.cancel
+							}), M == null ? null : /* @__PURE__ */ S(t, {
+								role: "primary",
+								size: $,
+								type: "button",
+								disabled: !N || L,
+								onClick: M,
+								children: I ?? V.continue
+							})]
+						})]
+					})
+				]
+			})
+		]
 	});
 });
 //#endregion
-export { A as ChatDockGate, k as chatDockGateDefaultLabels };
+export { O as ChatDockGate, D as chatDockGateDefaultLabels };

package/dist/components/organisms/ChatDock/chatDockGateContext.d.ts

@@ -1,11 +1,12 @@
-/** What **ChatDock** hands the gate in its window. */
+/** What **ChatDock** hands the gate in its conversation. */
 export interface ChatDockGateContextValue {
-    /** Folds the window. The gate stays, with its progress, for when the window reopens. */
-    closeWindow: () => void;
-    /** Name of the gate's header close — **ChatDock**'s `labels.close`. */
-    closeLabel: string;
+    /**
+     * Brings the gate into view in the conversation — the whole form when it fits, otherwise its top.
+     * The gate asks on mount and on each step.
+     */
+    revealGate: () => void;
 }
 export declare const ChatDockGateContext: import("react").Context<ChatDockGateContextValue | null>;
-/** The window the gate fills, or `null` outside **ChatDock**. */
+/** The conversation the gate sits in, or `null` outside **ChatDock**. */
 export declare function useChatDockGateWindow(): ChatDockGateContextValue | null;
 //# sourceMappingURL=chatDockGateContext.d.ts.map

package/dist/components/organisms/ChatDock/chatDockGateContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chatDockGateContext.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/ChatDock/chatDockGateContext.ts"],"names":[],"mappings":"AAEA,sDAAsD;AACtD,MAAM,WAAW,wBAAwB;IACvC,wFAAwF;IACxF,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,uEAAuE;IACvE,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,mBAAmB,0DAAuD,CAAC;AAExF,iEAAiE;AACjE,wBAAgB,qBAAqB,IAAI,wBAAwB,GAAG,IAAI,CAEvE"}
+{"version":3,"file":"chatDockGateContext.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/ChatDock/chatDockGateContext.ts"],"names":[],"mappings":"AAEA,4DAA4D;AAC5D,MAAM,WAAW,wBAAwB;IACvC;;;OAGG;IACH,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,eAAO,MAAM,mBAAmB,0DAAuD,CAAC;AAExF,yEAAyE;AACzE,wBAAgB,qBAAqB,IAAI,wBAAwB,GAAG,IAAI,CAEvE"}

package/dist/components/organisms/ChatDock/chatDockGateStyles.d.ts

@@ -1,17 +1,25 @@
-/** The gate — fills the chat window, and takes focus (ChatDock moves focus here). */
-export declare const chatDockGateClasses = "flex h-full min-h-0 flex-col outline-none";
-/** The flush Card shell, as tall as the window, so the body scrolls between the header and the footer. */
-export declare const chatDockGateCardClasses = "h-full min-h-0";
-/** The step body — takes the height the header and footer leave, and scrolls. */
-export declare const chatDockGateBodyClasses = "overscroll-contain";
-/** One step, on the window surface — lined up with the header and footer at 16px. */
-export declare const chatDockGateOccupantClasses: string;
+/**
+ * The gate — a well set into the conversation: a hairline border at the card body radius, the page
+ * floor inside, and an inset shade under its top edge, so it reads as embedded rather than raised. As
+ * wide as the conversation's turns. Focusable: ChatDock moves focus here; the ring sits inside.
+ */
+export declare const chatDockGateClasses: string;
+/** The step's title and subtitle, with previous, progress, and next at the end. */
+export declare const chatDockGateHeaderClasses = "flex items-start justify-between gap-3";
+/** Title and subtitle, one block. */
+export declare const chatDockGateHeadingClasses = "flex min-w-0 flex-1 flex-col";
+/** Previous, "2 of 4", next. */
+export declare const chatDockGateControlsClasses = "-me-2 flex shrink-0 items-center gap-1";
+/** One step. It never scrolls on its own: the conversation scrolls, and the window grows first. */
+export declare const chatDockGateStepClasses = "flex flex-col gap-3";
 /** "2 of 4" between the header controls. */
 export declare const chatDockGateProgressClasses: string;
 /** The footer block: the hairline, then the pending or error line, then the actions. */
-export declare const chatDockGateFooterBlockClasses = "flex w-full shrink-0 flex-col";
-/** The footer row under its hairline. */
-export declare const chatDockGateFooterRowClasses = "pt-3";
+export declare const chatDockGateFooterBlockClasses = "flex w-full flex-col";
+/** Hairline over the footer. */
+export declare const chatDockGateFooterRuleClasses = "m-0 w-full border-0 border-t border-border p-0";
+/** The footer row — the start slot, then Cancel and the primary action at the end. */
+export declare const chatDockGateFooterRowClasses = "flex items-center justify-between gap-3 pt-3";
 /** Cancel and the primary action, at the end of the footer. */
 export declare const chatDockGateFooterActionsClasses = "ml-auto flex items-center gap-2";
 /** While the step's action runs — muted caption over the actions. */

package/dist/components/organisms/ChatDock/chatDockGateStyles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chatDockGateStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/ChatDock/chatDockGateStyles.ts"],"names":[],"mappings":"AAIA,qFAAqF;AACrF,eAAO,MAAM,mBAAmB,8CAA8C,CAAC;AAE/E,0GAA0G;AAC1G,eAAO,MAAM,uBAAuB,mBAAmB,CAAC;AAExD,iFAAiF;AACjF,eAAO,MAAM,uBAAuB,uBAAuB,CAAC;AAE5D,qFAAqF;AACrF,eAAO,MAAM,2BAA2B,QAAsE,CAAC;AAE/G,4CAA4C;AAC5C,eAAO,MAAM,2BAA2B,QAAiE,CAAC;AAE1G,wFAAwF;AACxF,eAAO,MAAM,8BAA8B,kCAAkC,CAAC;AAE9E,yCAAyC;AACzC,eAAO,MAAM,4BAA4B,SAAS,CAAC;AAEnD,+DAA+D;AAC/D,eAAO,MAAM,gCAAgC,oCAAoC,CAAC;AAElF,qEAAqE;AACrE,eAAO,MAAM,0BAA0B,QAAoF,CAAC;AAE5H,iEAAiE;AACjE,eAAO,MAAM,wBAAwB,QAAoF,CAAC"}
+{"version":3,"file":"chatDockGateStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/ChatDock/chatDockGateStyles.ts"],"names":[],"mappings":"AAGA;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,QAG/B,CAAC;AAEF,mFAAmF;AACnF,eAAO,MAAM,yBAAyB,2CAA2C,CAAC;AAElF,qCAAqC;AACrC,eAAO,MAAM,0BAA0B,iCAAiC,CAAC;AAEzE,gCAAgC;AAChC,eAAO,MAAM,2BAA2B,2CAA2C,CAAC;AAEpF,mGAAmG;AACnG,eAAO,MAAM,uBAAuB,wBAAwB,CAAC;AAE7D,4CAA4C;AAC5C,eAAO,MAAM,2BAA2B,QAAiE,CAAC;AAE1G,wFAAwF;AACxF,eAAO,MAAM,8BAA8B,yBAAyB,CAAC;AAErE,gCAAgC;AAChC,eAAO,MAAM,6BAA6B,mDAAmD,CAAC;AAE9F,sFAAsF;AACtF,eAAO,MAAM,4BAA4B,iDAAiD,CAAC;AAE3F,+DAA+D;AAC/D,eAAO,MAAM,gCAAgC,oCAAoC,CAAC;AAElF,qEAAqE;AACrE,eAAO,MAAM,0BAA0B,QAAoD,CAAC;AAE5F,iEAAiE;AACjE,eAAO,MAAM,wBAAwB,QAAoD,CAAC"}

package/dist/components/organisms/ChatDock/chatDockGateStyles.js

@@ -1,8 +1,7 @@
 "use client";
 import { cn as e } from "../../../lib/cn.js";
 import { typographyClass as t } from "../../../lib/typography.js";
-import { cardLayoutBodyOccupantInsetXClasses as n, cardLayoutSectionInsetXClasses as r } from "../../molecules/Card/cardStyles.js";
 //#region src/components/organisms/ChatDock/chatDockGateStyles.ts
-var i = "flex h-full min-h-0 flex-col outline-none", a = "h-full min-h-0", o = "overscroll-contain", s = e(n, "flex flex-col gap-3 pb-1"), c = e(t("caption"), "px-1 text-muted tabular-nums"), l = "flex w-full shrink-0 flex-col", u = "pt-3", d = "ml-auto flex items-center gap-2", f = e(r, t("caption"), "pt-3 text-muted"), p = e(r, t("caption"), "pt-3 text-error");
+var n = e("flex flex-col gap-3 rounded-[var(--radius-card-body)] border border-border bg-body px-4 py-3 shadow-inset-well", "outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-focus-ring"), r = "flex items-start justify-between gap-3", i = "flex min-w-0 flex-1 flex-col", a = "-me-2 flex shrink-0 items-center gap-1", o = "flex flex-col gap-3", s = e(t("caption"), "px-1 text-muted tabular-nums"), c = "flex w-full flex-col", l = "m-0 w-full border-0 border-t border-border p-0", u = "flex items-center justify-between gap-3 pt-3", d = "ml-auto flex items-center gap-2", f = e(t("caption"), "pt-3 text-muted"), p = e(t("caption"), "pt-3 text-error");
 //#endregion
-export { o as chatDockGateBodyClasses, a as chatDockGateCardClasses, i as chatDockGateClasses, p as chatDockGateErrorClasses, d as chatDockGateFooterActionsClasses, l as chatDockGateFooterBlockClasses, u as chatDockGateFooterRowClasses, s as chatDockGateOccupantClasses, f as chatDockGatePendingClasses, c as chatDockGateProgressClasses };
+export { n as chatDockGateClasses, a as chatDockGateControlsClasses, p as chatDockGateErrorClasses, d as chatDockGateFooterActionsClasses, c as chatDockGateFooterBlockClasses, u as chatDockGateFooterRowClasses, l as chatDockGateFooterRuleClasses, r as chatDockGateHeaderClasses, i as chatDockGateHeadingClasses, f as chatDockGatePendingClasses, s as chatDockGateProgressClasses, o as chatDockGateStepClasses };

package/dist/components/organisms/ChatDock/chatDockStyles.d.ts

@@ -12,10 +12,6 @@ export type ChatDockPlacement = (typeof chatDockPlacements)[number];
 export declare const chatDockRootClasses: Record<ChatDockPlacement, string>;
 /** While the window is on screen, phones lift the dock above **SiteNav**: the window fills the screen. */
 export declare const chatDockRootRaisedClasses = "max-md:z-[60]";
-/** While a gate fills the window, the dock and its scrim sit above **SiteNav** on every screen. */
-export declare const chatDockRootModalClasses = "z-[60]";
-/** The scrim behind a gate — the `--color-overlay` token over the whole page. A click on it folds the window. */
-export declare const chatDockScrimClasses = "pointer-events-auto fixed inset-0 bg-overlay";
 /** The dock's column — the page grid narrowed to the composer width. */
 export declare const chatDockGridClasses = "grid-page [--grid-max:40rem]";
 /** The dock: suggestion pills, the window behind the composer, and the composer. */
@@ -47,10 +43,14 @@ export declare const chatDockWindowClasses: Record<ChatDockPlacement, string>;
  */
 export declare const chatDockWindowContentClasses = "flex h-full flex-col gap-3 pt-4 pb-[calc(var(--chat-dock-composer,3.25rem)+0.75rem)]";
 /**
- * Scrolling conversation — greeting, turns, and the thinking row. It takes focus so a keyboard can
- * scroll it when nothing inside does; the ring sits inside its edge.
+ * Scrolling conversation — greeting, turns, the thinking row, and a gate. It takes focus so a
+ * keyboard can scroll it when nothing inside does; the ring sits inside its edge.
  */
 export declare const chatDockThreadClasses: string;
+/** The conversation's turns, one gap apart. Measured so the window can grow to fit a gate. */
+export declare const chatDockThreadContentClasses = "flex flex-col gap-4";
+/** A gate's place in the conversation — under the latest message, as wide as the turns. */
+export declare const chatDockGateSlotClasses = "flex flex-col";
 /** Assistant text — the greeting and replies. */
 export declare const chatDockAssistantMessageClasses: string;
 /** A reply with a row under it — the hover and focus group for that row. */
@@ -86,12 +86,6 @@ export declare const chatDockFollowUpRowClasses = "flex min-h-11 md:min-h-9";
 export declare const chatDockFollowUpsComposerClasses: string;
 /** The composer — on top of the window, in the same place whether the window is open or not. */
 export declare const chatDockComposerClasses = "relative";
-/** The conversation or the composer once it has faded out behind a gate: kept in place, out of reach. */
-export declare const chatDockComposerHiddenClasses = "invisible";
-/**
- * The gate's layer — the whole window. On phones the footer clears the home indicator.
- */
-export declare const chatDockGateLayerClasses: Record<ChatDockPlacement, string>;
 /**
  * The brand mark at the start of the resting composer. It folds to nothing while the window is open
  * (the header shows the mark), so the field starts where a composer without a mark starts.

package/dist/components/organisms/ChatDock/chatDockStyles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chatDockStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/ChatDock/chatDockStyles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,kBAAkB,8BAA+B,CAAC;AAE/D;;;GAGG;AACH,MAAM,MAAM,iBAAiB,GAAG,CAAC,OAAO,kBAAkB,CAAC,CAAC,MAAM,CAAC,CAAC;AAEpE;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,iBAAiB,EAAE,MAAM,CAIjE,CAAC;AAEF,0GAA0G;AAC1G,eAAO,MAAM,yBAAyB,kBAAkB,CAAC;AAEzD,mGAAmG;AACnG,eAAO,MAAM,wBAAwB,WAAW,CAAC;AAEjD,iHAAiH;AACjH,eAAO,MAAM,oBAAoB,iDAAiD,CAAC;AAEnF,wEAAwE;AACxE,eAAO,MAAM,mBAAmB,iCAAiC,CAAC;AAElE,oFAAoF;AACpF,eAAO,MAAM,mBAAmB,+CAA+C,CAAC;AAEhF,8EAA8E;AAC9E,eAAO,MAAM,wBAAwB,UAAU,CAAC;AAEhD;;;;;GAKG;AACH,eAAO,MAAM,oBAAoB,QAIhC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,mBAAmB,QAO/B,CAAC;AAIF;;;;;GAKG;AACH,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,iBAAiB,EAAE,MAAM,CAOnE,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,4BAA4B,yFAAyF,CAAC;AAEnI;;;GAGG;AACH,eAAO,MAAM,qBAAqB,QAIjC,CAAC;AAEF,iDAAiD;AACjD,eAAO,MAAM,+BAA+B,QAAyC,CAAC;AAEtF,4EAA4E;AAC5E,eAAO,MAAM,oBAAoB,oCAAoC,CAAC;AAEtE;;;;GAIG;AACH,eAAO,MAAM,2BAA2B,QAKvC,CAAC;AAEF,mFAAmF;AACnF,eAAO,MAAM,kCAAkC,wBAAwB,CAAC;AAExE,+IAA+I;AAC/I,eAAO,MAAM,2BAA2B,6CAA6C,CAAC;AAEtF,qDAAqD;AACrD,eAAO,MAAM,wBAAwB,QAA4D,CAAC;AAElG,+GAA+G;AAC/G,eAAO,MAAM,0BAA0B,QAGtC,CAAC;AAEF,eAAO,MAAM,uBAAuB,QAGnC,CAAC;AAEF,4EAA4E;AAC5E,eAAO,MAAM,6BAA6B,QAGzC,CAAC;AAEF,kEAAkE;AAClE,eAAO,MAAM,mCAAmC,QAG/C,CAAC;AAEF,eAAO,MAAM,8BAA8B,qBAAqB,CAAC;AAEjE,6GAA6G;AAC7G,eAAO,MAAM,8BAA8B,wBAAwB,CAAC;AAEpE;;;GAGG;AACH,eAAO,MAAM,0BAA0B,6BAA6B,CAAC;AAErE,4GAA4G;AAC5G,eAAO,MAAM,gCAAgC,QAAsE,CAAC;AAEpH,gGAAgG;AAChG,eAAO,MAAM,uBAAuB,aAAa,CAAC;AAElD,yGAAyG;AACzG,eAAO,MAAM,6BAA6B,cAAc,CAAC;AAEzD;;GAEG;AACH,eAAO,MAAM,wBAAwB,EAAE,MAAM,CAAC,iBAAiB,EAAE,MAAM,CAGtE,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,mBAAmB,0CAA0C,CAAC;AAE3E,+FAA+F;AAC/F,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAAC,iBAAiB,EAAE,MAAM,CAGvE,CAAC;AAEF,4FAA4F;AAC5F,eAAO,MAAM,iCAAiC,EAAE,MAAM,CAAC,iBAAiB,EAAE,MAAM,CAG/E,CAAC"}
+{"version":3,"file":"chatDockStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/ChatDock/chatDockStyles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,kBAAkB,8BAA+B,CAAC;AAE/D;;;GAGG;AACH,MAAM,MAAM,iBAAiB,GAAG,CAAC,OAAO,kBAAkB,CAAC,CAAC,MAAM,CAAC,CAAC;AAEpE;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,iBAAiB,EAAE,MAAM,CAIjE,CAAC;AAEF,0GAA0G;AAC1G,eAAO,MAAM,yBAAyB,kBAAkB,CAAC;AAGzD,wEAAwE;AACxE,eAAO,MAAM,mBAAmB,iCAAiC,CAAC;AAElE,oFAAoF;AACpF,eAAO,MAAM,mBAAmB,+CAA+C,CAAC;AAEhF,8EAA8E;AAC9E,eAAO,MAAM,wBAAwB,UAAU,CAAC;AAEhD;;;;;GAKG;AACH,eAAO,MAAM,oBAAoB,QAIhC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,mBAAmB,QAO/B,CAAC;AAIF;;;;;GAKG;AACH,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,iBAAiB,EAAE,MAAM,CAOnE,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,4BAA4B,yFAAyF,CAAC;AAEnI;;;GAGG;AACH,eAAO,MAAM,qBAAqB,QAIjC,CAAC;AAEF,8FAA8F;AAC9F,eAAO,MAAM,4BAA4B,wBAAwB,CAAC;AAElE,2FAA2F;AAC3F,eAAO,MAAM,uBAAuB,kBAAkB,CAAC;AAEvD,iDAAiD;AACjD,eAAO,MAAM,+BAA+B,QAAyC,CAAC;AAEtF,4EAA4E;AAC5E,eAAO,MAAM,oBAAoB,oCAAoC,CAAC;AAEtE;;;;GAIG;AACH,eAAO,MAAM,2BAA2B,QAKvC,CAAC;AAEF,mFAAmF;AACnF,eAAO,MAAM,kCAAkC,wBAAwB,CAAC;AAExE,+IAA+I;AAC/I,eAAO,MAAM,2BAA2B,6CAA6C,CAAC;AAEtF,qDAAqD;AACrD,eAAO,MAAM,wBAAwB,QAA4D,CAAC;AAElG,+GAA+G;AAC/G,eAAO,MAAM,0BAA0B,QAGtC,CAAC;AAEF,eAAO,MAAM,uBAAuB,QAGnC,CAAC;AAEF,4EAA4E;AAC5E,eAAO,MAAM,6BAA6B,QAGzC,CAAC;AAEF,kEAAkE;AAClE,eAAO,MAAM,mCAAmC,QAG/C,CAAC;AAEF,eAAO,MAAM,8BAA8B,qBAAqB,CAAC;AAEjE,6GAA6G;AAC7G,eAAO,MAAM,8BAA8B,wBAAwB,CAAC;AAEpE;;;GAGG;AACH,eAAO,MAAM,0BAA0B,6BAA6B,CAAC;AAErE,4GAA4G;AAC5G,eAAO,MAAM,gCAAgC,QAAsE,CAAC;AAEpH,gGAAgG;AAChG,eAAO,MAAM,uBAAuB,aAAa,CAAC;AAGlD;;;GAGG;AACH,eAAO,MAAM,mBAAmB,0CAA0C,CAAC;AAE3E,+FAA+F;AAC/F,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAAC,iBAAiB,EAAE,MAAM,CAGvE,CAAC;AAEF,4FAA4F;AAC5F,eAAO,MAAM,iCAAiC,EAAE,MAAM,CAAC,iBAAiB,EAAE,MAAM,CAG/E,CAAC"}

package/dist/components/organisms/ChatDock/chatDockStyles.js

@@ -7,18 +7,15 @@ import { cardLayoutSectionInsetXClasses as r } from "../../molecules/Card/cardSt
 var i = ["fixed", "inline"], a = {
 	fixed: "pointer-events-none fixed inset-x-0 bottom-[var(--chat-dock-vv-bottom,0px)] z-40 pb-[max(1rem,env(safe-area-inset-bottom))]",
 	inline: "relative flex min-h-[32rem] w-full flex-col justify-end"
-}, o = "max-md:z-[60]", s = "z-[60]", c = "pointer-events-auto fixed inset-0 bg-overlay", l = "grid-page [--grid-max:40rem]", u = "pointer-events-auto relative col-span-full", d = "group", f = e("absolute inset-x-0 bottom-full flex flex-wrap justify-center gap-2 pb-3", "invisible group-hover:visible transition-[visibility]", n("fast")), p = e("inline-flex translate-y-2 opacity-0", "group-hover:translate-y-0 group-hover:opacity-100", "group-hover:[transition-delay:calc(var(--motion-stagger)*var(--chat-dock-pill-index,0))]", "motion-reduce:translate-y-0", "transition-[opacity,transform]", n("fast")), m = "overflow-hidden bg-surface font-sans text-fg shadow-soft-card", h = {
-	fixed: e(m, "fixed inset-x-0 top-[var(--chat-dock-vv-top,0px)] bottom-[var(--chat-dock-vv-bottom,0px)] rounded-none", "md:absolute md:top-auto md:bottom-0"),
-	inline: e(m, "absolute inset-x-0 bottom-0")
-}, g = "flex h-full flex-col gap-3 pt-4 pb-[calc(var(--chat-dock-composer,3.25rem)+0.75rem)]", _ = e(r, "flex min-h-0 flex-1 flex-col gap-4 overflow-y-auto overscroll-contain pb-2", "outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-focus-ring"), v = e(t("body"), "text-fg"), y = "group/reply flex flex-col gap-1", b = e("flex min-h-11 items-center gap-1 md:min-h-9", "[@media(hover:hover)]:group-[:not(:hover,:focus-within)]/reply:opacity-0", "transition-[opacity,visibility]", n("fast")), x = "invisible opacity-0", S = "-ms-3 flex items-center gap-1 md:-ms-2.5", C = e(t("caption"), "text-muted tabular-nums"), w = e(t("body"), "ml-auto max-w-[85%] rounded-[var(--radius-card-body)] bg-brand-tint px-3.5 py-2 text-fg"), T = e(t("caption"), "flex items-center gap-2 text-muted"), E = e(r, "flex shrink-0 flex-col gap-1 border-t border-border pt-3"), D = e(t("body"), "flex min-w-0 items-center gap-3 text-muted"), O = "min-w-0 truncate", k = "-mt-2 flex flex-col", A = "flex min-h-11 md:min-h-9", j = e(r, "flex shrink-0 flex-wrap gap-2"), M = "relative", N = "invisible", P = {
-	fixed: "absolute inset-0 flex flex-col max-md:pb-[env(safe-area-inset-bottom,0px)]",
-	inline: "absolute inset-0 flex flex-col"
-}, F = "flex h-9 items-center overflow-hidden", I = {
+}, o = "max-md:z-[60]", s = "grid-page [--grid-max:40rem]", c = "pointer-events-auto relative col-span-full", l = "group", u = e("absolute inset-x-0 bottom-full flex flex-wrap justify-center gap-2 pb-3", "invisible group-hover:visible transition-[visibility]", n("fast")), d = e("inline-flex translate-y-2 opacity-0", "group-hover:translate-y-0 group-hover:opacity-100", "group-hover:[transition-delay:calc(var(--motion-stagger)*var(--chat-dock-pill-index,0))]", "motion-reduce:translate-y-0", "transition-[opacity,transform]", n("fast")), f = "overflow-hidden bg-surface font-sans text-fg shadow-soft-card", p = {
+	fixed: e(f, "fixed inset-x-0 top-[var(--chat-dock-vv-top,0px)] bottom-[var(--chat-dock-vv-bottom,0px)] rounded-none", "md:absolute md:top-auto md:bottom-0"),
+	inline: e(f, "absolute inset-x-0 bottom-0")
+}, m = "flex h-full flex-col gap-3 pt-4 pb-[calc(var(--chat-dock-composer,3.25rem)+0.75rem)]", h = e(r, "min-h-0 flex-1 overflow-y-auto overscroll-contain pb-2", "outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-focus-ring"), g = "flex flex-col gap-4", _ = "flex flex-col", v = e(t("body"), "text-fg"), y = "group/reply flex flex-col gap-1", b = e("flex min-h-11 items-center gap-1 md:min-h-9", "[@media(hover:hover)]:group-[:not(:hover,:focus-within)]/reply:opacity-0", "transition-[opacity,visibility]", n("fast")), x = "invisible opacity-0", S = "-ms-3 flex items-center gap-1 md:-ms-2.5", C = e(t("caption"), "text-muted tabular-nums"), w = e(t("body"), "ml-auto max-w-[85%] rounded-[var(--radius-card-body)] bg-brand-tint px-3.5 py-2 text-fg"), T = e(t("caption"), "flex items-center gap-2 text-muted"), E = e(r, "flex shrink-0 flex-col gap-1 border-t border-border pt-3"), D = e(t("body"), "flex min-w-0 items-center gap-3 text-muted"), O = "min-w-0 truncate", k = "-mt-2 flex flex-col", A = "flex min-h-11 md:min-h-9", j = e(r, "flex shrink-0 flex-wrap gap-2"), M = "relative", N = "flex h-9 items-center overflow-hidden", P = {
 	fixed: e(t("caption"), "pt-2 text-center text-muted md:pb-3"),
 	inline: e(t("caption"), "pt-2 pb-3 text-center text-muted")
-}, L = {
+}, F = {
 	fixed: "md:h-4",
 	inline: "h-4"
 };
 //#endregion
-export { v as chatDockAssistantMessageClasses, M as chatDockComposerClasses, L as chatDockComposerFootSpacerClasses, N as chatDockComposerHiddenClasses, I as chatDockDisclaimerClasses, u as chatDockDockClasses, d as chatDockDockHoverClasses, A as chatDockFollowUpRowClasses, j as chatDockFollowUpsComposerClasses, k as chatDockFollowUpsInlineClasses, P as chatDockGateLayerClasses, l as chatDockGridClasses, F as chatDockMarkClasses, p as chatDockPillClasses, f as chatDockPillsClasses, i as chatDockPlacements, b as chatDockReplyActionsClasses, x as chatDockReplyActionsPendingClasses, S as chatDockReplyButtonsClasses, y as chatDockReplyClasses, C as chatDockReplyMetaClasses, a as chatDockRootClasses, s as chatDockRootModalClasses, o as chatDockRootRaisedClasses, c as chatDockScrimClasses, O as chatDockSuggestionLabelClasses, E as chatDockSuggestionListClasses, D as chatDockSuggestionRowContentClasses, T as chatDockThinkingClasses, _ as chatDockThreadClasses, w as chatDockUserMessageClasses, h as chatDockWindowClasses, g as chatDockWindowContentClasses };
+export { v as chatDockAssistantMessageClasses, M as chatDockComposerClasses, F as chatDockComposerFootSpacerClasses, P as chatDockDisclaimerClasses, c as chatDockDockClasses, l as chatDockDockHoverClasses, A as chatDockFollowUpRowClasses, j as chatDockFollowUpsComposerClasses, k as chatDockFollowUpsInlineClasses, _ as chatDockGateSlotClasses, s as chatDockGridClasses, N as chatDockMarkClasses, d as chatDockPillClasses, u as chatDockPillsClasses, i as chatDockPlacements, b as chatDockReplyActionsClasses, x as chatDockReplyActionsPendingClasses, S as chatDockReplyButtonsClasses, y as chatDockReplyClasses, C as chatDockReplyMetaClasses, a as chatDockRootClasses, o as chatDockRootRaisedClasses, O as chatDockSuggestionLabelClasses, E as chatDockSuggestionListClasses, D as chatDockSuggestionRowContentClasses, T as chatDockThinkingClasses, h as chatDockThreadClasses, g as chatDockThreadContentClasses, w as chatDockUserMessageClasses, p as chatDockWindowClasses, m as chatDockWindowContentClasses };