basalt-ui 1.27.0 → 1.29.0

package/dist/dashboard/widget-header.d.ts

@@ -0,0 +1,132 @@
+import type { ReactNode } from 'react';
+import type { BasaltProps, SlotStylesProps } from '../common/props.js';
+import type { DeltaPolarity } from './delta-badge.js';
+export type WidgetHeaderTier = 'section' | 'widget' | 'group';
+/**
+ * The four boxes a consumer can reach (`common/props.ts`): `root` is the header stack, `title` is
+ * the heading ELEMENT (`<h2>`/`<h3>`) rather than its row, `metric` is the hero `value`/`unit`/
+ * `delta` row, `icon` is the leading `IconSlot`.
+ *
+ * The other boxes this paints — the title row, the count tag, the actions span, the subtitle, the
+ * sparkline, the info bubble — are deliberately absent. Each is a one-shot readout basalt positions,
+ * not a layout box a consumer places, and `actions`/`sparkline` already take a `ReactNode` the
+ * caller can class itself.
+ */
+export type WidgetHeaderSlot = 'root' | 'title' | 'metric' | 'icon';
+export type WidgetHeaderProps = BasaltProps & SlotStylesProps<WidgetHeaderSlot> & {
+    /** `section` renders an `<h2>` at the section-header height; `widget` renders an `<h3>` at the
+     * tighter icon-tier height, display-only; `group` also renders an `<h3>` but as the quietest
+     * heading rank on the page — mono micro uppercase faint, one step below `widget` — for an
+     * inspector/aside group label. `Section` resolves `group` automatically from the enclosing filter
+     * surface; it is never a call-site prop. */
+    tier: WidgetHeaderTier;
+    /** Head-font title (88% stretch, weight 550). */
+    title: string;
+    /** Optional leading icon, rendered before the title. Decorative — hidden from assistive tech. */
+    icon?: ReactNode;
+    /** Optional muted line rendered below the title row. */
+    subtitle?: string;
+    /**
+     * Renders an info glyph BESIDE the heading (never inside it — this text would otherwise become
+     * part of the heading's accessible name, and an `info` paragraph read out in every headings list
+     * is what that cost). The glyph is named `More information`; the text itself reaches assistive
+     * tech through `aria-describedby` on a `role="tooltip"` bubble that opens on hover, focus and
+     * click — so a keyboard user gets it too. Mantine-free: a plain state bubble, not a Tooltip.
+     */
+    info?: string;
+    /** Pre-formatted metric value (mono, hero size). Renders on its own row with `delta`, directly
+     * under the title row — never inline with the title. */
+    value?: string;
+    /**
+     * The value's unit, rendered immediately after it on the hero row: muted, mono, `--vx-text-sm`.
+     *
+     * It exists because `value` is a pre-formatted `string` and a KPI's unit is not part of the
+     * number: `412` and `TSS` are two facts at two weights, and jamming them into one string paints
+     * the unit at the hero's 24px — which reads as a second numeral. `subtitle` was the only place a
+     * unit could go before this, and a unit on its own line under the value is a different claim (the
+     * BASIS: `7-day rolling`), so cards using both had to pick one.
+     *
+     * Never a substitute for the number's own formatting: a thousands separator, a currency symbol or
+     * a `%` belong in `value`, where they are part of how the numeral reads.
+     */
+    unit?: string;
+    /** Signed delta rendered via `DeltaBadge`, on the same hero-metric row as `value`. */
+    delta?: number;
+    /** Comparison timeframe forwarded to `DeltaBadge` (e.g. `MoM`). */
+    deltaPeriod?: string;
+    /** Which sign reads as the good verdict — forwarded to `DeltaBadge`'s `polarity`. Defaults to
+     * `'up-good'` (today's behaviour). See {@link DeltaPolarity}. */
+    deltaPolarity?: DeltaPolarity;
+    /**
+     * Formats `delta` into the chip's label — forwarded to `DeltaBadge`'s `format`. Defaults to
+     * `${Math.abs(delta).toFixed(1)}%`.
+     *
+     * It exists because not every delta is a percentage: a pace card's trend is `0:12 /km` and a
+     * throughput card's is `0.3 km/h`, and the default printed both as a percent — a wrong unit on a
+     * KPI, which is worse than no chip. A FUNCTION rather than a label string, so the number stays the
+     * number: `delta` still drives the tone and the glyph, and there is exactly one place the sign is
+     * decided.
+     *
+     * The value arrives SIGNED, so a formatter that wants to print the sign itself (`−0:12 /km`) can —
+     * pair it with `deltaGlyph={false}` so the ▼ does not say the same thing twice.
+     */
+    deltaFormat?: (delta: number) => string;
+    /** Render `DeltaBadge`'s ▲/▼ glyph. Defaults to `true`; a zero delta never shows one. Pass
+     * `false` when `deltaFormat` prints the sign itself. */
+    deltaGlyph?: boolean;
+    /** Trend visual slot, rendered below the metric row. Carries `data-placement="right"` so a
+     * wave-3 composer's `bleed` layout can select it. */
+    sparkline?: ReactNode;
+    /** Mono count tag rendered after the title (C11 — every table/list states its count). `0` is a
+     * real count and renders, distinct from omitting the prop entirely. */
+    count?: number;
+    /** Right-aligned slot (`margin-inline-start: auto`) — the C1/C5 home for header actions. */
+    actions?: ReactNode;
+};
+/**
+ * The named slices of {@link WidgetHeaderProps} its composers share, and the answer to audit B #2:
+ * four composers exposed four DIFFERENT subsets of the same base through four ad-hoc `Omit`s, so a
+ * consumer moving a KPI from `StatCard` → `ChartCard` → `Section` lost `unit`, `count`,
+ * `deltaFormat` or `deltaGlyph` with no compiler word about it. A slice is a `Pick` with a NAME:
+ * a composer states which slices it re-publishes, and an omission becomes a deliberate, readable
+ * line rather than an accident of whichever props the author happened to remember.
+ *
+ * The three are cut along the three ROWS `WidgetHeader` actually paints — the title row, the hero
+ * metric, and the delta chip on it — so "which slice does this composer take" and "which boxes does
+ * it draw" are the same question.
+ *
+ * Adopted by `StatCard` and `SettingsSection`. `Section` and `ChartCard` still cut their own
+ * subsets; both should compose these instead — the composer table in `docs/CONTROLS-SPEC.md` §2.2
+ * is the ledger of which one takes which.
+ *
+ * The title row: what every composer without exception publishes.
+ */
+export type WidgetHeaderTitleProps = Pick<WidgetHeaderProps, 'title' | 'icon' | 'subtitle' | 'info'>;
+/**
+ * The hero metric row's value half. `value` is OPTIONAL here because it is on `WidgetHeader`; a
+ * composer whose whole reason to exist is the number (`StatCard`) redeclares it as required.
+ */
+export type WidgetHeaderMetricProps = Pick<WidgetHeaderProps, 'value' | 'unit'>;
+/**
+ * The delta chip that rides the hero metric row — all five props together, never a subset. Splitting
+ * them is how `deltaFormat` came to type-check on `Section` and render nothing: a composer that
+ * publishes `delta` and not its formatter prints a percent sign over a pace.
+ */
+export type WidgetHeaderDeltaProps = Pick<WidgetHeaderProps, 'delta' | 'deltaPeriod' | 'deltaPolarity' | 'deltaFormat' | 'deltaGlyph'>;
+/**
+ * The info affordance. A `title` attribute alone was never enough — it renders on hover only, so a
+ * keyboard user focusing the glyph saw nothing at all. This is the bubble `ChartCard` used to own
+ * before it composed `WidgetHeader`, moved down here so every tier gets the same behaviour:
+ * opens on hover/focus/click, closes on leave/blur/Escape/outside pointer-down, and is wired to the
+ * trigger with `aria-describedby` only while open.
+ *
+ * Exported from the MODULE but deliberately not from `src/widget-header/index.ts`: it is not a
+ * public primitive, it is the one info affordance basalt draws, and `controls/panel-row.tsx`
+ * composes it so an inspector row's `hint` is the same glyph, bubble and keyboard behaviour a
+ * `WidgetHeader`'s `info` is — not a second one that drifts.
+ */
+export declare function InfoGlyph({ text }: {
+    text: string;
+}): import("react").JSX.Element;
+export declare function WidgetHeader({ tier, title, icon, subtitle, info, value, unit, delta, deltaPeriod, deltaPolarity, deltaFormat, deltaGlyph, sparkline, count, actions, className, style, classNames, }: WidgetHeaderProps): import("react").JSX.Element;
+//# sourceMappingURL=widget-header.d.ts.map

