@thewhatmatters/wmds 0.4.8 → 0.4.27

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

@@ -1,6 +1,9 @@
 import { type HTMLAttributes, type ReactElement, type ReactNode } from "react";
+import { type TaskRowsColumn, type TaskRowsRowProps } from "./TaskRowsTable";
 import { type TaskRowStatus, type TaskRowsDetailLayout, type TaskRowsDetailVariant, type TaskRowsVariant } from "./taskRowsStyles";
 export type { TaskRowStatus, TaskRowsDetailLayout, TaskRowsDetailVariant, TaskRowsVariant } from "./taskRowsStyles";
+export type { TaskRowsColumn, TaskRowsRowProps, TaskRowsTableColumnId, TaskRowsTableMetric, TaskRowsTableSource, TaskRowsTableStatus, TaskRowsTableWaiting, } from "./TaskRowsTable";
+export { taskRowsTableColumnIds, taskRowsTableColumnsDefault, taskRowsTableSources, } from "./TaskRowsTable";
 export { taskRowStatuses, taskRowsDetailLayouts, taskRowsDetailVariants, taskRowsVariants, } from "./taskRowsStyles";
 /** Layout-only — not for row colors or status styling overrides. */
 export type TaskRowsLayoutClassName = string;
@@ -9,11 +12,16 @@ export interface TaskRowsLabels {
     failed: string;
 }
 export interface TaskRowsProps extends HTMLAttributes<HTMLDivElement> {
-    children: ReactNode;
-    /** `list` — inset panel with dividers. `capsule` — separated rounded rows. */
+    /** Rows. Omit them on `variant="table"` to show `empty`. */
+    children?: ReactNode;
+    /** `list` — inset panel with dividers. `capsule` — separated rounded rows. `table` — needs-you columns. */
     variant?: TaskRowsVariant;
     /** List only — drop the standalone shell (radius, fill, shadow) inside **Card.Body**. */
     inset?: boolean;
+    /** `variant="table"` — column headers. Defaults to Item, Waiting, Metric. */
+    columns?: TaskRowsColumn[];
+    /** `variant="table"` — shown when there are no rows. Defaults to "Nothing waiting". */
+    empty?: ReactNode;
     labels?: Partial<TaskRowsLabels>;
     className?: TaskRowsLayoutClassName;
 }
@@ -57,11 +65,13 @@ export interface TaskRowsDetailProps {
     onPress?: () => void;
     className?: TaskRowsLayoutClassName;
 }
-declare function TaskRowsRoot({ variant, inset, labels, className, children, ...props }: TaskRowsProps): import("react").JSX.Element;
+declare function TaskRowsRoot({ variant, inset, labels, columns, empty, className, children, ...props }: TaskRowsProps): import("react").JSX.Element;
+declare function TaskRowsTableRow(props: TaskRowsRowProps): import("react").JSX.Element | null;
 declare function TaskRowsItem({ label, meta, trailing, leading, icon, status, step, statusLabel, defaultOpen, open, onOpenChange, detailsLayout, detailsLabel, children, className, }: TaskRowsItemProps): import("react").JSX.Element;
 declare function TaskRowsDetail({ label, meta, variant, icon, onPress, className, }: TaskRowsDetailProps): import("react").JSX.Element;
 export declare const TaskRows: typeof TaskRowsRoot & {
     Item: typeof TaskRowsItem;
     Detail: typeof TaskRowsDetail;
+    Row: typeof TaskRowsTableRow;
 };
 //# sourceMappingURL=TaskRows.d.ts.map

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

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

package/dist/components/molecules/TaskRows/TaskRows.js

@@ -6,119 +6,142 @@ import { Button as r } from "../../atoms/Button/Button.js";
 import { Status as i } from "../../atoms/Status/Status.js";
 import { Accordion as a } from "../Accordion/Accordion.js";
 import { taskRowStatuses as o, taskRowsDetailButtonClasses as s, taskRowsDetailLabelClasses as c, taskRowsDetailLayouts as l, taskRowsDetailMetaClasses as u, taskRowsDetailRowClasses as d, taskRowsDetailVariants as f, taskRowsDetailsActionsClasses as p, taskRowsDetailsChipsClasses as m, taskRowsDetailsExpandOnlyClasses as h, taskRowsDetailsGridClasses as g, taskRowsDetailsLabelClasses as _, taskRowsDetailsListClasses as v, taskRowsDetailsPanelClasses as y, taskRowsDetailsPlainClasses as b, taskRowsDetailsRailClasses as x, taskRowsMetaClasses as S, taskRowsStatusSlotClasses as C, taskRowsTrailingClusterClasses as w, taskRowsVariants as T } from "./taskRowsStyles.js";
-import { createContext as E, useContext as D, useMemo as O } from "react";
-import { Check as k, X as A } from "lucide-react";
-import { Fragment as j, jsx as M, jsxs as N } from "react/jsx-runtime";
+import { TaskRowsRow as E, TaskRowsTable as D, taskRowsTableColumnIds as O, taskRowsTableColumnsDefault as k, taskRowsTableSources as A } from "./TaskRowsTable.js";
+import { createContext as j, useContext as M, useMemo as N } from "react";
+import { Check as P, X as F } from "lucide-react";
+import { Fragment as I, jsx as L, jsxs as R } from "react/jsx-runtime";
 //#region src/components/molecules/TaskRows/TaskRows.tsx
