@thewhatmatters/wmds 0.4.9 → 0.4.27

package/dist/components/molecules/Stat/statStyles.d.ts

@@ -1,23 +1,43 @@
 import type { BadgeVariant } from "../../atoms/Badge/Badge";
-export declare const statSizes: readonly ["sm", "md"];
+import type { ButtonSize } from "../../atoms/Button/buttonStyles";
+export declare const statSizes: readonly ["sm", "md", "lg"];
 export type StatSize = (typeof statSizes)[number];
-export declare const statTrendDirections: readonly ["up", "down", "neutral"];
+export declare const statTrendDirections: readonly ["up", "down", "neutral", "flat"];
 export type StatTrendDirection = (typeof statTrendDirections)[number];
 export declare const statGroupColumns: readonly [2, 3, 4];
 export type StatGroupColumns = (typeof statGroupColumns)[number];
 /** Bordered metric tile — insights row and hero KPI. */
 export declare const statShellClasses = "flex min-w-0 flex-col rounded-xl border border-border bg-surface";
 export declare const statShellSizeClasses: Record<StatSize, string>;
-export declare const statLabelRowClasses = "flex items-center gap-2";
+export declare const statLabelRowClasses = "flex flex-wrap items-center gap-2";
 export declare const statLabelStartClasses = "shrink-0";
 export declare const statLabelTextClasses = "min-w-0 flex-1";
 export declare const statLabelEndClasses = "ml-auto shrink-0";
+/** Trailing cluster when `end` and `action` share the label row. */
+export declare const statLabelTrailClasses = "ml-auto flex shrink-0 items-center gap-2";
 export declare const statContentClasses = "flex min-w-0 flex-col gap-1";
+export declare const statContentLgClasses = "gap-2";
 export declare const statLabelClasses: string;
+/** Hero label — sentence case. `sm` / `md` stay on the overline. */
+export declare const statLabelLgClasses = "type-label min-w-0 flex-1 text-muted";
+/**
+ * Leading glyph tile. `text-brand-outline` is navy in light (`--color-brand`) and the
+ * lifted navy in dark, where `#011272` disappears on the surface.
+ */
+export declare const statIconTileClasses = "inline-flex shrink-0 items-center justify-center rounded-lg bg-brand-tint text-brand-outline";
+export declare const statIconTileSizeClasses: Record<StatSize, string>;
+export declare const statIconButtonSize: Record<StatSize, ButtonSize>;
 export declare const statValueRowClasses = "flex flex-wrap items-center gap-x-2 gap-y-1";
 export declare const statValueSizeClasses: Record<StatSize, string>;
+/** Visible secondary line — "vs $14,850", "of $1M goal". Figures stay tabular. */
+export declare const statContextClasses: string;
+/** One line under the figure — "3 new" or "vs last scan". Figures stay tabular. */
+export declare const statDetailClasses: string;
+/** Stand-in figure when the source is not wired. */
+export declare const statUnavailableClasses = "type-body text-muted";
 export declare const statLoadingLabelHeights: Record<StatSize, number>;
 export declare const statLoadingValueHeights: Record<StatSize, number>;
+export declare const statLoadingContextHeight = 16;
 export declare function statGroupGridClasses(columns: StatGroupColumns): string;
 export declare function statTrendBadgeVariant(direction: StatTrendDirection): BadgeVariant;
 //# sourceMappingURL=statStyles.d.ts.map

