basalt-ui 1.41.0 → 2.0.0

package/dist/charts/primitives/ChartLegend.js

@@ -1,292 +0,0 @@
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { useCoarsePointer } from "../../common/use-media-query.js";
-import { alpha, VX } from "../../tokens/index.js";
-import { DOTS_HIT_GAP, LEGEND_DOT_SIZE, LEGEND_ROW_GAP, orderEntries } from "./chart-frame-layout.js";
-import { useChartMetrics } from "./chart-tier.js";
-import { LegendDisclosure, useLegendDisclosure } from "./legend-disclosure.js";
-const LEGEND_ITEM_BASE = {
-  display: "flex",
-  alignItems: "center",
-  gap: 6,
-  cursor: "default",
-  transition: "opacity 0.15s"
-};
-const LEGEND_ITEM_BUTTON = {
-  ...LEGEND_ITEM_BASE,
-  appearance: "none",
-  background: "none",
-  border: "none",
-  padding: 0,
-  margin: 0,
-  font: "inherit",
-  color: "inherit",
-  textAlign: "inherit"
-};
-const NO_HIDDEN = /* @__PURE__ */ new Set();
-function wrapperStyle(placement, fontSize, dots) {
-  const vertical = placement === "left" || placement === "right";
-  const gap = dots ? DOTS_HIT_GAP : VX.legendGap;
-  return {
-    display: "flex",
-    flexDirection: vertical ? "column" : "row",
-    flexWrap: vertical ? "nowrap" : "wrap",
-    alignItems: vertical ? "flex-start" : "center",
-    justifyContent: "flex-start",
-    columnGap: gap,
-    // Always the tight row gap (R2C-9): the wider dots COLUMN gap is a hit-overlap cap, not
-    // breathing room between wrapped rows — a dots-mode header legend is 1 row by law
-    // (`LEGEND_ROWS.header` in `chart-layout.ts`) anyway, so this only ever shows in the band.
-    rowGap: LEGEND_ROW_GAP,
-    // Caps each entry's `[data-basalt-hit]` overlay at the real inter-entry gap (styles.css).
-    ...{ "--vx-hit-gap": `${gap}px` },
-    // A dots-mode row has no text baseline to breathe around — the header-fold law (wave 8) is
-    // the reason this row exists at all, so it gets the same tight treatment.
-    padding: dots ? "4px 0 2px" : "8px 0 2px",
-    fontSize,
-    color: VX.muted
-  };
-}
-function LegendDivider({ columnLayout }) {
-  return /* @__PURE__ */ jsx(
-    "span",
-    {
-      "aria-hidden": true,
-      style: columnLayout ? { width: "100%", height: 1, backgroundColor: alpha(VX.neutral, 0.25), margin: "2px 0" } : { width: 1, alignSelf: "stretch", backgroundColor: alpha(VX.neutral, 0.25) }
-    }
-  );
-}
-function LegendSwatch({ item, idPrefix }) {
-  if (item.shape === "splitLine") {
-    return /* @__PURE__ */ jsxs("svg", { width: 20, height: 14, style: { flexShrink: 0 }, children: [
-      /* @__PURE__ */ jsx(
-        "line",
-        {
-          x1: 0,
-          y1: 7,
-          x2: 10,
-          y2: 7,
-          stroke: item.color,
-          strokeWidth: item.strokeWidth ?? 2.5,
-          strokeOpacity: item.strokeOpacity ?? 1,
-          strokeDasharray: item.dashed ? VX.dashArray : void 0
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "line",
-        {
-          x1: 10,
-          y1: 7,
-          x2: 20,
-          y2: 7,
-          stroke: item.secondColor,
-          strokeWidth: item.strokeWidth ?? 2.5,
-          strokeOpacity: item.strokeOpacity ?? 1,
-          strokeDasharray: item.dashed ? VX.dashArray : void 0
-        }
-      )
-    ] });
-  }
-  if (item.shape === "split") {
-    const topId = `split-top-${idPrefix}${item.key}`;
-    const botId = `split-bot-${idPrefix}${item.key}`;
-    return /* @__PURE__ */ jsxs("svg", { width: 14, height: 14, style: { flexShrink: 0 }, children: [
-      /* @__PURE__ */ jsxs("defs", { children: [
-        /* @__PURE__ */ jsx("clipPath", { id: topId, children: /* @__PURE__ */ jsx("polygon", { points: "0,0 14,0 0,14" }) }),
-        /* @__PURE__ */ jsx("clipPath", { id: botId, children: /* @__PURE__ */ jsx("polygon", { points: "14,0 14,14 0,14" }) })
-      ] }),
-      /* @__PURE__ */ jsx("rect", { width: 14, height: 14, rx: 2, fill: item.color, clipPath: `url(#${topId})` }),
-      /* @__PURE__ */ jsx("rect", { width: 14, height: 14, rx: 2, fill: item.secondColor, clipPath: `url(#${botId})` })
-    ] });
-  }
-  if (item.shape === "bar") {
-    return /* @__PURE__ */ jsx(
-      "span",
-      {
-        style: {
-          width: 11,
-          height: 11,
-          borderRadius: 3,
-          // theme-allow raw-surface — sub-scale legend-swatch corner, below the 4px radius floor
-          backgroundColor: item.color,
-          opacity: item.fillOpacity ?? 0.7,
-          flexShrink: 0
-        }
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx("svg", { width: 16, height: 6, style: { flexShrink: 0 }, children: /* @__PURE__ */ jsx(
-    "line",
-    {
-      x1: 0,
-      y1: 3,
-      x2: 16,
-      y2: 3,
-      stroke: item.color,
-      strokeWidth: item.strokeWidth ?? 3,
-      strokeOpacity: item.strokeOpacity ?? 1,
-      strokeLinecap: "round",
-      strokeDasharray: item.dashed ? VX.dashArray : void 0
-    }
-  ) });
-}
-const LEGEND_NOTE_STYLE = {
-  opacity: 0.75
-};
-const LEGEND_CHILD_STYLE = {
-  display: "flex",
-  alignItems: "center",
-  gap: 4,
-  marginLeft: 4,
-  fontSize: "0.85em",
-  opacity: 0.75
-};
-function LegendDot({ item }) {
-  return /* @__PURE__ */ jsx(
-    "span",
-    {
-      style: {
-        width: LEGEND_DOT_SIZE,
-        height: LEGEND_DOT_SIZE,
-        borderRadius: "50%",
-        // theme-allow raw-surface — a circle shape, not a surface corner
-        backgroundColor: item.color,
-        flexShrink: 0
-      }
-    }
-  );
-}
-function LegendChildSwatch({ item }) {
-  if (item.shape === "bar") {
-    return /* @__PURE__ */ jsx(
-      "span",
-      {
-        style: {
-          width: 10,
-          height: 10,
-          borderRadius: 2,
-          // theme-allow raw-surface — sub-scale legend-swatch corner, below the 4px radius floor
-          backgroundColor: item.color,
-          opacity: item.fillOpacity ?? 0.7,
-          flexShrink: 0
-        }
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx("svg", { width: 14, height: 10, style: { flexShrink: 0 }, children: /* @__PURE__ */ jsx(
-    "line",
-    {
-      x1: 0,
-      y1: 5,
-      x2: 14,
-      y2: 5,
-      stroke: item.color,
-      strokeWidth: item.strokeWidth ?? 2,
-      strokeOpacity: item.strokeOpacity ?? 1,
-      strokeDasharray: item.dashed ? VX.dashArray : void 0
-    }
-  ) });
-}
-function LegendChild({ item }) {
-  return /* @__PURE__ */ jsxs("span", { style: LEGEND_CHILD_STYLE, children: [
-    /* @__PURE__ */ jsx(LegendChildSwatch, { item }),
-    /* @__PURE__ */ jsx("span", { children: item.label }),
-    item.note ? /* @__PURE__ */ jsx("span", { children: item.note }) : null
-  ] });
-}
-function ChartLegend({
-  items,
-  highlighted = null,
-  onHighlight,
-  hidden = NO_HIDDEN,
-  onToggle,
-  chartId = "",
-  placement = "bottom",
-  groups = false,
-  maxRows,
-  mode = "chips",
-  className,
-  style
-}) {
-  const tier = useChartMetrics();
-  const coarse = useCoarsePointer();
-  const { open, panelId, openFrom, close, panel } = useLegendDisclosure(coarse);
-  const handleEnter = (key) => onHighlight?.(key);
-  const handleLeave = () => onHighlight?.(null);
-  const idPrefix = chartId ? `${chartId}-` : "";
-  const vertical = placement === "left" || placement === "right";
-  const { entries, dividerAfter } = orderEntries(items, groups);
-  const rolledUp = maxRows === void 0 ? 0 : Math.max(entries.length - maxRows, 0);
-  const visible = rolledUp > 0 ? entries.slice(0, maxRows) : entries;
-  const entryButton = (item, inPanel = false) => {
-    const isDotTrigger = !inPanel && mode === "dots";
-    return /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        "data-basalt-hit": true,
-        ...!inPanel && { "data-legend-key": item.key },
-        "aria-label": item.note ? `${item.label} \u2014 ${item.note}` : item.label,
-        ...isDotTrigger && { title: item.label, "aria-haspopup": "dialog" },
-        ...isDotTrigger ? { "aria-expanded": open, "aria-controls": panelId } : onToggle !== void 0 && { "aria-pressed": !hidden.has(item.key) },
-        style: {
-          ...LEGEND_ITEM_BUTTON,
-          cursor: onToggle === void 0 && !isDotTrigger ? "default" : "pointer",
-          // Toggled-off wins over hover-dimming: a hidden series must read as hidden even while
-          // it is the one being hovered.
-          opacity: hidden.has(item.key) ? 0.35 : highlighted === null || highlighted === item.key ? 1 : 0.3,
-          textDecoration: hidden.has(item.key) ? "line-through" : "none"
-        },
-        ...isDotTrigger ? { onClick: (e) => openFrom(e.currentTarget) } : onToggle !== void 0 && { onClick: () => onToggle(item.key) },
-        onMouseEnter: () => handleEnter(item.key),
-        onMouseLeave: handleLeave,
-        onFocus: () => handleEnter(item.key),
-        onBlur: handleLeave,
-        children: !inPanel && mode === "dots" ? /* @__PURE__ */ jsx(LegendDot, { item }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(LegendSwatch, { item, idPrefix: inPanel ? `${idPrefix}disclosure-` : idPrefix }),
-          /* @__PURE__ */ jsx("span", { children: item.label }),
-          item.note ? /* @__PURE__ */ jsx("span", { style: LEGEND_NOTE_STYLE, children: item.note }) : null,
-          item.children?.map((child) => /* @__PURE__ */ jsx(LegendChild, { item: child }, child.key))
-        ] })
-      },
-      item.key
-    );
-  };
-  const nodes = [];
-  visible.forEach((item, i) => {
-    nodes.push(entryButton(item));
-    if (dividerAfter.has(i))
-      nodes.push(/* @__PURE__ */ jsx(LegendDivider, { columnLayout: vertical }, `divider-${item.key}`));
-  });
-  if (rolledUp > 0) {
-    nodes.push(
-      /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          "data-basalt-hit": true,
-          "aria-expanded": open,
-          "aria-haspopup": "dialog",
-          "aria-controls": panelId,
-          onClick: (e) => open ? close() : openFrom(e.currentTarget),
-          style: { ...LEGEND_ITEM_BUTTON, cursor: "pointer", textDecoration: "underline" },
-          children: `All ${entries.length}`
-        },
-        "legend-more"
-      )
-    );
-  }
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      ...className !== void 0 && { className },
-      style: { ...wrapperStyle(placement, tier.legendFontSize, mode === "dots"), ...style },
-      children: [
-        nodes,
-        /* @__PURE__ */ jsx(LegendDisclosure, { ...panel, fontSize: tier.legendFontSize, children: entries.map((item) => entryButton(item, true)) })
-      ]
-    }
-  );
-}
-export {
-  ChartLegend
-};

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