package/dist/dashboard/widget-header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"widget-header.d.ts","sourceRoot":"","sources":["../../src/dashboard/widget-header.tsx"],"names":[],"mappings":"AA8BA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,OAAO,KAAK,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAGnE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAGlD,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAA;AAE7D;;;;;;;;;GASG;AACH,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAA;AAEnE,MAAM,MAAM,iBAAiB,GAAG,WAAW,GACzC,eAAe,CAAC,gBAAgB,CAAC,GAAG;IAClC;;;;gDAI4C;IAC5C,IAAI,EAAE,gBAAgB,CAAA;IACtB,iDAAiD;IACjD,KAAK,EAAE,MAAM,CAAA;IACb,iGAAiG;IACjG,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,wDAAwD;IACxD,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;4DACwD;IACxD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;;;;;;;;;;OAWG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,sFAAsF;IACtF,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,mEAAmE;IACnE,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;qEACiE;IACjE,aAAa,CAAC,EAAE,aAAa,CAAA;IAC7B;;;;;;;;;;;;OAYG;IACH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAA;IACvC;4DACwD;IACxD,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;yDACqD;IACrD,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB;2EACuE;IACvE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,4FAA4F;IAC5F,OAAO,CAAC,EAAE,SAAS,CAAA;CACpB,CAAA;AAEH;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,MAAM,sBAAsB,GAAG,IAAI,CAAC,iBAAiB,EAAE,OAAO,GAAG,MAAM,GAAG,UAAU,GAAG,MAAM,CAAC,CAAA;AAEpG;;;GAGG;AACH,MAAM,MAAM,uBAAuB,GAAG,IAAI,CAAC,iBAAiB,EAAE,OAAO,GAAG,MAAM,CAAC,CAAA;AAE/E;;;;GAIG;AACH,MAAM,MAAM,sBAAsB,GAAG,IAAI,CACvC,iBAAiB,EACjB,OAAO,GAAG,aAAa,GAAG,eAAe,GAAG,aAAa,GAAG,YAAY,CACzE,CAAA;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,SAAS,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,+BA8CnD;AAED,wBAAgB,YAAY,CAAC,EAC3B,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,KAAK,EACL,WAAW,EACX,aAAa,EACb,WAAW,EACX,UAAU,EACV,SAAS,EACT,KAAK,EACL,OAAO,EACP,SAAS,EACT,KAAK,EACL,UAAU,GACX,EAAE,iBAAiB,+BAoDnB"}

