@thewhatmatters/wmds 0.2.0

package/dist/components/molecules/PillGroup/PillGroup.js

@@ -0,0 +1,53 @@
+"use client";
+import { cn as e } from "../../../lib/cn.js";
+import { pillGroupClasses as t, pillGroupIdleClasses as n, pillGroupMutedClasses as r, pillGroupSelectedClasses as i } from "./pillGroupStyles.js";
+import { createContext as a, useContext as o, useId as s } from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region src/components/molecules/PillGroup/PillGroup.tsx
+var u = ["solid", "muted"], d = a(null);
+function f(e) {
+	let t = o(d);
+	if (t == null) throw Error(`${e} must be used inside PillGroup.`);
+	return t;
+}
+function p(e, t) {
+	return e ? i : t === "muted" ? r : n;
+}
+function m({ "aria-label": n, value: r, onValueChange: i, children: a, className: o }) {
+	let l = s();
+	return /* @__PURE__ */ c(d.Provider, {
+		value: {
+			name: l,
+			value: r,
+			onValueChange: i
+		},
+		children: /* @__PURE__ */ c("div", {
+			role: "radiogroup",
+			"aria-label": n,
+			className: e(t, o),
+			children: a
+		})
+	});
+}
+function h({ value: t, children: n, emphasis: r = "solid", className: i }) {
+	let a = f("PillGroup.Item"), o = a.value === t;
+	return /* @__PURE__ */ l("label", {
+		className: "inline-flex",
+		"data-emphasis": r,
+		"data-value": t,
+		children: [/* @__PURE__ */ c("input", {
+			type: "radio",
+			className: "peer sr-only",
+			name: a.name,
+			value: t,
+			checked: o,
+			onChange: () => a.onValueChange(t)
+		}), /* @__PURE__ */ c("span", {
+			className: e(p(o, r), i),
+			children: n
+		})]
+	});
+}
+var g = Object.assign(m, { Item: h });
+//#endregion
+export { g as PillGroup, u as pillGroupEmphases };

package/dist/components/molecules/PillGroup/pillGroupStyles.d.ts

@@ -0,0 +1,13 @@
+/** Wrapping single-select pills. Height is the 44px touch target, not Badge label scale. */
+export declare const pillGroupClasses = "flex flex-wrap gap-2";
+export declare const pillGroupShapeClasses: string;
+/** Idle range pill — Badge neutral solid. */
+export declare const pillGroupIdleClasses: string;
+/**
+ * Softer idle pill — Badge neutral muted (`emphasis="muted"`).
+ * No new Badge emphasis. The muted surface drops the solid pill's raised shadow.
+ */
+export declare const pillGroupMutedClasses: string;
+/** Selected pill — brand navy fill. Owned by PillGroup, not a Badge variant. */
+export declare const pillGroupSelectedClasses: string;
+//# sourceMappingURL=pillGroupStyles.d.ts.map

package/dist/components/molecules/PillGroup/pillGroupStyles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pillGroupStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/PillGroup/pillGroupStyles.ts"],"names":[],"mappings":"AAGA,4FAA4F;AAC5F,eAAO,MAAM,gBAAgB,yBAAyB,CAAC;AAEvD,eAAO,MAAM,qBAAqB,QAIjC,CAAC;AAEF,6CAA6C;AAC7C,eAAO,MAAM,oBAAoB,QAAuD,CAAC;AAEzF;;;GAGG;AACH,eAAO,MAAM,qBAAqB,QAAuD,CAAC;AAE1F,gFAAgF;AAChF,eAAO,MAAM,wBAAwB,QAGpC,CAAC"}

package/dist/components/molecules/PillGroup/pillGroupStyles.js

@@ -0,0 +1,7 @@
+"use client";
+import { cn as e } from "../../../lib/cn.js";
+import { badgeBaseClasses as t, badgeMutedClasses as n, badgeSolidClasses as r } from "../../atoms/Badge/badgeStyles.js";
+//#region src/components/molecules/PillGroup/pillGroupStyles.ts
+var i = "flex flex-wrap gap-2", a = e(t, "min-h-11 cursor-pointer rounded-full px-4", "peer-focus-visible:ring-2 peer-focus-visible:ring-focus-ring peer-focus-visible:ring-offset-2 peer-focus-visible:ring-offset-body"), o = e(a, r.neutral), s = e(a, n.neutral), c = e(a, "border border-transparent bg-brand text-on-brand");
+//#endregion
+export { i as pillGroupClasses, o as pillGroupIdleClasses, s as pillGroupMutedClasses, c as pillGroupSelectedClasses, a as pillGroupShapeClasses };

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

