@thewhatmatters/wmds 0.4.9 → 0.4.28

package/dist/components/molecules/LogView/LogView.js

@@ -0,0 +1,109 @@
+"use client";
+import { cn as e } from "../../../lib/cn.js";
+import { buttonStatusHoldMs as t } from "../../atoms/Button/buttonStatusStyles.js";
+import { Button as n } from "../../atoms/Button/Button.js";
+import { Skeleton as r } from "../../atoms/Skeleton/Skeleton.js";
+import { logViewActionsClasses as i, logViewCountClasses as a, logViewEmptyClasses as o, logViewLineClasses as s, logViewNumberClasses as c, logViewRootClasses as l, logViewScrollerClasses as u, logViewTextClasses as d, logViewToolbarClasses as f } from "./logViewStyles.js";
+import { useLayoutEffect as p, useRef as m, useState as h } from "react";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+//#region src/components/molecules/LogView/LogView.tsx
+var v = {
+	copy: "Copy",
+	copied: "Copied",
+	follow: "Follow",
+	following: "Following",
+	empty: "No log lines"
+};
+function y(e) {
+	return e === 1 ? "1 line" : `${e} lines`;
+}
+function b({ lines: b, label: x, follow: S = !1, onFollowChange: C, loading: w = !1, empty: T, labels: E, className: D }) {
+	let O = {
+		...v,
+		...E
+	}, k = m(null), [A, j] = h(!1), M = b.length, N = !w && M > 0;
+	p(() => {
+		if (!S || !N) return;
+		let e = k.current;
+		e != null && (e.scrollTop = e.scrollHeight);
+	}, [
+		S,
+		b,
+		N
+	]), p(() => {
+		if (!A) return;
+		let e = window.setTimeout(() => j(!1), t);
+		return () => window.clearTimeout(e);
+	}, [A]);
+	async function P() {
+		let e = b.join("\n");
+		try {
+			await navigator.clipboard.writeText(e), j(!0);
+		} catch {
+			j(!1);
+		}
+	}
+	return /* @__PURE__ */ _("div", {
+		className: e(l, D),
+		"data-follow": S ? "" : void 0,
+		children: [/* @__PURE__ */ _("div", {
+			className: f,
+			children: [w ? null : /* @__PURE__ */ g("span", {
+				className: a,
+				children: y(M)
+			}), /* @__PURE__ */ _("div", {
+				className: i,
+				children: [/* @__PURE__ */ g(n, {
+					role: "secondary",
+					size: "xs",
+					type: "button",
+					disabled: w || M === 0,
+					onClick: () => {
+						P();
+					},
+					children: A ? O.copied : O.copy
+				}), /* @__PURE__ */ g(n, {
+					role: "ghost",
+					size: "xs",
+					type: "button",
+					"aria-pressed": S,
+					disabled: w,
+					onClick: () => C?.(!S),
+					children: S ? O.following : O.follow
+				})]
+			})]
+		}), /* @__PURE__ */ _("div", {
+			ref: k,
+			className: u,
+			role: "log",
+			"aria-label": x,
+			"aria-busy": w || void 0,
+			children: [
+				w ? /* @__PURE__ */ g(r, {
+					className: "m-3",
+					width: "100%",
+					height: 96,
+					radius: "inner"
+				}) : null,
+				!w && M === 0 ? /* @__PURE__ */ g("p", {
+					className: o,
+					role: "status",
+					children: T ?? O.empty
+				}) : null,
+				N ? b.map((e, t) => /* @__PURE__ */ _("div", {
+					className: s,
+					children: [/* @__PURE__ */ g("span", {
+						className: c,
+						"aria-hidden": "true",
+						children: t + 1
+					}), /* @__PURE__ */ g("span", {
+						className: d,
+						children: e
+					})]
+				}, `${t}-${e}`)) : null
+			]
+		})]
+	});
+}
+//#endregion
+export { b as LogView };

package/dist/components/molecules/LogView/logViewStyles.d.ts

@@ -0,0 +1,11 @@
+export declare const logViewRootClasses = "flex min-h-0 flex-col overflow-hidden rounded-[var(--radius-surface-md)] border border-border bg-surface";
+export declare const logViewToolbarClasses = "flex h-9 shrink-0 items-center gap-2 border-b border-border px-3";
+export declare const logViewCountClasses: string;
+export declare const logViewActionsClasses = "ml-auto flex items-center gap-2";
+export declare const logViewScrollerClasses = "min-h-40 flex-1 overflow-auto scroll-fade-y";
+export declare const logViewLineClasses = "flex gap-3 px-3";
+export declare const logViewNumberClasses = "type-code w-8 shrink-0 text-end text-muted tabular-nums";
+export declare const logViewTextClasses = "type-code min-w-0 flex-1 whitespace-pre-wrap break-all";
+export declare const logViewEmptyClasses: string;
+export declare const logViewSkeletonClasses = "m-3";
+//# sourceMappingURL=logViewStyles.d.ts.map