package/dist/{widget-header → dashboard}/widget-header.js

@@ -1,5 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useId, useRef, useState } from "react";
+import { cx } from "../common/props.js";
 import { IconSlot } from "../theme/icon-slot.js";
 import { DeltaBadge } from "./delta-badge.js";
 import classes from "./widget-header.module.css";
@@ -50,40 +51,54 @@ function WidgetHeader({
   unit,
   delta,
   deltaPeriod,
+  deltaPolarity,
   deltaFormat,
   deltaGlyph,
   sparkline,
   count,
-  actions
+  actions,
+  className,
+  style,
+  classNames
 }) {
   const Heading = tier === "section" ? "h2" : "h3";
-  return /* @__PURE__ */ jsxs("div", { className: classes.root, "data-tier": tier, children: [
-    /* @__PURE__ */ jsxs("div", { className: classes.titleRow, children: [
-      /* @__PURE__ */ jsxs(Heading, { className: classes.heading, children: [
-        icon !== void 0 && /* @__PURE__ */ jsx(IconSlot, { className: classes.icon, children: icon }),
-        /* @__PURE__ */ jsx("span", { className: classes.titleText, children: title })
-      ] }),
-      info !== void 0 && /* @__PURE__ */ jsx(InfoGlyph, { text: info }),
-      count !== void 0 && /* @__PURE__ */ jsx("span", { className: classes.count, children: count }),
-      actions !== void 0 && /* @__PURE__ */ jsx("span", { className: classes.actions, children: actions })
-    ] }),
-    (value !== void 0 || delta !== void 0) && /* @__PURE__ */ jsxs("div", { className: classes.metrics, children: [
-      value !== void 0 && /* @__PURE__ */ jsx("span", { className: classes.value, children: value }),
-      value !== void 0 && unit !== void 0 && /* @__PURE__ */ jsx("span", { className: classes.unit, children: unit }),
-      delta !== void 0 && /* @__PURE__ */ jsx(
-        DeltaBadge,
-        {
-          value: delta,
-          period: deltaPeriod,
-          ...deltaFormat !== void 0 && { format: deltaFormat },
-          ...deltaGlyph !== void 0 && { withGlyph: deltaGlyph }
-        }
-      )
-    ] }),
-    subtitle !== void 0 && /* @__PURE__ */ jsx("span", { className: classes.subtitle, children: subtitle }),
-    sparkline !== void 0 && /* @__PURE__ */ jsx("div", { className: classes.sparkline, "data-placement": "right", children: sparkline })
-  ] });
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cx(classes.root, classNames?.root, className),
+      "data-tier": tier,
+      ...style !== void 0 && { style },
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: classes.titleRow, children: [
+          /* @__PURE__ */ jsxs(Heading, { className: cx(classes.heading, classNames?.title), children: [
+            icon !== void 0 && /* @__PURE__ */ jsx(IconSlot, { className: cx(classes.icon, classNames?.icon), children: icon }),
+            /* @__PURE__ */ jsx("span", { className: classes.titleText, children: title })
+          ] }),
+          info !== void 0 && /* @__PURE__ */ jsx(InfoGlyph, { text: info }),
+          count !== void 0 && /* @__PURE__ */ jsx("span", { className: classes.count, children: count }),
+          actions !== void 0 && /* @__PURE__ */ jsx("span", { className: classes.actions, children: actions })
+        ] }),
+        (value !== void 0 || delta !== void 0) && /* @__PURE__ */ jsxs("div", { className: cx(classes.metrics, classNames?.metric), children: [
+          value !== void 0 && /* @__PURE__ */ jsx("span", { className: classes.value, children: value }),
+          value !== void 0 && unit !== void 0 && /* @__PURE__ */ jsx("span", { className: classes.unit, children: unit }),
+          delta !== void 0 && /* @__PURE__ */ jsx(
+            DeltaBadge,
+            {
+              value: delta,
+              period: deltaPeriod,
+              ...deltaPolarity !== void 0 && { polarity: deltaPolarity },
+              ...deltaFormat !== void 0 && { format: deltaFormat },
+              ...deltaGlyph !== void 0 && { withGlyph: deltaGlyph }
+            }
+          )
+        ] }),
+        subtitle !== void 0 && /* @__PURE__ */ jsx("span", { className: classes.subtitle, children: subtitle }),
+        sparkline !== void 0 && /* @__PURE__ */ jsx("div", { className: classes.sparkline, "data-placement": "right", children: sparkline })
+      ]
+    }
+  );
 }
 export {
+  InfoGlyph,
   WidgetHeader
 };