package/dist/components/molecules/Stat/statStyles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"statStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/Stat/statStyles.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAE5D,eAAO,MAAM,SAAS,uBAAwB,CAAC;AAE/C,MAAM,MAAM,QAAQ,GAAG,CAAC,OAAO,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC;AAElD,eAAO,MAAM,mBAAmB,oCAAqC,CAAC;AAEtE,MAAM,MAAM,kBAAkB,GAAG,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,CAAC,CAAC;AAEtE,eAAO,MAAM,gBAAgB,oBAAqB,CAAC;AAEnD,MAAM,MAAM,gBAAgB,GAAG,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAC;AAEjE,wDAAwD;AACxD,eAAO,MAAM,gBAAgB,qEAAqE,CAAC;AAEnG,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,QAAQ,EAAE,MAAM,CAGzD,CAAC;AAEF,eAAO,MAAM,mBAAmB,4BAA4B,CAAC;AAE7D,eAAO,MAAM,qBAAqB,aAAa,CAAC;AAEhD,eAAO,MAAM,oBAAoB,mBAAmB,CAAC;AAErD,eAAO,MAAM,mBAAmB,qBAAqB,CAAC;AAEtD,eAAO,MAAM,kBAAkB,gCAAgC,CAAC;AAEhE,eAAO,MAAM,gBAAgB,QAA8C,CAAC;AAE5E,eAAO,MAAM,mBAAmB,gDAAgD,CAAC;AAEjF,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,QAAQ,EAAE,MAAM,CAGzD,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,MAAM,CAAC,QAAQ,EAAE,MAAM,CAG5D,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,MAAM,CAAC,QAAQ,EAAE,MAAM,CAG5D,CAAC;AAEF,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,gBAAgB,GAAG,MAAM,CAQtE;AAED,wBAAgB,qBAAqB,CAAC,SAAS,EAAE,kBAAkB,GAAG,YAAY,CAQjF"}
+{"version":3,"file":"statStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/Stat/statStyles.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAElE,eAAO,MAAM,SAAS,6BAA8B,CAAC;AAErD,MAAM,MAAM,QAAQ,GAAG,CAAC,OAAO,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC;AAElD,eAAO,MAAM,mBAAmB,4CAA6C,CAAC;AAE9E,MAAM,MAAM,kBAAkB,GAAG,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,CAAC,CAAC;AAEtE,eAAO,MAAM,gBAAgB,oBAAqB,CAAC;AAEnD,MAAM,MAAM,gBAAgB,GAAG,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAC;AAEjE,wDAAwD;AACxD,eAAO,MAAM,gBAAgB,qEAAqE,CAAC;AAEnG,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,QAAQ,EAAE,MAAM,CAIzD,CAAC;AAEF,eAAO,MAAM,mBAAmB,sCAAsC,CAAC;AAEvE,eAAO,MAAM,qBAAqB,aAAa,CAAC;AAEhD,eAAO,MAAM,oBAAoB,mBAAmB,CAAC;AAErD,eAAO,MAAM,mBAAmB,qBAAqB,CAAC;AAEtD,oEAAoE;AACpE,eAAO,MAAM,qBAAqB,6CAA6C,CAAC;AAEhF,eAAO,MAAM,kBAAkB,gCAAgC,CAAC;AAEhE,eAAO,MAAM,oBAAoB,UAAU,CAAC;AAE5C,eAAO,MAAM,gBAAgB,QAA8C,CAAC;AAE5E,oEAAoE;AACpE,eAAO,MAAM,kBAAkB,yCAAyC,CAAC;AAEzE;;;GAGG;AACH,eAAO,MAAM,mBAAmB,iGACgE,CAAC;AAEjG,eAAO,MAAM,uBAAuB,EAAE,MAAM,CAAC,QAAQ,EAAE,MAAM,CAI5D,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,QAAQ,EAAE,UAAU,CAI3D,CAAC;AAEF,eAAO,MAAM,mBAAmB,gDAAgD,CAAC;AAEjF,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,QAAQ,EAAE,MAAM,CAIzD,CAAC;AAEF,kFAAkF;AAClF,eAAO,MAAM,kBAAkB,QAA+C,CAAC;AAE/E,mFAAmF;AACnF,eAAO,MAAM,iBAAiB,QAA0D,CAAC;AAEzF,oDAAoD;AACpD,eAAO,MAAM,sBAAsB,yBAAyB,CAAC;AAE7D,eAAO,MAAM,uBAAuB,EAAE,MAAM,CAAC,QAAQ,EAAE,MAAM,CAI5D,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,MAAM,CAAC,QAAQ,EAAE,MAAM,CAI5D,CAAC;AAEF,eAAO,MAAM,wBAAwB,KAAK,CAAC;AAE3C,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,gBAAgB,GAAG,MAAM,CAQtE;AAED,wBAAgB,qBAAqB,CAAC,SAAS,EAAE,kBAAkB,GAAG,YAAY,CAQjF"}

package/dist/components/molecules/Stat/statStyles.js

@@ -2,36 +2,53 @@
 import { cn as e } from "../../../lib/cn.js";
 import { typographyClass as t } from "../../../lib/typography.js";
 //#region src/components/molecules/Stat/statStyles.ts
