@thewhatmatters/wmds 0.4.42 → 0.4.45

package/dist/components/molecules/TileGrid/TileGrid.js

@@ -1,28 +1,29 @@
 "use client";
 import { cn as e } from "../../../lib/cn.js";
 import { motionTransitionProp as t } from "../../../lib/motion.js";
-import { tileGridBreakpoints as n, tileGridDefaultColumns as r, tileGridEmptyClasses as i, tileGridItemClasses as a, tileGridItemInnerClasses as o, tileGridLayouts as s, tileGridListClasses as c, tileGridRootClasses as l } from "./tileGridStyles.js";
-import { tileGridColumnCount as u, tileGridResolveColumns as d, tileGridRowSpan as f } from "./tileGridMath.js";
-import { Children as p, forwardRef as m, isValidElement as h, useLayoutEffect as g, useMemo as _, useRef as v } from "react";
-import { jsx as y } from "react/jsx-runtime";
-import { AnimatePresence as b, motion as x, useReducedMotion as S } from "motion/react";
+import { emptySlot as n } from "../EmptyState/EmptyState.js";
+import { tileGridBreakpoints as r, tileGridDefaultColumns as i, tileGridEmptyClasses as a, tileGridItemClasses as o, tileGridItemInnerClasses as s, tileGridLayouts as c, tileGridListClasses as l, tileGridRootClasses as u } from "./tileGridStyles.js";
+import { tileGridColumnCount as d, tileGridResolveColumns as f, tileGridRowSpan as p } from "./tileGridMath.js";
+import { Children as m, forwardRef as h, isValidElement as g, useLayoutEffect as _, useMemo as v, useRef as y } from "react";
+import { jsx as b, jsxs as x } from "react/jsx-runtime";
+import { AnimatePresence as S, motion as C, useReducedMotion as w } from "motion/react";
 //#region src/components/molecules/TileGrid/TileGrid.tsx
