@squadbase/vantage 0.7.0-dev1.275b4ed → 0.7.0-dev1.5d49eae

package/dist/{chunk-77CISBMG.js → chunk-NYQJ5UY4.js}

@@ -8,9 +8,9 @@ import { forwardRef, useState, useEffect, createContext, useId, useMemo, useRef,
 import { cva } from 'class-variance-authority';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { Search, Columns3, CalendarIcon, ChevronDownIcon, ArrowUp, ArrowDown, ArrowRight, Minus, ChevronRight, ArrowUpDown, XIcon, LoaderIcon, CheckIcon, Download, ChevronDown, X, CircleX, TriangleAlert, CircleCheck } from 'lucide-react';
-import { use } from 'echarts/core';
-import { GraphicComponent, VisualMapComponent } from 'echarts/components';
-import { ScatterChart as ScatterChart$1, HeatmapChart } from 'echarts/charts';
+import { use, registerMap } from 'echarts/core';
+import { GraphicComponent, VisualMapComponent, GeoComponent } from 'echarts/components';
+import { ScatterChart as ScatterChart$1, HeatmapChart, MapChart, TreemapChart } from 'echarts/charts';
 import 'echarts';
 import { flexRender, useReactTable, getPaginationRowModel, getFilteredRowModel, getSortedRowModel, getCoreRowModel } from '@tanstack/react-table';
 import { subMonths, subDays, endOfDay, startOfDay, startOfWeek, subWeeks, endOfWeek, startOfMonth, endOfMonth, isSameDay, addMonths } from 'date-fns';
@@ -2642,7 +2642,7 @@ function AreaChartImpl({
   provisionalFrom,
   provisionalLabel,
   isLoading,
-  loading,
+  loading: loading2,
   emptyState,
   height,
   chartOptions,
@@ -2803,7 +2803,7 @@ function AreaChartImpl({
       ref: frameRef,
       title,
       summary: resolvedSummary,
-      isLoading: isLoading ?? loading ?? false,
+      isLoading: isLoading ?? loading2 ?? false,
       isEmpty: data.length === 0,
       emptyState,
       height,
@@ -2837,7 +2837,7 @@ function BarChartImpl({
   provisionalFrom,
   provisionalLabel,
   isLoading,
-  loading,
+  loading: loading2,
   emptyState,
   height,
   chartOptions,
@@ -2993,7 +2993,7 @@ function BarChartImpl({
       ref: frameRef,
       title,
       summary: resolvedSummary,
-      isLoading: isLoading ?? loading ?? false,
+      isLoading: isLoading ?? loading2 ?? false,
       isEmpty: data.length === 0,
       emptyState,
       height,
@@ -3027,7 +3027,7 @@ function LineChartImpl({
   provisionalFrom,
   provisionalLabel,
   isLoading,
-  loading,
+  loading: loading2,
   emptyState,
   height,
   chartOptions,
@@ -3190,7 +3190,7 @@ function LineChartImpl({
       ref: frameRef,
       title,
       summary: resolvedSummary,
-      isLoading: isLoading ?? loading ?? false,
+      isLoading: isLoading ?? loading2 ?? false,
       isEmpty: data.length === 0,
       emptyState,
       height,
@@ -3234,7 +3234,7 @@ function DonutChartImpl({
   actions,
   fileName,
   isLoading,
-  loading,
+  loading: loading2,
   emptyState,
   height,
   chartOptions,
@@ -3328,7 +3328,7 @@ function DonutChartImpl({
       ref: frameRef,
       title,
       summary: resolvedSummary,
-      isLoading: isLoading ?? loading ?? false,
+      isLoading: isLoading ?? loading2 ?? false,
       isEmpty: data.length === 0,
       emptyState,
       height,
@@ -5347,7 +5347,1312 @@ function HeatmapLegend({
 }
 var Heatmap = forwardRef(HeatmapImpl);
 Heatmap.displayName = "Heatmap";
+function niceStep2(raw) {
+  if (!(raw > 0) || !Number.isFinite(raw)) return 1;
+  const exp10 = 10 ** Math.floor(Math.log10(raw));
+  const f = raw / exp10;
+  return (f < 1.5 ? 1 : f < 2.5 ? 2 : f < 4 ? 3 : f < 7 ? 5 : 10) * exp10;
+}
+var round = (n) => Number(n.toPrecision(12));
+function comboAxisScale(lo, hi, splitNumber, ticks) {
+  let low = Math.min(0, Number.isFinite(lo) ? lo : 0);
+  let high = Math.max(0, Number.isFinite(hi) ? hi : 0);
+  if (high <= low) high = low + 1;
+  let step = niceStep2((high - low) / Math.max(1, splitNumber));
+  for (let attempt = 0; ; attempt++) {
+    const min = round(Math.floor(low / step) * step);
+    const max = round(Math.ceil(high / step) * step);
+    const tick = ticks(Math.max(Math.abs(min), Math.abs(max)));
+    const count = Math.round((max - min) / step);
+    const labels = Array.from({ length: count + 1 }, (_, i) => tick(round(min + i * step)));
+    if (new Set(labels).size === labels.length || attempt >= 6) return { min, max, interval: step, tick };
+    step = niceStep2(step * 2);
+  }
+}
+var DEFAULT_CHART_HEIGHT2 = 288;
+var splitCountFor = (height) => height < 200 ? 3 : height < 300 ? 4 : 5;
+function escapeHtml3(text) {
+  return text.replace(/[&<>"']/g, (c) => ({ "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;", "'": "&#39;" })[c]);
+}
 var TEXT14 = {
+  ja: { item: "\u9805\u76EE", chart: "\u8907\u5408\u30B0\u30E9\u30D5" },
+  en: { item: "Item", chart: "Combination chart" }
+};
+var textOf4 = (locale) => TEXT14[uiLanguage(resolveLocale(locale))];
+var axisOf = (s) => s.axis === "right" ? "right" : "left";
+function comboSeriesList(series) {
+  if (!Array.isArray(series)) return [];
+  return series.filter(
+    (s) => !!s && typeof s === "object" && typeof s.key === "string" && ["bar", "line", "area"].includes(s.type)
+  );
+}
+function buildComboChartOption(config) {
+  const { data, index, labels, formatters } = config;
+  const series = comboSeriesList(config.series);
+  const label2 = (key) => labels?.[key] ?? key;
+  const seriesName = (s) => s.label ?? label2(s.key);
+  const vertical = config.layout === "vertical";
+  const categories = data.map((row) => String(row?.[index] ?? ""));
+  const values = series.map((s) => data.map((row) => toChartNumber(row?.[s.key])));
+  const hasRight = series.some((s) => axisOf(s) === "right");
+  const axes = hasRight ? ["left", "right"] : ["left"];
+  const extent = (axis) => {
+    let [lo, hi] = [0, 0];
+    const add = (v) => {
+      if (v !== null && Number.isFinite(v)) [lo, hi] = [Math.min(lo, v), Math.max(hi, v)];
+    };
+    const stacks = /* @__PURE__ */ new Map();
+    series.forEach((s, i) => {
+      if (axisOf(s) !== axis) return;
+      if (config.stacked && s.type !== "line") {
+        const stack = stacks.get(s.type) ?? { pos: data.map(() => 0), neg: data.map(() => 0) };
+        values[i].forEach((v, j) => {
+          if (v === null) return;
+          if (v >= 0) stack.pos[j] += v;
+          else stack.neg[j] += v;
+        });
+        stacks.set(s.type, stack);
+      } else values[i].forEach(add);
+    });
+    for (const stack of stacks.values()) [...stack.pos, ...stack.neg].forEach(add);
+    for (const ref of config.referenceLines ?? []) if (axisOf(ref) === axis) add(toChartNumber(ref.value));
+    return [lo, hi];
+  };
+  const split = splitCountFor(config.plotHeight ?? DEFAULT_CHART_HEIGHT2);
+  const scales = Object.fromEntries(axes.map((axis) => [axis, comboAxisScale(...extent(axis), split, config.ticks[axis])]));
+  const valueAxes = axes.map((axis) => ({
+    type: "value",
+    position: vertical ? axis === "left" ? "bottom" : "top" : axis,
+    min: scales[axis].min,
+    max: scales[axis].max,
+    interval: scales[axis].interval,
+    axisLine: { show: false },
+    axisTick: { show: false },
+    splitLine: { show: axis === "left" },
+    axisLabel: { formatter: (v) => scales[axis].tick(v), hideOverlap: vertical ? true : void 0 }
+  }));
+  const categoryAxis = {
+    type: "category",
+    data: categories,
+    inverse: vertical,
+    axisTick: { show: false },
+    axisLabel: { formatter: (v) => label2(v), hideOverlap: true }
+  };
+  const axisIndex = (s) => axisOf(s) === "right" ? 1 : 0;
+  const drawn = series.map((s, i) => {
+    const color = config.palette[i] || void 0;
+    const common = {
+      id: `series-${i}`,
+      name: seriesName(s),
+      data: values[i],
+      [vertical ? "xAxisIndex" : "yAxisIndex"]: axisIndex(s),
+      emphasis: { focus: "none" }
+    };
+    if (s.type === "bar")
+      return {
+        ...common,
+        type: "bar",
+        stack: config.stacked ? `bar-${axisOf(s)}` : void 0,
+        barMaxWidth: 40,
+        itemStyle: { color, borderRadius: vertical ? [0, 2, 2, 0] : [2, 2, 0, 0] }
+      };
+    return {
+      ...common,
+      type: "line",
+      stack: config.stacked && s.type === "area" ? `area-${axisOf(s)}` : void 0,
+      symbol: "circle",
+      symbolSize: 6,
+      showSymbol: data.length <= 24,
+      connectNulls: false,
+      lineStyle: { width: 2, color },
+      itemStyle: { color },
+      areaStyle: s.type === "area" ? { color, opacity: 0.18 } : void 0,
+      z: 3
+    };
+  });
+  const references = axes.flatMap((axis) => {
+    const lines = (config.referenceLines ?? []).filter((r) => axisOf(r) === axis && toChartNumber(r.value) !== null);
+    if (lines.length === 0) return [];
+    return [
+      {
+        id: `reference-${axis}`,
+        type: "line",
+        data: data.map(() => null),
+        [vertical ? "xAxisIndex" : "yAxisIndex"]: axis === "right" ? 1 : 0,
+        silent: true,
+        symbol: "none",
+        tooltip: { show: false },
+        markLine: {
+          silent: true,
+          symbol: "none",
+          lineStyle: { type: "dashed", color: config.referenceColor || void 0, width: 1 },
+          label: { position: "insideEndTop", color: config.referenceColor || void 0 },
+          data: lines.map((r) => ({
+            [vertical ? "xAxis" : "yAxis"]: toChartNumber(r.value),
+            label: { formatter: r.label ?? config.formatters[axis](toChartNumber(r.value)) }
+          }))
+        }
+      }
+    ];
+  });
+  const showLegend = (config.showLegend ?? true) && series.length > 1;
+  const tooltip = (params) => {
+    const items = Array.isArray(params) ? params : [params];
+    const first = items[0];
+    if (!first) return "";
+    const head = escapeHtml3(label2(categories[first.dataIndex] ?? ""));
+    const lines = items.filter((p) => p.seriesIndex < series.length).map((p) => {
+      const s = series[p.seriesIndex];
+      const v = values[p.seriesIndex][p.dataIndex];
+      return `${p.marker ?? ""}${escapeHtml3(seriesName(s))} ${v === null || v === void 0 ? EMPTY_VALUE : escapeHtml3(formatters[axisOf(s)](v))}`;
+    });
+    return [head, ...lines].join("<br/>");
+  };
+  const option = {
+    animation: false,
+    legend: { show: showLegend, top: 0, left: 0, data: series.map(seriesName) },
+    tooltip: config.showTooltip === false ? { show: false } : { trigger: "axis", axisPointer: { type: "shadow" }, formatter: tooltip },
+    grid: { left: 8, right: 8, top: showLegend ? 36 : 12, bottom: 8, containLabel: true },
+    xAxis: vertical ? valueAxes : categoryAxis,
+    yAxis: vertical ? categoryAxis : valueAxes,
+    series: [...drawn, ...references]
+  };
+  return config.chartOptions ? mergeDeep2(option, config.chartOptions) : option;
+}
+function mergeDeep2(a, b) {
+  const out = { ...a };
+  for (const [k, v] of Object.entries(b)) {
+    const cur = out[k];
+    out[k] = v && cur && typeof v === "object" && typeof cur === "object" && !Array.isArray(v) && !Array.isArray(cur) ? mergeDeep2(cur, v) : v;
+  }
+  return out;
+}
+function comboChartDataTable(data, index, series, formatters, labels, locale) {
+  const list = comboSeriesList(series);
+  const label2 = (key) => labels?.[key] ?? key;
+  return {
+    columns: [labels?.[index] ?? textOf4(locale).item, ...list.map((s) => s.label ?? label2(s.key))],
+    rows: data.map((row) => [
+      label2(String(row?.[index] ?? "")),
+      ...list.map((s) => {
+        const n = toChartNumber(row?.[s.key]);
+        return n === null ? EMPTY_VALUE : formatters[axisOf(s)](n);
+      })
+    ])
+  };
+}
+var NO_ROWS12 = [];
+function ComboChartImpl({
+  data = NO_ROWS12,
+  index,
+  series = NO_ROWS12,
+  format,
+  rightFormat,
+  labels,
+  referenceLines,
+  stacked = false,
+  layout = "horizontal",
+  showLegend = true,
+  showTooltip = true,
+  onSelect,
+  title,
+  summary,
+  isLoading,
+  emptyState,
+  height,
+  chartOptions,
+  actions,
+  fileName,
+  className,
+  ariaLabel,
+  ...rest
+}, ref) {
+  const rows = Array.isArray(data) ? data : NO_ROWS12;
+  const list = useMemo(() => comboSeriesList(series), [series]);
+  const { ref: frameRef, tokens } = useChartSurface(ref);
+  const locale = useLocale();
+  const formatters = useMemo(
+    () => ({ left: resolveValueFormatter(void 0, format, locale), right: resolveValueFormatter(void 0, rightFormat ?? format, locale) }),
+    [format, rightFormat, locale]
+  );
+  const ticks = useMemo(
+    () => ({ left: resolveAxisTickFormatter(void 0, format, locale), right: resolveAxisTickFormatter(void 0, rightFormat ?? format, locale) }),
+    [format, rightFormat, locale]
+  );
+  const palette = useMemo(() => resolveColors(tokens, list), [tokens, list]);
+  const option = useMemo(
+    () => buildComboChartOption({
+      data: rows,
+      index,
+      series: list,
+      palette: palette.series,
+      referenceColor: palette.reference,
+      labels,
+      formatters,
+      ticks,
+      referenceLines,
+      stacked,
+      layout,
+      showLegend,
+      showTooltip,
+      plotHeight: height,
+      chartOptions
+    }),
+    [rows, index, list, palette, labels, formatters, ticks, referenceLines, stacked, layout, showLegend, showTooltip, height, chartOptions]
+  );
+  const onEvents = useMemo(
+    () => onSelect ? {
+      click: (params) => {
+        const p = params;
+        if (p.componentType !== "series" || (p.seriesIndex ?? Infinity) >= list.length) return;
+        const row = rows[p.dataIndex ?? -1];
+        if (row) onSelect(row);
+      }
+    } : void 0,
+    [onSelect, rows, list.length]
+  );
+  const dataTable = useMemo(() => comboChartDataTable(rows, index, list, formatters, labels, locale), [rows, index, list, formatters, labels, locale]);
+  const label2 = ariaLabel ?? textOf4(locale).chart;
+  return /* @__PURE__ */ jsx(
+    ChartFrame,
+    {
+      ...chartRootProps(rest),
+      ref: frameRef,
+      title,
+      summary,
+      isLoading: isLoading ?? false,
+      isEmpty: rows.length === 0,
+      emptyState,
+      height,
+      variant: "bar",
+      ariaLabel: label2,
+      className,
+      dataTable,
+      children: /* @__PURE__ */ jsx(EChart, { option, onEvents, height: "100%", ariaLabel: label2, actions, fileName, exportHeader: { title, summary } })
+    }
+  );
+}
+function resolveColors(tokens, series) {
+  const resolved = resolveChartColors(
+    ["var(--muted-foreground)", ...series.map((s, i) => s.color ?? DEFAULT_CHART_COLORS[i % DEFAULT_CHART_COLORS.length])],
+    tokens
+  );
+  return { reference: resolved[0] ?? "", series: resolved.slice(1) };
+}
+var ComboChart = forwardRef(ComboChartImpl);
+ComboChart.displayName = "ComboChart";
+
+// ../squadkit/registry/lib/color-ramp.ts
+var RAMP_FLOOR_SHARE = 0.2;
+var RAMP_LIGHT_TEXT_FROM = 0.55;
+function parseRgb2(color) {
+  const hex = /^#([0-9a-f]{6})$/i.exec(color.trim());
+  if (hex) {
+    const n = parseInt(hex[1], 16);
+    return [n >> 16 & 255, n >> 8 & 255, n & 255];
+  }
+  const rgb = /^rgba?\(\s*([\d.]+)[\s,]+([\d.]+)[\s,]+([\d.]+)/i.exec(color.trim());
+  return rgb ? [Number(rgb[1]), Number(rgb[2]), Number(rgb[3])] : null;
+}
+var toLinear2 = (c) => (c /= 255) <= 0.04045 ? c / 12.92 : ((c + 0.055) / 1.055) ** 2.4;
+var fromLinear2 = (c) => Math.round(255 * Math.min(1, Math.max(0, c <= 31308e-7 ? c * 12.92 : 1.055 * c ** (1 / 2.4) - 0.055)));
+function toOklab2([r, g, b]) {
+  const [lr, lg, lb] = [toLinear2(r), toLinear2(g), toLinear2(b)];
+  const l = Math.cbrt(0.4122214708 * lr + 0.5363325363 * lg + 0.0514459929 * lb);
+  const m = Math.cbrt(0.2119034982 * lr + 0.6806995451 * lg + 0.1073969566 * lb);
+  const t = Math.cbrt(0.0883024619 * lr + 0.2817188376 * lg + 0.6299787005 * lb);
+  return [0.2104542553 * l + 0.793617785 * m - 0.0040720468 * t, 1.9779984951 * l - 2.428592205 * m + 0.4505937099 * t, 0.0259040371 * l + 0.7827717662 * m - 0.808675766 * t];
+}
+function fromOklab2([L, a, b]) {
+  const l = (L + 0.3963377774 * a + 0.2158037573 * b) ** 3;
+  const m = (L - 0.1055613458 * a - 0.0638541728 * b) ** 3;
+  const t = (L - 0.0894841775 * a - 1.291485548 * b) ** 3;
+  const rgb = [4.0767416621 * l - 3.3077115913 * m + 0.2309699292 * t, -1.2684380046 * l + 2.6097574011 * m - 0.3413193965 * t, -0.0041960863 * l - 0.7034186147 * m + 1.707614701 * t];
+  return `rgb(${rgb.map(fromLinear2).join(", ")})`;
+}
+function withAlpha3(color, alpha) {
+  const c = parseRgb2(color);
+  return c ? `rgba(${c[0]}, ${c[1]}, ${c[2]}, ${alpha})` : color;
+}
+function mixIntoSurface2(color, surface, share) {
+  const c = parseRgb2(color);
+  const s = surface ? parseRgb2(surface) : null;
+  if (!c || !s) return withAlpha3(color, share);
+  const [c1, c2] = [toOklab2(c), toOklab2(s)];
+  return fromOklab2([0, 1, 2].map((i) => c2[i] + (c1[i] - c2[i]) * share));
+}
+function rampRatio(value, min, max) {
+  return max > min ? Math.min(1, Math.max(0, (value - min) / (max - min))) : 1;
+}
+function rampColor(color, surface, ratio) {
+  return mixIntoSurface2(color, surface, RAMP_FLOOR_SHARE + (1 - RAMP_FLOOR_SHARE) * Math.min(1, Math.max(0, ratio)));
+}
+function rampGradientCss(tone) {
+  return `linear-gradient(to right, color-mix(in oklch, var(--${tone}) ${RAMP_FLOOR_SHARE * 100}%, var(--card)), var(--${tone}))`;
+}
+var GEO_MAPS = ["japan", "us", "world"];
+var geoMapKey = (name) => `squadkit-${name}`;
+var GEO_ASPECT_SCALE = { japan: 0.8, us: 0.8, world: 0.75 };
+function fold(text) {
+  return text.normalize("NFKC").normalize("NFD").replace(/[̀-ͯ]/g, "").normalize("NFC").toLowerCase().trim();
+}
+var SEPARATORS = /[\s.,'’`"()_\-‐・･]/g;
+var squash = (text) => text.replace(SEPARATORS, "");
+function regionKeys(raw) {
+  if (raw === null || raw === void 0) return [];
+  const text = fold(String(raw));
+  if (!text) return [];
+  const keys = [squash(text)];
+  const stripped = text.replace(/[\s-]+(prefecture|pref|ken|fu|to|state)$/, "").replace(/^(state of|the)\s+/, "").replace(/(?<=..)(都|府|県|州)$/, "");
+  if (stripped !== text) keys.push(squash(stripped));
+  if (/^\d{1,2}$/.test(text)) keys.push(`jp${text.padStart(2, "0")}`);
+  return [...new Set(keys.filter(Boolean))];
+}
+var ALIASES = {
+  "US-DC": ["District of Columbia", "Washington DC", "Washington, D.C.", "\u30EF\u30B7\u30F3\u30C8\u30F3DC", "\u30B3\u30ED\u30F3\u30D3\u30A2\u7279\u5225\u533A"],
+  USA: ["United States", "US", "USA", "America", "\u7C73\u56FD", "\u30A2\u30E1\u30EA\u30AB"],
+  GBR: ["UK", "Great Britain", "Britain", "\u82F1\u56FD"],
+  KOR: ["Korea", "Republic of Korea", "Korea, Republic of", "\u97D3\u56FD"],
+  PRK: ["DPRK", "\u5317\u671D\u9BAE"],
+  CHN: ["China", "\u4E2D\u56FD"],
+  TWN: ["TW", "\u53F0\u6E7E"],
+  RUS: ["Russian Federation"],
+  CZE: ["Czechia"],
+  VNM: ["Viet Nam"],
+  CIV: ["C\xF4te d'Ivoire"],
+  SWZ: ["Swaziland"],
+  MKD: ["Macedonia"],
+  COD: ["DR Congo", "Congo-Kinshasa"],
+  COG: ["Congo", "Congo-Brazzaville"]
+};
+var SKIP_NAME = /* @__PURE__ */ new Set(["US-DC"]);
+var indexCache = /* @__PURE__ */ new WeakMap();
+function buildGeoIndex(map, collection) {
+  const cached = indexCache.get(collection);
+  if (cached) return cached;
+  const byKey = /* @__PURE__ */ new Map();
+  const byCode = /* @__PURE__ */ new Map();
+  const add = (key, code) => {
+    for (const k of regionKeys(key)) if (!byKey.has(k)) byKey.set(k, code);
+  };
+  for (const { properties: p } of collection.features) {
+    byCode.set(p.code, p);
+    add(p.code, p.code);
+    const short = p.code.split("-")[1];
+    if (short) add(short, p.code);
+    if (p.alpha2) add(p.alpha2, p.code);
+    if (map === "japan" && short) add(String(Number(short)), p.code);
+  }
+  for (const { properties: p } of collection.features) {
+    if (!SKIP_NAME.has(p.code)) add(p.name, p.code);
+    add(p.name_ja, p.code);
+    for (const alias of ALIASES[p.code] ?? []) add(alias, p.code);
+  }
+  const index = { map, byKey, byCode };
+  indexCache.set(collection, index);
+  return index;
+}
+function matchRegion(index, raw) {
+  for (const key of regionKeys(raw)) {
+    const code = index.byKey.get(key);
+    if (code) return code;
+  }
+  return null;
+}
+function regionName(properties, language) {
+  return language === "ja" && properties.name_ja ? properties.name_ja : properties.name.replace(/ Prefecture$/, "");
+}
+function detectGeoMap(values, loaded2) {
+  const distinct = [...new Set(values.filter((v) => v !== null && v !== void 0 && String(v).trim() !== "").map(String))];
+  let best = null;
+  let bestCount = 0;
+  for (const map of GEO_MAPS) {
+    const collection = loaded2[map];
+    if (!collection) continue;
+    const index = buildGeoIndex(map, collection);
+    const count = distinct.filter((v) => matchRegion(index, v) !== null).length;
+    if (count > bestCount) [best, bestCount] = [map, count];
+  }
+  return best;
+}
+var BOUNDS = {
+  japan: [122, 20, 154, 46.5],
+  us: [-180, 18, -65, 72]
+};
+function detectBasemap(points) {
+  if (points.length === 0) return "world";
+  for (const map of ["japan", "us"]) {
+    const [w, s, e, n] = BOUNDS[map];
+    if (points.every(([lon, lat]) => lon >= w && lon <= e && lat >= s && lat <= n)) return map;
+  }
+  return "world";
+}
+var US_INSETS = [
+  // Alaska (the Aleutians stop short of the antimeridian in this data).
+  { box: [-180, 51, -129.5, 72], center: [-149, 63], to: [-117, 25.5], scale: 0.35 },
+  // Hawaii.
+  { box: [-161, 18.5, -154.5, 22.5], center: [-157.5, 20.5], to: [-106, 25.5], scale: 1 }
+];
+function insetUsPoint(lon, lat) {
+  for (const inset of US_INSETS) {
+    const [w, s, e, n] = inset.box;
+    if (lon >= w && lon <= e && lat >= s && lat <= n) {
+      return [inset.to[0] + (lon - inset.center[0]) * inset.scale, inset.to[1] + (lat - inset.center[1]) * inset.scale];
+    }
+  }
+  return [lon, lat];
+}
+function insetUs(collection) {
+  const moveRing = (ring) => ring.map(([lon, lat]) => insetUsPoint(lon, lat));
+  return {
+    type: "FeatureCollection",
+    features: collection.features.map((f) => {
+      if (f.properties.code !== "US-AK" && f.properties.code !== "US-HI") return f;
+      const g = f.geometry;
+      const geometry = g.type === "Polygon" ? { type: "Polygon", coordinates: g.coordinates.map(moveRing) } : { type: "MultiPolygon", coordinates: g.coordinates.map((poly) => poly.map(moveRing)) };
+      return { ...f, geometry };
+    })
+  };
+}
+var loading = /* @__PURE__ */ new Map();
+var loaded = /* @__PURE__ */ new Map();
+function loadedGeoMap(name) {
+  return loaded.get(name);
+}
+function loadGeoMap(name) {
+  const pending = loading.get(name);
+  if (pending) return pending;
+  const promise = (name === "japan" ? import('./geo-japan-7BMSOJRX.js').then((m) => m.JAPAN_PREFECTURES) : name === "us" ? import('./geo-us-GVOG7VXH.js').then((m) => insetUs(m.US_STATES)) : import('./geo-world-35HL56UU.js').then((m) => m.WORLD_COUNTRIES)).then((collection) => {
+    registerMap(geoMapKey(name), collection);
+    loaded.set(name, collection);
+    return collection;
+  });
+  promise.catch(() => loading.delete(name));
+  loading.set(name, promise);
+  return promise;
+}
+async function loadGeoMapFor(values, map) {
+  if (map !== "auto") return { name: map, collection: await loadGeoMap(map) };
+  const distinct = [...new Set(values.filter((v) => v !== null && v !== void 0).map(String))];
+  const [japan, us] = await Promise.all([loadGeoMap("japan"), loadGeoMap("us")]);
+  const local = { japan, us };
+  const pick = detectGeoMap(distinct, local);
+  if (pick) {
+    const index = buildGeoIndex(pick, local[pick]);
+    const matched = distinct.filter((v) => matchRegion(index, v) !== null).length;
+    if (matched * 2 >= distinct.length) return { name: pick, collection: local[pick] };
+  }
+  const world = await loadGeoMap("world");
+  const name = detectGeoMap(distinct, { ...local, world }) ?? "world";
+  return { name, collection: name === "world" ? world : local[name] };
+}
+function useGeoMap(values, map) {
+  const key = useMemo(() => [...new Set(values.map((v) => v === null || v === void 0 ? "" : String(v)))].join("\0"), [values]);
+  const [state, setState] = useState(null);
+  const wanted = `${map}
${key}`;
+  useEffect(() => {
+    let alive = true;
+    loadGeoMapFor(key ? key.split("\0") : [], map).then(
+      (result) => alive && setState({ key: wanted, result }),
+      () => {
+      }
+    );
+    return () => {
+      alive = false;
+    };
+  }, [wanted]);
+  if (state?.key === wanted) return state.result;
+  const ready = map !== "auto" ? loadedGeoMap(map) : void 0;
+  return ready && map !== "auto" ? { name: map, collection: ready } : null;
+}
+use([MapChart]);
+function buildFilledMapModel(config) {
+  const { data, region, value, map, collection } = config;
+  const language = uiLanguage(resolveLocale(config.locale));
+  const index = buildGeoIndex(map, collection);
+  const byCode = /* @__PURE__ */ new Map();
+  const unmatched = [];
+  for (const row of data) {
+    if (!row || typeof row !== "object") continue;
+    const code = matchRegion(index, row[region]);
+    if (code) byCode.set(code, row);
+    else unmatched.push(row);
+  }
+  let lo = Infinity;
+  let hi = -Infinity;
+  const regions = collection.features.map(({ properties }) => {
+    const row = byCode.get(properties.code) ?? null;
+    const n = row ? toChartNumber(row[value]) : null;
+    if (n !== null) [lo, hi] = [Math.min(lo, n), Math.max(hi, n)];
+    const key = row ? String(row[region]) : null;
+    return { code: properties.code, key, name: (key !== null ? config.labels?.[key] : void 0) ?? regionName(properties, language), value: n, row };
+  });
+  const min = config.scale?.min ?? (Number.isFinite(lo) ? lo : 0);
+  let max = config.scale?.max ?? (Number.isFinite(hi) ? hi : 1);
+  if (max <= min) max = min + 1;
+  const selectedCodes = config.selected && config.selected.length > 0 ? new Set(config.selected.map((v) => matchRegion(index, v)).filter((c) => c !== null)) : null;
+  return { map, regions, unmatched, selectedCodes, min, max };
+}
+function escapeHtml4(text) {
+  return text.replace(/[&<>"']/g, (c) => ({ "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;", "'": "&#39;" })[c]);
+}
+var TEXT15 = {
+  ja: {
+    join: "\u30FB",
+    region: "\u5730\u57DF",
+    notOnMap: "(\u5730\u56F3\u306B\u7121\u3044)",
+    top: (name, value) => `\u6700\u5927\u306F ${name} \u306E ${value}`,
+    chart: (value) => `${value}\u306E\u5730\u56F3`
+  },
+  en: {
+    join: ", ",
+    region: "Region",
+    notOnMap: " (not on the map)",
+    top: (name, value) => `Highest: ${name} (${value})`,
+    chart: (value) => `Map of ${value}`
+  }
+};
+var textOf5 = (locale) => TEXT15[uiLanguage(resolveLocale(locale))];
+function detailText(raw, formatter) {
+  if (raw === null || raw === void 0 || raw === "") return EMPTY_VALUE;
+  const n = typeof raw === "string" ? null : toChartNumber(raw);
+  return n === null ? String(raw) : formatter(n);
+}
+function buildFilledMapOption(config) {
+  const { model, labels, valueFormatter } = config;
+  const t = textOf5(config.locale);
+  const label2 = (key) => labels?.[key] ?? key;
+  const base = config.color || "#6366f1";
+  const border = config.surfaceColor ?? "#ffffff";
+  const dimmed = (r) => model.selectedCodes !== null && !model.selectedCodes.has(r.code);
+  const tooltip = (r) => {
+    const head = `${escapeHtml4(r.name)} ${r.value === null ? EMPTY_VALUE : escapeHtml4(valueFormatter(r.value))}`;
+    const extras = (config.details ?? []).map((key) => `${escapeHtml4(label2(key))} ${escapeHtml4(detailText(r.row?.[key], valueFormatter))}`).join(t.join);
+    return extras ? `${head}${t.join}${extras}` : head;
+  };
+  const option = {
+    animation: false,
+    tooltip: config.showTooltip ? { trigger: "item", formatter: (p) => tooltip(p.data.region) } : { show: false },
+    series: [
+      {
+        id: "regions",
+        type: "map",
+        map: geoMapKey(model.map),
+        nameProperty: "code",
+        aspectScale: GEO_ASPECT_SCALE[model.map],
+        roam: false,
+        selectedMode: false,
+        left: 8,
+        right: 8,
+        top: 8,
+        bottom: 8,
+        label: { show: false },
+        itemStyle: { areaColor: config.emptyColor, borderColor: border, borderWidth: 0.6 },
+        emphasis: { label: { show: false }, itemStyle: { borderColor: config.hoverColor, borderWidth: 1.2 } },
+        data: model.regions.map((r) => {
+          const fill = r.value === null ? config.emptyColor : rampColor(base, config.surfaceColor, rampRatio(r.value, model.min, model.max));
+          const areaColor = dimmed(r) ? mixIntoSurface2(fill, config.surfaceColor, 0.3) : fill;
+          return {
+            name: r.code,
+            value: r.value ?? void 0,
+            region: r,
+            itemStyle: { areaColor },
+            emphasis: { itemStyle: { areaColor } }
+          };
+        })
+      }
+    ]
+  };
+  return config.chartOptions ? mergeDeep3(option, config.chartOptions) : option;
+}
+function mergeDeep3(a, b) {
+  const out = { ...a };
+  for (const [k, v] of Object.entries(b)) {
+    const cur = out[k];
+    out[k] = v && cur && typeof v === "object" && typeof cur === "object" && !Array.isArray(v) && !Array.isArray(cur) ? mergeDeep3(cur, v) : v;
+  }
+  return out;
+}
+function filledMapDataTable(model, names, formatter, details = [], labels, locale) {
+  const t = textOf5(locale);
+  const label2 = (key) => labels?.[key] ?? key;
+  const cells = (row, value) => [
+    value === null ? EMPTY_VALUE : formatter(value),
+    ...details.map((key) => detailText(row?.[key], formatter))
+  ];
+  const rows = [
+    ...model.regions.filter((r) => r.row !== null).map((r) => [r.name, ...cells(r.row, r.value)]),
+    ...model.unmatched.map((row) => [`${label2(String(row[names.region] ?? EMPTY_VALUE))}${t.notOnMap}`, ...cells(row, toChartNumber(row[names.value]))])
+  ];
+  return { columns: [labels?.[names.region] ?? t.region, label2(names.value), ...details.map(label2)], rows };
+}
+function buildFilledMapSummary(model, formatter, title, locale) {
+  let best;
+  for (const r of model.regions) if (r.value !== null && (!best || r.value > best.value)) best = r;
+  if (!best) return void 0;
+  return `${title ? `${title}: ` : ""}${textOf5(locale).top(best.name, formatter(best.value))}`;
+}
+function colorsFor2(tokens, tone) {
+  const [color = "", empty = "", hover = ""] = resolveChartColors([tone, "var(--muted)", "var(--foreground)"], tokens);
+  return { color, empty, hover };
+}
+var NO_ROWS13 = [];
+function FilledMapImpl({
+  data = NO_ROWS13,
+  region,
+  value,
+  map = "auto",
+  labels,
+  format,
+  valueFormatter,
+  tone = "chart-1",
+  scale,
+  showLegend = true,
+  showTooltip = true,
+  details,
+  selected,
+  onSelect,
+  title,
+  summary,
+  isLoading,
+  emptyState,
+  height,
+  chartOptions,
+  actions,
+  fileName,
+  className,
+  ariaLabel,
+  ...rest
+}, ref) {
+  const rows = Array.isArray(data) ? data : NO_ROWS13;
+  const { ref: frameRef, surface, tokens } = useChartSurface(ref);
+  const locale = useLocale();
+  const formatter = useMemo(() => resolveValueFormatter(valueFormatter, format ?? "number", locale), [valueFormatter, format, locale]);
+  const regionValues = useMemo(() => rows.map((row) => row && typeof row === "object" ? row[region] : void 0), [rows, region]);
+  const geo = useGeoMap(regionValues, map);
+  const model = useMemo(
+    () => geo ? buildFilledMapModel({ data: rows, region, value, map: geo.name, collection: geo.collection, scale, labels, selected, locale }) : null,
+    [geo, rows, region, value, scale?.min, scale?.max, labels, selected, locale]
+  );
+  const colors = useMemo(() => colorsFor2(tokens, tone), [tokens, tone]);
+  const option = useMemo(
+    () => model ? buildFilledMapOption({
+      model,
+      color: colors.color,
+      surfaceColor: surface ?? void 0,
+      emptyColor: colors.empty || "rgba(128, 128, 128, 0.15)",
+      hoverColor: colors.hover || "#000000",
+      labels,
+      valueFormatter: formatter,
+      details,
+      showTooltip,
+      chartOptions,
+      locale
+    }) : null,
+    [model, value, colors, surface, labels, formatter, details, showTooltip, chartOptions, locale]
+  );
+  const onEvents = useMemo(
+    () => onSelect ? {
+      click: (params) => {
+        const r = params.data?.region;
+        if (r?.row) onSelect(String(r.row[region]), r.row);
+      }
+    } : void 0,
+    [onSelect, region]
+  );
+  const dataTable = useMemo(
+    () => model ? filledMapDataTable(model, { region, value }, formatter, details, labels, locale) : void 0,
+    [model, region, value, formatter, details, labels, locale]
+  );
+  const resolvedSummary = useMemo(
+    () => summary === "auto" ? model ? buildFilledMapSummary(model, formatter, title, locale) : void 0 : summary,
+    [summary, model, formatter, title, locale]
+  );
+  const label2 = ariaLabel ?? textOf5(locale).chart(labels?.[value] ?? value ?? "");
+  const isEmpty = rows.length === 0;
+  return /* @__PURE__ */ jsx(
+    ChartFrame,
+    {
+      ...chartRootProps(rest),
+      ref: frameRef,
+      title,
+      summary: resolvedSummary,
+      isLoading: (isLoading ?? false) || !isEmpty && !option,
+      isEmpty,
+      emptyState,
+      height,
+      variant: "bar",
+      ariaLabel: label2,
+      className,
+      dataTable,
+      children: /* @__PURE__ */ jsxs("div", { className: "flex h-full w-full flex-col gap-2", children: [
+        /* @__PURE__ */ jsx("div", { className: "min-h-0 flex-1", children: option && /* @__PURE__ */ jsx(EChart, { option, onEvents, height: "100%", ariaLabel: label2, actions, fileName, exportHeader: { title, summary: resolvedSummary } }) }),
+        showLegend && model ? /* @__PURE__ */ jsx(RampLegend, { min: model.min, max: model.max, formatter, tone }) : null
+      ] })
+    }
+  );
+}
+function RampLegend({ min, max, formatter, tone }) {
+  return /* @__PURE__ */ jsx("div", { "data-slot": "filled-map-legend", className: "flex flex-wrap items-center gap-x-4 gap-y-1 text-xs text-muted-foreground tabular-nums", children: /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ jsx("span", { children: formatter(min) }),
+    /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "h-2 w-24 rounded-sm", style: { backgroundImage: rampGradientCss(tone) } }),
+    /* @__PURE__ */ jsx("span", { children: formatter(max) })
+  ] }) });
+}
+var FilledMap = forwardRef(FilledMapImpl);
+FilledMap.displayName = "FilledMap";
+use([ScatterChart$1, GeoComponent]);
+var SYMBOL_MAP_MIN_SIZE = 6;
+var SYMBOL_MAP_MAX_SIZE = 36;
+var SYMBOL_MAP_DEFAULT_SIZE = 10;
+var MAX_CATEGORIES = 5;
+var isBlank = (v) => v === null || v === void 0 || typeof v === "string" && v.trim() === "";
+function buildSymbolMapModel(config) {
+  const { data, latitude, longitude, name, size, color } = config;
+  const rows = data.filter((row) => row && typeof row === "object");
+  const colorValues = color ? rows.map((row) => row[color]).filter((v) => !isBlank(v)) : [];
+  const colorMode = !color || colorValues.length === 0 ? "none" : colorValues.every((v) => toChartNumber(v) !== null) ? "numeric" : "category";
+  const points = [];
+  const unplotted = [];
+  const categories = [];
+  let [lo, hi, sizeMax] = [Infinity, -Infinity, 0];
+  for (const row of rows) {
+    const lat = toChartNumber(row[latitude]);
+    const lon = toChartNumber(row[longitude]);
+    if (lat === null || lon === null || Math.abs(lat) > 90 || Math.abs(lon) > 180) {
+      unplotted.push(row);
+      continue;
+    }
+    const s = size ? toChartNumber(row[size]) : null;
+    if (s !== null && s > sizeMax) sizeMax = s;
+    const shade = colorMode === "numeric" ? toChartNumber(row[color]) : null;
+    if (shade !== null) [lo, hi] = [Math.min(lo, shade), Math.max(hi, shade)];
+    const category = colorMode === "category" && !isBlank(row[color]) ? String(row[color]) : null;
+    if (category !== null && !categories.includes(category)) categories.push(category);
+    points.push({ lon, lat, name: name && !isBlank(row[name]) ? String(row[name]) : null, size: s, shade, category, row });
+  }
+  const shadeMin = Number.isFinite(lo) ? lo : 0;
+  let shadeMax = Number.isFinite(hi) ? hi : 1;
+  if (shadeMax <= shadeMin) shadeMax = shadeMin + 1;
+  return { points, unplotted, colorMode, categories, shadeMin, shadeMax, sizeMax };
+}
+function symbolMapSize(value, max, hasSize) {
+  if (!hasSize) return SYMBOL_MAP_DEFAULT_SIZE;
+  if (value === null || value <= 0 || !(max > 0)) return SYMBOL_MAP_MIN_SIZE;
+  return SYMBOL_MAP_MIN_SIZE + (SYMBOL_MAP_MAX_SIZE - SYMBOL_MAP_MIN_SIZE) * Math.sqrt(Math.min(1, value / max));
+}
+function escapeHtml5(text) {
+  return text.replace(/[&<>"']/g, (c) => ({ "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;", "'": "&#39;" })[c]);
+}
+var TEXT16 = {
+  ja: {
+    join: "\u30FB",
+    point: "\u5730\u70B9",
+    latitude: "\u7DEF\u5EA6",
+    longitude: "\u7D4C\u5EA6",
+    notPlotted: "(\u5EA7\u6A19\u306A\u3057)",
+    chart: "\u5730\u70B9\u306E\u5730\u56F3"
+  },
+  en: {
+    join: ", ",
+    point: "Point",
+    latitude: "Latitude",
+    longitude: "Longitude",
+    notPlotted: " (no coordinates)",
+    chart: "Map of points"
+  }
+};
+var textOf6 = (locale) => TEXT16[uiLanguage(resolveLocale(locale))];
+var coordText = (n) => n === null ? EMPTY_VALUE : n.toFixed(4).replace(/\.?0+$/, "");
+function buildSymbolMapOption(config) {
+  const { model, labels, valueFormatter, sizeFormatter } = config;
+  const label2 = (key) => labels?.[key] ?? key;
+  const base = config.toneColor || "#6366f1";
+  const selected = config.selected && config.selected.length > 0 ? new Set(config.selected.map(String)) : null;
+  const fillOf = (p) => {
+    if (model.colorMode === "numeric") return p.shade === null ? config.landColor : rampColor(base, config.surfaceColor, rampRatio(p.shade, model.shadeMin, model.shadeMax));
+    if (model.colorMode === "category") {
+      const at = p.category === null ? -1 : model.categories.indexOf(p.category);
+      return at === -1 ? config.categoryColors[MAX_CATEGORIES] ?? base : config.categoryColors[Math.min(at, MAX_CATEGORIES)] ?? base;
+    }
+    return base;
+  };
+  const tooltip = (p) => {
+    const lines = [escapeHtml5(p.name ?? `${coordText(p.lat)}, ${coordText(p.lon)}`)];
+    if (config.size) lines.push(`${escapeHtml5(label2(config.size))} ${p.size === null ? EMPTY_VALUE : escapeHtml5(sizeFormatter(p.size))}`);
+    if (config.color && config.color !== config.size)
+      lines.push(`${escapeHtml5(label2(config.color))} ${model.colorMode === "numeric" ? p.shade === null ? EMPTY_VALUE : escapeHtml5(valueFormatter(p.shade)) : escapeHtml5(label2(p.category ?? EMPTY_VALUE))}`);
+    for (const key of config.details ?? []) lines.push(`${escapeHtml5(label2(key))} ${escapeHtml5(cellText(p.row[key], valueFormatter))}`);
+    return lines.join("<br/>");
+  };
+  const order = [...model.points].sort((a, b) => (b.size ?? 0) - (a.size ?? 0));
+  const option = {
+    animation: false,
+    tooltip: config.showTooltip ? { trigger: "item", formatter: (p) => tooltip(p.data.point) } : { show: false },
+    geo: {
+      map: geoMapKey(config.basemap),
+      silent: true,
+      roam: false,
+      aspectScale: GEO_ASPECT_SCALE[config.basemap],
+      left: 8,
+      right: 8,
+      top: 8,
+      bottom: 8,
+      label: { show: false },
+      itemStyle: { areaColor: config.landColor, borderColor: config.borderColor, borderWidth: 0.6 },
+      emphasis: { disabled: true }
+    },
+    series: [
+      {
+        id: "points",
+        type: "scatter",
+        coordinateSystem: "geo",
+        data: order.map((p) => {
+          const [x, y] = config.basemap === "us" ? insetUsPoint(p.lon, p.lat) : [p.lon, p.lat];
+          const fill = fillOf(p);
+          const dim = selected !== null && !(p.name !== null && selected.has(p.name));
+          return {
+            value: [x, y],
+            point: p,
+            symbolSize: symbolMapSize(p.size, model.sizeMax, !!config.size),
+            itemStyle: { color: dim ? mixIntoSurface2(fill, config.surfaceColor, 0.3) : fill, opacity: dim ? 1 : 0.85 }
+          };
+        }),
+        itemStyle: { borderColor: config.surfaceColor ?? "#ffffff", borderWidth: 1 },
+        emphasis: { scale: false, itemStyle: { opacity: 1, borderColor: config.borderColor, borderWidth: 1.5 } }
+      }
+    ]
+  };
+  return config.chartOptions ? mergeDeep4(option, config.chartOptions) : option;
+}
+function cellText(raw, formatter) {
+  if (isBlank(raw)) return EMPTY_VALUE;
+  const n = typeof raw === "string" ? null : toChartNumber(raw);
+  return n === null ? String(raw) : formatter(n);
+}
+function mergeDeep4(a, b) {
+  const out = { ...a };
+  for (const [k, v] of Object.entries(b)) {
+    const cur = out[k];
+    out[k] = v && cur && typeof v === "object" && typeof cur === "object" && !Array.isArray(v) && !Array.isArray(cur) ? mergeDeep4(cur, v) : v;
+  }
+  return out;
+}
+function symbolMapDataTable(model, names, formatters, details = [], labels, locale) {
+  const t = textOf6(locale);
+  const label2 = (key) => labels?.[key] ?? key;
+  const extra = [names.size, names.color].filter((k) => !!k && k !== names.latitude && k !== names.longitude);
+  const keys = [.../* @__PURE__ */ new Set([...extra, ...details])];
+  const rowCells = (row) => keys.map((key) => key === names.size ? cellText(row[key], formatters.size) : key === names.color && model.colorMode === "category" ? isBlank(row[key]) ? EMPTY_VALUE : label2(String(row[key])) : cellText(row[key], formatters.value));
+  const nameOf = (row) => names.name && !isBlank(row[names.name]) ? String(row[names.name]) : EMPTY_VALUE;
+  const rows = [
+    ...model.points.map((p) => [nameOf(p.row), coordText(p.lat), coordText(p.lon), ...rowCells(p.row)]),
+    ...model.unplotted.map((row) => [
+      `${nameOf(row)}${t.notPlotted}`,
+      coordText(toChartNumber(row[names.latitude])),
+      coordText(toChartNumber(row[names.longitude])),
+      ...rowCells(row)
+    ])
+  ];
+  return {
+    columns: [names.name ? label2(names.name) : t.point, labels?.[names.latitude] ?? t.latitude, labels?.[names.longitude] ?? t.longitude, ...keys.map(label2)],
+    rows
+  };
+}
+function colorsFor3(tokens, tone) {
+  const resolved = resolveChartColors([tone, "var(--muted)", "var(--border)", ...DEFAULT_CHART_COLORS, CHART_OTHER_COLOR], tokens);
+  const [toneColor = "", land = "", border = ""] = resolved;
+  return { toneColor, land, border, categories: resolved.slice(3) };
+}
+var NO_ROWS14 = [];
+function SymbolMapImpl({
+  data = NO_ROWS14,
+  latitude,
+  longitude,
+  name,
+  size,
+  color,
+  basemap = "auto",
+  labels,
+  format,
+  sizeFormat,
+  tone = "chart-1",
+  showLegend = true,
+  showTooltip = true,
+  details,
+  selected,
+  onSelect,
+  title,
+  summary,
+  isLoading,
+  emptyState,
+  height,
+  chartOptions,
+  actions,
+  fileName,
+  className,
+  ariaLabel,
+  ...rest
+}, ref) {
+  const rows = Array.isArray(data) ? data : NO_ROWS14;
+  const { ref: frameRef, surface, tokens } = useChartSurface(ref);
+  const locale = useLocale();
+  const formatter = useMemo(() => resolveValueFormatter(void 0, format ?? "number", locale), [format, locale]);
+  const sizeFormatter = useMemo(() => resolveValueFormatter(void 0, sizeFormat ?? format ?? "number", locale), [sizeFormat, format, locale]);
+  const model = useMemo(() => buildSymbolMapModel({ data: rows, latitude, longitude, name, size, color }), [rows, latitude, longitude, name, size, color]);
+  const resolvedBasemap = useMemo(
+    () => basemap === "auto" ? detectBasemap(model.points.map((p) => [p.lon, p.lat])) : basemap,
+    [basemap, model]
+  );
+  const geo = useGeoMap(NO_ROWS14, resolvedBasemap);
+  const colors = useMemo(() => colorsFor3(tokens, tone), [tokens, tone]);
+  const option = useMemo(
+    () => geo ? buildSymbolMapOption({
+      model,
+      basemap: geo.name,
+      size,
+      color,
+      toneColor: colors.toneColor,
+      categoryColors: colors.categories,
+      surfaceColor: surface ?? void 0,
+      landColor: colors.land || "rgba(128, 128, 128, 0.15)",
+      borderColor: colors.border || "rgba(128, 128, 128, 0.4)",
+      labels,
+      valueFormatter: formatter,
+      sizeFormatter,
+      details,
+      selected,
+      showTooltip,
+      chartOptions}) : null,
+    [geo, model, size, color, colors, surface, labels, formatter, sizeFormatter, details, selected, showTooltip, chartOptions, locale]
+  );
+  const onEvents = useMemo(
+    () => onSelect ? {
+      click: (params) => {
+        const p = params.data?.point;
+        if (p) onSelect(p.row);
+      }
+    } : void 0,
+    [onSelect]
+  );
+  const dataTable = useMemo(
+    () => symbolMapDataTable(model, { latitude, longitude, name, size, color }, { value: formatter, size: sizeFormatter }, details, labels, locale),
+    [model, latitude, longitude, name, size, color, formatter, sizeFormatter, details, labels, locale]
+  );
+  const label2 = ariaLabel ?? textOf6(locale).chart;
+  const isEmpty = rows.length === 0;
+  const legendCategories = model.categories.length > MAX_CATEGORIES ? [...model.categories.slice(0, MAX_CATEGORIES), otherSeriesLabel(locale)] : model.categories;
+  const legend = !showLegend ? null : model.colorMode === "numeric" ? /* @__PURE__ */ jsx("div", { "data-slot": "symbol-map-legend", className: "flex flex-wrap items-center gap-x-4 gap-y-1 text-xs text-muted-foreground tabular-nums", children: /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-2", children: [
+    color && /* @__PURE__ */ jsx("span", { children: labels?.[color] ?? color }),
+    /* @__PURE__ */ jsx("span", { children: formatter(model.shadeMin) }),
+    /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "h-2 w-24 rounded-sm", style: { backgroundImage: rampGradientCss(tone) } }),
+    /* @__PURE__ */ jsx("span", { children: formatter(model.shadeMax) })
+  ] }) }) : model.colorMode === "category" ? /* @__PURE__ */ jsx(Legend, { categories: legendCategories, labels }) : null;
+  return /* @__PURE__ */ jsx(
+    ChartFrame,
+    {
+      ...chartRootProps(rest),
+      ref: frameRef,
+      title,
+      summary,
+      isLoading: (isLoading ?? false) || !isEmpty && !option,
+      isEmpty,
+      emptyState,
+      height,
+      variant: "bar",
+      ariaLabel: label2,
+      className,
+      dataTable,
+      children: /* @__PURE__ */ jsxs("div", { className: "flex h-full w-full flex-col gap-2", children: [
+        /* @__PURE__ */ jsx("div", { className: "min-h-0 flex-1", children: option && /* @__PURE__ */ jsx(EChart, { option, onEvents, height: "100%", ariaLabel: label2, actions, fileName, exportHeader: { title, summary } }) }),
+        legend
+      ] })
+    }
+  );
+}
+var SymbolMap = forwardRef(SymbolMapImpl);
+SymbolMap.displayName = "SymbolMap";
+use([TreemapChart]);
+var MAX_CATEGORIES2 = 5;
+function buildTreemapModel(config) {
+  const { data, index, group, value, color } = config;
+  const leaves = [];
+  let [lo, hi] = [Infinity, -Infinity];
+  for (const row of data) {
+    if (!row || typeof row !== "object") continue;
+    const shade = color ? toChartNumber(row[color]) : null;
+    if (shade !== null) [lo, hi] = [Math.min(lo, shade), Math.max(hi, shade)];
+    leaves.push({
+      name: String(row[index] ?? EMPTY_VALUE),
+      group: group ? String(row[group] ?? EMPTY_VALUE) : null,
+      value: toChartNumber(row[value]),
+      shade,
+      row
+    });
+  }
+  const byGroup = /* @__PURE__ */ new Map();
+  for (const leaf of leaves) {
+    if (leaf.value === null || leaf.value <= 0) continue;
+    const list = byGroup.get(leaf.group) ?? [];
+    list.push(leaf);
+    byGroup.set(leaf.group, list);
+  }
+  const groups = [...byGroup.entries()].map(([name, list]) => ({ name, total: list.reduce((s, l) => s + l.value, 0), leaves: [...list].sort((a, b) => b.value - a.value) })).sort((a, b) => b.total - a.total);
+  const total = groups.reduce((s, g) => s + g.total, 0);
+  const categories = group ? groups.map((g) => g.name) : [...new Set(groups.flatMap((g) => g.leaves.map((l) => l.name)))];
+  const shadeMin = Number.isFinite(lo) ? lo : 0;
+  let shadeMax = Number.isFinite(hi) ? hi : 1;
+  if (shadeMax <= shadeMin) shadeMax = shadeMin + 1;
+  return { leaves, groups, categories, total, shadeMin, shadeMax };
+}
+function escapeHtml6(text) {
+  return text.replace(/[&<>"']/g, (c) => ({ "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;", "'": "&#39;" })[c]);
+}
+var TEXT17 = {
+  ja: {
+    join: "\u30FB",
+    item: "\u9805\u76EE",
+    group: "\u30B0\u30EB\u30FC\u30D7",
+    share: "\u69CB\u6210\u6BD4",
+    top: (name, share) => `\u6700\u5927\u306F ${name}(\u5168\u4F53\u306E ${share})`,
+    chart: (value) => `${value}\u306E\u30C4\u30EA\u30FC\u30DE\u30C3\u30D7`
+  },
+  en: {
+    join: ", ",
+    item: "Item",
+    group: "Group",
+    share: "Share",
+    top: (name, share) => `Largest: ${name} (${share} of the total)`,
+    chart: (value) => `Treemap of ${value}`
+  }
+};
+var textOf7 = (locale) => TEXT17[uiLanguage(resolveLocale(locale))];
+function buildTreemapOption(config) {
+  const { model, labels, valueFormatter } = config;
+  const t = textOf7(config.locale);
+  const label2 = (key) => labels?.[key] ?? key;
+  const surface = config.surfaceColor ?? "#ffffff";
+  const base = config.toneColor || "#6366f1";
+  const categoryColor = (name) => {
+    const at = model.categories.indexOf(name);
+    return config.categoryColors[at === -1 ? MAX_CATEGORIES2 : Math.min(at, MAX_CATEGORIES2)] ?? base;
+  };
+  const share = (v) => formatValue(model.total > 0 ? v / model.total : 0, "percent", config.locale);
+  const leafNode = (leaf) => {
+    let fill;
+    let dark = true;
+    if (config.colorMode === "numeric") {
+      const ratio = leaf.shade === null ? 0 : rampRatio(leaf.shade, model.shadeMin, model.shadeMax);
+      fill = rampColor(base, config.surfaceColor, ratio);
+      dark = ratio >= RAMP_LIGHT_TEXT_FROM;
+    } else fill = categoryColor(config.hasGroup ? leaf.group : leaf.name);
+    return {
+      name: label2(leaf.name),
+      value: leaf.value,
+      leaf,
+      itemStyle: { color: fill },
+      label: { color: dark ? surface : config.foregroundColor }
+    };
+  };
+  const tooltip = (leaf, name, value) => {
+    const head = leaf?.group != null ? `${escapeHtml6(label2(leaf.group))} / ${escapeHtml6(name)}` : escapeHtml6(name);
+    const parts = [`${head} ${escapeHtml6(valueFormatter(value))}`, `${t.share} ${escapeHtml6(share(value))}`];
+    if (leaf && config.colorKey && config.colorMode === "numeric")
+      parts.push(`${escapeHtml6(label2(config.colorKey))} ${leaf.shade === null ? EMPTY_VALUE : escapeHtml6(config.colorFormatter(leaf.shade))}`);
+    return parts.join(t.join);
+  };
+  const data = config.hasGroup ? model.groups.map((g) => ({
+    name: label2(g.name),
+    value: g.total,
+    itemStyle: { color: config.colorMode === "numeric" ? config.foregroundColor : categoryColor(g.name) },
+    children: g.leaves.map(leafNode)
+  })) : model.groups.flatMap((g) => g.leaves.map(leafNode));
+  const option = {
+    animation: false,
+    tooltip: config.showTooltip ? {
+      trigger: "item",
+      formatter: (p) => {
+        const d = p;
+        return tooltip(d.data?.leaf, d.name, Number(d.value));
+      }
+    } : { show: false },
+    series: [
+      {
+        id: "tiles",
+        type: "treemap",
+        left: 0,
+        right: 0,
+        top: 0,
+        bottom: 0,
+        roam: false,
+        nodeClick: false,
+        breadcrumb: { show: false },
+        squareRatio: 0.5 * (1 + Math.sqrt(5)),
+        label: {
+          show: true,
+          position: "insideTopLeft",
+          overflow: "truncate",
+          lineHeight: 16,
+          formatter: (p) => {
+            const d = p;
+            return `${d.name}
+${valueFormatter(Number(d.value))}`;
+          }
+        },
+        upperLabel: { show: config.hasGroup, height: 20, color: surface, fontWeight: 600 },
+        itemStyle: { borderColor: surface, borderWidth: 1, gapWidth: 1 },
+        emphasis: { disabled: true },
+        levels: config.hasGroup ? [{ itemStyle: { borderColor: surface, borderWidth: 2, gapWidth: 2 } }, { itemStyle: { borderColor: surface, borderWidth: 0, gapWidth: 1 } }] : [{ itemStyle: { borderColor: surface, borderWidth: 0, gapWidth: 1 } }],
+        data
+      }
+    ]
+  };
+  return config.chartOptions ? mergeDeep5(option, config.chartOptions) : option;
+}
+function mergeDeep5(a, b) {
+  const out = { ...a };
+  for (const [k, v] of Object.entries(b)) {
+    const cur = out[k];
+    out[k] = v && cur && typeof v === "object" && typeof cur === "object" && !Array.isArray(v) && !Array.isArray(cur) ? mergeDeep5(cur, v) : v;
+  }
+  return out;
+}
+function treemapDataTable(model, names, formatters, labels, locale) {
+  const t = textOf7(locale);
+  const label2 = (key) => labels?.[key] ?? key;
+  const share = (v) => v === null || v <= 0 || model.total <= 0 ? EMPTY_VALUE : formatValue(v / model.total, "percent", locale);
+  return {
+    columns: [
+      ...names.group ? [labels?.[names.group] ?? t.group] : [],
+      labels?.[names.index] ?? t.item,
+      label2(names.value),
+      t.share,
+      ...names.color && names.color !== names.value ? [label2(names.color)] : []
+    ],
+    rows: model.leaves.map((leaf) => [
+      ...names.group ? [label2(leaf.group ?? EMPTY_VALUE)] : [],
+      label2(leaf.name),
+      leaf.value === null ? EMPTY_VALUE : formatters.value(leaf.value),
+      share(leaf.value),
+      ...names.color && names.color !== names.value ? [leaf.shade === null ? EMPTY_VALUE : formatters.color(leaf.shade)] : []
+    ])
+  };
+}
+function buildTreemapSummary(model, title, labels, locale) {
+  let best;
+  for (const g of model.groups) for (const l of g.leaves) if (!best || l.value > best.value) best = l;
+  if (!best || model.total <= 0) return void 0;
+  return `${title ? `${title}: ` : ""}${textOf7(locale).top(labels?.[best.name] ?? best.name, formatValue(best.value / model.total, "percent", locale))}`;
+}
+function colorsFor4(tokens, tone) {
+  const resolved = resolveChartColors([tone, "var(--foreground)", ...DEFAULT_CHART_COLORS, CHART_OTHER_COLOR], tokens);
+  const [toneColor = "", foreground = ""] = resolved;
+  return { toneColor, foreground, categories: resolved.slice(2) };
+}
+var NO_ROWS15 = [];
+function TreemapImpl({
+  data = NO_ROWS15,
+  index,
+  group,
+  value,
+  color,
+  labels,
+  format,
+  colorFormat,
+  valueFormatter,
+  tone = "chart-1",
+  showLegend = true,
+  showTooltip = true,
+  onSelect,
+  title,
+  summary,
+  isLoading,
+  emptyState,
+  height,
+  chartOptions,
+  actions,
+  fileName,
+  className,
+  ariaLabel,
+  ...rest
+}, ref) {
+  const rows = Array.isArray(data) ? data : NO_ROWS15;
+  const { ref: frameRef, surface, tokens } = useChartSurface(ref);
+  const locale = useLocale();
+  const formatter = useMemo(() => resolveValueFormatter(valueFormatter, format ?? "number", locale), [valueFormatter, format, locale]);
+  const colorFormatter = useMemo(() => resolveValueFormatter(void 0, colorFormat ?? format ?? "number", locale), [colorFormat, format, locale]);
+  const model = useMemo(() => buildTreemapModel({ data: rows, index, group, value, color }), [rows, index, group, value, color]);
+  const colorMode = color ? "numeric" : "category";
+  const colors = useMemo(() => colorsFor4(tokens, tone), [tokens, tone]);
+  const option = useMemo(
+    () => buildTreemapOption({
+      model,
+      hasGroup: !!group,
+      colorMode,
+      toneColor: colors.toneColor,
+      categoryColors: colors.categories,
+      surfaceColor: surface ?? void 0,
+      foregroundColor: colors.foreground || tokens?.foreground || "#111111",
+      labels,
+      valueFormatter: formatter,
+      colorFormatter,
+      colorKey: color,
+      showTooltip,
+      chartOptions,
+      locale
+    }),
+    [model, group, colorMode, colors, surface, tokens, labels, formatter, colorFormatter, color, showTooltip, chartOptions, locale]
+  );
+  const onEvents = useMemo(
+    () => onSelect ? {
+      click: (params) => {
+        const leaf = params.data?.leaf;
+        if (leaf) onSelect(leaf.row);
+      }
+    } : void 0,
+    [onSelect]
+  );
+  const dataTable = useMemo(
+    () => treemapDataTable(model, { index, group, value, color }, { value: formatter, color: colorFormatter }, labels, locale),
+    [model, index, group, value, color, formatter, colorFormatter, labels, locale]
+  );
+  const resolvedSummary = useMemo(
+    () => summary === "auto" ? buildTreemapSummary(model, title, labels, locale) : summary,
+    [summary, model, title, labels, locale]
+  );
+  const label2 = ariaLabel ?? textOf7(locale).chart(labels?.[value] ?? value ?? "");
+  const legendCategories = model.categories.length > MAX_CATEGORIES2 ? [...model.categories.slice(0, MAX_CATEGORIES2), otherSeriesLabel(locale)] : model.categories;
+  const legend = !showLegend ? null : colorMode === "numeric" ? /* @__PURE__ */ jsx("div", { "data-slot": "treemap-legend", className: "flex flex-wrap items-center gap-x-4 gap-y-1 text-xs text-muted-foreground tabular-nums", children: /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-2", children: [
+    color && /* @__PURE__ */ jsx("span", { children: labels?.[color] ?? color }),
+    /* @__PURE__ */ jsx("span", { children: colorFormatter(model.shadeMin) }),
+    /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "h-2 w-24 rounded-sm", style: { backgroundImage: rampGradientCss(tone) } }),
+    /* @__PURE__ */ jsx("span", { children: colorFormatter(model.shadeMax) })
+  ] }) }) : group ? /* @__PURE__ */ jsx(Legend, { categories: legendCategories, labels }) : null;
+  return /* @__PURE__ */ jsx(
+    ChartFrame,
+    {
+      ...chartRootProps(rest),
+      ref: frameRef,
+      title,
+      summary: resolvedSummary,
+      isLoading: isLoading ?? false,
+      isEmpty: rows.length === 0,
+      emptyState,
+      height,
+      variant: "bar",
+      ariaLabel: label2,
+      className,
+      dataTable,
+      children: /* @__PURE__ */ jsxs("div", { className: "flex h-full w-full flex-col gap-2", children: [
+        /* @__PURE__ */ jsx("div", { className: "min-h-0 flex-1", children: /* @__PURE__ */ jsx(EChart, { option, onEvents, height: "100%", ariaLabel: label2, actions, fileName, exportHeader: { title, summary: resolvedSummary } }) }),
+        legend
+      ] })
+    }
+  );
+}
+var Treemap = forwardRef(TreemapImpl);
+Treemap.displayName = "Treemap";
+var TEXT18 = {
   ja: {
     tones: { positive: "\u826F\u597D", warning: "\u6CE8\u610F", negative: "\u8981\u5BFE\u5FDC", neutral: "\u4E2D\u7ACB" },
     toneNote: (label2) => `\uFF08${label2}\uFF09`,
@@ -5381,7 +6686,7 @@ var TEXT14 = {
     exportCsv: "Export CSV"
   }
 };
-var useText = () => TEXT14[uiLanguage(useLocale())];
+var useText = () => TEXT18[uiLanguage(useLocale())];
 function resolveFormat(format, row) {
   return typeof format === "function" ? format(row) : format;
 }
@@ -5444,10 +6749,10 @@ function useDataTable() {
   if (!ctx) throw new Error("useDataTable must be used inside <DataTable>");
   return ctx;
 }
-var NO_ROWS12 = [];
+var NO_ROWS16 = [];
 function DataTable({
-  columns = NO_ROWS12,
-  data = NO_ROWS12,
+  columns = NO_ROWS16,
+  data = NO_ROWS16,
   enableSorting = true,
   sorting: sortingProp,
   onSortingChange,
@@ -5474,7 +6779,7 @@ function DataTable({
   children
 }) {
   const locale = useLocale();
-  const t = TEXT14[uiLanguage(locale)];
+  const t = TEXT18[uiLanguage(locale)];
   const [sorting, setSorting] = useControlledState(sortingProp, [], onSortingChange);
   const [columnFilters, setColumnFilters] = useControlledState(
     columnFiltersProp,
@@ -5983,7 +7288,7 @@ function DataTableExport({
       disabled: isLoading,
       children: [
         /* @__PURE__ */ jsx(Download, { className: "size-4", "aria-hidden": "true" }),
-        children ?? TEXT14[uiLanguage(locale)].exportCsv
+        children ?? TEXT18[uiLanguage(locale)].exportCsv
       ]
     }
   );
@@ -6017,8 +7322,150 @@ function DataTablePreset({
   ] });
 }
 DataTablePreset.displayName = "DataTablePreset";
+var FLOOR_SHARE = 0.2;
+var DEFAULT_CHART_HEIGHT3 = 288;
+var LIGHT_TEXT_FROM = 0.55;
+var dimText = (v) => v === null || v === void 0 || v === "" ? EMPTY_VALUE : String(v);
+var pivotCellKey = (rowKey, colKey) => `${rowKey.join("
")}\0${colKey.join("
")}`;
+function buildPivotModel(config) {
+  const { data, rows, columns, values } = config;
+  const rowKeys = /* @__PURE__ */ new Map();
+  const colKeys = /* @__PURE__ */ new Map();
+  const cells = /* @__PURE__ */ new Map();
+  for (const row of data) {
+    if (!row || typeof row !== "object") continue;
+    const rk = rows.map((d) => dimText(row[d]));
+    const ck = columns.map((d) => dimText(row[d]));
+    const rId = rk.join("
");
+    const cId = ck.join("
");
+    if (!rowKeys.has(rId)) rowKeys.set(rId, rk);
+    if (!colKeys.has(cId)) colKeys.set(cId, ck);
+    cells.set(pivotCellKey(rk, ck), row);
+  }
+  const ranges = {};
+  for (const value of values) {
+    let [lo, hi] = [Infinity, -Infinity];
+    for (const row of cells.values()) {
+      const n = toChartNumber(row[value]);
+      if (n !== null) [lo, hi] = [Math.min(lo, n), Math.max(hi, n)];
+    }
+    ranges[value] = { min: Number.isFinite(lo) ? lo : 0, max: Number.isFinite(hi) ? hi : 0 };
+  }
+  return {
+    rowKeys: rowKeys.size > 0 ? [...rowKeys.values()] : [rows.map(() => EMPTY_VALUE)],
+    colKeys: colKeys.size > 0 ? [...colKeys.values()] : [columns.map(() => EMPTY_VALUE)],
+    cells,
+    ranges
+  };
+}
+function pivotSpans(keys, level) {
+  const out = [];
+  const prefix = (k) => k.slice(0, level + 1).join("
");
+  keys.forEach((key, i) => {
+    const last = out[out.length - 1];
+    if (last && prefix(keys[last.start]) === prefix(key)) last.span++;
+    else out.push({ text: key[level] ?? "", start: i, span: 1 });
+  });
+  return out;
+}
+var TEXT19 = {
+  ja: { table: "\u30D4\u30DC\u30C3\u30C8\u8868" },
+  en: { table: "Pivot table" }
+};
+var NO_ROWS17 = [];
+var asList = (v) => Array.isArray(v) ? v.filter((x) => typeof x === "string") : [];
+function PivotTable({
+  data = NO_ROWS17,
+  rows: rowDims,
+  columns: colDims,
+  values: valueKeys,
+  formats,
+  labels,
+  highlight = false,
+  tone = "chart-1",
+  onSelect,
+  title,
+  summary,
+  isLoading,
+  emptyState,
+  maxHeight = 480,
+  className,
+  ariaLabel
+}) {
+  const locale = useLocale();
+  const t = TEXT19[uiLanguage(resolveLocale(locale))];
+  const dataRows = Array.isArray(data) ? data : NO_ROWS17;
+  const rows = useMemo(() => asList(rowDims), [rowDims]);
+  const columns = useMemo(() => asList(colDims), [colDims]);
+  const values = useMemo(() => asList(valueKeys), [valueKeys]);
+  const model = useMemo(() => buildPivotModel({ data: dataRows, rows, columns, values }), [dataRows, rows, columns, values]);
+  const label2 = (key) => labels?.[key] ?? key;
+  const R = rows.length;
+  const C = columns.length;
+  const V = values.length;
+  const valueRow = V > 1 || C === 0;
+  const H = C + (valueRow ? 1 : 0);
+  const shaded = (value) => highlight === true || highlight === value;
+  const isEmpty = dataRows.length === 0;
+  const ready = !isLoading && !isEmpty;
+  const cellStyle = (value, n) => {
+    if (n === null || !shaded(value)) return void 0;
+    const { min, max } = model.ranges[value] ?? { min: 0, max: 0 };
+    const ratio = max > min ? Math.min(1, Math.max(0, (n - min) / (max - min))) : 1;
+    const share = Math.round((FLOOR_SHARE + (1 - FLOOR_SHARE) * ratio) * 100);
+    return {
+      backgroundColor: `color-mix(in oklch, var(--${tone}) ${share}%, var(--card))`,
+      color: ratio >= LIGHT_TEXT_FROM ? "var(--card)" : void 0
+    };
+  };
+  const headerRows = Array.from({ length: H }, (_, h) => {
+    const lead = h === H - 1 ? rows.map((d, level) => /* @__PURE__ */ jsx(TableHead, { scope: "col", className: cn(level === 0 && "pl-0"), children: label2(d) }, `dim-${d}`)) : h === 0 && R > 0 ? [/* @__PURE__ */ jsx(TableHead, { colSpan: R, rowSpan: H - 1, "aria-hidden": "true" }, "corner")] : [];
+    const cells = h < C ? pivotSpans(model.colKeys, h).map((s) => /* @__PURE__ */ jsx(TableHead, { scope: "colgroup", colSpan: s.span * Math.max(1, V), className: "text-right", children: label2(s.text) }, `c-${h}-${s.start}`)) : model.colKeys.flatMap(
+      (_2, ci) => values.map((v) => /* @__PURE__ */ jsx(TableHead, { scope: "col", className: "text-right", children: label2(v) }, `v-${ci}-${v}`))
+    );
+    return /* @__PURE__ */ jsxs(TableRow, { className: "hover:bg-transparent", children: [
+      lead,
+      cells
+    ] }, `h-${h}`);
+  });
+  const rowSpans = rows.map((_, level) => new Map(pivotSpans(model.rowKeys, level).map((s) => [s.start, s.span])));
+  const body = model.rowKeys.map((rk, ri) => /* @__PURE__ */ jsxs(TableRow, { children: [
+    rows.map((d, level) => {
+      const span = rowSpans[level].get(ri);
+      if (span === void 0) return null;
+      return /* @__PURE__ */ jsx(TableHead, { scope: span > 1 ? "rowgroup" : "row", rowSpan: span, className: cn("align-top font-medium text-foreground", level === 0 && "pl-0"), children: label2(rk[level] ?? "") }, `rh-${d}`);
+    }),
+    model.colKeys.flatMap(
+      (ck, ci) => values.map((v) => {
+        const row = model.cells.get(pivotCellKey(rk, ck));
+        const n = row ? toChartNumber(row[v]) : null;
+        const text = formatValue(n, formats?.[v] ?? "number", locale);
+        return /* @__PURE__ */ jsx(TableCell, { className: "text-right tabular-nums", style: cellStyle(v, n), children: onSelect && row ? /* @__PURE__ */ jsx("button", { type: "button", className: "w-full cursor-pointer text-right tabular-nums", onClick: () => onSelect(row), children: text }) : text }, `c-${ci}-${v}`);
+      })
+    )
+  ] }, `r-${ri}`));
+  return /* @__PURE__ */ jsx(
+    ChartFrame,
+    {
+      title,
+      summary,
+      isLoading: isLoading ?? false,
+      isEmpty,
+      emptyState,
+      height: ready ? "auto" : DEFAULT_CHART_HEIGHT3,
+      variant: "list",
+      plotRole: "group",
+      ariaLabel: ariaLabel ?? title ?? t.table,
+      className,
+      children: /* @__PURE__ */ jsx("div", { "data-slot": "pivot-table", className: "relative w-full overflow-auto", style: { maxHeight }, children: /* @__PURE__ */ jsxs("table", { "data-slot": "table", "aria-label": ariaLabel ?? title ?? t.table, className: "w-full caption-bottom text-sm", children: [
+        /* @__PURE__ */ jsx(TableHeader, { className: "sticky top-0 z-10 bg-card", children: headerRows }),
+        /* @__PURE__ */ jsx(TableBody, { children: body })
+      ] }) })
+    }
+  );
+}
 var FilterBarContext = createContext(null);
-var TEXT15 = {
+var TEXT20 = {
   ja: {
     filters: "\u30D5\u30A3\u30EB\u30BF\u30FC",
     selected: (count) => ` (${count}\u4EF6\u9078\u629E\u4E2D)`,
@@ -6034,7 +7481,7 @@ var TEXT15 = {
     clearAll: "Clear all filters"
   }
 };
-var useText2 = () => TEXT15[uiLanguage(useLocale())];
+var useText2 = () => TEXT20[uiLanguage(useLocale())];
 function useFilterBar() {
   const ctx = useContext(FilterBarContext);
   if (!ctx) throw new Error("useFilterBar must be used within <FilterBar>");
@@ -6337,7 +7784,7 @@ var PRESET_LABELS = {
     lastFiscalYear: "Last fiscal year"
   }
 };
-var TEXT16 = {
+var TEXT21 = {
   ja: { placeholder: "\u671F\u9593\u3092\u9078\u629E", rangeSeparator: " - " },
   en: { placeholder: "Pick a date range", rangeSeparator: " \u2013 " }
 };
@@ -6438,7 +7885,7 @@ var DateRangePicker = forwardRef(
     const [open, setOpen] = useState(false);
     const isMobile = useIsMobile();
     const locale = useLocale(localeProp);
-    const t = TEXT16[uiLanguage(locale)];
+    const t = TEXT21[uiLanguage(locale)];
     const presets = useMemo(
       () => presetsProp ?? createDatePresets({ locale, fiscalYearStartMonth }),
       [presetsProp, locale, fiscalYearStartMonth]
@@ -6655,7 +8102,7 @@ function RemoveButton({ label: label2, onRemove, iconClassName }) {
     }
   );
 }
-var TEXT17 = {
+var TEXT22 = {
   ja: { placeholder: "\u9078\u629E\u3057\u3066\u304F\u3060\u3055\u3044", search: "\u691C\u7D22...", empty: "\u898B\u3064\u304B\u308A\u307E\u305B\u3093\u3067\u3057\u305F", clear: "\u30AF\u30EA\u30A2" },
   en: { placeholder: "Select an option", search: "Search...", empty: "No results found.", clear: "Clear" }
 };
@@ -6675,7 +8122,7 @@ var SearchableSelect = forwardRef(
     className
   }, ref) {
     const [open, setOpen] = useState(false);
-    const t = TEXT17[uiLanguage(useLocale())];
+    const t = TEXT22[uiLanguage(useLocale())];
     const allOptions = useMemo(() => flattenOptions(options), [options]);
     const selectedOption = useMemo(
       () => allOptions.find((opt) => opt.value === value),
@@ -6728,7 +8175,7 @@ var SearchableSelect = forwardRef(
   }
 );
 SearchableSelect.displayName = "SearchableSelect";
-var TEXT18 = {
+var TEXT23 = {
   ja: {
     placeholder: "\u9078\u629E\u3057\u3066\u304F\u3060\u3055\u3044",
     search: "\u691C\u7D22...",
@@ -6761,7 +8208,7 @@ var MultiSelect = forwardRef(function MultiSelect2({
 }, ref) {
   const [open, setOpen] = useState(false);
   const listId = useId();
-  const t = TEXT18[uiLanguage(useLocale())];
+  const t = TEXT23[uiLanguage(useLocale())];
   const allOptions = useMemo(() => flattenOptions(options), [options]);
   const selectedOptions = useMemo(
     () => allOptions.filter((opt) => value.includes(opt.value)),
@@ -7043,7 +8490,7 @@ var LONG_VALUE_CHARS = 10;
 var DELTA_UNDER_PLACEMENT = "col-start-1 row-span-1 row-start-3 justify-self-start";
 var KPI_FOOTER_CLASS = "flex-col items-start gap-2 rounded-none border-t-0 bg-transparent pt-0 text-sm";
 var PLACEHOLDER = /\{(\w+)\}/g;
-var TEXT19 = {
+var TEXT24 = {
   ja: {
     target: "\u76EE\u6A19",
     provisional: "\u901F\u5831",
@@ -7175,7 +8622,7 @@ function KpiCard({
   ...props
 }) {
   const locale = useLocale(localeProp);
-  const t = TEXT19[uiLanguage(locale)];
+  const t = TEXT24[uiLanguage(locale)];
   const allComparisons = [...comparisonProp ? [comparisonProp] : [], ...comparisons ?? []];
   const comparison = allComparisons[0];
   const isProvisional = provisional !== void 0 && provisional !== false;
@@ -7426,7 +8873,7 @@ function updatedAtText(updatedAt, display, locale, t, now, timeZone) {
   const absolute2 = formatDate(updatedAt, "datetime", locale, { timeZone });
   return display === "absolute" ? t.updatedAbsolute(absolute2) : t.updatedBoth(absolute2, relative2);
 }
-var TEXT20 = {
+var TEXT25 = {
   ja: {
     flat: (value) => `\u5909\u5316\u306A\u3057 ${value}%`,
     up: (value) => `${value}% \u5897\u52A0`,
@@ -7455,7 +8902,7 @@ var TrendIndicator = forwardRef(
     const isGood = direction === "neutral" ? null : direction === "up" === positiveIsGood;
     const sentiment = isGood === null ? "neutral" : isGood ? "positive" : "negative";
     const Icon = direction === "up" ? ArrowUp : direction === "down" ? ArrowDown : Minus;
-    const t = TEXT20[uiLanguage(useLocale())];
+    const t = TEXT25[uiLanguage(useLocale())];
     const ariaLabel = direction === "neutral" ? t.flat(value) : direction === "up" ? t.up(value) : t.down(value);
     return /* @__PURE__ */ jsxs(
       "span",
@@ -7576,6 +9023,6 @@ var Placeholder = forwardRef(function Placeholder2({ className, ...props }, ref)
 });
 Placeholder.displayName = "Placeholder";
 
-export { AppShell, AreaChart, BarChart, BarList, COMPARISON_LABELS, CategoryBar, ChartFrame, DEFAULT_SAMPLE_LABEL, DELTA_NOT_COMPARABLE, DashboardCard, DashboardCardAction, DashboardCardContent, DashboardCardDescription, DashboardCardFooter, DashboardCardHeader, DashboardCardPreset, DashboardCardSkeleton, DashboardCardTitle, DataTable, DataTableColumnVisibility, DataTableContent, DataTableExport, DataTablePagination, DataTablePreset, DataTableToolbar, DateRangePicker, Delta, DonutChart, FilterBar, FilterBarActiveChips, FilterBarClearButton, FilterBarMultiSelect, FilterBarPreset, FilterBarSelect, FunnelSteps, Heatmap, KpiCard, Legend, LineChart, MetricUnit, MetricValue, MultiSelect, PageShell, PageShellActions, PageShellContent, PageShellDescription, PageShellHeader, PageShellHeaderEnd, PageShellHeading, PageShellMeta, PageShellSummary, PageShellSummaryCard, PageShellTitle, Placeholder, ProgressCircle, RECORD_MIN_POINTS, SampleBadge, SampleClaim, SampleData, ScatterChart, SearchableSelect, SectionHeader, SegmentedControl, StatusBadge, Tracker, TrendIndicator, UpdatedAt, WaterfallChart, comparisonBaseline, comparisonLabel, computeComparison, computeTargetProgress, defaultChangeDisplay, defaultPresets, deltaVariants, detectRecord, fillKpiTemplate, flattenOptions, formatChange, formatChangeAmount, formatRelativeTime, funnelStepsVariants, inferPeriodGrain, isGroupedOptions, metricValueVariants, pageShellSummaryCardVariants, tableToCsv, toCsv, toneForValue, useDataTable, useSampleMark };
-//# sourceMappingURL=chunk-77CISBMG.js.map
-//# sourceMappingURL=chunk-77CISBMG.js.map
+export { AppShell, AreaChart, BarChart, BarList, COMPARISON_LABELS, CategoryBar, ChartFrame, ComboChart, DEFAULT_SAMPLE_LABEL, DELTA_NOT_COMPARABLE, DashboardCard, DashboardCardAction, DashboardCardContent, DashboardCardDescription, DashboardCardFooter, DashboardCardHeader, DashboardCardPreset, DashboardCardSkeleton, DashboardCardTitle, DataTable, DataTableColumnVisibility, DataTableContent, DataTableExport, DataTablePagination, DataTablePreset, DataTableToolbar, DateRangePicker, Delta, DonutChart, FilledMap, FilterBar, FilterBarActiveChips, FilterBarClearButton, FilterBarMultiSelect, FilterBarPreset, FilterBarSelect, FunnelSteps, Heatmap, KpiCard, Legend, LineChart, MetricUnit, MetricValue, MultiSelect, PageShell, PageShellActions, PageShellContent, PageShellDescription, PageShellHeader, PageShellHeaderEnd, PageShellHeading, PageShellMeta, PageShellSummary, PageShellSummaryCard, PageShellTitle, PivotTable, Placeholder, ProgressCircle, RECORD_MIN_POINTS, SampleBadge, SampleClaim, SampleData, ScatterChart, SearchableSelect, SectionHeader, SegmentedControl, StatusBadge, SymbolMap, Tracker, Treemap, TrendIndicator, UpdatedAt, WaterfallChart, comparisonBaseline, comparisonLabel, computeComparison, computeTargetProgress, defaultChangeDisplay, defaultPresets, deltaVariants, detectRecord, fillKpiTemplate, flattenOptions, formatChange, formatChangeAmount, formatRelativeTime, funnelStepsVariants, inferPeriodGrain, isGroupedOptions, metricValueVariants, pageShellSummaryCardVariants, tableToCsv, toCsv, toneForValue, useDataTable, useSampleMark };
+//# sourceMappingURL=chunk-NYQJ5UY4.js.map
+//# sourceMappingURL=chunk-NYQJ5UY4.js.map