@thewhatmatters/wmds 0.4.8 → 0.4.27

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

@@ -43,48 +43,49 @@ function k({ captions: t, size: n = "lg", titleAs: i = "h2", empty: o, "aria-lab
 		})
 	});
 }
-function A({ title: r, href: a, meta: s, preview: f, defaultOpen: p = !1, open: g, onOpenChange: y, previewLabel: b, className: C }) {
-	let { size: k, titleAs: A } = x(O), j = S(), [M, N] = w(p), P = g !== void 0, F = P ? g : M, I = f != null;
-	function L() {
-		let e = !F;
-		P || N(e), y?.(e);
+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 R() {
+		let e = !I;
+		F || P(e), b?.(e);
 	}
 	return /* @__PURE__ */ D("li", {
-		className: e(o, C),
+		className: e(o, k),
 		children: [
-			s == null ? null : /* @__PURE__ */ E("div", {
+			f == null ? null : /* @__PURE__ */ E("div", {
 				className: c,
-				children: s
+				children: f
 			}),
 			/* @__PURE__ */ D("div", {
 				className: m,
-				children: [/* @__PURE__ */ E(A, {
-					className: e(h, _[k]),
+				children: [/* @__PURE__ */ E(j, {
+					className: e(h, _[A]),
 					children: /* @__PURE__ */ E(n, {
 						variant: "quiet",
 						href: a,
+						render: s,
 						children: r
 					})
-				}), I ? /* @__PURE__ */ E(t, {
+				}), L ? /* @__PURE__ */ E(t, {
 					size: "md",
-					className: v[k],
-					icon: /* @__PURE__ */ E(T, { className: e(i, F && "rotate-180") }),
-					"aria-label": b ?? `Preview: ${r}`,
+					className: v[A],
+					icon: /* @__PURE__ */ E(T, { className: e(i, I && "rotate-180") }),
+					"aria-label": C ?? `Preview: ${r}`,
 					title: "",
-					"aria-expanded": F,
-					"aria-controls": j,
-					onClick: L
+					"aria-expanded": I,
+					"aria-controls": M,
+					onClick: R
 				}) : null]
 			}),
-			I ? /* @__PURE__ */ E("div", {
+			L ? /* @__PURE__ */ E("div", {
 				className: e("motion-collapse", l),
-				"data-visible": F ? "true" : "false",
+				"data-visible": I ? "true" : "false",
 				children: /* @__PURE__ */ E("div", {
-					id: j,
+					id: M,
 					className: d,
 					children: /* @__PURE__ */ E("div", {
 						className: u,
-						children: f
+						children: p
 					})
 				})
 			}) : null

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;AAqBrF,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;;;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,KAAK,EACL,KAAK,EACL,IAAI,EACJ,GAAG,EACH,MAAM,EACN,OAAe,EACf,SAAS,GACV,EAAE,aAAa,+BAsFf"}
+{"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;;;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,KAAK,EACL,KAAK,EACL,IAAI,EACJ,GAAG,EACH,MAAM,EACN,OAAe,EACf,SAAS,GACV,EAAE,aAAa,+BA0Ff"}

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

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

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

@@ -21,10 +21,16 @@ export declare const linkTileTagOverClasses = "absolute start-2 top-2 z-[1] flex
 export declare const linkTileCaptionClasses = "flex min-w-0 items-start gap-2";
 /** Holds the source mark on the title's first line. */
 export declare const linkTileSourceClasses = "flex h-5 shrink-0 items-center";
-export declare const linkTileTextClasses = "flex min-w-0 flex-1 flex-col gap-0.5";
+/** The title's lines, then the meta line on its 16px line, with no gap between them: the leading is the space. */
+export declare const linkTileTextClasses = "flex min-w-0 flex-1 flex-col";
+/** The loading placeholder's title line — the title's 20px line box, with the bar centered in it. */
+export declare const linkTileLoadingLineClasses = "flex h-5 items-center";
+/** The loading placeholder's meta line — the meta's 16px line box. */
+export declare const linkTileLoadingMetaLineClasses = "flex h-4 items-center";
 /** Two lines at most. Hover and keyboard focus underline it, as a quiet **TextLink** does. */
 export declare const linkTileTitleClasses: string;
 export declare const linkTileExternalIconClasses = "ml-1 inline-block size-[0.85em] align-[-0.05em] stroke-current text-muted";
+/** One line, on the 16px caption line so it sits close under the title. */
 export declare const linkTileMetaClasses: string;
 /** A tag on a tile with no image sits at the caption's end. */
 export declare const linkTileTagInlineClasses = "flex shrink-0 items-center";

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

@@ -1 +1 @@
-{"version":3,"file":"linkTileStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/LinkTile/linkTileStyles.ts"],"names":[],"mappings":"AAIA,sGAAsG;AACtG,eAAO,MAAM,oBAAoB,QAAQ,CAAC;AAE1C;;;GAGG;AACH,eAAO,MAAM,mBAAmB,QAI/B,CAAC;AAEF,eAAO,MAAM,0BAA0B,uCAAuC,CAAC;AAE/E;;;GAGG;AACH,eAAO,MAAM,oBAAoB,QAMhC,CAAC;AAEF,uGAAuG;AACvG,eAAO,MAAM,2BAA2B,gDAAgD,CAAC;AAEzF,iGAAiG;AACjG,eAAO,MAAM,yBAAyB,0FACmD,CAAC;AAE1F,iDAAiD;AACjD,eAAO,MAAM,sBAAsB,8DAA8D,CAAC;AAElG,2EAA2E;AAC3E,eAAO,MAAM,sBAAsB,mCAAmC,CAAC;AAEvE,uDAAuD;AACvD,eAAO,MAAM,qBAAqB,mCAAmC,CAAC;AAEtE,eAAO,MAAM,mBAAmB,yCAAyC,CAAC;AAE1E,8FAA8F;AAC9F,eAAO,MAAM,oBAAoB,QAMhC,CAAC;AAEF,eAAO,MAAM,2BAA2B,8EAA8E,CAAC;AAEvH,eAAO,MAAM,mBAAmB,QAA6C,CAAC;AAE9E,+DAA+D;AAC/D,eAAO,MAAM,wBAAwB,+BAA+B,CAAC"}
+{"version":3,"file":"linkTileStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/LinkTile/linkTileStyles.ts"],"names":[],"mappings":"AAIA,sGAAsG;AACtG,eAAO,MAAM,oBAAoB,QAAQ,CAAC;AAE1C;;;GAGG;AACH,eAAO,MAAM,mBAAmB,QAI/B,CAAC;AAEF,eAAO,MAAM,0BAA0B,uCAAuC,CAAC;AAE/E;;;GAGG;AACH,eAAO,MAAM,oBAAoB,QAMhC,CAAC;AAEF,uGAAuG;AACvG,eAAO,MAAM,2BAA2B,gDAAgD,CAAC;AAEzF,iGAAiG;AACjG,eAAO,MAAM,yBAAyB,0FACmD,CAAC;AAE1F,iDAAiD;AACjD,eAAO,MAAM,sBAAsB,8DAA8D,CAAC;AAElG,2EAA2E;AAC3E,eAAO,MAAM,sBAAsB,mCAAmC,CAAC;AAEvE,uDAAuD;AACvD,eAAO,MAAM,qBAAqB,mCAAmC,CAAC;AAEtE,kHAAkH;AAClH,eAAO,MAAM,mBAAmB,iCAAiC,CAAC;AAElE,qGAAqG;AACrG,eAAO,MAAM,0BAA0B,0BAA0B,CAAC;AAElE,sEAAsE;AACtE,eAAO,MAAM,8BAA8B,0BAA0B,CAAC;AAEtE,8FAA8F;AAC9F,eAAO,MAAM,oBAAoB,QAMhC,CAAC;AAEF,eAAO,MAAM,2BAA2B,8EAA8E,CAAC;AAEvH,2EAA2E;AAC3E,eAAO,MAAM,mBAAmB,QAAmD,CAAC;AAEpF,+DAA+D;AAC/D,eAAO,MAAM,wBAAwB,+BAA+B,CAAC"}

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

@@ -3,6 +3,6 @@ import { cn as e } from "../../../lib/cn.js";
 import { typographyClass as t } from "../../../lib/typography.js";
 import { focusRingTransitionClasses as n, motionTransition as r } from "../../../lib/motion.js";
 //#region src/components/molecules/LinkTile/linkTileStyles.ts
-var i = 4 / 3, a = e("group/link-tile relative flex w-full min-w-0 flex-col gap-3 rounded-[var(--radius-card-body)] text-left no-underline", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring focus-visible:ring-offset-4 focus-visible:ring-offset-body", n), o = "flex w-full min-w-0 flex-col gap-3", s = e("relative block w-full overflow-hidden rounded-[var(--radius-card-body)] bg-muted-surface", "after:pointer-events-none after:absolute after:inset-0 after:rounded-[inherit] after:border after:border-border after:content-['']", "after:transition-[border-color,background-color] after:duration-fast after:ease-standard", "group-hover/link-tile:after:border-border-emphasized group-hover/link-tile:after:bg-overlay-hover", "group-focus-visible/link-tile:after:border-border-emphasized"), c = "[&>img]:block [&>img]:h-auto [&>img]:w-full", l = "[&>img]:absolute [&>img]:inset-0 [&>img]:block [&>img]:size-full [&>img]:object-cover", u = "absolute start-2 top-2 z-[1] flex max-w-[calc(100%-1rem)]", d = "flex min-w-0 items-start gap-2", f = "flex h-5 shrink-0 items-center", p = "flex min-w-0 flex-1 flex-col gap-0.5", m = e(t("ui-label"), "line-clamp-2 text-pretty underline decoration-transparent decoration-solid underline-offset-[0.2em]", "transition-[text-decoration-color]", r("fast"), "group-hover/link-tile:decoration-current group-focus-visible/link-tile:decoration-current"), h = "ml-1 inline-block size-[0.85em] align-[-0.05em] stroke-current text-muted", g = e(t("caption"), "truncate"), _ = "flex shrink-0 items-center";
+var i = 4 / 3, a = e("group/link-tile relative flex w-full min-w-0 flex-col gap-3 rounded-[var(--radius-card-body)] text-left no-underline", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring focus-visible:ring-offset-4 focus-visible:ring-offset-body", n), o = "flex w-full min-w-0 flex-col gap-3", s = e("relative block w-full overflow-hidden rounded-[var(--radius-card-body)] bg-muted-surface", "after:pointer-events-none after:absolute after:inset-0 after:rounded-[inherit] after:border after:border-border after:content-['']", "after:transition-[border-color,background-color] after:duration-fast after:ease-standard", "group-hover/link-tile:after:border-border-emphasized group-hover/link-tile:after:bg-overlay-hover", "group-focus-visible/link-tile:after:border-border-emphasized"), c = "[&>img]:block [&>img]:h-auto [&>img]:w-full", l = "[&>img]:absolute [&>img]:inset-0 [&>img]:block [&>img]:size-full [&>img]:object-cover", u = "absolute start-2 top-2 z-[1] flex max-w-[calc(100%-1rem)]", d = "flex min-w-0 items-start gap-2", f = "flex h-5 shrink-0 items-center", p = "flex min-w-0 flex-1 flex-col", m = "flex h-5 items-center", h = "flex h-4 items-center", g = e(t("ui-label"), "line-clamp-2 text-pretty underline decoration-transparent decoration-solid underline-offset-[0.2em]", "transition-[text-decoration-color]", r("fast"), "group-hover/link-tile:decoration-current group-focus-visible/link-tile:decoration-current"), _ = "ml-1 inline-block size-[0.85em] align-[-0.05em] stroke-current text-muted", v = e(t("caption-tight"), "truncate"), y = "flex shrink-0 items-center";
 //#endregion
-export { d as linkTileCaptionClasses, h as linkTileExternalIconClasses, s as linkTileFrameClasses, l as linkTileFrameFixedClasses, c as linkTileFrameNaturalClasses, i as linkTileLoadingRatio, o as linkTileLoadingRootClasses, g as linkTileMetaClasses, a as linkTileRootClasses, f as linkTileSourceClasses, _ as linkTileTagInlineClasses, u as linkTileTagOverClasses, p as linkTileTextClasses, m as linkTileTitleClasses };
+export { d as linkTileCaptionClasses, _ as linkTileExternalIconClasses, s as linkTileFrameClasses, l as linkTileFrameFixedClasses, c as linkTileFrameNaturalClasses, m as linkTileLoadingLineClasses, h as linkTileLoadingMetaLineClasses, i as linkTileLoadingRatio, o as linkTileLoadingRootClasses, v as linkTileMetaClasses, a as linkTileRootClasses, f as linkTileSourceClasses, y as linkTileTagInlineClasses, u as linkTileTagOverClasses, p as linkTileTextClasses, g as linkTileTitleClasses };

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

@@ -0,0 +1,31 @@
+import { type ReactNode } from "react";
+/** Layout-only — height and margin. Not for re-theming the log. */
+export type LogViewLayoutClassName = string;
+export interface LogViewLabels {
+    copy: string;
+    copied: string;
+    follow: string;
+    following: string;
+    empty: string;
+}
+export interface LogViewProps {
+    /** Log text, one entry per line. */
+    lines: readonly string[];
+    /** Accessible name of the log, for example "Scan log". */
+    label: string;
+    /** When true, the scroller stays on the last line. */
+    follow?: boolean;
+    onFollowChange?: (follow: boolean) => void;
+    /** Skeleton in the scroller. The line count stays hidden. */
+    loading?: boolean;
+    /** Replaces the lines when there are none. Default: "No log lines". */
+    empty?: ReactNode;
+    labels?: Partial<LogViewLabels>;
+    className?: LogViewLayoutClassName;
+}
+/**
+ * Scrolling log — line numbers, a tabular count, Copy, and Follow.
+ * Compose it inside a dark detail pane. The pane owns `data-theme`.
+ */
+export declare function LogView({ lines, label, follow, onFollowChange, loading, empty, labels: labelsProp, className, }: LogViewProps): import("react").JSX.Element;
+//# sourceMappingURL=LogView.d.ts.map

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

@@ -0,0 +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"}

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-xl 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,qFACqD,CAAC;AAErF,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-xl 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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"}