@thewhatmatters/wmds 0.4.43 → 0.4.46

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/Carousel/Carousel.d.ts

@@ -47,9 +47,12 @@ interface CarouselBaseProps {
      * `{ speed }` in px a second). It holds while a pointer is over the row, while anything in it has focus,
      * during a drag or a scrub, while the row is off screen or the tab hidden, and never runs under reduced
      * motion. A Pause button sits beside the scrubber (WCAG 2.2.2: moving content can be stopped).
+     * `pause: "on-focus"` keeps that button out of sight until it has keyboard focus (like a skip link), for a
+     * quiet strip such as a logo marquee; it is still the first stop when tabbing in, so the motion can be stopped.
      */
     autoplay?: boolean | {
         speed?: number;
+        pause?: "visible" | "on-focus";
     };
     /**
      * Repeat the items seamlessly: a copy follows the last one, and the row wraps back to the start as it passes

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

@@ -1 +1 @@
-{"version":3,"file":"Carousel.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/Carousel/Carousel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAgBL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AA4Bf,OAAO,EAmBL,KAAK,iBAAiB,EACtB,KAAK,yBAAyB,EAC/B,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EACL,mBAAmB,EACnB,wBAAwB,EACxB,0BAA0B,EAC1B,KAAK,kBAAkB,EACvB,KAAK,iBAAiB,EACtB,KAAK,yBAAyB,GAC/B,MAAM,kBAAkB,CAAC;AAE1B,sDAAsD;AACtD,MAAM,MAAM,uBAAuB,GAAG,MAAM,CAAC;AAE7C,MAAM,WAAW,cAAc;IAC7B,uDAAuD;IACvD,IAAI,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAClD,4DAA4D;IAC5D,OAAO,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CACtD;AAED,gFAAgF;AAChF,KAAK,YAAY,GACb;IAAE,YAAY,EAAE,MAAM,CAAC;IAAC,iBAAiB,CAAC,EAAE,KAAK,CAAA;CAAE,GACnD;IAAE,iBAAiB,EAAE,MAAM,CAAC;IAAC,YAAY,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AAExD,UAAU,iBAAiB;IACzB;;;;OAIG;IACH,SAAS,CAAC,EAAE,iBAAiB,CAAC;IAC9B,iGAAiG;IACjG,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,0FAA0F;IAC1F,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,4DAA4D;IAC5D,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,QAAQ,CAAC,EAAE,yBAAyB,CAAC;IACrC,qHAAqH;IACrH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,8FAA8F;IAC9F,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvD,wEAAwE;IACxE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;IACjC;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG;QAAE,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACxC;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,gDAAgD;IAChD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,uBAAuB,CAAC;CACrC;AAED,MAAM,MAAM,aAAa,GAAG,iBAAiB,GAAG,YAAY,CAAC;AAE7D,MAAM,WAAW,iBAAiB;IAChC,iDAAiD;IACjD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,uBAAuB,CAAC;CACrC;AA4ED;;;;;GAKG;AACH,iBAAS,YAAY,CAAC,EACpB,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,EACjC,SAAoC,EACpC,IAAW,EACX,KAAa,EACb,IAAW,EACX,QAAmB,EACnB,OAAe,EACf,aAAa,EACb,WAAW,EACX,MAAM,EACN,QAAgB,EAChB,IAAY,EACZ,MAAM,EACN,QAAQ,EACR,SAAS,GACV,EAAE,aAAa,+BAyoBf;AAUD,iBAAS,YAAY,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,iBAAiB,+BAe/D;AAED,eAAO,MAAM,QAAQ;;CAEnB,CAAC"}
+{"version":3,"file":"Carousel.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/Carousel/Carousel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAgBL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AA4Bf,OAAO,EAoBL,KAAK,iBAAiB,EACtB,KAAK,yBAAyB,EAC/B,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EACL,mBAAmB,EACnB,wBAAwB,EACxB,0BAA0B,EAC1B,KAAK,kBAAkB,EACvB,KAAK,iBAAiB,EACtB,KAAK,yBAAyB,GAC/B,MAAM,kBAAkB,CAAC;AAE1B,sDAAsD;AACtD,MAAM,MAAM,uBAAuB,GAAG,MAAM,CAAC;AAE7C,MAAM,WAAW,cAAc;IAC7B,uDAAuD;IACvD,IAAI,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAClD,4DAA4D;IAC5D,OAAO,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CACtD;AAED,gFAAgF;AAChF,KAAK,YAAY,GACb;IAAE,YAAY,EAAE,MAAM,CAAC;IAAC,iBAAiB,CAAC,EAAE,KAAK,CAAA;CAAE,GACnD;IAAE,iBAAiB,EAAE,MAAM,CAAC;IAAC,YAAY,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AAExD,UAAU,iBAAiB;IACzB;;;;OAIG;IACH,SAAS,CAAC,EAAE,iBAAiB,CAAC;IAC9B,iGAAiG;IACjG,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,0FAA0F;IAC1F,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,4DAA4D;IAC5D,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,QAAQ,CAAC,EAAE,yBAAyB,CAAC;IACrC,qHAAqH;IACrH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,8FAA8F;IAC9F,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvD,wEAAwE;IACxE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;IACjC;;;;;;;OAOG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,SAAS,GAAG,UAAU,CAAA;KAAE,CAAC;IACxE;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,gDAAgD;IAChD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,uBAAuB,CAAC;CACrC;AAED,MAAM,MAAM,aAAa,GAAG,iBAAiB,GAAG,YAAY,CAAC;AAE7D,MAAM,WAAW,iBAAiB;IAChC,iDAAiD;IACjD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,uBAAuB,CAAC;CACrC;AA4ED;;;;;GAKG;AACH,iBAAS,YAAY,CAAC,EACpB,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,EACjC,SAAoC,EACpC,IAAW,EACX,KAAa,EACb,IAAW,EACX,QAAmB,EACnB,OAAe,EACf,aAAa,EACb,WAAW,EACX,MAAM,EACN,QAAgB,EAChB,IAAY,EACZ,MAAM,EACN,QAAQ,EACR,SAAS,GACV,EAAE,aAAa,+BA6pBf;AAUD,iBAAS,YAAY,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,iBAAiB,+BAe/D;AAED,eAAO,MAAM,QAAQ;;CAEnB,CAAC"}