@@ -0,0 +1,33 @@
+import { type TextareaHTMLAttributes } from "react";
+/** Layout-only — width, margin, flex placement. Not for colors. */
+export type PromptBarLayoutClassName = string;
+export declare const promptBarPlaceholder = "Ask anything\u2026";
+export interface PromptBarProps extends Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, "children" | "className" | "defaultValue" | "onChange" | "placeholder" | "rows" | "size" | "value"> {
+    /** Controlled draft. Omit to let PromptBar hold the draft. */
+    value?: string;
+    /** Uncontrolled initial draft. */
+    defaultValue?: string;
+    /** Fires on each edit. */
+    onValueChange?: (value: string) => void;
+    /**
+     * Enter or the send control. Receives the current draft.
+     * Empty and whitespace-only drafts do not send.
+     */
+    onSend?: (value: string) => void;
+    /** Default: "Ask anything…" */
+    placeholder?: string;
+    /** Accessible name for the field. Default: "Ask anything". */
+    "aria-label"?: string;
+    /** Accessible name for the send control. Default: "Send". */
+    sendLabel?: string;
+    disabled?: boolean;
+    className?: PromptBarLayoutClassName;
+}
+/**
+ * Wide prompt pill — inline {@link TextArea} plus an {@link IconButton} send control.
+ * Enter sends. Shift+Enter inserts a newline. The field stays one line until the text wraps,
+ * grows through three lines, then scrolls. The send control is muted until there is text,
+ * then brand navy (`--color-brand`). Voice and attachments are not part of this version.
+ */
+export declare const PromptBar: import("react").ForwardRefExoticComponent<PromptBarProps & import("react").RefAttributes<HTMLTextAreaElement>>;
+//# sourceMappingURL=PromptBar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PromptBar.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/PromptBar/PromptBar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,sBAAsB,EAC5B,MAAM,OAAO,CAAC;AAaf,mEAAmE;AACnE,MAAM,MAAM,wBAAwB,GAAG,MAAM,CAAC;AAE9C,eAAO,MAAM,oBAAoB,uBAAkB,CAAC;AAEpD,MAAM,WAAW,cACf,SAAQ,IAAI,CACV,sBAAsB,CAAC,mBAAmB,CAAC,EAC3C,UAAU,GAAG,WAAW,GAAG,cAAc,GAAG,UAAU,GAAG,aAAa,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CACnG;IACD,8DAA8D;IAC9D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kCAAkC;IAClC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,0BAA0B;IAC1B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC;;;OAGG;IACH,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,+BAA+B;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,8DAA8D;IAC9D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,6DAA6D;IAC7D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,wBAAwB,CAAC;CACtC;AAMD;;;;;GAKG;AACH,eAAO,MAAM,SAAS,gHA2EpB,CAAC"}

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

@@ -0,0 +1,56 @@
+"use client";
+import { cn as e } from "../../../lib/cn.js";
+import { IconButton as t } from "../../atoms/IconButton/IconButton.js";
+import { TextArea as n } from "../../atoms/TextArea/TextArea.js";
+import { promptBarFieldClasses as r, promptBarSendClasses as i, promptBarSendMutedClasses as a, promptBarSendReadyClasses as o, promptBarShellClasses as s } from "./promptBarStyles.js";
+import { forwardRef as c, useState as l } from "react";
+import { ArrowRight as u } from "lucide-react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+//#region src/components/molecules/PromptBar/PromptBar.tsx
+var p = "Ask anything…";
+function m(e) {
+	return e.trim().length > 0;
+}
+var h = c(function({ value: c, defaultValue: h = "", onValueChange: g, onSend: _, placeholder: v = p, "aria-label": y = "Ask anything", sendLabel: b = "Send", disabled: x = !1, className: S, onKeyDown: C, ...w }, T) {
+	let E = c !== void 0, [D, O] = l(h), k = E ? c : D, A = !x && m(k);
+	function j(e) {
+		E || O(e), g?.(e);
+	}
+	function M() {
+		A && (_?.(k), E || O(""));
+	}
+	function N(e) {
+		C?.(e), !e.defaultPrevented && (e.key !== "Enter" || e.shiftKey || e.nativeEvent.isComposing || (e.preventDefault(), M()));
+	}
+	return /* @__PURE__ */ f("div", {
+		className: e(s, S),
+		children: [/* @__PURE__ */ d(n, {
+			...w,
+			ref: T,
+			inline: !0,
+			rows: 1,
+			resize: "none",
+			value: k,
+			placeholder: v,
+			"aria-label": y,
+			disabled: x,
+			className: r,
+			onChange: (e) => {
+				j(e.target.value);
+			},
+			onKeyDown: N
+		}), /* @__PURE__ */ d(t, {
+			type: "button",
+			role: "primary",
+			size: "sm",
+			icon: /* @__PURE__ */ d(u, { strokeWidth: 2 }),
+			"aria-label": b,
+			title: b,
+			disabled: !A,
+			className: e(i, A ? o : a),
+			onClick: M
+		})]
+	});
+});
+//#endregion
+export { h as PromptBar, p as promptBarPlaceholder };

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

