@frontera-sdk/chat-ui 1.50.79 → 1.50.80

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@frontera-sdk/chat-ui",
-  "version": "1.50.79",
+  "version": "1.50.80",
   "description": "Ready-made React components for embedding a Frontera agent conversation — message rendering, tool calls, artifacts and composer.",
   "keywords": [
     "frontera",
@@ -81,7 +81,7 @@
   "scripts": {
     "test": "bun test",
     "typecheck": "bunx tsc --noEmit",
-    "vendor": "bun run scripts/copy-chat-surface.ts && bun run scripts/vendor-icons.ts && bun run scripts/vendor-theme.ts",
+    "vendor": "bun run scripts/vendor-icons.ts && bun run scripts/vendor-theme.ts",
     "build:css": "bunx @tailwindcss/cli -i src/tailwind.css -o dist/platform.css --minify && bun run scripts/build-css.ts && bun run scripts/scope-css.ts",
     "prepublishOnly": "bun run build",
     "check:externals": "bun run scripts/check-externals.ts",
@@ -89,8 +89,8 @@
   },
   "dependencies": {
     "@elysiajs/eden": "^1.4.9",
-    "@frontera-sdk/chat": "1.50.79",
-    "@frontera-sdk/core": "1.50.79",
+    "@frontera-sdk/chat": "1.50.80",
+    "@frontera-sdk/core": "1.50.80",
     "@radix-ui/react-alert-dialog": "^1.1.23",
     "@radix-ui/react-collapsible": "^1.1.12",
     "@radix-ui/react-compose-refs": "^1.1.5",
@@ -140,6 +140,9 @@
     "react-dom": "^19.0.0"
   },
   "devDependencies": {
+    "@frontera/chat": "0.1.0",
+    "@frontera/icons": "0.1.0",
+    "@frontera/platform-kit": "0.1.0",
     "@happy-dom/global-registrator": "^20.11.1",
     "@tailwindcss/cli": "^4.3.3",
     "@tailwindcss/typography": "^0.5.19",

package/dist/chunk-6BPHEBCF.js

@@ -1,639 +0,0 @@
-'use client';
-import { useRef, useState, useEffect, Component } from 'react';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-// src/vendor/plugins/charts/chart-utils.tsx
-var SERIES_COLORS = [
-  "var(--chart-1)",
-  "var(--chart-2)",
-  "var(--chart-3)",
-  "var(--chart-4)",
-  "var(--chart-5)",
-  "var(--chart-6)",
-  "var(--chart-7)",
-  "var(--chart-8)",
-  "var(--chart-9)",
-  "var(--chart-10)"
-];
-function formatCompact(value) {
-  if (typeof value !== "number" || !Number.isFinite(value)) {
-    return String(value ?? "");
-  }
-  const abs = Math.abs(value);
-  if (abs >= 1e9) return (value / 1e9).toFixed(1).replace(/\.0$/, "") + "B";
-  if (abs >= 1e6) return (value / 1e6).toFixed(1).replace(/\.0$/, "") + "M";
-  if (abs >= 1e3) return (value / 1e3).toFixed(1).replace(/\.0$/, "") + "K";
-  return value.toLocaleString();
-}
-var FALLBACK_HEX = [
-  "#e25d33",
-  "#2a9d8f",
-  "#264653",
-  "#e9c46a",
-  "#f4a261",
-  "#d94f9e",
-  "#f07623",
-  "#14a383",
-  "#5b5ce6",
-  "#0d8ecf"
-];
-function resolveColor(index, customColors) {
-  if (customColors && customColors[index]) return customColors[index];
-  return SERIES_COLORS[index % SERIES_COLORS.length];
-}
-function useChartColors(count) {
-  const ref = useRef(null);
-  const [colors, setColors] = useState(
-    () => FALLBACK_HEX.slice(0, count)
-  );
-  useEffect(() => {
-    const el = ref.current ?? document.documentElement;
-    const resolved = [];
-    for (let i = 0; i < count; i++) {
-      const varName = `--chart-${i + 1}`;
-      const raw = getComputedStyle(el).getPropertyValue(varName).trim();
-      if (raw) {
-        const temp = document.createElement("div");
-        temp.style.color = raw;
-        document.body.appendChild(temp);
-        const computed = getComputedStyle(temp).color;
-        document.body.removeChild(temp);
-        resolved.push(computed || FALLBACK_HEX[i % FALLBACK_HEX.length]);
-      } else {
-        resolved.push(FALLBACK_HEX[i % FALLBACK_HEX.length]);
-      }
-    }
-    setColors(resolved);
-  }, [count]);
-  return colors;
-}
-function ChartTooltipContent({
-  active,
-  payload,
-  label,
-  formatter
-}) {
-  if (!active || !payload?.length) return null;
-  return (
-    // `border` alone resolves to currentColor, which inherits whatever the host
-    // paints with — subtle inside recharts' own wrapper, a hard white outline
-    // anywhere else. Name the token so the box looks the same wherever it is
-    // mounted.
-    /* @__PURE__ */ jsxs("div", { className: "rounded-md border border-border bg-surface-overlay px-3 py-2 text-xs text-popover-foreground shadow-md", children: [
-      label != null && label !== "" && /* @__PURE__ */ jsx("div", { className: "mb-1 font-medium", children: label instanceof Date ? label.toLocaleDateString() : String(label) }),
-      /* @__PURE__ */ jsx("div", { className: "flex max-h-64 flex-col gap-0.5 overflow-y-auto overscroll-contain scrollbar", children: payload.map((item, i) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx(
-          "span",
-          {
-            className: "inline-block h-2.5 w-2.5 rounded-full",
-            style: { backgroundColor: item.color }
-          }
-        ),
-        /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground", children: [
-          item.name ?? item.dataKey,
-          ":"
-        ] }),
-        /* @__PURE__ */ jsx("span", { className: "font-medium", children: formatter && item.value != null ? formatter(item.value) : String(item.value ?? "") })
-      ] }, i)) })
-    ] })
-  );
-}
-var ChartErrorBoundary = class extends Component {
-  constructor(props) {
-    super(props);
-    this.state = { hasError: false };
-  }
-  static getDerivedStateFromError() {
-    return { hasError: true };
-  }
-  render() {
-    if (this.state.hasError) {
-      return this.props.fallback;
-    }
-    return this.props.children;
-  }
-};
-var RECHARTS_THEME_CLS = "[&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-hidden [&_.recharts-sector]:outline-hidden [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-surface]:outline-hidden [&_.recharts-legend-item-text]:!text-muted-foreground text-xs";
-function RawJsonFallback({ content }) {
-  return /* @__PURE__ */ jsx("pre", { className: "overflow-auto rounded-md bg-muted p-3 text-xs text-muted-foreground", children: /* @__PURE__ */ jsx("code", { children: content }) });
-}
-var SKELETON_LABELS = {
-  datatable: "Crafting data table\u2026",
-  "chart-line": "Crafting chart\u2026",
-  "chart-bar": "Crafting chart\u2026",
-  "chart-pie": "Crafting chart\u2026",
-  "chart-funnel": "Crafting chart\u2026",
-  scorecard: "Crafting scorecard\u2026",
-  "force-field": "Crafting diagram\u2026",
-  "vega-chart": "Crafting chart\u2026"
-};
-function TableSkeleton() {
-  return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-    /* @__PURE__ */ jsx("div", { className: "h-8 rounded bg-muted animate-pulse" }),
-    Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsxs("div", { className: "flex gap-3", children: [
-      /* @__PURE__ */ jsx("div", { className: "h-6 flex-[2] rounded bg-muted/60 animate-pulse" }),
-      /* @__PURE__ */ jsx("div", { className: "h-6 flex-1 rounded bg-muted/60 animate-pulse" }),
-      /* @__PURE__ */ jsx("div", { className: "h-6 flex-1 rounded bg-muted/60 animate-pulse" })
-    ] }, i))
-  ] });
-}
-function ChartSkeleton() {
-  return /* @__PURE__ */ jsxs("div", { className: "flex items-end gap-1.5 h-[180px] pt-4 pb-2 px-2", children: [
-    /* @__PURE__ */ jsx("div", { className: "w-px h-full bg-muted-foreground/20" }),
-    [60, 80, 45, 90, 70, 55, 85].map((h, i) => /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: "flex-1 rounded-t bg-muted animate-pulse",
-        style: { height: `${h}%` }
-      },
-      i
-    ))
-  ] });
-}
-function ScorecardSkeleton() {
-  return /* @__PURE__ */ jsx("div", { className: "grid grid-cols-3 gap-3", children: Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsxs("div", { className: "space-y-2 p-3 rounded-md bg-muted/30", children: [
-    /* @__PURE__ */ jsx("div", { className: "h-3 w-16 rounded bg-muted animate-pulse" }),
-    /* @__PURE__ */ jsx("div", { className: "h-6 w-24 rounded bg-muted animate-pulse" }),
-    /* @__PURE__ */ jsx("div", { className: "h-3 w-12 rounded bg-muted/60 animate-pulse" })
-  ] }, i)) });
-}
-function SkeletonContent({ type }) {
-  if (type === "datatable") return /* @__PURE__ */ jsx(TableSkeleton, {});
-  if (type === "scorecard") return /* @__PURE__ */ jsx(ScorecardSkeleton, {});
-  return /* @__PURE__ */ jsx(ChartSkeleton, {});
-}
-function ChartBlockSkeleton({ type }) {
-  const label = SKELETON_LABELS[type] ?? "Loading\u2026";
-  return /* @__PURE__ */ jsxs("div", { className: "my-4 w-full p-4 rounded-xl border bg-surface-raised", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mb-3", children: [
-      /* @__PURE__ */ jsxs(
-        "svg",
-        {
-          className: "h-4 w-4 animate-spin text-muted-foreground",
-          xmlns: "http://www.w3.org/2000/svg",
-          fill: "none",
-          viewBox: "0 0 24 24",
-          children: [
-            /* @__PURE__ */ jsx(
-              "circle",
-              {
-                className: "opacity-25",
-                cx: "12",
-                cy: "12",
-                r: "10",
-                stroke: "currentColor",
-                strokeWidth: "4"
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              "path",
-              {
-                className: "opacity-75",
-                fill: "currentColor",
-                d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
-              }
-            )
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: label })
-    ] }),
-    /* @__PURE__ */ jsx(SkeletonContent, { type })
-  ] });
-}
-
-// src/vendor/plugins/vega-chart/vega-theme.ts
-var QUALITATIVE_COLORS = [
-  "#5b8dee",
-  // blue
-  "#3dab82",
-  // teal
-  "#e8883e",
-  // orange
-  "#9b7ef5",
-  // purple
-  "#e05c78",
-  // rose
-  "#3ab5cc",
-  // cyan
-  "#a4b83a",
-  // olive-lime
-  "#d47a4a",
-  // terra
-  "#748cd4",
-  // periwinkle
-  "#4cad6a",
-  // green
-  "#c47eb5",
-  // mauve
-  "#d4a43e",
-  // gold
-  "#e87860",
-  // coral
-  "#4890c4",
-  // steel blue
-  "#8eb43e",
-  // yellow-green
-  "#b45e78",
-  // old rose
-  "#3ea8a0",
-  // teal-blue
-  "#d4784a",
-  // burnt orange
-  "#7858c4",
-  // medium violet
-  "#58a458",
-  // forest
-  "#e08898",
-  // light pink
-  "#c4a858",
-  // warm yellow
-  "#5888d4",
-  // cornflower
-  "#c46848"
-  // tomato
-];
-var PRIMARY_COLOR = "#4F46E5";
-function resolveChartColors(count = 24) {
-  if (typeof document === "undefined") return QUALITATIVE_COLORS.slice(0, count);
-  const el = document.documentElement;
-  const resolved = [];
-  for (let i = 0; i < count; i++) {
-    const raw = getComputedStyle(el).getPropertyValue(`--chart-${i + 1}`).trim();
-    if (raw) {
-      const temp = document.createElement("div");
-      temp.style.color = raw;
-      document.body.appendChild(temp);
-      const computed = getComputedStyle(temp).color;
-      document.body.removeChild(temp);
-      resolved.push(computed || QUALITATIVE_COLORS[i % QUALITATIVE_COLORS.length]);
-    } else {
-      resolved.push(QUALITATIVE_COLORS[i % QUALITATIVE_COLORS.length]);
-    }
-  }
-  return resolved;
-}
-function resolveCssVar(varName, fallback) {
-  if (typeof document === "undefined") return fallback;
-  const raw = getComputedStyle(document.documentElement).getPropertyValue(varName).trim();
-  if (!raw) return fallback;
-  const temp = document.createElement("div");
-  temp.style.color = raw;
-  document.body.appendChild(temp);
-  const computed = getComputedStyle(temp).color;
-  document.body.removeChild(temp);
-  return computed || fallback;
-}
-function buildVegaTheme({
-  legendOrientation = "top",
-  showLegend = true,
-  showTitle = true
-}) {
-  const colors = resolveChartColors(24);
-  const textColor = resolveCssVar("--foreground", "#1a1a1a");
-  const mutedColor = resolveCssVar("--muted-foreground", "#6b7280");
-  const gridColor = resolveCssVar("--border", "#e5e7eb");
-  return {
-    background: "transparent",
-    font: "Inter, sans-serif",
-    range: { category: colors },
-    axis: {
-      domain: false,
-      // No axis domain line
-      tickSize: 0,
-      // No tick marks
-      labelColor: mutedColor,
-      labelFontSize: 11,
-      labelFont: "Inter, sans-serif",
-      labelFontWeight: 400,
-      labelPadding: 12,
-      labelLimit: 200,
-      // Allow longer labels (default 160 truncates region names)
-      titleColor: textColor,
-      titleFontSize: 12,
-      titleFont: "Inter, sans-serif",
-      titleFontWeight: 500,
-      titlePadding: 10,
-      gridColor,
-      gridDash: [1]
-      // Dotted grid lines
-    },
-    axisX: {
-      grid: false
-      // No X-axis grid
-    },
-    axisY: {
-      grid: true
-      // Y-axis dotted grid only
-    },
-    // Styled unconditionally. `showLegend: false` never hid a legend — it only
-    // dropped this block — and hiding is done with `legend.disable` in
-    // `adaptSpecForMobile`. So on the phone card, which passes showLegend
-    // false, every legend that survived rendered in Vega's OWN default black:
-    // invisible on a dark card. Colours belong to the theme whether or not a
-    // caller expects a legend to appear.
-    legend: {
-      ...showLegend ? { orient: legendOrientation, direction: "horizontal" } : {},
-      labelColor: mutedColor,
-      labelFontSize: 11,
-      labelFont: "Inter, sans-serif",
-      labelFontWeight: 400,
-      titleColor: textColor,
-      titleFontSize: 12,
-      titleFont: "Inter, sans-serif",
-      titleFontWeight: 500
-    },
-    title: {
-      color: showTitle ? textColor : "transparent",
-      fontSize: 14,
-      fontWeight: 600,
-      font: "Inter, sans-serif"
-    },
-    view: {
-      stroke: "transparent"
-    },
-    bar: {
-      cornerRadiusTopLeft: 2,
-      cornerRadiusTopRight: 2
-    },
-    line: {
-      strokeWidth: 2
-    },
-    point: {
-      size: 30,
-      filled: true
-    }
-  };
-}
-function ChartReadout({
-  label,
-  total,
-  rows,
-  pinned,
-  footer
-}) {
-  return /* @__PURE__ */ jsxs("div", { className: "overflow-hidden rounded-lg border border-border bg-surface-raised", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2 border-b border-border px-3 py-1.5", children: [
-      /* @__PURE__ */ jsx("span", { className: "text-xs font-semibold", children: label }),
-      /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: total })
-    ] }),
-    pinned != null ? pinned : null,
-    /* @__PURE__ */ jsx("div", { className: "px-3 py-1", children: rows.map((r) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 py-1 text-xs", children: [
-      /* @__PURE__ */ jsx(
-        "span",
-        {
-          "aria-hidden": true,
-          className: "size-2 shrink-0 rounded-full",
-          style: { background: r.color }
-        }
-      ),
-      /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate font-mono text-[11px] text-muted-foreground", children: r.label }),
-      /* @__PURE__ */ jsx("span", { className: "font-mono font-medium tabular-nums", children: r.value }),
-      r.sub != null ? /* @__PURE__ */ jsx("span", { className: "w-12 text-right font-mono text-[11px] tabular-nums text-muted-foreground", children: r.sub }) : null
-    ] }, r.key)) }),
-    footer != null ? /* @__PURE__ */ jsx("div", { className: "border-t border-border", children: footer }) : null
-  ] });
-}
-
-// ../../node_modules/d3-format/src/formatDecimal.js
-function formatDecimal_default(x) {
-  return Math.abs(x = Math.round(x)) >= 1e21 ? x.toLocaleString("en").replace(/,/g, "") : x.toString(10);
-}
-function formatDecimalParts(x, p) {
-  if (!isFinite(x) || x === 0) return null;
-  var i = (x = p ? x.toExponential(p - 1) : x.toExponential()).indexOf("e"), coefficient = x.slice(0, i);
-  return [
-    coefficient.length > 1 ? coefficient[0] + coefficient.slice(2) : coefficient,
-    +x.slice(i + 1)
-  ];
-}
-
-// ../../node_modules/d3-format/src/exponent.js
-function exponent_default(x) {
-  return x = formatDecimalParts(Math.abs(x)), x ? x[1] : NaN;
-}
-
-// ../../node_modules/d3-format/src/formatGroup.js
-function formatGroup_default(grouping, thousands) {
-  return function(value, width) {
-    var i = value.length, t = [], j = 0, g = grouping[0], length = 0;
-    while (i > 0 && g > 0) {
-      if (length + g + 1 > width) g = Math.max(1, width - length);
-      t.push(value.substring(i -= g, i + g));
-      if ((length += g + 1) > width) break;
-      g = grouping[j = (j + 1) % grouping.length];
-    }
-    return t.reverse().join(thousands);
-  };
-}
-
-// ../../node_modules/d3-format/src/formatNumerals.js
-function formatNumerals_default(numerals) {
-  return function(value) {
-    return value.replace(/[0-9]/g, function(i) {
-      return numerals[+i];
-    });
-  };
-}
-
-// ../../node_modules/d3-format/src/formatSpecifier.js
-var re = /^(?:(.)?([<>=^]))?([+\-( ])?([$#])?(0)?(\d+)?(,)?(\.\d+)?(~)?([a-z%])?$/i;
-function formatSpecifier(specifier) {
-  if (!(match = re.exec(specifier))) throw new Error("invalid format: " + specifier);
-  var match;
-  return new FormatSpecifier({
-    fill: match[1],
-    align: match[2],
-    sign: match[3],
-    symbol: match[4],
-    zero: match[5],
-    width: match[6],
-    comma: match[7],
-    precision: match[8] && match[8].slice(1),
-    trim: match[9],
-    type: match[10]
-  });
-}
-formatSpecifier.prototype = FormatSpecifier.prototype;
-function FormatSpecifier(specifier) {
-  this.fill = specifier.fill === void 0 ? " " : specifier.fill + "";
-  this.align = specifier.align === void 0 ? ">" : specifier.align + "";
-  this.sign = specifier.sign === void 0 ? "-" : specifier.sign + "";
-  this.symbol = specifier.symbol === void 0 ? "" : specifier.symbol + "";
-  this.zero = !!specifier.zero;
-  this.width = specifier.width === void 0 ? void 0 : +specifier.width;
-  this.comma = !!specifier.comma;
-  this.precision = specifier.precision === void 0 ? void 0 : +specifier.precision;
-  this.trim = !!specifier.trim;
-  this.type = specifier.type === void 0 ? "" : specifier.type + "";
-}
-FormatSpecifier.prototype.toString = function() {
-  return this.fill + this.align + this.sign + this.symbol + (this.zero ? "0" : "") + (this.width === void 0 ? "" : Math.max(1, this.width | 0)) + (this.comma ? "," : "") + (this.precision === void 0 ? "" : "." + Math.max(0, this.precision | 0)) + (this.trim ? "~" : "") + this.type;
-};
-
-// ../../node_modules/d3-format/src/formatTrim.js
-function formatTrim_default(s) {
-  out: for (var n = s.length, i = 1, i0 = -1, i1; i < n; ++i) {
-    switch (s[i]) {
-      case ".":
-        i0 = i1 = i;
-        break;
-      case "0":
-        if (i0 === 0) i0 = i;
-        i1 = i;
-        break;
-      default:
-        if (!+s[i]) break out;
-        if (i0 > 0) i0 = 0;
-        break;
-    }
-  }
-  return i0 > 0 ? s.slice(0, i0) + s.slice(i1 + 1) : s;
-}
-
-// ../../node_modules/d3-format/src/formatPrefixAuto.js
-var prefixExponent;
-function formatPrefixAuto_default(x, p) {
-  var d = formatDecimalParts(x, p);
-  if (!d) return prefixExponent = void 0, x.toPrecision(p);
-  var coefficient = d[0], exponent = d[1], i = exponent - (prefixExponent = Math.max(-8, Math.min(8, Math.floor(exponent / 3))) * 3) + 1, n = coefficient.length;
-  return i === n ? coefficient : i > n ? coefficient + new Array(i - n + 1).join("0") : i > 0 ? coefficient.slice(0, i) + "." + coefficient.slice(i) : "0." + new Array(1 - i).join("0") + formatDecimalParts(x, Math.max(0, p + i - 1))[0];
-}
-
-// ../../node_modules/d3-format/src/formatRounded.js
-function formatRounded_default(x, p) {
-  var d = formatDecimalParts(x, p);
-  if (!d) return x + "";
-  var coefficient = d[0], exponent = d[1];
-  return exponent < 0 ? "0." + new Array(-exponent).join("0") + coefficient : coefficient.length > exponent + 1 ? coefficient.slice(0, exponent + 1) + "." + coefficient.slice(exponent + 1) : coefficient + new Array(exponent - coefficient.length + 2).join("0");
-}
-
-// ../../node_modules/d3-format/src/formatTypes.js
-var formatTypes_default = {
-  "%": (x, p) => (x * 100).toFixed(p),
-  "b": (x) => Math.round(x).toString(2),
-  "c": (x) => x + "",
-  "d": formatDecimal_default,
-  "e": (x, p) => x.toExponential(p),
-  "f": (x, p) => x.toFixed(p),
-  "g": (x, p) => x.toPrecision(p),
-  "o": (x) => Math.round(x).toString(8),
-  "p": (x, p) => formatRounded_default(x * 100, p),
-  "r": formatRounded_default,
-  "s": formatPrefixAuto_default,
-  "X": (x) => Math.round(x).toString(16).toUpperCase(),
-  "x": (x) => Math.round(x).toString(16)
-};
-
-// ../../node_modules/d3-format/src/identity.js
-function identity_default(x) {
-  return x;
-}
-
-// ../../node_modules/d3-format/src/locale.js
-var map = Array.prototype.map;
-var prefixes = ["y", "z", "a", "f", "p", "n", "\xB5", "m", "", "k", "M", "G", "T", "P", "E", "Z", "Y"];
-function locale_default(locale2) {
-  var group = locale2.grouping === void 0 || locale2.thousands === void 0 ? identity_default : formatGroup_default(map.call(locale2.grouping, Number), locale2.thousands + ""), currencyPrefix = locale2.currency === void 0 ? "" : locale2.currency[0] + "", currencySuffix = locale2.currency === void 0 ? "" : locale2.currency[1] + "", decimal = locale2.decimal === void 0 ? "." : locale2.decimal + "", numerals = locale2.numerals === void 0 ? identity_default : formatNumerals_default(map.call(locale2.numerals, String)), percent = locale2.percent === void 0 ? "%" : locale2.percent + "", minus = locale2.minus === void 0 ? "\u2212" : locale2.minus + "", nan = locale2.nan === void 0 ? "NaN" : locale2.nan + "";
-  function newFormat(specifier, options) {
-    specifier = formatSpecifier(specifier);
-    var fill = specifier.fill, align = specifier.align, sign = specifier.sign, symbol = specifier.symbol, zero = specifier.zero, width = specifier.width, comma = specifier.comma, precision = specifier.precision, trim = specifier.trim, type = specifier.type;
-    if (type === "n") comma = true, type = "g";
-    else if (!formatTypes_default[type]) precision === void 0 && (precision = 12), trim = true, type = "g";
-    if (zero || fill === "0" && align === "=") zero = true, fill = "0", align = "=";
-    var prefix = (options && options.prefix !== void 0 ? options.prefix : "") + (symbol === "$" ? currencyPrefix : symbol === "#" && /[boxX]/.test(type) ? "0" + type.toLowerCase() : ""), suffix = (symbol === "$" ? currencySuffix : /[%p]/.test(type) ? percent : "") + (options && options.suffix !== void 0 ? options.suffix : "");
-    var formatType = formatTypes_default[type], maybeSuffix = /[defgprs%]/.test(type);
-    precision = precision === void 0 ? 6 : /[gprs]/.test(type) ? Math.max(1, Math.min(21, precision)) : Math.max(0, Math.min(20, precision));
-    function format2(value) {
-      var valuePrefix = prefix, valueSuffix = suffix, i, n, c;
-      if (type === "c") {
-        valueSuffix = formatType(value) + valueSuffix;
-        value = "";
-      } else {
-        value = +value;
-        var valueNegative = value < 0 || 1 / value < 0;
-        value = isNaN(value) ? nan : formatType(Math.abs(value), precision);
-        if (trim) value = formatTrim_default(value);
-        if (valueNegative && +value === 0 && sign !== "+") valueNegative = false;
-        valuePrefix = (valueNegative ? sign === "(" ? sign : minus : sign === "-" || sign === "(" ? "" : sign) + valuePrefix;
-        valueSuffix = (type === "s" && !isNaN(value) && prefixExponent !== void 0 ? prefixes[8 + prefixExponent / 3] : "") + valueSuffix + (valueNegative && sign === "(" ? ")" : "");
-        if (maybeSuffix) {
-          i = -1, n = value.length;
-          while (++i < n) {
-            if (c = value.charCodeAt(i), 48 > c || c > 57) {
-              valueSuffix = (c === 46 ? decimal + value.slice(i + 1) : value.slice(i)) + valueSuffix;
-              value = value.slice(0, i);
-              break;
-            }
-          }
-        }
-      }
-      if (comma && !zero) value = group(value, Infinity);
-      var length = valuePrefix.length + value.length + valueSuffix.length, padding = length < width ? new Array(width - length + 1).join(fill) : "";
-      if (comma && zero) value = group(padding + value, padding.length ? width - valueSuffix.length : Infinity), padding = "";
-      switch (align) {
-        case "<":
-          value = valuePrefix + value + valueSuffix + padding;
-          break;
-        case "=":
-          value = valuePrefix + padding + value + valueSuffix;
-          break;
-        case "^":
-          value = padding.slice(0, length = padding.length >> 1) + valuePrefix + value + valueSuffix + padding.slice(length);
-          break;
-        default:
-          value = padding + valuePrefix + value + valueSuffix;
-          break;
-      }
-      return numerals(value);
-    }
-    format2.toString = function() {
-      return specifier + "";
-    };
-    return format2;
-  }
-  function formatPrefix2(specifier, value) {
-    var e = Math.max(-8, Math.min(8, Math.floor(exponent_default(value) / 3))) * 3, k = Math.pow(10, -e), f = newFormat((specifier = formatSpecifier(specifier), specifier.type = "f", specifier), { suffix: prefixes[8 + e / 3] });
-    return function(value2) {
-      return f(k * value2);
-    };
-  }
-  return {
-    format: newFormat,
-    formatPrefix: formatPrefix2
-  };
-}
-
-// ../../node_modules/d3-format/src/defaultLocale.js
-var locale;
-var format;
-var formatPrefix;
-defaultLocale({
-  thousands: ",",
-  grouping: [3],
-  currency: ["$", ""]
-});
-function defaultLocale(definition) {
-  locale = locale_default(definition);
-  format = locale.format;
-  formatPrefix = locale.formatPrefix;
-  return locale;
-}
-
-// ../../node_modules/d3-format/src/precisionFixed.js
-function precisionFixed_default(step) {
-  return Math.max(0, -exponent_default(Math.abs(step)));
-}
-
-// ../../node_modules/d3-format/src/precisionPrefix.js
-function precisionPrefix_default(step, value) {
-  return Math.max(0, Math.max(-8, Math.min(8, Math.floor(exponent_default(value) / 3))) * 3 - exponent_default(Math.abs(step)));
-}
-
-// ../../node_modules/d3-format/src/precisionRound.js
-function precisionRound_default(step, max) {
-  step = Math.abs(step), max = Math.abs(max) - step;
-  return Math.max(0, exponent_default(max) - exponent_default(step)) + 1;
-}
-
-export { ChartBlockSkeleton, ChartErrorBoundary, ChartReadout, ChartTooltipContent, PRIMARY_COLOR, RECHARTS_THEME_CLS, RawJsonFallback, buildVegaTheme, format, formatCompact, formatPrefix, formatSpecifier, precisionFixed_default, precisionPrefix_default, precisionRound_default, resolveColor, useChartColors };