package/dist/{widget-header → dashboard}/widget-header.module.css

@@ -10,7 +10,7 @@
  * `--mantine-spacing-*` fallbacks.
  *
  * Layout: the title row holds title/icon/info/count/actions only. `value` + `delta` render on
- * their own hero-metric row directly beneath it — for BOTH tiers, never inline with the title.
+ * their own hero-metric row directly beneath it — for every tier, never inline with the title.
  */
 
 .root {
@@ -40,24 +40,75 @@
     flex-wrap: wrap;
     row-gap: var(--vx-space-stack-sm);
   }
+
+  /*
+   * WRAP ONLY WHEN IT DOES NOT FIT (M4 follow-up) — `flex: 1 1 100%` forced EVERY actions slot onto
+   * its own row, even a single 24px icon that fit beside the title fine (a KPI card's lone `···`
+   * menu dropped under the title and pushed the value down with it). `flex: 0 1 auto` restores
+   * ordinary flex sizing: no grow, so a short slot stays put beside the title on the shared row;
+   * `min-width: 0` plus `flex-shrink: 1` (part of the same shorthand, overriding the base rule's
+   * `flex-shrink: 0`) let it shrink and, once `.titleRow`'s own `flex-wrap: wrap` decides it truly
+   * does not fit, drop to its own line. `max-width: 100%` is the cap once it IS alone on that line —
+   * without it a `.actions` still carrying unshrinkable content (the `visibleFrom="sm"` control plus
+   * a nowrap switch `Group`, see below) can overflow the card rather than shrink into it. The base
+   * rule's `margin-inline-start: auto` still applies in both states — right-aligned beside the title
+   * when it fits, right-aligned as the lone item on its own wrapped line when it does not.
+   *
+   * `.actions` keeps its OWN `flex-wrap: wrap` from the prior fix: `Section` can hand it a `tabs`
+   * control (`CtlSlot`-wrapped) AND an `actions` control (another `CtlSlot`) in the same slot, and
+   * without this a nowrap `Group` of switches beside a view-switch control gets squeezed into one
+   * shared line and overflows below its own min-content width — the exact regression this rule
+   * once fixed. It is orthogonal to the row-level "wrap only when it does not fit" law above: with
+   * one child, wrapping has nothing to do, so a lone `···` menu still stays on the title line.
+   *
+   * The real flex items get `flex: 1 1 auto; min-width: 0` so they can shrink or (via the `> * > *`
+   * twin) stack within whatever width `.actions` itself resolves to — a full-width phone `Select`
+   * still reads as its own full-width line because the CONTROL sets that itself (`ViewTabs`'
+   * `fullWidth`/`.phoneSelect`), not because `.actions` forces it.
+   *
+   * The `> * > *` twin exists because `CtlSlot` (`theme/ctl-theme.tsx`) wraps a home's actions in a
+   * `display: contents` box — invisible to the flex box tree, so its OWN children (not it) are the
+   * real flex items. `display: contents` elements still match `.actions > *` by DOM structure but
+   * carry no box to apply `flex`/`min-width` to, hence styling one level deeper as well; a call site
+   * that skips `CtlSlot` and hands `actions` a real element directly gets the same rule from the
+   * first selector.
+   */
+  .actions {
+    flex: 0 1 auto;
+    flex-wrap: wrap;
+    min-width: 0;
+    max-width: 100%;
+  }
+
+  .actions > *,
+  .actions > * > * {
+    flex: 1 1 auto;
+    min-width: 0;
+  }
 }
 
 .root[data-tier='section'] .titleRow {
   min-height: var(--vx-space-section-header-height, 2.25rem);
 }
 