@@ -0,0 +1,24 @@
+/**
+ * One-line shell is a pill. IconButton `sm` is 2.25rem and the inset is 0.5rem,
+ * so the outer height is 3.25rem and the radius is half of that (1.625rem).
+ * The radius stays put when the field grows, and the circle keeps the same inset.
+ * The shell owns the single focus ring (inset, so it does not stack a second edge).
+ */
+export declare const promptBarShellClasses: string;
+/**
+ * Empty is one line — min height matches the send circle, with padding that centers that line.
+ * Grows with the text, stops at three lines (`max-h`), then scrolls.
+ */
+export declare const promptBarFieldClasses: string;
+/**
+ * No focus ring on the circle. IconButton's ring-offset would sit on the pill border.
+ */
+export declare const promptBarSendClasses = "focus-visible:!ring-0 focus-visible:!ring-offset-0 focus-visible:!shadow-none";
+/** Enabled send — existing brand navy, not a new blue. */
+export declare const promptBarSendReadyClasses = "!bg-brand !text-on-brand hover:!bg-brand active:!bg-brand";
+/**
+ * Empty send. Neutral fill and disabled ink — muted, not a faded navy.
+ * `disabled:!opacity-100` keeps that pair; IconButton's opacity-50 would wash it out.
+ */
+export declare const promptBarSendMutedClasses = "!bg-neutral !text-disabled disabled:!opacity-100";
+//# sourceMappingURL=promptBarStyles.d.ts.map

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

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

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

package/dist/components/molecules/RadioGroup/RadioGroup.d.ts

@@ -0,0 +1,34 @@
+import { type ReactNode } from "react";
+import type { InputStatus } from "../../atoms/Input/inputShellStyles";
+import { type RadioGroupOrientation, type RadioSize } from "./radioGroupStyles";
+import { RadioGroupItem } from "./RadioGroupItem";
+export { radioGroupOrientations, radioSizes, type RadioGroupOrientation, type RadioSize, } from "./radioGroupStyles";
+export type { RadioGroupItemProps } from "./RadioGroupItem";
+/** Layout-only — width/margin on the field stack. */
+export type RadioGroupLayoutClassName = string;
+export interface RadioGroupProps {
+    /** Group label — rendered as legend / aria-labelledby source. */
+    label?: string;
+    /** Visually hide group label — still available to assistive tech. */
+    labelHidden?: boolean;
+    /** Neutral helper below the group label. */
+    description?: string;
+    /** Selected option value — controlled. */
+    value: string;
+    onValueChange: (value: string) => void;
+    /** Shared `name` for native radio grouping — auto-generated when omitted. */
+    name?: string;
+    orientation?: RadioGroupOrientation;
+    size?: RadioSize;
+    disabled?: boolean;
+    /** Group validation — flat band below items. */
+    status?: InputStatus;
+    message?: string;
+    children: ReactNode;
+    className?: RadioGroupLayoutClassName;
+}
+declare function RadioGroupRoot({ label, labelHidden, description, value, onValueChange, name, orientation, size, disabled, status, message, children, className, }: RadioGroupProps): import("react").JSX.Element;
+export declare const RadioGroup: typeof RadioGroupRoot & {
+    Item: typeof RadioGroupItem;
+};
+//# sourceMappingURL=RadioGroup.d.ts.map

package/dist/components/molecules/RadioGroup/RadioGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/RadioGroup/RadioGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAkB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvD,OAAO,KAAK,EAAa,WAAW,EAAE,MAAM,oCAAoC,CAAC;AACjF,OAAO,EAUL,KAAK,qBAAqB,EAC1B,KAAK,SAAS,EACf,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAGlD,OAAO,EACL,sBAAsB,EACtB,UAAU,EACV,KAAK,qBAAqB,EAC1B,KAAK,SAAS,GACf,MAAM,oBAAoB,CAAC;AAC5B,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAE5D,qDAAqD;AACrD,MAAM,MAAM,yBAAyB,GAAG,MAAM,CAAC;AAE/C,MAAM,WAAW,eAAe;IAC9B,iEAAiE;IACjE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qEAAqE;IACrE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,4CAA4C;IAC5C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,0CAA0C;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,6EAA6E;IAC7E,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,qBAAqB,CAAC;IACpC,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gDAAgD;IAChD,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,yBAAyB,CAAC;CACvC;AAaD,iBAAS,cAAc,CAAC,EACtB,KAAK,EACL,WAAmB,EACnB,WAAW,EACX,KAAK,EACL,aAAa,EACb,IAAI,EACJ,WAAwB,EACxB,IAAW,EACX,QAAgB,EAChB,MAAM,EACN,OAAO,EACP,QAAQ,EACR,SAAS,GACV,EAAE,eAAe,+BA6EjB;AAED,eAAO,MAAM,UAAU;;CAErB,CAAC"}