package/dist/components/molecules/LogView/logViewStyles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"logViewStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/LogView/logViewStyles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,kBAAkB,6GAC6E,CAAC;AAE7G,eAAO,MAAM,qBAAqB,qEACkC,CAAC;AAErE,eAAO,MAAM,mBAAmB,QAA0D,CAAC;AAE3F,eAAO,MAAM,qBAAqB,oCAAoC,CAAC;AAEvE,eAAO,MAAM,sBAAsB,gDAAgD,CAAC;AAEpF,eAAO,MAAM,kBAAkB,oBAAoB,CAAC;AAEpD,eAAO,MAAM,oBAAoB,4DAC0B,CAAC;AAE5D,eAAO,MAAM,kBAAkB,2DAA2D,CAAC;AAE3F,eAAO,MAAM,mBAAmB,QAAuD,CAAC;AAExF,eAAO,MAAM,sBAAsB,QAAQ,CAAC"}

package/dist/components/molecules/LogView/logViewStyles.js

@@ -0,0 +1,6 @@
+"use client";
+import { typographyClass as e } from "../../../lib/typography.js";
+//#region src/components/molecules/LogView/logViewStyles.ts
+var t = "flex min-h-0 flex-col overflow-hidden rounded-[var(--radius-surface-md)] border border-border bg-surface", n = "flex h-9 shrink-0 items-center gap-2 border-b border-border px-3", r = `${e("caption")} tabular-nums text-muted`, i = "ml-auto flex items-center gap-2", a = "min-h-40 flex-1 overflow-auto scroll-fade-y", o = "flex gap-3 px-3", s = "type-code w-8 shrink-0 text-end text-muted tabular-nums", c = "type-code min-w-0 flex-1 whitespace-pre-wrap break-all", l = `${e("caption")} px-3 py-4 text-muted`;
+//#endregion
+export { i as logViewActionsClasses, r as logViewCountClasses, l as logViewEmptyClasses, o as logViewLineClasses, s as logViewNumberClasses, t as logViewRootClasses, a as logViewScrollerClasses, c as logViewTextClasses, n as logViewToolbarClasses };

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

