@thewhatmatters/wmds 0.4.42 → 0.4.45

package/dist/components/molecules/IndexList/IndexList.js

@@ -2,89 +2,98 @@
 import { cn as e } from "../../../lib/cn.js";
 import { IconButton as t } from "../../atoms/IconButton/IconButton.js";
 import { TextLink as n } from "../../atoms/TextLink/TextLink.js";
-import { indexListCaptionsClasses as r, indexListChevronClasses as i, indexListEmptyClasses as a, indexListItemClasses as o, indexListListClasses as s, indexListMetaClasses as c, indexListPanelClasses as l, indexListPanelContentClasses as u, indexListPanelInnerClasses as d, indexListRootClasses as f, indexListSizes as p, indexListTitleCellClasses as m, indexListTitleClasses as h, indexListTitleElements as g, indexListTitleSizeClasses as _, indexListToggleAlignClasses as v } from "./indexListStyles.js";
-import { Children as y, createContext as b, useContext as x, useId as S, useMemo as C, useState as w } from "react";
-import { ChevronDown as T } from "lucide-react";
-import { jsx as E, jsxs as D } from "react/jsx-runtime";
+import { emptySlot as r } from "../EmptyState/EmptyState.js";
+import { indexListCaptionsClasses as i, indexListChevronClasses as a, indexListEmptyClasses as o, indexListItemClasses as s, indexListListClasses as c, indexListMetaClasses as l, indexListPanelClasses as u, indexListPanelContentClasses as d, indexListPanelInnerClasses as f, indexListRootClasses as p, indexListSizes as m, indexListTitleCellClasses as h, indexListTitleClasses as g, indexListTitleElements as _, indexListTitleSizeClasses as v, indexListToggleAlignClasses as y } from "./indexListStyles.js";
+import { Children as b, createContext as x, useContext as S, useId as C, useMemo as w, useState as T } from "react";
+import { ChevronDown as E } from "lucide-react";
+import { jsx as D, jsxs as O } from "react/jsx-runtime";
 //#region src/components/molecules/IndexList/IndexList.tsx