package/dist/components/molecules/RadioGroup/RadioGroup.js

@@ -0,0 +1,76 @@
+"use client";
+import { cn as e } from "../../../lib/cn.js";
+import { InputStatusBanner as t } from "../../atoms/inputShared/InputStatusBanner.js";
+import { radioStatusBannerClassesFor as n } from "../../atoms/Radio/radioStyles.js";
+import { radioGroupDescriptionClasses as r, radioGroupDescriptionSpacingClasses as i, radioGroupFieldStackClasses as a, radioGroupItemsClasses as o, radioGroupLabelClassesFor as s, radioGroupLegendLabelOnlySpacingClasses as c, radioGroupLegendWithDescriptionSpacingClasses as l, radioGroupMessageTopSpacingClasses as u, radioGroupOrientations as d } from "./radioGroupStyles.js";
+import { RadioGroupProvider as f, useRadioGroupName as p } from "./RadioGroupContext.js";
+import { RadioGroupItem as m } from "./RadioGroupItem.js";
+import { useId as h, useMemo as g } from "react";
+import { jsx as _, jsxs as v } from "react/jsx-runtime";
+//#region src/components/molecules/RadioGroup/RadioGroup.tsx
+var y = {
+	sm: "sm",
+	md: "md"
+};
+function b(e) {
+	e.message != null && e.status == null && console.warn("[WMDS RadioGroup] `message` requires `status`.");
+}
+function x({ label: d, labelHidden: m = !1, description: x, value: S, onValueChange: C, name: w, orientation: T = "vertical", size: E = "md", disabled: D = !1, status: O, message: k, children: A, className: j }) {
+	let M = h(), N = p(w);
+	b({
+		status: O,
+		message: k
+	});
+	let P = d == null ? void 0 : `${M}-legend`, F = x == null ? void 0 : `${M}-description`, I = k != null && O != null ? `${M}-message` : void 0, L = [F, I].filter(Boolean).join(" ") || void 0, R = g(() => ({
+		name: N,
+		value: S,
+		onValueChange: C,
+		disabled: D,
+		size: E
+	}), [
+		N,
+		S,
+		C,
+		D,
+		E
+	]);
+	return /* @__PURE__ */ v("fieldset", {
+		disabled: D,
+		className: e(a, "min-w-0 border-0 p-0", j),
+		children: [
+			d == null ? null : /* @__PURE__ */ _("legend", {
+				id: P,
+				className: e(s(D), m && "sr-only", x == null ? c : l),
+				children: d
+			}),
+			x == null ? null : /* @__PURE__ */ _("p", {
+				id: F,
+				className: e(r, i),
+				children: x
+			}),
+			/* @__PURE__ */ _("div", {
+				role: "radiogroup",
+				"aria-labelledby": P,
+				"aria-describedby": L,
+				"aria-invalid": O === "error" || void 0,
+				"aria-disabled": D || void 0,
+				className: o[T],
+				children: /* @__PURE__ */ _(f, {
+					value: R,
+					children: A
+				})
+			}),
+			k != null && O != null && I != null ? /* @__PURE__ */ _(t, {
+				status: O,
+				message: k,
+				messageId: I,
+				size: y[E],
+				messagePosition: "bottom",
+				bannerClassName: e(n(O), u)
+			}) : null
+		]
+	});
+}
+var S = Object.assign(x, { Item: m });
+//#endregion
+export { S as RadioGroup, d as radioGroupOrientations };

package/dist/components/molecules/RadioGroup/RadioGroupContext.d.ts

@@ -0,0 +1,16 @@
+import { type ReactNode } from "react";
+import type { RadioSize } from "../../atoms/Radio/radioStyles";
+export interface RadioGroupContextValue {
+    name: string;
+    value: string;
+    onValueChange: (value: string) => void;
+    disabled: boolean;
+    size: RadioSize;
+}
+export declare function useRadioGroupContext(): RadioGroupContextValue;
+export declare function RadioGroupProvider({ value, children, }: {
+    value: RadioGroupContextValue;
+    children: ReactNode;
+}): import("react").JSX.Element;
+export declare function useRadioGroupName(fallback?: string): string;
+//# sourceMappingURL=RadioGroupContext.d.ts.map

