basalt-ui 1.30.2 → 1.32.0

package/dist/charts/primitives/CartesianChart.js

@@ -3,24 +3,35 @@ 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 } from "../../tokens/index.js";
+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 { autoXLabelRotate, smartTicks, smartTicksEvery, xLabelPxFor } from "../utils/ticks.js";
-import { AxisBottomDate, AxisLeftNumeric, AxisRightNumeric } from "./Axes.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 { useChartTierMetrics } from "./chart-tier.js";
-import { ChartTooltipFloat, TooltipBody, TooltipHeader, TooltipRow } from "./ChartTooltip.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 { HoverOverlay } from "./HoverOverlay.js";
+import { cursorSliderProps, HoverOverlay } from "./HoverOverlay.js";
 import { XZoneRects } from "./XZoneRects.js";
 import { ZoneRects } from "./ZoneRects.js";
-const DEFAULT_TICKS = 5;
 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;
@@ -57,6 +68,30 @@ function resolveAxisDomain(cfg, data, series, extraBounds = []) {
   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({
@@ -74,6 +109,24 @@ function buildYScale(cfg, domain, yMax, ticks) {
     ...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,
@@ -175,7 +228,9 @@ function CartesianPlot({
   children
 }) {
   const { hidden } = plot;
-  const tier = useChartTierMetrics();
+  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]);
@@ -195,84 +250,136 @@ function CartesianPlot({
     () => y2 === void 0 ? null : resolveAxisDomain(y2, data, rightSeries, rightBounds),
     [y2, data, rightSeries, rightBounds]
   );
-  const leftTicks = y?.ticks ?? DEFAULT_TICKS;
-  const rightTicks = y2?.ticks ?? DEFAULT_TICKS;
+  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(
-    () => probeAxisLabels({
+    () => probeYAxis({
       domain: leftDomain,
       ticks: leftTicks,
       nice: y?.nice ?? false,
-      ...y?.scale !== void 0 && { scale: y.scale },
-      ...y?.format !== void 0 && { format: y.format }
+      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) } : probeAxisLabels({
+    () => rightDomain === null ? { labels: [], format: (v) => String(v) } : probeYAxis({
       domain: rightDomain,
       ticks: rightTicks,
       nice: y2?.nice ?? false,
-      ...y2?.scale !== void 0 && { scale: y2.scale },
-      ...y2?.format !== void 0 && { format: y2.format }
+      scale: y2?.scale,
+      format: y2?.format
     }),
     [rightDomain, rightTicks, y2?.format, y2?.nice, y2?.scale]
   );
   const xLabels = useMemo(() => keys.map(formatX), [keys, formatX]);
-  const xLabelPx = useMemo(() => xLabelPxFor(xLabels, tier.axisFont), [xLabels, tier.axisFont]);
-  const marginInput = useMemo(
-    () => ({
-      left: leftLabels,
+  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,
-      floor: tier.margin,
+      // 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
     }),
-    [leftLabels, rightLabels, xLabels, tier.axisFont, tier.margin, marginOverride]
+    [measured, flatLabelPx, xLabels, tier.axisFont, plot.width, categorical, xLabelRotate]
   );
-  const flatMargin = useMemo(() => autoMargin(marginInput), [marginInput]);
-  const rotated45Margin = useMemo(() => autoMargin({ ...marginInput, rotate: 45 }), [marginInput]);
-  const rotate = xLabelRotate ?? autoXLabelRotate({
-    tier: tier.tier,
-    xMax: Math.max(plot.width - flatMargin.left - flatMargin.right, 0),
-    labelPx: xLabelPx,
-    rotatedXMax: Math.max(plot.width - rotated45Margin.left - rotated45Margin.right, 0)
-  });
+  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(
-    () => rotate === 0 ? flatMargin : rotate === 45 ? rotated45Margin : autoMargin({ ...marginInput, rotate }),
-    [flatMargin, rotated45Margin, marginInput, rotate]
+    () => endPlan === null ? baseMargin : { ...baseMargin, right: baseMargin.right + endPlan.gutter },
+    [baseMargin, endPlan]
   );
   const xMax = Math.max(plot.width - margin.left - margin.right, 0);
-  const yMax = Math.max(plot.height - margin.top - margin.bottom, 0);
   const xScale = useMemo(
     () => scalePoint({ domain: keys, range: [0, xMax], padding: 0.5 }),
     [keys, xMax]
   );
-  const yScale = useMemo(
-    () => buildYScale(y, leftDomain, yMax, leftTicks),
-    [y, leftDomain, yMax, leftTicks]
-  );
   const y2Scale = useMemo(
     () => rightDomain === null ? null : buildYScale(y2, rightDomain, yMax, rightTicks),
     [y2, rightDomain, yMax, rightTicks]
   );
-  const tickValues = useMemo(
-    () => xTickValues !== void 0 ? [...xTickValues(keys, xMax)] : xTicks === void 0 ? (
-      // A rotated label stacks diagonally instead of beside its neighbour, so its WIDTH no
-      // longer governs tick spacing — the constant floor takes over, exactly as before.
-      smartTicks(keys, xMax, rotate === 0 ? xLabelPx : void 0)
-    ) : smartTicksEvery(keys, xTicks),
-    [keys, xMax, xTicks, xTickValues, xLabelPx, rotate]
-  );
+  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 svgRef = useRef(null);
   const tooltipEnabled = tooltip !== false;
   const tooltipCfg = tooltip === false ? void 0 : tooltip;
   const point = cursor.point;
@@ -285,10 +392,13 @@ function CartesianPlot({
     ),
     [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 || 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 };
@@ -306,94 +416,114 @@ function CartesianPlot({
     highlighted
   };
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("svg", { ref: svgRef, width: plot.width, height: plot.height, 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,
+    /* @__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,
             {
-              cx: cursorX,
-              cy,
-              color: marker?.color ?? s.color,
-              ...marker?.r !== void 0 && { r: marker.r }
+              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
             },
-            s.key
-          );
-        })
-      ] }),
-      /* @__PURE__ */ jsx(
-        AxisLeftNumeric,
-        {
-          scale: yScale,
-          numTicks: leftTicks,
-          tickFormat: (v) => leftFormat(Number(v))
-        }
-      ),
-      y2Scale !== null && /* @__PURE__ */ jsx(
-        AxisRightNumeric,
-        {
-          scale: y2Scale,
-          left: xMax,
-          numTicks: rightTicks,
-          tickFormat: (v) => rightFormat(Number(v))
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        AxisBottomDate,
-        {
-          top: yMax,
-          scale: xScale,
-          tickValues,
-          tickFormat: (v) => formatX(String(v)),
-          ...rotate !== 0 && { rotate }
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        HoverOverlay,
-        {
-          width: xMax,
-          height: yMax,
-          onMove: cursor.onPointerMove,
-          onLeave: cursor.onPointerLeave,
-          onKeyDown: cursor.onKeyDown,
-          onBlur: cursor.onBlur,
-          valueMax: Math.max(data.length - 1, 0),
-          ...point !== null && {
-            valueNow: data.indexOf(point),
-            valueText: formatX(getX(point))
-          },
-          ...ariaLabel !== void 0 && { ariaLabel }
-        }
-      )
-    ] }) }),
+            `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,
@@ -407,18 +537,7 @@ function CartesianPlot({
       ),
       /* @__PURE__ */ jsxs(TooltipBody, { children: [
         tooltipCfg?.prependRows?.(point, { visible, hidden }),
-        rows.map((row) => /* @__PURE__ */ jsx(
-          TooltipRow,
-          {
-            color: row.color,
-            label: row.label,
-            value: row.value,
-            shape: row.shape,
-            dashed: row.dashed,
-            ...row.strokeWidth !== void 0 && { strokeWidth: row.strokeWidth }
-          },
-          row.key
-        )),
+        /* @__PURE__ */ jsx(TooltipRows, { rows }),
         tooltipCfg?.extraRows?.(point, { visible, hidden })
       ] })
     ] })

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

@@ -1,17 +1,3 @@
-/**
- * Standard wrapper for every visx chart (docs/CONTROLS-SPEC.md §2.2) — card with a `WidgetHeader
- * 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/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
- * sizes itself (`size="ctl"` internally), and a raw Mantine element is not auto-tiered.
- *
- * The header renders only when at least one of title/info/value/actions/icon/count is set — ending
- * the `''`-as-hidden-header sentinel a consumer used to reach for otherwise.
- */
 import type { ReactNode } from 'react';
 import type { BasaltProps, SlotStylesProps } from '../../common/props.js';
 import type { DeltaPolarity } from '../../dashboard/delta-badge.js';

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,6BAA6B,CAAA;AAEhE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AA0ChD;;;;;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"}
+{"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"}