-function C({ layout: t = "masonry", columns: n, empty: r, busy: a = !1, "aria-label": o, "aria-labelledby": s, children: m, className: x }) {
-	let S = v(null), C = p.toArray(m), w = C.length > 0, T = C.map((e) => h(e) ? e.key : "").join("|"), E = d(n), D = _(() => ({
-		"--tile-grid-cols": E.base,
-		"--tile-grid-cols-sm": E.sm,
-		"--tile-grid-cols-md": E.md,
-		"--tile-grid-cols-lg": E.lg,
-		"--tile-grid-cols-xl": E.xl
+function T({ layout: t = "masonry", columns: r, empty: i, resultsLabel: o, busy: s = !1, "aria-label": c, "aria-labelledby": h, children: C, className: w }) {
+	let T = y(null), E = m.toArray(C), D = E.length > 0, O = E.map((e) => g(e) ? e.key : "").join("|"), k = f(r), A = v(() => ({
+		"--tile-grid-cols": k.base,
+		"--tile-grid-cols-sm": k.sm,
+		"--tile-grid-cols-md": k.md,
+		"--tile-grid-cols-lg": k.lg,
+		"--tile-grid-cols-xl": k.xl
 	}), [
-		E.base,
-		E.sm,
-		E.md,
-		E.lg,
-		E.xl
+		k.base,
+		k.sm,
+		k.md,
+		k.lg,
+		k.xl
 	]);
-	return g(() => {
-		let e = S.current;
+	return _(() => {
+		let e = T.current;
 		if (e == null) return;
 		let n = () => [...e.children].filter((e) => e instanceof HTMLElement);
 		if (t !== "masonry" || typeof ResizeObserver > "u") {
@@ -31,12 +32,12 @@ function C({ layout: t = "masonry", columns: n, empty: r, busy: a = !1, "aria-la
 			return;
 		}
 		let r = () => {
-			let t = u(getComputedStyle(e).gridTemplateColumns) > 1;
+			let t = d(getComputedStyle(e).gridTemplateColumns) > 1;
 			for (let e of n()) {
 				let n = e.firstElementChild;
 				if (t && n != null) {
 					let t = n instanceof HTMLElement ? n.offsetHeight : n.getBoundingClientRect().height;
-					e.style.gridRowEnd = `span ${f(t, 4)}`;
+					e.style.gridRowEnd = `span ${p(t, 4)}`;
 				} else e.style.removeProperty("grid-row-end");
 			}
 			e.toggleAttribute("data-packed", t);
@@ -50,45 +51,49 @@ function C({ layout: t = "masonry", columns: n, empty: r, busy: a = !1, "aria-la
 		return () => {
 			cancelAnimationFrame(i), a.disconnect();
 		};
-	}, [t, T]), /* @__PURE__ */ y("div", {
-		className: e(l, x),
+	}, [t, O]), /* @__PURE__ */ x("div", {
+		className: e(u, w),
 		"data-tile-grid": "",
 		"data-layout": t,
-		children: w ? /* @__PURE__ */ y("ul", {
-			ref: S,
+		children: [D ? /* @__PURE__ */ b("ul", {
+			ref: T,
 			role: "list",
-			"aria-label": o,
-			"aria-labelledby": s,
-			"aria-busy": a || void 0,
-			className: c,
-			style: D,
-			children: /* @__PURE__ */ y(b, {
+			"aria-label": c,
+			"aria-labelledby": h,
+			"aria-busy": s || void 0,
+			className: l,
+			style: A,
+			children: /* @__PURE__ */ b(S, {
 				initial: !1,
 				mode: "popLayout",
-				children: m
+				children: C
 			})
-		}) : r == null ? null : /* @__PURE__ */ y("div", {
-			className: i,
+		}) : i == null ? null : /* @__PURE__ */ b("div", {
+			className: a,
 			"data-tile-grid-empty": "",
-			children: r
-		})
+			children: n(i)
+		}), o == null ? null : /* @__PURE__ */ b("p", {
+			role: "status",
+			className: "sr-only",
+			children: o
+		})]
 	});
 }
-var w = m(function({ children: n, className: r }, i) {
-	let s = S() ?? !1;
-	return /* @__PURE__ */ y(x.li, {
+var E = h(function({ children: n, className: r }, i) {
+	let a = w() ?? !1;
+	return /* @__PURE__ */ b(C.li, {
 		ref: i,
-		layout: !s && "position",
-		initial: !s && { opacity: 0 },
+		layout: !a && "position",
+		initial: !a && { opacity: 0 },
 		animate: { opacity: 1 },
-		exit: s ? void 0 : { opacity: 0 },
+		exit: a ? void 0 : { opacity: 0 },
 		transition: t("medium"),
-		className: e(a, r),
-		children: /* @__PURE__ */ y("div", {
-			className: o,
+		className: e(o, r),
+		children: /* @__PURE__ */ b("div", {
+			className: s,
 			children: n
 		})
 	});
-}), T = Object.assign(C, { Item: w });
+}), D = Object.assign(T, { Item: E });
 //#endregion
-export { T as TileGrid, n as tileGridBreakpoints, r as tileGridDefaultColumns, s as tileGridLayouts };
+export { D as TileGrid, r as tileGridBreakpoints, i as tileGridDefaultColumns, c as tileGridLayouts };

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

@@ -13,7 +13,7 @@ export interface AppShellLabels {
     /** The skip link, the first tab stop, which moves focus to the page content. */
     skipToContent: string;
 }
-export declare const appShellAsideModes: readonly ["overlay", "docked"];
+export declare const appShellAsideModes: readonly ["overlay", "docked", "inset"];
 export type AppShellAsideMode = (typeof appShellAsideModes)[number];
 export declare const appShellMenuButtons: readonly ["icon", "label", "picker"];
 export type AppShellMenuButton = (typeof appShellMenuButtons)[number];
@@ -28,11 +28,15 @@ export interface AppShellProps {
     sidebarFooter?: ReactNode;
     /** Trailing title-bar controls — **Button**, **Avatar**, **MoreMenu** at one cluster tier. */
     header?: ReactNode;
+    /** Full-width band under the title bar (a view toolbar). With an inset aside it spans above both. */
+    toolbar?: ReactNode;
     /** Right slide-out content, in a non-blocking **Panel**. Omit it for no aside. */
     aside?: ReactNode;
     /** Title of the aside **Panel**. Defaults to `labels.aside`. */
     asideTitle?: ReactNode;
     asideDescription?: ReactNode;
+    /** Pinned under the aside's scrolling body (actions that must stay in view, such as Copy and Reset). The **Panel** `footer` in overlay mode. */
+    asideFooter?: ReactNode;
     /** Desktop sidebar expanded — controlled. */
     sidebarOpen?: boolean;
     defaultSidebarOpen?: boolean;
@@ -41,6 +45,8 @@ export interface AppShellProps {
      * `overlay` (default): the aside is a non-blocking **Panel** over the page.
      * `docked`: from `lg` it sits beside the page, which narrows to make room, for controls you use while
      * watching the page change (a font panel). Below `lg` it's the overlay **Panel** either way.
+     * `inset`: from `lg` a raised card floating inside the page surface, under the title bar and `toolbar`,
+     * 12px from the end and bottom; the page body narrows beside it. Its header is the title bar's 56px band.
      */
     asideMode?: AppShellAsideMode;
     /** Aside open — controlled. */
@@ -71,6 +77,7 @@ declare function AppShellBrand({ children }: AppShellSlotProps): import("react")
 declare function AppShellSidebar({ children }: AppShellSlotProps): import("react").JSX.Element;
 declare function AppShellSidebarFooter({ children }: AppShellSlotProps): import("react").JSX.Element;
 declare function AppShellHeader({ children }: AppShellSlotProps): import("react").JSX.Element;
+declare function AppShellToolbar({ children }: AppShellSlotProps): import("react").JSX.Element;
 declare function AppShellAside({ children }: AppShellAsideSlotProps): import("react").JSX.Element;
 export interface AppShellContextValue {
     /** Desktop sidebar is expanded. */
@@ -86,7 +93,7 @@ export interface AppShellContextValue {
 }
 /** State of the nearest **AppShell** — for a header button that opens the aside. */
 export declare function useAppShell(): AppShellContextValue;
-declare function AppShellRoot({ title, brand: brandProp, sidebar: sidebarProp, sidebarFooter: sidebarFooterProp, header: headerProp, aside: asideProp, asideTitle, asideDescription, sidebarOpen: sidebarOpenProp, defaultSidebarOpen, onSidebarOpenChange, asideOpen: asideOpenProp, defaultAsideOpen, onAsideOpenChange, asideMode, menuButton, labels: labelsProp, children, className, }: AppShellProps): import("react").JSX.Element;
+declare function AppShellRoot({ title, brand: brandProp, sidebar: sidebarProp, sidebarFooter: sidebarFooterProp, header: headerProp, toolbar: toolbarProp, aside: asideProp, asideTitle, asideDescription, asideFooter, sidebarOpen: sidebarOpenProp, defaultSidebarOpen, onSidebarOpenChange, asideOpen: asideOpenProp, defaultAsideOpen, onAsideOpenChange, asideMode, menuButton, labels: labelsProp, children, className, }: AppShellProps): import("react").JSX.Element;
 /**
  * App chrome — a sidebar on the page background and the page as an inset, raised surface with a
  * title bar. Below `lg` the sidebar is a start **Sheet**; the optional aside is a non-blocking **Panel**,
@@ -97,6 +104,7 @@ export declare const AppShell: typeof AppShellRoot & {
     Sidebar: typeof AppShellSidebar;
     SidebarFooter: typeof AppShellSidebarFooter;
     Header: typeof AppShellHeader;
+    Toolbar: typeof AppShellToolbar;
     Aside: typeof AppShellAside;
 };
 export {};

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

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