package/dist/components/molecules/RadioGroup/RadioGroupContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroupContext.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/RadioGroup/RadioGroupContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6C,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAClF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAE/D,MAAM,WAAW,sBAAsB;IACrC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,SAAS,CAAC;CACjB;AAID,wBAAgB,oBAAoB,IAAI,sBAAsB,CAM7D;AAED,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,sBAAsB,CAAC;IAC9B,QAAQ,EAAE,SAAS,CAAC;CACrB,+BAGA;AAED,wBAAgB,iBAAiB,CAAC,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAG3D"}

package/dist/components/molecules/RadioGroup/RadioGroupContext.js

@@ -0,0 +1,23 @@
+"use client";
+import { createContext as e, useContext as t, useId as n, useMemo as r } from "react";
+import { jsx as i } from "react/jsx-runtime";
+//#region src/components/molecules/RadioGroup/RadioGroupContext.tsx
+var a = e(null);
+function o() {
+	let e = t(a);
+	if (e == null) throw Error("[WMDS RadioGroup] Item must be used within RadioGroup.");
+	return e;
+}
+function s({ value: e, children: t }) {
+	let n = r(() => e, [e]);
+	return /* @__PURE__ */ i(a.Provider, {
+		value: n,
+		children: t
+	});
+}
+function c(e) {
+	let t = n();
+	return e ?? t;
+}
+//#endregion
+export { s as RadioGroupProvider, o as useRadioGroupContext, c as useRadioGroupName };

package/dist/components/molecules/RadioGroup/RadioGroupItem.d.ts

@@ -0,0 +1,12 @@
+import { type RadioLayoutClassName } from "../../atoms/Radio/Radio";
+export interface RadioGroupItemProps {
+    /** Stable value for this option. */
+    value: string;
+    label: string;
+    description?: string;
+    disabled?: boolean;
+    className?: RadioLayoutClassName;
+}
+/** One option inside **RadioGroup** — wires `name`, `checked`, and `onChange` from context. */
+export declare function RadioGroupItem({ value, label, description, disabled, className, }: RadioGroupItemProps): import("react").JSX.Element;
+//# sourceMappingURL=RadioGroupItem.d.ts.map

package/dist/components/molecules/RadioGroup/RadioGroupItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroupItem.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/RadioGroup/RadioGroupItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAS,KAAK,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAG3E,MAAM,WAAW,mBAAmB;IAClC,oCAAoC;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,oBAAoB,CAAC;CAClC;AAED,+FAA+F;AAC/F,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,KAAK,EACL,WAAW,EACX,QAAQ,EACR,SAAS,GACV,EAAE,mBAAmB,+BAiBrB"}

package/dist/components/molecules/RadioGroup/RadioGroupItem.js

@@ -0,0 +1,21 @@
+"use client";
+import { Radio as e } from "../../atoms/Radio/Radio.js";
+import { useRadioGroupContext as t } from "./RadioGroupContext.js";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/molecules/RadioGroup/RadioGroupItem.tsx
+function r({ value: r, label: i, description: a, disabled: o, className: s }) {
+	let { name: c, value: l, onValueChange: u, disabled: d, size: f } = t();
+	return /* @__PURE__ */ n(e, {
+		name: c,
+		value: r,
+		label: i,
+		description: a,
+		size: f,
+		checked: l === r,
+		disabled: d || o,
+		onChange: () => u(r),
+		className: s
+	});
+}
+//#endregion
+export { r as RadioGroupItem };

package/dist/components/molecules/RadioGroup/radioGroupStyles.d.ts

@@ -0,0 +1,16 @@
+import { radioSizes, type RadioSize } from "../../atoms/Radio/radioStyles";
+export { radioSizes, type RadioSize };
+export declare const radioGroupOrientations: readonly ["vertical", "horizontal"];
+export type RadioGroupOrientation = (typeof radioGroupOrientations)[number];
+export declare const radioGroupFieldStackClasses = "flex w-full flex-col";
+/** Legend → first item — looser than title/subtitle rhythm inside the header. */
+export declare const radioGroupLegendLabelOnlySpacingClasses = "mb-2";
+export declare const radioGroupLegendWithDescriptionSpacingClasses = "pb-px";
+export declare const radioGroupDescriptionSpacingClasses = "mb-2";
+export declare const radioGroupMessageTopSpacingClasses = "mt-1.5";
+export declare const radioGroupLabelClasses: string;
+export declare const radioGroupDescriptionClasses: string;
+export declare const radioGroupItemsClasses: Record<RadioGroupOrientation, string>;
+export declare function radioGroupLabelClassesFor(disabled?: boolean): string;
+export { radioStatusBannerClassesFor as radioGroupStatusBannerClassesFor } from "../../atoms/Radio/radioStyles";
+//# sourceMappingURL=radioGroupStyles.d.ts.map