-var O = b({
+var k = x({
 	size: "lg",
 	titleAs: "h2"
 });
-function k({ captions: t, size: n = "lg", titleAs: i = "h2", empty: o, "aria-label": c, "aria-labelledby": l, children: u, className: d }) {
-	let p = y.toArray(u).length > 0, m = C(() => ({
+function A({ captions: t, size: n = "lg", titleAs: a = "h2", empty: s, resultsLabel: l, "aria-label": u, "aria-labelledby": d, children: f, className: m }) {
+	let h = b.toArray(f).length > 0, g = w(() => ({
 		size: n,
-		titleAs: i
-	}), [n, i]);
-	return /* @__PURE__ */ E(O.Provider, {
-		value: m,
-		children: /* @__PURE__ */ D("div", {
-			className: e(f, d),
+		titleAs: a
+	}), [n, a]);
+	return /* @__PURE__ */ D(k.Provider, {
+		value: g,
+		children: /* @__PURE__ */ O("div", {
+			className: e(p, m),
 			"data-size": n,
-			children: [p && t != null ? /* @__PURE__ */ D("div", {
-				className: r,
-				"aria-hidden": "true",
-				"data-index-list-captions": "",
-				children: [/* @__PURE__ */ D("span", { children: ["/ ", t.meta] }), /* @__PURE__ */ D("span", {
-					className: "@lg:col-start-2",
-					children: ["/ ", t.title]
-				})]
-			}) : null, p ? /* @__PURE__ */ E("ul", {
-				role: "list",
-				"aria-label": c,
-				"aria-labelledby": l,
-				className: e(s, t != null && "@lg:border-t-0"),
-				children: u
-			}) : o == null ? null : /* @__PURE__ */ E("div", {
-				className: a,
-				"data-index-list-empty": "",
-				children: o
-			})]
+			children: [
+				h && t != null ? /* @__PURE__ */ O("div", {
+					className: i,
+					"aria-hidden": "true",
+					"data-index-list-captions": "",
+					children: [/* @__PURE__ */ O("span", { children: ["/ ", t.meta] }), /* @__PURE__ */ O("span", {
+						className: "@lg:col-start-2",
+						children: ["/ ", t.title]
+					})]
+				}) : null,
+				h ? /* @__PURE__ */ D("ul", {
+					role: "list",
+					"aria-label": u,
+					"aria-labelledby": d,
+					className: e(c, t != null && "@lg:border-t-0"),
+					children: f
+				}) : s == null ? null : /* @__PURE__ */ D("div", {
+					className: o,
+					"data-index-list-empty": "",
+					children: r(s)
+				}),
+				l == null ? null : /* @__PURE__ */ D("p", {
+					role: "status",
+					className: "sr-only",
+					children: l
+				})
+			]
 		})
 	});
 }
-function A({ title: r, href: a, render: s, meta: f, preview: p, defaultOpen: g = !1, open: y, onOpenChange: b, previewLabel: C, className: k }) {
-	let { size: A, titleAs: j } = x(O), M = S(), [N, P] = w(g), F = y !== void 0, I = F ? y : N, L = p != null;
+function j({ title: r, href: i, render: o, meta: c, preview: p, defaultOpen: m = !1, open: _, onOpenChange: b, previewLabel: x, className: w }) {
+	let { size: A, titleAs: j } = S(k), M = C(), [N, P] = T(m), F = _ !== void 0, I = F ? _ : N, L = p != null;
 	function R() {
 		let e = !I;
 		F || P(e), b?.(e);
 	}
-	return /* @__PURE__ */ D("li", {
-		className: e(o, k),
+	return /* @__PURE__ */ O("li", {
+		className: e(s, w),
 		children: [
-			f == null ? null : /* @__PURE__ */ E("div", {
-				className: c,
-				children: f
+			c == null ? null : /* @__PURE__ */ D("div", {
+				className: l,
+				children: c
 			}),
-			/* @__PURE__ */ D("div", {
-				className: m,
-				children: [/* @__PURE__ */ E(j, {
-					className: e(h, _[A]),
-					children: /* @__PURE__ */ E(n, {
+			/* @__PURE__ */ O("div", {
+				className: h,
+				children: [/* @__PURE__ */ D(j, {
+					className: e(g, v[A]),
+					children: /* @__PURE__ */ D(n, {
 						variant: "quiet",
-						href: a,
-						render: s,
+						href: i,
+						render: o,
 						children: r
 					})
-				}), L ? /* @__PURE__ */ E(t, {
+				}), L ? /* @__PURE__ */ D(t, {
 					size: "md",
-					className: v[A],
-					icon: /* @__PURE__ */ E(T, { className: e(i, I && "rotate-180") }),
-					"aria-label": C ?? `Preview: ${r}`,
+					className: y[A],
+					icon: /* @__PURE__ */ D(E, { className: e(a, I && "rotate-180") }),
+					"aria-label": x ?? `Preview: ${r}`,
 					title: "",
 					"aria-expanded": I,
 					"aria-controls": M,
 					onClick: R
 				}) : null]
 			}),
-			L ? /* @__PURE__ */ E("div", {
-				className: e("motion-collapse", l),
+			L ? /* @__PURE__ */ D("div", {
+				className: e("motion-collapse", u),
 				"data-visible": I ? "true" : "false",
-				children: /* @__PURE__ */ E("div", {
+				children: /* @__PURE__ */ D("div", {
 					id: M,
-					className: d,
-					children: /* @__PURE__ */ E("div", {
-						className: u,
+					className: f,
+					children: /* @__PURE__ */ D("div", {
+						className: d,
 						children: p
 					})
 				})
@@ -92,6 +101,6 @@ function A({ title: r, href: a, render: s, meta: f, preview: p, defaultOpen: g =
 		]
 	});
 }
-var j = Object.assign(k, { Item: A });
+var M = Object.assign(A, { Item: j });
 //#endregion
-export { j as IndexList, p as indexListSizes, g as indexListTitleElements };
+export { M as IndexList, m as indexListSizes, _ as indexListTitleElements };

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

@@ -35,13 +35,15 @@ export interface LinkTileProps {
     tag?: ReactNode;
     /** A mark before the title — **Avatar** `size="xsm"`, or a 20px favicon `<img alt="">`. */
     source?: ReactNode;
-    /** A placeholder in the tile's shape, built on **Skeleton** — not a link, and hidden from screen readers. */
+    /** A placeholder in the tile's shape, built on **Skeleton** — not a link; busy, with `loadingLabel` for screen readers. */
     loading?: boolean;
+    /** Read out while `loading` (Loading states Y4). Default "Loading…". */
+    loadingLabel?: string;
     className?: LinkTileLayoutClassName;
 }
 /**
  * A resource tile that is one link — a preview image with the resource's name and where it lives
  * under it. Screen readers hear the title, the meta line, the tag, then "opens in a new tab" with `newTab`.
  */
-export declare function LinkTile({ title, href, render, external, newTab, media, ratio, meta, tag, source, loading, className, }: LinkTileProps): import("react").JSX.Element;
+export declare function LinkTile({ title, href, render, external, newTab, media, ratio, meta, tag, source, loading, loadingLabel, className, }: LinkTileProps): import("react").JSX.Element;
 //# sourceMappingURL=LinkTile.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"LinkTile.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/LinkTile/LinkTile.tsx"],"names":[],"mappings":"AACA,OAAO,EAA6B,KAAK,YAAY,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAuBrF,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAExD,sDAAsD;AACtD,MAAM,MAAM,uBAAuB,GAAG,MAAM,CAAC;AAE7C,MAAM,WAAW,aAAa;IAC5B,0EAA0E;IAC1E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+EAA+E;IAC/E,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sGAAsG;IACtG,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uEAAuE;IACvE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,+GAA+G;IAC/G,GAAG,CAAC,EAAE,SAAS,CAAC;IAChB,2FAA2F;IAC3F,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,6GAA6G;IAC7G,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,uBAAuB,CAAC;CACrC;AAuBD;;;GAGG;AACH,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,IAAI,EACJ,MAAM,EACN,QAAgB,EAChB,MAAc,EACd,KAAK,EACL,KAAK,EACL,IAAI,EACJ,GAAG,EACH,MAAM,EACN,OAAe,EACf,SAAS,GACV,EAAE,aAAa,+BA0Ff"}
+{"version":3,"file":"LinkTile.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/LinkTile/LinkTile.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA6B,KAAK,YAAY,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAuBrF,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAExD,sDAAsD;AACtD,MAAM,MAAM,uBAAuB,GAAG,MAAM,CAAC;AAE7C,MAAM,WAAW,aAAa;IAC5B,0EAA0E;IAC1E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+EAA+E;IAC/E,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sGAAsG;IACtG,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uEAAuE;IACvE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,+GAA+G;IAC/G,GAAG,CAAC,EAAE,SAAS,CAAC;IAChB,2FAA2F;IAC3F,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,2HAA2H;IAC3H,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,wEAAwE;IACxE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,uBAAuB,CAAC;CACrC;AAuBD;;;GAGG;AACH,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,IAAI,EACJ,MAAM,EACN,QAAgB,EAChB,MAAc,EACd,KAAK,EACL,KAAK,EACL,IAAI,EACJ,GAAG,EACH,MAAM,EACN,OAAe,EACf,YAAyB,EACzB,SAAS,GACV,EAAE,aAAa,+BA6Ff"}

package/dist/components/molecules/LinkTile/LinkTile.js

@@ -1,121 +1,129 @@
 "use client";
 import { cn as e } from "../../../lib/cn.js";
-import { Skeleton as t } from "../../atoms/Skeleton/Skeleton.js";
-import { linkTileCaptionClasses as n, linkTileExternalIconClasses as r, linkTileFrameClasses as i, linkTileFrameFixedClasses as a, linkTileFrameNaturalClasses as o, linkTileLoadingLineClasses as s, linkTileLoadingMetaLineClasses as c, linkTileLoadingRatio as l, linkTileLoadingRootClasses as u, linkTileMetaClasses as d, linkTileRootClasses as f, linkTileSourceClasses as p, linkTileTagInlineClasses as m, linkTileTagOverClasses as h, linkTileTextClasses as g, linkTileTitleClasses as _ } from "./linkTileStyles.js";
-import { useId as v } from "react";
-import { SquareArrowOutUpRight as y } from "lucide-react";
-import { jsx as b, jsxs as x } from "react/jsx-runtime";
-import { useRender as S } from "@base-ui/react/use-render";
+import { useDelayedLoading as t } from "../../../lib/useDelayedLoading.js";
+import { Skeleton as n } from "../../atoms/Skeleton/Skeleton.js";
+import { linkTileCaptionClasses as r, linkTileExternalIconClasses as i, linkTileFrameClasses as a, linkTileFrameFixedClasses as o, linkTileFrameNaturalClasses as s, linkTileLoadingLineClasses as c, linkTileLoadingMetaLineClasses as l, linkTileLoadingRatio as u, linkTileLoadingRootClasses as d, linkTileMetaClasses as f, linkTileRootClasses as p, linkTileSourceClasses as m, linkTileTagInlineClasses as h, linkTileTagOverClasses as g, linkTileTextClasses as _, linkTileTitleClasses as v } from "./linkTileStyles.js";
+import { useId as y } from "react";
+import { SquareArrowOutUpRight as b } from "lucide-react";
+import { jsx as x, jsxs as S } from "react/jsx-runtime";
+import { useRender as C } from "@base-ui/react/use-render";
 //#region src/components/molecules/LinkTile/LinkTile.tsx
-function C({ render: e, ...t }) {
-	return S({
+function w({ render: e, ...t }) {
+	return C({
 		render: e,
 		defaultTagName: "a",
 		props: t
 	});
 }
-function w(e) {
+function T(e) {
 	return e == null ? void 0 : { aspectRatio: String(e) };
 }
-function T({ title: l, href: S, render: T, external: E = !1, newTab: D = !1, media: O, ratio: k, meta: A, tag: j, source: M, loading: N = !1, className: P }) {
-	let F = v(), I = `${F}-title`, L = `${F}-meta`, R = `${F}-tag`, z = `${F}-hint`;
-	if (N) return /* @__PURE__ */ x("div", {
-		className: e(u, P),
+function E({ title: u, href: C, render: E, external: D = !1, newTab: O = !1, media: k, ratio: A, meta: j, tag: M, source: N, loading: P = !1, loadingLabel: F = "Loading…", className: I }) {
+	let L = t(P), R = y(), z = `${R}-title`, B = `${R}-meta`, V = `${R}-tag`, H = `${R}-hint`;
+	if (P) return /* @__PURE__ */ S("div", {
+		className: e(d, !L && "[&>span]:opacity-0", I),
 		"data-link-tile": "",
 		"data-loading": "",
-		"aria-hidden": "true",
-		children: [/* @__PURE__ */ b("span", {
-			className: i,
-			style: w(k ?? 1.3333333333333333),
-			children: /* @__PURE__ */ b(t, { radius: "none" })
-		}), /* @__PURE__ */ x("span", {
-			className: g,
-			children: [/* @__PURE__ */ b("span", {
-				className: s,
-				children: /* @__PURE__ */ b(t, {
-					width: "70%",
-					height: 12,
-					radius: "inner",
-					index: 1
-				})
-			}), /* @__PURE__ */ b("span", {
-				className: c,
-				children: /* @__PURE__ */ b(t, {
-					width: "40%",
-					height: 10,
-					radius: "inner",
-					index: 2
-				})
-			})]
-		})]
+		"aria-busy": "true",
+		children: [
+			/* @__PURE__ */ x("span", {
+				className: "sr-only",
+				children: F
+			}),
+			/* @__PURE__ */ x("span", {
+				className: a,
+				style: T(A ?? 1.3333333333333333),
+				children: /* @__PURE__ */ x(n, { radius: "none" })
+			}),
+			/* @__PURE__ */ S("span", {
+				className: _,
+				children: [/* @__PURE__ */ x("span", {
+					className: c,
+					children: /* @__PURE__ */ x(n, {
+						width: "70%",
+						height: 12,
+						radius: "inner",
+						index: 1
+					})
+				}), /* @__PURE__ */ x("span", {
+					className: l,
+					children: /* @__PURE__ */ x(n, {
+						width: "40%",
+						height: 10,
+						radius: "inner",
+						index: 2
+					})
+				})]
+			})
+		]
 	});
-	S == null && T == null && console.warn("[WMDS LinkTile] Pass `href`, or `render` with a link that carries it.");
-	let B = O != null, V = [
-		I,
-		A != null && L,
-		j != null && R,
-		E && D && z
+	C == null && E == null && console.warn("[WMDS LinkTile] Pass `href`, or `render` with a link that carries it.");
+	let U = k != null, W = [
+		z,
+		j != null && B,
+		M != null && V,
+		D && O && H
 	].filter(Boolean).join(" ");
-	return /* @__PURE__ */ x(C, {
-		render: T,
-		...S == null ? null : { href: S },
-		...E && D ? {
+	return /* @__PURE__ */ S(w, {
+		render: E,
+		...C == null ? null : { href: C },
+		...D && O ? {
 			target: "_blank",
 			rel: "noopener noreferrer"
 		} : null,
-		className: e(f, P),
-		"aria-labelledby": V,
+		className: e(p, I),
+		"aria-labelledby": W,
 		"data-link-tile": "",
-		"data-external": E ? "" : void 0,
-		children: [B ? /* @__PURE__ */ x("span", {
-			className: e(i, k == null ? o : a),
-			style: w(k),
+		"data-external": D ? "" : void 0,
+		children: [U ? /* @__PURE__ */ S("span", {
+			className: e(a, A == null ? s : o),
+			style: T(A),
 			"data-link-tile-frame": "",
-			children: [O, j == null ? null : /* @__PURE__ */ b("span", {
-				id: R,
-				className: h,
-				children: j
+			children: [k, M == null ? null : /* @__PURE__ */ x("span", {
+				id: V,
+				className: g,
+				children: M
 			})]
-		}) : null, /* @__PURE__ */ x("span", {
-			className: n,
+		}) : null, /* @__PURE__ */ S("span", {
+			className: r,
 			children: [
-				M == null ? null : /* @__PURE__ */ b("span", {
-					className: p,
+				N == null ? null : /* @__PURE__ */ x("span", {
+					className: m,
 					"aria-hidden": "true",
-					children: M
+					children: N
 				}),
-				/* @__PURE__ */ x("span", {
-					className: g,
+				/* @__PURE__ */ S("span", {
+					className: _,
 					children: [
-						/* @__PURE__ */ x("span", {
-							id: I,
-							className: _,
-							children: [l, E ? /* @__PURE__ */ b(y, {
-								className: r,
+						/* @__PURE__ */ S("span", {
+							id: z,
+							className: v,
+							children: [u, D ? /* @__PURE__ */ x(b, {
+								className: i,
 								strokeWidth: 2,
 								"aria-hidden": !0
 							}) : null]
 						}),
-						A == null ? null : /* @__PURE__ */ b("span", {
-							id: L,
-							className: d,
-							children: A
+						j == null ? null : /* @__PURE__ */ x("span", {
+							id: B,
+							className: f,
+							children: j
 						}),
-						E && D ? /* @__PURE__ */ b("span", {
-							id: z,
+						D && O ? /* @__PURE__ */ x("span", {
+							id: H,
 							className: "sr-only",
 							children: "(opens in a new tab)"
 						}) : null
 					]
 				}),
-				j != null && !B ? /* @__PURE__ */ b("span", {
-					id: R,
-					className: m,
-					children: j
+				M != null && !U ? /* @__PURE__ */ x("span", {
+					id: V,
+					className: h,
+					children: M
 				}) : null
 			]
 		})]
 	});
 }
 //#endregion
-export { T as LinkTile, l as linkTileLoadingRatio };
+export { E as LinkTile, u as linkTileLoadingRatio };

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

@@ -1 +1 @@
-{"version":3,"file":"LogView.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/LogView/LogView.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAiB1E,mEAAmE;AACnE,MAAM,MAAM,sBAAsB,GAAG,MAAM,CAAC;AAE5C,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,YAAY;IAC3B,oCAAoC;IACpC,KAAK,EAAE,SAAS,MAAM,EAAE,CAAC;IACzB,0DAA0D;IAC1D,KAAK,EAAE,MAAM,CAAC;IACd,sDAAsD;IACtD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C,6DAA6D;IAC7D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,uEAAuE;IACvE,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC;IAChC,SAAS,CAAC,EAAE,sBAAsB,CAAC;CACpC;AAcD;;;GAGG;AACH,wBAAgB,OAAO,CAAC,EACtB,KAAK,EACL,KAAK,EACL,MAAc,EACd,cAAc,EACd,OAAe,EACf,KAAK,EACL,MAAM,EAAE,UAAU,EAClB,SAAS,GACV,EAAE,YAAY,+BAsFd"}
+{"version":3,"file":"LogView.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/LogView/LogView.tsx"],"names":[],"mappings":"AACA,OAAO,EAAqC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAkB1E,mEAAmE;AACnE,MAAM,MAAM,sBAAsB,GAAG,MAAM,CAAC;AAE5C,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,YAAY;IAC3B,oCAAoC;IACpC,KAAK,EAAE,SAAS,MAAM,EAAE,CAAC;IACzB,0DAA0D;IAC1D,KAAK,EAAE,MAAM,CAAC;IACd,sDAAsD;IACtD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C,6DAA6D;IAC7D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,uEAAuE;IACvE,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC;IAChC,SAAS,CAAC,EAAE,sBAAsB,CAAC;CACpC;AAcD;;;GAGG;AACH,wBAAgB,OAAO,CAAC,EACtB,KAAK,EACL,KAAK,EACL,MAAc,EACd,cAAc,EACd,OAAe,EACf,KAAK,EACL,MAAM,EAAE,UAAU,EAClB,SAAS,GACV,EAAE,YAAY,+BA4Fd"}

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

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

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

@@ -0,0 +1,38 @@
+import { type ReactNode } from "react";
+import { type ProgressSize } from "./progressStyles";
+export { progressSizes, type ProgressSize } from "./progressStyles";
+/** Layout-only — width or margin. */
+export type ProgressLayoutClassName = string;
+export interface ProgressProps {
+    /** What's happening ("Uploading photos"): the visible label and the bar's name. */
+    label: string;
+    /** Done so far. Omit only when there's no total (indeterminate). */
+    value?: number;
+    /** The total. Default 100. */
+    max?: number;
+    /** Counted things ("files"): shows "3 of 12 files". Omit for a percentage. */
+    unit?: string;
+    /** Caller-formatted, e.g. "About 2 minutes left". */
+    timeLeft?: string;
+    /** Stops the work. Required unless `cancellable={false}` (an action that can't be stopped once begun). */
+    onCancel?: () => void;
+    cancelLabel?: string;
+    /** Set `false` only for work that can't be stopped; the bar then has no Cancel. Default true. */
+    cancellable?: boolean;
+    /** `error`: the bar stops, `message` says why, and Retry appears with `onRetry`. */
+    status?: "error";
+    message?: ReactNode;
+    onRetry?: () => void;
+    retryLabel?: string;
+    /** Read out when `value` reaches `max` ("Upload complete"). Default: `${label} complete`. */
+    completeLabel?: string;
+    size?: ProgressSize;
+    className?: ProgressLayoutClassName;
+}
+/**
+ * Loading states Y9: a progress bar for waits over 10 seconds, uploads and exports. Determinate when there's
+ * a total ("3 of 12 files", "25%"), indeterminate only when there isn't. Always a way out (Cancel), a retry
+ * after an error, and screen readers hear milestones (every 10%) and the end, not every tick.
+ */
+export declare function Progress({ label, value, max, unit, timeLeft, onCancel, cancelLabel, cancellable, status, message, onRetry, retryLabel, completeLabel, size, className, }: ProgressProps): import("react").JSX.Element;
+//# sourceMappingURL=Progress.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Progress.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/Progress/Progress.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAsC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAG3E,OAAO,EAaL,KAAK,YAAY,EAClB,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EAAE,aAAa,EAAE,KAAK,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEpE,qCAAqC;AACrC,MAAM,MAAM,uBAAuB,GAAG,MAAM,CAAC;AAE7C,MAAM,WAAW,aAAa;IAC5B,mFAAmF;IACnF,KAAK,EAAE,MAAM,CAAC;IACd,oEAAoE;IACpE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8BAA8B;IAC9B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,8EAA8E;IAC9E,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,qDAAqD;IACrD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,0GAA0G;IAC1G,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iGAAiG;IACjG,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,oFAAoF;IACpF,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,6FAA6F;IAC7F,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,SAAS,CAAC,EAAE,uBAAuB,CAAC;CACrC;AAED;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,KAAK,EACL,GAAS,EACT,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,WAAsB,EACtB,WAAkB,EAClB,MAAM,EACN,OAAO,EACP,OAAO,EACP,UAAwB,EACxB,aAAa,EACb,IAAW,EACX,SAAS,GACV,EAAE,aAAa,+BAkFf"}