@thewhatmatters/wmds 0.4.2 → 0.4.3

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

@@ -4,18 +4,20 @@ export interface ChatDockGateLabels {
     previous: string;
     /** Header control on one step. Default: "Next step". */
     next: string;
-    /** Header close. Default: "Close". */
+    /** Header close outside **ChatDock**. Inside it the close folds the window and takes **ChatDock**'s `labels.close`. Default: "Close". */
     close: string;
     /** Footer close. Default: "Cancel". */
     cancel: string;
     /** Footer primary action. Default: "Next". */
     continue: string;
+    /** Shown over the footer while `pending`. Default: "Sending…". */
+    pending: string;
     /** Where the visitor is, between the header controls. Default: "2 of 4". */
     progress: (step: number, stepCount: number) => string;
 }
 export declare const chatDockGateDefaultLabels: ChatDockGateLabels;
 export interface ChatDockGateProps {
-    /** The step's title. It also names the gate for screen readers. */
+    /** The step's title — the window's header while the gate is up. It also names the gate for screen readers. */
     title: string;
     /** One line under the title. */
     subtitle?: string;
@@ -26,27 +28,35 @@ export interface ChatDockGateProps {
     /** Back one step. The control is disabled on the first step. */
     onPrevious: () => void;
     /**
-     * On one step — the header's next control and the footer's primary action. Leave it out on a
-     * step that ends another way (for example booking a call): both are then left out or disabled.
+     * The footer's primary action — on one step, or on the last step an action such as "Send" or
+     * "Try again" (`continueLabel`). The header's next control moves on one step, so it is disabled on
+     * the last step. Leave it out on a step that ends another way (for example booking a call).
      */
     onNext?: () => void;
     /** Whether the visitor can move on from this step. Default: true. */
     canContinue?: boolean;
-    /** Closes the gate — the header's close, the footer's Cancel, and Escape. */
+    /**
+     * 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.
+     */
     onClose: () => void;
     /** Footer start — for example **CalEmbed.Skip** on a booking step. */
     footerStart?: ReactNode;
     /** This step's primary label, for example "Send". Default: `labels.continue`. */
     continueLabel?: string;
+    /** The step's action is running — for example sending the form. Shows `labels.pending` over the footer and disables the step controls. */
+    pending?: boolean;
+    /** 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. */
     children: ReactNode;
 }
 /**
- * A multi-step form in the chat window, in the composer's place — pass it as **ChatDock**'s
- * `gate`. A **Card** shell: the step's title and subtitle with previous, progress, next, and close
- * controls; the step in a scrolling body; Cancel and the primary action in the footer. It hugs each
- * step up to the height ChatDock allows, then the body scrolls. Escape closes it.
+ * 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.
  */
 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;AAiBf,MAAM,WAAW,kBAAkB;IACjC,8DAA8D;IAC9D,QAAQ,EAAE,MAAM,CAAC;IACjB,wDAAwD;IACxD,IAAI,EAAE,MAAM,CAAC;IACb,sCAAsC;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,uCAAuC;IACvC,MAAM,EAAE,MAAM,CAAC;IACf,8CAA8C;IAC9C,QAAQ,EAAE,MAAM,CAAC;IACjB,4EAA4E;IAC5E,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,MAAM,CAAC;CACvD;AAED,eAAO,MAAM,yBAAyB,EAAE,kBAOvC,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;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,qEAAqE;IACrE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,6EAA6E;IAC7E,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,sEAAsE;IACtE,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,iFAAiF;IACjF,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,CAAC;IACrC,gFAAgF;IAChF,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;GAKG;AACH,eAAO,MAAM,YAAY,8GAuKvB,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;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"}

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

@@ -2,160 +2,189 @@
 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 r, cardTitleClasses as ee } from "../../molecules/Card/cardStyles.js";
-import { Card as i } from "../../molecules/Card/Card.js";
-import { useChatDockWide as a } from "./chatDockViewport.js";
-import { chatDockGateCardClasses as o, chatDockGateClasses as s, chatDockGateFooterActionsClasses as c, chatDockGateOccupantClasses as l, chatDockGateProgressClasses as u, chatDockGateStepClasses as te } from "./chatDockGateStyles.js";
-import { forwardRef as d, useContext as f, useId as p, useLayoutEffect as m, useRef as h, useState as g } from "react";
-import { ChevronLeft as _, ChevronRight as v, X as y } from "lucide-react";
-import { Fragment as b, jsx as x, jsxs as S } from "react/jsx-runtime";
-import { AnimatePresence as C, MotionConfigContext as w, motion as T, useReducedMotion as ne } from "motion/react";
+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";
 //#region src/components/organisms/ChatDock/ChatDockGate.tsx