package/dist/components/molecules/RadioGroup/radioGroupStyles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radioGroupStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/RadioGroup/radioGroupStyles.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,UAAU,EAAE,KAAK,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAE3E,OAAO,EAAE,UAAU,EAAE,KAAK,SAAS,EAAE,CAAC;AAEtC,eAAO,MAAM,sBAAsB,qCAAsC,CAAC;AAE1E,MAAM,MAAM,qBAAqB,GAAG,CAAC,OAAO,sBAAsB,CAAC,CAAC,MAAM,CAAC,CAAC;AAE5E,eAAO,MAAM,2BAA2B,yBAAyB,CAAC;AAElE,iFAAiF;AACjF,eAAO,MAAM,uCAAuC,SAAS,CAAC;AAE9D,eAAO,MAAM,6CAA6C,UAAU,CAAC;AAErE,eAAO,MAAM,mCAAmC,SAAS,CAAC;AAE1D,eAAO,MAAM,kCAAkC,WAAW,CAAC;AAE3D,eAAO,MAAM,sBAAsB,QAA8B,CAAC;AAElE,eAAO,MAAM,4BAA4B,QAAiD,CAAC;AAE3F,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,qBAAqB,EAAE,MAAM,CAGxE,CAAC;AAEF,wBAAgB,yBAAyB,CAAC,QAAQ,CAAC,EAAE,OAAO,GAAG,MAAM,CAEpE;AAED,OAAO,EAAE,2BAA2B,IAAI,gCAAgC,EAAE,MAAM,+BAA+B,CAAC"}

package/dist/components/molecules/RadioGroup/radioGroupStyles.js

@@ -0,0 +1,15 @@
+"use client";
+import { cn as e } from "../../../lib/cn.js";
+import { typographyClass as t } from "../../../lib/typography.js";
+import "../../atoms/Input/inputShellStyles.js";
+import { radioStatusBannerClassesFor as n } from "../../atoms/Radio/radioStyles.js";
+//#region src/components/molecules/RadioGroup/radioGroupStyles.ts
+var r = ["vertical", "horizontal"], i = "flex w-full flex-col", a = "mb-2", o = "pb-px", s = "mb-2", c = "mt-1.5", l = t("ui-label"), u = e(t("caption"), "leading-snug"), d = {
+	vertical: "flex flex-col gap-2",
+	horizontal: "flex flex-row flex-wrap gap-x-5 gap-y-2"
+};
+function f(t) {
+	return e(l, t && "opacity-50");
+}
+//#endregion
+export { u as radioGroupDescriptionClasses, s as radioGroupDescriptionSpacingClasses, i as radioGroupFieldStackClasses, d as radioGroupItemsClasses, l as radioGroupLabelClasses, f as radioGroupLabelClassesFor, a as radioGroupLegendLabelOnlySpacingClasses, o as radioGroupLegendWithDescriptionSpacingClasses, c as radioGroupMessageTopSpacingClasses, r as radioGroupOrientations, n as radioGroupStatusBannerClassesFor };

package/dist/components/molecules/Search/Search.d.ts

@@ -0,0 +1,24 @@
+import { type InputHTMLAttributes, type ReactElement } from "react";
+import { type ButtonRole } from "../../atoms/Button/Button";
+import { type SearchSize } from "./searchStyles";
+export type { SearchSize } from "./searchStyles";
+export { searchSizes } from "./searchStyles";
+/** Layout-only — width, margin, flex placement. */
+export type SearchLayoutClassName = string;
+export interface SearchProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size"> {
+    size?: SearchSize;
+    /** Trailing inset action — e.g. "Use my location", "GO". */
+    actionLabel: string;
+    onAction?: () => void;
+    actionRole?: ButtonRole;
+    actionDisabled?: boolean;
+    /** Leading Lucide icon on the input. */
+    icon?: ReactElement;
+    className?: SearchLayoutClassName;
+}
+/**
+ * Inline search pill — bare {@link Input} + inset {@link Button} in one shell.
+ * Expanded search row — input + inset action button. Parent owns collapse/expand when morphing.
+ */
+export declare const Search: import("react").ForwardRefExoticComponent<SearchProps & import("react").RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=Search.d.ts.map