-var n = ["sm", "md"], r = [
+var n = [
+	"sm",
+	"md",
+	"lg"
+], r = [
 	"up",
 	"down",
-	"neutral"
+	"neutral",
+	"flat"
 ], i = [
 	2,
 	3,
 	4
 ], a = "flex min-w-0 flex-col rounded-xl border border-border bg-surface", o = {
 	sm: "gap-2 p-4",
-	md: "gap-3 p-5"
-}, s = "flex items-center gap-2", c = "shrink-0", l = "min-w-0 flex-1", u = "ml-auto shrink-0", d = "flex min-w-0 flex-col gap-1", f = `${t("overline")} text-muted`, p = "flex flex-wrap items-center gap-x-2 gap-y-1", m = {
+	md: "gap-3 p-5",
+	lg: "gap-3 p-5"
+}, s = "flex flex-wrap items-center gap-2", c = "shrink-0", l = "min-w-0 flex-1", u = "ml-auto shrink-0", d = "ml-auto flex shrink-0 items-center gap-2", f = "flex min-w-0 flex-col gap-1", p = "gap-2", m = `${t("overline")} text-muted`, h = "type-label min-w-0 flex-1 text-muted", g = "inline-flex shrink-0 items-center justify-center rounded-lg bg-brand-tint text-brand-outline", _ = {
+	sm: "size-7",
+	md: "size-8",
+	lg: "size-9"
+}, v = {
+	sm: "xs",
+	md: "sm",
+	lg: "sm"
+}, y = "flex flex-wrap items-center gap-x-2 gap-y-1", b = {
 	sm: `${t("section-heading")} tabular-nums tracking-tight text-fg`,
-	md: `${t("page-heading")} tabular-nums tracking-tight text-fg`
-}, h = {
+	md: `${t("page-heading")} tabular-nums tracking-tight text-fg`,
+	lg: "type-display-3 tabular-nums tracking-tight text-fg"
+}, x = `${t("caption")} tabular-nums`, S = `${t("caption")} tabular-nums text-muted`, C = "type-body text-muted", w = {
 	sm: 12,
-	md: 14
-}, g = {
+	md: 14,
+	lg: 16
+}, T = {
 	sm: 28,
-	md: 36
+	md: 36,
+	lg: 40
 };
-function _(t) {
+function E(t) {
 	return e("grid grid-cols-2 gap-4", {
 		2: "lg:grid-cols-2",
 		3: "lg:grid-cols-3",
 		4: "lg:grid-cols-4"
 	}[t]);
 }
-function v(e) {
+function D(e) {
 	return e === "up" ? "success" : e === "down" ? "destructive" : "neutral";
 }
 //#endregion
-export { d as statContentClasses, i as statGroupColumns, _ as statGroupGridClasses, f as statLabelClasses, u as statLabelEndClasses, s as statLabelRowClasses, c as statLabelStartClasses, l as statLabelTextClasses, h as statLoadingLabelHeights, g as statLoadingValueHeights, a as statShellClasses, o as statShellSizeClasses, n as statSizes, v as statTrendBadgeVariant, r as statTrendDirections, p as statValueRowClasses, m as statValueSizeClasses };
+export { f as statContentClasses, p as statContentLgClasses, x as statContextClasses, S as statDetailClasses, i as statGroupColumns, E as statGroupGridClasses, v as statIconButtonSize, g as statIconTileClasses, _ as statIconTileSizeClasses, m as statLabelClasses, u as statLabelEndClasses, h as statLabelLgClasses, s as statLabelRowClasses, c as statLabelStartClasses, l as statLabelTextClasses, d as statLabelTrailClasses, w as statLoadingLabelHeights, T as statLoadingValueHeights, a as statShellClasses, o as statShellSizeClasses, n as statSizes, D as statTrendBadgeVariant, r as statTrendDirections, C as statUnavailableClasses, y as statValueRowClasses, b as statValueSizeClasses };

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":"AAAA,OAAO,EAIL,KAAK,cAAc,EACnB,KAAK,YAAY,EACjB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAQf,OAAO,EAiBL,KAAK,aAAa,EAClB,KAAK,oBAAoB,EACzB,KAAK,qBAAqB,EAC1B,KAAK,eAAe,EACrB,MAAM,kBAAkB,CAAC;AAE1B,YAAY,EAAE,aAAa,EAAE,oBAAoB,EAAE,qBAAqB,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACpH,OAAO,EACL,eAAe,EACf,qBAAqB,EACrB,sBAAsB,EACtB,gBAAgB,GACjB,MAAM,kBAAkB,CAAC;AAE1B,oEAAoE;AACpE,MAAM,MAAM,uBAAuB,GAAG,MAAM,CAAC;AAE7C,MAAM,WAAW,cAAc;IAC7B,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;CAChB;AAiBD,MAAM,WAAW,aAAc,SAAQ,cAAc,CAAC,cAAc,CAAC;IACnE,QAAQ,EAAE,SAAS,CAAC;IACpB,8EAA8E;IAC9E,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,yFAAyF;IACzF,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;IACjC,SAAS,CAAC,EAAE,uBAAuB,CAAC;CACrC;AAED,MAAM,WAAW,iBAAiB;IAChC,mDAAmD;IACnD,KAAK,EAAE,SAAS,CAAC;IACjB,4FAA4F;IAC5F,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,0GAA0G;IAC1G,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,iGAAiG;IACjG,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,yGAAyG;IACzG,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,iFAAiF;IACjF,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,iDAAiD;IACjD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,qDAAqD;IACrD,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,2BAA2B;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,yBAAyB;IACzB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,+FAA+F;IAC/F,aAAa,CAAC,EAAE,oBAAoB,CAAC;IACrC,uDAAuD;IACvD,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,uBAAuB,CAAC;CACrC;AAED,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,6HAA6H;IAC7H,OAAO,CAAC,EAAE,qBAAqB,CAAC;IAChC,wFAAwF;IACxF,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,uBAAuB,CAAC;CACrC;AAED,iBAAS,YAAY,CAAC,EACpB,OAAgB,EAChB,KAAa,EACb,MAAM,EACN,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,aAAa,+BAgBf;AA6CD,iBAAS,YAAY,CAAC,EACpB,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,MAAe,EACf,IAAI,EACJ,WAAW,EACX,WAAmB,EACnB,IAAI,EACJ,YAAY,EACZ,aAAuB,EACvB,YAAY,EACZ,QAAQ,EACR,SAAS,GACV,EAAE,iBAAiB,+BA4FnB;AAED,iBAAS,cAAc,CAAC,EACtB,KAAK,EACL,IAAI,EACJ,OAAe,EACf,IAAI,EACJ,OAAO,EACP,SAAS,GACV,EAAE,mBAAmB,+BAgCrB;AAED,eAAO,MAAM,QAAQ;;;CAGnB,CAAC"}
+{"version":3,"file":"TaskRows.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/TaskRows/TaskRows.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,cAAc,EACnB,KAAK,YAAY,EACjB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAQf,OAAO,EAIL,KAAK,cAAc,EACnB,KAAK,gBAAgB,EACtB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAiBL,KAAK,aAAa,EAClB,KAAK,oBAAoB,EACzB,KAAK,qBAAqB,EAC1B,KAAK,eAAe,EACrB,MAAM,kBAAkB,CAAC;AAE1B,YAAY,EAAE,aAAa,EAAE,oBAAoB,EAAE,qBAAqB,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACpH,YAAY,EACV,cAAc,EACd,gBAAgB,EAChB,qBAAqB,EACrB,mBAAmB,EACnB,mBAAmB,EACnB,mBAAmB,EACnB,oBAAoB,GACrB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EACL,sBAAsB,EACtB,2BAA2B,EAC3B,oBAAoB,GACrB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EACL,eAAe,EACf,qBAAqB,EACrB,sBAAsB,EACtB,gBAAgB,GACjB,MAAM,kBAAkB,CAAC;AAE1B,oEAAoE;AACpE,MAAM,MAAM,uBAAuB,GAAG,MAAM,CAAC;AAE7C,MAAM,WAAW,cAAc;IAC7B,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;CAChB;AAmBD,MAAM,WAAW,aAAc,SAAQ,cAAc,CAAC,cAAc,CAAC;IACnE,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,2GAA2G;IAC3G,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,yFAAyF;IACzF,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,6EAA6E;IAC7E,OAAO,CAAC,EAAE,cAAc,EAAE,CAAC;IAC3B,uFAAuF;IACvF,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;IACjC,SAAS,CAAC,EAAE,uBAAuB,CAAC;CACrC;AAED,MAAM,WAAW,iBAAiB;IAChC,mDAAmD;IACnD,KAAK,EAAE,SAAS,CAAC;IACjB,4FAA4F;IAC5F,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,0GAA0G;IAC1G,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,iGAAiG;IACjG,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,yGAAyG;IACzG,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,iFAAiF;IACjF,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,iDAAiD;IACjD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,qDAAqD;IACrD,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,2BAA2B;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,yBAAyB;IACzB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,+FAA+F;IAC/F,aAAa,CAAC,EAAE,oBAAoB,CAAC;IACrC,uDAAuD;IACvD,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,uBAAuB,CAAC;CACrC;AAED,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,6HAA6H;IAC7H,OAAO,CAAC,EAAE,qBAAqB,CAAC;IAChC,wFAAwF;IACxF,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,uBAAuB,CAAC;CACrC;AAED,iBAAS,YAAY,CAAC,EACpB,OAAgB,EAChB,KAAa,EACb,MAAM,EACN,OAAqC,EACrC,KAAK,EACL,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,aAAa,+BA2Bf;AAED,iBAAS,gBAAgB,CAAC,KAAK,EAAE,gBAAgB,sCAOhD;AA6CD,iBAAS,YAAY,CAAC,EACpB,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,MAAe,EACf,IAAI,EACJ,WAAW,EACX,WAAmB,EACnB,IAAI,EACJ,YAAY,EACZ,aAAuB,EACvB,YAAY,EACZ,QAAQ,EACR,SAAS,GACV,EAAE,iBAAiB,+BA4FnB;AAED,iBAAS,cAAc,CAAC,EACtB,KAAK,EACL,IAAI,EACJ,OAAe,EACf,IAAI,EACJ,OAAO,EACP,SAAS,GACV,EAAE,mBAAmB,+BAgCrB;AAED,eAAO,MAAM,QAAQ;;;;CAInB,CAAC"}

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"}