basalt-ui 1.40.3 → 2.0.0

package/dist/charts/primitives/CartesianChart.js

@@ -1,549 +0,0 @@
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { GridRows } from "@visx/grid";
-import { Group } from "@visx/group";
-import { scaleLinear, scaleLog, scalePoint } from "@visx/scale";
-import { useMemo, useRef, useState } from "react";
-import { VX, alpha } from "../../tokens/index.js";
-import { classifyDomain } from "../cursor/resolve.js";
-import { useChartCursor } from "../hooks/useChartCursor.js";
-import { autoMargin, probeAxisLabels } from "../layout/auto-margin.js";
-import { END_LABEL_GAP, planEndLabels } from "../layout/end-labels.js";
-import { logTickValues, niceLogDomain } from "../layout/log-ticks.js";
-import { deriveLegend, deriveTooltipRows } from "../series.js";
-import { padAutoLower, padAutoUpper } from "../utils/domain.js";
-import { fmtAxisDate } from "../utils/format.js";
-import { rotatedXLabelPx, smartTicks, smartTicksEvery, xLabelPxFor } from "../utils/ticks.js";
-import { AxisBottomDate, AxisLeftNumeric, AxisRightNumeric, TICK_FONT_FAMILY } from "./Axes.js";
-import { ChartFrame, resolveLegend } from "./ChartFrame.js";
-import {
-  compactNumber,
-  isTightClass,
-  planXLabels,
-  resolveMarginFloor,
-  resolveYPlacement,
-  shouldCompactYLabels,
-  yTickCount
-} from "./chart-layout.js";
-import { useChartContainerClass, useChartMetrics } from "./chart-tier.js";
-import { ChartTooltipFloat, TooltipBody, TooltipHeader, TooltipRows } from "./ChartTooltip.js";
-import { Crosshair, SeriesDot } from "./Crosshair.js";
-import { cursorSliderProps, HoverOverlay } from "./HoverOverlay.js";
-import { XZoneRects } from "./XZoneRects.js";
-import { ZoneRects } from "./ZoneRects.js";
-const DEFAULT_AUTO_PAD = 1.1;
-const AXIS_TINT_ALPHA = 0.8;
-function resolveAxisDomain(cfg, data, series, extraBounds = []) {
-  const domain = cfg?.domain ?? "auto";
-  if (Array.isArray(domain)) return domain;
-  if (typeof domain === "function") return domain(data, series);
-  const isLog = cfg?.scale === "log";
-  let min = Infinity;
-  let max = -Infinity;
-  for (const d of data) {
-    for (const s of series) {
-      const v = s.getValue(d);
-      if (v === null) continue;
-      if (isLog && v <= 0) continue;
-      if (v < min) min = v;
-      if (v > max) max = v;
-    }
-  }
-  for (const v of extraBounds) {
-    if (!Number.isFinite(v)) continue;
-    if (isLog && v <= 0) continue;
-    if (v < min) min = v;
-    if (v > max) max = v;
-  }
-  const pad = cfg?.autoPad ?? DEFAULT_AUTO_PAD;
-  if (isLog) {
-    if (min === Infinity) return [1, 10];
-    if (min === max) return [min / pad, max * pad];
-    const upper2 = padAutoUpper(Math.max(max, cfg?.autoMaxFloor ?? -Infinity), pad);
-    return [min / pad, upper2];
-  }
-  if (min === Infinity) return [0, cfg?.autoMaxFloor ?? 1];
-  const ceil = cfg?.autoMinCeil ?? 0;
-  const upper = padAutoUpper(Math.max(max, cfg?.autoMaxFloor ?? -Infinity), pad);
-  const lower = padAutoLower(Math.min(min, ceil), pad);
-  if (lower === upper) return [Math.min(lower, 0), upper === 0 ? 1 : upper * pad];
-  return [lower, upper];
-}
-function probeYAxis(opts) {
-  const { domain, ticks, nice, scale, format } = opts;
-  const base = probeAxisLabels({
-    domain,
-    ticks,
-    nice,
-    ...scale !== void 0 && { scale },
-    ...format !== void 0 && { format }
-  });
-  if (format !== void 0 || !shouldCompactYLabels(base.labels)) {
-    return base;
-  }
-  const compact = (v) => compactNumber(v) ?? base.format(v);
-  return {
-    labels: probeAxisLabels({
-      domain,
-      ticks,
-      nice,
-      format: compact,
-      ...scale !== void 0 && { scale }
-    }).labels,
-    format: compact
-  };
-}
-function buildYScale(cfg, domain, yMax, ticks) {
-  if (cfg?.scale === "log") {
-    const scale = scaleLog({
-      domain,
-      range: [yMax, 0],
-      ...cfg.nice === true && { nice: true }
-    });
-    const tickDomain = cfg.nice === true ? niceLogDomain(domain) : domain;
-    scale.ticks = () => logTickValues(tickDomain, ticks);
-    return scale;
-  }
-  return scaleLinear({
-    domain,
-    range: [yMax, 0],
-    ...cfg?.nice === true && { nice: true }
-  });
-}
-function resolveXAxisLayout(input) {
-  const { marginInput, flatMargin, rotated45Margin, flatLabelPx, xLabels, fontPx, categorical } = input;
-  const flatXMax = Math.max(input.plotWidth - flatMargin.left - flatMargin.right, 0);
-  const xPlan = planXLabels({ labels: xLabels, plotWidth: flatXMax, fontPx, categorical });
-  const rotate = input.xLabelRotate ?? (categorical ? xPlan.rotate : 0);
-  if (rotate === 45) {
-    const tickLabelPx = rotatedXLabelPx(xLabels, fontPx);
-    return { baseMargin: rotated45Margin, rotate, wrapWidth: void 0, tickLabelPx };
-  }
-  if (rotate === 90) {
-    const baseMargin2 = autoMargin({ ...marginInput, rotate });
-    return { baseMargin: baseMargin2, rotate, wrapWidth: void 0, tickLabelPx: flatLabelPx };
-  }
-  if (!xPlan.wrap)
-    return { baseMargin: flatMargin, rotate, wrapWidth: void 0, tickLabelPx: flatLabelPx };
-  const baseMargin = autoMargin({ ...marginInput, bottomLines: xPlan.lines });
-  return { baseMargin, rotate, wrapWidth: xPlan.wrapPx, tickLabelPx: xPlan.labelPx };
-}
-function CartesianChart({
-  data,
-  chartId,
-  getX,
-  series,
-  y,
-  y2,
-  xTicks,
-  xTickValues,
-  formatX = fmtAxisDate,
-  xLabelRotate,
-  zones,
-  xZones,
-  refLines,
-  height,
-  aspectRatio,
-  fill,
-  legend,
-  tooltip,
-  margin: marginOverride,
-  cursorValue,
-  cursorResolution,
-  ariaLabel,
-  isPending,
-  state,
-  className,
-  style,
-  children
-}) {
-  const [highlighted, setHighlighted] = useState(null);
-  return /* @__PURE__ */ jsx(
-    ChartFrame,
-    {
-      series,
-      chartId,
-      ...height !== void 0 && { height },
-      ...aspectRatio !== void 0 && { aspectRatio },
-      ...fill !== void 0 && { fill },
-      ...ariaLabel !== void 0 && { ariaLabel },
-      ...isPending !== void 0 && { isPending },
-      ...state !== void 0 && { state },
-      ...className !== void 0 && { className },
-      ...style !== void 0 && { style },
-      legend: resolveLegend(
-        legend,
-        { highlighted, onHighlight: setHighlighted },
-        deriveLegend(series).length
-      ),
-      children: (plot) => /* @__PURE__ */ jsx(
-        CartesianPlot,
-        {
-          data,
-          chartId,
-          getX,
-          series,
-          ...y !== void 0 && { y },
-          ...y2 !== void 0 && { y2 },
-          ...xTicks !== void 0 && { xTicks },
-          ...xTickValues !== void 0 && { xTickValues },
-          formatX,
-          ...xLabelRotate !== void 0 && { xLabelRotate },
-          ...zones !== void 0 && { zones },
-          ...xZones !== void 0 && { xZones },
-          ...refLines !== void 0 && { refLines },
-          ...tooltip !== void 0 && { tooltip },
-          ...marginOverride !== void 0 && { marginOverride },
-          ...cursorValue !== void 0 && { cursorValue },
-          ...cursorResolution !== void 0 && { cursorResolution },
-          ...ariaLabel !== void 0 && { ariaLabel },
-          plot,
-          highlighted,
-          children
-        }
-      )
-    }
-  );
-}
-function CartesianPlot({
-  data,
-  chartId,
-  getX,
-  series,
-  y,
-  y2,
-  xTicks,
-  xTickValues,
-  formatX = fmtAxisDate,
-  xLabelRotate,
-  zones,
-  xZones,
-  refLines,
-  tooltip,
-  marginOverride,
-  cursorValue,
-  cursorResolution,
-  ariaLabel,
-  plot,
-  highlighted,
-  children
-}) {
-  const { hidden } = plot;
-  const tier = useChartMetrics();
-  const containerClass = useChartContainerClass();
-  const tight = isTightClass(containerClass);
-  const visible = useMemo(() => series.filter((s) => !hidden.has(s.key)), [series, hidden]);
-  const leftSeries = useMemo(() => visible.filter((s) => s.axis !== "right"), [visible]);
-  const rightSeries = useMemo(() => visible.filter((s) => s.axis === "right"), [visible]);
-  const keys = useMemo(() => data.map(getX), [data, getX]);
-  const [leftBounds, rightBounds] = useMemo(() => {
-    const left = [];
-    const right = [];
-    for (const z of zones ?? []) (z.axisSide === "right" ? right : left).push(z.from, z.to);
-    for (const l of refLines ?? []) (l.axis === "right" ? right : left).push(l.value);
-    return [left, right];
-  }, [zones, refLines]);
-  const leftDomain = useMemo(
-    () => resolveAxisDomain(y, data, leftSeries, leftBounds),
-    [y, data, leftSeries, leftBounds]
-  );
-  const rightDomain = useMemo(
-    () => y2 === void 0 ? null : resolveAxisDomain(y2, data, rightSeries, rightBounds),
-    [y2, data, rightSeries, rightBounds]
-  );
-  const estimatedPlotHeight = plot.height - tier.margin.top - tier.margin.bottom;
-  const leftTicks = y?.ticks ?? yTickCount(estimatedPlotHeight);
-  const rightTicks = y2?.ticks ?? yTickCount(estimatedPlotHeight);
-  const { labels: leftLabels, format: leftFormat } = useMemo(
-    () => probeYAxis({
-      domain: leftDomain,
-      ticks: leftTicks,
-      nice: y?.nice ?? false,
-      scale: y?.scale,
-      format: y?.format
-    }),
-    [leftDomain, leftTicks, y?.format, y?.nice, y?.scale]
-  );
-  const { labels: rightLabels, format: rightFormat } = useMemo(
-    () => rightDomain === null ? { labels: [], format: (v) => String(v) } : probeYAxis({
-      domain: rightDomain,
-      ticks: rightTicks,
-      nice: y2?.nice ?? false,
-      scale: y2?.scale,
-      format: y2?.format
-    }),
-    [rightDomain, rightTicks, y2?.format, y2?.nice, y2?.scale]
-  );
-  const xLabels = useMemo(() => keys.map(formatX), [keys, formatX]);
-  const yPlacement = resolveYPlacement(containerClass, { marginOverrideLeft: marginOverride?.left });
-  const categorical = tight && classifyDomain(keys) === "band";
-  const flatLabelPx = useMemo(() => xLabelPxFor(xLabels, tier.axisFont), [xLabels, tier.axisFont]);
-  const measured = useMemo(() => {
-    const marginInput = {
-      left: yPlacement === "outside" ? leftLabels : [],
-      right: rightLabels,
-      bottom: xLabels,
-      fontPx: tier.axisFont,
-      // An inside-placed y label paints IN the plot, so the left gutter it used to reserve
-      // (the phone tier's own margin floor) is dead space — only the inside-label floor applies.
-      floor: resolveMarginFloor(yPlacement, tier.margin),
-      anchorTerminals: tight,
-      ...marginOverride !== void 0 && { override: marginOverride }
-    };
-    return {
-      marginInput,
-      flatMargin: autoMargin(marginInput),
-      rotated45Margin: autoMargin({ ...marginInput, rotate: 45 })
-    };
-  }, [
-    leftLabels,
-    rightLabels,
-    xLabels,
-    tier.axisFont,
-    tier.margin,
-    marginOverride,
-    tight,
-    yPlacement
-  ]);
-  const { baseMargin, rotate, wrapWidth, tickLabelPx } = useMemo(
-    () => resolveXAxisLayout({
-      ...measured,
-      flatLabelPx,
-      xLabels,
-      fontPx: tier.axisFont,
-      plotWidth: plot.width,
-      categorical,
-      xLabelRotate
-    }),
-    [measured, flatLabelPx, xLabels, tier.axisFont, plot.width, categorical, xLabelRotate]
-  );
-  const yMax = Math.max(plot.height - baseMargin.top - baseMargin.bottom, 0);
-  const yScale = useMemo(
-    () => buildYScale(y, leftDomain, yMax, leftTicks),
-    [y, leftDomain, yMax, leftTicks]
-  );
-  const endPlan = useMemo(
-    () => planEndLabels({
-      containerClass,
-      hasY2: y2 !== void 0,
-      hasMarginRight: marginOverride?.right !== void 0,
-      hasHeaderLegend: plot.legendInHeader,
-      visible,
-      data,
-      yScale,
-      yMax,
-      fontPx: tier.axisFont,
-      plotWidth: plot.width - baseMargin.left - baseMargin.right
-    }),
-    [
-      containerClass,
-      y2,
-      marginOverride?.right,
-      plot.legendInHeader,
-      visible,
-      data,
-      yScale,
-      yMax,
-      tier.axisFont,
-      plot.width,
-      baseMargin.left,
-      baseMargin.right
-    ]
-  );
-  const endLabels = endPlan?.labels ?? [];
-  const margin = useMemo(
-    () => endPlan === null ? baseMargin : { ...baseMargin, right: baseMargin.right + endPlan.gutter },
-    [baseMargin, endPlan]
-  );
-  const xMax = Math.max(plot.width - margin.left - margin.right, 0);
-  const xScale = useMemo(
-    () => scalePoint({ domain: keys, range: [0, xMax], padding: 0.5 }),
-    [keys, xMax]
-  );
-  const y2Scale = useMemo(
-    () => rightDomain === null ? null : buildYScale(y2, rightDomain, yMax, rightTicks),
-    [y2, rightDomain, yMax, rightTicks]
-  );
-  const tickValues = useMemo(() => {
-    if (xTickValues !== void 0) return [...xTickValues(keys, xMax)];
-    if (xTicks !== void 0) return smartTicksEvery(keys, xTicks);
-    if (containerClass === "micro")
-      return keys.length > 1 ? [keys[0], keys[keys.length - 1]] : keys;
-    return smartTicks(keys, xMax, rotate === 0 || rotate === 45 ? tickLabelPx : void 0, tight);
-  }, [keys, xMax, xTicks, xTickValues, tickLabelPx, rotate, containerClass, tight]);
-  const svgRef = useRef(null);
-  const cursor = useChartCursor({
-    data,
-    chartId,
-    getKey: getX,
-    xScale,
-    marginLeft: margin.left,
-    boundaryRef: svgRef,
-    ...cursorResolution !== void 0 && { resolution: cursorResolution }
-  });
-  const tooltipEnabled = tooltip !== false;
-  const tooltipCfg = tooltip === false ? void 0 : tooltip;
-  const point = cursor.point;
-  const cursorX = point === null ? null : xScale(getX(point)) ?? null;
-  const badge = tooltipCfg?.label === void 0 || point === null ? null : tooltipCfg.label(point);
-  const formatHeader = tooltipCfg?.formatHeader;
-  const tooltipSeries = useMemo(
-    () => visible.map(
-      (s) => s.formatValue === void 0 ? { ...s, formatValue: s.axis === "right" ? rightFormat : leftFormat } : s
-    ),
-    [visible, leftFormat, rightFormat]
-  );
-  const tintAxes = y2 !== void 0 && leftSeries.length === 1 && rightSeries.length === 1;
-  const leftTint = tintAxes ? alpha(leftSeries[0].color, AXIS_TINT_ALPHA) : void 0;
-  const rightTint = tintAxes ? alpha(rightSeries[0].color, AXIS_TINT_ALPHA) : void 0;
-  const rows = tooltipEnabled && point !== null ? deriveTooltipRows(tooltipSeries, point, leftFormat) : [];
-  const isFollowerRender = !cursor.isSource && tooltipCfg?.onFollow === true;
-  const showTooltip = tooltipEnabled && point !== null && (cursor.isSource || isFollowerRender);
-  const useAnchoredPosition = tooltipCfg?.follow === false || tooltipCfg?.follow === void 0 && cursor.isTouch || isFollowerRender;
-  const anchorX = useAnchoredPosition && point !== null && cursorX !== null ? cursorX : null;
-  const svgRect = anchorX === null ? void 0 : svgRef.current?.getBoundingClientRect();
-  const tooltipAnchor = svgRect === void 0 || anchorX === null ? cursor.anchor : { x: svgRect.left + margin.left + anchorX, y: svgRect.top + margin.top };
-  const ctx = {
-    data,
-    visible,
-    hidden,
-    xScale,
-    yScale,
-    y2Scale,
-    xMax,
-    yMax,
-    margin,
-    cursorPoint: point,
-    highlighted
-  };
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      "svg",
-      {
-        ref: svgRef,
-        width: plot.width,
-        height: plot.height,
-        style: { touchAction: "pan-y" },
-        children: /* @__PURE__ */ jsxs(Group, { left: margin.left, top: margin.top, children: [
-          (y?.grid ?? true) && /* @__PURE__ */ jsx(GridRows, { scale: yScale, width: xMax, stroke: VX.grid, numTicks: leftTicks }),
-          xZones !== void 0 && /* @__PURE__ */ jsx(XZoneRects, { zones: xZones, height: yMax, xScale }),
-          zones !== void 0 && /* @__PURE__ */ jsx(ZoneRects, { zones, width: xMax, leftScale: yScale, rightScale: y2Scale }),
-          children(ctx),
-          refLines?.map((line, i) => {
-            const scale = line.axis === "right" && y2Scale !== null ? y2Scale : yScale;
-            return /* @__PURE__ */ jsx(
-              "line",
-              {
-                x1: 0,
-                x2: xMax,
-                y1: scale(line.value),
-                y2: scale(line.value),
-                stroke: line.color,
-                strokeWidth: 1,
-                strokeDasharray: line.dashed === true ? VX.dashArray : void 0
-              },
-              `${line.axis ?? "left"}-${line.value}-${i}`
-            );
-          }),
-          tooltipEnabled && point !== null && cursorX !== null && /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx(Crosshair, { x: cursorX, top: 0, bottom: yMax }),
-            visible.map((s) => {
-              if (s.mark === "bar") return null;
-              const value = cursorValue === void 0 ? s.getValue(point) : cursorValue(point, s, visible);
-              if (value === null) return null;
-              const scale = s.axis === "right" && y2Scale !== null ? y2Scale : yScale;
-              const cy = scale(value);
-              if (!Number.isFinite(cy)) return null;
-              const marker = s.getMarker?.(point);
-              return /* @__PURE__ */ jsx(
-                SeriesDot,
-                {
-                  cx: cursorX,
-                  cy,
-                  color: marker?.color ?? s.color,
-                  ...marker?.r !== void 0 && { r: marker.r }
-                },
-                s.key
-              );
-            })
-          ] }),
-          yPlacement !== "none" && /* @__PURE__ */ jsx(
-            AxisLeftNumeric,
-            {
-              scale: yScale,
-              numTicks: leftTicks,
-              tickFormat: (v) => leftFormat(Number(v)),
-              inside: yPlacement === "inside",
-              ...leftTint !== void 0 && { tickColor: leftTint }
-            }
-          ),
-          y2Scale !== null && /* @__PURE__ */ jsx(
-            AxisRightNumeric,
-            {
-              scale: y2Scale,
-              left: xMax,
-              numTicks: rightTicks,
-              tickFormat: (v) => rightFormat(Number(v)),
-              ...rightTint !== void 0 && { tickColor: rightTint }
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            AxisBottomDate,
-            {
-              top: yMax,
-              scale: xScale,
-              tickValues,
-              tickFormat: (v) => formatX(String(v)),
-              ...rotate !== 0 && { rotate },
-              anchorTerminals: tight && rotate === 0,
-              ...wrapWidth !== void 0 && { wrapWidth }
-            }
-          ),
-          endLabels.map(({ series: s, y: labelY }) => /* @__PURE__ */ jsx(
-            "text",
-            {
-              x: xMax + END_LABEL_GAP,
-              y: labelY,
-              dy: "0.35em",
-              fill: s.color,
-              fontFamily: TICK_FONT_FAMILY,
-              fontSize: tier.axisFont,
-              opacity: highlighted === null || s.key === highlighted || s.parent === highlighted ? 1 : 0.25,
-              pointerEvents: "none",
-              children: s.label
-            },
-            `end-${s.key}`
-          )),
-          /* @__PURE__ */ jsx(
-            HoverOverlay,
-            {
-              width: xMax,
-              height: yMax,
-              ...cursorSliderProps({ cursor, data, getX, formatX, ariaLabel })
-            }
-          )
-        ] })
-      }
-    ),
-    showTooltip && /* @__PURE__ */ jsxs(ChartTooltipFloat, { anchor: tooltipAnchor, ariaLive: cursor.isSource, children: [
-      /* @__PURE__ */ jsx(
-        TooltipHeader,
-        {
-          date: getX(point),
-          ...formatHeader !== void 0 && {
-            format: (key) => formatHeader(key, point)
-          },
-          ...badge !== null && { label: badge.text, labelColor: badge.color }
-        }
-      ),
-      /* @__PURE__ */ jsxs(TooltipBody, { children: [
-        tooltipCfg?.prependRows?.(point, { visible, hidden }),
-        /* @__PURE__ */ jsx(TooltipRows, { rows }),
-        tooltipCfg?.extraRows?.(point, { visible, hidden })
-      ] })
-    ] })
-  ] });
-}
-export {
-  CartesianChart,
-  resolveAxisDomain
-};

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