-var E = {
+var k = {
 	previous: "Previous step",
 	next: "Next step",
 	close: "Close",
 	cancel: "Cancel",
 	continue: "Next",
+	pending: "Sending…",
 	progress: (e, t) => `${e} of ${t}`
-}, D = d(function({ title: d, subtitle: D, step: O, stepCount: k, onPrevious: A, onNext: j, canContinue: M = !0, onClose: N, footerStart: P, continueLabel: F, labels: I, children: L }, R) {
-	let z = {
-		...E,
-		...I
-	}, B = p(), V = p(), H = a(), { reducedMotion: U } = f(w), W = ne() === !0 || U === "always", [G, K] = g(O), [q, J] = g(1);
-	O !== G && (J(O > G ? 1 : -1), K(O));
-	let Y = h(null), X = h(null), [re, ie] = g(null);
-	m(() => {
-		let e = X.current;
-		if (e == null || typeof ResizeObserver > "u") return;
-		let t = new ResizeObserver(() => ie(e.offsetHeight));
-		return t.observe(e), () => {
-			t.disconnect();
-		};
-	}, []);
-	let Z = e("fast"), ae = e("medium"), Q = W ? 0 : 16, oe = {
+}, 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 = {
 		enter: (e) => ({
 			opacity: 0,
-			x: e * Q
+			x: e * Z
 		}),
 		center: {
 			opacity: 1,
 			x: 0,
-			transition: Z
+			transition: X
 		},
 		exit: (e) => ({
 			opacity: 0,
-			x: -e * Q,
-			transition: Z
+			x: -e * Z,
+			transition: X
 		})
-	}, $ = H ? "sm" : "md", se = j != null && M;
-	function ce(e) {
-		e.key !== "Escape" || e.defaultPrevented || (e.preventDefault(), N());
+	}, $ = 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());
 	}
-	return /* @__PURE__ */ x("div", {
+	return /* @__PURE__ */ w("div", {
 		ref: (e) => {
-			Y.current = e, typeof R == "function" ? R(e) : R != null && (R.current = e);
+			Y.current = e, typeof H == "function" ? H(e) : H != null && (H.current = e);
 		},
-		className: s,
+		className: f,
 		role: "group",
-		"aria-labelledby": B,
-		"aria-describedby": D == null ? void 0 : V,
+		"aria-labelledby": W,
+		"aria-describedby": A == null ? void 0 : G,
+		"aria-busy": z || void 0,
 		tabIndex: -1,
 		"data-chat-dock-gate-focus": "",
-		"data-step": O,
-		onKeyDown: ce,
-		children: /* @__PURE__ */ S(i, {
+		"data-step": j,
+		onKeyDown: _e,
+		children: /* @__PURE__ */ T(r, {
 			as: "section",
-			shape: "rounded",
+			shape: "flush",
 			padding: "none",
-			variant: "surface",
-			className: o,
+			variant: "ghost",
+			headerless: !1,
+			bodyTerminal: !1,
+			className: d,
 			children: [
-				/* @__PURE__ */ x(i.Header, {
-					start: /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x("h2", {
-						id: B,
-						className: ee,
-						children: d
-					}), D == null ? null : /* @__PURE__ */ x("p", {
-						id: V,
-						className: r,
-						children: D
-					})] }),
-					end: /* @__PURE__ */ S(b, { children: [
-						/* @__PURE__ */ x(n, {
-							size: $,
-							icon: /* @__PURE__ */ x(_, {}),
-							"aria-label": z.previous,
-							disabled: O <= 1,
-							onClick: A
-						}),
-						/* @__PURE__ */ x("span", {
-							className: u,
-							"aria-live": "polite",
-							children: z.progress(O, k)
+				/* @__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"
+					})]
+				}),
+				/* @__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,
+					children: [
+						/* @__PURE__ */ w("hr", {
+							className: ne,
+							"aria-hidden": "true"
 						}),
-						/* @__PURE__ */ x(n, {
-							size: $,
-							icon: /* @__PURE__ */ x(v, {}),
-							"aria-label": z.next,
-							disabled: !se,
-							onClick: j
+						/* @__PURE__ */ w("div", {
+							role: "status",
+							children: z ? /* @__PURE__ */ w("p", {
+								className: v,
+								children: U.pending
+							}) : null
 						}),
-						/* @__PURE__ */ x(n, {
-							size: $,
-							icon: /* @__PURE__ */ x(y, {}),
-							"aria-label": z.close,
-							onClick: N
+						!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__ */ x(i.Body, { children: /* @__PURE__ */ x(T.div, {
-					className: te,
-					initial: !1,
-					animate: { height: re ?? "auto" },
-					transition: W ? { duration: 0 } : ae,
-					children: /* @__PURE__ */ x("div", {
-						ref: X,
-						children: /* @__PURE__ */ x(C, {
-							mode: "wait",
-							initial: !1,
-							custom: q,
-							onExitComplete: () => {
-								let e = Y.current;
-								e != null && !e.contains(document.activeElement) && e.focus({ preventScroll: !0 });
-							},
-							children: /* @__PURE__ */ x(T.div, {
-								className: l,
-								custom: q,
-								variants: oe,
-								initial: "enter",
-								animate: "center",
-								exit: "exit",
-								children: L
-							}, O)
-						})
-					})
-				}) }),
-				/* @__PURE__ */ S(i.Footer, { children: [P, /* @__PURE__ */ S("div", {
-					className: c,
-					children: [/* @__PURE__ */ x(t, {
-						role: "secondary",
-						size: $,
-						type: "button",
-						onClick: N,
-						children: z.cancel
-					}), j == null ? null : /* @__PURE__ */ x(t, {
-						role: "primary",
-						size: $,
-						type: "button",
-						disabled: !M,
-						onClick: j,
-						children: F ?? z.continue
-					})]
-				})] })
+					]
+				})
 			]
 		})
 	});
 });
 //#endregion
-export { D as ChatDockGate, E as chatDockGateDefaultLabels };
+export { A as ChatDockGate, k as chatDockGateDefaultLabels };

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

@@ -0,0 +1,11 @@
+/** What **ChatDock** hands the gate in its window. */
+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;
+}
+export declare const ChatDockGateContext: import("react").Context<ChatDockGateContextValue | null>;
+/** The window the gate fills, or `null` outside **ChatDock**. */
+export declare function useChatDockGateWindow(): ChatDockGateContextValue | null;
+//# sourceMappingURL=chatDockGateContext.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,9 @@
+"use client";
+import { createContext as e, useContext as t } from "react";
+//#region src/components/organisms/ChatDock/chatDockGateContext.ts
+var n = e(null);
+function r() {
+	return t(n);
+}
+//#endregion
+export { n as ChatDockGateContext, r as useChatDockGateWindow };

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

@@ -1,16 +1,21 @@
-/**
- * The gate — focusable (ChatDock moves focus here) and capped at the height ChatDock allows
- * (`--chat-dock-gate-max`, measured so the latest reply above stays in view).
- */
-export declare const chatDockGateClasses = "flex max-h-[var(--chat-dock-gate-max,28rem)] min-h-0 flex-col outline-none";
-/** The Card shell shrinks to the cap, so its body scrolls instead of the gate growing. */
-export declare const chatDockGateCardClasses = "min-h-0";
-/** Clips the body while it eases to the next step's height; never shrinks, so a tall step scrolls the body. */
-export declare const chatDockGateStepClasses = "shrink-0 overflow-hidden";
-/** One step on the body occupant — the inset well, as in **Card** layout bodies. */
+/** 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;
 /** "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";
 /** 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. */
+export declare const chatDockGatePendingClasses: string;
+/** The step's action failed — error caption over the actions. */
+export declare const chatDockGateErrorClasses: string;
 //# sourceMappingURL=chatDockGateStyles.d.ts.map

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":"AAOA;;;GAGG;AACH,eAAO,MAAM,mBAAmB,+EAA+E,CAAC;AAEhH,0FAA0F;AAC1F,eAAO,MAAM,uBAAuB,YAAY,CAAC;AAEjD,+GAA+G;AAC/G,eAAO,MAAM,uBAAuB,6BAA6B,CAAC;AAElE,oFAAoF;AACpF,eAAO,MAAM,2BAA2B,QAIvC,CAAC;AAEF,4CAA4C;AAC5C,eAAO,MAAM,2BAA2B,QAAiE,CAAC;AAE1G,+DAA+D;AAC/D,eAAO,MAAM,gCAAgC,oCAAoC,CAAC"}
+{"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"}

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

@@ -1,8 +1,8 @@
 "use client";
 import { cn as e } from "../../../lib/cn.js";
 import { typographyClass as t } from "../../../lib/typography.js";
-import { cardLayoutBodyOccupantInsetXClasses as n, cardLayoutBodyOccupantWellClasses as r } from "../../molecules/Card/cardStyles.js";
+import { cardLayoutBodyOccupantInsetXClasses as n, cardLayoutSectionInsetXClasses as r } from "../../molecules/Card/cardStyles.js";
 //#region src/components/organisms/ChatDock/chatDockGateStyles.ts
-var i = "flex max-h-[var(--chat-dock-gate-max,28rem)] min-h-0 flex-col outline-none", a = "min-h-0", o = "shrink-0 overflow-hidden", s = e(r, n, "flex flex-col gap-3 py-3"), c = e(t("caption"), "px-1 text-muted tabular-nums"), l = "ml-auto flex items-center gap-2";
+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");
 //#endregion
-export { a as chatDockGateCardClasses, i as chatDockGateClasses, l as chatDockGateFooterActionsClasses, s as chatDockGateOccupantClasses, c as chatDockGateProgressClasses, o as chatDockGateStepClasses };
+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 };

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

@@ -12,6 +12,10 @@ 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. */
@@ -82,10 +86,12 @@ 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";
-/** One cell for the composer and a gate, so they crossfade in place instead of stacking. */
-export declare const chatDockComposerAreaClasses = "grid";
-/** The composer or the gate, in the shared cell, both from the top. */
-export declare const chatDockComposerLayerClasses = "col-start-1 row-start-1 self-start";
+/** 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,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,4FAA4F;AAC5F,eAAO,MAAM,2BAA2B,SAAS,CAAC;AAElD,uEAAuE;AACvE,eAAO,MAAM,4BAA4B,uCAAuC,CAAC;AAEjF;;;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;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"}

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

@@ -7,15 +7,18 @@ 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 = "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, "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"), g = e(t("body"), "text-fg"), _ = "group/reply flex flex-col gap-1", v = 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")), y = "invisible opacity-0", b = "-ms-3 flex items-center gap-1 md:-ms-2.5", x = e(t("caption"), "text-muted tabular-nums"), S = e(t("body"), "ml-auto max-w-[85%] rounded-[var(--radius-card-body)] bg-brand-tint px-3.5 py-2 text-fg"), C = e(t("caption"), "flex items-center gap-2 text-muted"), w = e(r, "flex shrink-0 flex-col gap-1 border-t border-border pt-3"), T = e(t("body"), "flex min-w-0 items-center gap-3 text-muted"), E = "min-w-0 truncate", D = "-mt-2 flex flex-col", O = "flex min-h-11 md:min-h-9", k = e(r, "flex shrink-0 flex-wrap gap-2"), A = "relative", j = "grid", M = "col-start-1 row-start-1 self-start", N = "flex h-9 items-center overflow-hidden", P = {
+}, 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 = {
 	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")
-}, F = {
+}, L = {
 	fixed: "md:h-4",
 	inline: "h-4"
 };
 //#endregion
-export { g as chatDockAssistantMessageClasses, j as chatDockComposerAreaClasses, A as chatDockComposerClasses, F as chatDockComposerFootSpacerClasses, M as chatDockComposerLayerClasses, P as chatDockDisclaimerClasses, c as chatDockDockClasses, l as chatDockDockHoverClasses, O as chatDockFollowUpRowClasses, k as chatDockFollowUpsComposerClasses, D as chatDockFollowUpsInlineClasses, s as chatDockGridClasses, N as chatDockMarkClasses, d as chatDockPillClasses, u as chatDockPillsClasses, i as chatDockPlacements, v as chatDockReplyActionsClasses, y as chatDockReplyActionsPendingClasses, b as chatDockReplyButtonsClasses, _ as chatDockReplyClasses, x as chatDockReplyMetaClasses, a as chatDockRootClasses, o as chatDockRootRaisedClasses, E as chatDockSuggestionLabelClasses, w as chatDockSuggestionListClasses, T as chatDockSuggestionRowContentClasses, C as chatDockThinkingClasses, h as chatDockThreadClasses, S as chatDockUserMessageClasses, p as chatDockWindowClasses, m as chatDockWindowContentClasses };
+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 };

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

@@ -18,4 +18,10 @@ export declare function chatDockVisibleArea(layoutHeight: number, visual: {
 } | null | undefined): ChatDockVisibleArea;
 /** The visible area while `active` (the phone window is on screen); zero otherwise. */
 export declare function useChatDockVisibleArea(active: boolean): ChatDockVisibleArea;
+/**
+ * Reduced motion, from the reader's setting or `MotionConfig reducedMotion="always"`. The server and
+ * the hydration render read the setting as off, so the closed window's inline style matches the
+ * server's; it switches right after. Closed, the window is hidden, so the switch never shows.
+ */
+export declare function useChatDockReducedMotion(config: string | undefined): boolean;
 //# sourceMappingURL=chatDockViewport.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"chatDockViewport.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/ChatDock/chatDockViewport.ts"],"names":[],"mappings":"AAEA,wGAAwG;AACxG,eAAO,MAAM,iBAAiB,uBAAuB,CAAC;AAEtD,2GAA2G;AAC3G,wBAAgB,yBAAyB,CAAC,QAAQ,EAAE,MAAM,IAAI,GAAG,MAAM,IAAI,CAa1E;AAMD,2GAA2G;AAC3G,wBAAgB,eAAe,IAAI,OAAO,CAEzC;AAED,yFAAyF;AACzF,MAAM,WAAW,mBAAmB;IAClC,0FAA0F;IAC1F,GAAG,EAAE,MAAM,CAAC;IACZ,sCAAsC;IACtC,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,gFAAgF;AAChF,wBAAgB,mBAAmB,CACjC,YAAY,EAAE,MAAM,EACpB,MAAM,EAAE;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,MAAM,CAAA;CAAE,GAAG,IAAI,GAAG,SAAS,GAC/D,mBAAmB,CAKrB;AAOD,uFAAuF;AACvF,wBAAgB,sBAAsB,CAAC,MAAM,EAAE,OAAO,GAAG,mBAAmB,CAK3E"}
+{"version":3,"file":"chatDockViewport.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/ChatDock/chatDockViewport.ts"],"names":[],"mappings":"AAEA,wGAAwG;AACxG,eAAO,MAAM,iBAAiB,uBAAuB,CAAC;AAEtD,2GAA2G;AAC3G,wBAAgB,yBAAyB,CAAC,QAAQ,EAAE,MAAM,IAAI,GAAG,MAAM,IAAI,CAa1E;AAMD,2GAA2G;AAC3G,wBAAgB,eAAe,IAAI,OAAO,CAEzC;AAED,yFAAyF;AACzF,MAAM,WAAW,mBAAmB;IAClC,0FAA0F;IAC1F,GAAG,EAAE,MAAM,CAAC;IACZ,sCAAsC;IACtC,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,gFAAgF;AAChF,wBAAgB,mBAAmB,CACjC,YAAY,EAAE,MAAM,EACpB,MAAM,EAAE;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,MAAM,CAAA;CAAE,GAAG,IAAI,GAAG,SAAS,GAC/D,mBAAmB,CAKrB;AAOD,uFAAuF;AACvF,wBAAgB,sBAAsB,CAAC,MAAM,EAAE,OAAO,GAAG,mBAAmB,CAK3E;AAeD;;;;GAIG;AACH,wBAAgB,wBAAwB,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,CAG5E"}

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

@@ -42,5 +42,18 @@ function s(t) {
 		bottom: a ?? 0
 	};
 }
+var c = "(prefers-reduced-motion: reduce)";
+function l(e) {
+	if (typeof window.matchMedia != "function") return () => void 0;
+	let t = window.matchMedia(c);
+	return t.addEventListener("change", e), () => t.removeEventListener("change", e);
+}
+function u() {
+	return typeof window.matchMedia == "function" && window.matchMedia(c).matches;
+}
+function d(t) {
+	let n = e(l, u, () => !1);
+	return t === "always" || t !== "never" && n;
+}
 //#endregion
-export { a as chatDockVisibleArea, t as chatDockWideQuery, n as subscribeChatDockViewport, s as useChatDockVisibleArea, i as useChatDockWide };
+export { a as chatDockVisibleArea, t as chatDockWideQuery, n as subscribeChatDockViewport, d as useChatDockReducedMotion, s as useChatDockVisibleArea, i as useChatDockWide };