-var P = {
+var z = {
 	completed: "Completed",
 	failed: "Failed"
-}, F = E({
+}, B = j({
 	variant: "list",
-	labels: P
+	labels: z,
+	columns: k
 });
-function I({ variant: e = "list", inset: t = !1, labels: n, className: r, children: i, ...o }) {
-	let s = O(() => ({
+function V({ variant: e = "list", inset: t = !1, labels: n, columns: r = k, empty: i, className: o, children: s, ...c }) {
+	let l = N(() => ({
 		variant: e,
 		labels: {
-			...P,
+			...z,
 			...n
-		}
-	}), [n, e]);
-	return /* @__PURE__ */ M(F.Provider, {
-		value: s,
-		children: /* @__PURE__ */ M(a, {
+		},
+		columns: r
+	}), [
+		r,
+		n,
+		e
+	]);
+	return e === "table" ? /* @__PURE__ */ L(B.Provider, {
+		value: l,
+		children: /* @__PURE__ */ L(D, {
+			columns: r,
+			empty: i,
+			className: o,
+			...c,
+			children: s
+		})
+	}) : /* @__PURE__ */ L(B.Provider, {
+		value: l,
+		children: /* @__PURE__ */ L(a, {
 			variant: e,
 			inset: t,
-			className: r,
-			...o,
-			children: i
+			className: o,
+			...c,
+			children: s
 		})
 	});
 }
-function L(e) {
+function H(e) {
+	let { variant: t, columns: n } = M(B);
+	return t === "table" ? /* @__PURE__ */ L(E, {
+		...e,
+		columns: n
+	}) : (console.warn("[WMDS TaskRows] TaskRows.Row belongs in variant=\"table\"."), null);
+}
+function U(e) {
 	return e === "actions" ? p : e === "chips" ? m : b;
 }
-function R({ showLeading: e, status: t, detailsLayout: n, detailsLabel: r, children: i }) {
-	return e ? /* @__PURE__ */ N("div", {
+function W({ showLeading: e, status: t, detailsLayout: n, detailsLabel: r, children: i }) {
+	return e ? /* @__PURE__ */ R("div", {
 		className: g,
-		children: [/* @__PURE__ */ M("span", {
+		children: [/* @__PURE__ */ L("span", {
 			"aria-hidden": !0,
 			className: x
-		}), t === "none" ? /* @__PURE__ */ N("div", {
+		}), t === "none" ? /* @__PURE__ */ R("div", {
 			className: y,
-			children: [r ? /* @__PURE__ */ M("p", {
+			children: [r ? /* @__PURE__ */ L("p", {
 				className: _,
 				children: r
-			}) : null, /* @__PURE__ */ M("div", {
-				className: L(n),
+			}) : null, /* @__PURE__ */ L("div", {
+				className: U(n),
 				children: i
 			})]
-		}) : /* @__PURE__ */ M("div", {
+		}) : /* @__PURE__ */ L("div", {
 			className: v,
 			children: i
 		})]
-	}) : /* @__PURE__ */ N("div", {
+	}) : /* @__PURE__ */ R("div", {
 		className: h,
-		children: [r ? /* @__PURE__ */ M("p", {
+		children: [r ? /* @__PURE__ */ L("p", {
 			className: _,
 			children: r
-		}) : null, /* @__PURE__ */ M("div", {
-			className: L(n),
+		}) : null, /* @__PURE__ */ L("div", {
+			className: U(n),
 			children: i
 		})]
 	});
 }
-function z({ label: e, meta: r, trailing: o, leading: s, icon: c, status: l = "none", step: u, statusLabel: d, defaultOpen: f = !1, open: p, onOpenChange: m, detailsLayout: h = "stack", detailsLabel: g, children: _, className: v }) {
-	let { labels: y } = D(F), b = _ != null, x = s != null || l !== "none" || c != null;
+function G({ label: e, meta: r, trailing: o, leading: s, icon: c, status: l = "none", step: u, statusLabel: d, defaultOpen: f = !1, open: p, onOpenChange: m, detailsLayout: h = "stack", detailsLabel: g, children: _, className: v }) {
+	let { labels: y } = M(B), b = _ != null, x = s != null || l !== "none" || c != null;
 	s == null && c != null && l !== "none" && console.warn("[WMDS TaskRows] `icon` is not combinable with `status` — icon is ignored."), s != null && (l !== "none" || c != null) && console.warn("[WMDS TaskRows] `leading` replaces default status/icon composition — `status` still drives trailing pill when `trailing` is omitted.");
-	let T = s ?? (l === "done" ? /* @__PURE__ */ M(t, {
+	let T = s ?? (l === "done" ? /* @__PURE__ */ L(t, {
 		variant: "success",
-		icon: /* @__PURE__ */ M(k, { strokeWidth: 3.5 }),
+		icon: /* @__PURE__ */ L(P, { strokeWidth: 3.5 }),
 		iconOnly: !0
-	}) : l === "failed" ? /* @__PURE__ */ M(t, {
+	}) : l === "failed" ? /* @__PURE__ */ L(t, {
 		variant: "destructive",
-		icon: /* @__PURE__ */ M(A, { strokeWidth: 3.5 }),
+		icon: /* @__PURE__ */ L(F, { strokeWidth: 3.5 }),
 		iconOnly: !0
-	}) : l === "running" || l === "pending" ? /* @__PURE__ */ M(i, {
+	}) : l === "running" || l === "pending" ? /* @__PURE__ */ L(i, {
 		variant: "ring",
 		active: l === "running",
 		step: u,
 		besideLabel: !0
-	}) : c ? /* @__PURE__ */ M("span", {
+	}) : c ? /* @__PURE__ */ L("span", {
 		className: "text-muted",
 		"aria-hidden": !0,
-		children: /* @__PURE__ */ M(n, {
+		children: /* @__PURE__ */ L(n, {
 			size: "sm",
 			children: c
 		})
-	}) : null), E = d ?? (l === "done" ? /* @__PURE__ */ M(t, {
+	}) : null), E = d ?? (l === "done" ? /* @__PURE__ */ L(t, {
 		variant: "success",
 		emphasis: "muted",
 		children: y.completed
-	}) : l === "failed" ? /* @__PURE__ */ M(t, {
+	}) : l === "failed" ? /* @__PURE__ */ L(t, {
 		variant: "destructive",
 		emphasis: "muted",
 		children: y.failed
-	}) : null), O = o != null || r != null || E != null, P = o ?? /* @__PURE__ */ N(j, { children: [r == null ? null : /* @__PURE__ */ M("span", {
+	}) : null), D = o != null || r != null || E != null, O = o ?? /* @__PURE__ */ R(I, { children: [r == null ? null : /* @__PURE__ */ L("span", {
 		className: S,
 		children: r
 	}), E] });
-	return /* @__PURE__ */ M(a.Item, {
+	return /* @__PURE__ */ L(a.Item, {
 		label: e,
-		leading: x ? /* @__PURE__ */ M("span", {
+		leading: x ? /* @__PURE__ */ L("span", {
 			className: C,
 			children: T
 		}) : void 0,
-		trailing: O ? /* @__PURE__ */ M("span", {
+		trailing: D ? /* @__PURE__ */ L("span", {
 			className: w,
-			children: P
+			children: O
 		}) : void 0,
 		defaultOpen: f,
 		open: p,
 		onOpenChange: m,
 		className: v,
-		children: b ? /* @__PURE__ */ M(R, {
+		children: b ? /* @__PURE__ */ L(W, {
 			showLeading: x,
 			status: l,
 			detailsLayout: h,
@@ -127,8 +150,8 @@ function z({ label: e, meta: r, trailing: o, leading: s, icon: c, status: l = "n
 		}) : void 0
 	});
 }
-function B({ label: t, meta: n, variant: i = "row", icon: a, onPress: o, className: l }) {
-	if (i === "button") return /* @__PURE__ */ M(r, {
+function K({ label: t, meta: n, variant: i = "row", icon: a, onPress: o, className: l }) {
+	if (i === "button") return /* @__PURE__ */ L(r, {
 		role: "secondary",
 		size: "xs",
 		type: "button",
@@ -137,28 +160,29 @@ function B({ label: t, meta: n, variant: i = "row", icon: a, onPress: o, classNa
 		onClick: o,
 		children: t
 	});
-	let f = /* @__PURE__ */ N(j, { children: [/* @__PURE__ */ M("span", {
+	let f = /* @__PURE__ */ R(I, { children: [/* @__PURE__ */ L("span", {
 		className: c,
 		children: t
-	}), n ? /* @__PURE__ */ M("span", {
+	}), n ? /* @__PURE__ */ L("span", {
 		className: u,
 		children: n
 	}) : null] });
-	return o ? /* @__PURE__ */ M(r, {
+	return o ? /* @__PURE__ */ L(r, {
 		role: "ghost",
 		layout: "row",
 		type: "button",
 		onClick: o,
 		className: l,
 		children: f
-	}) : /* @__PURE__ */ M("div", {
+	}) : /* @__PURE__ */ L("div", {
 		className: e(d, l),
 		children: f
 	});
 }
-var V = Object.assign(I, {
-	Item: z,
-	Detail: B
+var q = Object.assign(V, {
+	Item: G,
+	Detail: K,
+	Row: H
 });
 //#endregion
-export { V as TaskRows, o as taskRowStatuses, l as taskRowsDetailLayouts, f as taskRowsDetailVariants, T as taskRowsVariants };
+export { q as TaskRows, o as taskRowStatuses, l as taskRowsDetailLayouts, f as taskRowsDetailVariants, O as taskRowsTableColumnIds, k as taskRowsTableColumnsDefault, A as taskRowsTableSources, T as taskRowsVariants };

package/dist/components/molecules/TaskRows/TaskRowsTable.d.ts

@@ -0,0 +1,54 @@
+import { type HTMLAttributes, type ReactElement, type ReactNode } from "react";
+import { type StatusTone } from "../../atoms/Status/Status";
+export declare const taskRowsTableColumnIds: readonly ["title", "waiting", "metric"];
+export type TaskRowsTableColumnId = (typeof taskRowsTableColumnIds)[number];
+export declare const taskRowsTableSources: readonly ["ready", "loading", "error", "unwired"];
+export type TaskRowsTableSource = (typeof taskRowsTableSources)[number];
+export interface TaskRowsColumn {
+    id: TaskRowsTableColumnId;
+    header: string;
+    align?: "start" | "end";
+    /** CSS grid track, applied from `md`. Example: `"8rem"`. */
+    width?: string;
+}
+export declare const taskRowsTableColumnsDefault: TaskRowsColumn[];
+export interface TaskRowsTableStatus {
+    tone?: StatusTone;
+    label: string;
+    pulsing?: boolean;
+}
+export interface TaskRowsTableWaiting {
+    /** Pill label — "22 creators". */
+    label: string;
+    /** Line under the pill — "4 waiting over 5 days". */
+    detail?: string;
+}
+export interface TaskRowsTableMetric {
+    value: string;
+    detail?: string;
+}
+export interface TaskRowsRowProps {
+    title: string;
+    /** Plain anchor. `render` wins when both are set. */
+    href?: string;
+    /** Router link — `render={<Link href="/campaigns/stir" />}`. */
+    render?: ReactElement;
+    /** Dot and a label such as "Open · 2d". */
+    status?: TaskRowsTableStatus;
+    waiting?: TaskRowsTableWaiting;
+    metric?: TaskRowsTableMetric;
+    /** `ready` shows the cells. `loading` is a skeleton. `error` and `unwired` show `note`. */
+    source?: TaskRowsTableSource;
+    /** Error copy, or the footer note when the source is not wired. */
+    note?: string;
+}
+export declare function TaskRowsTable({ columns, empty, className, children, ...props }: {
+    columns?: TaskRowsColumn[];
+    empty?: ReactNode;
+    className?: string;
+    children?: ReactNode;
+} & HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
+export declare function TaskRowsRow({ title, href, render, status, waiting, metric, source, note, columns, }: TaskRowsRowProps & {
+    columns: TaskRowsColumn[];
+}): import("react").JSX.Element;
+//# sourceMappingURL=TaskRowsTable.d.ts.map

package/dist/components/molecules/TaskRows/TaskRowsTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TaskRowsTable.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/TaskRows/TaskRowsTable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgC,KAAK,cAAc,EAAE,KAAK,YAAY,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAG7G,OAAO,EAAU,KAAK,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAuBpE,eAAO,MAAM,sBAAsB,yCAA0C,CAAC;AAE9E,MAAM,MAAM,qBAAqB,GAAG,CAAC,OAAO,sBAAsB,CAAC,CAAC,MAAM,CAAC,CAAC;AAE5E,eAAO,MAAM,oBAAoB,mDAAoD,CAAC;AAEtF,MAAM,MAAM,mBAAmB,GAAG,CAAC,OAAO,oBAAoB,CAAC,CAAC,MAAM,CAAC,CAAC;AAExE,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,qBAAqB,CAAC;IAC1B,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IACxB,4DAA4D;IAC5D,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,2BAA2B,EAAE,cAAc,EAIvD,CAAC;AAEF,MAAM,WAAW,mBAAmB;IAClC,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,oBAAoB;IACnC,kCAAkC;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,qDAAqD;IACrD,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,qDAAqD;IACrD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,gEAAgE;IAChE,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,2CAA2C;IAC3C,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAC7B,OAAO,CAAC,EAAE,oBAAoB,CAAC;IAC/B,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAC7B,2FAA2F;IAC3F,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAC7B,mEAAmE;IACnE,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,wBAAgB,aAAa,CAAC,EAC5B,OAAqC,EACrC,KAAyB,EACzB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE;IACD,OAAO,CAAC,EAAE,cAAc,EAAE,CAAC;IAC3B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,GAAG,cAAc,CAAC,cAAc,CAAC,+BA0CjC;AAUD,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,IAAI,EACJ,MAAM,EACN,MAAM,EACN,OAAO,EACP,MAAM,EACN,MAAgB,EAChB,IAAI,EACJ,OAAO,GACR,EAAE,gBAAgB,GAAG;IAAE,OAAO,EAAE,cAAc,EAAE,CAAA;CAAE,+BAuElD"}

package/dist/components/molecules/TaskRows/TaskRowsTable.js

@@ -0,0 +1,200 @@
+"use client";
+import { cn as e } from "../../../lib/cn.js";
+import { Badge as t } from "../../atoms/Badge/Badge.js";
+import { TextLink as n } from "../../atoms/TextLink/TextLink.js";
+import { Skeleton as r } from "../../atoms/Skeleton/Skeleton.js";
+import { Status as i } from "../../atoms/Status/Status.js";
+import { taskRowsTableClasses as a, taskRowsTableColumnsClasses as o, taskRowsTableDetailClasses as s, taskRowsTableEmptyClasses as c, taskRowsTableErrorClasses as l, taskRowsTableHeadCellClasses as u, taskRowsTableHeadClasses as d, taskRowsTableMetricClasses as f, taskRowsTableMetricValueClasses as p, taskRowsTableMobileLineClasses as m, taskRowsTableNoteClasses as h, taskRowsTableRowClasses as g, taskRowsTableStatusClasses as _, taskRowsTableStatusLabelClasses as v, taskRowsTableTitleClasses as y, taskRowsTableWaitingClasses as b } from "./taskRowsStyles.js";
+import { Children as x } from "react";
+import { jsx as S, jsxs as C } from "react/jsx-runtime";
+//#region src/components/molecules/TaskRows/TaskRowsTable.tsx
+var w = [
+	"title",
+	"waiting",
+	"metric"
+], T = [
+	"ready",
+	"loading",
+	"error",
+	"unwired"
+], E = [
+	{
+		id: "title",
+		header: "Item"
+	},
+	{
+		id: "waiting",
+		header: "Waiting"
+	},
+	{
+		id: "metric",
+		header: "Metric",
+		align: "end"
+	}
+];
+function D({ columns: t = E, empty: n = "Nothing waiting", className: r, children: i, ...s }) {
+	let l = x.toArray(i).filter(Boolean), f = [
+		"minmax(0,1.6fr)",
+		"minmax(0,1.2fr)",
+		"7rem"
+	], p = { "--task-rows-columns": t.map((e, t) => e.width ?? f[t] ?? "minmax(0,1fr)").join(" ") };
+	return /* @__PURE__ */ C("div", {
+		...s,
+		role: "table",
+		className: e(a, r),
+		style: {
+			...s.style,
+			...p
+		},
+		children: [/* @__PURE__ */ S("div", {
+			role: "row",
+			className: e(d, o),
+			children: t.map((t) => /* @__PURE__ */ S("div", {
+				role: "columnheader",
+				className: e(u, t.align === "end" && "md:text-end"),
+				children: t.header
+			}, t.id))
+		}), l.length === 0 ? /* @__PURE__ */ S("div", {
+			role: "row",
+			children: /* @__PURE__ */ S("div", {
+				role: "cell",
+				children: /* @__PURE__ */ S("p", {
+					className: c,
+					role: "status",
+					children: n
+				})
+			})
+		}) : l]
+	});
+}
+function O(e, t) {
+	return e.some((e) => e.id === t);
+}
+function k(e, t) {
+	return e.find((e) => e.id === t)?.align ?? "start";
+}
+function A({ title: n, href: i, render: a, status: c, waiting: u, metric: d, source: _ = "ready", note: v, columns: x }) {
+	let w = O(x, "waiting"), T = O(x, "metric"), E = k(x, "metric") === "end", D = _ === "error" || _ === "unwired";
+	return /* @__PURE__ */ C("div", {
+		role: "row",
+		className: e(g, o),
+		"aria-busy": _ === "loading" || void 0,
+		children: [
+			/* @__PURE__ */ C("div", {
+				role: "cell",
+				className: "min-w-0",
+				children: [
+					_ === "loading" ? /* @__PURE__ */ S(r, {
+						width: 168,
+						height: 16,
+						radius: "inner",
+						index: 0
+					}) : /* @__PURE__ */ S("h3", {
+						className: y,
+						children: /* @__PURE__ */ S(M, {
+							title: n,
+							href: i,
+							render: a
+						})
+					}),
+					_ === "loading" ? /* @__PURE__ */ S(r, {
+						width: 120,
+						height: 12,
+						radius: "inner",
+						index: 1,
+						className: "mt-2 md:hidden"
+					}) : null,
+					D && v ? /* @__PURE__ */ S("p", {
+						className: _ === "error" ? l : h,
+						children: v
+					}) : null,
+					_ === "ready" && c ? /* @__PURE__ */ S("div", {
+						className: "mt-1 max-md:hidden md:block",
+						children: /* @__PURE__ */ S(j, { status: c })
+					}) : null,
+					_ === "ready" ? /* @__PURE__ */ C("div", {
+						className: m,
+						children: [
+							c ? /* @__PURE__ */ S(j, { status: c }) : null,
+							w && u?.detail ? /* @__PURE__ */ S("span", {
+								className: s,
+								children: u.detail
+							}) : null,
+							T && d ? /* @__PURE__ */ S("span", {
+								className: p,
+								children: d.value
+							}) : null
+						]
+					}) : null
+				]
+			}),
+			w ? /* @__PURE__ */ C("div", {
+				role: "cell",
+				className: "max-md:hidden min-w-0 md:block",
+				children: [_ === "loading" ? /* @__PURE__ */ S(r, {
+					width: 112,
+					height: 20,
+					radius: "full",
+					index: 2
+				}) : null, _ === "ready" && u ? /* @__PURE__ */ C("span", {
+					className: b,
+					children: [/* @__PURE__ */ S(t, {
+						emphasis: "muted",
+						size: "sm",
+						children: u.label
+					}), u.detail ? /* @__PURE__ */ S("span", {
+						className: s,
+						children: u.detail
+					}) : null]
+				}) : null]
+			}) : null,
+			T ? /* @__PURE__ */ C("div", {
+				role: "cell",
+				className: e("max-md:hidden min-w-0 md:block", E && "md:text-end"),
+				children: [_ === "loading" ? /* @__PURE__ */ S(r, {
+					width: 40,
+					height: 16,
+					radius: "inner",
+					index: 3,
+					className: "md:ml-auto"
+				}) : null, _ === "ready" && d ? /* @__PURE__ */ C("span", {
+					className: f,
+					children: [/* @__PURE__ */ S("span", {
+						className: p,
+						children: d.value
+					}), d.detail ? /* @__PURE__ */ S("span", {
+						className: s,
+						children: d.detail
+					}) : null]
+				}) : null]
+			}) : null
+		]
+	});
+}
+function j({ status: e }) {
+	return /* @__PURE__ */ C("span", {
+		className: _,
+		children: [/* @__PURE__ */ S(i, {
+			variant: "dot",
+			tone: e.tone ?? "neutral",
+			besideLabel: !0,
+			pulsing: e.pulsing
+		}), /* @__PURE__ */ S("span", {
+			className: v,
+			children: e.label
+		})]
+	});
+}
+function M({ title: e, href: t, render: r }) {
+	return r ? (t != null && console.warn("[WMDS TaskRows] `render` wins over `href`."), /* @__PURE__ */ S(n, {
+		variant: "quiet",
+		render: r,
+		children: e
+	})) : t == null ? e : /* @__PURE__ */ S(n, {
+		variant: "quiet",
+		href: t,
+		children: e
+	});
+}
+//#endregion
+export { A as TaskRowsRow, D as TaskRowsTable, w as taskRowsTableColumnIds, E as taskRowsTableColumnsDefault, T as taskRowsTableSources };

package/dist/components/molecules/TaskRows/taskRowsStyles.d.ts

@@ -1,4 +1,4 @@
-export declare const taskRowsVariants: readonly ["list", "capsule"];
+export declare const taskRowsVariants: readonly ["list", "capsule", "table"];
 export type TaskRowsVariant = (typeof taskRowsVariants)[number];
 export declare const taskRowStatuses: readonly ["none", "done", "running", "pending", "failed"];
 export type TaskRowStatus = (typeof taskRowStatuses)[number];
@@ -29,4 +29,22 @@ export declare const taskRowsDetailsListClasses = "flex flex-col gap-1.5";
 export declare const taskRowsDetailRowClasses = "flex w-full items-center justify-between gap-3 text-left";
 export declare const taskRowsDetailLabelClasses: string;
 export declare const taskRowsDetailMetaClasses: string;
+/** Needs-you table — column headers from `md`, two-line rows below. */
+export declare const taskRowsTableClasses = "flex w-full min-w-0 flex-col";
+export declare const taskRowsTableHeadClasses = "max-md:sr-only md:grid md:items-baseline md:gap-4 md:border-b md:border-border md:pb-2";
+export declare const taskRowsTableHeadCellClasses: string;
+export declare const taskRowsTableColumnsClasses = "md:[grid-template-columns:var(--task-rows-columns)]";
+export declare const taskRowsTableRowClasses = "grid grid-cols-1 gap-1 border-b border-border py-3 last:border-b-0 md:items-center md:gap-4";
+export declare const taskRowsTableTitleClasses: string;
+export declare const taskRowsTableStatusClasses = "flex min-w-0 items-center gap-2 text-muted";
+export declare const taskRowsTableStatusLabelClasses: string;
+export declare const taskRowsTableWaitingClasses = "flex min-w-0 flex-col items-start gap-1";
+export declare const taskRowsTableDetailClasses: string;
+export declare const taskRowsTableMetricClasses = "flex min-w-0 flex-col gap-1 md:items-end";
+export declare const taskRowsTableMetricValueClasses = "font-mono text-sm tabular-nums leading-none text-fg";
+export declare const taskRowsTableMobileLineClasses = "max-md:flex min-w-0 flex-wrap items-center gap-x-2 gap-y-1 md:hidden";
+export declare const taskRowsTableNoteClasses: string;
+export declare const taskRowsTableErrorClasses = "type-supporting text-destructive";
+export declare const taskRowsTableEmptyClasses: string;
+export declare const taskRowsTableAlignEndClasses = "md:text-end";
 //# sourceMappingURL=taskRowsStyles.d.ts.map

package/dist/components/molecules/TaskRows/taskRowsStyles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"taskRowsStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/TaskRows/taskRowsStyles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB,8BAA+B,CAAC;AAE7D,MAAM,MAAM,eAAe,GAAG,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAC;AAEhE,eAAO,MAAM,eAAe,2DAA4D,CAAC;AAEzF,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC;AAE7D,eAAO,MAAM,qBAAqB,wCAAyC,CAAC;AAE5E,MAAM,MAAM,oBAAoB,GAAG,CAAC,OAAO,qBAAqB,CAAC,CAAC,MAAM,CAAC,CAAC;AAE1E,eAAO,MAAM,sBAAsB,4BAA6B,CAAC;AAEjE,MAAM,MAAM,qBAAqB,GAAG,CAAC,OAAO,sBAAsB,CAAC,CAAC,MAAM,CAAC,CAAC;AAE5E,4FAA4F;AAC5F,eAAO,MAAM,yBAAyB,qDAAqD,CAAC;AAE5F,uGAAuG;AACvG,eAAO,MAAM,8BAA8B,qCAAqC,CAAC;AAEjF,eAAO,MAAM,mBAAmB,QAAmE,CAAC;AAEpG,eAAO,MAAM,0BAA0B,yDACiB,CAAC;AAEzD,qEAAqE;AACrE,eAAO,MAAM,gCAAgC,kBAAkB,CAAC;AAEhE,qEAAqE;AACrE,eAAO,MAAM,2BAA2B,0BAA0B,CAAC;AAEnE,4FAA4F;AAC5F,eAAO,MAAM,6BAA6B,kDAAkD,CAAC;AAE7F,oEAAoE;AACpE,eAAO,MAAM,2BAA2B,yCAAyC,CAAC;AAElF,eAAO,MAAM,2BAA2B,QAAkD,CAAC;AAE3F,eAAO,MAAM,2BAA2B,0BAA0B,CAAC;AAEnE,6FAA6F;AAC7F,eAAO,MAAM,2BAA2B,uCAAuC,CAAC;AAEhF,eAAO,MAAM,0BAA0B,kCAAkC,CAAC;AAE1E,eAAO,MAAM,0BAA0B,0BAA0B,CAAC;AAElE,eAAO,MAAM,wBAAwB,6DACuB,CAAC;AAE7D,eAAO,MAAM,0BAA0B,QAA6C,CAAC;AAErF,eAAO,MAAM,yBAAyB,QAAoE,CAAC"}
+{"version":3,"file":"taskRowsStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/TaskRows/taskRowsStyles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB,uCAAwC,CAAC;AAEtE,MAAM,MAAM,eAAe,GAAG,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAC;AAEhE,eAAO,MAAM,eAAe,2DAA4D,CAAC;AAEzF,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC;AAE7D,eAAO,MAAM,qBAAqB,wCAAyC,CAAC;AAE5E,MAAM,MAAM,oBAAoB,GAAG,CAAC,OAAO,qBAAqB,CAAC,CAAC,MAAM,CAAC,CAAC;AAE1E,eAAO,MAAM,sBAAsB,4BAA6B,CAAC;AAEjE,MAAM,MAAM,qBAAqB,GAAG,CAAC,OAAO,sBAAsB,CAAC,CAAC,MAAM,CAAC,CAAC;AAE5E,4FAA4F;AAC5F,eAAO,MAAM,yBAAyB,qDAAqD,CAAC;AAE5F,uGAAuG;AACvG,eAAO,MAAM,8BAA8B,qCAAqC,CAAC;AAEjF,eAAO,MAAM,mBAAmB,QAAmE,CAAC;AAEpG,eAAO,MAAM,0BAA0B,yDACiB,CAAC;AAEzD,qEAAqE;AACrE,eAAO,MAAM,gCAAgC,kBAAkB,CAAC;AAEhE,qEAAqE;AACrE,eAAO,MAAM,2BAA2B,0BAA0B,CAAC;AAEnE,4FAA4F;AAC5F,eAAO,MAAM,6BAA6B,kDAAkD,CAAC;AAE7F,oEAAoE;AACpE,eAAO,MAAM,2BAA2B,yCAAyC,CAAC;AAElF,eAAO,MAAM,2BAA2B,QAAkD,CAAC;AAE3F,eAAO,MAAM,2BAA2B,0BAA0B,CAAC;AAEnE,6FAA6F;AAC7F,eAAO,MAAM,2BAA2B,uCAAuC,CAAC;AAEhF,eAAO,MAAM,0BAA0B,kCAAkC,CAAC;AAE1E,eAAO,MAAM,0BAA0B,0BAA0B,CAAC;AAElE,eAAO,MAAM,wBAAwB,6DACuB,CAAC;AAE7D,eAAO,MAAM,0BAA0B,QAA6C,CAAC;AAErF,eAAO,MAAM,yBAAyB,QAAoE,CAAC;AAE3G,uEAAuE;AACvE,eAAO,MAAM,oBAAoB,iCAAiC,CAAC;AAEnE,eAAO,MAAM,wBAAwB,2FACqD,CAAC;AAE3F,eAAO,MAAM,4BAA4B,QAA6C,CAAC;AAEvF,eAAO,MAAM,2BAA2B,wDAAwD,CAAC;AAEjG,eAAO,MAAM,uBAAuB,gGAC2D,CAAC;AAEhG,eAAO,MAAM,yBAAyB,QAAmD,CAAC;AAE1F,eAAO,MAAM,0BAA0B,+CAA+C,CAAC;AAEvF,eAAO,MAAM,+BAA+B,QAA6C,CAAC;AAE1F,eAAO,MAAM,2BAA2B,4CAA4C,CAAC;AAErF,eAAO,MAAM,0BAA0B,QAA6C,CAAC;AAErF,eAAO,MAAM,0BAA0B,6CAA6C,CAAC;AAErF,eAAO,MAAM,+BAA+B,wDACW,CAAC;AAExD,eAAO,MAAM,8BAA8B,yEAC6B,CAAC;AAEzE,eAAO,MAAM,wBAAwB,QAA6C,CAAC;AAEnF,eAAO,MAAM,yBAAyB,qCAAqC,CAAC;AAE5E,eAAO,MAAM,yBAAyB,QAA2D,CAAC;AAElG,eAAO,MAAM,4BAA4B,gBAAgB,CAAC"}

package/dist/components/molecules/TaskRows/taskRowsStyles.js

@@ -1,7 +1,11 @@
 "use client";
 import { typographyClass as e } from "../../../lib/typography.js";
 //#region src/components/molecules/TaskRows/taskRowsStyles.ts
-var t = ["list", "capsule"], n = [
+var t = [
+	"list",
+	"capsule",
+	"table"
+], n = [
 	"none",
 	"done",
 	"running",
@@ -11,6 +15,6 @@ var t = ["list", "capsule"], n = [
 	"stack",
 	"actions",
 	"chips"
-], i = ["row", "button"], a = "flex size-6 shrink-0 items-center justify-center", o = "flex shrink-0 items-center gap-2", s = `${e("caption")} shrink-0 tabular-nums text-muted`, c = "grid grid-cols-[1.5rem_minmax(0,1fr)] gap-x-2.5 pt-0", l = "flex flex-col", u = "flex flex-col gap-1.5", d = "flex w-full flex-nowrap items-stretch gap-2.5", f = "flex w-full flex-row flex-wrap gap-2", p = `${e("caption")} mb-2 text-muted`, m = "flex min-w-0 flex-col", h = "min-w-max flex-1 whitespace-nowrap", g = "mx-auto h-full w-px bg-border", _ = "flex flex-col gap-1.5", v = "flex w-full items-center justify-between gap-3 text-left", y = `${e("caption")} text-muted`, b = `${e("caption")} font-mono tabular-nums text-muted`;
+], i = ["row", "button"], a = "flex size-6 shrink-0 items-center justify-center", o = "flex shrink-0 items-center gap-2", s = `${e("caption")} shrink-0 tabular-nums text-muted`, c = "grid grid-cols-[1.5rem_minmax(0,1fr)] gap-x-2.5 pt-0", l = "flex flex-col", u = "flex flex-col gap-1.5", d = "flex w-full flex-nowrap items-stretch gap-2.5", f = "flex w-full flex-row flex-wrap gap-2", p = `${e("caption")} mb-2 text-muted`, m = "flex min-w-0 flex-col", h = "min-w-max flex-1 whitespace-nowrap", g = "mx-auto h-full w-px bg-border", _ = "flex flex-col gap-1.5", v = "flex w-full items-center justify-between gap-3 text-left", y = `${e("caption")} text-muted`, b = `${e("caption")} font-mono tabular-nums text-muted`, x = "flex w-full min-w-0 flex-col", S = "max-md:sr-only md:grid md:items-baseline md:gap-4 md:border-b md:border-border md:pb-2", C = `${e("caption")} text-muted`, w = "md:[grid-template-columns:var(--task-rows-columns)]", T = "grid grid-cols-1 gap-1 border-b border-border py-3 last:border-b-0 md:items-center md:gap-4", E = `${e("ui-label")} min-w-0 text-fg`, D = "flex min-w-0 items-center gap-2 text-muted", O = `${e("caption")} text-muted`, k = "flex min-w-0 flex-col items-start gap-1", A = `${e("caption")} text-muted`, j = "flex min-w-0 flex-col gap-1 md:items-end", M = "font-mono text-sm tabular-nums leading-none text-fg", N = "max-md:flex min-w-0 flex-wrap items-center gap-x-2 gap-y-1 md:hidden", P = `${e("caption")} text-muted`, F = "type-supporting text-destructive", I = `${e("body")} py-6 text-center text-muted`, L = "md:text-end";
 //#endregion
-export { n as taskRowStatuses, h as taskRowsDetailButtonClasses, y as taskRowsDetailLabelClasses, r as taskRowsDetailLayouts, b as taskRowsDetailMetaClasses, v as taskRowsDetailRowClasses, i as taskRowsDetailVariants, d as taskRowsDetailsActionsClasses, f as taskRowsDetailsChipsClasses, l as taskRowsDetailsExpandOnlyClasses, c as taskRowsDetailsGridClasses, p as taskRowsDetailsLabelClasses, _ as taskRowsDetailsListClasses, m as taskRowsDetailsPanelClasses, u as taskRowsDetailsPlainClasses, g as taskRowsDetailsRailClasses, s as taskRowsMetaClasses, a as taskRowsStatusSlotClasses, o as taskRowsTrailingClusterClasses, t as taskRowsVariants };
+export { n as taskRowStatuses, h as taskRowsDetailButtonClasses, y as taskRowsDetailLabelClasses, r as taskRowsDetailLayouts, b as taskRowsDetailMetaClasses, v as taskRowsDetailRowClasses, i as taskRowsDetailVariants, d as taskRowsDetailsActionsClasses, f as taskRowsDetailsChipsClasses, l as taskRowsDetailsExpandOnlyClasses, c as taskRowsDetailsGridClasses, p as taskRowsDetailsLabelClasses, _ as taskRowsDetailsListClasses, m as taskRowsDetailsPanelClasses, u as taskRowsDetailsPlainClasses, g as taskRowsDetailsRailClasses, s as taskRowsMetaClasses, a as taskRowsStatusSlotClasses, L as taskRowsTableAlignEndClasses, x as taskRowsTableClasses, w as taskRowsTableColumnsClasses, A as taskRowsTableDetailClasses, I as taskRowsTableEmptyClasses, F as taskRowsTableErrorClasses, C as taskRowsTableHeadCellClasses, S as taskRowsTableHeadClasses, j as taskRowsTableMetricClasses, M as taskRowsTableMetricValueClasses, N as taskRowsTableMobileLineClasses, P as taskRowsTableNoteClasses, T as taskRowsTableRowClasses, D as taskRowsTableStatusClasses, O as taskRowsTableStatusLabelClasses, E as taskRowsTableTitleClasses, k as taskRowsTableWaitingClasses, o as taskRowsTrailingClusterClasses, t as taskRowsVariants };

package/dist/components/molecules/TileGrid/tileGridStyles.d.ts

@@ -15,8 +15,8 @@ export declare const tileGridDefaultColumns: {
     readonly lg: 3;
 };
 /**
- * A packed grid's row track, in px (`--spacing`). A tile spans as many as its height needs, so
- * the space under a tile is the row gap plus at most this much less one.
+ * A packed grid's row track, in px (`--spacing`). A tile spans as many as its height needs, rounded
+ * up, so the space under a tile is the row gap plus less than this much (32px to just under 36px).
  */
 export declare const tileGridRowUnitPx = 4;
 export declare const tileGridRootClasses = "w-full min-w-0";