-.root[data-tier='widget'] .titleRow {
+/* `group` shares the `widget` tier's row height — an inspector/aside group label carries no more
+ * vertical weight than a card's own title. */
+.root[data-tier='widget'] .titleRow,
+.root[data-tier='group'] .titleRow {
   min-height: var(--vx-space-widget-header-height, 1.75rem);
 }
 
 /*
- * Section → h2, widget → h3, and the two tiers now read DIFFERENTLY on purpose — they did not, and
- * that is what flattened the page.
+ * Section → h2, widget → h3, group → h3, and the three tiers now read DIFFERENTLY on purpose — they
+ * did not, and that is what flattened the page.
  *
  * A `section` heading names a region of the page: 15px, weight 600, INK. A `widget` heading labels a
  * number that is itself the thing being read (a KPI card's hero value, a chart card's total), so it
  * is the quieter of the pair — one step down and MUTED, which is what lets the 24px mono value under
- * it carry the card. Both keep the shared head-font 88% stretch.
+ * it carry the card. A `group` heading is quieter still: the sidebar's own micro-label recipe (mono,
+ * uppercase, faint), because an inspector/aside group ("Presets", "Composition") must never outrank
+ * a canvas card's title. All three keep the shared head-font 88% stretch as their base, though
+ * `group` overrides every visual property of it (see below).
  *
  * Rendered identically (15px ink both) the hero value competed with its own label, four cards in a
  * row read as four headings, and the section that grouped them read as one more of the same.
@@ -84,6 +135,18 @@
   color: var(--vx-muted);
 }
 
+/* The `group` tier's heading — the sidebar `.sectionLabel` recipe (`shell/app-sidebar.module.css`),
+ * the quietest heading rank on the page. An inspector/aside group label, not a title. */
+.root[data-tier='group'] .heading {
+  font-family: var(--basalt-font-mono);
+  font-stretch: normal;
+  font-size: var(--vx-text-micro);
+  font-weight: 500;
+  text-transform: uppercase;
+  letter-spacing: 0.08em;
+  color: var(--vx-faint);
+}
+
 .titleText {
   overflow: hidden;
   text-overflow: ellipsis;
@@ -106,7 +169,8 @@
   color: var(--vx-faint);
 }
 
-.root[data-tier='widget'] .icon {
+.root[data-tier='widget'] .icon,
+.root[data-tier='group'] .icon {
   --vx-space-icon-size: 0.875rem;
 }
 
@@ -139,7 +203,7 @@
 }
 
 /*
- * The hero-metric row — value + delta, directly under the title row, for both tiers. The delta rides
+ * The hero-metric row — value + delta, directly under the title row, for every tier. The delta rides
  * 4px off the value, not 8: it is a suffix ON the number (`$168,920 +47%`), and at 8px it read as a
  * second, unrelated chip in the row. `baseline` alignment is what keeps the mono numeral and the
  * badge's own smaller mono text sitting on one line.
@@ -221,6 +285,7 @@
   align-items: center;
   gap: var(--vx-space-control-gap, 0.375rem);
   margin-inline-start: auto;
+  min-width: 0;
 }
 
 /* Directly under the title row, 4px off it — 1px put it inside the title's own line box, so a

package/dist/data/data-table.d.ts

@@ -1,6 +1,9 @@
 import type { MantineSpacing } from '@mantine/core';
-import type { ColumnDef, ColumnFiltersState, ColumnPinningState, PaginationState, RowData, SortingState } from '@tanstack/react-table';
+import type { ColumnDef, ColumnFiltersState, PaginationState, RowData, RowSelectionState, SortingState } from '@tanstack/react-table';
 import type { ReactNode } from 'react';
+import type { BasaltProps, SlotStylesProps } from '../common/props.js';
+import type { BarAction, SlotActions } from '../controls/actions.js';
+import type { QueryStateLike } from '../dashboard/query-state.js';
 /** Horizontal alignment of a column's header AND its cells. */
 export type DataTableAlign = 'left' | 'center' | 'right';
 /**
@@ -31,20 +34,29 @@ export type DataTableFacetOption = {
     /** Label shown in the pill's popover. */
     label: string;
 };
