@lerianstudio/sindarian-ui 1.4.0-beta.2 → 1.4.0-beta.4

package/dist/domain/figure/index.d.ts

@@ -1,11 +1,13 @@
 /**
- * Figure — the locked mono figure type scale of the enterprise console.
+ * Figure — the figure type scale of the enterprise console.
  *
- * All numbers are the hero: mono, tabular, visually dominant. This file is the
- * single source of truth for the canonical figure sizes so screens stop
- * re-typing `font-mono … tabular-nums` strings and drifting on
- * size/weight/tracking. Use `<Figure size>` for new markup, or import the
- * `FIGURE_CLASS` constants when composing className strings inline.
+ * All numbers are the hero: tabular and visually dominant, on the console's own
+ * Inter — NOT a second typeface. `tabular-nums` (Inter's `tnum`) is what keeps
+ * digits column-aligned, so the mono lock the scale used to carry bought
+ * nothing the console needed. This file is the single source of truth for the
+ * canonical figure sizes so screens stop re-typing `tabular-nums` strings and
+ * drifting on size/weight/tracking. Use `<Figure size>` for new markup, or
+ * import the `FIGURE_CLASS` constants when composing className strings inline.
  *
  * Scale:
  *  - hero       : the dominant in-bar figure — text-4xl/5xl, semibold, tracking-tight
@@ -18,13 +20,13 @@
  * `money-hero` is `hero`'s role at one step down the scale: a formatted BRL
  * amount runs ~13 characters, which clips a three-column panel at 4xl/5xl, so
  * consoles were hand-rolling `text-2xl lg:text-3xl` at the call site and losing
- * the mono/tabular/weight invariants along the way. Same responsive shape as
+ * the tabular/weight invariants along the way. Same responsive shape as
  * `hero`, same weight and tracking — only the two size steps differ.
  */
 import type { ElementType, ReactNode } from 'react';
 export type FigureSize = 'hero' | 'money-hero' | 'panel' | 'count' | 'row' | 'tick';
-/** Canonical class strings per figure size. The `tabular-nums` and `font-mono`
- *  invariants live here so they can never be forgotten at a call site. */
+/** Canonical class strings per figure size. The `tabular-nums` invariant lives
+ *  here so it can never be forgotten at a call site. */
 export declare const FIGURE_CLASS: Record<FigureSize, string>;
 export type FigureProps = {
     size: FigureSize;

package/dist/domain/figure/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/domain/figure/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAInD,MAAM,MAAM,UAAU,GACpB,MAAM,GAAG,YAAY,GAAG,OAAO,GAAG,OAAO,GAAG,KAAK,GAAG,MAAM,CAAA;AAE5D;0EAC0E;AAC1E,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAQnD,CAAA;AAED,MAAM,MAAM,WAAW,GAAG;IACxB,IAAI,EAAE,UAAU,CAAA;IAChB,QAAQ,EAAE,SAAS,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,8EAA8E;IAC9E,EAAE,CAAC,EAAE,WAAW,CAAA;CACjB,CAAA;AAED,wBAAgB,MAAM,CAAC,EACrB,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,EAAE,EAAE,GAAY,EACjB,EAAE,WAAW,+BAEb"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/domain/figure/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAInD,MAAM,MAAM,UAAU,GACpB,MAAM,GAAG,YAAY,GAAG,OAAO,GAAG,OAAO,GAAG,KAAK,GAAG,MAAM,CAAA;AAE5D;wDACwD;AACxD,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAQnD,CAAA;AAED,MAAM,MAAM,WAAW,GAAG;IACxB,IAAI,EAAE,UAAU,CAAA;IAChB,QAAQ,EAAE,SAAS,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,8EAA8E;IAC9E,EAAE,CAAC,EAAE,WAAW,CAAA;CACjB,CAAA;AAED,wBAAgB,MAAM,CAAC,EACrB,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,EAAE,EAAE,GAAY,EACjB,EAAE,WAAW,+BAEb"}

package/dist/domain/figure/index.js

@@ -4,15 +4,15 @@ exports.FIGURE_CLASS = void 0;
 exports.Figure = Figure;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const utils_1 = require("../../lib/utils");
-/** Canonical class strings per figure size. The `tabular-nums` and `font-mono`
- *  invariants live here so they can never be forgotten at a call site. */
+/** Canonical class strings per figure size. The `tabular-nums` invariant lives
+ *  here so it can never be forgotten at a call site. */
 exports.FIGURE_CLASS = {
-    hero: 'font-mono text-4xl font-semibold tracking-tight tabular-nums lg:text-5xl',
-    'money-hero': 'font-mono text-2xl font-semibold tracking-tight tabular-nums lg:text-3xl',
-    panel: 'font-mono text-3xl font-semibold tracking-tight tabular-nums',
-    count: 'font-mono text-2xl font-semibold tracking-tight tabular-nums',
-    row: 'font-mono text-sm tabular-nums',
-    tick: 'font-mono text-[10px] leading-none tabular-nums'
+    hero: 'text-4xl font-semibold tracking-tight tabular-nums lg:text-5xl',
+    'money-hero': 'text-2xl font-semibold tracking-tight tabular-nums lg:text-3xl',
+    panel: 'text-3xl font-semibold tracking-tight tabular-nums',
+    count: 'text-2xl font-semibold tracking-tight tabular-nums',
+    row: 'text-sm tabular-nums',
+    tick: 'text-xs leading-none tabular-nums'
 };
 function Figure({ size, children, className, as: Tag = 'span' }) {
     return (0, jsx_runtime_1.jsx)(Tag, { className: (0, utils_1.cn)(exports.FIGURE_CLASS[size], className), children: children });

package/dist/domain/key-id/index.d.ts

@@ -3,7 +3,7 @@ export interface KeyIdProps {
     value: string;
     /** What the value is. Drives the mask shape and the default mask state. */
     kind?: KeyIdKind;
-    /** Optional uppercase tag rendered before the value (e.g. 'Payer', 'E2E'). */
+    /** Optional quiet label rendered before the value (e.g. 'Payer', 'E2E'). */
     label?: string;
     /** Override the per-kind mask default. PII kinds default true, ids default false. */
     mask?: boolean;

package/dist/domain/key-id/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/domain/key-id/index.tsx"],"names":[],"mappings":"AA2BA,MAAM,MAAM,SAAS,GACjB,SAAS,GACT,UAAU,GACV,WAAW,GACX,WAAW,GACX,SAAS,GACT,KAAK,GACL,aAAa,GACb,SAAS,CAAA;AAEb,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,MAAM,CAAA;IACb,2EAA2E;IAC3E,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,8EAA8E;IAC9E,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,qFAAqF;IACrF,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,sEAAsE;IACtE,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAeD;+EAC+E;AAC/E,wBAAgB,cAAc,CAAC,IAAI,EAAE,SAAS,GAAG,OAAO,CAEvD;AAuED;;;;;;;;;GASG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,GAAG,MAAM,CAahE;AAED,wBAAgB,KAAK,CAAC,EACpB,KAAK,EACL,IAAgB,EAChB,KAAK,EACL,IAAI,EACJ,QAAgB,EAChB,SAAS,EACV,EAAE,UAAU,+BAsBZ"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/domain/key-id/index.tsx"],"names":[],"mappings":"AA2BA,MAAM,MAAM,SAAS,GACjB,SAAS,GACT,UAAU,GACV,WAAW,GACX,WAAW,GACX,SAAS,GACT,KAAK,GACL,aAAa,GACb,SAAS,CAAA;AAEb,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,MAAM,CAAA;IACb,2EAA2E;IAC3E,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,4EAA4E;IAC5E,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,qFAAqF;IACrF,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,sEAAsE;IACtE,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAeD;+EAC+E;AAC/E,wBAAgB,cAAc,CAAC,IAAI,EAAE,SAAS,GAAG,OAAO,CAEvD;AAuED;;;;;;;;;GASG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,GAAG,MAAM,CAahE;AAED,wBAAgB,KAAK,CAAC,EACpB,KAAK,EACL,IAAgB,EAChB,KAAK,EACL,IAAI,EACJ,QAAgB,EAChB,SAAS,EACV,EAAE,UAAU,+BA0BZ"}