package/dist/components/molecules/Search/Search.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Search.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/Search/Search.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,mBAAmB,EAAE,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAEhF,OAAO,EAAU,KAAK,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAEpE,OAAO,EAKL,KAAK,UAAU,EAChB,MAAM,gBAAgB,CAAC;AAExB,YAAY,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,mDAAmD;AACnD,MAAM,MAAM,qBAAqB,GAAG,MAAM,CAAC;AAE3C,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC3D,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,4DAA4D;IAC5D,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,wCAAwC;IACxC,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,SAAS,CAAC,EAAE,qBAAqB,CAAC;CACnC;AAED;;;GAGG;AACH,eAAO,MAAM,MAAM,0GAuCjB,CAAC"}

package/dist/components/molecules/Search/Search.js

@@ -0,0 +1,33 @@
+"use client";
+import { cn as e } from "../../../lib/cn.js";
+import { Button as t } from "../../atoms/Button/Button.js";
+import { Input as n } from "../../atoms/Input/Input.js";
+import { searchButtonSizeClasses as r, searchInlineInputClasses as i, searchInsetButtonClasses as a, searchShellClasses as o, searchSizes as s } from "./searchStyles.js";
+import { forwardRef as c } from "react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+//#region src/components/molecules/Search/Search.tsx
+var d = c(function({ size: s = "md", actionLabel: c, onAction: d, actionRole: f = "primary", actionDisabled: p, icon: m, className: h, disabled: g, ..._ }, v) {
+	let y = r[s];
+	return /* @__PURE__ */ u("div", {
+		className: e(o[s], h),
+		children: [/* @__PURE__ */ l(n, {
+			..._,
+			ref: v,
+			inline: !0,
+			size: "sm",
+			disabled: g,
+			icon: m,
+			className: i[s]
+		}), /* @__PURE__ */ l(t, {
+			type: "button",
+			role: f,
+			size: y,
+			disabled: g || p,
+			className: a,
+			onClick: d,
+			children: c
+		})]
+	});
+});
+//#endregion
+export { d as Search, s as searchSizes };

package/dist/components/molecules/Search/searchStyles.d.ts

@@ -0,0 +1,10 @@
+export declare const searchSizes: readonly ["sm", "md"];
+export type SearchSize = (typeof searchSizes)[number];
+/** Hero search pill — fixed outer height; `p-*` insets the trailing button evenly; `pl-*` extra for the input track. */
+export declare const searchShellClasses: Record<SearchSize, string>;
+/** Inline input track — shorter than solo Input md so the inset button can breathe. */
+export declare const searchInlineInputClasses: Record<SearchSize, string>;
+/** Lock inset action height to the inner track — not the full 44px shell. */
+export declare const searchInsetButtonClasses = "h-8 min-h-8 max-h-8 shrink-0 self-center py-0 leading-none";
+export declare const searchButtonSizeClasses: Record<SearchSize, "xs" | "sm">;
+//# sourceMappingURL=searchStyles.d.ts.map

package/dist/components/molecules/Search/searchStyles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"searchStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/Search/searchStyles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW,uBAAwB,CAAC;AAEjD,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC;AAOtD,wHAAwH;AACxH,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAGzD,CAAC;AAEF,uFAAuF;AACvF,eAAO,MAAM,wBAAwB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAG/D,CAAC;AAEF,6EAA6E;AAC7E,eAAO,MAAM,wBAAwB,+DAA+D,CAAC;AAErG,eAAO,MAAM,uBAAuB,EAAE,MAAM,CAAC,UAAU,EAAE,IAAI,GAAG,IAAI,CAGnE,CAAC"}

package/dist/components/molecules/Search/searchStyles.js

@@ -0,0 +1,15 @@
+"use client";
+import { focusRingTransitionClasses as e } from "../../../lib/motion.js";
+//#region src/components/molecules/Search/searchStyles.ts
+var t = ["sm", "md"], n = "flex w-full items-center rounded-full border border-border-control bg-surface focus-within:outline-none focus-within:ring-2 focus-within:ring-focus-ring focus-within:ring-offset-2 focus-within:ring-offset-body " + e, r = {
+	sm: `${n} h-10 gap-1.5 p-1 pl-2`,
+	md: `${n} h-11 gap-2 p-1 pl-2`
+}, i = {
+	sm: "h-7 min-h-0 px-2.5 text-xs leading-none",
+	md: "h-8 min-h-0 pl-4 pr-1 text-sm leading-none"
+}, a = "h-8 min-h-8 max-h-8 shrink-0 self-center py-0 leading-none", o = {
+	sm: "xs",
+	md: "sm"
+};
+//#endregion
+export { o as searchButtonSizeClasses, i as searchInlineInputClasses, a as searchInsetButtonClasses, r as searchShellClasses, t as searchSizes };

package/dist/components/molecules/SegmentedControl/SegmentedControl.d.ts

