@thewhatmatters/wmds 0.4.0 → 0.4.2

package/dist/components/molecules/IndexList/IndexList.js

@@ -0,0 +1,96 @@
+"use client";
+import { cn as e } from "../../../lib/cn.js";
+import { IconButton as t } from "../../atoms/IconButton/IconButton.js";
+import { TextLink as n } from "../../atoms/TextLink/TextLink.js";
+import { indexListCaptionsClasses as r, indexListChevronClasses as i, indexListEmptyClasses as a, indexListItemClasses as o, indexListListClasses as s, indexListMetaClasses as c, indexListPanelClasses as l, indexListPanelContentClasses as u, indexListPanelInnerClasses as d, indexListRootClasses as f, indexListSizes as p, indexListTitleCellClasses as m, indexListTitleClasses as h, indexListTitleElements as g, indexListTitleSizeClasses as _, indexListToggleAlignClasses as v } from "./indexListStyles.js";
+import { Children as y, createContext as b, useContext as x, useId as S, useMemo as C, useState as w } from "react";
+import { ChevronDown as T } from "lucide-react";
+import { jsx as E, jsxs as D } from "react/jsx-runtime";
+//#region src/components/molecules/IndexList/IndexList.tsx
+var O = b({
+	size: "lg",
+	titleAs: "h2"
+});
+function k({ captions: t, size: n = "lg", titleAs: i = "h2", empty: o, "aria-label": c, "aria-labelledby": l, children: u, className: d }) {
+	let p = y.toArray(u).length > 0, m = C(() => ({
+		size: n,
+		titleAs: i
+	}), [n, i]);
+	return /* @__PURE__ */ E(O.Provider, {
+		value: m,
+		children: /* @__PURE__ */ D("div", {
+			className: e(f, d),
+			"data-size": n,
+			children: [p && t != null ? /* @__PURE__ */ D("div", {
+				className: r,
+				"aria-hidden": "true",
+				"data-index-list-captions": "",
+				children: [/* @__PURE__ */ D("span", { children: ["/ ", t.meta] }), /* @__PURE__ */ D("span", {
+					className: "@lg:col-start-2",
+					children: ["/ ", t.title]
+				})]
+			}) : null, p ? /* @__PURE__ */ E("ul", {
+				role: "list",
+				"aria-label": c,
+				"aria-labelledby": l,
+				className: e(s, t != null && "@lg:border-t-0"),
+				children: u
+			}) : o == null ? null : /* @__PURE__ */ E("div", {
+				className: a,
+				"data-index-list-empty": "",
+				children: o
+			})]
+		})
+	});
+}
+function A({ title: r, href: a, meta: s, preview: f, defaultOpen: p = !1, open: g, onOpenChange: y, previewLabel: b, className: C }) {
+	let { size: k, titleAs: A } = x(O), j = S(), [M, N] = w(p), P = g !== void 0, F = P ? g : M, I = f != null;
+	function L() {
+		let e = !F;
+		P || N(e), y?.(e);
+	}
+	return /* @__PURE__ */ D("li", {
+		className: e(o, C),
+		children: [
+			s == null ? null : /* @__PURE__ */ E("div", {
+				className: c,
+				children: s
+			}),
+			/* @__PURE__ */ D("div", {
+				className: m,
+				children: [/* @__PURE__ */ E(A, {
+					className: e(h, _[k]),
+					children: /* @__PURE__ */ E(n, {
+						variant: "quiet",
+						href: a,
+						children: r
+					})
+				}), I ? /* @__PURE__ */ E(t, {
+					size: "md",
+					className: v[k],
+					icon: /* @__PURE__ */ E(T, { className: e(i, F && "rotate-180") }),
+					"aria-label": b ?? `Preview: ${r}`,
+					title: "",
+					"aria-expanded": F,
+					"aria-controls": j,
+					onClick: L
+				}) : null]
+			}),
+			I ? /* @__PURE__ */ E("div", {
+				className: e("motion-collapse", l),
+				"data-visible": F ? "true" : "false",
+				children: /* @__PURE__ */ E("div", {
+					id: j,
+					className: d,
+					children: /* @__PURE__ */ E("div", {
+						className: u,
+						children: f
+					})
+				})
+			}) : null
+		]
+	});
+}
+var j = Object.assign(k, { Item: A });
+//#endregion
+export { j as IndexList, p as indexListSizes, g as indexListTitleElements };

