basalt-ui 1.40.3 → 2.0.0

package/dist/controls/select-filter.d.ts

@@ -30,8 +30,9 @@
  * />
  */
 import type { ReactNode } from 'react';
-import type { BasaltProps } from '../common/props.js';
-import type { EnumField, FieldHandle, StringField } from '../state.js';
+import type { EnumField, FieldHandle } from '../state.js';
+import type { StringField } from '../state/fields.js';
+import type { UncontrolledProps } from './uncontrolled.js';
 /**
  * One row of a runtime catalogue. Wider than the store's own `FieldOption` by exactly one member:
  * `disabled` renders the row and refuses the selection, which a declared enum expresses by leaving
@@ -43,7 +44,7 @@ export type FilterOption = {
     readonly label: string;
     readonly disabled?: boolean;
 };
-type SelectFilterCommon = BasaltProps & {
+type SelectFilterCommon = UncontrolledProps & {
     readonly label: string;
     readonly icon?: ReactNode;
     /** Adds a `Clear` action that writes the field back to its fallback. */

package/dist/controls/select-filter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select-filter.d.ts","sourceRoot":"","sources":["../../src/controls/select-filter.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAElD,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAGnE;;;;;GAKG;AACH,MAAM,MAAM,YAAY,GAAG;IACzB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;CAC5B,CAAA;AAED,KAAK,kBAAkB,GAAG,WAAW,GAAG;IACtC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,IAAI,CAAC,EAAE,SAAS,CAAA;IACzB,wEAAwE;IACxE,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;CAC7B,CAAA;AAED,kGAAkG;AAClG,MAAM,MAAM,qBAAqB,CAAC,CAAC,SAAS,MAAM,IAAI,kBAAkB,GAAG;IACzE,QAAQ,CAAC,KAAK,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAA;IACzC,kFAAkF;IAClF,QAAQ,CAAC,OAAO,CAAC,EAAE,SAAS,YAAY,EAAE,CAAA;CAC3C,CAAA;AAED,kGAAkG;AAClG,MAAM,MAAM,uBAAuB,GAAG,kBAAkB,GAAG;IACzD,QAAQ,CAAC,KAAK,EAAE,WAAW,CAAC,WAAW,CAAC,CAAA;IACxC,2CAA2C;IAC3C,QAAQ,CAAC,OAAO,EAAE,SAAS,YAAY,EAAE,CAAA;CAC1C,CAAA;AAED,MAAM,MAAM,iBAAiB,CAAC,CAAC,SAAS,MAAM,IAAI,qBAAqB,CAAC,CAAC,CAAC,GAAG,uBAAuB,CAAA;AAEpG;;;;;;GAMG;AACH,wBAAgB,YAAY,CAAC,CAAC,SAAS,MAAM,EAAE,KAAK,EAAE,qBAAqB,CAAC,CAAC,CAAC,GAAG,SAAS,CAAA;AAC1F,wBAAgB,YAAY,CAAC,KAAK,EAAE,uBAAuB,GAAG,SAAS,CAAA"}
+{"version":3,"file":"select-filter.d.ts","sourceRoot":"","sources":["../../src/controls/select-filter.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AACtD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAElD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AAEvD;;;;;GAKG;AACH,MAAM,MAAM,YAAY,GAAG;IACzB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;CAC5B,CAAA;AAED,KAAK,kBAAkB,GAAG,iBAAiB,GAAG;IAC5C,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,IAAI,CAAC,EAAE,SAAS,CAAA;IACzB,wEAAwE;IACxE,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;CAC7B,CAAA;AAED,kGAAkG;AAClG,MAAM,MAAM,qBAAqB,CAAC,CAAC,SAAS,MAAM,IAAI,kBAAkB,GAAG;IACzE,QAAQ,CAAC,KAAK,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAA;IACzC,kFAAkF;IAClF,QAAQ,CAAC,OAAO,CAAC,EAAE,SAAS,YAAY,EAAE,CAAA;CAC3C,CAAA;AAED,kGAAkG;AAClG,MAAM,MAAM,uBAAuB,GAAG,kBAAkB,GAAG;IACzD,QAAQ,CAAC,KAAK,EAAE,WAAW,CAAC,WAAW,CAAC,CAAA;IACxC,2CAA2C;IAC3C,QAAQ,CAAC,OAAO,EAAE,SAAS,YAAY,EAAE,CAAA;CAC1C,CAAA;AAED,MAAM,MAAM,iBAAiB,CAAC,CAAC,SAAS,MAAM,IAAI,qBAAqB,CAAC,CAAC,CAAC,GAAG,uBAAuB,CAAA;AAEpG;;;;;;GAMG;AACH,wBAAgB,YAAY,CAAC,CAAC,SAAS,MAAM,EAAE,KAAK,EAAE,qBAAqB,CAAC,CAAC,CAAC,GAAG,SAAS,CAAA;AAC1F,wBAAgB,YAAY,CAAC,KAAK,EAAE,uBAAuB,GAAG,SAAS,CAAA"}

package/dist/controls/sync-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sync-button.d.ts","sourceRoot":"","sources":["../../src/controls/sync-button.tsx"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAIlD,MAAM,MAAM,eAAe,GAAG,WAAW,GAAG;IAC1C,OAAO,EAAE,OAAO,CAAA;IAChB,4EAA4E;IAC5E,eAAe,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,CAAA;IACtC,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB;sEACkE;IAClE,KAAK,EAAE,MAAM,GAAG,QAAQ,CAAA;IACxB;yBACqB;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,+EAA+E;AAC/E,eAAO,MAAM,cAAc,QAAS,CAAA;AAEpC;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,CAO5C;AA0DD;;;;;;;;GAQG;AACH,wBAAgB,UAAU,CAAC,EACzB,OAAO,EACP,eAAe,EACf,MAAM,EACN,KAAK,EACL,KAAc,EACd,KAAK,EACL,SAAS,EACT,KAAK,GACN,EAAE,eAAe,GAAG,SAAS,CAkE7B"}
+{"version":3,"file":"sync-button.d.ts","sourceRoot":"","sources":["../../src/controls/sync-button.tsx"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAIlD,MAAM,MAAM,eAAe,GAAG,WAAW,GAAG;IAC1C,OAAO,EAAE,OAAO,CAAA;IAChB,4EAA4E;IAC5E,eAAe,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,CAAA;IACtC,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB;sEACkE;IAClE,KAAK,EAAE,MAAM,GAAG,QAAQ,CAAA;IACxB;yBACqB;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,+EAA+E;AAC/E,eAAO,MAAM,cAAc,QAAS,CAAA;AAEpC;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,CAO5C;AAwDD;;;;;;;;GAQG;AACH,wBAAgB,UAAU,CAAC,EACzB,OAAO,EACP,eAAe,EACf,MAAM,EACN,KAAK,EACL,KAAc,EACd,KAAK,EACL,SAAS,EACT,KAAK,GACN,EAAE,eAAe,GAAG,SAAS,CAkE7B"}

package/dist/controls/sync-button.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ActionIcon, Button, Tooltip } from "@mantine/core";
-import { useEffect, useState } from "react";
+import { useSyncExternalStore } from "react";
 import { cx } from "../common/props.js";
 import { IconSlot } from "../theme/icon-slot.js";
 import classes from "./sync-button.module.css";
@@ -18,21 +18,18 @@ function toMillis(at) {
   return at instanceof Date ? at.getTime() : at;
 }
 function useRelativeAge(at) {
-  const [age, setAge] = useState(void 0);
   const timestamp = toMillis(at);
-  useEffect(() => {
-    if (timestamp === void 0) {
-      setAge(void 0);
-      return;
-    }
-    const publish = () => {
-      setAge(formatAge(Date.now() - timestamp));
-    };
-    publish();
-    const id = setInterval(publish, AGE_REFRESH_MS);
-    return () => clearInterval(id);
-  }, [timestamp]);
-  return age;
+  return useSyncExternalStore(
+    timestamp === void 0 ? subscribeNever : subscribeAgeTick,
+    () => timestamp === void 0 ? void 0 : formatAge(Date.now() - timestamp),
+    () => void 0
+  );
+}
+const subscribeNever = () => () => {
+};
+function subscribeAgeTick(onTick) {
+  const id = setInterval(onTick, AGE_REFRESH_MS);
+  return () => clearInterval(id);
 }
 function RefreshGlyph({ spinning }) {
   return /* @__PURE__ */ jsx(

package/dist/controls/toggle-filter.d.ts

@@ -1,7 +1,8 @@
 import type { ReactNode } from 'react';
-import type { BasaltProps } from '../common/props.js';
-import type { BooleanField, FieldHandle } from '../state.js';
-export type ToggleFilterProps = BasaltProps & {
+import type { FieldHandle } from '../state.js';
+import type { BooleanField } from '../state/fields.js';
+import type { UncontrolledProps } from './uncontrolled.js';
+export type ToggleFilterProps = UncontrolledProps & {
     readonly field: FieldHandle<BooleanField>;
     readonly label: string;
     readonly icon?: ReactNode;

package/dist/controls/toggle-filter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toggle-filter.d.ts","sourceRoot":"","sources":["../../src/controls/toggle-filter.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAElD,OAAO,KAAK,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAKzD,MAAM,MAAM,iBAAiB,GAAG,WAAW,GAAG;IAC5C,QAAQ,CAAC,KAAK,EAAE,WAAW,CAAC,YAAY,CAAC,CAAA;IACzC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,IAAI,CAAC,EAAE,SAAS,CAAA;CAC1B,CAAA;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,GAAG,SAAS,CAmDhE"}
+{"version":3,"file":"toggle-filter.d.ts","sourceRoot":"","sources":["../../src/controls/toggle-filter.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAC3C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAInD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AAEvD,MAAM,MAAM,iBAAiB,GAAG,iBAAiB,GAAG;IAClD,QAAQ,CAAC,KAAK,EAAE,WAAW,CAAC,YAAY,CAAC,CAAA;IACzC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,IAAI,CAAC,EAAE,SAAS,CAAA;CAC1B,CAAA;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,GAAG,SAAS,CAmDhE"}

package/dist/controls/uncontrolled.d.ts

@@ -0,0 +1,12 @@
+import type { BasaltProps } from '../common/props.js';
+/**
+ * Law C2 as named slots: a basalt filter or tab owns its value through `field`, so `value`,
+ * `onChange` and `size` are typed `never` — the compile error names the mistake instead of
+ * reporting an unknown prop (`docs/V2-SPEC.md` §3).
+ */
+export type UncontrolledProps = BasaltProps & {
+    value?: never;
+    onChange?: never;
+    size?: never;
+};
+//# sourceMappingURL=uncontrolled.d.ts.map

package/dist/controls/uncontrolled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"uncontrolled.d.ts","sourceRoot":"","sources":["../../src/controls/uncontrolled.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAElD;;;;GAIG;AACH,MAAM,MAAM,iBAAiB,GAAG,WAAW,GAAG;IAC5C,KAAK,CAAC,EAAE,KAAK,CAAA;IACb,QAAQ,CAAC,EAAE,KAAK,CAAA;IAChB,IAAI,CAAC,EAAE,KAAK,CAAA;CACb,CAAA"}

package/dist/controls/view-tabs.d.ts

@@ -1,13 +1,13 @@
 import type { ReactNode } from 'react';
-import type { BasaltProps } from '../common/props.js';
 import type { EnumField, FieldHandle } from '../state.js';
+import type { UncontrolledProps } from './uncontrolled.js';
 export type ViewTabsOption<T extends string> = {
     readonly value: T;
     readonly label: string;
     /** Render this option on ONE viewport only. Omitted → both. */
     readonly only?: 'sm-up' | 'sm-down';
 };
-export type ViewTabsProps<T extends string> = BasaltProps & {
+export type ViewTabsProps<T extends string> = UncontrolledProps & {
     readonly field: FieldHandle<EnumField<T>>;
     /** Defaults to `field.options` (every declared value, labelled by `store.labels()`). */
     readonly options?: readonly ViewTabsOption<T>[];

package/dist/controls/view-tabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"view-tabs.d.ts","sourceRoot":"","sources":["../../src/controls/view-tabs.tsx"],"names":[],"mappings":"AA8BA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAElD,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAStD,MAAM,MAAM,cAAc,CAAC,CAAC,SAAS,MAAM,IAAI;IAC7C,QAAQ,CAAC,KAAK,EAAE,CAAC,CAAA;IACjB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,+DAA+D;IAC/D,QAAQ,CAAC,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;CACpC,CAAA;AAED,MAAM,MAAM,aAAa,CAAC,CAAC,SAAS,MAAM,IAAI,WAAW,GAAG;IAC1D,QAAQ,CAAC,KAAK,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAA;IACzC,wFAAwF;IACxF,QAAQ,CAAC,OAAO,CAAC,EAAE,SAAS,cAAc,CAAC,CAAC,CAAC,EAAE,CAAA;IAC/C;;;;;;OAMG;IACH,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CACxB,CAAA;AAED,wBAAgB,QAAQ,CAAC,CAAC,SAAS,MAAM,EAAE,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,GAAG,SAAS,CAiG7E"}
+{"version":3,"file":"view-tabs.d.ts","sourceRoot":"","sources":["../../src/controls/view-tabs.tsx"],"names":[],"mappings":"AA8BA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGtC,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAKtD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AAKvD,MAAM,MAAM,cAAc,CAAC,CAAC,SAAS,MAAM,IAAI;IAC7C,QAAQ,CAAC,KAAK,EAAE,CAAC,CAAA;IACjB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,+DAA+D;IAC/D,QAAQ,CAAC,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;CACpC,CAAA;AAED,MAAM,MAAM,aAAa,CAAC,CAAC,SAAS,MAAM,IAAI,iBAAiB,GAAG;IAChE,QAAQ,CAAC,KAAK,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAA;IACzC,wFAAwF;IACxF,QAAQ,CAAC,OAAO,CAAC,EAAE,SAAS,cAAc,CAAC,CAAC,CAAC,EAAE,CAAA;IAC/C;;;;;;OAMG;IACH,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CACxB,CAAA;AAED,wBAAgB,QAAQ,CAAC,CAAC,SAAS,MAAM,EAAE,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,GAAG,SAAS,CAiG7E"}

package/dist/controls-dates/index.d.ts

@@ -5,5 +5,4 @@
  * Proven from outside the package by `scripts/pack-test.sh`.
  */
 export { DateRangePicker } from './date-range-picker.js';
-export type { RangeCustomPickerProps } from '../controls/range-filter.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/controls-dates/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/controls-dates/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AACrD,YAAY,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/controls-dates/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA"}

package/dist/dashboard/index.d.ts

@@ -1,10 +1,8 @@
-export { WidgetHeader, type WidgetHeaderDeltaProps, type WidgetHeaderMetricProps, type WidgetHeaderProps, type WidgetHeaderSlot, type WidgetHeaderTier, type WidgetHeaderTitleProps, } from './widget-header.js';
-export { DeltaBadge, type DeltaBadgeProps, type DeltaPolarity } from './delta-badge.js';
-export { Section, type SectionProps, type SectionSlot } from './section.js';
-export { StatCard, type StatCardBreakdownRow, type StatCardProps, type StatCardSlot, type StatCardTone, } from './stat-card.js';
-export { WidgetGrid, type WidgetGridCols, type WidgetGridItemProps, type WidgetGridProps, } from './widget-grid.js';
-export { StatGroup, type StatGroupCols, type StatGroupProps } from './stat-group.js';
-export { EmptyState, type EmptyStateProps, type EmptyStateSlot } from './empty-state.js';
-export { SettingsSection, type SettingsSectionProps, type SettingsSectionSlot, SettingsRow, type SettingsRowProps, type SettingsRowSlot, DangerZone, type DangerZoneProps, } from './settings-section.js';
-export { QueryState, type QueryStateProps, type QueryStateLike, type QueryStateSlot, type QueryStateTier, type QueryEmptyCopy, LoadingState, type LoadingStateProps, ErrorState, type ErrorStateProps, } from './query-state.js';
+export { WidgetHeader } from './widget-header.js';
+export { DeltaBadge } from './delta-badge.js';
+export { Section } from './section.js';
+export { StatCard, type StatCardBreakdownRow, type StatCardTone } from './stat-card.js';
+export { StatGroup } from './stat-group.js';
+export { EmptyState } from './empty-state.js';
+export { SettingsSection, SettingsRow, DangerZone } from './settings-section.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/dashboard/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/dashboard/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,EACZ,KAAK,sBAAsB,EAC3B,KAAK,uBAAuB,EAC5B,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,EACrB,KAAK,gBAAgB,EACrB,KAAK,sBAAsB,GAC5B,MAAM,iBAAiB,CAAA;AACxB,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,KAAK,aAAa,EAAE,MAAM,eAAe,CAAA;AACpF,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,WAAW,EAAE,MAAM,WAAW,CAAA;AACxE,OAAO,EACL,QAAQ,EACR,KAAK,oBAAoB,EACzB,KAAK,aAAa,EAClB,KAAK,YAAY,EACjB,KAAK,YAAY,GAClB,MAAM,aAAa,CAAA;AACpB,OAAO,EACL,UAAU,EACV,KAAK,cAAc,EACnB,KAAK,mBAAmB,EACxB,KAAK,eAAe,GACrB,MAAM,eAAe,CAAA;AACtB,OAAO,EAAE,SAAS,EAAE,KAAK,aAAa,EAAE,KAAK,cAAc,EAAE,MAAM,cAAc,CAAA;AACjF,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,KAAK,cAAc,EAAE,MAAM,eAAe,CAAA;AACrF,OAAO,EACL,eAAe,EACf,KAAK,oBAAoB,EACzB,KAAK,mBAAmB,EACxB,WAAW,EACX,KAAK,gBAAgB,EACrB,KAAK,eAAe,EACpB,UAAU,EACV,KAAK,eAAe,GACrB,MAAM,oBAAoB,CAAA;AAC3B,OAAO,EACL,UAAU,EACV,KAAK,eAAe,EACpB,KAAK,cAAc,EACnB,KAAK,cAAc,EACnB,KAAK,cAAc,EACnB,KAAK,cAAc,EACnB,YAAY,EACZ,KAAK,iBAAiB,EACtB,UAAU,EACV,KAAK,eAAe,GACrB,MAAM,eAAe,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/dashboard/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,OAAO,EAAE,QAAQ,EAAE,KAAK,oBAAoB,EAAE,KAAK,YAAY,EAAE,MAAM,aAAa,CAAA;AACpF,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA"}

package/dist/dashboard/index.js

@@ -1,38 +1,18 @@
-import {
-  WidgetHeader
-} from "./widget-header.js";
+import { WidgetHeader } from "./widget-header.js";
 import { DeltaBadge } from "./delta-badge.js";
 import { Section } from "./section.js";
-import {
-  StatCard
-} from "./stat-card.js";
-import {
-  WidgetGrid
-} from "./widget-grid.js";
+import { StatCard } from "./stat-card.js";
 import { StatGroup } from "./stat-group.js";
 import { EmptyState } from "./empty-state.js";
-import {
-  SettingsSection,
-  SettingsRow,
-  DangerZone
-} from "./settings-section.js";
-import {
-  QueryState,
-  LoadingState,
-  ErrorState
-} from "./query-state.js";
+import { SettingsSection, SettingsRow, DangerZone } from "./settings-section.js";
 export {
   DangerZone,
   DeltaBadge,
   EmptyState,
-  ErrorState,
-  LoadingState,
-  QueryState,
   Section,
   SettingsRow,
   SettingsSection,
   StatCard,
   StatGroup,
-  WidgetGrid,
   WidgetHeader
 };

package/dist/dashboard/section.d.ts

@@ -1,6 +1,6 @@
 import type { ReactNode } from 'react';
 import type { BasaltProps, SlotStylesProps } from '../common/props.js';
-import type { SlotActions } from '../controls/actions.js';
+import type { SectionActions } from '../controls/actions.js';
 import type { QueryEmptyCopy, QueryStateLike } from './query-state.js';
 import type { WidgetHeaderProps } from './widget-header.js';
 /**
@@ -12,12 +12,10 @@ import type { WidgetHeaderProps } from './widget-header.js';
 export type SectionSlot = 'root' | 'header' | 'body';
 export type SectionProps = Omit<WidgetHeaderProps, 'tier' | 'classNames' | 'actions'> & BasaltProps & SlotStylesProps<SectionSlot> & {
     /**
-     * Header actions, in either form (law C15): a typed `BarAction[]`, which basalt projects through
-     * the SAME row `PageBar` and `ActionGroup` use — ≤3 inline, the rest folded into `More`, one
-     * kebab below `sm` — or an opaque `ReactNode` a caller drew itself, rendered verbatim. The ≤3
-     * budget (C6) is checked against whichever form is given.
+     * Header actions as typed data (law C15), projected through the SAME row `PageBar` uses — one
+     * kebab below `sm`. At most three: a fourth is a tsc error (law C6, `docs/V2-SPEC.md` §3).
      */
-    actions?: SlotActions;
+    actions?: SectionActions;
     /**
      * The section's async result. Given one, the BODY renders through `QueryState` at the section
      * tier — pending / error-with-retry / empty each REPLACE `children`, data renders them — while

package/dist/dashboard/section.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"section.d.ts","sourceRoot":"","sources":["../../src/dashboard/section.tsx"],"names":[],"mappings":"AAiDA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,OAAO,KAAK,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAKnE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAGtD,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAGnE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AAGxD;;;;;GAKG;AACH,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAA;AAMpD,MAAM,MAAM,YAAY,GAAG,IAAI,CAAC,iBAAiB,EAAE,MAAM,GAAG,YAAY,GAAG,SAAS,CAAC,GACnF,WAAW,GACX,eAAe,CAAC,WAAW,CAAC,GAAG;IAC7B;;;;;OAKG;IACH,OAAO,CAAC,EAAE,WAAW,CAAA;IACrB;;;;;;;;;OASG;IACH,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAA;IAC/B;;;;OAIG;IACH,KAAK,CAAC,EAAE,cAAc,CAAA;IACtB,gGAAgG;IAChG,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB;8CAC0C;IAC1C,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB;uBACmB;IACnB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB;uGACmG;IACnG,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB;;uDAEmD;IACnD,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,qGAAqG;IACrG,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,QAAQ,EAAE,SAAS,CAAA;CACpB,CAAA;AA0DH,wBAAgB,OAAO,CAAC,EACtB,OAAO,EACP,KAAK,EACL,KAAK,EACL,IAAI,EACJ,WAAmB,EACnB,UAAU,EACV,WAAkB,EAClB,OAAO,EACP,EAAE,EACF,QAAQ,EACR,SAAS,EACT,KAAK,EACL,UAAU,EACV,GAAG,WAAW,EACf,EAAE,YAAY,+BA4Fd"}
+{"version":3,"file":"section.d.ts","sourceRoot":"","sources":["../../src/dashboard/section.tsx"],"names":[],"mappings":"AAgDA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,OAAO,KAAK,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAKnE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AAGzD,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAGnE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AAGxD;;;;;GAKG;AACH,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAA;AAMpD,MAAM,MAAM,YAAY,GAAG,IAAI,CAAC,iBAAiB,EAAE,MAAM,GAAG,YAAY,GAAG,SAAS,CAAC,GACnF,WAAW,GACX,eAAe,CAAC,WAAW,CAAC,GAAG;IAC7B;;;OAGG;IACH,OAAO,CAAC,EAAE,cAAc,CAAA;IACxB;;;;;;;;;OASG;IACH,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAA;IAC/B;;;;OAIG;IACH,KAAK,CAAC,EAAE,cAAc,CAAA;IACtB,gGAAgG;IAChG,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB;8CAC0C;IAC1C,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB;uBACmB;IACnB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB;uGACmG;IACnG,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB;;uDAEmD;IACnD,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,qGAAqG;IACrG,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,QAAQ,EAAE,SAAS,CAAA;CACpB,CAAA;AAqCH,wBAAgB,OAAO,CAAC,EACtB,OAAO,EACP,KAAK,EACL,KAAK,EACL,IAAI,EACJ,WAAmB,EACnB,UAAU,EACV,WAAkB,EAClB,OAAO,EACP,EAAE,EACF,QAAQ,EACR,SAAS,EACT,KAAK,EACL,UAAU,EACV,GAAG,WAAW,EACf,EAAE,YAAY,+BAuFd"}

package/dist/dashboard/section.js

@@ -1,20 +1,15 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { Children, useId } from "react";
+import { useId } from "react";
 import { cx } from "../common/props.js";
 import { BASALT_PREFIX } from "../common/errors.js";
 import { useValidateProps } from "../common/validate.js";
 import { CtlSlot } from "../theme/index.js";
-import { BarActionSlot, isBarActionList } from "../controls/actions.js";
+import { BarActionSlot } from "../controls/actions.js";
 import { useFilterSurface } from "../controls/filter-context.js";
 import { QueryState } from "./query-state.js";
 import { usePersistedOrLocal } from "../state/persisted-or-local.js";
 import { WidgetHeader } from "./widget-header.js";
 import classes from "./section.module.css";
-function actionBudgetMessage(title, actions) {
-  const count = isBarActionList(actions) ? actions.length : Children.count(actions);
-  if (count <= 3) return null;
-  return `${BASALT_PREFIX} Section "${title}": ${count} actions exceeds the \u22643 budget (docs/CONTROLS-SPEC.md C6) \u2014 move the rest behind a menu.`;
-}
 function ChevronToggle({
   open,
   onToggle,
@@ -67,10 +62,9 @@ function Section({
   useValidateProps(
     "Section",
     () => [
-      persistKey !== void 0 && !collapsible ? `${BASALT_PREFIX} Section "${title}": \`persistKey\` is set but \`collapsible\` is false \u2014 there is no fold to persist. Add \`collapsible\`, or drop \`persistKey\`.` : null,
-      actions === void 0 ? null : actionBudgetMessage(title, actions)
+      persistKey !== void 0 && !collapsible ? `${BASALT_PREFIX} Section "${title}": \`persistKey\` is set but \`collapsible\` is false \u2014 there is no fold to persist. Add \`collapsible\`, or drop \`persistKey\`.` : null
     ],
-    [persistKey, collapsible, title, actions]
+    [persistKey, collapsible, title]
   );
   const [open, setOpen] = usePersistedOrLocal({
     scope: "section",

package/dist/dashboard/stat-card.d.ts

@@ -30,9 +30,9 @@ export type StatCardBreakdownRow = {
 /**
  * The measured box a `sparkline` render prop receives.
  *
- * A `LineSparkline`/`BarSparkline` takes `width`/`height` as NUMBERS (they are SVG attributes — an
+ * An SVG sparkline takes `width`/`height` as NUMBERS (they are SVG attributes — an
  * svg cannot size itself from CSS and then scale its scales), so "full bleed" was never expressible
- * as a `ReactNode`: the caller had to guess a pixel width, or write its own `useChartSize` wrapper
+ * as a `ReactNode`: the caller had to guess a pixel width, or write its own measuring wrapper
  * component. Four consumers wrote that wrapper; two of them hardcoded a width and drew a sparkline
  * that stopped short of the card edge on every viewport but the one they built on.
  */
@@ -91,14 +91,14 @@ export type StatCardProps = BasaltProps & SlotStylesProps<StatCardSlot> & Widget
     /**
      * Optional trend visual. Either a node, or a RENDER PROP receiving the slot's measured box.
      *
-     * Prefer the render prop for anything from `basalt-ui/charts`: those take numeric `width`/`height`
+     * Prefer the render prop for any SVG sparkline: those take numeric `width`/`height`
      * (SVG attributes), so a plain node has to hardcode a width, and a hardcoded width is not
      * full-bleed on any viewport but the one it was typed on. With `sparklinePlacement="bleed"` the
      * measured width is the card's own inner width including the bled inset; with `'right'` it is the
      * fixed 72×26 slot (see {@link SPARKLINE_RIGHT_WIDTH} for why that one is not measured).
      *
      * @example
-     * sparkline={({ width, height }) => <BarSparkline data={history} width={width} height={height} />}
+     * sparkline={({ width, height }) => <MySparkline data={history} width={width} height={height} />}
      */
     sparkline?: ReactNode | ((size: StatCardSparklineSize) => ReactNode);
     /** Where `sparkline` sits. `'bleed'` (default) is today's full-width row bled to the card edges;

package/dist/dashboard/stat-card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"stat-card.d.ts","sourceRoot":"","sources":["../../src/dashboard/stat-card.tsx"],"names":[],"mappings":"AAgGA,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAA;AAErD,OAAO,KAAK,EACV,sBAAsB,EACtB,uBAAuB,EACvB,sBAAsB,EACvB,MAAM,iBAAiB,CAAA;AAIxB,OAAO,KAAK,EAAE,WAAW,EAAE,eAAe,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAA;AAEzE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAGnD;;;;GAIG;AACH,MAAM,MAAM,YAAY,GAAG,IAAI,CAAA;AAE/B;;;;GAIG;AACH,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,GAAG,WAAW,CAAA;AAEnE;;;;;;;GAOG;AACH,MAAM,MAAM,oBAAoB,GAAG;IACjC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,IAAI,CAAC,EAAE,YAAY,CAAA;CAC7B,CAAA;AAcD;;;;;;;;GAQG;AACH,MAAM,MAAM,qBAAqB,GAAG;IAClC,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;CACf,CAAA;AAkDD;;;;;;;;;;;;;;GAcG;AACH,MAAM,MAAM,aAAa,GAAG,WAAW,GACrC,eAAe,CAAC,YAAY,CAAC,GAC7B,sBAAsB,GACtB,IAAI,CAAC,uBAAuB,EAAE,OAAO,CAAC,GACtC,sBAAsB,GAAG;IACvB;iEAC6D;IAC7D,KAAK,EAAE,MAAM,CAAA;IACb;;;;;;;;;;;;OAYG;IACH,SAAS,CAAC,EAAE,SAAS,oBAAoB,EAAE,CAAA;IAC3C;;;;;;;;;;;;;OAaG;IACH,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAA;IAC/B;;;;;;;;;;;OAWG;IACH,SAAS,CAAC,EAAE,SAAS,GAAG,CAAC,CAAC,IAAI,EAAE,qBAAqB,KAAK,SAAS,CAAC,CAAA;IACpE;4GACwG;IACxG,kBAAkB,CAAC,EAAE,OAAO,GAAG,OAAO,CAAA;IACtC;mGAC+F;IAC/F,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB;;;+EAG2E;IAC3E,IAAI,CAAC,EAAE,YAAY,CAAA;CACpB,CAAA;AAEH,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,SAAS,EACT,KAAK,EACL,KAAK,EACL,WAAW,EACX,aAAa,EACb,WAAW,EACX,UAAU,EACV,SAAS,EACT,kBAA4B,EAC5B,OAAO,EACP,IAAI,EACJ,SAAS,EACT,KAAK,EACL,UAAU,GACX,EAAE,aAAa,+BAqKf"}
+{"version":3,"file":"stat-card.d.ts","sourceRoot":"","sources":["../../src/dashboard/stat-card.tsx"],"names":[],"mappings":"AA+FA,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAA;AAErD,OAAO,KAAK,EACV,sBAAsB,EACtB,uBAAuB,EACvB,sBAAsB,EACvB,MAAM,iBAAiB,CAAA;AAIxB,OAAO,KAAK,EAAE,WAAW,EAAE,eAAe,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAA;AAEzE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAGnD;;;;GAIG;AACH,MAAM,MAAM,YAAY,GAAG,IAAI,CAAA;AAE/B;;;;GAIG;AACH,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,GAAG,WAAW,CAAA;AAEnE;;;;;;;GAOG;AACH,MAAM,MAAM,oBAAoB,GAAG;IACjC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,IAAI,CAAC,EAAE,YAAY,CAAA;CAC7B,CAAA;AAcD;;;;;;;;GAQG;AACH,MAAM,MAAM,qBAAqB,GAAG;IAClC,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;CACf,CAAA;AAiDD;;;;;;;;;;;;;;GAcG;AACH,MAAM,MAAM,aAAa,GAAG,WAAW,GACrC,eAAe,CAAC,YAAY,CAAC,GAC7B,sBAAsB,GACtB,IAAI,CAAC,uBAAuB,EAAE,OAAO,CAAC,GACtC,sBAAsB,GAAG;IACvB;iEAC6D;IAC7D,KAAK,EAAE,MAAM,CAAA;IACb;;;;;;;;;;;;OAYG;IACH,SAAS,CAAC,EAAE,SAAS,oBAAoB,EAAE,CAAA;IAC3C;;;;;;;;;;;;;OAaG;IACH,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAA;IAC/B;;;;;;;;;;;OAWG;IACH,SAAS,CAAC,EAAE,SAAS,GAAG,CAAC,CAAC,IAAI,EAAE,qBAAqB,KAAK,SAAS,CAAC,CAAA;IACpE;4GACwG;IACxG,kBAAkB,CAAC,EAAE,OAAO,GAAG,OAAO,CAAA;IACtC;mGAC+F;IAC/F,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB;;;+EAG2E;IAC3E,IAAI,CAAC,EAAE,YAAY,CAAA;CACpB,CAAA;AAEH,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,SAAS,EACT,KAAK,EACL,KAAK,EACL,WAAW,EACX,aAAa,EACb,WAAW,EACX,UAAU,EACV,SAAS,EACT,kBAA4B,EAC5B,OAAO,EACP,IAAI,EACJ,SAAS,EACT,KAAK,EACL,UAAU,GACX,EAAE,aAAa,+BAqKf"}

package/dist/dashboard/stat-card.js

@@ -63,8 +63,8 @@ function StatCard({
 }) {
   const isRender = typeof sparkline === "function";
   const bleeds = sparklinePlacement === "bleed";
-  const slot = useSlotWidth(isRender);
-  const measured = { width: slot.width, height: SPARKLINE_RIGHT_HEIGHT };
+  const { ref: slotRef, width: slotWidth } = useSlotWidth(isRender);
+  const measured = { width: slotWidth, height: SPARKLINE_RIGHT_HEIGHT };
   const breakdownRows = breakdown === void 0 || breakdown.length === 0 ? null : /* @__PURE__ */ jsx("dl", { className: classes.breakdown, children: breakdown.map((row) => /* @__PURE__ */ jsxs(
     "div",
     {
@@ -81,7 +81,7 @@ function StatCard({
   const sparklineNode = sparkline === void 0 ? null : /* @__PURE__ */ jsx(
     "div",
     {
-      ref: slot.ref,
+      ref: slotRef,
       className: cx(
         bleeds ? classes.sparklineBleed : classes.sparklineRight,
         classNames?.sparkline

package/dist/dashboard/widget-header.module.css

@@ -345,26 +345,28 @@
 /*
  * The same fold, triggered by the CARD'S OWN HEIGHT instead of its width (wave 8's header-economy
  * law) — a short-but-wide chart card (a KPI-style plot with little vertical room) still needs the
- * subtitle line back. Not a `@container basalt-card` SIZE query: `container-type: size` on an
- * auto-height card collapses it to 0 (see `ChartCard`'s `CARD_SHORT_HEIGHT` doc), so `ChartCard`
- * measures itself with a ResizeObserver instead and sets `data-basalt-card-short` under 280px.
+ * subtitle line back. A height cannot be a `@container` query: `container-type: size` on an
+ * auto-height card collapses it to 0. So the hook is a selector on markup that is already in the
+ * server HTML (W10 SSR contract): a chart that states a small `height` marks its box
+ * `data-basalt-chart-short`, and the card matches it with `:has`. A card whose body is not a chart
+ * is measured instead (`ChartCard`'s ResizeObserver, under 280px) and sets `data-basalt-card-short`.
  */
-[data-basalt-card-short] .subtitle {
+:is([data-basalt-card-short], [data-basalt-chart-card]:has([data-basalt-chart-short])) .subtitle {
   display: none;
 }
 
-[data-basalt-card-short] .foldGlyph {
+:is([data-basalt-card-short], [data-basalt-chart-card]:has([data-basalt-chart-short])) .foldGlyph {
   display: inline-flex;
 }
 
-[data-basalt-card-short] .foldNote {
+:is([data-basalt-card-short], [data-basalt-chart-card]:has([data-basalt-chart-short])) .foldNote {
   display: block;
 }
 
 /* A short card's KPI numeral is the header's own tallest line (the merged title row has no other
  * source of height once the subtitle folds) — the same floor the width `cqi` clamp already uses,
  * so a short card never introduces a THIRD value size. */
-[data-basalt-card-short] .value {
+:is([data-basalt-card-short], [data-basalt-chart-card]:has([data-basalt-chart-short])) .value {
   font-size: var(--vx-text-lg);
 }
 

package/dist/dev-dock.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dev-dock.d.ts","sourceRoot":"","sources":["../src/dev-dock.tsx"],"names":[],"mappings":"AA8BA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AACjD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAA;AAExD,uFAAuF;AACvF,MAAM,MAAM,iBAAiB,GAAG,QAAQ,GAAG,OAAO,GAAG,OAAO,CAAA;AAe5D,KAAK,aAAa,GAAG,MAAM,CAAA;AAuB3B,MAAM,MAAM,kBAAkB,GAAG,WAAW,GAAG;IAC7C,mDAAmD;IACnD,IAAI,EAAE,iBAAiB,GAAG,IAAI,CAAA;IAC9B;oFACgF;IAChF,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB;8DAC0D;IAC1D,MAAM,CAAC,EAAE,aAAa,CAAA;IACtB,iGAAiG;IACjG,QAAQ,CAAC,EAAE,qBAAqB,CAAA;CACjC,CAAA;AAED;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,OAAO,EACP,MAAM,EACN,QAAQ,EACR,SAAS,EACT,KAAK,GACN,EAAE,kBAAkB,GAAG,SAAS,CA8DhC"}
+{"version":3,"file":"dev-dock.d.ts","sourceRoot":"","sources":["../src/dev-dock.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAEjD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAA;AAExD,uFAAuF;AACvF,MAAM,MAAM,iBAAiB,GAAG,QAAQ,GAAG,OAAO,GAAG,OAAO,CAAA;AAe5D,KAAK,aAAa,GAAG,MAAM,CAAA;AAuB3B,MAAM,MAAM,kBAAkB,GAAG,WAAW,GAAG;IAC7C,mDAAmD;IACnD,IAAI,EAAE,iBAAiB,GAAG,IAAI,CAAA;IAC9B;oFACgF;IAChF,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB;8DAC0D;IAC1D,MAAM,CAAC,EAAE,aAAa,CAAA;IACtB,iGAAiG;IACjG,QAAQ,CAAC,EAAE,qBAAqB,CAAA;CACjC,CAAA;AAED;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,OAAO,EACP,MAAM,EACN,QAAQ,EACR,SAAS,EACT,KAAK,GACN,EAAE,kBAAkB,GAAG,SAAS,CAoEhC"}

package/dist/dev-dock.js

@@ -1,6 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { lazy, Suspense } from "react";
+import { lazy, Suspense, useEffect } from "react";
 import { Box, CloseButton, Flex, Group, Text } from "@mantine/core";
+import { applyOverrides, loadOverrides } from "./theme-lab/boot.js";
 const TOOL_TITLE = {
   router: "Router Devtools",
   query: "Query Devtools",
@@ -28,6 +29,10 @@ function BasaltDevDock({
   className,
   style
 }) {
+  useEffect(() => {
+    if (process.env["NODE_ENV"] === "production") return;
+    applyOverrides(loadOverrides());
+  }, []);
   if (process.env["NODE_ENV"] === "production") return null;
   if (tool === null) return null;
   return /* @__PURE__ */ jsxs(

package/dist/format/date.d.ts

@@ -1,20 +1,4 @@
 import type { LocaleOption } from './shared.js';
-/** Axis-friendly short date: DD.MM. A non-finite or invalid date prints {@link NON_FINITE}. */
-export declare function fmtAxisDate(value: unknown): string;
-/** Tooltip-friendly long date: "Mon Apr 21 2026". A non-finite or invalid date prints
- * {@link NON_FINITE}. */
-export declare function fmtTooltipDate(date: unknown): string;
-export type ClockOptions = LocaleOption & {
-    /** IANA zone (`'Europe/Vienna'`). Default the runtime's own zone — the same "local" argo's
-     * `d.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' })` call sites meant. */
-    timeZone?: string;
-    /** Render `:ss` too. Default false. */
-    seconds?: boolean;
-};
-/** A local clock reading — `"09:41"`. Seeds: `m365-explorer/explorer-page.tsx`,
- * `walking-pad/session-history.tsx` (both `toLocaleTimeString([...], { hour: '2-digit', minute:
- * '2-digit' })`). A non-finite/unparseable input prints {@link NON_FINITE}. */
-export declare function clock(value: Date | number | string, options?: ClockOptions): string;
 export type WeekdayOptions = LocaleOption & {
     /** `Intl.DateTimeFormat`'s own weekday widths. Default `'short'` (`"Mon"`). */
     format?: 'short' | 'long' | 'narrow';
@@ -38,24 +22,6 @@ export type RelativeTimeOptions = LocaleOption & {
  * render-path code where one bad timestamp must not blank a whole list.
  */
 export declare function relativeTime(value: number | Date | string, options?: RelativeTimeOptions): string;
-export type DurationUnit = 'seconds' | 'minutes';
-export type DurationOptions = {
-    /** Unit of the input value. Default `'seconds'`. */
-    unit?: DurationUnit;
-};
-/**
- * Human duration — `"1h 02m"`, `"5m"`, `"42s"`. Minutes zero-pad once an hour is present (`"1h
- * 02m"`, a clock-reading convention); alone they don't (`"5m"`). Seconds show only under a minute
- * (`"42s"`). A non-finite value prints {@link NON_FINITE}.
- *
- * The one signature standing in for argo's four duration spellings: `walking-pad/
- * formatters.ts#formatDuration` (seconds, `<60s` → `"Ns"` — this IS that shape),
- * `reading/format.ts#formatReadTime` (seconds, no `<60s` branch, floors at `"0m"` — pass a value
- * `>= 60` and the shapes match), `astro-window/formulas.ts#fmtMinutes` (minutes as input — pass
- * `{ unit: 'minutes' }`). The fourth, `walking-pad/formatters.ts#formatDurationClock` (`h:mm:ss`),
- * is {@link durationClock} below, not this.
- */
-export declare function duration(value: number, options?: DurationOptions): string;
 /** Clock-style duration — `"1:02:03"`, `"04:12"`. Seeded from `walking-pad/
  * formatters.ts#formatDurationClock`. A non-finite value prints {@link NON_FINITE}. */
 export declare function durationClock(seconds: number): string;

package/dist/format/date.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"date.d.ts","sourceRoot":"","sources":["../../src/format/date.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAK5C,+FAA+F;AAC/F,wBAAgB,WAAW,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,CAYlD;AAED;yBACyB;AACzB,wBAAgB,cAAc,CAAC,IAAI,EAAE,OAAO,GAAG,MAAM,CAWpD;AAED,MAAM,MAAM,YAAY,GAAG,YAAY,GAAG;IACxC;8FAC0F;IAC1F,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,uCAAuC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED;;+EAE+E;AAC/E,wBAAgB,KAAK,CAAC,KAAK,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,EAAE,OAAO,GAAE,YAAiB,GAAG,MAAM,CAWvF;AAED,MAAM,MAAM,cAAc,GAAG,YAAY,GAAG;IAC1C,+EAA+E;IAC/E,MAAM,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAA;CACrC,CAAA;AAED;;;yBAGyB;AACzB,wBAAgB,OAAO,CAAC,KAAK,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,EAAE,OAAO,GAAE,cAAmB,GAAG,MAAM,CAW3F;AAED,MAAM,MAAM,mBAAmB,GAAG,YAAY,GAAG;IAC/C,sFAAsF;IACtF,GAAG,CAAC,EAAE,MAAM,CAAA;CACb,CAAA;AAyBD;;;;;;;;GAQG;AACH,wBAAgB,YAAY,CAC1B,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,EAC7B,OAAO,GAAE,mBAAwB,GAChC,MAAM,CAUR;AAED,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,SAAS,CAAA;AAEhD,MAAM,MAAM,eAAe,GAAG;IAC5B,oDAAoD;IACpD,IAAI,CAAC,EAAE,YAAY,CAAA;CACpB,CAAA;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,GAAE,eAAoB,GAAG,MAAM,CAU7E;AAED;uFACuF;AACvF,wBAAgB,aAAa,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CASrD"}
+{"version":3,"file":"date.d.ts","sourceRoot":"","sources":["../../src/format/date.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAE5C,MAAM,MAAM,cAAc,GAAG,YAAY,GAAG;IAC1C,+EAA+E;IAC/E,MAAM,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAA;CACrC,CAAA;AAED;;;yBAGyB;AACzB,wBAAgB,OAAO,CAAC,KAAK,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,EAAE,OAAO,GAAE,cAAmB,GAAG,MAAM,CAW3F;AAED,MAAM,MAAM,mBAAmB,GAAG,YAAY,GAAG;IAC/C,sFAAsF;IACtF,GAAG,CAAC,EAAE,MAAM,CAAA;CACb,CAAA;AAyBD;;;;;;;;GAQG;AACH,wBAAgB,YAAY,CAC1B,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,EAC7B,OAAO,GAAE,mBAAwB,GAChC,MAAM,CAUR;AAED;uFACuF;AACvF,wBAAgB,aAAa,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CASrD"}

package/dist/format/date.js

@@ -1,43 +1,4 @@
 import { dateFormat, NON_FINITE, toDate } from "./shared.js";
-const MONTHS = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
-const SHORT_DAYS = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"];
-function fmtAxisDate(value) {
-  if (typeof value === "number" && !Number.isFinite(value)) return NON_FINITE;
-  if (value instanceof Date) {
-    if (Number.isNaN(value.getTime())) return NON_FINITE;
-    const dd = String(value.getDate()).padStart(2, "0");
-    const mm = String(value.getMonth() + 1).padStart(2, "0");
-    return `${dd}.${mm}`;
-  }
-  const s = String(value ?? "");
-  const match = s.match(/(\d{4})-(\d{2})-(\d{2})/);
-  if (match) return `${match[3]}.${match[2]}`;
-  return s;
-}
-function fmtTooltipDate(date) {
-  if (typeof date === "number" && !Number.isFinite(date)) return NON_FINITE;
-  if (date instanceof Date) {
-    if (Number.isNaN(date.getTime())) return NON_FINITE;
-    return `${SHORT_DAYS[date.getDay()]} ${MONTHS[date.getMonth()]} ${date.getDate()} ${date.getFullYear()}`;
-  }
-  const s = String(date ?? "");
-  const match = s.match(/(\d{4})-(\d{2})-(\d{2})/);
-  if (!match) return s;
-  const d = new Date(Number(match[1]), Number(match[2]) - 1, Number(match[3]));
-  return `${SHORT_DAYS[d.getDay()]} ${MONTHS[d.getMonth()]} ${d.getDate()} ${d.getFullYear()}`;
-}
-function clock(value, options = {}) {
-  const date = toDate(value);
-  if (date === null) return NON_FINITE;
-  const { locale, timeZone, seconds = false } = options;
-  return dateFormat(locale, {
-    hour: "2-digit",
-    minute: "2-digit",
-    ...seconds && { second: "2-digit" },
-    hour12: false,
-    ...timeZone !== void 0 && { timeZone }
-  }).format(date);
-}
 function weekday(value, options = {}) {
   const date = typeof value === "string" && /^\d{4}-\d{2}-\d{2}$/.test(value) ? (() => {
     const [y, m, d] = value.split("-").map(Number);
@@ -74,17 +35,6 @@ function relativeTime(value, options = {}) {
   const unit = RELATIVE_TIME_UNITS.find(({ ms }) => absMs >= ms) ?? RELATIVE_TIME_UNITS.at(-1);
   return relativeTimeFormat(locale).format(Math.round(diffMs / unit.ms), unit.unit);
 }
-function duration(value, options = {}) {
-  if (!Number.isFinite(value)) return NON_FINITE;
-  const { unit = "seconds" } = options;
-  const totalSeconds = Math.max(0, Math.round(unit === "minutes" ? value * 60 : value));
-  if (totalSeconds < 60) return `${totalSeconds}s`;
-  const totalMinutes = Math.round(totalSeconds / 60);
-  const h = Math.floor(totalMinutes / 60);
-  const m = totalMinutes % 60;
-  if (h === 0) return `${m}m`;
-  return `${h}h ${String(m).padStart(2, "0")}m`;
-}
 function durationClock(seconds) {
   if (!Number.isFinite(seconds)) return NON_FINITE;
   const total = Math.max(0, Math.round(seconds));
@@ -96,11 +46,7 @@ function durationClock(seconds) {
   return h > 0 ? `${h}:${mm}:${ss}` : `${mm}:${ss}`;
 }
 export {
-  clock,
-  duration,
   durationClock,
-  fmtAxisDate,
-  fmtTooltipDate,
   relativeTime,
   weekday
 };

package/dist/format/index.d.ts

@@ -2,38 +2,23 @@
  * `basalt-ui/format` — Mantine-free, React-free `Intl`-backed formatting. One implementation for
  * numbers/percentages/money, dates/times/durations and the two measurement units argo needed
  * (`km`/`kcal`) — replacing argo's `features/*\/{formatters,formulas,format}.ts` (~350 of 643
- * lines across four duration spellings) and the chart layer's own `charts/utils/format.ts`, which
- * now re-exports from here.
+ * lines across four duration spellings) and the 1.x chart layer's own formatters (2.0's charts
+ * import the internals directly).
  *
  * Every formatter takes `(value, opts?)`; `locale` on every `opts` defaults to `undefined` —
  * `Intl`'s own "use the runtime's locale". Every non-finite/unparseable input prints the same
  * {@link NON_FINITE} em dash rather than `"NaN"` or throwing.
  *
  * @example
- * import { money, percent, duration, weekday, relativeTime } from 'basalt-ui/format'
+ * import { money, percent, durationClock, weekday, relativeTime } from 'basalt-ui/format'
  *
  * money(1234, { currency: 'USD' })        // "$1,234"
  * percent(0.42)                            // "42%"
- * duration(3_723)                          // "1h 02m"
+ * durationClock(3_723)                    // "1:02:03"
  * weekday('2026-09-02')                    // "Wed"
  * relativeTime(Date.now() - 3_600_000)     // "1 hour ago"
  */
-export { compact, deltaPct, type DeltaPctOptions, fmtCompact, type FmtCompactOptions, fmtCurrency, type FmtCurrencyOptions, fmtInt, fmtPercent, type FmtPercentOptions, integer, type LocaleOption, money, NON_FINITE, percent, } from './number.js';
-export { clock, type ClockOptions, duration, durationClock, type DurationOptions, type DurationUnit, fmtAxisDate, fmtTooltipDate, relativeTime, type RelativeTimeOptions, weekday, type WeekdayOptions, } from './date.js';
-export { kcal, type KcalOptions, km, type KmOptions } from './measure.js';
-import { fmtCompact, fmtCurrency, fmtInt, fmtPercent } from './number.js';
-import { fmtAxisDate, fmtTooltipDate } from './date.js';
-/**
- * Every shipped chart-facing formatter under one name, so a chart can be handed the whole set
- * (`format={formatters.compact}`). Unchanged shape from `charts/utils/format.ts` — this is the
- * SAME object, not a second one, so an existing `formatters.x` call site keeps working verbatim.
- */
-export declare const formatters: {
-    readonly compact: typeof fmtCompact;
-    readonly percent: typeof fmtPercent;
-    readonly currency: typeof fmtCurrency;
-    readonly int: typeof fmtInt;
-    readonly axisDate: typeof fmtAxisDate;
-    readonly tooltipDate: typeof fmtTooltipDate;
-};
+export { integer, money, percent } from './number.js';
+export { durationClock, relativeTime, weekday } from './date.js';
+export { kcal, km } from './measure.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/format/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/format/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAO,EACL,OAAO,EACP,QAAQ,EACR,KAAK,eAAe,EACpB,UAAU,EACV,KAAK,iBAAiB,EACtB,WAAW,EACX,KAAK,kBAAkB,EACvB,MAAM,EACN,UAAU,EACV,KAAK,iBAAiB,EACtB,OAAO,EACP,KAAK,YAAY,EACjB,KAAK,EACL,UAAU,EACV,OAAO,GACR,MAAM,UAAU,CAAA;AACjB,OAAO,EACL,KAAK,EACL,KAAK,YAAY,EACjB,QAAQ,EACR,aAAa,EACb,KAAK,eAAe,EACpB,KAAK,YAAY,EACjB,WAAW,EACX,cAAc,EACd,YAAY,EACZ,KAAK,mBAAmB,EACxB,OAAO,EACP,KAAK,cAAc,GACpB,MAAM,QAAQ,CAAA;AACf,OAAO,EAAE,IAAI,EAAE,KAAK,WAAW,EAAE,EAAE,EAAE,KAAK,SAAS,EAAE,MAAM,WAAW,CAAA;AAEtE,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AACtE,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAA;AAEpD;;;;GAIG;AACH,eAAO,MAAM,UAAU;;;;;;;CAOb,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/format/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,UAAU,CAAA;AAClD,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA;AAC7D,OAAO,EAAE,IAAI,EAAE,EAAE,EAAE,MAAM,WAAW,CAAA"}