@thewhatmatters/wmds 0.4.7 → 0.4.8

package/dist/components/organisms/Dialog/Dialog.js

@@ -11,58 +11,58 @@ import { jsx as S, jsxs as C } from "react/jsx-runtime";
 import { AnimatePresence as w, motion as T } from "motion/react";
 import { createPortal as E } from "react-dom";
 //#region src/components/organisms/Dialog/Dialog.tsx
-function D({ role: e, "aria-labelledby": n, "aria-describedby": a, initialFocusSelector: o, children: s }) {
-	let { open: c, onOpenChange: l, dismissOnBackdrop: u, dismissOnEscape: d, triggerRef: f } = _("DialogPortal"), g = x(null), v = x(null), D = y(() => {
-		l(!1);
-	}, [l]);
+function D({ role: n, "aria-labelledby": a, "aria-describedby": o, initialFocusSelector: s, fill: c = !1, children: l }) {
+	let { open: u, onOpenChange: d, dismissOnBackdrop: f, dismissOnEscape: g, triggerRef: v } = _("DialogPortal"), D = x(null), O = x(null), k = y(() => {
+		d(!1);
+	}, [d]);
 	b(() => {
-		if (!c) return;
-		v.current = f.current ?? document.activeElement;
-		let e = m(), t = g.current, n = () => {};
+		if (!u) return;
+		O.current = v.current ?? document.activeElement;
+		let e = m(), t = D.current, n = () => {};
 		return t != null && (n = h(t), window.requestAnimationFrame(() => {
-			p(t, o);
+			p(t, s);
 		})), () => {
-			n(), e(), v.current?.focus?.();
+			n(), e(), O.current?.focus?.();
 		};
 	}, [
-		o,
-		c,
-		f
+		s,
+		u,
+		v
 	]), b(() => {
-		if (!c || !d) return;
+		if (!u || !g) return;
 		function e(e) {
-			e.key === "Escape" && (e.preventDefault(), D());
+			e.key === "Escape" && (e.preventDefault(), k());
 		}
 		return document.addEventListener("keydown", e), () => {
 			document.removeEventListener("keydown", e);
 		};
 	}, [
-		D,
-		d,
-		c
+		k,
+		g,
+		u
 	]);
-	function O(e) {
-		if (!u) return;
+	function A(e) {
+		if (!f) return;
 		let t = e.target;
-		g.current?.contains(t) || D();
+		D.current?.contains(t) || k();
 	}
-	return typeof document > "u" ? null : E(/* @__PURE__ */ S(w, { children: c ? /* @__PURE__ */ C(T.div, {
-		className: i,
+	return typeof document > "u" ? null : E(/* @__PURE__ */ S(w, { children: u ? /* @__PURE__ */ C(T.div, {
+		className: e(i, c && "max-md:p-0 md:p-6"),
 		initial: { opacity: 0 },
 		animate: { opacity: 1 },
 		exit: { opacity: 0 },
 		transition: t("medium"),
-		onMouseDown: O,
+		onMouseDown: A,
 		children: [/* @__PURE__ */ S("div", {
 			className: r,
 			"aria-hidden": "true"
 		}), /* @__PURE__ */ S(T.div, {
-			ref: g,
-			className: "relative z-[1] flex w-full justify-center",
-			role: e,
+			ref: D,
+			className: e("relative z-[1] flex w-full justify-center", c && "h-full items-center"),
+			role: n,
 			"aria-modal": "true",
-			"aria-labelledby": n,
-			"aria-describedby": a,
+			"aria-labelledby": a,
+			"aria-describedby": o,
 			initial: {
 				opacity: 0,
 				scale: .96,
@@ -82,7 +82,7 @@ function D({ role: e, "aria-labelledby": n, "aria-describedby": a, initialFocusS
 			onMouseDown: (e) => {
 				e.stopPropagation();
 			},
-			children: s
+			children: l
 		})]
 	}) : null }), document.body);
 }
@@ -113,38 +113,40 @@ function k({ children: e, className: t }) {
 		children: e
 	});
 }
-function A({ title: t, description: r, headerStart: i, showClose: s = !0, footer: p, size: m = "md", className: h, children: g }) {
-	let { titleId: v, descriptionId: y, onOpenChange: b } = _("Dialog.Content"), x = t != null, w = r != null, T = g != null || !x && w, E = p != null, O = T || E;
+function A({ title: t, description: r, headerStart: i, showClose: s = !0, headerEnd: p, footer: m, size: h = "md", "aria-labelledby": g, className: v, children: y }) {
+	let { titleId: b, descriptionId: x, onOpenChange: w } = _("Dialog.Content"), T = t != null, E = r != null, O = y != null || !T && E, k = m != null, A = O || k;
 	return /* @__PURE__ */ S(D, {
 		role: "dialog",
-		"aria-labelledby": x ? v : void 0,
-		"aria-describedby": w ? y : void 0,
+		"aria-labelledby": T ? b : g,
+		"aria-describedby": E ? x : void 0,
+		fill: h === "full",
 		children: /* @__PURE__ */ C(n, {
 			padding: "none",
-			bodyTerminal: p == null,
-			className: e(o[m], c, d, a, h),
+			bodyTerminal: m == null,
+			className: e(o[h], c, h === "full" ? void 0 : d, a, v),
 			children: [
 				/* @__PURE__ */ S(f, {
-					titleId: v,
-					descriptionId: y,
+					titleId: b,
+					descriptionId: x,
 					title: t,
 					description: r,
 					headerStart: i,
+					headerEnd: p,
 					showClose: s,
 					closeLabel: "Close dialog",
-					onClose: () => b(!1)
+					onClose: () => w(!1)
 				}),
-				O ? /* @__PURE__ */ C("div", {
+				A ? /* @__PURE__ */ C("div", {
 					className: l,
-					children: [!x && w ? /* @__PURE__ */ S("p", {
-						id: y,
+					children: [!T && E ? /* @__PURE__ */ S("p", {
+						id: x,
 						className: "text-muted",
 						children: r
-					}) : null, g]
+					}) : null, y]
 				}) : null,
-				E ? /* @__PURE__ */ S("footer", {
+				k ? /* @__PURE__ */ S("footer", {
 					className: u,
-					children: p
+					children: m
 				}) : null
 			]
 		})

package/dist/components/organisms/Dialog/OverlayPanelHeader.d.ts

@@ -10,6 +10,8 @@ export interface OverlayPanelHeaderProps {
     descriptionClassName?: string;
     /** Leading slot — Lucide glyph, **Badge**, **Status**; same role as **Card.Header** `start`. */
     headerStart?: ReactNode;
+    /** Actions before the close — **IconButton** `size="sm"`, for example previous and next. */
+    headerEnd?: ReactNode;
     showClose?: boolean;
     closeLabel?: string;
     onClose?: () => void;
@@ -17,5 +19,5 @@ export interface OverlayPanelHeaderProps {
     delineated?: boolean;
     className?: string;
 }
-export declare function OverlayPanelHeader({ titleId, descriptionId, title, description, titleClassName, descriptionClassName, headerStart, showClose, closeLabel, onClose, delineated, className, }: OverlayPanelHeaderProps): import("react").JSX.Element | null;
+export declare function OverlayPanelHeader({ titleId, descriptionId, title, description, titleClassName, descriptionClassName, headerStart, headerEnd, showClose, closeLabel, onClose, delineated, className, }: OverlayPanelHeaderProps): import("react").JSX.Element | null;
 //# sourceMappingURL=OverlayPanelHeader.d.ts.map

package/dist/components/organisms/Dialog/OverlayPanelHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OverlayPanelHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/Dialog/OverlayPanelHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAiBvC,MAAM,WAAW,uBAAuB;IACtC,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,4FAA4F;IAC5F,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,4DAA4D;IAC5D,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,gGAAgG;IAChG,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,mFAAmF;IACnF,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,kBAAkB,CAAC,EACjC,OAAO,EACP,aAAa,EACb,KAAK,EACL,WAAW,EACX,cAAiC,EACjC,oBAA0C,EAC1C,WAAW,EACX,SAAgB,EAChB,UAAoB,EACpB,OAAO,EACP,UAAkB,EAClB,SAAS,GACV,EAAE,uBAAuB,sCA4DzB"}
+{"version":3,"file":"OverlayPanelHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/Dialog/OverlayPanelHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAiBvC,MAAM,WAAW,uBAAuB;IACtC,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,4FAA4F;IAC5F,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,4DAA4D;IAC5D,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,gGAAgG;IAChG,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,4FAA4F;IAC5F,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,mFAAmF;IACnF,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,kBAAkB,CAAC,EACjC,OAAO,EACP,aAAa,EACb,KAAK,EACL,WAAW,EACX,cAAiC,EACjC,oBAA0C,EAC1C,WAAW,EACX,SAAS,EACT,SAAgB,EAChB,UAAoB,EACpB,OAAO,EACP,UAAkB,EAClB,SAAS,GACV,EAAE,uBAAuB,sCAiEzB"}

package/dist/components/organisms/Dialog/OverlayPanelHeader.js

@@ -7,44 +7,47 @@ import { overlayPanelHeaderClasses as a, overlayPanelHeaderDelineatedInnerClasse
 import { X as u } from "lucide-react";
 import { jsx as d, jsxs as f } from "react/jsx-runtime";
 //#region src/components/organisms/Dialog/OverlayPanelHeader.tsx
-function p({ titleId: p, descriptionId: m, title: h, description: g, titleClassName: _ = r, descriptionClassName: v = n, headerStart: y, showClose: b = !0, closeLabel: x = "Close", onClose: S, delineated: C = !1, className: w }) {
-	let T = h != null, E = g != null;
-	if (!T && !b && y == null) return null;
-	let D = /* @__PURE__ */ d(i.Header, {
-		className: e(a, C ? o : void 0, w),
-		start: y != null || T ? /* @__PURE__ */ f("div", {
+function p({ titleId: p, descriptionId: m, title: h, description: g, titleClassName: _ = r, descriptionClassName: v = n, headerStart: y, headerEnd: b, showClose: x = !0, closeLabel: S = "Close", onClose: C, delineated: w = !1, className: T }) {
+	let E = h != null, D = g != null;
+	if (!E && !x && y == null && b == null) return null;
+	let O = /* @__PURE__ */ d(i.Header, {
+		className: e(a, w ? o : void 0, T),
+		start: y != null || E ? /* @__PURE__ */ f("div", {
 			className: c,
 			children: [y == null ? null : /* @__PURE__ */ d("div", {
 				className: l,
 				children: y
-			}), T ? /* @__PURE__ */ f("div", {
+			}), E ? /* @__PURE__ */ f("div", {
 				className: "flex min-w-0 flex-col gap-0",
 				children: [/* @__PURE__ */ d("h2", {
 					id: p,
 					className: _,
 					children: h
-				}), E ? /* @__PURE__ */ d("p", {
+				}), D ? /* @__PURE__ */ d("p", {
 					id: m,
 					className: v,
 					children: g
 				}) : null]
 			}) : null]
 		}) : null,
-		end: b ? /* @__PURE__ */ d(t, {
-			size: "sm",
-			role: "ghost",
-			icon: /* @__PURE__ */ d(u, { strokeWidth: 2 }),
-			"aria-label": x,
-			onClick: () => S?.()
+		end: x || b != null ? /* @__PURE__ */ f("div", {
+			className: "flex items-center gap-1",
+			children: [b, x ? /* @__PURE__ */ d(t, {
+				size: "sm",
+				role: "ghost",
+				icon: /* @__PURE__ */ d(u, { strokeWidth: 2 }),
+				"aria-label": S,
+				onClick: () => C?.()
+			}) : null]
 		}) : null
 	});
-	return C ? /* @__PURE__ */ f("div", {
+	return w ? /* @__PURE__ */ f("div", {
 		className: e(a, "w-full"),
-		children: [D, /* @__PURE__ */ d("hr", {
+		children: [O, /* @__PURE__ */ d("hr", {
 			className: s,
 			"aria-hidden": "true"
 		})]
-	}) : D;
+	}) : O;
 }
 //#endregion
 export { p as OverlayPanelHeader };

package/dist/components/organisms/Dialog/dialogStyles.d.ts

@@ -1,4 +1,4 @@
-export declare const dialogSizes: readonly ["sm", "md", "lg"];
+export declare const dialogSizes: readonly ["sm", "md", "lg", "full"];
 export type DialogSize = (typeof dialogSizes)[number];
 /** Full-viewport stack — backdrop + centered panel. */
 export declare const dialogOverlayRootClasses = "fixed inset-0 z-[100] flex items-center justify-center p-4";
@@ -6,6 +6,10 @@ export declare const dialogOverlayRootClasses = "fixed inset-0 z-[100] flex item
 export declare const dialogBackdropClasses: string;
 /** Centered panel width — layout-only on the Card shell. */
 export declare const dialogPanelSizeClasses: Record<DialogSize, string>;
+/** `size="full"` — no margin around the panel on phones, a wider one from tablet up. */
+export declare const dialogOverlayRootFullClasses = "max-md:p-0 md:p-6";
+/** `size="full"` — the panel's box fills the overlay, so the Card inside can take its height. */
+export declare const dialogPanelBoxFullClasses = "h-full items-center";
 /** Dialog body copy — typography only; horizontal inset comes from section stack / header. */
 export declare const dialogBodyCopyClasses: string;
 /** Muted copy in the dialog body slot — shared by **Dialog** and **AlertDialog**. */

package/dist/components/organisms/Dialog/dialogStyles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dialogStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/Dialog/dialogStyles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,WAAW,6BAA8B,CAAC;AAEvD,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC;AAEtD,uDAAuD;AACvD,eAAO,MAAM,wBAAwB,+DAA+D,CAAC;AAErG,uCAAuC;AACvC,eAAO,MAAM,qBAAqB,QAIjC,CAAC;AAEF,4DAA4D;AAC5D,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAI7D,CAAC;AAEF,8FAA8F;AAC9F,eAAO,MAAM,qBAAqB,QAAyC,CAAC;AAE5E,qFAAqF;AACrF,eAAO,MAAM,sBAAsB,QAA0C,CAAC;AAE9E,sFAAsF;AACtF,eAAO,MAAM,uBAAuB,QAAmB,CAAC;AAExD,qGAAqG;AACrG,eAAO,MAAM,iBAAiB,QAAoC,CAAC;AAEnE,yEAAyE;AACzE,eAAO,MAAM,mBAAmB,QAG/B,CAAC;AAEF,0EAA0E;AAC1E,eAAO,MAAM,wBAAwB,QAAsB,CAAC;AAE5D,4CAA4C;AAC5C,eAAO,MAAM,0BAA0B,iDAAiD,CAAC;AAEzF;;;GAGG;AACH,eAAO,MAAM,yBAAyB,0CAA0C,CAAC;AAEjF,qEAAqE;AACrE,eAAO,MAAM,4BAA4B,2BAA2B,CAAC;AAErE,eAAO,MAAM,yBAAyB,aAAa,CAAC;AAEpD,iGAAiG;AACjG,eAAO,MAAM,2BAA2B,mDAAmD,CAAC;AAE5F,eAAO,MAAM,iCAAiC,QAA8C,CAAC;AAE7F,eAAO,MAAM,iCAAiC,QAA8C,CAAC;AAE7F,iGAAiG;AACjG,eAAO,MAAM,wCAAwC,QAGpD,CAAC;AAEF,6DAA6D;AAC7D,eAAO,MAAM,wCAAwC,SAAS,CAAC;AAE/D,uGAAuG;AACvG,eAAO,MAAM,mCAAmC,QAG/C,CAAC;AAEF,mFAAmF;AACnF,eAAO,MAAM,qCAAqC,0CACT,CAAC;AAE1C,qDAAqD;AACrD,eAAO,MAAM,kCAAkC,wGACwD,CAAC;AAExG,qDAAqD;AACrD,eAAO,MAAM,wBAAwB,QAA+C,CAAC;AAErF,sEAAsE;AACtE,eAAO,MAAM,wBAAwB,gCAAgC,CAAC;AAEtE,eAAO,MAAM,+BAA+B,QAAyC,CAAC;AAEtF,eAAO,MAAM,6BAA6B,QAIzC,CAAC;AAEF,eAAO,MAAM,yBAAyB,QAAsC,CAAC;AAE7E,2GAA2G;AAC3G,eAAO,MAAM,uBAAuB,UAAU,CAAC;AAE/C,kFAAkF;AAClF,eAAO,MAAM,mCAAmC,QAG/C,CAAC;AAEF,mDAAmD;AACnD,eAAO,MAAM,+BAA+B,QAAwC,CAAC;AAErF,2DAA2D;AAC3D,eAAO,MAAM,wCAAwC,oBAAoB,CAAC;AAE1E,+DAA+D;AAC/D,eAAO,MAAM,wCAAwC,QAGpD,CAAC;AAEF,6EAA6E;AAC7E,eAAO,MAAM,mCAAmC,QAG/C,CAAC;AAEF,yFAAyF;AACzF,eAAO,MAAM,8BAA8B,QAG1C,CAAC"}
+{"version":3,"file":"dialogStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/Dialog/dialogStyles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,WAAW,qCAAsC,CAAC;AAE/D,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC;AAEtD,uDAAuD;AACvD,eAAO,MAAM,wBAAwB,+DAA+D,CAAC;AAErG,uCAAuC;AACvC,eAAO,MAAM,qBAAqB,QAIjC,CAAC;AAEF,4DAA4D;AAC5D,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAM7D,CAAC;AAEF,wFAAwF;AACxF,eAAO,MAAM,4BAA4B,sBAAsB,CAAC;AAEhE,iGAAiG;AACjG,eAAO,MAAM,yBAAyB,wBAAwB,CAAC;AAE/D,8FAA8F;AAC9F,eAAO,MAAM,qBAAqB,QAAyC,CAAC;AAE5E,qFAAqF;AACrF,eAAO,MAAM,sBAAsB,QAA0C,CAAC;AAE9E,sFAAsF;AACtF,eAAO,MAAM,uBAAuB,QAAmB,CAAC;AAExD,qGAAqG;AACrG,eAAO,MAAM,iBAAiB,QAAoC,CAAC;AAEnE,yEAAyE;AACzE,eAAO,MAAM,mBAAmB,QAG/B,CAAC;AAEF,0EAA0E;AAC1E,eAAO,MAAM,wBAAwB,QAAsB,CAAC;AAE5D,4CAA4C;AAC5C,eAAO,MAAM,0BAA0B,iDAAiD,CAAC;AAEzF;;;GAGG;AACH,eAAO,MAAM,yBAAyB,0CAA0C,CAAC;AAEjF,qEAAqE;AACrE,eAAO,MAAM,4BAA4B,2BAA2B,CAAC;AAErE,eAAO,MAAM,yBAAyB,aAAa,CAAC;AAEpD,iGAAiG;AACjG,eAAO,MAAM,2BAA2B,mDAAmD,CAAC;AAE5F,eAAO,MAAM,iCAAiC,QAA8C,CAAC;AAE7F,eAAO,MAAM,iCAAiC,QAA8C,CAAC;AAE7F,iGAAiG;AACjG,eAAO,MAAM,wCAAwC,QAGpD,CAAC;AAEF,6DAA6D;AAC7D,eAAO,MAAM,wCAAwC,SAAS,CAAC;AAE/D,uGAAuG;AACvG,eAAO,MAAM,mCAAmC,QAG/C,CAAC;AAEF,mFAAmF;AACnF,eAAO,MAAM,qCAAqC,0CACT,CAAC;AAE1C,qDAAqD;AACrD,eAAO,MAAM,kCAAkC,wGACwD,CAAC;AAExG,qDAAqD;AACrD,eAAO,MAAM,wBAAwB,QAA+C,CAAC;AAErF,sEAAsE;AACtE,eAAO,MAAM,wBAAwB,gCAAgC,CAAC;AAEtE,eAAO,MAAM,+BAA+B,QAAyC,CAAC;AAEtF,eAAO,MAAM,6BAA6B,QAIzC,CAAC;AAEF,eAAO,MAAM,yBAAyB,QAAsC,CAAC;AAE7E,2GAA2G;AAC3G,eAAO,MAAM,uBAAuB,UAAU,CAAC;AAE/C,kFAAkF;AAClF,eAAO,MAAM,mCAAmC,QAG/C,CAAC;AAEF,mDAAmD;AACnD,eAAO,MAAM,+BAA+B,QAAwC,CAAC;AAErF,2DAA2D;AAC3D,eAAO,MAAM,wCAAwC,oBAAoB,CAAC;AAE1E,+DAA+D;AAC/D,eAAO,MAAM,wCAAwC,QAGpD,CAAC;AAEF,6EAA6E;AAC7E,eAAO,MAAM,mCAAmC,QAG/C,CAAC;AAEF,yFAAyF;AACzF,eAAO,MAAM,8BAA8B,QAG1C,CAAC"}

package/dist/components/organisms/Dialog/dialogStyles.js

@@ -7,18 +7,20 @@ import { cardLayoutSectionInsetXClasses as r, cardTitleClasses as i } from "../.
 var a = [
 	"sm",
 	"md",
-	"lg"
+	"lg",
+	"full"
 ], o = "fixed inset-0 z-[100] flex items-center justify-center p-4", s = e("absolute inset-0 bg-overlay", "transition-opacity", n("medium")), c = {
 	sm: "w-full max-w-sm",
 	md: "w-full max-w-lg",
-	lg: "w-full max-w-2xl"
-}, l = e(t("body"), "text-fg"), u = e(l, "text-muted"), d = i;
-e(l, "px-4");
-var f = e(r, "flex w-full items-center justify-end gap-2"), p = "flex shrink-0 items-center justify-end gap-2", m = "flex min-h-0 flex-col overflow-hidden", h = "max-h-[min(85vh,100%)]", g = "shrink-0", _ = "m-0 w-full shrink-0 border-0 border-border p-0", v = e(_, "border-b"), y = e(_, "border-t"), b = e(g, "border-b border-border"), x = "pb-3";
-e(b, x);
-var S = "flex min-w-0 flex-1 items-start gap-3", C = "flex shrink-0 items-center pt-0.5 text-muted [&>svg]:size-5 [&>svg]:shrink-0 [&>svg]:stroke-current";
-e(l, "pt-1 text-muted");
-var w = "flex min-h-0 flex-col gap-3", T = e(w, "h-full"), E = e(l, r, "min-h-0 flex-1 overflow-y-auto overscroll-contain"), D = e(f, "shrink-0"), O = "gap-4", k = e(E, "py-1"), A = e(D, "pt-2"), j = "shrink-0 w-full", M = e(f, "pt-3 pb-4"), N = e(j, "border-t border-border pt-3");
-e(N, "pb-4");
+	lg: "w-full max-w-2xl",
+	full: "h-full w-full max-w-[90rem] max-md:rounded-none md:max-h-[60rem]"
+}, l = "max-md:p-0 md:p-6", u = "h-full items-center", d = e(t("body"), "text-fg"), f = e(d, "text-muted"), p = i;
+e(d, "px-4");
+var m = e(r, "flex w-full items-center justify-end gap-2"), h = "flex shrink-0 items-center justify-end gap-2", g = "flex min-h-0 flex-col overflow-hidden", _ = "max-h-[min(85vh,100%)]", v = "shrink-0", y = "m-0 w-full shrink-0 border-0 border-border p-0", b = e(y, "border-b"), x = e(y, "border-t"), S = e(v, "border-b border-border"), C = "pb-3";
+e(S, C);
+var w = "flex min-w-0 flex-1 items-start gap-3", T = "flex shrink-0 items-center pt-0.5 text-muted [&>svg]:size-5 [&>svg]:shrink-0 [&>svg]:stroke-current";
+e(d, "pt-1 text-muted");
+var E = "flex min-h-0 flex-col gap-3", D = e(E, "h-full"), O = e(d, r, "min-h-0 flex-1 overflow-y-auto overscroll-contain"), k = e(m, "shrink-0"), A = "gap-4", j = e(O, "py-1"), M = e(k, "pt-2"), N = "shrink-0 w-full", P = e(m, "pt-3 pb-4"), F = e(N, "border-t border-border pt-3");
+e(F, "pb-4");
 //#endregion
-export { d as alertDialogTitleClasses, s as dialogBackdropClasses, l as dialogBodyCopyClasses, u as dialogBodyMutedClasses, p as dialogFooterActionsClasses, f as dialogFooterClasses, o as dialogOverlayRootClasses, O as dialogPanelShellClasses, c as dialogPanelSizeClasses, a as dialogSizes, E as overlayPanelBodyScrollClasses, m as overlayPanelChromeClasses, k as overlayPanelDialogBodyScrollClasses, A as overlayPanelDialogFooterClasses, D as overlayPanelFooterClasses, N as overlayPanelFooterDelineatedClasses, M as overlayPanelFooterDelineatedInnerClasses, j as overlayPanelFooterDelineatedShellClasses, y as overlayPanelFooterHairlineClasses, _ as overlayPanelHairlineClasses, g as overlayPanelHeaderClasses, x as overlayPanelHeaderDelineatedInnerClasses, b as overlayPanelHeaderDelineatedShellClasses, v as overlayPanelHeaderHairlineClasses, S as overlayPanelHeaderStartClusterClasses, C as overlayPanelHeaderStartSlotClasses, h as overlayPanelMaxHeightClasses, T as overlayPanelSectionStackClasses, w as overlayPanelStackClasses };
+export { p as alertDialogTitleClasses, s as dialogBackdropClasses, d as dialogBodyCopyClasses, f as dialogBodyMutedClasses, h as dialogFooterActionsClasses, m as dialogFooterClasses, o as dialogOverlayRootClasses, l as dialogOverlayRootFullClasses, u as dialogPanelBoxFullClasses, A as dialogPanelShellClasses, c as dialogPanelSizeClasses, a as dialogSizes, O as overlayPanelBodyScrollClasses, g as overlayPanelChromeClasses, j as overlayPanelDialogBodyScrollClasses, M as overlayPanelDialogFooterClasses, k as overlayPanelFooterClasses, F as overlayPanelFooterDelineatedClasses, P as overlayPanelFooterDelineatedInnerClasses, N as overlayPanelFooterDelineatedShellClasses, x as overlayPanelFooterHairlineClasses, y as overlayPanelHairlineClasses, v as overlayPanelHeaderClasses, C as overlayPanelHeaderDelineatedInnerClasses, S as overlayPanelHeaderDelineatedShellClasses, b as overlayPanelHeaderHairlineClasses, w as overlayPanelHeaderStartClusterClasses, T as overlayPanelHeaderStartSlotClasses, _ as overlayPanelMaxHeightClasses, D as overlayPanelSectionStackClasses, E as overlayPanelStackClasses };

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

@@ -0,0 +1,54 @@
+import { type ReactElement, type ReactNode } from "react";
+import { type FilterPanelGroup, type FilterSelection } from "./filterSelection";
+export { countFilterOptions, filterFacetValues, filterSelectionCount, matchesFilterSelection, useFilterSelection, type FilterFacets, type FilterPanelGroup, type FilterPanelOption, type FilterSelection, type UseFilterSelectionOptions, } from "./filterSelection";
+/** Layout-only — grid placement and which breakpoints show the part. */
+export type FilterPanelLayoutClassName = string;
+export interface FilterPanelLabels {
+    /** The panel's caption, the Sheet's title, and the trigger's label. Default: "Filters". */
+    title: string;
+    /** Default: "Clear all". */
+    clear: string;
+    /** The Sheet's closing button, from `resultsLabel`. Default: "Show 3 posts". */
+    show: (resultsLabel: string) => string;
+}
+export interface FilterPanelProps {
+    /** The filter groups, each with its options. `countFilterOptions` adds the counts. */
+    groups: FilterPanelGroup[];
+    /** The options on in each group. Hold it with `useFilterSelection`. */
+    selection: FilterSelection;
+    /** Every change: an option on or off, or Clear all (an empty selection). */
+    onSelectionChange: (selection: FilterSelection) => void;
+    /** What is showing, for the Sheet's closing button — "3 posts" reads "Show 3 posts". */
+    resultsLabel: string;
+    labels?: Partial<FilterPanelLabels>;
+    /** The page: **FilterPanel.Trigger**, **FilterPanel.Rail**, and **FilterPanel.Sheet** go anywhere inside. */
+    children?: ReactNode;
+}
+export interface FilterPanelRailProps {
+    /** Placement, and where it shows — for example `"hidden md:col-span-3 md:block"`. */
+    className?: FilterPanelLayoutClassName;
+}
+export interface FilterPanelTriggerProps {
+    /** Replaces the leading icon. */
+    icon?: ReactElement;
+    /** Placement, and where it shows — for example `"md:hidden"`. */
+    className?: FilterPanelLayoutClassName;
+}
+/**
+ * Checkbox filters for an index page — a side rail from tablet up and the same groups in a bottom
+ * **Sheet** on phones, over one selection. It renders no element of its own: place its parts on
+ * the page grid.
+ */
+declare function FilterPanelRoot({ groups, selection, onSelectionChange, resultsLabel, labels, children }: FilterPanelProps): import("react").JSX.Element;
+/** The side rail: the caption with Clear all at its end, over the groups. */
+declare function FilterPanelRail({ className }: FilterPanelRailProps): import("react").JSX.Element;
+/** Opens the Sheet. Its count is how many options are on. */
+declare function FilterPanelTrigger({ icon, className }: FilterPanelTriggerProps): import("react").JSX.Element;
+/** The same groups in a bottom Sheet, with Clear all and a button that closes it on the results. */
+declare function FilterPanelSheet(): import("react").JSX.Element;
+export declare const FilterPanel: typeof FilterPanelRoot & {
+    Rail: typeof FilterPanelRail;
+    Trigger: typeof FilterPanelTrigger;
+    Sheet: typeof FilterPanelSheet;
+};
+//# sourceMappingURL=FilterPanel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FilterPanel.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/FilterPanel/FilterPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuD,KAAK,YAAY,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAO/G,OAAO,EAAwB,KAAK,gBAAgB,EAAE,KAAK,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEtG,OAAO,EACL,kBAAkB,EAClB,iBAAiB,EACjB,oBAAoB,EACpB,sBAAsB,EACtB,kBAAkB,EAClB,KAAK,YAAY,EACjB,KAAK,gBAAgB,EACrB,KAAK,iBAAiB,EACtB,KAAK,eAAe,EACpB,KAAK,yBAAyB,GAC/B,MAAM,mBAAmB,CAAC;AAE3B,wEAAwE;AACxE,MAAM,MAAM,0BAA0B,GAAG,MAAM,CAAC;AAEhD,MAAM,WAAW,iBAAiB;IAChC,2FAA2F;IAC3F,KAAK,EAAE,MAAM,CAAC;IACd,4BAA4B;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,gFAAgF;IAChF,IAAI,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,MAAM,CAAC;CACxC;AAED,MAAM,WAAW,gBAAgB;IAC/B,sFAAsF;IACtF,MAAM,EAAE,gBAAgB,EAAE,CAAC;IAC3B,uEAAuE;IACvE,SAAS,EAAE,eAAe,CAAC;IAC3B,4EAA4E;IAC5E,iBAAiB,EAAE,CAAC,SAAS,EAAE,eAAe,KAAK,IAAI,CAAC;IACxD,wFAAwF;IACxF,YAAY,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC,iBAAiB,CAAC,CAAC;IACpC,6GAA6G;IAC7G,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,WAAW,oBAAoB;IACnC,qFAAqF;IACrF,SAAS,CAAC,EAAE,0BAA0B,CAAC;CACxC;AAED,MAAM,WAAW,uBAAuB;IACtC,iCAAiC;IACjC,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,iEAAiE;IACjE,SAAS,CAAC,EAAE,0BAA0B,CAAC;CACxC;AA2BD;;;;GAIG;AACH,iBAAS,eAAe,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,gBAAgB,+BAiBlH;AAiCD,6EAA6E;AAC7E,iBAAS,eAAe,CAAC,EAAE,SAAS,EAAE,EAAE,oBAAoB,+BAmB3D;AAED,6DAA6D;AAC7D,iBAAS,kBAAkB,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,uBAAuB,+BAcvE;AAED,oGAAoG;AACpG,iBAAS,gBAAgB,gCAuBxB;AAED,eAAO,MAAM,WAAW;;;;CAItB,CAAC"}

package/dist/components/organisms/FilterPanel/FilterPanel.js

@@ -0,0 +1,137 @@
+"use client";
+import { Button as e } from "../../atoms/Button/Button.js";
+import { SectionCaption as t } from "../../atoms/SectionCaption/SectionCaption.js";
+import { Accordion as n } from "../../molecules/Accordion/Accordion.js";
+import { CheckboxGroup as r } from "../../molecules/CheckboxGroup/CheckboxGroup.js";
+import { Sheet as i } from "../Sheet/Sheet.js";
+import { countFilterOptions as a, filterFacetValues as o, filterSelectionCount as s, matchesFilterSelection as c, useFilterSelection as l } from "./filterSelection.js";
+import { createContext as u, useContext as d, useId as f, useMemo as p, useState as m } from "react";
+import { SlidersHorizontal as h } from "lucide-react";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+//#region src/components/organisms/FilterPanel/FilterPanel.tsx
+var v = {
+	title: "Filters",
+	clear: "Clear all",
+	show: (e) => `Show ${e}`
+}, y = u(null);
+function b(e) {
+	let t = d(y);
+	if (t == null) throw Error(`[WMDS FilterPanel] ${e} must be inside <FilterPanel>.`);
+	return t;
+}
+function x({ groups: e, selection: t, onSelectionChange: n, resultsLabel: r, labels: i, children: a }) {
+	let [o, c] = m(!1), l = p(() => ({
+		groups: e,
+		selection: t,
+		onSelectionChange: n,
+		resultsLabel: r,
+		labels: {
+			...v,
+			...i
+		},
+		activeCount: s(t),
+		sheetOpen: o,
+		setSheetOpen: c
+	}), [
+		e,
+		t,
+		n,
+		r,
+		i,
+		o
+	]);
+	return /* @__PURE__ */ g(y.Provider, {
+		value: l,
+		children: a
+	});
+}
+function S() {
+	let { groups: e, selection: t, onSelectionChange: i } = b("FilterPanel.Groups");
+	return /* @__PURE__ */ g(n, {
+		variant: "plain",
+		flush: !0,
+		children: e.map((e) => /* @__PURE__ */ g(n.Item, {
+			label: e.label,
+			defaultOpen: !0,
+			children: /* @__PURE__ */ g(r, {
+				label: e.label,
+				labelHidden: !0,
+				size: "sm",
+				values: t[e.id] ?? [],
+				onValuesChange: (n) => i({
+					...t,
+					[e.id]: n
+				}),
+				children: e.options.map((e) => /* @__PURE__ */ g(r.Item, {
+					value: e.value,
+					label: e.label,
+					count: e.count,
+					countLabel: e.countLabel
+				}, e.value))
+			})
+		}, e.id))
+	});
+}
+function C({ className: n }) {
+	let { labels: r, activeCount: i, onSelectionChange: a } = b("FilterPanel.Rail"), o = f();
+	return /* @__PURE__ */ _("aside", {
+		"aria-labelledby": o,
+		className: n,
+		"data-filter-panel-rail": "",
+		children: [/* @__PURE__ */ g(t, {
+			id: o,
+			end: /* @__PURE__ */ g(e, {
+				role: "ghost",
+				size: "xs",
+				disabled: i === 0,
+				onClick: () => a({}),
+				children: r.clear
+			}),
+			children: r.title
+		}), /* @__PURE__ */ g(S, {})]
+	});
+}
+function w({ icon: t, className: n }) {
+	let { labels: r, activeCount: i, setSheetOpen: a } = b("FilterPanel.Trigger");
+	return /* @__PURE__ */ g(e, {
+		role: "secondary",
+		icon: t ?? /* @__PURE__ */ g(h, {}),
+		count: i > 0 ? i : void 0,
+		className: n,
+		onClick: () => a(!0),
+		children: r.title
+	});
+}
+function T() {
+	let { labels: t, activeCount: n, onSelectionChange: r, resultsLabel: a, sheetOpen: o, setSheetOpen: s } = b("FilterPanel.Sheet");
+	return /* @__PURE__ */ g(i, {
+		open: o,
+		onOpenChange: s,
+		children: /* @__PURE__ */ g(i.Content, {
+			title: t.title,
+			footer: /* @__PURE__ */ _("div", {
+				className: "flex items-center justify-end gap-2",
+				children: [/* @__PURE__ */ g(e, {
+					role: "secondary",
+					size: "sm",
+					disabled: n === 0,
+					onClick: () => r({}),
+					children: t.clear
+				}), /* @__PURE__ */ g(e, {
+					role: "primary",
+					size: "sm",
+					onClick: () => s(!1),
+					children: t.show(a)
+				})]
+			}),
+			children: /* @__PURE__ */ g(S, {})
+		})
+	});
+}
+var E = Object.assign(x, {
+	Rail: C,
+	Trigger: w,
+	Sheet: T
+});
+//#endregion
+export { E as FilterPanel, a as countFilterOptions, o as filterFacetValues, s as filterSelectionCount, c as matchesFilterSelection, l as useFilterSelection };

package/dist/components/organisms/FilterPanel/filterSelection.d.ts

@@ -0,0 +1,44 @@
+/** An item's options in each filter group, by group id — one or several, for example `{ topic: ["guides", "brand"] }`. */
+export type FilterFacets = Record<string, string | string[]>;
+/** The options on in each group, by group id — for example `{ topic: ["guides"] }`. */
+export type FilterSelection = Record<string, string[]>;
+export interface FilterPanelOption {
+    value: string;
+    label: string;
+    /** How many items carry this option — a muted number at the row's end. `countFilterOptions` fills it. */
+    count?: number;
+    /** What the count counts, for screen readers — "2 posts". */
+    countLabel?: string;
+}
+export interface FilterPanelGroup {
+    id: string;
+    label: string;
+    options: FilterPanelOption[];
+}
+/** An item's options in one group, as a list. */
+export declare function filterFacetValues(facets: FilterFacets, groupId: string): string[];
+/**
+ * Whether an item shows: in every group with options on, it has at least one of them. Within a
+ * group the options are alternatives; across groups they combine.
+ */
+export declare function matchesFilterSelection(facets: FilterFacets, selection: FilterSelection): boolean;
+/** How many options are on, across all groups. */
+export declare function filterSelectionCount(selection: FilterSelection): number;
+/**
+ * The groups with each option's `count` over all items (not only the ones showing), and its
+ * `countLabel` when `label` is passed — `countFilterOptions(groups, posts, (n) => n === 1 ? "1 post" : n + " posts")`.
+ */
+export declare function countFilterOptions(groups: FilterPanelGroup[], items: {
+    facets: FilterFacets;
+}[], label?: (count: number) => string): FilterPanelGroup[];
+export interface UseFilterSelectionOptions {
+    /** The filters on when the page opens — for example `{ topic: ["guides"] }` from /blog?topic=guides. */
+    defaultSelection?: FilterSelection;
+    /** The filters on, when the app holds them — for example in the URL. Pass with `onSelectionChange`. */
+    selection?: FilterSelection;
+    /** Every change: an option on or off, or Clear all. */
+    onSelectionChange?: (selection: FilterSelection) => void;
+}
+/** The page's filter state: its own (from `defaultSelection`), or the app's (`selection` + `onSelectionChange`). */
+export declare function useFilterSelection({ defaultSelection, selection: selectionProp, onSelectionChange, }?: UseFilterSelectionOptions): [FilterSelection, (selection: FilterSelection) => void];
+//# sourceMappingURL=filterSelection.d.ts.map

package/dist/components/organisms/FilterPanel/filterSelection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"filterSelection.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/FilterPanel/filterSelection.ts"],"names":[],"mappings":"AAEA,0HAA0H;AAC1H,MAAM,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC,CAAC;AAE7D,uFAAuF;AACvF,MAAM,MAAM,eAAe,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;AAEvD,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,yGAAyG;IACzG,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6DAA6D;IAC7D,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,gBAAgB;IAC/B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,iBAAiB,EAAE,CAAC;CAC9B;AAED,iDAAiD;AACjD,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,GAAG,MAAM,EAAE,CAGjF;AAED;;;GAGG;AACH,wBAAgB,sBAAsB,CAAC,MAAM,EAAE,YAAY,EAAE,SAAS,EAAE,eAAe,GAAG,OAAO,CAKhG;AAED,kDAAkD;AAClD,wBAAgB,oBAAoB,CAAC,SAAS,EAAE,eAAe,GAAG,MAAM,CAEvE;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,CAChC,MAAM,EAAE,gBAAgB,EAAE,EAC1B,KAAK,EAAE;IAAE,MAAM,EAAE,YAAY,CAAA;CAAE,EAAE,EACjC,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,GAChC,gBAAgB,EAAE,CAQpB;AAED,MAAM,WAAW,yBAAyB;IACxC,wGAAwG;IACxG,gBAAgB,CAAC,EAAE,eAAe,CAAC;IACnC,uGAAuG;IACvG,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,uDAAuD;IACvD,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,eAAe,KAAK,IAAI,CAAC;CAC1D;AAED,oHAAoH;AACpH,wBAAgB,kBAAkB,CAAC,EACjC,gBAAgB,EAChB,SAAS,EAAE,aAAa,EACxB,iBAAiB,GAClB,GAAE,yBAA8B,GAAG,CAAC,eAAe,EAAE,CAAC,SAAS,EAAE,eAAe,KAAK,IAAI,CAAC,CAS1F"}

package/dist/components/organisms/FilterPanel/filterSelection.js

@@ -0,0 +1,35 @@
+"use client";
+import { useState as e } from "react";
+//#region src/components/organisms/FilterPanel/filterSelection.ts
+function t(e, t) {
+	let n = e[t];
+	return n == null ? [] : Array.isArray(n) ? n : [n];
+}
+function n(e, n) {
+	return Object.entries(n).every(([n, r]) => r.length === 0 || t(e, n).some((e) => r.includes(e)));
+}
+function r(e) {
+	return Object.values(e).reduce((e, t) => e + t.length, 0);
+}
+function i(e, n, r) {
+	return e.map((e) => ({
+		...e,
+		options: e.options.map((i) => {
+			let a = n.filter((n) => t(n.facets, e.id).includes(i.value)).length;
+			return {
+				...i,
+				count: a,
+				countLabel: r?.(a) ?? i.countLabel
+			};
+		})
+	}));
+}
+function a({ defaultSelection: t, selection: n, onSelectionChange: r } = {}) {
+	let [i, a] = e(t ?? {});
+	function o(e) {
+		n ?? a(e), r?.(e);
+	}
+	return [n ?? i, o];
+}
+//#endregion
+export { i as countFilterOptions, t as filterFacetValues, r as filterSelectionCount, n as matchesFilterSelection, a as useFilterSelection };

package/dist/index.d.ts

@@ -34,6 +34,7 @@ export { FloatingActionButton, type FloatingActionButtonItem, type FloatingActio
 export { HeroIntro, heroIntroSteps, type HeroIntroLayoutClassName, type HeroIntroProps, type HeroIntroStep, } from "./components/molecules/HeroIntro/HeroIntro";
 export { IndexList, indexListSizes, indexListTitleElements, type IndexListCaptions, type IndexListItemProps, type IndexListLayoutClassName, type IndexListProps, type IndexListSize, type IndexListTitleElement, } from "./components/molecules/IndexList/IndexList";
 export { IntakeForm, intakeAboutEmpty, intakeDetailsMax, isIntakeAboutValid, isIntakeUrlValid, type IntakeAboutValues, type IntakeFormLayoutClassName, type IntakeFormProps, } from "./components/molecules/IntakeForm/IntakeForm";
+export { LinkTile, linkTileLoadingRatio, type LinkTileLayoutClassName, type LinkTileProps, } from "./components/molecules/LinkTile/LinkTile";
 export { NavList, navListLabelAlignments, type NavListIcon, type NavListItemDef, type NavListItemProps, type NavListLabelAlignment, type NavListLayoutClassName, type NavListProps, type NavListSectionDef, type NavListSectionProps, } from "./components/molecules/NavList/NavList";
 export { PageHeader, pageHeaderAppBandHeightClasses, pageHeaderVariants, type PageHeaderLayoutClassName, type PageHeaderProps, type PageHeaderVariant, } from "./components/molecules/PageHeader/PageHeader";
 export { PillGroup, pillGroupEmphases, type PillGroupEmphasis, type PillGroupItemProps, type PillGroupLayoutClassName, type PillGroupProps, } from "./components/molecules/PillGroup/PillGroup";
@@ -47,6 +48,7 @@ export { Stat, statGroupColumns, statGroupGridClasses, statSizes, statTrendDirec
 export { StepProgress, isStepProgressSegmentFilled, stepProgressLabel, type StepProgressLayoutClassName, type StepProgressProps, } from "./components/molecules/StepProgress/StepProgress";
 export { TaskRows, taskRowStatuses, taskRowsDetailLayouts, taskRowsDetailVariants, taskRowsVariants, type TaskRowStatus, type TaskRowsDetailLayout, type TaskRowsDetailProps, type TaskRowsDetailVariant, type TaskRowsItemProps, type TaskRowsLabels, type TaskRowsLayoutClassName, type TaskRowsProps, type TaskRowsVariant, } from "./components/molecules/TaskRows/TaskRows";
 export { TextSequence, sequencePlainText, textSequenceDefaultDelay, textSequenceDefaultStagger, textSequenceEmphases, textSequenceShapeTones, textSequenceShapeVariants, textSequenceTriggers, type TextSequenceEmphasis, type TextSequenceLayoutClassName, type TextSequenceProps, type TextSequenceShapeLayoutClassName, type TextSequenceShapeProps, type TextSequenceShapeTone, type TextSequenceShapeVariant, type TextSequenceTrigger, } from "./components/molecules/TextSequence/TextSequence";
+export { TileGrid, tileGridBreakpoints, tileGridDefaultColumns, tileGridLayouts, type TileGridBreakpoint, type TileGridColumns, type TileGridItemProps, type TileGridLayout, type TileGridLayoutClassName, type TileGridProps, } from "./components/molecules/TileGrid/TileGrid";
 export { Carousel, carouselBreakpoints, carouselDefaultItemWidth, carouselProgressPlacements, type CarouselBreakpoint, type CarouselItemProps, type CarouselItemWidth, type CarouselLabels, type CarouselLayoutClassName, type CarouselProgressPlacement, type CarouselProps, } from "./components/organisms/Carousel/Carousel";
 export { Chart, ChartCartesian, ChartCartesianNoData, ChartDistributionStrip, ChartHeatmap, ChartLoading, ChartLegend, ChartRankedBars, ChartTooltipContent, ChartUnitGrid, chartCartesianDefinedSegments, chartCartesianGapBands, chartCartesianGapRuns, chartCartesianHasPlottableValues, chartCartesianNoDataLabelDefault, chartFormatPercent, isChartCartesianNumber, isChartCartesianSeriesDefined, resolveChartCartesianGapKeys, resolveChartCartesianNoData, chartKpiHeroRowClasses, chartKpiHeroValueClasses, chartKpiTrendLabelClasses, chartKpiTrendRowClasses, chartKpiTrendValueClasses, chartMaxTicksForWidth, chartSegmentBarWidth, chartSegmentFillVariants, chartSegmentPresets, chartSegmentTickSpec, resolveCapacityBarLayout, resolveSegmentBarConfig, type ChartLayoutClassName, type ChartDistributionItem, type ChartDistributionReference, type ChartDistributionStripLayoutClassName, type ChartDistributionStripProps, type ChartHeatmapAxisItem, type ChartHeatmapCell, type ChartHeatmapLayoutClassName, type ChartHeatmapProps, type ChartRankedBarItem, type ChartRankedBarsAnimate, type ChartRankedBarsLayoutClassName, type ChartRankedBarsProps, type ChartSegmentFillVariant, type ChartSegmentPreset, type ChartSegmentedBarProps, type ChartTone, type ChartUnitGridLayoutClassName, type ChartUnitGridPart, type ChartUnitGridProps, } from "./components/organisms/Chart/Chart";
 export { ChatDock, ChatDockGate, chatDockDefaultLabels, chatDockFollowUpsPlacements, chatDockGateDefaultLabels, chatDockPlacements, type ChatDockFeedback, type ChatDockFollowUpsPlacement, type ChatDockGateLabels, type ChatDockGateProps, type ChatDockLabels, type ChatDockLayoutClassName, type ChatDockMessage, type ChatDockMessageMeta, type ChatDockPlacement, type ChatDockProps, type ChatDockSuggestion, } from "./components/organisms/ChatDock/ChatDock";
@@ -58,6 +60,7 @@ export { dialogFooterActionsClasses, dialogFooterClasses, } from "./components/o
 export { Panel, panelSides, panelSizes, type PanelContentProps, type PanelLayoutClassName, type PanelProps, type PanelSide, type PanelSize, } from "./components/organisms/Panel/Panel";
 export { Sheet, sheetSides, sheetSizes, type SheetContentProps, type SheetLayoutClassName, type SheetProps, type SheetSide, type SheetSize, } from "./components/organisms/Sheet/Sheet";
 export { SiteNav, siteNavCompactLayouts, siteNavDefaultCollapseAt, siteNavDefaultCollapseRatio, siteNavExpandedHeightClasses, siteNavMenuReadRowClasses, siteNavMenuReadThumbClasses, siteNavPlacements, siteNavStates, type SiteNavBrandProps, type SiteNavCompactLayout, type SiteNavFeaturedProps, type SiteNavLinkProps, type SiteNavLinksProps, type SiteNavMenuLinkProps, type SiteNavMenuMediaProps, type SiteNavMenuProps, type SiteNavMenuSectionProps, type SiteNavMobileLinkProps, type SiteNavPlacement, type SiteNavProps, type SiteNavReadRowProps, type SiteNavState, } from "./components/organisms/SiteNav/SiteNav";
+export { FilterPanel, countFilterOptions, filterFacetValues, filterSelectionCount, matchesFilterSelection, useFilterSelection, type FilterFacets, type FilterPanelGroup, type FilterPanelLabels, type FilterPanelLayoutClassName, type FilterPanelOption, type FilterPanelProps, type FilterPanelRailProps, type FilterPanelTriggerProps, type FilterSelection, type UseFilterSelectionOptions, } from "./components/organisms/FilterPanel/FilterPanel";
 export { FooterReveal, useFooterRevealProgress, footerRevealFieldClasses, footerRevealFieldLinkClasses, footerRevealRuledEmailHref, footerRevealRuledFieldClasses, type FooterRevealBrandProps, type FooterRevealContentProps, type FooterRevealFooterProps, type FooterRevealLayoutClassName, type FooterRevealProps, type FooterRevealRuledLink, type FooterRevealRuledProps, type FooterRevealSocialLink, } from "./components/organisms/FooterReveal/FooterReveal";
 export { HeroTileStack, heroTileRepel, heroTileRestingLayout, heroTileStackDefaultFalloff, heroTileStackDefaultMaxVertical, heroTileStackDefaultSpring, heroTileStackDefaultStrength, heroTileStackDefaultTileSize, heroTileStackDefaultVelocityFactor, heroTileStackReferenceSize, heroTileStackSizeScale, heroTileStackTapHoldMs, heroTileStackVelocityXShare, heroTileVelocityY, type HeroTileRepel, type HeroTileRepelInput, type HeroTileRestingLayout, type HeroTileStackLayoutClassName, type HeroTileStackProps, type HeroTileStackSpring, type HeroTileStackTile, type HeroTileVelocityInput, } from "./components/organisms/HeroTileStack/HeroTileStack";
 export { IntakeConfirmation, intakeConfirmationCopy, intakeConfirmationVariants, intakeConfettiColors, type IntakeConfirmationLayoutClassName, type IntakeConfirmationProps, type IntakeConfirmationVariant, } from "./components/organisms/IntakeConfirmation/IntakeConfirmation";