@@ -10,11 +10,22 @@ export interface NavListItemDef {
     label: string;
     icon?: NavListIcon;
     count?: number;
+    /** Plain URL. The row is an anchor, so a server-rendered app does not need `onSelect` to navigate. */
+    href?: string;
+    /**
+     * Router link in place of `href` — `render={<Link href="/tasks/ikea" />}`.
+     * Pass `href` or `render`, not both.
+     */
+    render?: ReactElement;
+    /** Trailing mark — a **Status** dot or a **Badge** `status` pill. Not a second label. */
+    trailing?: ReactNode;
 }
 export interface NavListSectionDef {
     label?: string;
     /** `brand` aligns the first section overline to an adjacent 56px header band. */
     labelAlign?: NavListLabelAlignment;
+    /** Section control — filter or more. Pass **IconButton**. */
+    action?: ReactNode;
     items: NavListItemDef[];
 }
 export interface NavListProps {
@@ -29,6 +40,8 @@ export interface NavListProps {
 export interface NavListSectionProps {
     label?: string;
     labelAlign?: NavListLabelAlignment;
+    /** Section control — filter or more. Pass **IconButton**. */
+    action?: ReactNode;
     children: ReactNode;
     className?: NavListLayoutClassName;
 }
@@ -37,16 +50,22 @@ export interface NavListItemProps {
     label: string;
     icon?: NavListIcon;
     count?: number;
+    /** Plain URL. The row is an anchor. */
+    href?: string;
+    /** Router link in place of `href`. Pass one, not both. */
+    render?: ReactElement;
+    /** Trailing mark — a **Status** dot or a **Badge** `status` pill. */
+    trailing?: ReactNode;
     selected?: boolean;
     onSelect?: (id: string) => void;
     className?: NavListLayoutClassName;
 }
-declare function NavListSectionRoot({ label, labelAlign, children, className, }: NavListSectionProps): import("react").JSX.Element;
-declare function NavListItemRoot({ id, label, icon, count, selected: selectedProp, onSelect, className, }: NavListItemProps): import("react").JSX.Element;
+declare function NavListSectionRoot({ label, labelAlign, action, children, className, }: NavListSectionProps): import("react").JSX.Element;
+declare function NavListItemRoot({ id, label, icon, count, href, render, trailing, selected: selectedProp, onSelect, className, }: NavListItemProps): import("react").JSX.Element;
 declare function NavListRoot({ sections, activeId, onSelect, children, "aria-label": ariaLabel, className, }: NavListProps): import("react").JSX.Element;
 /**
- * Sectioned secondary navigation — inset pills with optional icons and counts.
- * Compose **NavList.Item** with **Button** `layout="nav"` or pass a `sections` array.
+ * Sectioned secondary navigation — inset pills with optional icons, counts, and trailing marks.
+ * `href` or `render` makes a row a link. Compose **NavList.Item** or pass a `sections` array.
  */
 export declare const NavList: typeof NavListRoot & {
     Section: typeof NavListSectionRoot;

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

@@ -1 +1 @@
-{"version":3,"file":"NavList.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/NavList/NavList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,YAAY,EACjB,KAAK,SAAS,EACd,KAAK,QAAQ,EACd,MAAM,OAAO,CAAC;AAIf,OAAO,EAUL,KAAK,qBAAqB,EAC3B,MAAM,iBAAiB,CAAC;AAEzB,YAAY,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AAC7D,OAAO,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AAEzD,6DAA6D;AAC7D,MAAM,MAAM,sBAAsB,GAAG,MAAM,CAAC;AAE5C,MAAM,MAAM,WAAW,GAAG,YAAY,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC;AAEhE,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,iBAAiB;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iFAAiF;IACjF,UAAU,CAAC,EAAE,qBAAqB,CAAC;IACnC,KAAK,EAAE,cAAc,EAAE,CAAC;CACzB;AAED,MAAM,WAAW,YAAY;IAC3B,4FAA4F;IAC5F,QAAQ,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,sBAAsB,CAAC;CACpC;AAED,MAAM,WAAW,mBAAmB;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,qBAAqB,CAAC;IACnC,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,sBAAsB,CAAC;CACpC;AAED,MAAM,WAAW,gBAAgB;IAC/B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,SAAS,CAAC,EAAE,sBAAsB,CAAC;CACpC;AA0CD,iBAAS,kBAAkB,CAAC,EAC1B,KAAK,EACL,UAAsB,EACtB,QAAQ,EACR,SAAS,GACV,EAAE,mBAAmB,+BAOrB;AAED,iBAAS,eAAe,CAAC,EACvB,EAAE,EACF,KAAK,EACL,IAAI,EACJ,KAAK,EACL,QAAQ,EAAE,YAAY,EACtB,QAAQ,EACR,SAAS,GACV,EAAE,gBAAgB,+BAqBlB;AAED,iBAAS,WAAW,CAAC,EACnB,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,YAAY,EAAE,SAAqB,EACnC,SAAS,GACV,EAAE,YAAY,+BA8Bd;AAED;;;GAGG;AACH,eAAO,MAAM,OAAO;;;CAGlB,CAAC"}
+{"version":3,"file":"NavList.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/NavList/NavList.tsx"],"names":[],"mappings":"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"}

package/dist/components/molecules/NavList/NavList.js

@@ -2,102 +2,115 @@
 import { cn as e } from "../../../lib/cn.js";
 import { ButtonIcon as t } from "../../atoms/Button/ButtonIcon.js";
 import { Button as n } from "../../atoms/Button/Button.js";
-import { navListItemCountClasses as r, navListItemIconClasses as i, navListItemLabelClasses as a, navListItemWrapClasses as o, navListLabelAlignments as s, navListSectionBrandBandClasses as c, navListSectionClasses as l, navListSectionLabelBrandClasses as u, navListSectionLabelDefaultClasses as d, navListShellClasses as f } from "./navListStyles.js";
-import { cloneElement as p, createContext as m, isValidElement as h, useContext as g } from "react";
-import { jsx as _, jsxs as v } from "react/jsx-runtime";
+import { navListItemCountClasses as r, navListItemIconClasses as i, navListItemLabelClasses as a, navListItemTrailClasses as o, navListItemWrapClasses as s, navListLabelAlignments as c, navListSectionBrandBandClasses as l, navListSectionClasses as u, navListSectionLabelBrandClasses as d, navListSectionLabelClasses as f, navListSectionLabelDefaultClasses as p, navListSectionLabelRowClasses as m, navListShellClasses as h } from "./navListStyles.js";
+import { cloneElement as g, createContext as _, createElement as v, isValidElement as y, useContext as b } from "react";
+import { jsx as x, jsxs as S } from "react/jsx-runtime";
 //#region src/components/molecules/NavList/NavList.tsx
-var y = m({});
-function b({ icon: n, selected: r }) {
-	let a = h(n) ? p(n, {
+var C = _({});
+function w({ icon: n, selected: r }) {
+	let a = y(n) ? g(n, {
 		strokeWidth: r ? 2.25 : 1.75,
 		...r ? {
 			fill: "currentColor",
 			fillOpacity: .12
 		} : { fill: "none" }
 	}) : n;
-	return /* @__PURE__ */ _("span", {
+	return /* @__PURE__ */ x("span", {
 		className: e("inline-flex shrink-0", i(r)),
-		children: /* @__PURE__ */ _(t, {
+		children: /* @__PURE__ */ x(t, {
 			size: "sm",
 			children: a
 		})
 	});
 }
-function x({ label: e, labelAlign: t = "section" }) {
-	return t === "brand" ? /* @__PURE__ */ _("div", {
-		className: c,
-		children: /* @__PURE__ */ _("p", {
-			className: u,
-			children: e
-		})
-	}) : /* @__PURE__ */ _("p", {
-		className: d,
-		children: e
+function T({ label: t, labelAlign: n = "section", action: r }) {
+	return n === "brand" ? /* @__PURE__ */ S("div", {
+		className: e(l, r != null && "justify-between gap-2"),
+		children: [/* @__PURE__ */ x("p", {
+			className: d,
+			children: t
+		}), r]
+	}) : /* @__PURE__ */ S("div", {
+		className: e(p, m),
+		children: [/* @__PURE__ */ x("p", {
+			className: f,
+			children: t
+		}), r]
 	});
 }
-function S({ label: t, labelAlign: n = "section", children: r, className: i }) {
-	return /* @__PURE__ */ v("div", {
-		className: e(l, i),
-		children: [t == null ? null : /* @__PURE__ */ _(x, {
+function E({ label: t, labelAlign: n = "section", action: r, children: i, className: a }) {
+	return /* @__PURE__ */ S("div", {
+		className: e(u, a),
+		children: [t == null ? null : /* @__PURE__ */ x(T, {
 			label: t,
-			labelAlign: n
-		}), r]
+			labelAlign: n,
+			action: r
+		}), i]
 	});
 }
-function C({ id: t, label: i, icon: s, count: c, selected: l, onSelect: u, className: d }) {
-	let f = g(y), p = l ?? f.activeId === t, m = u ?? f.onSelect;
-	return /* @__PURE__ */ _("div", {
-		className: e(o, d),
-		children: /* @__PURE__ */ v(n, {
+function D(e, t) {
+	if (t != null && e != null && console.warn("[WMDS NavList] Pass `href` or `render` on an item, not both. `render` is used."), t != null) return t;
+	if (e != null) return v("a", { href: e });
+}
+function O({ id: t, label: i, icon: c, count: l, href: u, render: d, trailing: f, selected: p, onSelect: m, className: h }) {
+	let g = b(C), _ = p ?? g.activeId === t, v = m ?? g.onSelect, y = D(u, d);
+	return /* @__PURE__ */ x("div", {
+		className: e(s, h),
+		children: /* @__PURE__ */ S(n, {
 			layout: "nav",
 			type: "button",
-			selected: p,
-			onClick: m == null ? void 0 : () => m(t),
+			selected: _,
+			render: y,
+			onClick: v == null ? void 0 : () => v(t),
 			children: [
-				s == null ? null : /* @__PURE__ */ _(b, {
-					icon: s,
-					selected: p
+				c == null ? null : /* @__PURE__ */ x(w, {
+					icon: c,
+					selected: _
 				}),
-				/* @__PURE__ */ _("span", {
+				/* @__PURE__ */ x("span", {
 					className: a,
 					children: i
 				}),
-				c == null ? null : /* @__PURE__ */ _("span", {
-					className: r,
-					children: c.toLocaleString()
-				})
+				l != null || f != null ? /* @__PURE__ */ S("span", {
+					className: o,
+					children: [l == null ? null : /* @__PURE__ */ x("span", {
+						className: r,
+						children: l.toLocaleString()
+					}), f]
+				}) : null
 			]
 		})
 	});
 }
-function w({ sections: t, activeId: n, onSelect: r, children: i, "aria-label": a = "Section", className: o }) {
+function k({ sections: t, activeId: n, onSelect: r, children: i, "aria-label": a = "Section", className: o }) {
 	let s = {
 		activeId: n,
 		onSelect: r
 	};
-	return t == null ? /* @__PURE__ */ _("nav", {
+	return t == null ? /* @__PURE__ */ x("nav", {
 		"aria-label": a,
-		className: e(f, o),
-		children: /* @__PURE__ */ _(y.Provider, {
+		className: e(h, o),
+		children: /* @__PURE__ */ x(C.Provider, {
 			value: s,
 			children: i
 		})
-	}) : /* @__PURE__ */ _("nav", {
+	}) : /* @__PURE__ */ x("nav", {
 		"aria-label": a,
-		className: e(f, o),
-		children: /* @__PURE__ */ _(y.Provider, {
+		className: e(h, o),
+		children: /* @__PURE__ */ x(C.Provider, {
 			value: s,
-			children: t.map((e, t) => /* @__PURE__ */ _(S, {
+			children: t.map((e, t) => /* @__PURE__ */ x(E, {
 				label: e.label,
+				action: e.action,
 				labelAlign: e.labelAlign ?? (t === 0 && e.label != null ? "brand" : "section"),
-				children: e.items.map((e) => /* @__PURE__ */ _(C, { ...e }, e.id))
+				children: e.items.map((e) => /* @__PURE__ */ x(O, { ...e }, e.id))
 			}, e.label ?? t))
 		})
 	});
 }
-var T = Object.assign(w, {
-	Section: S,
-	Item: C
+var A = Object.assign(k, {
+	Section: E,
+	Item: O
 });
 //#endregion
-export { T as NavList, s as navListLabelAlignments };
+export { A as NavList, c as navListLabelAlignments };

package/dist/components/molecules/NavList/navListStyles.d.ts

@@ -10,6 +10,8 @@ export declare const navListSectionLabelBrandClasses: string;
 export declare const navListSectionLabelDefaultClasses: string;
 export declare const navListItemWrapClasses = "relative w-full px-2";
 export declare const navListItemLabelClasses = "min-w-0 flex-1 truncate text-left";
+export declare const navListItemTrailClasses = "ml-auto flex shrink-0 items-center gap-2";
 export declare const navListItemCountClasses: string;
+export declare const navListSectionLabelRowClasses = "flex items-center justify-between gap-2";
 export declare function navListItemIconClasses(selected: boolean): "text-muted" | "text-fg";
 //# sourceMappingURL=navListStyles.d.ts.map

package/dist/components/molecules/NavList/navListStyles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"navListStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/NavList/navListStyles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,sBAAsB,+BAAgC,CAAC;AAEpE,MAAM,MAAM,qBAAqB,GAAG,CAAC,OAAO,sBAAsB,CAAC,CAAC,MAAM,CAAC,CAAC;AAE5E,oFAAoF;AACpF,eAAO,MAAM,mBAAmB,sCAAsC,CAAC;AAEvE,eAAO,MAAM,qBAAqB,wBAAwB,CAAC;AAE3D,kFAAkF;AAClF,eAAO,MAAM,8BAA8B,QAG1C,CAAC;AAEF,eAAO,MAAM,0BAA0B,QAAgD,CAAC;AAExF,eAAO,MAAM,+BAA+B,QAA6B,CAAC;AAE1E,eAAO,MAAM,iCAAiC,QAG7C,CAAC;AAEF,eAAO,MAAM,sBAAsB,yBAAyB,CAAC;AAE7D,eAAO,MAAM,uBAAuB,sCAAsC,CAAC;AAE3E,eAAO,MAAM,uBAAuB,QAInC,CAAC;AAEF,wBAAgB,sBAAsB,CAAC,QAAQ,EAAE,OAAO,4BAEvD"}
+{"version":3,"file":"navListStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/NavList/navListStyles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,sBAAsB,+BAAgC,CAAC;AAEpE,MAAM,MAAM,qBAAqB,GAAG,CAAC,OAAO,sBAAsB,CAAC,CAAC,MAAM,CAAC,CAAC;AAE5E,oFAAoF;AACpF,eAAO,MAAM,mBAAmB,sCAAsC,CAAC;AAEvE,eAAO,MAAM,qBAAqB,wBAAwB,CAAC;AAE3D,kFAAkF;AAClF,eAAO,MAAM,8BAA8B,QAG1C,CAAC;AAEF,eAAO,MAAM,0BAA0B,QAAgD,CAAC;AAExF,eAAO,MAAM,+BAA+B,QAA6B,CAAC;AAE1E,eAAO,MAAM,iCAAiC,QAG7C,CAAC;AAEF,eAAO,MAAM,sBAAsB,yBAAyB,CAAC;AAE7D,eAAO,MAAM,uBAAuB,sCAAsC,CAAC;AAE3E,eAAO,MAAM,uBAAuB,6CAA6C,CAAC;AAElF,eAAO,MAAM,uBAAuB,QAInC,CAAC;AAEF,eAAO,MAAM,6BAA6B,4CAA4C,CAAC;AAEvF,wBAAgB,sBAAsB,CAAC,QAAQ,EAAE,OAAO,4BAEvD"}

package/dist/components/molecules/NavList/navListStyles.js

@@ -3,9 +3,9 @@ import { cn as e } from "../../../lib/cn.js";
 import { typographyClass as t } from "../../../lib/typography.js";
 import { pageHeaderAppBandHeightClasses as n } from "../PageHeader/pageHeaderStyles.js";
 //#region src/components/molecules/NavList/navListStyles.ts
-var r = ["brand", "section"], i = "flex h-full min-h-0 w-52 flex-col", a = "flex flex-col gap-1", o = e("box-border flex shrink-0 items-center px-4", n), s = e(t("overline"), "text-muted"), c = s, l = e(s, "px-4 pb-1 pt-3"), u = "relative w-full px-2", d = "min-w-0 flex-1 truncate text-left", f = e("ml-auto tabular-nums", t("caption"), "text-muted");
-function p(e) {
+var r = ["brand", "section"], i = "flex h-full min-h-0 w-52 flex-col", a = "flex flex-col gap-1", o = e("box-border flex shrink-0 items-center px-4", n), s = e(t("overline"), "text-muted"), c = s, l = e(s, "px-4 pb-1 pt-3"), u = "relative w-full px-2", d = "min-w-0 flex-1 truncate text-left", f = "ml-auto flex shrink-0 items-center gap-2", p = e("tabular-nums", t("caption"), "text-muted"), m = "flex items-center justify-between gap-2";
+function h(e) {
 	return e ? "text-fg" : "text-muted";
 }
 //#endregion
-export { f as navListItemCountClasses, p as navListItemIconClasses, d as navListItemLabelClasses, u as navListItemWrapClasses, r as navListLabelAlignments, o as navListSectionBrandBandClasses, a as navListSectionClasses, c as navListSectionLabelBrandClasses, s as navListSectionLabelClasses, l as navListSectionLabelDefaultClasses, i as navListShellClasses };
+export { p as navListItemCountClasses, h as navListItemIconClasses, d as navListItemLabelClasses, f as navListItemTrailClasses, u as navListItemWrapClasses, r as navListLabelAlignments, o as navListSectionBrandBandClasses, a as navListSectionClasses, c as navListSectionLabelBrandClasses, s as navListSectionLabelClasses, l as navListSectionLabelDefaultClasses, m as navListSectionLabelRowClasses, i as navListShellClasses };

package/dist/components/molecules/PageHeader/PageHeader.js

@@ -9,10 +9,10 @@ var l = {
 	toolbar: "span"
 };
 function u({ title: t, variant: o = "page", start: u, end: d, "aria-label": f, className: p }) {
-	let m = l[o], h = t != null && t.length > 0, g = h ? void 0 : f;
+	let m = l[o], h = t != null && t.length > 0;
 	return o === "toolbar" ? /* @__PURE__ */ c("div", {
 		role: "toolbar",
-		"aria-label": g,
+		"aria-label": h ? void 0 : f,
 		className: e(r.toolbar, p),
 		children: [u != null || h ? /* @__PURE__ */ c("div", {
 			className: i,
@@ -25,7 +25,7 @@ function u({ title: t, variant: o = "page", start: u, end: d, "aria-label": f, c
 			children: d
 		})]
 	}) : /* @__PURE__ */ c("header", {
-		"aria-label": g,
+		"aria-label": f,
 		className: e(r[o], p),
 		children: [/* @__PURE__ */ c("div", {
 			className: i,

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

@@ -2,6 +2,6 @@
 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");
+var i = "flex flex-wrap gap-2", a = e(t, "min-h-11 cursor-pointer rounded-[var(--radius-control)] 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/Search/searchStyles.js

@@ -1,7 +1,7 @@
 "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 = {
+var t = ["sm", "md"], n = "flex w-full items-center rounded-[var(--radius-control)] 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 = {

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

@@ -27,5 +27,5 @@ export declare const segmentedControlItemSelectedClasses = "text-fg";
 /** Idle segment — `text-muted` (secondary text); hover promotes to primary ink. */
 export declare const segmentedControlItemUnselectedClasses = "text-muted hover:text-fg";
 /** Sliding selected segment — raised surface pill inside the body well. */
-export declare const segmentedControlThumbClasses = "pointer-events-none absolute inset-0 rounded-full bg-surface shadow-raised";
+export declare const segmentedControlThumbClasses = "pointer-events-none absolute inset-0 rounded-[var(--radius-control-inner)] bg-surface shadow-raised";
 //# sourceMappingURL=segmentedControlStyles.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"segmentedControlStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/SegmentedControl/segmentedControlStyles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,qBAAqB,6BAA8B,CAAC;AAEjE,MAAM,MAAM,oBAAoB,GAAG,CAAC,OAAO,qBAAqB,CAAC,CAAC,MAAM,CAAC,CAAC;AAE1E,eAAO,MAAM,uBAAuB,6BAA8B,CAAC;AAEnE,MAAM,MAAM,sBAAsB,GAAG,CAAC,OAAO,uBAAuB,CAAC,CAAC,MAAM,CAAC,CAAC;AAE9E,6FAA6F;AAC7F,eAAO,MAAM,4BAA4B,QAGxC,CAAC;AAEF,eAAO,MAAM,mCAAmC,wBAAwB,CAAC;AAEzE,qFAAqF;AACrF,eAAO,MAAM,gCAAgC,EAAE,MAAM,CAAC,oBAAoB,EAAE,MAAM,CAIjF,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,+BAA+B,EAAE,MAAM,CAAC,oBAAoB,EAAE,MAAM,CAIhF,CAAC;AAEF,eAAO,MAAM,2BAA2B,QAIvC,CAAC;AAEF,eAAO,MAAM,kCAAkC,mBAAmB,CAAC;AAEnE,eAAO,MAAM,+BAA+B,kEACqB,CAAC;AAElE,eAAO,MAAM,sCAAsC,WAAW,CAAC;AAE/D,iFAAiF;AACjF,eAAO,MAAM,8BAA8B,EAAE,MAAM,CAAC,oBAAoB,EAAE,MAAM,CAI/E,CAAC;AAEF,iGAAiG;AACjG,eAAO,MAAM,gCAAgC,EAAE,MAAM,CAAC,oBAAoB,EAAE,MAAM,CAIjF,CAAC;AAEF,eAAO,MAAM,gCAAgC,qBAAqB,CAAC;AAEnE,8FAA8F;AAC9F,eAAO,MAAM,8BAA8B,0EAC8B,CAAC;AAE1E,eAAO,MAAM,mCAAmC,YAAY,CAAC;AAE7D,mFAAmF;AACnF,eAAO,MAAM,qCAAqC,6BAA6B,CAAC;AAEhF,2EAA2E;AAC3E,eAAO,MAAM,4BAA4B,+EACqC,CAAC"}
+{"version":3,"file":"segmentedControlStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/SegmentedControl/segmentedControlStyles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,qBAAqB,6BAA8B,CAAC;AAEjE,MAAM,MAAM,oBAAoB,GAAG,CAAC,OAAO,qBAAqB,CAAC,CAAC,MAAM,CAAC,CAAC;AAE1E,eAAO,MAAM,uBAAuB,6BAA8B,CAAC;AAEnE,MAAM,MAAM,sBAAsB,GAAG,CAAC,OAAO,uBAAuB,CAAC,CAAC,MAAM,CAAC,CAAC;AAE9E,6FAA6F;AAC7F,eAAO,MAAM,4BAA4B,QAGxC,CAAC;AAEF,eAAO,MAAM,mCAAmC,wBAAwB,CAAC;AAEzE,qFAAqF;AACrF,eAAO,MAAM,gCAAgC,EAAE,MAAM,CAAC,oBAAoB,EAAE,MAAM,CAIjF,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,+BAA+B,EAAE,MAAM,CAAC,oBAAoB,EAAE,MAAM,CAIhF,CAAC;AAEF,eAAO,MAAM,2BAA2B,QAIvC,CAAC;AAEF,eAAO,MAAM,kCAAkC,mBAAmB,CAAC;AAEnE,eAAO,MAAM,+BAA+B,kEACqB,CAAC;AAElE,eAAO,MAAM,sCAAsC,WAAW,CAAC;AAE/D,iFAAiF;AACjF,eAAO,MAAM,8BAA8B,EAAE,MAAM,CAAC,oBAAoB,EAAE,MAAM,CAI/E,CAAC;AAEF,iGAAiG;AACjG,eAAO,MAAM,gCAAgC,EAAE,MAAM,CAAC,oBAAoB,EAAE,MAAM,CAIjF,CAAC;AAEF,eAAO,MAAM,gCAAgC,qBAAqB,CAAC;AAEnE,8FAA8F;AAC9F,eAAO,MAAM,8BAA8B,0EAC8B,CAAC;AAE1E,eAAO,MAAM,mCAAmC,YAAY,CAAC;AAE7D,mFAAmF;AACnF,eAAO,MAAM,qCAAqC,6BAA6B,CAAC;AAEhF,2EAA2E;AAC3E,eAAO,MAAM,4BAA4B,wGAC8D,CAAC"}

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

@@ -1,21 +1,21 @@
 "use client";
 import { cn as e } from "../../../lib/cn.js";
-import { motionTransition as t } from "../../../lib/motion.js";
-import { clusterHeightClasses as n } from "../../../lib/clusterScale.js";
+import { clusterHeightClasses as t } from "../../../lib/clusterScale.js";
+import { motionTransition as n } from "../../../lib/motion.js";
 //#region src/components/molecules/SegmentedControl/segmentedControlStyles.ts
 var r = [
 	"sm",
 	"md",
 	"lg"
-], i = ["hug", "stretch"], a = e("relative inline-flex items-stretch rounded-full bg-body p-0.5 shadow-hairline", t("fast")), o = "flex w-full min-w-0", s = {
-	sm: n.sm,
-	md: n.md,
-	lg: n.lg
+], i = ["hug", "stretch"], a = e("relative inline-flex items-stretch rounded-[var(--radius-control)] bg-body p-0.5 shadow-hairline", n("fast")), o = "flex w-full min-w-0", s = {
+	sm: t.sm,
+	md: t.md,
+	lg: t.lg
 }, c = {
 	sm: "px-2.5 text-xs leading-none",
 	md: "px-3 text-sm leading-none",
 	lg: "px-4 text-sm leading-none"
-}, l = e("relative inline-flex shrink-0 cursor-pointer items-center justify-center rounded-full font-sans font-medium tracking-normal", "transition-[color] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring focus-visible:ring-inset", t("fast")), u = "min-w-0 flex-1", d = "relative z-10 inline-flex min-w-0 items-center justify-center", f = "w-full", p = {
+}, l = e("relative inline-flex shrink-0 cursor-pointer items-center justify-center rounded-[var(--radius-control-inner)] font-sans font-medium tracking-normal", "transition-[color] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring focus-visible:ring-inset", n("fast")), u = "min-w-0 flex-1", d = "relative z-10 inline-flex min-w-0 items-center justify-center", f = "w-full", p = {
 	sm: "gap-1",
 	md: "gap-1.5",
 	lg: "gap-2"
@@ -23,6 +23,6 @@ var r = [
 	sm: "flex shrink-0 items-center text-current [&>svg]:size-3 [&>svg]:shrink-0 [&>svg]:stroke-current",
 	md: "flex shrink-0 items-center text-current [&>svg]:size-3.5 [&>svg]:shrink-0 [&>svg]:stroke-current",
 	lg: "flex shrink-0 items-center text-current [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:stroke-current"
-}, h = "min-w-0 truncate", g = "shrink-0 font-mono text-[10.5px] leading-none tabular-nums text-muted", _ = "text-fg", v = "text-muted hover:text-fg", y = "pointer-events-none absolute inset-0 rounded-full bg-surface shadow-raised";
+}, h = "min-w-0 truncate", g = "shrink-0 font-mono text-[10.5px] leading-none tabular-nums text-muted", _ = "text-fg", v = "text-muted hover:text-fg", y = "pointer-events-none absolute inset-0 rounded-[var(--radius-control-inner)] bg-surface shadow-raised";
 //#endregion
 export { d as segmentedControlItemBodyClasses, f as segmentedControlItemBodyStretchClasses, l as segmentedControlItemClasses, g as segmentedControlItemEndClasses, p as segmentedControlItemGapClasses, h as segmentedControlItemLabelClasses, _ as segmentedControlItemSelectedClasses, c as segmentedControlItemSizeClasses, m as segmentedControlItemStartClasses, u as segmentedControlItemStretchClasses, v as segmentedControlItemUnselectedClasses, i as segmentedControlLayouts, r as segmentedControlSizes, y as segmentedControlThumbClasses, a as segmentedControlTrackClasses, s as segmentedControlTrackSizeClasses, o as segmentedControlTrackStretchClasses };

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

@@ -25,10 +25,12 @@ export interface SelectProps {
     className?: SelectLayoutClassName;
     id?: string;
     "aria-label"?: string;
+    /** Extra ids that describe the trigger (Field passes its description here); joined with `description`. */
+    "aria-describedby"?: string;
 }
 /**
  * Pill select — Input-matched trigger + floating listbox panel.
  * Compose in forms and Card headers (period filters).
  */
-export declare function Select({ options, value: valueProp, defaultValue, onValueChange, placeholder, label, description, disabled, size, className, id: idProp, "aria-label": ariaLabel, }: SelectProps): import("react").JSX.Element;
+export declare function Select({ options, value: valueProp, defaultValue, onValueChange, placeholder, label, description, disabled, size, className, id: idProp, "aria-label": ariaLabel, "aria-describedby": ariaDescribedBy, }: SelectProps): import("react").JSX.Element;
 //# sourceMappingURL=Select.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,EASL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAKf,OAAO,EAcL,KAAK,UAAU,EAChB,MAAM,gBAAgB,CAAC;AAExB,YAAY,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,gEAAgE;AAChE,MAAM,MAAM,qBAAqB,GAAG,MAAM,CAAC;AAE3C,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,yEAAyE;IACzE,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,4EAA4E;IAC5E,GAAG,CAAC,EAAE,SAAS,CAAC;CACjB,CAAC;AAEF,MAAM,WAAW,WAAW;IAC1B,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,SAAS,CAAC,EAAE,qBAAqB,CAAC;IAClC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAqBD;;;GAGG;AACH,wBAAgB,MAAM,CAAC,EACrB,OAAO,EACP,KAAK,EAAE,SAAS,EAChB,YAAY,EACZ,aAAa,EACb,WAAuB,EACvB,KAAK,EACL,WAAW,EACX,QAAgB,EAChB,IAAW,EACX,SAAS,EACT,EAAE,EAAE,MAAM,EACV,YAAY,EAAE,SAAS,GACxB,EAAE,WAAW,+BAoQb"}
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA2B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAMhE,OAAO,EAcL,KAAK,UAAU,EAChB,MAAM,gBAAgB,CAAC;AAExB,YAAY,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,gEAAgE;AAChE,MAAM,MAAM,qBAAqB,GAAG,MAAM,CAAC;AAE3C,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,yEAAyE;IACzE,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,4EAA4E;IAC5E,GAAG,CAAC,EAAE,SAAS,CAAC;CACjB,CAAC;AAEF,MAAM,WAAW,WAAW;IAC1B,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,SAAS,CAAC,EAAE,qBAAqB,CAAC;IAClC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,0GAA0G;IAC1G,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAqBD;;;GAGG;AACH,wBAAgB,MAAM,CAAC,EACrB,OAAO,EACP,KAAK,EAAE,SAAS,EAChB,YAAY,EACZ,aAAa,EACb,WAAuB,EACvB,KAAK,EACL,WAAW,EACX,QAAgB,EAChB,IAAW,EACX,SAAS,EACT,EAAE,EAAE,MAAM,EACV,YAAY,EAAE,SAAS,EACvB,kBAAkB,EAAE,eAAe,GACpC,EAAE,WAAW,+BAqIb"}