package/dist/components/molecules/IndexList/indexListStyles.d.ts

@@ -0,0 +1,29 @@
+export declare const indexListSizes: readonly ["lg", "md", "sm"];
+/** Title scale — `lg` type-display-3, `md` type-heading-1, `sm` type-heading-3. */
+export type IndexListSize = (typeof indexListSizes)[number];
+export declare const indexListTitleElements: readonly ["h2", "h3", "h4"];
+export type IndexListTitleElement = (typeof indexListTitleElements)[number];
+export declare const indexListRootClasses = "@container flex w-full min-w-0 flex-col";
+/** Column captions — hidden below 32rem, where the rows are one column. */
+export declare const indexListCaptionsClasses: string;
+export declare const indexListListClasses = "m-0 list-none p-0 border-t border-border";
+/** With captions, their rule is the list's top rule — until they hide in one column. */
+export declare const indexListListCaptionedClasses = "@lg:border-t-0";
+/** One row: meta over the title in one column; meta beside it on two tracks, on the title's first baseline. */
+export declare const indexListItemClasses: string;
+export declare const indexListMetaClasses: string;
+/** Title cell — the linked title, then the preview control at the row's end. */
+export declare const indexListTitleCellClasses = "flex min-w-0 items-start gap-3 @lg:col-start-2";
+export declare const indexListTitleSizeClasses: Record<IndexListSize, string>;
+export declare const indexListTitleClasses = "min-w-0 flex-1 text-pretty text-fg";
+/** Centers the 44px preview control on the title's first line, at each size. */
+export declare const indexListToggleAlignClasses: Record<IndexListSize, string>;
+export declare const indexListChevronClasses: string;
+export declare const indexListChevronOpenClasses = "rotate-180";
+/** The preview panel sits under the title, in the title column. */
+export declare const indexListPanelClasses = "@lg:col-start-2";
+export declare const indexListPanelInnerClasses = "overflow-hidden";
+export declare const indexListPanelContentClasses: string;
+/** Empty state — between the same rules as the rows. */
+export declare const indexListEmptyClasses = "border-y border-border py-8";
+//# sourceMappingURL=indexListStyles.d.ts.map

package/dist/components/molecules/IndexList/indexListStyles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"indexListStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/IndexList/indexListStyles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,cAAc,6BAA8B,CAAC;AAE1D,mFAAmF;AACnF,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC;AAE5D,eAAO,MAAM,sBAAsB,6BAA8B,CAAC;AAElE,MAAM,MAAM,qBAAqB,GAAG,CAAC,OAAO,sBAAsB,CAAC,CAAC,MAAM,CAAC,CAAC;AAU5E,eAAO,MAAM,oBAAoB,4CAA4C,CAAC;AAE9E,2EAA2E;AAC3E,eAAO,MAAM,wBAAwB,QAIpC,CAAC;AAEF,eAAO,MAAM,oBAAoB,6CAA6C,CAAC;AAE/E,wFAAwF;AACxF,eAAO,MAAM,6BAA6B,mBAAmB,CAAC;AAE9D,+GAA+G;AAC/G,eAAO,MAAM,oBAAoB,QAGhC,CAAC;AAEF,eAAO,MAAM,oBAAoB,QAA+D,CAAC;AAEjG,gFAAgF;AAChF,eAAO,MAAM,yBAAyB,mDAAmD,CAAC;AAE1F,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAAC,aAAa,EAAE,MAAM,CAInE,CAAC;AAEF,eAAO,MAAM,qBAAqB,uCAAuC,CAAC;AAE1E,gFAAgF;AAChF,eAAO,MAAM,2BAA2B,EAAE,MAAM,CAAC,aAAa,EAAE,MAAM,CAIrE,CAAC;AAEF,eAAO,MAAM,uBAAuB,QAAyD,CAAC;AAE9F,eAAO,MAAM,2BAA2B,eAAe,CAAC;AAExD,mEAAmE;AACnE,eAAO,MAAM,qBAAqB,oBAAoB,CAAC;AAEvD,eAAO,MAAM,0BAA0B,oBAAoB,CAAC;AAE5D,eAAO,MAAM,4BAA4B,QAA4D,CAAC;AAEtG,wDAAwD;AACxD,eAAO,MAAM,qBAAqB,gCAAgC,CAAC"}

package/dist/components/molecules/IndexList/indexListStyles.js