@@ -1,66 +0,0 @@
-import type { ReactNode } from 'react';
-import type { BasaltProps, SlotStylesProps } from '../../common/props.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
- * unclipped title band, `body` the clipped chart well. There is deliberately no slot for
- * `WidgetHeader`'s own internals — that component owns its own contract.
- */
-export type ChartCardSlot = 'root' | 'header' | 'body';
-/**
- * The props below are a HAND-CUT subset of `WidgetHeaderProps`, and that is the open half of audit
- * B #2: `widget-header` now publishes named slices (`WidgetHeaderTitleProps`,
- * `WidgetHeaderMetricProps`, `WidgetHeaderDeltaProps`) precisely so a composer's omissions are
- * declared rather than accidental, and `StatCard`/`SettingsSection` already compose them.
- *
- * `ChartCard` cannot yet: it lives inside the Mantine-free `charts/` boundary, and every prop here
- * is spelled out so a `./charts`-only consumer reads the whole contract without following a type
- * into another module. What that costs is visible in the omissions — no `unit`, no `deltaFormat`,
- * no `deltaGlyph`, no `sparkline` — so a KPI moved from a `StatCard` into a `ChartCard` loses them
- * silently. Compose the slices here next time this file is open; the ledger of which composer takes
- * which is `docs/CONTROLS-SPEC.md` §2.2.
- */
-export type ChartCardProps = BasaltProps & SlotStylesProps<ChartCardSlot> & {
-    /** Optional — the header renders only when this or one of info/value/actions/icon/count is set. */
-    title?: string;
-    /** Optional leading icon, forwarded to `WidgetHeader`. */
-    icon?: ReactNode;
-    /** Optional muted line rendered below the title row — does NOT by itself trigger the header. */
-    subtitle?: string;
-    /** Renders `WidgetHeader`'s info glyph beside the title — a `More information` button whose
-     * bubble opens on hover, focus and click. Never part of the heading's accessible name. */
-    info?: string;
-    /** Pre-formatted metric value, on the hero-metric row with `delta`. */
-    value?: string;
-    /** Signed delta rendered via `DeltaBadge`, alongside `value`. */
-    delta?: number;
-    /** Comparison timeframe forwarded to `DeltaBadge` (e.g. `MoM`). */
-    deltaPeriod?: string;
-    /** Which sign reads as the good verdict on the delta chip — forwarded to `DeltaBadge`'s
-     * `polarity`. Defaults to `'up-good'` (today's behaviour). */
-    deltaPolarity?: DeltaPolarity;
-    /** Mono count tag after the title. */
-    count?: number;
-    /** Right-aligned slot — carries `data-basalt-tier="widget"` (no `CtlSlot`; see module doc). */
-    actions?: 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, 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 +0,0 @@
-{"version":3,"file":"ChartCard.d.ts","sourceRoot":"","sources":["../../../src/charts/primitives/ChartCard.tsx"],"names":[],"mappings":"AAeA,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;AAKhE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAuFhD;;;;;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,+BAsFhB"}