basalt-ui 1.28.0 → 1.29.1

package/dist/charts/kinds/ZonedLine.d.ts

@@ -5,8 +5,6 @@ import type { XZoneSpec } from '../primitives/XZoneRects.js';
 import type { ZoneSpec } from '../primitives/ZoneRects.js';
 import type { ChartState } from '../primitives/ChartPending.js';
 import type { ChartLegendConfig, ChartSeries } from '../series.js';
-/** @deprecated Use ZoneSpec from primitives/ZoneRects. Kept as an alias for back-compat. */
-export type ZonedLineZone = ZoneSpec;
 /** Semi-transparent fill above (or below) a threshold value, tracking the line. */
 export type ZonedLineThreshold = {
     value: number;
@@ -34,7 +32,7 @@ export type ZonedLineProps<T> = BasaltProps & {
     /** Y-axis. Collapses the old `yDomain` / `yAutoMaxFloor` / `yAutoMinCeil` / `yAutoPad` /
      * `numTicksY` / `formatYTick` prop soup into one object. */
     y?: AxisConfig<T>;
-    zones?: ZonedLineZone[];
+    zones?: ZoneSpec[];
     /** Vertical x-range overlays (time windows), rendered behind the line. Bounds are `getX`
      * domain keys. */
     xZones?: XZoneSpec[];

package/dist/charts/kinds/ZonedLine.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ZonedLine.d.ts","sourceRoot":"","sources":["../../../src/charts/kinds/ZonedLine.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AACrD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAA;AAEzD,OAAO,KAAK,EAAE,sBAAsB,EAAE,UAAU,EAAe,MAAM,8BAA8B,CAAA;AAEnG,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAA;AACzD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAA;AACvD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAA;AAE5D,OAAO,KAAK,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAG/D,4FAA4F;AAC5F,MAAM,MAAM,aAAa,GAAG,QAAQ,CAAA;AAEpC,mFAAmF;AACnF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,OAAO,GAAG,OAAO,CAAA;IACvB,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AAED,0EAA0E;AAC1E,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,oDAAoD;IACpD,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,cAAc,CAAC,CAAC,IAAI,WAAW,GAAG;IAC5C,IAAI,EAAE,CAAC,EAAE,CAAA;IACT,0EAA0E;IAC1E,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,OAAO,EAAE,MAAM,CAAA;IACf,oEAAoE;IACpE,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM,CAAA;IACtB;;wEAEoE;IACpE,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,CAAA;IACxB;gEAC4D;IAC5D,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,CAAA;IACjB,KAAK,CAAC,EAAE,aAAa,EAAE,CAAA;IACvB;sBACkB;IAClB,MAAM,CAAC,EAAE,SAAS,EAAE,CAAA;IACpB,UAAU,CAAC,EAAE,kBAAkB,EAAE,CAAA;IACjC,QAAQ,CAAC,EAAE,gBAAgB,EAAE,CAAA;IAC7B,2FAA2F;IAC3F,MAAM,CAAC,EAAE,MAAM,CAAA;IACf;;wBAEoB;IACpB,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,MAAM,EAAE,EAAE,IAAI,EAAE,MAAM,KAAK,SAAS,MAAM,EAAE,CAAA;IAC1E,6DAA6D;IAC7D,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAA;IACjC;iDAC6C;IAC7C,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,CAAA;IAC1B;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,gBAAgB,CAAA;IACnC;qGACiG;IACjG,OAAO,CAAC,EAAE,sBAAsB,CAAC,CAAC,CAAC,GAAG,KAAK,CAAA;IAC3C;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAC3B;4CACwC;IACxC,MAAM,CAAC,EAAE,iBAAiB,GAAG,KAAK,CAAA;IAClC,qGAAqG;IACrG,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,gGAAgG;IAChG,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;4FACwF;IACxF,KAAK,CAAC,EAAE,UAAU,CAAA;CACnB,CAAA;AAeD;;;;;;;;;;;;GAYG;AACH,iBAAS,cAAc,CAAC,CAAC,EAAE,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,+BA6ElD;AAyGD,eAAO,MAAM,SAAS,EAAoB,OAAO,cAAc,CAAA"}
+{"version":3,"file":"ZonedLine.d.ts","sourceRoot":"","sources":["../../../src/charts/kinds/ZonedLine.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AACrD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAA;AAEzD,OAAO,KAAK,EAAE,sBAAsB,EAAE,UAAU,EAAe,MAAM,8BAA8B,CAAA;AAEnG,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAA;AACzD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAA;AACvD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAA;AAE5D,OAAO,KAAK,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAG/D,mFAAmF;AACnF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,OAAO,GAAG,OAAO,CAAA;IACvB,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AAED,0EAA0E;AAC1E,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,oDAAoD;IACpD,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,cAAc,CAAC,CAAC,IAAI,WAAW,GAAG;IAC5C,IAAI,EAAE,CAAC,EAAE,CAAA;IACT,0EAA0E;IAC1E,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,OAAO,EAAE,MAAM,CAAA;IACf,oEAAoE;IACpE,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM,CAAA;IACtB;;wEAEoE;IACpE,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,CAAA;IACxB;gEAC4D;IAC5D,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,CAAA;IACjB,KAAK,CAAC,EAAE,QAAQ,EAAE,CAAA;IAClB;sBACkB;IAClB,MAAM,CAAC,EAAE,SAAS,EAAE,CAAA;IACpB,UAAU,CAAC,EAAE,kBAAkB,EAAE,CAAA;IACjC,QAAQ,CAAC,EAAE,gBAAgB,EAAE,CAAA;IAC7B,2FAA2F;IAC3F,MAAM,CAAC,EAAE,MAAM,CAAA;IACf;;wBAEoB;IACpB,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,MAAM,EAAE,EAAE,IAAI,EAAE,MAAM,KAAK,SAAS,MAAM,EAAE,CAAA;IAC1E,6DAA6D;IAC7D,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAA;IACjC;iDAC6C;IAC7C,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,CAAA;IAC1B;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,gBAAgB,CAAA;IACnC;qGACiG;IACjG,OAAO,CAAC,EAAE,sBAAsB,CAAC,CAAC,CAAC,GAAG,KAAK,CAAA;IAC3C;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAC3B;4CACwC;IACxC,MAAM,CAAC,EAAE,iBAAiB,GAAG,KAAK,CAAA;IAClC,qGAAqG;IACrG,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,gGAAgG;IAChG,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;4FACwF;IACxF,KAAK,CAAC,EAAE,UAAU,CAAA;CACnB,CAAA;AAeD;;;;;;;;;;;;GAYG;AACH,iBAAS,cAAc,CAAC,CAAC,EAAE,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,+BA6ElD;AAyGD,eAAO,MAAM,SAAS,EAAoB,OAAO,cAAc,CAAA"}

package/dist/charts/primitives/Axes.d.ts

@@ -3,18 +3,37 @@ import type { AxisScale, TickFormatter } from '@visx/axis';
  * chart tier (`docs/CHARTS-SPEC.md` §8); a caller measuring its own gutter must measure at the
  * SAME size (`chartTierMetrics().axisFont` into `autoMargin`'s `fontPx`), or the measured label
  * and the painted one stop being the same string's width. */
-export declare function AxisLeftNumeric({ scale, numTicks, tickFormat, }: {
+export declare function AxisLeftNumeric({ scale, numTicks, tickFormat, tickValues, }: {
     scale: AxisScale;
     numTicks?: number;
     tickFormat?: TickFormatter<number>;
+    /** Exact tick positions (e.g. a compass axis at 0/90/180/270). Overrides `numTicks`. */
+    tickValues?: readonly number[];
 }): import("react").JSX.Element;
 /** Themed right numeric axis — mirrors AxisLeftNumeric for dual-axis charts. */
-export declare function AxisRightNumeric({ scale, left, numTicks, tickFormat, }: {
+export declare function AxisRightNumeric({ scale, left, numTicks, tickFormat, tickValues, }: {
     scale: AxisScale;
     /** Left offset inside the Group (typically xMax). Required since AxisRight needs positioning. */
     left: number;
     numTicks?: number;
     tickFormat?: TickFormatter<number>;
+    /** Exact tick positions (e.g. a compass axis at 0/90/180/270). Overrides `numTicks`. */
+    tickValues?: readonly number[];
+}): import("react").JSX.Element;
+/**
+ * Themed bottom numeric axis — the numeric twin of {@link AxisLeftNumeric}, for a plot whose x is
+ * a continuous number rather than a date/category (e.g. `sky-panorama.tsx`'s azimuth 0–360°,
+ * `docs/CHARTS-SPEC.md` issue #52). Exists so a bespoke continuous-x plot — declared exempt from
+ * `CartesianChart` by a `theme-allow-file hand-rolled-plot` waiver, since the point-scale x axis
+ * that primitive builds cannot represent one — stops re-implementing tick text/color/font by hand.
+ */
+export declare function AxisBottomNumeric({ scale, top, numTicks, tickFormat, tickValues, }: {
+    scale: AxisScale;
+    top: number;
+    numTicks?: number;
+    tickFormat?: TickFormatter<number>;
+    /** Exact tick positions (e.g. a compass axis at 0/90/180/270). Overrides `numTicks`. */
+    tickValues?: readonly number[];
 }): import("react").JSX.Element;
 /** Themed bottom date axis — baked-in smartTicks + DD.MM formatting. */
 export declare function AxisBottomDate({ scale, top, tickValues, tickFormat, rotate, }: {

package/dist/charts/primitives/Axes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Axes.d.ts","sourceRoot":"","sources":["../../../src/charts/primitives/Axes.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAa1D;;;6DAG6D;AAC7D,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,QAAY,EACZ,UAAU,GACX,EAAE;IACD,KAAK,EAAE,SAAS,CAAA;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAA;CACnC,+BAiBA;AAED,gFAAgF;AAChF,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,IAAI,EACJ,QAAY,EACZ,UAAU,GACX,EAAE;IACD,KAAK,EAAE,SAAS,CAAA;IAChB,iGAAiG;IACjG,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAA;CACnC,+BAkBA;AAYD,wEAAwE;AACxE,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,GAAG,EACH,UAAU,EACV,UAAwB,EACxB,MAAM,GACP,EAAE;IACD,KAAK,EAAE,SAAS,CAAA;IAChB,GAAG,EAAE,MAAM,CAAA;IACX,UAAU,EAAE,MAAM,EAAE,CAAA;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAA;IAClC;;;;OAIG;IACH,MAAM,CAAC,EAAE,EAAE,GAAG,EAAE,CAAA;CACjB,+BAqBA"}
+{"version":3,"file":"Axes.d.ts","sourceRoot":"","sources":["../../../src/charts/primitives/Axes.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAa1D;;;6DAG6D;AAC7D,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,QAAY,EACZ,UAAU,EACV,UAAU,GACX,EAAE;IACD,KAAK,EAAE,SAAS,CAAA;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAA;IAClC,wFAAwF;IACxF,UAAU,CAAC,EAAE,SAAS,MAAM,EAAE,CAAA;CAC/B,+BAkBA;AAED,gFAAgF;AAChF,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,IAAI,EACJ,QAAY,EACZ,UAAU,EACV,UAAU,GACX,EAAE;IACD,KAAK,EAAE,SAAS,CAAA;IAChB,iGAAiG;IACjG,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAA;IAClC,wFAAwF;IACxF,UAAU,CAAC,EAAE,SAAS,MAAM,EAAE,CAAA;CAC/B,+BAmBA;AAED;;;;;;GAMG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,GAAG,EACH,QAAY,EACZ,UAAU,EACV,UAAU,GACX,EAAE;IACD,KAAK,EAAE,SAAS,CAAA;IAChB,GAAG,EAAE,MAAM,CAAA;IACX,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAA;IAClC,wFAAwF;IACxF,UAAU,CAAC,EAAE,SAAS,MAAM,EAAE,CAAA;CAC/B,+BAmBA;AAYD,wEAAwE;AACxE,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,GAAG,EACH,UAAU,EACV,UAAwB,EACxB,MAAM,GACP,EAAE;IACD,KAAK,EAAE,SAAS,CAAA;IAChB,GAAG,EAAE,MAAM,CAAA;IACX,UAAU,EAAE,MAAM,EAAE,CAAA;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAA;IAClC;;;;OAIG;IACH,MAAM,CAAC,EAAE,EAAE,GAAG,EAAE,CAAA;CACjB,+BAqBA"}

package/dist/charts/primitives/Axes.js

@@ -8,7 +8,8 @@ const TICK_FONT_FAMILY = "var(--basalt-font-mono)";
 function AxisLeftNumeric({
   scale,
   numTicks = 5,
-  tickFormat
+  tickFormat,
+  tickValues
 }) {
   const { axisFont } = useChartTierMetrics();
   return /* @__PURE__ */ jsx(
@@ -17,6 +18,7 @@ function AxisLeftNumeric({
       scale,
       numTicks,
       ...tickFormat !== void 0 && { tickFormat },
+      ...tickValues !== void 0 && { tickValues: [...tickValues] },
       tickLabelProps: {
         fill: VX.faint,
         fontFamily: TICK_FONT_FAMILY,
@@ -32,7 +34,8 @@ function AxisRightNumeric({
   scale,
   left,
   numTicks = 5,
-  tickFormat
+  tickFormat,
+  tickValues
 }) {
   const { axisFont } = useChartTierMetrics();
   return /* @__PURE__ */ jsx(
@@ -42,6 +45,7 @@ function AxisRightNumeric({
       scale,
       numTicks,
       ...tickFormat !== void 0 && { tickFormat },
+      ...tickValues !== void 0 && { tickValues: [...tickValues] },
       tickLabelProps: {
         fill: VX.faint,
         fontFamily: TICK_FONT_FAMILY,
@@ -53,6 +57,33 @@ function AxisRightNumeric({
     }
   );
 }
+function AxisBottomNumeric({
+  scale,
+  top,
+  numTicks = 5,
+  tickFormat,
+  tickValues
+}) {
+  const { axisFont } = useChartTierMetrics();
+  return /* @__PURE__ */ jsx(
+    AxisBottom,
+    {
+      top,
+      scale,
+      numTicks,
+      ...tickFormat !== void 0 && { tickFormat },
+      ...tickValues !== void 0 && { tickValues: [...tickValues] },
+      tickLabelProps: {
+        fill: VX.faint,
+        fontFamily: TICK_FONT_FAMILY,
+        fontSize: axisFont,
+        textAnchor: "middle"
+      },
+      stroke: VX.surface.border,
+      tickStroke: VX.surface.border
+    }
+  );
+}
 const ROTATED_OFFSET = ROTATED_LABEL_OFFSET;
 function AxisBottomDate({
   scale,
@@ -85,6 +116,7 @@ function AxisBottomDate({
 }
 export {
   AxisBottomDate,
+  AxisBottomNumeric,
   AxisLeftNumeric,
   AxisRightNumeric
 };

package/dist/charts/primitives/ChartCard.d.ts

@@ -3,7 +3,7 @@
  * tier="widget"` title row (icon/info/value/delta/count/actions) plus an optional subtitle, over a
  * clipped chart body. Do not wrap visx charts in bare divs.
  *
- * `WidgetHeader` lives in `src/widget-header/` and is itself Mantine-free, so composing it here
+ * `WidgetHeader` lives in `src/dashboard/` and is itself Mantine-free, so composing it here
  * keeps `./charts` resolving with no `@mantine/*` installed (`check-dist-layering.mjs`,
  * `basalt/token-layer-boundary`). The `actions` slot cannot mount `CtlSlot` (Mantine-coupled) for
  * the same reason — it carries only `data-basalt-tier="widget"`; a basalt control placed there
@@ -14,7 +14,8 @@
  */
 import type { ReactNode } from 'react';
 import type { BasaltProps, SlotStylesProps } from '../../common/props.js';
-import type { DeltaPolarity } from '../../widget-header/index.js';
+import type { DeltaPolarity } from '../../dashboard/delta-badge.js';
+import type { ChartState } from './ChartPending.js';
 /**
  * The three boxes a `ChartCard` paints, and therefore the slot set a consumer may class
  * (`SlotStylesProps`). `root` is the card itself (shadow, radius, panel background), `header` the
@@ -58,7 +59,22 @@ export type ChartCardProps = BasaltProps & SlotStylesProps<ChartCardSlot> & {
     count?: number;
     /** Right-aligned slot — carries `data-basalt-tier="widget"` (no `CtlSlot`; see module doc). */
     actions?: ReactNode;
-    children: ReactNode;
+    /**
+     * Any resolved state (pending → error → empty, same precedence `resolveChartState` gives
+     * every chart kind) REPLACES `children` with its placeholder at `placeholderHeight` — the
+     * header still renders unchanged, so a card's title never reflows through the pending → drawn
+     * transition. `state={{}}` (or an all-falsy state) renders `children`, same as omitting the
+     * prop.
+     */
+    state?: ChartState;
+    /** Body height while a placeholder shows. Default 240 (`ChartFrame`'s own default height). */
+    placeholderHeight?: number;
+    /** Affordance under a pending/empty/error label — a retry button, a "clear filters" link.
+     * Forwarded to whichever placeholder resolves. */
+    stateAction?: ReactNode;
+    /** Optional so a title-less pending card can BE a route's `<Suspense>` fallback
+     * (`<ChartCard state={{ pending: true }} placeholderHeight={320} />`, no `children` at all). */
+    children?: ReactNode;
 };
-export declare function ChartCard({ title, icon, subtitle, info, value, delta, deltaPeriod, deltaPolarity, count, actions, className, classNames, style, children, }: ChartCardProps): import("react").JSX.Element;
+export declare function ChartCard({ title, icon, subtitle, info, value, delta, deltaPeriod, deltaPolarity, count, actions, state, placeholderHeight, stateAction, className, classNames, style, children, }: ChartCardProps): import("react").JSX.Element;
 //# sourceMappingURL=ChartCard.d.ts.map

package/dist/charts/primitives/ChartCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChartCard.d.ts","sourceRoot":"","sources":["../../../src/charts/primitives/ChartCard.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AACH,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAA;AAErD,OAAO,KAAK,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAGtE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AAqCxD;;;;;GAKG;AACH,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAA;AAEtD;;;;;;;;;;;;GAYG;AACH,MAAM,MAAM,cAAc,GAAG,WAAW,GACtC,eAAe,CAAC,aAAa,CAAC,GAAG;IAC/B,mGAAmG;IACnG,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,0DAA0D;IAC1D,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,gGAAgG;IAChG,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;8FAC0F;IAC1F,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,uEAAuE;IACvE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,iEAAiE;IACjE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,mEAAmE;IACnE,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;kEAC8D;IAC9D,aAAa,CAAC,EAAE,aAAa,CAAA;IAC7B,sCAAsC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,+FAA+F;IAC/F,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,QAAQ,EAAE,SAAS,CAAA;CACpB,CAAA;AAEH,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,KAAK,EACL,WAAW,EACX,aAAa,EACb,KAAK,EACL,OAAO,EACP,SAAS,EACT,UAAU,EACV,KAAK,EACL,QAAQ,GACT,EAAE,cAAc,+BAyChB"}
+{"version":3,"file":"ChartCard.d.ts","sourceRoot":"","sources":["../../../src/charts/primitives/ChartCard.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AACH,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAA;AAErD,OAAO,KAAK,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAGtE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAA;AAEhE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAqChD;;;;;GAKG;AACH,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAA;AAEtD;;;;;;;;;;;;GAYG;AACH,MAAM,MAAM,cAAc,GAAG,WAAW,GACtC,eAAe,CAAC,aAAa,CAAC,GAAG;IAC/B,mGAAmG;IACnG,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,0DAA0D;IAC1D,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,gGAAgG;IAChG,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;8FAC0F;IAC1F,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,uEAAuE;IACvE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,iEAAiE;IACjE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,mEAAmE;IACnE,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;kEAC8D;IAC9D,aAAa,CAAC,EAAE,aAAa,CAAA;IAC7B,sCAAsC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,+FAA+F;IAC/F,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB,8FAA8F;IAC9F,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B;sDACkD;IAClD,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB;oGACgG;IAChG,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB,CAAA;AAEH,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,KAAK,EACL,WAAW,EACX,aAAa,EACb,KAAK,EACL,OAAO,EACP,KAAK,EACL,iBAAuB,EACvB,WAAW,EACX,SAAS,EACT,UAAU,EACV,KAAK,EACL,QAAQ,GACT,EAAE,cAAc,+BAgEhB"}

package/dist/charts/primitives/ChartCard.js

@@ -1,7 +1,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cx } from "../../common/props.js";
 import { VX } from "../../tokens/index.js";
-import { WidgetHeader } from "../../widget-header/index.js";
+import { WidgetHeader } from "../../dashboard/widget-header.js";
+import { ChartEmpty, ChartError, ChartPending, resolveChartState } from "./ChartPending.js";
 const cardStyle = {
   borderRadius: VX.radiusCard,
   boxShadow: VX.shadowCard,
@@ -32,47 +33,75 @@ function ChartCard({
   deltaPolarity,
   count,
   actions,
+  state,
+  placeholderHeight = 240,
+  stateAction,
   className,
   classNames,
   style,
   children
 }) {
+  const resolvedState = resolveChartState({ ...state !== void 0 && { state } });
   const hasHeader = title !== void 0 || info !== void 0 || value !== void 0 || actions !== void 0 || icon !== void 0 || count !== void 0;
-  return /* @__PURE__ */ jsxs("div", { className: cx(classNames?.root, className), style: { ...cardStyle, ...style }, children: [
-    hasHeader && /* @__PURE__ */ jsx(
-      "div",
-      {
-        ...classNames?.header !== void 0 && { className: classNames.header },
-        style: headerWrapStyle,
-        children: /* @__PURE__ */ jsx(
-          WidgetHeader,
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cx(classNames?.root, className),
+      style: { ...cardStyle, ...style },
+      ...resolvedState === "pending" && { "aria-busy": "true" },
+      children: [
+        hasHeader && /* @__PURE__ */ jsx(
+          "div",
           {
-            tier: "widget",
-            title: title ?? "",
-            ...icon !== void 0 && { icon },
-            ...subtitle !== void 0 && { subtitle },
-            ...info !== void 0 && { info },
-            ...value !== void 0 && { value },
-            ...delta !== void 0 && { delta },
-            ...deltaPeriod !== void 0 && { deltaPeriod },
-            ...deltaPolarity !== void 0 && { deltaPolarity },
-            ...count !== void 0 && { count },
-            ...actions !== void 0 && {
-              actions: /* @__PURE__ */ jsx("span", { "data-basalt-tier": "widget", children: actions })
-            }
+            ...classNames?.header !== void 0 && { className: classNames.header },
+            style: headerWrapStyle,
+            children: /* @__PURE__ */ jsx(
+              WidgetHeader,
+              {
+                tier: "widget",
+                title: title ?? "",
+                ...icon !== void 0 && { icon },
+                ...subtitle !== void 0 && { subtitle },
+                ...info !== void 0 && { info },
+                ...value !== void 0 && { value },
+                ...delta !== void 0 && { delta },
+                ...deltaPeriod !== void 0 && { deltaPeriod },
+                ...deltaPolarity !== void 0 && { deltaPolarity },
+                ...count !== void 0 && { count },
+                ...actions !== void 0 && {
+                  actions: /* @__PURE__ */ jsx("span", { "data-basalt-tier": "widget", children: actions })
+                }
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            ...classNames?.body !== void 0 && { className: classNames.body },
+            style: bodyClipStyle,
+            children: resolvedState === "pending" ? /* @__PURE__ */ jsx(ChartPending, { width: "100%", height: placeholderHeight }) : resolvedState === "error" ? /* @__PURE__ */ jsx(
+              ChartError,
+              {
+                width: "100%",
+                height: placeholderHeight,
+                error: state?.error,
+                action: stateAction
+              }
+            ) : resolvedState === "empty" ? /* @__PURE__ */ jsx(
+              ChartEmpty,
+              {
+                width: "100%",
+                height: placeholderHeight,
+                ...typeof state?.empty === "string" && { label: state.empty },
+                action: stateAction
+              }
+            ) : children
           }
         )
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        ...classNames?.body !== void 0 && { className: classNames.body },
-        style: bodyClipStyle,
-        children
-      }
-    )
-  ] });
+      ]
+    }
+  );
 }
 export {
   ChartCard

package/dist/charts/primitives/ChartFrame.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChartFrame.d.ts","sourceRoot":"","sources":["../../../src/charts/primitives/ChartFrame.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAA;AAErD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAIrD,OAAO,KAAK,EAAE,iBAAiB,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAUhF,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAEhD;qGACqG;AACrG,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAA;AAKxF;0EAC0E;AAC1E,MAAM,MAAM,gBAAgB,GAAG;IAC7B,wBAAwB;IACxB,SAAS,CAAC,EAAE,eAAe,CAAA;IAC3B,uDAAuD;IACvD,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,4DAA4D;IAC5D,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,wDAAwD;IACxD,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC3B,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IAC1C;;;;;OAKG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,eAAe,GAAG,WAAW,GAAG;IAC1C,uGAAuG;IACvG,MAAM,EAAE,SAAS,WAAW,EAAE,CAAA;IAC9B,8FAA8F;IAC9F,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,qFAAqF;IACrF,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,uFAAuF;IACvF,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,6EAA6E;IAC7E,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,iGAAiG;IACjG,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,6FAA6F;IAC7F,MAAM,CAAC,EAAE,gBAAgB,GAAG,KAAK,CAAA;IACjC;;;;;;;;OAQG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB;;;;;;;;;;;OAWG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;oDACgD;IAChD,QAAQ,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,SAAS,CAAA;CACxC,CAAA;AAED,0FAA0F;AAC1F,MAAM,MAAM,QAAQ,GAAG;IACrB,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,MAAM,EAAE,WAAW,CAAC,MAAM,CAAC,CAAA;CAC5B,CAAA;AAcD;oFACoF;AACpF,MAAM,MAAM,qBAAqB,GAAG;IAClC,WAAW,EAAE,MAAM,GAAG,IAAI,CAAA;IAC1B,WAAW,EAAE,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;CAC1C,CAAA;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,aAAa,CAC3B,MAAM,EAAE,iBAAiB,GAAG,KAAK,GAAG,SAAS,EAC7C,KAAK,CAAC,EAAE,qBAAqB,EAC7B,WAAW,CAAC,EAAE,MAAM,GACnB,gBAAgB,GAAG,KAAK,CAU1B;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,UAAU,CAAC,EACzB,MAAM,EACN,MAAM,EACN,WAAW,EACX,IAAY,EACZ,QAA4B,EAC5B,OAAO,EACP,MAAW,EACX,SAAS,EACT,SAAiB,EACjB,KAAK,EACL,SAAS,EACT,KAAK,EACL,QAAQ,GACT,EAAE,eAAe,GAAG,SAAS,CA+G7B"}
+{"version":3,"file":"ChartFrame.d.ts","sourceRoot":"","sources":["../../../src/charts/primitives/ChartFrame.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAA;AAErD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAIrD,OAAO,KAAK,EAAE,iBAAiB,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAUhF,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAEhD;qGACqG;AACrG,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAA;AAKxF;0EAC0E;AAC1E,MAAM,MAAM,gBAAgB,GAAG;IAC7B,wBAAwB;IACxB,SAAS,CAAC,EAAE,eAAe,CAAA;IAC3B,uDAAuD;IACvD,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,4DAA4D;IAC5D,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,wDAAwD;IACxD,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC3B,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IAC1C;;;;;OAKG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,eAAe,GAAG,WAAW,GAAG;IAC1C,uGAAuG;IACvG,MAAM,EAAE,SAAS,WAAW,EAAE,CAAA;IAC9B,8FAA8F;IAC9F,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,qFAAqF;IACrF,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,uFAAuF;IACvF,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,6EAA6E;IAC7E,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,iGAAiG;IACjG,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,6FAA6F;IAC7F,MAAM,CAAC,EAAE,gBAAgB,GAAG,KAAK,CAAA;IACjC;;;;;;;;OAQG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB;;;;;;;;;;;OAWG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;oDACgD;IAChD,QAAQ,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,SAAS,CAAA;CACxC,CAAA;AAED,0FAA0F;AAC1F,MAAM,MAAM,QAAQ,GAAG;IACrB,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,MAAM,EAAE,WAAW,CAAC,MAAM,CAAC,CAAA;CAC5B,CAAA;AAcD;oFACoF;AACpF,MAAM,MAAM,qBAAqB,GAAG;IAClC,WAAW,EAAE,MAAM,GAAG,IAAI,CAAA;IAC1B,WAAW,EAAE,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;CAC1C,CAAA;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,aAAa,CAC3B,MAAM,EAAE,iBAAiB,GAAG,KAAK,GAAG,SAAS,EAC7C,KAAK,CAAC,EAAE,qBAAqB,EAC7B,WAAW,CAAC,EAAE,MAAM,GACnB,gBAAgB,GAAG,KAAK,CAU1B;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,UAAU,CAAC,EACzB,MAAM,EACN,MAAM,EACN,WAAW,EACX,IAAY,EACZ,QAA4B,EAC5B,OAAO,EACP,MAAW,EACX,SAAS,EACT,SAAiB,EACjB,KAAK,EACL,SAAS,EACT,KAAK,EACL,QAAQ,GACT,EAAE,eAAe,GAAG,SAAS,CAmH7B"}

package/dist/charts/primitives/ChartFrame.js

@@ -111,7 +111,14 @@ function ChartFrame({
       ...resolvedState === "pending" && { "aria-busy": "true" },
       children: [
         legendNode !== null && (placement === "top" || placement === "left") && legendNode,
-        plot.width > 0 && plot.height > 0 && (resolvedState === "pending" ? /* @__PURE__ */ jsx(ChartPending, { width: plot.width, height: plot.height }) : resolvedState === "error" ? /* @__PURE__ */ jsx(ChartError, { width: plot.width, height: plot.height, error: state?.error }) : resolvedState === "empty" ? /* @__PURE__ */ jsx(ChartEmpty, { width: plot.width, height: plot.height }) : children({ ...plot, hidden })),
+        plot.width > 0 && plot.height > 0 && (resolvedState === "pending" ? /* @__PURE__ */ jsx(ChartPending, { width: plot.width, height: plot.height }) : resolvedState === "error" ? /* @__PURE__ */ jsx(ChartError, { width: plot.width, height: plot.height, error: state?.error }) : resolvedState === "empty" ? /* @__PURE__ */ jsx(
+          ChartEmpty,
+          {
+            width: plot.width,
+            height: plot.height,
+            ...typeof state?.empty === "string" && { label: state.empty }
+          }
+        ) : children({ ...plot, hidden })),
         legendNode !== null && (placement === "bottom" || placement === "right") && legendNode
       ]
     }

package/dist/charts/primitives/ChartPending.d.ts

@@ -1,7 +1,9 @@
 import type { ReactNode } from 'react';
 import type { BasaltProps } from '../../common/props.js';
 export type ChartCenterProps = BasaltProps & {
-    width: number;
+    /** A block body (a title-less pending `ChartCard`, a non-`ChartFrame` body) has no measured
+     * plot width to reserve — `'100%'` fills its container instead of a pixel figure. */
+    width: number | string;
     height: number;
     children: ReactNode;
 };
@@ -13,7 +15,7 @@ export type ChartCenterProps = BasaltProps & {
  */
 export declare function ChartCenter({ width, height, className, style, children, }: ChartCenterProps): ReactNode;
 export type ChartPendingProps = BasaltProps & {
-    width: number;
+    width: number | string;
     height: number;
     /** Default `'Loading…'`. */
     label?: string;
@@ -55,8 +57,12 @@ export type ChartState = {
     pending?: boolean;
     /** Truthy = the query failed. Any thrown value; an `Error`'s `message` is used as the label. */
     error?: unknown;
-    /** The query resolved and there is genuinely nothing to plot. */
-    empty?: boolean;
+    /**
+     * The query resolved and there is genuinely nothing to plot. `true`, or the empty label
+     * itself — a string is truthy AND the copy `ChartEmpty` paints, so a consumer with its own
+     * "No data" wording never needs a ternary around the placeholder.
+     */
+    empty?: boolean | string;
 };
 /** Which placeholder {@link ChartState} resolves to, or `null` to draw the chart. */
 export type ResolvedChartState = 'pending' | 'error' | 'empty' | null;
@@ -70,7 +76,7 @@ export declare function resolveChartState(input: {
     isPending?: boolean;
 }): ResolvedChartState;
 export type ChartEmptyProps = BasaltProps & {
-    width: number;
+    width: number | string;
     height: number;
     /** Default `'No data'`. */
     label?: string;
@@ -89,7 +95,7 @@ export type ChartEmptyProps = BasaltProps & {
  */
 export declare function ChartEmpty({ width, height, label, action, className, style, }: ChartEmptyProps): ReactNode;
 export type ChartErrorProps = BasaltProps & {
-    width: number;
+    width: number | string;
     height: number;
     /** Overrides the text outright. Omitted, an `Error`'s own `message` is used, else
      * `'Could not load chart'` — a failure never borrows the empty state's copy. */

package/dist/charts/primitives/ChartPending.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChartPending.d.ts","sourceRoot":"","sources":["../../../src/charts/primitives/ChartPending.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAA;AACrD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAGrD,MAAM,MAAM,gBAAgB,GAAG,WAAW,GAAG;IAC3C,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,SAAS,CAAA;CACpB,CAAA;AAUD;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,MAAM,EACN,SAAS,EACT,KAAK,EACL,QAAQ,GACT,EAAE,gBAAgB,GAAG,SAAS,CAS9B;AAED,MAAM,MAAM,iBAAiB,GAAG,WAAW,GAAG;IAC5C,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,4BAA4B;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAOD;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,MAAM,EACN,KAAkB,EAClB,SAAS,EACT,KAAK,GACN,EAAE,iBAAiB,GAAG,SAAS,CAkB/B;AAED;;;;;;;;;;;;GAYG;AACH,MAAM,MAAM,UAAU,GAAG;IACvB,kEAAkE;IAClE,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,gGAAgG;IAChG,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,iEAAiE;IACjE,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB,CAAA;AAED,qFAAqF;AACrF,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,GAAG,IAAI,CAAA;AAErE;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE;IACvC,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,GAAG,kBAAkB,CAMrB;AAED,MAAM,MAAM,eAAe,GAAG,WAAW,GAAG;IAC1C,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,2BAA2B;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;sFACkF;IAClF,MAAM,CAAC,EAAE,SAAS,CAAA;CACnB,CAAA;AASD;;;;;;;;GAQG;AACH,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,MAAM,EACN,KAAiB,EACjB,MAAM,EACN,SAAS,EACT,KAAK,GACN,EAAE,eAAe,GAAG,SAAS,CAgB7B;AAED,MAAM,MAAM,eAAe,GAAG,WAAW,GAAG;IAC1C,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd;oFACgF;IAChF,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,oDAAoD;IACpD,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,+DAA+D;IAC/D,MAAM,CAAC,EAAE,SAAS,CAAA;CACnB,CAAA;AAWD;;;GAGG;AACH,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,MAAM,EACN,KAAK,EACL,KAAK,EACL,MAAM,EACN,SAAS,EACT,KAAK,GACN,EAAE,eAAe,GAAG,SAAS,CAc7B"}
+{"version":3,"file":"ChartPending.d.ts","sourceRoot":"","sources":["../../../src/charts/primitives/ChartPending.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAA;AACrD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAGrD,MAAM,MAAM,gBAAgB,GAAG,WAAW,GAAG;IAC3C;yFACqF;IACrF,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,MAAM,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,SAAS,CAAA;CACpB,CAAA;AAUD;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,MAAM,EACN,SAAS,EACT,KAAK,EACL,QAAQ,GACT,EAAE,gBAAgB,GAAG,SAAS,CAS9B;AAED,MAAM,MAAM,iBAAiB,GAAG,WAAW,GAAG;IAC5C,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,MAAM,EAAE,MAAM,CAAA;IACd,4BAA4B;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAOD;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,MAAM,EACN,KAAkB,EAClB,SAAS,EACT,KAAK,GACN,EAAE,iBAAiB,GAAG,SAAS,CAkB/B;AAED;;;;;;;;;;;;GAYG;AACH,MAAM,MAAM,UAAU,GAAG;IACvB,kEAAkE;IAClE,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,gGAAgG;IAChG,KAAK,CAAC,EAAE,OAAO,CAAA;IACf;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;CACzB,CAAA;AAED,qFAAqF;AACrF,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,GAAG,IAAI,CAAA;AAErE;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE;IACvC,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,GAAG,kBAAkB,CAMrB;AAED,MAAM,MAAM,eAAe,GAAG,WAAW,GAAG;IAC1C,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,MAAM,EAAE,MAAM,CAAA;IACd,2BAA2B;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;sFACkF;IAClF,MAAM,CAAC,EAAE,SAAS,CAAA;CACnB,CAAA;AASD;;;;;;;;GAQG;AACH,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,MAAM,EACN,KAAiB,EACjB,MAAM,EACN,SAAS,EACT,KAAK,GACN,EAAE,eAAe,GAAG,SAAS,CAgB7B;AAED,MAAM,MAAM,eAAe,GAAG,WAAW,GAAG;IAC1C,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,MAAM,EAAE,MAAM,CAAA;IACd;oFACgF;IAChF,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,oDAAoD;IACpD,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,+DAA+D;IAC/D,MAAM,CAAC,EAAE,SAAS,CAAA;CACnB,CAAA;AAWD;;;GAGG;AACH,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,MAAM,EACN,KAAK,EACL,KAAK,EACL,MAAM,EACN,SAAS,EACT,KAAK,GACN,EAAE,eAAe,GAAG,SAAS,CAc7B"}

package/dist/charts/primitives/ChartPending.js

@@ -49,7 +49,7 @@ function resolveChartState(input) {
   const { state, isPending } = input;
   if (isPending === true || state?.pending === true) return "pending";
   if (state?.error !== void 0 && state.error !== null && state.error !== false) return "error";
-  if (state?.empty === true) return "empty";
+  if (state?.empty) return "empty";
   return null;
 }
 const stackStyle = {

package/dist/charts/utils/format.d.ts

@@ -1,95 +1,8 @@
 /**
- * What EVERY formatter here prints for input it cannot represent — `NaN`, `±Infinity`, an
- * `Invalid Date`. An em dash (U+2014), the same glyph the tooltip already uses for a missing value.
- *
- * The rule is one rule on purpose. `Intl.NumberFormat` renders `NaN` as the literal string `"NaN"`
- * and `Infinity` as `"∞"`, so a y axis whose domain collapsed (an empty series, a 0/0 rate, a log
- * scale reaching zero) painted its own arithmetic accident as a tick label and a tooltip read
- * `NaN%`. A chart may say it does not know; it may not print a number that is not one.
+ * Re-export shim. The implementation moved to `basalt-ui/format` (C5 consolidation, so
+ * `money`/`percent`/`duration`/`clock`/… and the chart formatters share one implementation
+ * instead of two). This file stays so every existing relative import inside `src/charts/**`
+ * (`../utils/format`) keeps resolving unchanged.
  */
-export declare const NON_FINITE = "\u2014";
-/** 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;
-/**
- * The number-format law.
- *
- * `format.ts` shipped two date formatters and nothing else, so every axis and every tooltip in
- * every demo and consumer hand-rolled its own `` `$${v}k` `` — a template literal that is not
- * locale-aware, not compact-aware, and different in each of the places it was written. These four
- * are `Intl.NumberFormat` with the arguments already decided, so a chart states WHAT a number is
- * rather than how to punctuate it.
- *
- * `locale` defaults to `undefined`, which is `Intl`'s own "use the runtime's locale" — the correct
- * default for an app whose reader is the person looking at it. Pass it explicitly (`'en-US'`) when
- * the output must be stable regardless of where it runs, which is what the tests here do.
- *
- * Every one of them returns {@link NON_FINITE} for input that is not a finite number — see its
- * JSDoc for why that is a law of this module rather than a per-call-site guard.
- */
-/** Options every formatter here accepts. */
-type LocaleOption = {
-    /** BCP-47 tag. Default `undefined` — the runtime's own locale. */
-    locale?: string;
-};
-export type FmtCompactOptions = LocaleOption & {
-    /** Significant-ish fraction digits on the compacted number. Default 1 (`1.2k`, `3.4M`). */
-    digits?: number;
-};
-/**
- * Compact notation: `1.2k`, `3.4M`, `-820`. The axis formatter for any count whose range spans
- * more than three digits — a y axis reading `1,200,000` spends a third of the plot width on a
- * gutter. A non-finite value prints {@link NON_FINITE}.
- *
- * Note `Intl`'s compact notation is LOCALE text, not a suffix table: `en` gives `1.2K`, and this
- * lowercases the `K` to match the package's own numeral style while leaving every other locale's
- * word (`1,2 Mio.`) untouched. Only a `K` attached to the DIGITS is touched — `HK$1.2K` must keep
- * its currency prefix, which a bare `replace('K', 'k')` ate.
- */
-export declare function fmtCompact(value: number, options?: FmtCompactOptions): string;
-export type FmtPercentOptions = LocaleOption & {
-    /** Fraction digits. Default 0 (`42%`). */
-    digits?: number;
-    /**
-     * What the incoming number MEANS. `'ratio'` (default) is `0.42 → 42%`; `'percent'` is
-     * `42 → 42%`. Required as an explicit option rather than guessed from magnitude: a ratio of 1.2
-     * and a percentage of 1.2 are both perfectly ordinary numbers, and a heuristic would silently
-     * render one of them 100× wrong.
-     */
-    input?: 'ratio' | 'percent';
-};
-/** Percentages, from either a ratio or an already-scaled percentage. A non-finite value prints
- * {@link NON_FINITE} — a rate is the commonest source of a 0/0. */
-export declare function fmtPercent(value: number, options?: FmtPercentOptions): string;
-export type FmtCurrencyOptions = LocaleOption & {
-    /** ISO 4217 code — required. There is no default currency; a wrong symbol is worse than a
-     * verbose call site. */
-    currency: string;
-    /** Compact notation for the amount (`$1.2k`). Default false. */
-    compact?: boolean;
-    /** Fraction digits. Default 0 compacted, else the currency's own default (`undefined`). */
-    digits?: number;
-};
-/** Money. `fmtCurrency(1234, { currency: 'USD' })` → `$1,234`. A non-finite amount prints
- * {@link NON_FINITE}. */
-export declare function fmtCurrency(value: number, options: FmtCurrencyOptions): string;
-/** Grouped integer: `12,480`. Rounds — an integer formatter that printed `12,480.4` would be
- * lying about its own name. A non-finite value prints {@link NON_FINITE}. */
-export declare function fmtInt(value: number, options?: LocaleOption): string;
-/**
- * Every shipped formatter under one name, so a chart can be handed the whole set
- * (`format={formatters.compact}`) and a consumer has one import to reach for instead of four.
- * Same members as the named exports — this is a convenience, never a second implementation.
- */
-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 {};
+export { fmtAxisDate, fmtTooltipDate, fmtCompact, type FmtCompactOptions, fmtPercent, type FmtPercentOptions, fmtCurrency, type FmtCurrencyOptions, fmtInt, formatters, NON_FINITE, } from '../../format/index.js';
 //# sourceMappingURL=format.d.ts.map

package/dist/charts/utils/format.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"format.d.ts","sourceRoot":"","sources":["../../../src/charts/utils/format.ts"],"names":[],"mappings":"AAGA;;;;;;;;GAQG;AACH,eAAO,MAAM,UAAU,WAAW,CAAA;AAElC,+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;;;;;;;;;;;;;;;GAeG;AAEH,4CAA4C;AAC5C,KAAK,YAAY,GAAG;IAClB,kEAAkE;IAClE,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,CAAA;AAyBD,MAAM,MAAM,iBAAiB,GAAG,YAAY,GAAG;IAC7C,2FAA2F;IAC3F,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,CAAA;AAED;;;;;;;;;GASG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,GAAE,iBAAsB,GAAG,MAAM,CAUjF;AAED,MAAM,MAAM,iBAAiB,GAAG,YAAY,GAAG;IAC7C,0CAA0C;IAC1C,MAAM,CAAC,EAAE,MAAM,CAAA;IACf;;;;;OAKG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;CAC5B,CAAA;AAED;mEACmE;AACnE,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,GAAE,iBAAsB,GAAG,MAAM,CAQjF;AAED,MAAM,MAAM,kBAAkB,GAAG,YAAY,GAAG;IAC9C;4BACwB;IACxB,QAAQ,EAAE,MAAM,CAAA;IAChB,gEAAgE;IAChE,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,2FAA2F;IAC3F,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,CAAA;AAED;yBACyB;AACzB,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,kBAAkB,GAAG,MAAM,CAa9E;AAED;6EAC6E;AAC7E,wBAAgB,MAAM,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,GAAE,YAAiB,GAAG,MAAM,CAGxE;AAED;;;;GAIG;AACH,eAAO,MAAM,UAAU;;;;;;;CAOb,CAAA"}
+{"version":3,"file":"format.d.ts","sourceRoot":"","sources":["../../../src/charts/utils/format.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,EACL,WAAW,EACX,cAAc,EACd,UAAU,EACV,KAAK,iBAAiB,EACtB,UAAU,EACV,KAAK,iBAAiB,EACtB,WAAW,EACX,KAAK,kBAAkB,EACvB,MAAM,EACN,UAAU,EACV,UAAU,GACX,MAAM,cAAc,CAAA"}

package/dist/charts/utils/format.js

@@ -1,83 +1,13 @@
-const MONTHS = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
-const SHORT_DAYS = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"];
-const NON_FINITE = "\u2014";
-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()}`;
-}
-const formatterCache = /* @__PURE__ */ new Map();
-const COMPACT_K = /(\d\s?)K/;
-function numberFormat(locale, options) {
-  const key = `${locale ?? ""}|${JSON.stringify(options)}`;
-  const cached = formatterCache.get(key);
-  if (cached !== void 0) return cached;
-  const created = new Intl.NumberFormat(locale, options);
-  formatterCache.set(key, created);
-  return created;
-}
-function fmtCompact(value, options = {}) {
-  if (!Number.isFinite(value)) return NON_FINITE;
-  const { digits = 1, locale } = options;
-  return numberFormat(locale, {
-    notation: "compact",
-    compactDisplay: "short",
-    maximumFractionDigits: digits
-  }).format(value).replace(COMPACT_K, "$1k");
-}
-function fmtPercent(value, options = {}) {
-  if (!Number.isFinite(value)) return NON_FINITE;
-  const { digits = 0, input = "ratio", locale } = options;
-  return numberFormat(locale, {
-    style: "percent",
-    minimumFractionDigits: digits,
-    maximumFractionDigits: digits
-  }).format(input === "percent" ? value / 100 : value);
-}
-function fmtCurrency(value, options) {
-  if (!Number.isFinite(value)) return NON_FINITE;
-  const { currency, compact = false, digits, locale } = options;
-  const fractionDigits = digits ?? (compact ? 1 : 0);
-  return numberFormat(locale, {
-    style: "currency",
-    currency,
-    ...compact && { notation: "compact", compactDisplay: "short" },
-    minimumFractionDigits: compact ? 0 : fractionDigits,
-    maximumFractionDigits: fractionDigits
-  }).format(value).replace(COMPACT_K, "$1k");
-}
-function fmtInt(value, options = {}) {
-  if (!Number.isFinite(value)) return NON_FINITE;
-  return numberFormat(options.locale, { maximumFractionDigits: 0 }).format(value);
-}
-const formatters = {
-  compact: fmtCompact,
-  percent: fmtPercent,
-  currency: fmtCurrency,
-  int: fmtInt,
-  axisDate: fmtAxisDate,
-  tooltipDate: fmtTooltipDate
-};
+import {
+  fmtAxisDate,
+  fmtTooltipDate,
+  fmtCompact,
+  fmtPercent,
+  fmtCurrency,
+  fmtInt,
+  formatters,
+  NON_FINITE
+} from "../../format/index.js";
 export {
   NON_FINITE,
   fmtAxisDate,