@@ -0,0 +1,24 @@
+"use client";
+import { cn as e } from "../../../lib/cn.js";
+import { typographyClass as t } from "../../../lib/typography.js";
+import { motionTransition as n } from "../../../lib/motion.js";
+//#region src/components/molecules/IndexList/indexListStyles.ts
+var r = [
+	"lg",
+	"md",
+	"sm"
+], i = [
+	"h2",
+	"h3",
+	"h4"
+], a = "@lg:grid @lg:grid-cols-[7.5rem_minmax(0,1fr)] @lg:gap-x-[var(--grid-column-gap,1.5rem)]", o = "@container flex w-full min-w-0 flex-col", s = e("@max-lg:hidden border-b border-border-emphasized pb-3 text-muted", a, t("eyebrow")), c = "m-0 list-none p-0 border-t border-border", l = "@lg:border-t-0", u = e("flex flex-col border-b border-border py-4 @lg:items-baseline", a), d = e(t("caption"), "mb-1 tabular-nums @lg:mb-0"), f = "flex min-w-0 items-start gap-3 @lg:col-start-2", p = {
+	lg: "type-display-3",
+	md: "type-heading-1",
+	sm: "type-heading-3"
+}, m = "min-w-0 flex-1 text-pretty text-fg", h = {
+	lg: "mt-[calc((var(--text-display-3-size)*var(--text-display-3-leading)-2.75rem)/2)]",
+	md: "mt-[calc((var(--text-heading-1-size)*var(--text-heading-1-leading)-2.75rem)/2)]",
+	sm: "mt-[calc((var(--text-heading-3-size)*var(--text-heading-3-leading)-2.75rem)/2)]"
+}, g = e("transition-transform", n("medium")), _ = "rotate-180", v = "@lg:col-start-2", y = "overflow-hidden", b = e(t("body"), "text-muted pt-2 pb-1 pr-14"), x = "border-y border-border py-8";
+//#endregion
+export { s as indexListCaptionsClasses, g as indexListChevronClasses, _ as indexListChevronOpenClasses, x as indexListEmptyClasses, u as indexListItemClasses, l as indexListListCaptionedClasses, c as indexListListClasses, d as indexListMetaClasses, v as indexListPanelClasses, b as indexListPanelContentClasses, y as indexListPanelInnerClasses, o as indexListRootClasses, r as indexListSizes, f as indexListTitleCellClasses, m as indexListTitleClasses, i as indexListTitleElements, p as indexListTitleSizeClasses, h as indexListToggleAlignClasses };

package/dist/components/molecules/PromptBar/promptBarStyles.d.ts

@@ -15,9 +15,10 @@ export declare const promptBarShellStartPadClasses: {
 };
 /**
  * Leading slot — a brand mark or avatar at the send circle's size (2.25rem), pinned to the
- * last line like the send control.
+ * last line like the send control. Its width is the content's, so a caller can fold the mark
+ * away: at zero width the field starts 1.25rem in, the same as without a slot.
  */