+/**
+ * A TanStack column id typed off the row shape `T` where `accessor`/manual `id` inference allows
+ * it — `Extract<keyof T, string>` for a real field name, widened by `(string & {})` so a
+ * synthetic/derived column id (no matching key on `T`) still type-checks. Defaults to `unknown` so
+ * a bare `DataTableFacet[]` / `DataTableColumnPinning` (no type argument) keeps working exactly as
+ * before. Shared by {@link DataTableFacet}'s `columnId` and {@link DataTableColumnPinning}'s
+ * `left`/`right`.
+ */
+export type DataTableColumnId<T = unknown> = Extract<keyof T, string> | (string & {});
 /**
  * Declares one faceted column filter, rendered as an `EnumFilter` pill (or `MultiSelectFilter`
  * when `multiple` is set) inside a `FilterSet` in the toolbar (`docs/CONTROLS-SPEC.md` §3).
  *
  * @example
- * const facets: DataTableFacet[] = [
+ * const facets: DataTableFacet<Employee>[] = [
  *   { columnId: 'department', label: 'Department', options: [{ value: 'Engineering', label: 'Engineering' }] },
  *   { columnId: 'role', label: 'Role', multiple: true, options: roleOptions },
  * ]
  * <BasaltDataTable data={rows} columns={columns} facets={facets} />
  */