@@ -1,113 +0,0 @@
-import type { ReactNode } from 'react';
-import type { BasaltProps } from '../../common/props.js';
-export type ChartCenterProps = BasaltProps & {
-    /** 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;
-};
-/**
- * Minimal layout primitive: centers `children` inside a `width` × `height` box. Exists because
- * `src/charts/**` cannot import Mantine's `Flex`/`Group`/`Center` (the Mantine-free boundary), so
- * there was previously nothing to reach for when a chart file needed to center something. Not a
- * general layout system — width, height, children, nothing else.
- */
-export declare function ChartCenter({ width, height, className, style, children, }: ChartCenterProps): ReactNode;
-export type ChartPendingProps = BasaltProps & {
-    width: number | string;
-    height: number;
-    /** Default `'Loading…'`. */
-    label?: string;
-};
-/**
- * The placeholder for a chart whose data hasn't arrived yet — the third "nothing to draw" state
- * alongside measured-and-empty and measured-and-absent (a real gap in coverage). Collapsing an
- * in-flight query into either of those (the `data ?? []` idiom) densifies it into a fully-hatched
- * "not measured" window: a positive claim that the series WAS watched and carried nothing, when in
- * fact it was never asked. `ChartPending` makes "not asked yet" its own rendered state instead of
- * borrowing one of the other two.
- *
- * Reserves exactly the plot's footprint and draws NOTHING that could be mistaken for a
- * measurement — no axes, no gridlines, no hatching, no data marks — just a faint, static, centered
- * label. No animation: the package's motion doctrine bans looping/pulsing idle motion, so a static
- * reserved box is the correct answer here, not a compromise.
- *
- * The label is `role="status"` (polite), so a screen reader hears the chart resolve through all
- * three states rather than only its failure: `ChartError` was `role="alert"` and its two siblings
- * were silent, which announced the one outcome and swallowed the other two. Polite, not assertive —
- * a loading placeholder must not interrupt what the reader is already being told.
- */
-export declare function ChartPending({ width, height, label, className, style, }: ChartPendingProps): ReactNode;
-/**
- * The three "nothing to draw" states a chart can be in, in ONE prop — the shape a
- * `@tanstack/react-query` result (or anything derived from one) already has.
- *
- * It exists because the answer that already existed, `dashboard/QueryState`, renders Mantine and
- * therefore cannot be reached from `./charts` at all (the Mantine-free boundary). A chart consumer
- * without that import was left writing the four-way branch by hand, which is the exact bug
- * `QueryState` was built for: the shape suggests `empty` and a 500 renders "No data".
- *
- * Precedence is fixed and is the whole product: **pending → error → empty**. A refetch that is
- * both in flight and carrying a stale error is pending, not failed; a query that errored has no
- * standing to claim its result was empty.
- */
-export type ChartState = {
-    /** The query has not resolved yet. Wins over every other flag. */
-    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. `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;
-/**
- * Resolve {@link ChartState} (plus the older standalone `isPending` flag, which stays a supported
- * alias) into the ONE placeholder to render. Pure and exported so a hand-composed plot applies the
- * same precedence rather than re-deriving it.
- */
-export declare function resolveChartState(input: {
-    state?: ChartState;
-    isPending?: boolean;
-}): ResolvedChartState;
-export type ChartEmptyProps = BasaltProps & {
-    width: number | string;
-    height: number;
-    /** Default `'No data'`. */
-    label?: string;
-    /** Optional affordance under the label — a "clear filters" button, a range reset. Rendered as
-     * given: this layer is Mantine-free, so the caller owns whatever it puts here. */
-    action?: ReactNode;
-};
-/**
- * Measured and EMPTY — the query resolved and there is nothing to plot. Distinct from
- * {@link ChartPending} ("not asked yet") and from a hatched absence ("watched, measured nothing"):
- * collapsing any of the three into another is the honesty bug this trio exists to prevent.
- *
- * Same footprint discipline as `ChartPending`: it reserves the plot rect and draws nothing that
- * could be read as a measurement — no axes, no gridlines, no marks. Announced `role="status"`
- * (polite) like `ChartPending`, so the resolution is heard; only `ChartError` is an `alert`.
- */
-export declare function ChartEmpty({ width, height, label, action, className, style, }: ChartEmptyProps): ReactNode;
-export type ChartErrorProps = BasaltProps & {
-    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. */
-    label?: string;
-    /** The thrown value, used for the default label. */
-    error?: unknown;
-    /** Optional affordance under the label — typically a retry. */
-    action?: ReactNode;
-};
-/**
- * Measured and FAILED. The branch a hand-written chart switch reliably gets wrong — a 500 rendered
- * as "No data" is a positive claim that the server answered and had nothing, which it did not.
- */
-export declare function ChartError({ width, height, label, error, action, className, style, }: ChartErrorProps): ReactNode;
-//# sourceMappingURL=ChartPending.d.ts.map

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

@@ -1 +0,0 @@
-{"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

@@ -1,117 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { VX } from "../../tokens/index.js";
-const centerStyle = (width, height) => ({
-  width,
-  height,
-  display: "flex",
-  alignItems: "center",
-  justifyContent: "center"
-});
-function ChartCenter({
-  width,
-  height,
-  className,
-  style,
-  children
-}) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      ...className !== void 0 && { className },
-      style: { ...centerStyle(width, height), ...style },
-      children
-    }
-  );
-}
-const labelStyle = {
-  color: VX.faint,
-  fontSize: VX.text.sm
-};
-function ChartPending({
-  width,
-  height,
-  label = "Loading\u2026",
-  className,
-  style
-}) {
-  return /* @__PURE__ */ jsx(
-    ChartCenter,
-    {
-      width,
-      height,
-      ...className !== void 0 && { className },
-      ...style !== void 0 && { style },
-      children: /* @__PURE__ */ jsx("span", { style: labelStyle, role: "status", children: label })
-    }
-  );
-}
-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) return "empty";
-  return null;
-}
-const stackStyle = {
-  display: "flex",
-  flexDirection: "column",
-  alignItems: "center",
-  gap: 8
-};
-function ChartEmpty({
-  width,
-  height,
-  label = "No data",
-  action,
-  className,
-  style
-}) {
-  return /* @__PURE__ */ jsx(
-    ChartCenter,
-    {
-      width,
-      height,
-      ...className !== void 0 && { className },
-      ...style !== void 0 && { style },
-      children: /* @__PURE__ */ jsxs("span", { style: stackStyle, role: "status", children: [
-        /* @__PURE__ */ jsx("span", { style: labelStyle, children: label }),
-        action
-      ] })
-    }
-  );
-}
-function errorLabel(error) {
-  if (error instanceof Error && error.message !== "") return error.message;
-  if (typeof error === "string" && error !== "") return error;
-  return "Could not load chart";
-}
-function ChartError({
-  width,
-  height,
-  label,
-  error,
-  action,
-  className,
-  style
-}) {
-  return /* @__PURE__ */ jsx(
-    ChartCenter,
-    {
-      width,
-      height,
-      ...className !== void 0 && { className },
-      ...style !== void 0 && { style },
-      children: /* @__PURE__ */ jsxs("span", { style: stackStyle, role: "alert", children: [
-        /* @__PURE__ */ jsx("span", { style: labelStyle, children: label ?? errorLabel(error) }),
-        action
-      ] })
-    }
-  );
-}
-export {
-  ChartCenter,
-  ChartEmpty,
-  ChartError,
-  ChartPending,
-  resolveChartState
-};

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

@@ -1,59 +0,0 @@
-import type { ReactNode } from 'react';
-import type { TooltipRowData } from '../series.js';
-/** Tooltip header — shows formatted date + optional right-aligned label with color. */
-export declare function TooltipHeader({ date, label, labelColor, format, }: {
-    date: string;
-    label?: string;
-    labelColor?: string;
-    /** Overrides `fmtTooltipDate` for the header text. Default: today's `fmtTooltipDate` behavior,
-     * unchanged. The seam exists because `fmtTooltipDate` regexes `YYYY-MM-DD` out of the key and
-     * builds a LOCAL `Date`, so a UTC ISO domain key names the wrong day next to `formatX`/the
-     * tooltip badge, which both resolve locally — a caller with a UTC key needs to supply its own. */
-    format?: (date: string) => string;
-}): import("react").JSX.Element;
-/** Tooltip row — swatch + label + value. */
-export declare function TooltipRow({ color, label, value, valueColor, shape, strokeWidth, dashed, }: {
-    color: string;
-    label: string;
-    value: string;
-    valueColor?: string;
-    shape?: 'dot' | 'line' | 'bar';
-    strokeWidth?: number;
-    /** Render the line swatch as dashed (only applies to shape='line'). */
-    dashed?: boolean;
-}): import("react").JSX.Element;
-/** The derived rows (`deriveTooltipRows`), one {@link TooltipRow} each. */
-export declare function TooltipRows({ rows }: {
-    rows: readonly TooltipRowData[];
-}): import("react").JSX.Element[];
-export declare function TooltipBody({ children }: {
-    children: ReactNode;
-}): import("react").JSX.Element;
-/**
- * Floating tooltip positioned against a viewport-space anchor, with flip + clamp handled once for
- * every chart instead of per call site (this used to be recomputed inside each chart's own `useChartTooltip`, and only for
- * charts that remembered to use it).
- *
- * The box is measured after mount via `useLayoutEffect`, so the first paint of a given tooltip is
- * hidden rather than misplaced — a tooltip that flashes at the wrong corner reads as a bug.
- *
- * **It renders NOTHING on the server.** `createPortal` throws outright in `react-dom/server`
- * ("Portals are not currently supported by the server renderer"), and an unconditional portal made
- * this the single component in the package that could not be server-rendered. The guard is
- * {@link useIsClient}, not a `typeof document` check: under a DOM-preloaded test runner `document`
- * exists while `renderToString` still refuses portals. A tooltip is a hover artifact with nothing
- * to emit server-side, so rendering nothing is the whole fix, not a degradation.
- */
-export declare function ChartTooltipFloat({ anchor, ariaLive, children, }: {
-    anchor: {
-        x: number;
-        y: number;
-    } | null;
-    /** Whether this tooltip announces itself to screen readers on every position change. Default
-     * true. Pass false for a cursor FOLLOWER's tooltip — N followers on a shared-cursor page all
-     * announcing on every pointer move would make the page unusable with a screen reader; only the
-     * cursor SOURCE should be `aria-live`. */
-    ariaLive?: boolean;
-    children: ReactNode;
-}): import("react").ReactPortal | null;
-//# sourceMappingURL=ChartTooltip.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ChartTooltip.d.ts","sourceRoot":"","sources":["../../../src/charts/primitives/ChartTooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAA;AAIrD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AAoB/C,uFAAuF;AACvF,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,KAAK,EACL,UAAU,EACV,MAAuB,GACxB,EAAE;IACD,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB;;;sGAGkG;IAClG,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAA;CAClC,+BAoCA;AAED,4CAA4C;AAC5C,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,KAAK,EACL,KAAK,EACL,UAAU,EACV,KAAK,EACL,WAAW,EACX,MAAM,GACP,EAAE;IACD,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,KAAK,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,KAAK,CAAA;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,uEAAuE;IACvE,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,+BA0CA;AAED,2EAA2E;AAC3E,wBAAgB,WAAW,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,SAAS,cAAc,EAAE,CAAA;CAAE,iCAYxE;AAED,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,+BAEhE;AAsBD;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,MAAM,EACN,QAAe,EACf,QAAQ,GACT,EAAE;IACD,MAAM,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAA;IACvC;;;8CAG0C;IAC1C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,EAAE,SAAS,CAAA;CACpB,sCA2DA"}