-export declare const promptBarStartSlotClasses = "mr-1 flex size-9 shrink-0 items-center justify-center";
+export declare const promptBarStartSlotClasses = "mr-1 flex h-9 shrink-0 items-center justify-center";
 /** Trailing slot — extra inset controls (for example a mic **IconButton** `sm`) before send. */
 export declare const promptBarEndSlotClasses = "flex shrink-0 items-end gap-2";
 /**

package/dist/components/molecules/PromptBar/promptBarStyles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"promptBarStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/PromptBar/promptBarStyles.ts"],"names":[],"mappings":"AAEA;;;;;GAKG;AACH,eAAO,MAAM,qBAAqB,QAGN,CAAC;AAE7B;;;GAGG;AACH,eAAO,MAAM,6BAA6B;;;CAGhC,CAAC;AAEX;;;GAGG;AACH,eAAO,MAAM,yBAAyB,0DAA0D,CAAC;AAEjG,gGAAgG;AAChG,eAAO,MAAM,uBAAuB,kCAAkC,CAAC;AAEvE;;;GAGG;AACH,eAAO,MAAM,qBAAqB,QAEf,CAAC;AAEpB;;GAEG;AACH,eAAO,MAAM,oBAAoB,kFACgD,CAAC;AAElF,0DAA0D;AAC1D,eAAO,MAAM,yBAAyB,8DAA8D,CAAC;AAErG;;;GAGG;AACH,eAAO,MAAM,yBAAyB,qDAAqD,CAAC"}
+{"version":3,"file":"promptBarStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/PromptBar/promptBarStyles.ts"],"names":[],"mappings":"AAEA;;;;;GAKG;AACH,eAAO,MAAM,qBAAqB,QAGN,CAAC;AAE7B;;;GAGG;AACH,eAAO,MAAM,6BAA6B;;;CAGhC,CAAC;AAEX;;;;GAIG;AACH,eAAO,MAAM,yBAAyB,uDAAuD,CAAC;AAE9F,gGAAgG;AAChG,eAAO,MAAM,uBAAuB,kCAAkC,CAAC;AAEvE;;;GAGG;AACH,eAAO,MAAM,qBAAqB,QAEf,CAAC;AAEpB;;GAEG;AACH,eAAO,MAAM,oBAAoB,kFACgD,CAAC;AAElF,0DAA0D;AAC1D,eAAO,MAAM,yBAAyB,8DAA8D,CAAC;AAErG;;;GAGG;AACH,eAAO,MAAM,yBAAyB,qDAAqD,CAAC"}

package/dist/components/molecules/PromptBar/promptBarStyles.js

@@ -4,6 +4,6 @@ import { focusRingTransitionClasses as e } from "../../../lib/motion.js";
 var t = "flex w-full items-end gap-2 rounded-[1.625rem] border border-border-control bg-surface p-2 focus-within:outline-none focus-within:ring-2 focus-within:ring-inset focus-within:ring-focus-ring " + e, n = {
 	field: "pl-5",
 	slot: "pl-2"
-}, r = "mr-1 flex size-9 shrink-0 items-center justify-center", i = "flex shrink-0 items-end gap-2", a = "min-h-9 min-w-0 flex-1 overflow-y-auto py-2 type-body [field-sizing:content] max-h-[4.75rem]", o = "focus-visible:!ring-0 focus-visible:!ring-offset-0 focus-visible:!shadow-none", s = "!bg-brand !text-on-brand hover:!bg-brand active:!bg-brand", c = "!bg-neutral !text-disabled disabled:!opacity-100";
+}, r = "mr-1 flex h-9 shrink-0 items-center justify-center", i = "flex shrink-0 items-end gap-2", a = "min-h-9 min-w-0 flex-1 overflow-y-auto py-2 type-body [field-sizing:content] max-h-[4.75rem]", o = "focus-visible:!ring-0 focus-visible:!ring-offset-0 focus-visible:!shadow-none", s = "!bg-brand !text-on-brand hover:!bg-brand active:!bg-brand", c = "!bg-neutral !text-disabled disabled:!opacity-100";
 //#endregion
 export { i as promptBarEndSlotClasses, a as promptBarFieldClasses, o as promptBarSendClasses, c as promptBarSendMutedClasses, s as promptBarSendReadyClasses, t as promptBarShellClasses, n as promptBarShellStartPadClasses, r as promptBarStartSlotClasses };

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

@@ -1,6 +1,7 @@
 import { type ReactElement, type ReactNode } from "react";
 import { type ChatDockPlacement } from "./chatDockStyles";
 export { chatDockPlacements, type ChatDockPlacement } from "./chatDockStyles";
+export { ChatDockGate, chatDockGateDefaultLabels, type ChatDockGateLabels, type ChatDockGateProps, } from "./ChatDockGate";
 /** Layout-only — margin and placement. Not for colors or type. */
 export type ChatDockLayoutClassName = string;
 export interface ChatDockSuggestion {
@@ -15,11 +16,30 @@ export interface ChatDockSuggestion {
      */
     prompt?: string;
 }
+/** The visitor's vote on a reply. `null` is no vote. */
+export type ChatDockFeedback = "up" | "down" | null;
+/** A short note under a reply — for example how sure the assistant was of its match. */
+export interface ChatDockMessageMeta {
+    /** The note itself, short — for example "Match 99%". */
+    label: string;
+    /** What the note means, for screen readers — for example "How sure the assistant is that it matched your question." */
+    description?: string;
+}
 export interface ChatDockMessage {
     id: string;
     role: "user" | "assistant";
     /** Text, or Markdown the app has already rendered. ChatDock does not parse Markdown. */
     content: ReactNode;
+    /** Replies only: the text **Copy** writes to the clipboard. Shows Copy under the reply. */
+    copyText?: string;
+    /** Replies only: a short muted note under the reply, such as the match score. */
+    meta?: ChatDockMessageMeta;
+    /**
+     * Replies only: the visitor's vote — `null` until they vote. The thumbs show on replies that carry
+     * it, when `onMessageFeedback` is passed. Leave it out on replies that take no vote, such as a
+     * summary of a form.
+     */
+    feedback?: ChatDockFeedback;
 }
 export interface ChatDockLabels {
     /** Close control. Default: "Close chat". */
@@ -30,12 +50,28 @@ export interface ChatDockLabels {
     conversation: string;
     /** Accessible name for the suggestion groups. Default: "Suggested questions". */
     suggestions: string;
+    /** Accessible name for the follow-ups under the latest reply. Default: "Suggested follow-ups". */
+    followUps: string;
     /** Accessible name for the field. Default: "Ask anything". */
     field: string;
     /** Send control. Default: "Send". */
     send: string;
+    /** Copy under a reply. Default: "Copy reply". */
+    copy: string;
+    /** Copy, once the reply is on the clipboard; also announced. Default: "Copied". */
+    copied: string;
+    /** Thumbs up under a reply. Default: "Mark this reply helpful". */
+    helpful: string;
+    /** Thumbs down under a reply. Default: "Mark this reply not helpful". */
+    notHelpful: string;
 }
 export declare const chatDockDefaultLabels: ChatDockLabels;
+export declare const chatDockFollowUpsPlacements: readonly ["inline", "composer"];
+/**
+ * `inline` — rows in the conversation, directly under the reply they belong to.
+ * `composer` — pills pinned between the conversation and the composer.
+ */
+export type ChatDockFollowUpsPlacement = (typeof chatDockFollowUpsPlacements)[number];
 export interface ChatDockProps {
     /** Window title — usually the product or brand name. */
     title: string;
@@ -56,8 +92,32 @@ export interface ChatDockProps {
     suggestions?: ChatDockSuggestion[];
     /** Receives the visitor's message — typed, or a suggestion's `prompt`. */
     onSend: (prompt: string) => void;
-    /** Every suggestion choice, including actions without a `prompt`. */
+    /** Every suggestion and follow-up choice, including actions without a `prompt`. */
     onSuggestionSelect?: (suggestion: ChatDockSuggestion) => void;
+    /**
+     * Follow-ups for the latest reply — one to three short items, the same shape and handlers as
+     * `suggestions`. Their `icon` is not shown: inline rows all lead with a corner-down-right arrow,
+     * and pills above the composer are text only. They show while the last message is an assistant
+     * reply and `thinking` is off, and disappear the moment the visitor sends. The app decides which
+     * replies get follow-ups and replaces or clears them with each reply.
+     */
+    followUps?: ChatDockSuggestion[];
+    /** Where follow-ups sit. Default: `inline`. */
+    followUpsPlacement?: ChatDockFollowUpsPlacement;
+    /**
+     * The visitor voted on a reply, or cleared their vote (`null`). Pass it to show thumbs up and down
+     * under finished replies that carry `feedback`; the app stores the vote and passes it back there.
+     */
+    onMessageFeedback?: (message: ChatDockMessage, value: ChatDockFeedback) => void;
+    /**
+     * A form in the composer's place — usually **ChatDock.Gate** with the steps of Start a project.
+     * While it is set and the window is open, it replaces the composer, and the suggestion rows,
+     * follow-ups, and disclaimer step aside; the conversation stays above it. Setting it opens the
+     * window and moves focus into it; clearing it brings the composer back with focus. Escape belongs
+     * to the gate (**ChatDock.Gate** closes on Escape); the window's close still folds the window, and
+     * the gate is there again when it reopens.
+     */
+    gate?: ReactNode;
     /** Controlled open state. */
     open?: boolean;
     defaultOpen?: boolean;
@@ -76,18 +136,68 @@ export declare function chatDockPillSuggestions(suggestions: readonly ChatDockSu
 /** Suggestion rows show until the conversation starts. */
 export declare function chatDockShowsSuggestionRows(suggestions: readonly ChatDockSuggestion[], messages: readonly ChatDockMessage[]): boolean;
 /**
- * Window reveal. Closed, the clip is the resting composer's strip at the bottom of the window
- * (full width, 3.25rem tall, pill radius); open, it is the whole card at the shell radius. Both
- * strings share one shape so Motion can interpolate them. The clip is cleared once open so the
- * card's shadow is not cut off.
+ * Follow-ups belong to the latest reply: it is the last message, no reply is pending, and the
+ * visitor has not sent anything since it arrived (`sentAfterId` is the last message id at send).
+ */
+export declare function chatDockShowsFollowUps({ followUps, messages, thinking, sentAfterId, }: {
+    followUps: readonly ChatDockSuggestion[];
+    messages: readonly ChatDockMessage[];
+    thinking: boolean;
+    sentAfterId: string | null;
+}): boolean;
+/** What shows under a reply. `ready` is false while the reply is still arriving. */
+export interface ChatDockReplyRow {
+    copy: boolean;
+    vote: boolean;
+    meta: boolean;
+    ready: boolean;
+}
+/**
+ * The row under a reply: Copy with `copyText`, the score with `meta`, and the thumbs when the app
+ * takes votes and the reply carries `feedback`. `null` for the visitor's turns and for replies with none of these. The latest reply
+ * is still arriving while `thinking` is on, so its row keeps its place but shows nothing yet.
+ */
+export declare function chatDockReplyRow({ message, isLatest, thinking, takesVotes, }: {
+    message: ChatDockMessage;
+    isLatest: boolean;
+    thinking: boolean;
+    takesVotes: boolean;
+}): ChatDockReplyRow | null;
+/**
+ * Height of the open window where it grows out of the composer, in px: 40rem, or the viewport less
+ * 7rem when that is shorter. Inline specimens are 32rem.
+ */
+export declare function chatDockOpenHeight(placement: ChatDockPlacement, viewportHeight: number, remPx: number): number;
+/**
+ * The tallest a gate may be, in px: the window less its top padding, the header, the conversation
+ * kept in view above the gate (7rem), the gaps between them, and the space under the gate. Never
+ * below 12rem, so a gate stays usable when a phone keyboard leaves little room.
+ */
+export declare function chatDockGateMaxHeight({ windowHeight, headerHeight, bottomInset, remPx, }: {
+    windowHeight: number;
+    headerHeight: number;
+    bottomInset: number;
+    remPx: number;
+}): number;
+/**
+ * How the window moves. `grow` (from `md`, and inline): it sits on the composer's bottom edge and
+ * grows up and out of it. `rise`: on phones it fills the screen and rises from the bottom edge.
+ */
+export type ChatDockWindowMotion = "grow" | "rise";
+/**
+ * Pinned prompt that opens into a chat window. At rest it is a **PromptBar** with the brand
+ * mark; hovering shows suggestion pills above it. Focusing or typing opens a non-modal window
+ * around the same composer — header, conversation, suggestion rows, and an optional disclaimer.
+ * Escape or Close folds it back into the bar. The page behind stays usable.
  */
-export declare const chatDockClosedClip = "inset(calc(100% - 3.25rem) 0rem 0rem 0rem round 1.625rem)";
-export declare const chatDockOpenClip = "inset(calc(0% - 0rem) 0rem 0rem 0rem round 1rem)";
+declare function ChatDockRoot({ title, subtitle, mark, greeting, messages, thinking, suggestions, onSend, onSuggestionSelect, followUps, followUpsPlacement, onMessageFeedback, gate, open: openProp, defaultOpen, onOpenChange, placeholder, disclaimer, labels: labelsProp, placement, className, }: ChatDockProps): import("react").JSX.Element;
 /**
  * Pinned prompt that opens into a chat window. At rest it is a **PromptBar** with the brand
  * mark; hovering shows suggestion pills above it. Focusing or typing opens a non-modal window
- * in its place — header, conversation, suggestion rows, composer, and an optional disclaimer.
- * Escape or Close returns to the resting bar. The page behind stays usable.
+ * around the same composer. **ChatDock.Gate** is the multi-step form a `gate` puts in the
+ * composer's place.
  */
-export declare function ChatDock({ title, subtitle, mark, greeting, messages, thinking, suggestions, onSend, onSuggestionSelect, open: openProp, defaultOpen, onOpenChange, placeholder, disclaimer, labels: labelsProp, placement, className, }: ChatDockProps): import("react").JSX.Element;
+export declare const ChatDock: typeof ChatDockRoot & {
+    Gate: import("react").ForwardRefExoticComponent<import("./ChatDockGate").ChatDockGateProps & import("react").RefAttributes<HTMLDivElement>>;
+};
 //# sourceMappingURL=ChatDock.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ChatDock.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/ChatDock/ChatDock.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ChatDock.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/ChatDock/ChatDock.tsx"],"names":[],"mappings":"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"}