package/dist/domain/key-id/index.js

@@ -139,7 +139,7 @@ function maskKeyId(value, kind) {
 function KeyId({ value, kind = 'generic', label, mask, copyable = false, className }) {
     const masked = mask ?? masksByDefault(kind);
     const display = masked ? maskKeyId(value, kind) : truncateMiddle(value);
-    return ((0, jsx_runtime_1.jsxs)("span", { className: (0, utils_1.cn)('inline-flex min-w-0 items-center gap-2', className), children: [label ? ((0, jsx_runtime_1.jsx)("span", { className: (0, utils_1.cn)(typography_1.LABEL_VOICE_CLASS, 'shrink-0'), children: label })) : null, (0, jsx_runtime_1.jsx)("span", { className: "text-foreground truncate font-mono text-xs tabular-nums", 
+    return ((0, jsx_runtime_1.jsxs)("span", { className: (0, utils_1.cn)('inline-flex min-w-0 items-center gap-2', className), children: [label ? ((0, jsx_runtime_1.jsx)("span", { className: (0, utils_1.cn)(typography_1.LABEL_VOICE_CLASS, 'shrink-0 text-xs'), children: label })) : null, (0, jsx_runtime_1.jsx)("span", { className: "text-foreground truncate font-mono text-xs tabular-nums", 
                 // The raw value as a tooltip only when nothing is hidden — never leak a
                 // masked PII value through the title attribute.
                 title: masked ? undefined : value, children: display }), copyable ? (0, jsx_runtime_1.jsx)(CopyValue, { value: value }) : null] }));

package/dist/domain/section-label/index.d.ts

@@ -1,14 +1,17 @@
 /**
- * SectionLabel — THE canonical uppercase tracked sans label of the console.
+ * SectionLabel — THE canonical quiet label of the console.
  *
- * Every panel heading, section title, and caption is uppercase, tracked
- * (0.08em) muted-foreground — the recessive foil that lets the mono figures be
- * loud. The class itself lives in `@/lib/typography` (`SECTION_LABEL_CLASS`,
- * an alias of `LABEL_VOICE_CLASS`) and is NEVER re-stated here, so the voice
- * cannot drift between this component and the `ui/` layer that shares it.
+ * Every panel heading, section title, and caption speaks product-console's
+ * table-head voice: sentence case, `text-sm`, medium weight, muted-foreground
+ * — the recessive foil that lets the figures be loud. The class itself
+ * lives in `@/lib/typography` (`SECTION_LABEL_CLASS`, an alias of
+ * `LABEL_VOICE_CLASS`) and is NEVER re-stated here, so the voice cannot drift
+ * between this component and the `ui/` layer that shares it.
  *
  * Renders an `<h2>` by default (the ledger-sheet cell heading), but `as` lets
- * it become a `<p>`/`<span>`/`<dt>` for captions and inline labels.
+ * it become a `<p>`/`<span>`/`<dt>` for captions and inline labels. For an
+ * EntityBox-scale panel TITLE, reach for `EntityBoxHeaderTitle` instead — that
+ * is the kit's `text-lg` heading voice.
  */
 import type { ElementType, HTMLAttributes, ReactNode } from 'react';
 export type SectionLabelProps = {

package/dist/domain/section-label/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/domain/section-label/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AACH,OAAO,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAUnE,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,EAAE,SAAS,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,wEAAwE;IACxE,EAAE,CAAC,EAAE,WAAW,CAAA;IAChB;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB,GAAG,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,GAAG,WAAW,CAAC,CAAA;AAE/D,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,SAAS,EACT,EAAE,EAAE,GAAU,EACd,KAAa,EACb,GAAG,IAAI,EACR,EAAE,iBAAiB,+BAcnB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/domain/section-label/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH,OAAO,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAUnE,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,EAAE,SAAS,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,wEAAwE;IACxE,EAAE,CAAC,EAAE,WAAW,CAAA;IAChB;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB,GAAG,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,GAAG,WAAW,CAAC,CAAA;AAE/D,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,SAAS,EACT,EAAE,EAAE,GAAU,EACd,KAAa,EACb,GAAG,IAAI,EACR,EAAE,iBAAiB,+BAcnB"}

package/dist/domain/status-rail/index.d.ts

@@ -2,7 +2,7 @@ import type { ReactNode } from 'react';
 export type StatusRailItem = {
     /** Optional stable key for dynamic (reordered/filtered) rails; falls back to index. */
     id?: string;
-    /** Optional uppercase label rendered inline before the value. */
+    /** Optional quiet label rendered inline before the value. */
     label?: ReactNode;
     value: ReactNode;
 };

package/dist/domain/status-rail/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/domain/status-rail/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAItC,MAAM,MAAM,cAAc,GAAG;IAC3B,uFAAuF;IACvF,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,iEAAiE;IACjE,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,KAAK,EAAE,SAAS,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,cAAc,GAAG;IAC3B,uFAAuF;IACvF,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,SAAS,CAAA;IAChB,KAAK,EAAE,SAAS,CAAA;IAChB,yEAAyE;IACzE,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB,CAAA;AAED,MAAM,MAAM,eAAe,GAAG;IAC5B,qEAAqE;IACrE,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,qCAAqC;IACrC,KAAK,CAAC,EAAE,cAAc,EAAE,CAAA;IACxB,gCAAgC;IAChC,KAAK,CAAC,EAAE,cAAc,EAAE,CAAA;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,KAAU,EACV,KAAU,EACV,SAAS,EACV,EAAE,eAAe,+BAwEjB;AAkBD,qFAAqF;AACrF,wBAAgB,GAAG,gCAMlB;AAED;;;;;;;;;GASG;AACH,wBAAgB,SAAS,gCAOxB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/domain/status-rail/index.tsx"],"names":[],"mappings":"AA4BA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAItC,MAAM,MAAM,cAAc,GAAG;IAC3B,uFAAuF;IACvF,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,6DAA6D;IAC7D,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,KAAK,EAAE,SAAS,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,cAAc,GAAG;IAC3B,uFAAuF;IACvF,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,SAAS,CAAA;IAChB,KAAK,EAAE,SAAS,CAAA;IAChB,yEAAyE;IACzE,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB,CAAA;AAED,MAAM,MAAM,eAAe,GAAG;IAC5B,qEAAqE;IACrE,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,qCAAqC;IACrC,KAAK,CAAC,EAAE,cAAc,EAAE,CAAA;IACxB,gCAAgC;IAChC,KAAK,CAAC,EAAE,cAAc,EAAE,CAAA;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,KAAU,EACV,KAAU,EACV,SAAS,EACV,EAAE,eAAe,+BAwEjB;AAkBD,qFAAqF;AACrF,wBAAgB,GAAG,gCAMlB;AAED;;;;;;;;;GASG;AACH,wBAAgB,SAAS,gCAOxB"}

package/dist/domain/status-rail/index.js

@@ -23,9 +23,13 @@ const jsx_runtime_1 = require("react/jsx-runtime");
  *   />
  *
  * The first token (`lead`) is `text-foreground font-medium`. Tape items are
- * dot-separated; an item with a `label` renders the uppercase label inline
- * before its value. Chips pin right via `ml-auto`; `alarm` escalates a chip to
- * destructive.
+ * dot-separated; an item with a `label` renders the label inline before its
+ * value, in the rail's own `font-medium`. Chips pin right via `ml-auto`;
+ * `alarm` escalates a chip to destructive.
+ *
+ * Labels carry weight only: the rail root already supplies size, family and
+ * ink (`font-mono text-xs text-muted-foreground`), so re-stating
+ * LABEL_VOICE_CLASS here would import a `text-sm` that fights the tape.
  */
 const lucide_react_1 = require("lucide-react");
 const utils_1 = require("../../lib/utils");
@@ -42,7 +46,7 @@ function StatusRail({ lead, items = [], chips = [], className }) {
         // Recessed instrument strip: the page surface inside a hairline border
         // whose top edge runs one step darker — light-from-above recession
         // without any inner shadow.
-        'border-border border-t-foreground/10 bg-body-surface text-muted-foreground flex flex-wrap items-center gap-x-3 gap-y-1.5 rounded-lg border px-4 py-2 font-mono text-xs tabular-nums', className), children: [hasLead ? ((0, jsx_runtime_1.jsx)("span", { className: "text-foreground font-medium", children: lead })) : null, items.map((item, i) => ((0, jsx_runtime_1.jsx)(RailFragment, { hasLead: hasLead || i > 0, children: item.label != null ? ((0, jsx_runtime_1.jsxs)("span", { className: "flex items-center gap-1.5", children: [(0, jsx_runtime_1.jsx)("span", { className: "tracking-[0.08em] uppercase", children: item.label }), item.value] })) : ((0, jsx_runtime_1.jsx)("span", { className: "flex items-center gap-1.5", children: item.value })) }, item.id ?? i))), chips.length ? ((0, jsx_runtime_1.jsx)("span", { className: "ml-auto flex flex-wrap items-center gap-x-3 gap-y-1.5", children: chips.map((chip, i) => ((0, jsx_runtime_1.jsxs)("span", { className: "inline-flex items-center gap-1.5", children: [(0, jsx_runtime_1.jsx)("span", { className: "tracking-[0.08em] uppercase", children: chip.label }), (0, jsx_runtime_1.jsxs)("span", { className: (0, utils_1.cn)(
+        'border-border border-t-foreground/10 bg-body-surface text-muted-foreground flex flex-wrap items-center gap-x-3 gap-y-1.5 rounded-lg border px-4 py-2 font-mono text-xs tabular-nums', className), children: [hasLead ? ((0, jsx_runtime_1.jsx)("span", { className: "text-foreground font-medium", children: lead })) : null, items.map((item, i) => ((0, jsx_runtime_1.jsx)(RailFragment, { hasLead: hasLead || i > 0, children: item.label != null ? ((0, jsx_runtime_1.jsxs)("span", { className: "flex items-center gap-1.5", children: [(0, jsx_runtime_1.jsx)("span", { className: "font-medium", children: item.label }), item.value] })) : ((0, jsx_runtime_1.jsx)("span", { className: "flex items-center gap-1.5", children: item.value })) }, item.id ?? i))), chips.length ? ((0, jsx_runtime_1.jsx)("span", { className: "ml-auto flex flex-wrap items-center gap-x-3 gap-y-1.5", children: chips.map((chip, i) => ((0, jsx_runtime_1.jsxs)("span", { className: "inline-flex items-center gap-1.5", children: [(0, jsx_runtime_1.jsx)("span", { className: "font-medium", children: chip.label }), (0, jsx_runtime_1.jsxs)("span", { className: (0, utils_1.cn)(
                             // Tiny mono token: raised a hair off the sunken tape by the
                             // card surface + whisper shadow.
                             'inline-flex items-center gap-1 rounded-sm border px-1.5 py-0.5 shadow-sm', chip.alarm

package/dist/enterprise/alert-banner/index.d.ts

@@ -12,9 +12,11 @@
  * Renders `role="alert"`. Tones map to sindarian-ui's `system-*` semantic token
  * families, so they track the active light/dark palette automatically.
  */
-import type { ReactNode } from 'react';
+import type { ComponentPropsWithoutRef, ReactNode } from 'react';
 export type AlertBannerTone = 'destructive' | 'warning' | 'info' | 'success' | 'neutral';
-export type AlertBannerProps = {
+/** `title` is widened to ReactNode, so the DOM `title` attribute (a string)
+ *  is omitted rather than conflicting. */
+export type AlertBannerProps = Omit<ComponentPropsWithoutRef<'div'>, 'title'> & {
     tone?: AlertBannerTone;
     /** Bold lead line, carries the tone color. */
     title?: ReactNode;
@@ -26,5 +28,5 @@ export type AlertBannerProps = {
     icon?: ReactNode;
     className?: string;
 };
-export declare function AlertBanner({ tone, title, children, detail, icon, className }: AlertBannerProps): import("react").JSX.Element;
+export declare function AlertBanner({ tone, title, children, detail, icon, className, ...props }: AlertBannerProps): import("react").JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/dist/enterprise/alert-banner/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/enterprise/alert-banner/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AACH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAItC,MAAM,MAAM,eAAe,GACzB,aAAa,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,CAAA;AAoB5D,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,CAAC,EAAE,eAAe,CAAA;IACtB,8CAA8C;IAC9C,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,+DAA+D;IAC/D,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,yEAAyE;IACzE,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,wBAAgB,WAAW,CAAC,EAC1B,IAAgB,EAChB,KAAK,EACL,QAAQ,EACR,MAAM,EACN,IAAI,EACJ,SAAS,EACV,EAAE,gBAAgB,+BAmClB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/enterprise/alert-banner/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AACH,OAAO,KAAK,EAAE,wBAAwB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAIhE,MAAM,MAAM,eAAe,GACzB,aAAa,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,CAAA;AAoB5D;0CAC0C;AAC1C,MAAM,MAAM,gBAAgB,GAAG,IAAI,CACjC,wBAAwB,CAAC,KAAK,CAAC,EAC/B,OAAO,CACR,GAAG;IACF,IAAI,CAAC,EAAE,eAAe,CAAA;IACtB,8CAA8C;IAC9C,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,+DAA+D;IAC/D,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,yEAAyE;IACzE,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,wBAAgB,WAAW,CAAC,EAC1B,IAAgB,EAChB,KAAK,EACL,QAAQ,EACR,MAAM,EACN,IAAI,EACJ,SAAS,EACT,GAAG,KAAK,EACT,EAAE,gBAAgB,+BAuClB"}

package/dist/enterprise/alert-banner/index.js

@@ -19,6 +19,6 @@ const TONE_TITLE = {
     success: 'text-system-success-text',
     neutral: 'text-foreground'
 };
-function AlertBanner({ tone = 'neutral', title, children, detail, icon, className }) {
-    return ((0, jsx_runtime_1.jsxs)("div", { role: "alert", "data-tone": tone, className: (0, utils_1.cn)('flex gap-3 rounded-md border px-4 py-3', TONE_CONTAINER[tone], className), children: [icon != null ? ((0, jsx_runtime_1.jsx)("span", { className: (0, utils_1.cn)('mt-0.5 shrink-0', TONE_TITLE[tone]), "aria-hidden": true, children: icon })) : null, (0, jsx_runtime_1.jsxs)("div", { className: "min-w-0 flex-1 space-y-1", children: [title != null ? ((0, jsx_runtime_1.jsx)("p", { className: (0, utils_1.cn)('text-sm font-medium', TONE_TITLE[tone]), children: title })) : null, children != null ? ((0, jsx_runtime_1.jsx)("div", { className: "text-foreground text-xs leading-relaxed", children: children })) : null, detail != null ? ((0, jsx_runtime_1.jsx)("pre", { className: "text-muted-foreground overflow-x-auto font-mono text-xs break-words whitespace-pre-wrap", children: detail })) : null] })] }));
+function AlertBanner({ tone = 'neutral', title, children, detail, icon, className, ...props }) {
+    return ((0, jsx_runtime_1.jsxs)("div", { ...props, role: "alert", "data-tone": tone, className: (0, utils_1.cn)('flex gap-3 rounded-md border px-4 py-3', TONE_CONTAINER[tone], className), children: [icon != null ? ((0, jsx_runtime_1.jsx)("span", { className: (0, utils_1.cn)('mt-0.5 shrink-0', TONE_TITLE[tone]), "aria-hidden": true, children: icon })) : null, (0, jsx_runtime_1.jsxs)("div", { className: "min-w-0 flex-1 space-y-1", children: [title != null ? ((0, jsx_runtime_1.jsx)("p", { className: (0, utils_1.cn)('text-sm font-medium', TONE_TITLE[tone]), children: title })) : null, children != null ? ((0, jsx_runtime_1.jsx)("div", { className: "text-foreground text-xs leading-relaxed", children: children })) : null, detail != null ? ((0, jsx_runtime_1.jsx)("pre", { className: "text-muted-foreground overflow-x-auto font-mono text-xs break-words whitespace-pre-wrap", children: detail })) : null] })] }));
 }

package/dist/enterprise/data-table/column-size.d.ts

@@ -0,0 +1,70 @@
+import type { Column } from '@tanstack/react-table';
+/**
+ * The sizing a column DECLARED, in px. Only keys the ColumnDef actually carried
+ * are present, so an undeclared column reads back as `undefined` and keeps
+ * whatever width its layout gives it.
+ */
+export type DeclaredColumnSize = {
+    width?: number;
+    minWidth?: number;
+    maxWidth?: number;
+};
+/**
+ * The column sizing a ColumnDef actually DECLARED, or `undefined` when it
+ * declared none. This is VirtualizedTable's reading: flex rows honour all
+ * three, so `size`, `minSize` and `maxSize` all PIN. DataTable's `<th>`/`<td>`
+ * path reads the same declaration through {@link readPreferredColumnSize},
+ * which drops the ceiling CSS auto table layout cannot enforce.
+ *
+ * Reading the raw `columnDef` is only honest because both tables pass
+ * `defaultColumn: { size: undefined, minSize: undefined, maxSize: undefined }`
+ * to `useReactTable`. TanStack builds every columnDef as
+ * `{ ...featureDefaults, ...table.options.defaultColumn, ...userDef }`, so
+ * those three overrides blank out the `defaultColumnSizing` the ColumnSizing
+ * feature would otherwise stamp on every column (150 / 20 / MAX_SAFE_INTEGER).
+ * Without them a column asking for nothing reports `size: 150` and a column
+ * asking for exactly 150 is indistinguishable from it. `column.getSize()` is
+ * unaffected: it falls back to `defaultColumnSizing` with `??`, so column
+ * offsets and the table's total size are byte-identical either way.
+ *
+ * Width comes from `getSize()` rather than the raw `size` so it lands already
+ * clamped by the column's own min/max.
+ */
+export declare function readDeclaredColumnSize<TData>(column: Column<TData, unknown>): DeclaredColumnSize | undefined;
+/**
+ * A GROUP header cell is exactly as wide as the leaf columns it spans, so it
+ * can only be pinned when every one of them is: a group whose leaves are
+ * partly sized has no honest fixed width, and keeps its colSpan flex share so
+ * the header rule still tracks the cells beneath it. Reading the group's own
+ * ColumnDef instead would size the header against a declaration its body cells
+ * never see.
+ *
+ * Every dimension the leaves agree on carries up, CEILING INCLUDED. This is
+ * VirtualizedTable's path, where flex rows honour `maxSize` on a leaf — so a
+ * group of capped leaves whose header carried no `maxWidth` was free to grow
+ * past every column it names, which is the same header-vs-cells drift the
+ * width sum exists to prevent. Each dimension is decided on its own: a group
+ * can be uncapped and still have a floor.
+ */
+export declare function readDeclaredGroupSize<TData>(leaves: Column<TData, unknown>[]): DeclaredColumnSize | undefined;
+/**
+ * The same declaration as {@link readDeclaredColumnSize}, minus `maxWidth`.
+ *
+ * DataTable renders real `<th>`/`<td>` under CSS AUTO table layout, where
+ * Chrome and Firefox ignore `max-width` on a cell. Emitting it would advertise
+ * a ceiling that never holds, so this path keeps only what the layout obeys:
+ * `size` as a PREFERRED width and `minSize` as a floor. A column that must not
+ * grow past a width belongs in VirtualizedTable.
+ */
+export declare function readPreferredColumnSize<TData>(column: Column<TData, unknown>): DeclaredColumnSize | undefined;
+/**
+ * Blanks out the `defaultColumnSizing` TanStack stamps onto every ColumnDef, so
+ * `columnDef.size` / `minSize` / `maxSize` mean "the consumer asked for this"
+ * and nothing else. Both tables pass it to `useReactTable`.
+ */
+export declare const UNSIZED_DEFAULT_COLUMN: {
+    size: undefined;
+    minSize: undefined;
+    maxSize: undefined;
+};
+//# sourceMappingURL=column-size.d.ts.map

package/dist/enterprise/data-table/column-size.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"column-size.d.ts","sourceRoot":"","sources":["../../../src/enterprise/data-table/column-size.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAA;AAEnD;;;;GAIG;AACH,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,sBAAsB,CAAC,KAAK,EAC1C,MAAM,EAAE,MAAM,CAAC,KAAK,EAAE,OAAO,CAAC,GAC7B,kBAAkB,GAAG,SAAS,CAUhC;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,qBAAqB,CAAC,KAAK,EACzC,MAAM,EAAE,MAAM,CAAC,KAAK,EAAE,OAAO,CAAC,EAAE,GAC/B,kBAAkB,GAAG,SAAS,CAchC;AAsBD;;;;;;;;GAQG;AACH,wBAAgB,uBAAuB,CAAC,KAAK,EAC3C,MAAM,EAAE,MAAM,CAAC,KAAK,EAAE,OAAO,CAAC,GAC7B,kBAAkB,GAAG,SAAS,CAQhC;AAED;;;;GAIG;AACH,eAAO,MAAM,sBAAsB;;;;CAIlC,CAAA"}

package/dist/enterprise/data-table/column-size.js

@@ -0,0 +1,103 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UNSIZED_DEFAULT_COLUMN = void 0;
+exports.readDeclaredColumnSize = readDeclaredColumnSize;
+exports.readDeclaredGroupSize = readDeclaredGroupSize;
+exports.readPreferredColumnSize = readPreferredColumnSize;
+/**
+ * The column sizing a ColumnDef actually DECLARED, or `undefined` when it
+ * declared none. This is VirtualizedTable's reading: flex rows honour all
+ * three, so `size`, `minSize` and `maxSize` all PIN. DataTable's `<th>`/`<td>`
+ * path reads the same declaration through {@link readPreferredColumnSize},
+ * which drops the ceiling CSS auto table layout cannot enforce.
+ *
+ * Reading the raw `columnDef` is only honest because both tables pass
+ * `defaultColumn: { size: undefined, minSize: undefined, maxSize: undefined }`
+ * to `useReactTable`. TanStack builds every columnDef as
+ * `{ ...featureDefaults, ...table.options.defaultColumn, ...userDef }`, so
+ * those three overrides blank out the `defaultColumnSizing` the ColumnSizing
+ * feature would otherwise stamp on every column (150 / 20 / MAX_SAFE_INTEGER).
+ * Without them a column asking for nothing reports `size: 150` and a column
+ * asking for exactly 150 is indistinguishable from it. `column.getSize()` is
+ * unaffected: it falls back to `defaultColumnSizing` with `??`, so column
+ * offsets and the table's total size are byte-identical either way.
+ *
+ * Width comes from `getSize()` rather than the raw `size` so it lands already
+ * clamped by the column's own min/max.
+ */
+function readDeclaredColumnSize(column) {
+    const { size, minSize, maxSize } = column.columnDef;
+    const width = size === undefined ? undefined : column.getSize();
+    if (width === undefined && minSize === undefined && maxSize === undefined) {
+        return undefined;
+    }
+    return { width, minWidth: minSize, maxWidth: maxSize };
+}
+/**
+ * A GROUP header cell is exactly as wide as the leaf columns it spans, so it
+ * can only be pinned when every one of them is: a group whose leaves are
+ * partly sized has no honest fixed width, and keeps its colSpan flex share so
+ * the header rule still tracks the cells beneath it. Reading the group's own
+ * ColumnDef instead would size the header against a declaration its body cells
+ * never see.
+ *
+ * Every dimension the leaves agree on carries up, CEILING INCLUDED. This is
+ * VirtualizedTable's path, where flex rows honour `maxSize` on a leaf — so a
+ * group of capped leaves whose header carried no `maxWidth` was free to grow
+ * past every column it names, which is the same header-vs-cells drift the
+ * width sum exists to prevent. Each dimension is decided on its own: a group
+ * can be uncapped and still have a floor.
+ */
+function readDeclaredGroupSize(leaves) {
+    if (leaves.length === 0)
+        return undefined;
+    const sizes = leaves.map(readDeclaredColumnSize);
+    const width = sum(sizes, 'width');
+    const minWidth = sum(sizes, 'minWidth');
+    const maxWidth = sum(sizes, 'maxWidth');
+    if (width === undefined && minWidth === undefined && maxWidth === undefined) {
+        return undefined;
+    }
+    return { width, minWidth, maxWidth };
+}
+/**
+ * The total of one dimension, or `undefined` unless EVERY leaf declared it. One
+ * leaf short and the group has no honest total: an unsized leaf flexes, an
+ * unfloored one can shrink, and an uncapped one grows without limit.
+ */
+function sum(sizes, key) {
+    let total = 0;
+    for (const size of sizes) {
+        const value = size?.[key];
+        if (value === undefined)
+            return undefined;
+        total += value;
+    }
+    return total;
+}
+/**
+ * The same declaration as {@link readDeclaredColumnSize}, minus `maxWidth`.
+ *
+ * DataTable renders real `<th>`/`<td>` under CSS AUTO table layout, where
+ * Chrome and Firefox ignore `max-width` on a cell. Emitting it would advertise
+ * a ceiling that never holds, so this path keeps only what the layout obeys:
+ * `size` as a PREFERRED width and `minSize` as a floor. A column that must not
+ * grow past a width belongs in VirtualizedTable.
+ */
+function readPreferredColumnSize(column) {
+    const { width, minWidth } = readDeclaredColumnSize(column) ?? {};
+    if (width === undefined && minWidth === undefined) {
+        return undefined;
+    }
+    return { width, minWidth };
+}
+/**
+ * Blanks out the `defaultColumnSizing` TanStack stamps onto every ColumnDef, so
+ * `columnDef.size` / `minSize` / `maxSize` mean "the consumer asked for this"
+ * and nothing else. Both tables pass it to `useReactTable`.
+ */
+exports.UNSIZED_DEFAULT_COLUMN = {
+    size: undefined,
+    minSize: undefined,
+    maxSize: undefined
+};

package/dist/enterprise/data-table/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/enterprise/data-table/index.tsx"],"names":[],"mappings":"AAsCA,OAAO,EAIL,KAAK,SAAS,EACd,KAAK,UAAU,EAEf,KAAK,OAAO,EACZ,KAAK,iBAAiB,EAEvB,MAAM,uBAAuB,CAAA;AAc9B,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAEjE;;;;GAIG;AACH,OAAO,QAAQ,uBAAuB,CAAC;IAIrC,UAAU,UAAU,CAAC,KAAK,SAAS,OAAO,EAAE,MAAM;QAChD,OAAO,CAAC,EAAE,OAAO,CAAA;KAClB;CACF;AAED;;;;;;;;GAQG;AACH,KAAK,iBAAiB,CAAC,KAAK,IACxB;IACE,kBAAkB,CAAC,EAAE,KAAK,CAAA;IAC1B,YAAY,CAAC,EAAE,KAAK,CAAA;IACpB,oBAAoB,CAAC,EAAE,KAAK,CAAA;IAC5B,oBAAoB,CAAC,EAAE,KAAK,CAAA;CAC7B,GACD;IACE,kBAAkB,EAAE,IAAI,CAAA;IACxB,kFAAkF;IAClF,YAAY,EAAE,iBAAiB,CAAA;IAC/B,4DAA4D;IAC5D,oBAAoB,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAA;IACnD;;;;;OAKG;IACH,oBAAoB,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,KAAK,MAAM,CAAA;CAC9C,CAAA;AAEL,KAAK,kBAAkB,CAAC,KAAK,IAAI;IAC/B,OAAO,EAAE,SAAS,CAAC,KAAK,EAAE,OAAO,CAAC,EAAE,CAAA;IACpC,IAAI,EAAE,KAAK,EAAE,CAAA;IACb,sDAAsD;IACtD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,2DAA2D;IAC3D,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,iGAAiG;IACjG,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,0DAA0D;IAC1D,KAAK,CAAC,EAAE,eAAe,CAAA;IACvB,qEAAqE;IACrE,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAA;IAChD;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IACf;;;;OAIG;IACH,OAAO,CAAC,EAAE,aAAa,GAAG,SAAS,CAAA;IACnC;;;;;;OAMG;IACH,aAAa,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,KAAK,IAAI,CAAA;IACpC;;;;;;;OAOG;IACH,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,KAAK,MAAM,CAAA;IAChC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;;OAIG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB;;;;OAIG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACzB,CAAA;AAED,MAAM,MAAM,cAAc,CAAC,KAAK,IAAI,kBAAkB,CAAC,KAAK,CAAC,GAC3D,iBAAiB,CAAC,KAAK,CAAC,CAAA;AA4E1B,wBAAgB,SAAS,CAAC,KAAK,EAAE,EAC/B,OAAO,EACP,IAAI,EACJ,OAAe,EACf,YAAgB,EAChB,YAAmC,EACnC,KAAK,EACL,QAAQ,EACR,KAAa,EACb,OAAuB,EACvB,kBAA0B,EAC1B,YAAY,EACZ,oBAAoB,EACpB,oBAAoB,EACpB,aAAa,EACb,OAAO,EACP,SAAS,EACT,aAAa,EACb,MAAM,EACP,EAAE,cAAc,CAAC,KAAK,CAAC,+BAiSvB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/enterprise/data-table/index.tsx"],"names":[],"mappings":"AAkDA,OAAO,EAIL,KAAK,SAAS,EACd,KAAK,UAAU,EAEf,KAAK,OAAO,EACZ,KAAK,iBAAiB,EAEvB,MAAM,uBAAuB,CAAA;AAc9B,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAGjE;;;;GAIG;AACH,OAAO,QAAQ,uBAAuB,CAAC;IAIrC,UAAU,UAAU,CAAC,KAAK,SAAS,OAAO,EAAE,MAAM;QAChD,OAAO,CAAC,EAAE,OAAO,CAAA;KAClB;CACF;AAED;;;;;;;;GAQG;AACH,KAAK,iBAAiB,CAAC,KAAK,IACxB;IACE,kBAAkB,CAAC,EAAE,KAAK,CAAA;IAC1B,YAAY,CAAC,EAAE,KAAK,CAAA;IACpB,oBAAoB,CAAC,EAAE,KAAK,CAAA;IAC5B,oBAAoB,CAAC,EAAE,KAAK,CAAA;CAC7B,GACD;IACE,kBAAkB,EAAE,IAAI,CAAA;IACxB,kFAAkF;IAClF,YAAY,EAAE,iBAAiB,CAAA;IAC/B,4DAA4D;IAC5D,oBAAoB,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAA;IACnD;;;;;OAKG;IACH,oBAAoB,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,KAAK,MAAM,CAAA;CAC9C,CAAA;AAEL,KAAK,kBAAkB,CAAC,KAAK,IAAI;IAC/B,OAAO,EAAE,SAAS,CAAC,KAAK,EAAE,OAAO,CAAC,EAAE,CAAA;IACpC,IAAI,EAAE,KAAK,EAAE,CAAA;IACb,sDAAsD;IACtD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,2DAA2D;IAC3D,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,iGAAiG;IACjG,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,0DAA0D;IAC1D,KAAK,CAAC,EAAE,eAAe,CAAA;IACvB,qEAAqE;IACrE,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAA;IAChD;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IACf;;;;OAIG;IACH,OAAO,CAAC,EAAE,aAAa,GAAG,SAAS,CAAA;IACnC;;;;;;OAMG;IACH,aAAa,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,KAAK,IAAI,CAAA;IACpC;;;;;;;OAOG;IACH,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,KAAK,MAAM,CAAA;IAChC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;;OAIG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB;;;;OAIG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACzB,CAAA;AAED,MAAM,MAAM,cAAc,CAAC,KAAK,IAAI,kBAAkB,CAAC,KAAK,CAAC,GAC3D,iBAAiB,CAAC,KAAK,CAAC,CAAA;AA4E1B,wBAAgB,SAAS,CAAC,KAAK,EAAE,EAC/B,OAAO,EACP,IAAI,EACJ,OAAe,EACf,YAAgB,EAChB,YAAmC,EACnC,KAAK,EACL,QAAQ,EACR,KAAa,EACb,OAAuB,EACvB,kBAA0B,EAC1B,YAAY,EACZ,oBAAoB,EACpB,oBAAoB,EACpB,aAAa,EACb,OAAO,EACP,SAAS,EACT,aAAa,EACb,MAAM,EACP,EAAE,cAAc,CAAC,KAAK,CAAC,+BAySvB"}

package/dist/enterprise/data-table/index.js

@@ -20,6 +20,18 @@ const jsx_runtime_1 = require("react/jsx-runtime");
  * `original` value, so screens compose money / date / status cells directly in
  * their column `cell` renderers.
  *
+ * Declared column sizing (see `./column-size`) does NOT mean the same thing in
+ * the kit's two table paths, because their layouts differ:
+ *   - DataTable renders real `<th>`/`<td>` under CSS AUTO table layout (the
+ *     `Table` primitive sets no `table-fixed`). There, `size` is a PREFERRED
+ *     width the browser may exceed to fit content, `minSize` acts as a floor,
+ *     and `maxSize` is ignored outright — Chrome and Firefox do not apply
+ *     `max-width` to table cells. A column declaring none keeps auto width.
+ *   - VirtualizedTable renders flex rows, where all three PIN: `size`,
+ *     `minSize` and `maxSize` are honoured exactly as declared.
+ * So a column that must not grow past a width belongs in VirtualizedTable, or
+ * in a cell renderer that truncates its own content.
+ *
  * Row selection is opt-in and controlled: pass `enableRowSelection` plus
  * `rowSelection` / `onRowSelectionChange` (TanStack-native types). When
  * enabled, a checkbox column is prepended — header checkbox selects the
@@ -45,6 +57,7 @@ const skeleton_1 = require("../../components/ui/skeleton");
 const typography_1 = require("../../lib/typography");
 const utils_1 = require("../../lib/utils");
 const empty_state_1 = require("../empty-state");
+const column_size_1 = require("./column-size");
 const SELECTION_COLUMN_ID = '__select__';
 const CHECKBOX_CLASS = 'accent-primary block size-4';
 /** Right-aligned mono treatment for `meta: { numeric: true }` columns. */
@@ -89,6 +102,10 @@ function DataTable({ columns, data, loading = false, skeletonRows = 8, loadingLa
     const table = (0, react_table_1.useReactTable)({
         data,
         columns: tableColumns,
+        // Keeps `columnDef.size`/`minSize`/`maxSize` meaning "declared" — see
+        // ./column-size. `getSize()` is unaffected; it falls back to the library
+        // defaults itself.
+        defaultColumn: column_size_1.UNSIZED_DEFAULT_COLUMN,
         getCoreRowModel: (0, react_table_1.getCoreRowModel)(),
         getRowId,
         enableRowSelection,
@@ -220,7 +237,10 @@ function DataTable({ columns, data, loading = false, skeletonRows = 8, loadingLa
                         ? 'No rows'
                         : `${rowCount} rows` }), (0, jsx_runtime_1.jsxs)(table_1.Table, { "aria-busy": loading ? 'true' : undefined, children: [(0, jsx_runtime_1.jsx)(table_1.TableHeader, { children: table.getHeaderGroups().map((headerGroup) => ((0, jsx_runtime_1.jsx)(table_1.TableRow, { className: "hover:bg-transparent", children: headerGroup.headers.map((header) => {
                                 const numeric = header.column.columnDef.meta?.numeric;
-                                return ((0, jsx_runtime_1.jsx)(table_1.TableHead, { align: numeric ? 'right' : undefined, className: (0, utils_1.cn)(typography_1.LABEL_VOICE_CLASS, headDensityClass, header.column.id === SELECTION_COLUMN_ID && 'w-10', headClassName), children: header.isPlaceholder
+                                return ((0, jsx_runtime_1.jsx)(table_1.TableHead, { align: numeric ? 'right' : undefined, 
+                                    // Only a column that DECLARED sizing gets an inline width;
+                                    // everything else keeps the auto table layout it has today.
+                                    style: (0, column_size_1.readPreferredColumnSize)(header.column), className: (0, utils_1.cn)(typography_1.LABEL_VOICE_CLASS, headDensityClass, header.column.id === SELECTION_COLUMN_ID && 'w-10', headClassName), children: header.isPlaceholder
                                         ? null
                                         : (0, react_table_1.flexRender)(header.column.columnDef.header, header.getContext()) }, header.id));
                             }) }, headerGroup.id))) }), (0, jsx_runtime_1.jsx)(table_1.TableBody, { children: loading ? (Array.from({ length: skeletonRows }).map((_, rowIndex) => ((0, jsx_runtime_1.jsx)(table_1.TableRow, { className: "hover:bg-transparent", children: Array.from({ length: colCount }).map((__, cellIndex) => ((0, jsx_runtime_1.jsx)(table_1.TableCell, { className: cellDensityClass, children: (0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { className: "h-4 w-full max-w-[160px]" }) }, `skeleton-${rowIndex}-${cellIndex}`))) }, `skeleton-${rowIndex}`)))) : rowCount === 0 ? ((0, jsx_runtime_1.jsx)(table_1.TableRow, { className: "hover:bg-transparent", children: (0, jsx_runtime_1.jsx)(table_1.TableCell, { colSpan: colCount, className: "p-0", children: (0, jsx_runtime_1.jsx)(empty_state_1.EmptyState, { title: empty?.title ?? 'Nothing here yet', description: empty?.description, icon: empty?.icon, action: empty?.action, 
@@ -243,7 +263,7 @@ function DataTable({ columns, data, loading = false, skeletonRows = 8, loadingLa
                                 ? (event) => handleRowKeyDown(event, row, rowIndex)
                                 : undefined, className: keyboardNav ? ROW_FOCUS_CLASS : undefined, "data-state": enableRowSelection && row.getIsSelected()
                                 ? 'selected'
-                                : undefined, children: row.getVisibleCells().map((cell) => ((0, jsx_runtime_1.jsx)(table_1.TableCell, { className: (0, utils_1.cn)(cell.column.columnDef.meta?.numeric && NUMERIC_CELL_CLASS, cellDensityClass, cell.column.id === SELECTION_COLUMN_ID && 'w-10'), onClick: cell.column.id === SELECTION_COLUMN_ID
+                                : undefined, children: row.getVisibleCells().map((cell) => ((0, jsx_runtime_1.jsx)(table_1.TableCell, { style: (0, column_size_1.readPreferredColumnSize)(cell.column), className: (0, utils_1.cn)(cell.column.columnDef.meta?.numeric && NUMERIC_CELL_CLASS, cellDensityClass, cell.column.id === SELECTION_COLUMN_ID && 'w-10'), onClick: cell.column.id === SELECTION_COLUMN_ID
                                     ? stopPropagation
                                     : undefined, children: (0, react_table_1.flexRender)(cell.column.columnDef.cell, cell.getContext()) }, cell.id))) }, row.id)))) }), footer ? (0, jsx_runtime_1.jsx)(table_1.TableFooter, { children: footer }) : null] })] }));
 }

package/dist/enterprise/date-range-picker/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/enterprise/date-range-picker/index.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAMtD,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAA;AAUnD;;;;GAIG;AACH,KAAK,cAAc,GAAG,cAAc,CAAC,OAAO,QAAQ,CAAC,CAAC,QAAQ,CAAC,CAAA;AAE/D,MAAM,MAAM,cAAc,GAAG;IAC3B,mCAAmC;IACnC,IAAI,EAAE,MAAM,CAAA;IACZ,mCAAmC;IACnC,EAAE,EAAE,MAAM,CAAA;CACX,CAAA;AAED,MAAM,MAAM,oBAAoB,GAAG;IACjC,KAAK,EAAE,cAAc,CAAA;IACrB,aAAa,EAAE,CAAC,IAAI,EAAE,cAAc,KAAK,IAAI,CAAA;IAC7C,8EAA8E;IAC9E,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,EAAE,SAAS,CAAA;IACpB,OAAO,EAAE,SAAS,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,yEAAyE;IACzE,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,sCAAsC;IACtC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,kCAAkC;IAClC,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,2DAA2D;IAC3D,MAAM,CAAC,EAAE,cAAc,CAAA;CACxB,CAAA;AAkCD,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,aAAa,EACb,MAAM,EACN,IAAI,EACJ,SAAS,EACT,OAAO,EACP,OAAe,EACf,OAAO,EACP,WAAwB,EACxB,SAA+B,EAC/B,UAAoB,EACpB,MAAa,EACd,EAAE,oBAAoB,+BAiHtB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/enterprise/date-range-picker/index.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAMtD,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAA;AASnD;;;;GAIG;AACH,KAAK,cAAc,GAAG,cAAc,CAAC,OAAO,QAAQ,CAAC,CAAC,QAAQ,CAAC,CAAA;AAE/D,MAAM,MAAM,cAAc,GAAG;IAC3B,mCAAmC;IACnC,IAAI,EAAE,MAAM,CAAA;IACZ,mCAAmC;IACnC,EAAE,EAAE,MAAM,CAAA;CACX,CAAA;AAED,MAAM,MAAM,oBAAoB,GAAG;IACjC,KAAK,EAAE,cAAc,CAAA;IACrB,aAAa,EAAE,CAAC,IAAI,EAAE,cAAc,KAAK,IAAI,CAAA;IAC7C,8EAA8E;IAC9E,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,EAAE,SAAS,CAAA;IACpB,OAAO,EAAE,SAAS,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,yEAAyE;IACzE,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,sCAAsC;IACtC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,kCAAkC;IAClC,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,2DAA2D;IAC3D,MAAM,CAAC,EAAE,cAAc,CAAA;CACxB,CAAA;AAkCD,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,aAAa,EACb,MAAM,EACN,IAAI,EACJ,SAAS,EACT,OAAO,EACP,OAAe,EACf,OAAO,EACP,WAAwB,EACxB,SAA+B,EAC/B,UAAoB,EACpB,MAAa,EACd,EAAE,oBAAoB,+BAsHtB"}

package/dist/enterprise/date-range-picker/index.js

@@ -30,7 +30,6 @@ const button_1 = require("../../components/ui/button");
 const calendar_1 = require("../../components/ui/calendar");
 const label_1 = require("../../components/ui/label");
 const popover_1 = require("../../components/ui/popover");
-const typography_1 = require("../../lib/typography");
 const utils_1 = require("../../lib/utils");
 /** Leading YYYY-MM-DD of an ISO date (or date-time) string. */
 const ISO_DAY = /^(\d{4})-(\d{2})-(\d{2})/;
@@ -87,6 +86,6 @@ function DateRangePicker({ value, onValueChange, fromId, toId, fromLabel, toLabe
     // segments read and write the SAME range selection, so which one you opened
     // changes only the anchor, never the state.
     const calendar = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(calendar_1.Calendar, { mode: "range", numberOfMonths: 2, defaultMonth: fromDate ?? toDate ?? new Date(), selected: selected, onSelect: onSelect, locale: locale }), (0, jsx_runtime_1.jsx)("div", { className: "border-border flex items-center justify-end border-t px-3 py-2", children: (0, jsx_runtime_1.jsx)(button_1.Button, { type: "button", variant: "plain", size: "small", disabled: !hasValue, onClick: () => onValueChange({ from: '', to: '' }), children: clearLabel }) })] }));
-    const renderSegment = (segment, id, label, dateValue) => ((0, jsx_runtime_1.jsxs)(popover_1.Popover, { open: openSegment === segment, onOpenChange: (next) => setOpenSegment(next ? segment : null), children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-1.5", children: [(0, jsx_runtime_1.jsx)(label_1.Label, { htmlFor: id, className: typography_1.SECTION_LABEL_CLASS, children: label }), (0, jsx_runtime_1.jsxs)(popover_1.PopoverTrigger, { type: "button", id: id, className: triggerClass, "aria-invalid": invalid || undefined, "aria-describedby": invalid ? errorId : undefined, children: [(0, jsx_runtime_1.jsx)(lucide_react_1.CalendarDays, { className: "text-muted-foreground size-4 shrink-0", "aria-hidden": true }), dateValue ? ((0, jsx_runtime_1.jsx)("span", { children: dateValue })) : ((0, jsx_runtime_1.jsx)("span", { className: "text-muted-foreground font-sans", children: placeholder }))] })] }), (0, jsx_runtime_1.jsx)(popover_1.PopoverContent, { align: "start", className: "w-auto p-0", "aria-label": ariaLabel, children: calendar })] }, segment));
+    const renderSegment = (segment, id, label, dateValue) => ((0, jsx_runtime_1.jsxs)(popover_1.Popover, { open: openSegment === segment, onOpenChange: (next) => setOpenSegment(next ? segment : null), children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-1.5", children: [(0, jsx_runtime_1.jsx)(label_1.Label, { htmlFor: id, children: label }), (0, jsx_runtime_1.jsxs)(popover_1.PopoverTrigger, { type: "button", id: id, className: triggerClass, "aria-invalid": invalid || undefined, "aria-describedby": invalid ? errorId : undefined, children: [(0, jsx_runtime_1.jsx)(lucide_react_1.CalendarDays, { className: "text-muted-foreground size-4 shrink-0", "aria-hidden": true }), dateValue ? ((0, jsx_runtime_1.jsx)("span", { children: dateValue })) : ((0, jsx_runtime_1.jsx)("span", { className: "text-muted-foreground font-sans", children: placeholder }))] })] }), (0, jsx_runtime_1.jsx)(popover_1.PopoverContent, { align: "start", className: "w-auto p-0", "aria-label": ariaLabel, children: calendar })] }, segment));
     return ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-3 sm:flex-row sm:items-end", children: [renderSegment('from', fromId, fromLabel, value.from), renderSegment('to', toId, toLabel, value.to)] }));
 }

package/dist/enterprise/stat-card/index.d.ts

@@ -1,7 +1,7 @@
 /**
  * StatCard — a single headline-figure cell of the console.
  *
- * A `LedgerPanel` holding a recessive `SectionLabel`, the dominant mono
+ * A `LedgerPanel` holding a recessive `SectionLabel`, the dominant
  * `Figure`, an optional delta line, an optional inline trend, and optional
  * secondary `BlotterRow` key/value rows. Drop StatCards into a `LedgerSheet` so
  * they read as connected hairline-seamed panels rather than floating cards.
@@ -23,9 +23,9 @@ export type StatCardRow = {
     value: ReactNode;
 };
 export type StatCardProps = {
-    /** Recessive uppercase heading. */
+    /** Recessive heading, rendered through `SectionLabel`'s quiet label voice. */
     label: string;
-    /** The dominant headline value — rendered in the hero mono figure. */
+    /** The dominant headline value — rendered in the hero figure. */
     value: ReactNode;
     /** Optional delta line below the value (e.g. `+0.6 pts`, `-3`). Inherits the tone color. */
     delta?: ReactNode;

package/dist/enterprise/stat-card/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/enterprise/stat-card/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AACH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAQtC,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,aAAa,CAAA;AAoB5E,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,SAAS,CAAA;IAChB,KAAK,EAAE,SAAS,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,aAAa,GAAG;IAC1B,mCAAmC;IACnC,KAAK,EAAE,MAAM,CAAA;IACb,sEAAsE;IACtE,KAAK,EAAE,SAAS,CAAA;IAChB,4FAA4F;IAC5F,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,uDAAuD;IACvD,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,sDAAsD;IACtD,KAAK,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC,CAAC,CAAA;IAC7D,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,yCAAyC;IACzC,IAAI,CAAC,EAAE,WAAW,EAAE,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAwED,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,KAAK,EACL,KAAK,EACL,IAAgB,EAChB,KAAK,EACL,QAAkB,EAClB,IAAI,EACJ,SAAS,EACV,EAAE,aAAa,+BAgCf"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/enterprise/stat-card/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AACH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAQtC,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,aAAa,CAAA;AAoB5E,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,SAAS,CAAA;IAChB,KAAK,EAAE,SAAS,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,aAAa,GAAG;IAC1B,8EAA8E;IAC9E,KAAK,EAAE,MAAM,CAAA;IACb,iEAAiE;IACjE,KAAK,EAAE,SAAS,CAAA;IAChB,4FAA4F;IAC5F,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,uDAAuD;IACvD,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,sDAAsD;IACtD,KAAK,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC,CAAC,CAAA;IAC7D,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,yCAAyC;IACzC,IAAI,CAAC,EAAE,WAAW,EAAE,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAwED,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,KAAK,EACL,KAAK,EACL,IAAgB,EAChB,KAAK,EACL,QAAkB,EAClB,IAAI,EACJ,SAAS,EACV,EAAE,aAAa,+BAgCf"}

package/dist/enterprise/stat-card/index.js

@@ -63,5 +63,5 @@ function TrendSpark({ data, dataKey, color }) {
 function StatCard({ label, value, delta, tone = 'default', trend, trendKey = 'value', rows, className }) {
     const hasTrend = trend !== undefined && trend.length > 0;
     const hasRows = rows !== undefined && rows.length > 0;
-    return ((0, jsx_runtime_1.jsxs)(ledger_sheet_1.LedgerPanel, { "data-tone": tone, className: className, children: [(0, jsx_runtime_1.jsx)(section_label_1.SectionLabel, { children: label }), (0, jsx_runtime_1.jsxs)("div", { className: "space-y-1", children: [(0, jsx_runtime_1.jsx)(figure_1.Figure, { size: "hero", className: (0, utils_1.cn)('block', TONE_VALUE[tone]), children: value }), delta !== undefined ? ((0, jsx_runtime_1.jsx)("p", { className: (0, utils_1.cn)('font-mono text-xs tabular-nums', TONE_VALUE[tone]), children: delta })) : null] }), hasTrend ? ((0, jsx_runtime_1.jsx)(TrendSpark, { data: trend, dataKey: trendKey, color: TONE_TREND[tone] })) : null, hasRows ? ((0, jsx_runtime_1.jsx)(blotter_1.Blotter, { className: "mt-auto", children: rows.map((row, i) => ((0, jsx_runtime_1.jsx)(blotter_1.BlotterRow, { label: row.label, value: row.value }, i))) })) : null] }));
+    return ((0, jsx_runtime_1.jsxs)(ledger_sheet_1.LedgerPanel, { "data-tone": tone, className: className, children: [(0, jsx_runtime_1.jsx)(section_label_1.SectionLabel, { children: label }), (0, jsx_runtime_1.jsxs)("div", { className: "space-y-1", children: [(0, jsx_runtime_1.jsx)(figure_1.Figure, { size: "hero", className: (0, utils_1.cn)('block', TONE_VALUE[tone]), children: value }), delta !== undefined ? ((0, jsx_runtime_1.jsx)("p", { className: (0, utils_1.cn)('text-xs tabular-nums', TONE_VALUE[tone]), children: delta })) : null] }), hasTrend ? ((0, jsx_runtime_1.jsx)(TrendSpark, { data: trend, dataKey: trendKey, color: TONE_TREND[tone] })) : null, hasRows ? ((0, jsx_runtime_1.jsx)(blotter_1.Blotter, { className: "mt-auto", children: rows.map((row, i) => ((0, jsx_runtime_1.jsx)(blotter_1.BlotterRow, { label: row.label, value: row.value }, i))) })) : null] }));
 }

package/dist/enterprise/status-badge/index.js

@@ -116,5 +116,5 @@ function StatusBadge({ status, label, variantMap, withIcon = false, unknownLabel
     // The glyph follows the resolved variant; an unknown/non-severity variant has
     // no cue, so the badge gracefully renders label-only even with withIcon set.
     const cue = withIcon ? SEVERITY_CUE[variant] : undefined;
-    return ((0, jsx_runtime_1.jsxs)(badge_1.Badge, { variant: variant, className: (0, utils_1.cn)('gap-1', className), children: [cue ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(cue.Icon, { "aria-hidden": true, className: "size-3.5 shrink-0" }), (0, jsx_runtime_1.jsxs)("span", { className: "sr-only", children: [cue.word, ": "] })] })) : null, label ?? humanize(status)] }));
+    return ((0, jsx_runtime_1.jsxs)(badge_1.Badge, { variant: variant, className: className, children: [cue ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(cue.Icon, { "aria-hidden": true, className: "size-3.5 shrink-0" }), (0, jsx_runtime_1.jsxs)("span", { className: "sr-only", children: [cue.word, ": "] })] })) : null, label ?? humanize(status)] }));
 }

package/dist/enterprise/virtualized-table/index.d.ts

@@ -1,6 +1,16 @@
 import { type ColumnDef } from '@tanstack/react-table';
 export type VirtualizedTableProps<TData> = {
-    /** Same shape as DataTable: standard TanStack `ColumnDef<T>`. */
+    /**
+     * Same shape as DataTable: standard TanStack `ColumnDef<T>`. A column that
+     * declares none keeps its equal share of the row.
+     *
+     * Declared sizing does NOT mean the same thing in the kit's two table paths.
+     * Here, flex rows PIN all three: `size`, `minSize` and `maxSize` are honoured
+     * exactly as declared. DataTable renders real `<th>`/`<td>` under CSS auto
+     * table layout, where `size` is only a PREFERRED width, `minSize` a floor,
+     * and `maxSize` is ignored outright. A column that must not grow past a width
+     * belongs here.
+     */
     columns: ColumnDef<TData, unknown>[];
     /** The full dataset, already in memory. Only the visible window renders. */
     data: TData[];
@@ -21,6 +31,12 @@ export type VirtualizedTableProps<TData> = {
     scrollAreaLabel?: string;
     /** Applied to the outer wrapper (the scroll container's parent). */
     className?: string;
+    /**
+     * Extra classes merged onto every header cell, after the kit label voice —
+     * the same seam DataTable exposes, so a screen that switches between the two
+     * render paths quiets both column heads with one prop instead of one.
+     */
+    headClassName?: string;
 };
-export declare function VirtualizedTable<TData>({ columns, data, rowHeight, maxHeight, scrollAreaLabel, className }: VirtualizedTableProps<TData>): import("react").JSX.Element;
+export declare function VirtualizedTable<TData>({ columns, data, rowHeight, maxHeight, scrollAreaLabel, className, headClassName }: VirtualizedTableProps<TData>): import("react").JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/dist/enterprise/virtualized-table/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/enterprise/virtualized-table/index.tsx"],"names":[],"mappings":"AA+BA,OAAO,EAIL,KAAK,SAAS,EACf,MAAM,uBAAuB,CAAA;AAK9B,MAAM,MAAM,qBAAqB,CAAC,KAAK,IAAI;IACzC,iEAAiE;IACjE,OAAO,EAAE,SAAS,CAAC,KAAK,EAAE,OAAO,CAAC,EAAE,CAAA;IACpC,4EAA4E;IAC5E,IAAI,EAAE,KAAK,EAAE,CAAA;IACb;;;;;OAKG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B,yEAAyE;IACzE,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,oEAAoE;IACpE,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAKD,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,EACtC,OAAO,EACP,IAAI,EACJ,SAAc,EACd,SAAe,EACf,eAAyC,EACzC,SAAS,EACV,EAAE,qBAAqB,CAAC,KAAK,CAAC,+BAiM9B"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/enterprise/virtualized-table/index.tsx"],"names":[],"mappings":"AA+BA,OAAO,EAIL,KAAK,SAAS,EACf,MAAM,uBAAuB,CAAA;AAW9B,MAAM,MAAM,qBAAqB,CAAC,KAAK,IAAI;IACzC;;;;;;;;;;OAUG;IACH,OAAO,EAAE,SAAS,CAAC,KAAK,EAAE,OAAO,CAAC,EAAE,CAAA;IACpC,4EAA4E;IAC5E,IAAI,EAAE,KAAK,EAAE,CAAA;IACb;;;;;OAKG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B,yEAAyE;IACzE,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,oEAAoE;IACpE,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;;OAIG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,CAAA;AAKD,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,EACtC,OAAO,EACP,IAAI,EACJ,SAAc,EACd,SAAe,EACf,eAAyC,EACzC,SAAS,EACT,aAAa,EACd,EAAE,qBAAqB,CAAC,KAAK,CAAC,+BAkO9B"}