@@ -0,0 +1,25 @@
+import { type ReactNode } from "react";
+import { SegmentedControlItem } from "./SegmentedControlItem";
+import { type SegmentedControlLayout, type SegmentedControlSize } from "./segmentedControlStyles";
+export type { SegmentedControlLayout, SegmentedControlSize } from "./segmentedControlStyles";
+export { segmentedControlLayouts, segmentedControlSizes } from "./segmentedControlStyles";
+export type { SegmentedControlItemLayoutClassName, SegmentedControlItemProps } from "./SegmentedControlItem";
+/** Layout-only — width, margin. Use `layout="stretch"` for equal-width segments. */
+export type SegmentedControlLayoutClassName = string;
+export interface SegmentedControlProps {
+    /** Accessible name — e.g. "Card shape" or "Report view". */
+    "aria-label": string;
+    value: string;
+    onValueChange: (value: string) => void;
+    size?: SegmentedControlSize;
+    /** `hug` (default) sizes to label copy; `stretch` gives each segment equal width. */
+    layout?: SegmentedControlLayout;
+    disabled?: boolean;
+    children: ReactNode;
+    className?: SegmentedControlLayoutClassName;
+}
+declare function SegmentedControlRoot({ "aria-label": ariaLabel, value, onValueChange, size, layout, disabled, children, className, }: SegmentedControlProps): import("react").JSX.Element;
+export declare const SegmentedControl: typeof SegmentedControlRoot & {
+    Item: typeof SegmentedControlItem;
+};
+//# sourceMappingURL=SegmentedControl.d.ts.map

package/dist/components/molecules/SegmentedControl/SegmentedControl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedControl.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/SegmentedControl/SegmentedControl.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAS,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAG9C,OAAO,EAAE,oBAAoB,EAA6B,MAAM,wBAAwB,CAAC;AACzF,OAAO,EAIL,KAAK,sBAAsB,EAC3B,KAAK,oBAAoB,EAC1B,MAAM,0BAA0B,CAAC;AAElC,YAAY,EAAE,sBAAsB,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAC7F,OAAO,EAAE,uBAAuB,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAC1F,YAAY,EAAE,mCAAmC,EAAE,yBAAyB,EAAE,MAAM,wBAAwB,CAAC;AAE7G,oFAAoF;AACpF,MAAM,MAAM,+BAA+B,GAAG,MAAM,CAAC;AAErD,MAAM,WAAW,qBAAqB;IACpC,4DAA4D;IAC5D,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,IAAI,CAAC,EAAE,oBAAoB,CAAC;IAC5B,qFAAqF;IACrF,MAAM,CAAC,EAAE,sBAAsB,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,+BAA+B,CAAC;CAC7C;AAED,iBAAS,oBAAoB,CAAC,EAC5B,YAAY,EAAE,SAAS,EACvB,KAAK,EACL,aAAa,EACb,IAAW,EACX,MAAc,EACd,QAAQ,EACR,QAAQ,EACR,SAAS,GACV,EAAE,qBAAqB,+BAgCvB;AAED,eAAO,MAAM,gBAAgB;;CAE3B,CAAC"}

package/dist/components/molecules/SegmentedControl/SegmentedControl.js

@@ -0,0 +1,36 @@
+"use client";
+import { cn as e } from "../../../lib/cn.js";
+import { SegmentedControlProvider as t } from "./SegmentedControlContext.js";
+import { segmentedControlLayouts as n, segmentedControlSizes as r, segmentedControlTrackClasses as i, segmentedControlTrackSizeClasses as a } from "./segmentedControlStyles.js";
+import { SegmentedControlItem as o, SegmentedControlItemGroup as s } from "./SegmentedControlItem.js";
+import { useId as c } from "react";
+import { jsx as l } from "react/jsx-runtime";
+//#region src/components/molecules/SegmentedControl/SegmentedControl.tsx
+function u({ "aria-label": n, value: r, onValueChange: o, size: u = "md", layout: d = "hug", disabled: f, children: p, className: m }) {
+	let h = c();
+	return /* @__PURE__ */ l(t, {
+		value: {
+			layoutId: h,
+			size: u,
+			layout: d,
+			value: r,
+			onValueChange: o,
+			disabled: f
+		},
+		children: /* @__PURE__ */ l("div", {
+			role: "radiogroup",
+			"aria-label": n,
+			"aria-disabled": f || void 0,
+			className: e(i, a[u], d === "stretch" && "flex w-full min-w-0", f && "pointer-events-none opacity-50", m),
+			"data-size": u,
+			"data-layout": d,
+			children: /* @__PURE__ */ l(s, {
+				layoutId: h,
+				children: p
+			})
+		})
+	});
+}
+var d = Object.assign(u, { Item: o });
+//#endregion
+export { d as SegmentedControl, n as segmentedControlLayouts, r as segmentedControlSizes };