-export type DataTableFacet = {
+export type DataTableFacet<T = unknown> = {
     /** The TanStack column id — the column's manual `id`, or its `accessorKey` string. */
-    columnId: string;
+    columnId: DataTableColumnId<T>;
     /** The pill's label — read at rest (single-select) and as the `Filters`/count fallback (multi). */
     label: string;
     /** Selectable options for this facet. */
@@ -52,6 +64,22 @@ export type DataTableFacet = {
     /** Render a `MultiSelectFilter` (any-of match) instead of an `EnumFilter` (exact match). @default false */
     multiple?: boolean;
 };
+/**
+ * Column ids pinned to each edge — the same `T`-derived id union as {@link DataTableFacet}'s
+ * `columnId`, applied to TanStack's own `ColumnPinningState` shape (`{ left, right }`, each a bare
+ * `string[]` unrelated to any row type). Structurally assignable to `ColumnPinningState`, so no
+ * cast is needed where this flows into `useState<ColumnPinningState>`.
+ */
+export type DataTableColumnPinning<T = unknown> = {
+    left?: DataTableColumnId<T>[];
+    right?: DataTableColumnId<T>[];
+};
+/**
+ * The four boxes `BasaltDataTable` paints: `root` is the outer fragment's replacement wrapper,
+ * `toolbar` is the search/facets/actions row, `table` is the Mantine `Table` itself, `footer` is
+ * the pagination bar.
+ */
+export type BasaltDataTableSlot = 'root' | 'toolbar' | 'table' | 'footer';
 /**
  * Props for {@link BasaltDataTable}.
  *
@@ -65,7 +93,7 @@ export type DataTableFacet = {
  *   emptyState: <Text c="dimmed">No results found.</Text>,
  * }
  */
-export type BasaltDataTableProps<T> = {
+export type BasaltDataTableProps<T> = BasaltProps & SlotStylesProps<BasaltDataTableSlot> & {
     /**
      * Optional heading rendered above the toolbar via `WidgetHeader tier="widget"`. `count` always
      * reads `table.getRowCount()` (C11) — never a raw `data.length` — so it tracks the row model
@@ -125,8 +153,30 @@ export type BasaltDataTableProps<T> = {
     /**
      * When true, renders skeleton placeholder rows instead of the empty-state branch.
      * The header remains visible. Use while async data is loading.
+     *
+     * Superseded by `query`, which resolves this branch AND the two this prop cannot express — pass
+     * both and `query` wins, with a dev warning.
      */
     isLoading?: boolean;
+    /**
+     * The result behind `data`, resolved into a body: pending → the skeleton rows below, error with
+     * no data → an `ErrorState` row spanning the table (with the query's own `refetch` behind
+     * Retry), anything else → the rows, or `emptyState` when none are visible.
+     *
+     * This is law C3's uniform container contract (`docs/CONTROLS-SPEC.md` §1). The table had NO
+     * error branch at all (components audit #3), so a 500 rendered *No data to display.* — the
+     * exact false claim `QueryState` was built to delete, one container over.
+     *
+     * The header, toolbar, `<thead>` and pagination bar stay drawn through every branch: only the
+     * `<tbody>` swaps, which is why this is not `QueryState` wrapped around the table. A refetch
+     * that fails while rows are already on screen keeps the rows — compose `QueryState` AROUND the
+     * table when you want its cached-data banner too.
+     *
+     * @example
+     * const q = useQuery({ queryKey: ['rows'], queryFn: () => api.rows() })
+     * <BasaltDataTable data={q.data ?? []} columns={columns} query={q} />
+     */
+    query?: QueryStateLike<unknown>;
     /**
      * Number of skeleton rows to render when `isLoading` is true.
      * @default 5
@@ -178,7 +228,7 @@ export type BasaltDataTableProps<T> = {
      * @example
      * facets={[{ columnId: 'department', label: 'Department', options: departmentOptions }]}
      */
-    facets?: DataTableFacet[];
+    facets?: DataTableFacet<T>[];
     /** Called whenever the faceted column filters change — the seam for server-side faceting. */
     onColumnFiltersChange?: (filters: ColumnFiltersState) => void;
     /**
@@ -195,8 +245,65 @@ export type BasaltDataTableProps<T> = {
      * Right-aligned toolbar slot (e.g. an "Export" button). Renders the toolbar row even when no
      * search input or facets are configured. Renamed from `toolbarActions` — the toolbar (search +
      * facets + this slot) is wrapped in `CtlSlot` (C1/C5), so its controls resolve to the `ctl` tier.
+     *
+     * Two accepted forms (law C15): a typed `BarAction[]`, projected through the same row `PageBar`
+     * and `ActionGroup` use — ≤3 inline, the rest folded into `More`, one kebab below `sm` — or an
+     * opaque `ReactNode`, rendered verbatim exactly as before.
+     */
+    actions?: SlotActions;
+    /**
+     * Makes each row openable — click, or Enter on a focused row — with the ROW's original datum.
+     * The hook that pairs a table with `PageAside`: row → detail, without the caller adding an
+     * `onClick` to every cell renderer.
+     *
+     * The row keeps its native `<tr>` semantics and takes `tabIndex=0` plus `data-activatable`,
+     * never `role="button"`: a role swap takes the row out of the table's row/cell semantics, so a
+     * screen reader stops announcing each cell's column header — which is the reason the data is in
+     * a table. Cursor and focus ring come from the module class.
+     *
+     * A click that originates inside the selection checkbox does NOT activate (the checkbox stops
+     * the event); a click on a control your own `cell` renders should do the same.
+     *
+     * @example
+     * <BasaltDataTable data={rows} columns={columns} onRowActivate={(row) => setSelected(row)} />
      */
-    actions?: ReactNode;
+    onRowActivate?: (row: T) => void;
+    /**
+     * Prepends a checkbox column (header = select-all on the page) and arms TanStack's row-selection
+     * feature. Selection is uncontrolled unless `rowSelection` is passed.
+     * @default false
+     */
+    enableRowSelection?: boolean;
+    /**
+     * Controlled selection — TanStack's own `RowSelectionState` (`Record<rowId, boolean>`), keyed by
+     * `getRowId` (row index by default). Omit for uncontrolled selection held by the table.
+     */
+    rowSelection?: RowSelectionState;
+    /** Called with the next `RowSelectionState` on every selection change, controlled or not. */
+    onRowSelectionChange?: (selection: RowSelectionState) => void;
+    /**
+     * Stable row id, handed to TanStack. Pass one whenever the selection must survive a re-sort, a
+     * page change or a refetch — the default id is the row's INDEX, so row 3 stays "selected" when a
+     * different record moves into position 3.
+     */
+    getRowId?: (row: T, index: number) => string;
+    /**
+     * The actions a selection offers, rendered in a bar above the table while at least one row is
+     * selected — and nothing at all while none is.
+     *
+     * A FUNCTION of the selected rows, not a bare array, and that is the whole signature decision:
+     * `BarActionItem.onClick` is `() => void` (the one vocabulary every home shares, unforked), so
+     * the rows have to reach the handler through the closure the caller writes here. It also means
+     * an UNCONTROLLED table can offer bulk actions at all — the selection lives inside the table,
+     * and this is how it gets out.
+     *
+     * @example
+     * bulkActions={(rows) => [
+     *   { key: 'export', label: `Export ${rows.length}`, onClick: () => exportCsv(rows) },
+     *   { key: 'delete', label: 'Delete', danger: true, onClick: () => remove(rows) },
+     * ]}
+     */
+    bulkActions?: (rows: T[]) => BarAction[];
     /**
      * Enables the bottom pagination bar ("Showing X–Y of N", rows-per-page `Select`, Mantine
      * `Pagination`) wired to TanStack's `pagination` state. Client-side by default — see
@@ -262,7 +369,7 @@ export type BasaltDataTableProps<T> = {
      */
     enablePinning?: boolean;
     /** Initial column-pinning state — which column ids stick to the left/right edge. */
-    initialColumnPinning?: ColumnPinningState;
+    initialColumnPinning?: DataTableColumnPinning<T>;
     /**
      * Caps the scrolling body (px number or CSS length) so a long table cannot blow a card out
      * vertically — the header stays put and the rows scroll under it. Renders Mantine's
@@ -277,12 +384,44 @@ export type BasaltDataTableProps<T> = {
     maxHeight?: number | string;
     /**
      * `min-width` below which the body scrolls horizontally. Setting either this or `maxHeight`
-     * turns on the scroll container; `maxHeight` alone implies `minWidth: 0`.
+     * turns on the CAPPED scroll container; `maxHeight` alone implies `minWidth: 0`.
+     *
+     * It is a FLOOR, not the containment switch — since the shell made `AppShell.Main` the
+     * scrollport, every table renders inside a `Table.ScrollContainer type="native"` whether or not
+     * this is set (`minWidth: 0` when it is not), so a table wider than its column scrolls inside
+     * its own card instead of widening the page. Reach for this only to hold a MINIMUM table width
+     * — e.g. so eight columns keep their readable widths and scroll rather than compress.
+     *
+     * The one table whose wrapper is MEASURED rather than declared is `stickyHeader` with neither
+     * this nor `maxHeight`; see that prop and `useMeasuredContainment` in the implementation for
+     * why, and pair it with `maxHeight` if the table must both scroll and stick.
      */
     minWidth?: number | string;
-    /** Sticky header row. Pair with `maxHeight` to stick within the table rather than the page. */
+    /**
+     * Sticky header row. Pair with `maxHeight` to stick within the table rather than the page.
+     *
+     * On its own — no `maxHeight`, no `minWidth` — the header sticks against the page's scrollport
+     * (`AppShell.Main`) only while the table FITS its container, and basalt measures that: the
+     * wrapper declares no overflow while it fits and flips to `overflow-x: auto` once the table is
+     * wider, publishing `data-contained`. The columns stay reachable either way and the page never
+     * scrolls sideways, but a sticky header cannot stick inside an uncapped overflow box — it has
+     * no scroll range — so it is inert at that width. A dev warning states the trade; pair this
+     * with `maxHeight` for a table that must both scroll and stick at every width.
+     */
     stickyHeader?: boolean;
-    /** Offset for a sticky header sitting under a fixed app header (px number or CSS length). */
+    /**
+     * Offset for a sticky header sitting under whatever chrome scrolls above it (px number or CSS
+     * length).
+     *
+     * PAGE-scroll only, and IGNORED whenever `maxHeight`/`minWidth` turn on the scroll container:
+     * that box is then the header's own scrollport, so an offset would park the `<thead>` that many
+     * pixels down inside the body — painting it over the rows instead of above them. Inside the
+     * container the header sticks to the scroller's own top edge.
+     *
+     * Inside `BasaltShell` the page's scrollport is `AppShell.Main`, and the app header sits
+     * OUTSIDE it — so the only chrome left to clear is `PageBar` row 2's band:
+     * `var(--basalt-page-bar-h, 0px)`, not the header height plus it.
+     */
     stickyHeaderOffset?: number | string;
     /** Vertical cell padding. Forwarded to Mantine `Table`. */
     verticalSpacing?: MantineSpacing;
@@ -333,5 +472,5 @@ export type BasaltDataTableProps<T> = {
  *   emptyState={<Text c="dimmed">No users found.</Text>}
  * />
  */
-export declare function BasaltDataTable<T>({ title, icon, subtitle, data, columns, enableSorting, manualSorting, striped, highlightOnHover, emptyState, isLoading, skeletonRows, initialSorting, onSortingChange, enableGlobalFilter, globalFilterPlaceholder, searchIcon, initialGlobalFilter, onGlobalFilterChange, facets, onColumnFiltersChange, manualFiltering, actions, enablePagination, pageSizeOptions, initialPagination, onPaginationChange, manualPagination, rowCount, pageCount, enablePinning, initialColumnPinning, maxHeight, minWidth, stickyHeader, stickyHeaderOffset, verticalSpacing, horizontalSpacing, withRowBorders, withTableBorder, }: BasaltDataTableProps<T>): import("react").JSX.Element;
+export declare function BasaltDataTable<T>(props: BasaltDataTableProps<T>): import("react").JSX.Element;
 //# sourceMappingURL=data-table.d.ts.map

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

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