@carto/ps-react-ui 4.11.3 → 4.12.1

package/dist/types/chat/use-typewriter.d.ts

@@ -1,7 +1,7 @@
 interface UseTypewriterOptions {
     /** Characters revealed per second (default: `500`). */
     speed?: number;
-    /** When true on mount, skip the animation and reveal the full text immediately. */
+    /** When true, reveal the full text immediately (and snap to it if it grows). */
     skipAnimation?: boolean;
 }
 interface UseTypewriterResult {
@@ -12,8 +12,10 @@ interface UseTypewriterResult {
 }
 /**
  * Reveals a string character-by-character at a steady rate via
- * `requestAnimationFrame`. Useful for smoothing out bursty WebSocket-streamed
- * agent message text — pair it with `ChatAgentMessage`.
+ * `requestAnimationFrame`. Designed for bursty, streamed agent text: as
+ * `fullText` grows the reveal keeps chasing the new end, and flipping
+ * `skipAnimation` to `true` (e.g. once generation finishes) snaps to the full
+ * text. Pair it with `ChatAgentMessage`.
  *
  * @example
  * ```tsx

package/dist/types/widgets/utils/chart-config/index.d.ts

@@ -5,5 +5,5 @@ export { defaultFormatter, defaultLabelFormatter } from '../formatter';
 export { createChartWidgetConfig } from './config-factory';
 export type { ChartWidgetBaseConfig, CreateChartWidgetConfigParams, } from './config-factory';
 export { flattenObjectArrayToCSV, scatterplotDataToCSV } from './csv-modifiers';
-export { buildLegendConfig, buildGridConfig, createTooltipPositioner, createAxisLabelFormatter, createTooltipFormatter, applyXAxisFormatter, applyYAxisFormatter, niceNum, buildSeriesLabelConfig, buildHistogramSeriesLabelConfig, } from './option-builders';
+export { buildLegendConfig, buildGridConfig, buildAxisLabelStyle, createTooltipPositioner, createAxisLabelFormatter, createTooltipFormatter, applyXAxisFormatter, applyYAxisFormatter, niceNum, buildSeriesLabelConfig, buildHistogramSeriesLabelConfig, } from './option-builders';
 export { createChartDownloadConfig } from './download-config';

package/dist/types/widgets-v2/actions/download/constants.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Canonical `DownloadItem.id`s for the built-in download formats. Centralised
+ * so the per-format builders — and anything that keys off the id (menu logic,
+ * tests) — reference one source of truth instead of re-typing string literals.
+ * The Markdown format keeps the short `'md'` id to match its `.md` extension.
+ */
+export declare const DOWNLOAD_ITEM_IDS: {
+    readonly png: "png";
+    readonly csv: "csv";
+    readonly markdown: "md";
+};
+export type DownloadItemId = (typeof DOWNLOAD_ITEM_IDS)[keyof typeof DOWNLOAD_ITEM_IDS];

package/dist/types/widgets-v2/actions/download/csv-item.d.ts

@@ -0,0 +1,38 @@
+import { DownloadItem } from './types';
+interface BuildCsvDownloadItemBase {
+    /** Base filename (without extension). The item appends `.csv`. */
+    filename: string;
+    /** Override the menu label. Default `'CSV'`. */
+    label?: string;
+}
+/**
+ * Args for {@link buildCsvDownloadItem}. A discriminated union: a caller must
+ * supply exactly one content source — `getRows` (rows serialised through the
+ * shared `toCsvString`) or `getCsv` (a pre-built CSV string). The `?: never`
+ * arms make passing both — or neither — a compile-time error.
+ */
+export type BuildCsvDownloadItemArgs = (BuildCsvDownloadItemBase & {
+    /**
+     * Builds the CSV rows at click time. Used by most widgets — rows are run
+     * through `toCsvString` so escaping (incl. the spreadsheet
+     * formula-injection guard) stays consistent across widgets.
+     */
+    getRows: () => readonly (readonly unknown[])[];
+    getCsv?: never;
+}) | (BuildCsvDownloadItemBase & {
+    /**
+     * Returns a pre-built CSV string at click time. Escape hatch for widgets
+     * (e.g. Table) that already serialise their own CSV with bespoke
+     * header/cell handling.
+     */
+    getCsv: () => string;
+    getRows?: never;
+});
+/**
+ * Builds the standard CSV `DownloadItem` used by every per-widget download
+ * config. Centralised so the menu label, icon, and `.csv` filename suffix stay
+ * consistent across widgets — mirrors {@link buildPngDownloadItem} so neither
+ * format can drift again.
+ */
+export declare function buildCsvDownloadItem(args: BuildCsvDownloadItemArgs): DownloadItem;
+export {};

package/dist/types/widgets-v2/actions/download/icons.d.ts

@@ -5,6 +5,12 @@ import { SvgIconProps } from '@mui/material';
  * config's `icon` override without pulling MUI directly.
  */
 export declare function PNGIcon(props: SvgIconProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Generic "document" glyph used for the Markdown download item. Wraps MUI's
+ * `ArticleOutlined`, mirroring {@link PNGIcon}, so the Markdown menu item
+ * carries an icon consistent with the other download formats.
+ */
+export declare function MarkdownIcon(props: SvgIconProps): import("react/jsx-runtime").JSX.Element;
 /**
  * "CSV" rectangle with the letters spelled inside — matches v1 visual and is
  * easier to recognise in a download menu than a generic table glyph.

package/dist/types/widgets-v2/actions/download/index.d.ts

@@ -1,6 +1,8 @@
 export { Download, type DownloadProps } from './download';
 export { downloadToCSV, downloadDOMToPNG, toCsvString, triggerLinkDownload, type DownloadHandle, type DownloadDOMToPNGOptions, } from './exports';
-export { CSVIcon, PNGIcon } from './icons';
+export { CSVIcon, PNGIcon, MarkdownIcon } from './icons';
 export { buildPngDownloadItem, type BuildPngDownloadItemArgs } from './png-item';
+export { buildCsvDownloadItem, type BuildCsvDownloadItemArgs } from './csv-item';
+export { DOWNLOAD_ITEM_IDS, type DownloadItemId } from './constants';
 export type { DownloadItem } from './types';
 export { DEFAULT_DOWNLOAD_LABELS, type DownloadLabels } from './labels';

package/dist/types/widgets-v2/actions/index.d.ts

@@ -4,7 +4,7 @@ export { ShowAllToggle, setShowAll, SHOW_ALL_ID, DEFAULT_SHOW_ALL_LABELS, type S
 export { ZoomToggle, addZoom, createAddZoom, ZOOM_LAYOUT, DEFAULT_ZOOM_TOGGLE_LABELS, type ZoomToggleProps, type ZoomToggleLabels, } from './zoom-toggle';
 export { BrushToggle, addBrush, DEFAULT_BRUSH_TOGGLE_LABELS, type BrushToggleProps, type BrushToggleLabels, } from './brush-toggle';
 export { RelativeData, toRelativeData, createPercentFormatter, DEFAULT_RELATIVE_DATA_LABELS, type RelativeDataProps, type RelativeDataLabels, } from './relative-data';
-export { Download, downloadToCSV, downloadDOMToPNG, toCsvString, triggerLinkDownload, buildPngDownloadItem, CSVIcon, PNGIcon, DEFAULT_DOWNLOAD_LABELS, type DownloadProps, type DownloadItem, type DownloadHandle, type DownloadDOMToPNGOptions, type BuildPngDownloadItemArgs, type DownloadLabels, } from './download';
+export { Download, downloadToCSV, downloadDOMToPNG, toCsvString, triggerLinkDownload, buildPngDownloadItem, buildCsvDownloadItem, CSVIcon, PNGIcon, MarkdownIcon, DEFAULT_DOWNLOAD_LABELS, DOWNLOAD_ITEM_IDS, type DownloadProps, type DownloadItem, type DownloadItemId, type DownloadHandle, type DownloadDOMToPNGOptions, type BuildPngDownloadItemArgs, type BuildCsvDownloadItemArgs, type DownloadLabels, } from './download';
 export { FullScreen, DEFAULT_FULLSCREEN_LABELS, type FullScreenTriggerProps, type FullScreenSlotProps, type FullScreenLabels, type FullScreenWidgetState, } from './fullscreen';
 export { LockSelection, filterByLockedItems, DEFAULT_LOCK_SELECTION_LABELS, type LockSelectionProps, type LockSelectionKey, type LockSelectionLabels, } from './lock-selection';
 export { ChangeColumn, DEFAULT_CHANGE_COLUMN_LABELS, type ChangeColumnProps, type ChangeColumnItem, type ChangeColumnLabels, type ChangeColumnWidgetState, } from './change-column';

package/dist/types/widgets-v2/pie/skeleton.d.ts

@@ -1,4 +1,13 @@
 export interface PieSkeletonProps {
     count?: number;
 }
+/**
+ * Loading state for the Pie widget. Mirrors the donut silhouette — a ring
+ * (gray circle with a background-coloured hole punched out), a stacked
+ * value/name stub in the centre, and a centered legend stub below — so the
+ * skeleton reads as "a donut chart" rather than a solid disc.
+ *
+ * Single donut only: multi-series pie loads as a horizontal bar chart, so
+ * rendering one ring stays honest regardless of `count`.
+ */
 export declare function PieSkeleton({ count }: PieSkeletonProps): import("react/jsx-runtime").JSX.Element;

package/dist/widgets/bar.js

@@ -7,7 +7,7 @@ import "zustand/shallow";
 import { g as w } from "../options-CthfUJDz.js";
 import { m as v } from "../utils-BOhInag6.js";
 import { c as L, f as S } from "../download-config-oJIFZ2WC.js";
-import { h as _, f as C, g as M, n as u, a as A, c as I, d as N } from "../option-builders-F-c9ELi1.js";
+import { i as _, f as C, g as M, n as u, a as A, c as I, d as N } from "../option-builders-DPeoyQaM.js";
 import { Box as l, Skeleton as o } from "@mui/material";
 import { b as T } from "../styles-cohnxh9F.js";
 const R = L(S);

package/dist/widgets/histogram.js

@@ -6,7 +6,7 @@ import "../widget-store-Bw5zRUGg.js";
 import "zustand/shallow";
 import { g as k } from "../options-CthfUJDz.js";
 import { m as C } from "../utils-BOhInag6.js";
-import { i as v, f as $, g as A, n as u, c as M, d as T } from "../option-builders-F-c9ELi1.js";
+import { j as v, f as $, g as A, n as u, c as M, d as T } from "../option-builders-DPeoyQaM.js";
 import { Box as f, Skeleton as y } from "@mui/material";
 import "@mui/icons-material";
 import { d as h, a as d } from "../exports-Cr43OCul.js";

package/dist/widgets/pie.js

@@ -7,7 +7,7 @@ import "zustand/shallow";
 import { g as L } from "../options-CthfUJDz.js";
 import { m as N } from "../utils-BOhInag6.js";
 import { c as j, f as A } from "../download-config-oJIFZ2WC.js";
-import { h as O, f as b, g as T, n as v, c as S, d as _ } from "../option-builders-F-c9ELi1.js";
+import { i as O, f as b, g as T, n as v, c as S, d as _ } from "../option-builders-DPeoyQaM.js";
 import { Box as h, Skeleton as f } from "@mui/material";
 import { b as z } from "../styles-cohnxh9F.js";
 const ee = j(A);

package/dist/widgets/scatterplot.js

@@ -1,20 +1,20 @@
 import { jsxs as g, jsx as n } from "react/jsx-runtime";
-import { c as h } from "react/compiler-runtime";
+import { c as b } from "react/compiler-runtime";
 import "react";
 import "echarts";
 import "../widget-store-Bw5zRUGg.js";
 import "zustand/shallow";
-import { g as b } from "../options-CthfUJDz.js";
+import { g as h } from "../options-CthfUJDz.js";
 import { m as S } from "../utils-BOhInag6.js";
 import { c as v, s as k } from "../download-config-oJIFZ2WC.js";
-import { h as w, f as L, b as I, a as _, d as C } from "../option-builders-F-c9ELi1.js";
+import { i as w, f as L, b as I, a as _, d as C } from "../option-builders-DPeoyQaM.js";
 import { Box as p, Skeleton as c } from "@mui/material";
 import { b as A } from "../styles-cohnxh9F.js";
 const G = v(k);
 function H(e) {
   return {
     type: "scatterplot",
-    option: S(b(e), D(e)),
+    option: S(h(e), D(e)),
     formatter: e.formatter,
     labelFormatter: e.labelFormatter
   };
@@ -180,7 +180,7 @@ const f = {
   top: "40%"
 }];
 function J() {
-  const e = h(2);
+  const e = b(2);
   let t;
   e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t = T.map(O), e[0] = t) : t = e[0];
   let o;

package/dist/widgets/timeseries.js

@@ -7,7 +7,7 @@ import "zustand/shallow";
 import { g as b } from "../options-CthfUJDz.js";
 import { m as k } from "../utils-BOhInag6.js";
 import { c as v, f as w } from "../download-config-oJIFZ2WC.js";
-import { h as L, f as C, b as I, a as S, c as _, d as A } from "../option-builders-F-c9ELi1.js";
+import { i as L, f as C, b as I, a as S, c as _, d as A } from "../option-builders-DPeoyQaM.js";
 import { Box as l, Skeleton as r } from "@mui/material";
 import { b as j } from "../styles-cohnxh9F.js";
 const H = v(w);

package/dist/widgets/utils.js

@@ -1,6 +1,6 @@
 import { d as i, a as n } from "../formatter-B9Bxn1k7.js";
 import { c as f, f as p, s as c } from "../download-config-oJIFZ2WC.js";
-import { a as d, b as u, c as b, d as x, e as C, f as g, g as F, n as y } from "../option-builders-F-c9ELi1.js";
+import { a as d, b as u, c as b, d as x, e as C, f as g, g as F, n as y } from "../option-builders-DPeoyQaM.js";
 import { b as S } from "../styles-cohnxh9F.js";
 function r({
   type: a,

package/dist/widgets-v2/actions.js

@@ -1,47 +1,51 @@
-import { B as s, C as e, D as o, a as A, b as E, c as S, d as t, e as _, f as r, g as T, h as l, i as D, j as d, F as c, L as g, R as n, S as B, k as O, l as C, m as F, n as U, Z as m, o as h, p as i, q as G, r as R, s as f, t as w, u as I, v as N } from "../change-column-DjjwoPt1.js";
-import { Z as k, a as u, c as x } from "../transforms-Cdx4fkU5.js";
-import { d as H, a as P, t as b, b as v } from "../exports-Cx-f6m6U.js";
-import { C as V, P as W, b as y } from "../png-item-BE9uEqlD.js";
+import { B as L, C as o, D as e, a as A, b as E, c as r, d as t, e as S, f as _, g as T, h as l, i as D, j as d, F as n, L as c, R as O, S as g, k as B, l as C, m, n as F, Z as U, o as i, p as I, q as h, r as w, s as G, t as f, u as N, v as R } from "../change-column-DjjwoPt1.js";
+import { Z as u, a as x, c as M } from "../transforms-Cdx4fkU5.js";
+import { d as b, a as p, t as v, b as H } from "../exports-Cx-f6m6U.js";
+import { C as W, D as V, M as y, P as K, b as j } from "../png-item-9dNbB37T.js";
+import { b as Y } from "../csv-item-hH_Gt7ur.js";
 export {
-  s as BrushToggle,
-  V as CSVIcon,
-  e as ChangeColumn,
-  o as DEFAULT_BRUSH_TOGGLE_LABELS,
+  L as BrushToggle,
+  W as CSVIcon,
+  o as ChangeColumn,
+  e as DEFAULT_BRUSH_TOGGLE_LABELS,
   A as DEFAULT_CHANGE_COLUMN_LABELS,
   E as DEFAULT_DOWNLOAD_LABELS,
-  S as DEFAULT_FULLSCREEN_LABELS,
+  r as DEFAULT_FULLSCREEN_LABELS,
   t as DEFAULT_LOCK_SELECTION_LABELS,
-  _ as DEFAULT_RELATIVE_DATA_LABELS,
-  r as DEFAULT_SEARCHER_LABELS,
+  S as DEFAULT_RELATIVE_DATA_LABELS,
+  _ as DEFAULT_SEARCHER_LABELS,
   T as DEFAULT_SHOW_ALL_LABELS,
   l as DEFAULT_STACK_TOGGLE_LABELS,
   D as DEFAULT_ZOOM_TOGGLE_LABELS,
+  V as DOWNLOAD_ITEM_IDS,
   d as Download,
-  c as FullScreen,
-  g as LockSelection,
-  W as PNGIcon,
-  n as RelativeData,
-  B as SHOW_ALL_ID,
-  O as Searcher,
+  n as FullScreen,
+  c as LockSelection,
+  y as MarkdownIcon,
+  K as PNGIcon,
+  O as RelativeData,
+  g as SHOW_ALL_ID,
+  B as Searcher,
   C as SearcherToggle,
-  F as ShowAllToggle,
-  U as StackToggle,
-  k as ZOOM_LAYOUT,
-  m as ZoomToggle,
-  h as addBrush,
-  i as addStack,
-  u as addZoom,
-  y as buildPngDownloadItem,
-  x as createAddZoom,
-  G as createPercentFormatter,
-  H as downloadDOMToPNG,
-  P as downloadToCSV,
-  R as filterByLockedItems,
-  f as filterBySearchText,
-  w as setSearcherText,
-  I as setShowAll,
-  b as toCsvString,
-  N as toRelativeData,
-  v as triggerLinkDownload
+  m as ShowAllToggle,
+  F as StackToggle,
+  u as ZOOM_LAYOUT,
+  U as ZoomToggle,
+  i as addBrush,
+  I as addStack,
+  x as addZoom,
+  Y as buildCsvDownloadItem,
+  j as buildPngDownloadItem,
+  M as createAddZoom,
+  h as createPercentFormatter,
+  b as downloadDOMToPNG,
+  p as downloadToCSV,
+  w as filterByLockedItems,
+  G as filterBySearchText,
+  f as setSearcherText,
+  N as setShowAll,
+  v as toCsvString,
+  R as toRelativeData,
+  H as triggerLinkDownload
 };
 //# sourceMappingURL=actions.js.map

package/dist/widgets-v2/actions.js.map

@@ -1 +1 @@
-{"version":3,"file":"actions.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
+{"version":3,"file":"actions.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/dist/widgets-v2/bar.js

@@ -1,8 +1,8 @@
-import * as E from "echarts";
-import { n as y, d as G, g as N, c as V, f as H } from "../option-builders-F-c9ELi1.js";
-import { jsx as p, jsxs as O } from "react/jsx-runtime";
-import { c as R } from "react/compiler-runtime";
-import { Box as g, Skeleton as L } from "@mui/material";
+import * as N from "echarts";
+import { h as B, n as y, d as R, g as H, c as W, f as Y } from "../option-builders-DPeoyQaM.js";
+import { jsx as d, jsxs as _ } from "react/jsx-runtime";
+import { c as q } from "react/compiler-runtime";
+import { Box as g, Skeleton as I } from "@mui/material";
 import "../widget-store-Bw5zRUGg.js";
 import "zustand/shallow";
 import "@mui/icons-material";
@@ -20,24 +20,24 @@ import "zustand";
 import "zustand/vanilla";
 import "zustand/middleware";
 import "zustand/react/shallow";
-import { Z as B } from "../transforms-Cdx4fkU5.js";
-import { m as W, r as Y } from "../resolve-theme-color-BdojIw0K.js";
-import { p as q } from "../data-zoom-layout-CkVnm6ej.js";
-import { a as U } from "../exports-Cx-f6m6U.js";
-import { b as J, C as K } from "../png-item-BE9uEqlD.js";
+import { Z as O } from "../transforms-Cdx4fkU5.js";
+import { m as z, r as U } from "../resolve-theme-color-BdojIw0K.js";
+import { p as V } from "../data-zoom-layout-CkVnm6ej.js";
+import { b as J } from "../png-item-9dNbB37T.js";
+import { b as K } from "../csv-item-hH_Gt7ur.js";
 function Q({
   theme: e,
   formatter: o,
   labelFormatter: t
 }) {
-  let s = 0, i = 1;
+  let s = 0, n = 1;
   return {
     grid: {
       left: parseInt(e.spacing(1)),
       top: parseInt(e.spacing(3)),
       right: parseInt(e.spacing(1)),
       // Default: no legend. Merger bumps this when there are >1 series.
-      ...V(!1, e),
+      ...W(!1, e),
       containLabel: !0
     },
     tooltip: {
@@ -53,13 +53,13 @@ function Q({
       axisPointer: {
         type: "line"
       },
-      position: N(e),
-      formatter: _(o, t)
+      position: H(e),
+      formatter: M(o, t)
     },
     // Legend styling baked here; `show` is toggled by the merger based on
     // series count.
     legend: {
-      ...G({
+      ...R({
         hasLegend: !1,
         labelFormatter: t
       })
@@ -79,6 +79,7 @@ function Q({
         show: !1
       },
       axisLabel: {
+        ...B(e),
         padding: [parseInt(e.spacing(0.5)), 0, 0, 0],
         margin: 0,
         hideOverlap: !0,
@@ -90,7 +91,7 @@ function Q({
     yAxis: {
       type: "value",
       min: (a) => (s = a.min < 0 ? y(a.min) : 0, s),
-      max: (a) => (i = a.max <= 0 ? 1 : y(a.max), i),
+      max: (a) => (n = a.max <= 0 ? 1 : y(a.max), n),
       axisLine: {
         show: !1
       },
@@ -104,15 +105,14 @@ function Q({
         }
       },
       axisLabel: {
-        fontSize: e.typography.overlineDelicate?.fontSize,
-        fontFamily: e.typography.overlineDelicate?.fontFamily,
+        ...B(e),
         margin: parseInt(e.spacing(1)),
         show: !0,
         showMaxLabel: !0,
         showMinLabel: !0,
         verticalAlign: "bottom",
         inside: !0,
-        formatter: (a) => a !== i && a !== s || a === 0 ? "" : o ? o(a) : String(a)
+        formatter: (a) => a !== n && a !== s || a === 0 ? "" : o ? o(a) : String(a)
       }
     }
   };
@@ -122,43 +122,43 @@ function Te(e) {
     theme: o,
     formatter: t,
     labelFormatter: s,
-    optionsOverride: i
-  } = e, a = e.series, c = e.selection, m = c && c.length > 0 ? new Set(c) : null;
-  return (n, I, C) => {
-    if (n == null) {
+    optionsOverride: n
+  } = e, a = e.series, c = e.selection, f = c && c.length > 0 ? new Set(c) : null;
+  return (i, C, v) => {
+    if (i == null) {
       const r = Q({
         theme: o,
         formatter: t,
         labelFormatter: s
       });
-      return i ? W(r, i) : r;
+      return n ? z(r, n) : r;
     }
-    const u = Array.isArray(I) ? I : [];
+    const u = Array.isArray(C) ? C : [];
     if (u.length === 0)
       return {
-        ...n,
+        ...i,
         dataset: [],
         series: []
       };
-    const b = u.length > 1, F = typeof n.legend == "object" && !Array.isArray(n.legend) ? n.legend : {}, x = typeof n.grid == "object" && !Array.isArray(n.grid) ? n.grid : {}, M = typeof n.tooltip == "object" && !Array.isArray(n.tooltip) ? n.tooltip : {}, k = typeof n.yAxis == "object" && !Array.isArray(n.yAxis) ? n.yAxis : {}, T = Array.isArray(n.series) ? n.series : [], D = T[0] ?? {}, h = C?.formatter, P = C?.labelFormatter;
-    let S = 0, A = 1;
-    const w = q(n.dataZoom, b), Z = typeof x.bottom == "number" ? x.bottom : 24, j = b ? 56 : Z, $ = w ? j + B.sliderHeight + B.sliderGap : j, z = {
+    const b = u.length > 1, D = typeof i.legend == "object" && !Array.isArray(i.legend) ? i.legend : {}, x = typeof i.grid == "object" && !Array.isArray(i.grid) ? i.grid : {}, F = typeof i.tooltip == "object" && !Array.isArray(i.tooltip) ? i.tooltip : {}, k = typeof i.yAxis == "object" && !Array.isArray(i.yAxis) ? i.yAxis : {}, T = Array.isArray(i.series) ? i.series : [], Z = T[0] ?? {}, h = v?.formatter, P = v?.labelFormatter;
+    let A = 0, w = 1;
+    const L = V(i.dataZoom, b), $ = typeof x.bottom == "number" ? x.bottom : 24, j = b ? 56 : $, E = L ? j + O.sliderHeight + O.sliderGap : j, G = {
       color: (r) => {
         const l = r.color;
-        if (!m) return l;
-        const d = r.value?.name ?? r.name;
-        return d != null && m.has(d) ? l : E.color.modifyAlpha(l, 0.15);
+        if (!f) return l;
+        const m = r.value?.name ?? r.name;
+        return m != null && f.has(m) ? l : N.color.modifyAlpha(l, 0.15);
       }
     };
     return {
-      ...n,
+      ...i,
       dataset: u.map((r) => ({
         source: r
       })),
       series: u.map((r, l) => {
-        const v = T[l] ?? D, d = Y(o, a?.[l]?.color);
+        const S = T[l] ?? Z, m = U(o, a?.[l]?.color);
         return {
-          ...typeof v == "object" ? v : {},
+          ...typeof S == "object" ? S : {},
           type: "bar",
           datasetIndex: l,
           name: a?.[l]?.name ?? `Series ${l + 1}`,
@@ -170,51 +170,51 @@ function Te(e) {
           emphasis: {
             focus: "series"
           },
-          itemStyle: z,
-          ...d ? {
-            color: d
+          itemStyle: G,
+          ...m ? {
+            color: m
           } : {}
         };
       }),
       legend: {
-        ...F,
+        ...D,
         show: b
       },
       grid: {
         ...x,
-        bottom: $
+        bottom: E
       },
-      ...w ? {
-        dataZoom: w
+      ...L ? {
+        dataZoom: L
       } : {},
       yAxis: {
         ...k,
-        min: (r) => (S = r.min < 0 ? y(r.min) : 0, S),
-        max: (r) => (A = r.max <= 0 ? 1 : y(r.max), A),
+        min: (r) => (A = r.min < 0 ? y(r.min) : 0, A),
+        max: (r) => (w = r.max <= 0 ? 1 : y(r.max), w),
         axisLabel: {
           ...k.axisLabel ?? {},
-          formatter: (r) => r !== A && r !== S || r === 0 ? "" : h ? h(r) : String(r)
+          formatter: (r) => r !== w && r !== A || r === 0 ? "" : h ? h(r) : String(r)
         }
       },
       tooltip: {
-        ...M,
-        formatter: _(h, P)
+        ...F,
+        formatter: M(h, P)
       }
     };
   };
 }
-function _(e, o) {
-  return H((t) => {
-    const i = t.value?.value, a = typeof i == "number" && e ? e(i) : i ?? "", c = typeof t.marker == "string" ? t.marker : "", m = t.seriesName ? `${t.seriesName}: ` : "", n = o ? String(o(t.name ?? "")) : t.name ?? "";
+function M(e, o) {
+  return Y((t) => {
+    const n = t.value?.value, a = typeof n == "number" && e ? e(n) : n ?? "", c = typeof t.marker == "string" ? t.marker : "", f = t.seriesName ? `${t.seriesName}: ` : "", i = o ? String(o(t.name ?? "")) : t.name ?? "";
     return {
-      name: String(n),
-      seriesName: m,
+      name: String(i),
+      seriesName: f,
       marker: c,
       value: a
     };
   });
 }
-const f = {
+const p = {
   container: {
     display: "flex",
     alignItems: "center",
@@ -264,23 +264,23 @@ const f = {
   }
 }, X = ["20%", "40%", "60%", "20%", "80%"];
 function je() {
-  const e = R(2);
+  const e = q(2);
   let o;
-  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (o = /* @__PURE__ */ p(g, { sx: f.grid, children: X.map(te) }), e[0] = o) : o = e[0];
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (o = /* @__PURE__ */ d(g, { sx: p.grid, children: X.map(te) }), e[0] = o) : o = e[0];
   let t;
-  return e[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ O(g, { sx: f.container, children: [
+  return e[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ _(g, { sx: p.container, children: [
     o,
-    /* @__PURE__ */ p(g, { sx: f.legend, children: [0, 1].map(ee) })
+    /* @__PURE__ */ d(g, { sx: p.legend, children: [0, 1].map(ee) })
   ] }), e[1] = t) : t = e[1], t;
 }
 function ee(e) {
-  return /* @__PURE__ */ O(g, { sx: f.legendItem, children: [
-    /* @__PURE__ */ p(L, { variant: "circular", width: 8, height: 8 }),
-    /* @__PURE__ */ p(L, { width: 48, height: 8 })
+  return /* @__PURE__ */ _(g, { sx: p.legendItem, children: [
+    /* @__PURE__ */ d(I, { variant: "circular", width: 8, height: 8 }),
+    /* @__PURE__ */ d(I, { width: 48, height: 8 })
   ] }, `legend-${e}`);
 }
 function te(e, o) {
-  return /* @__PURE__ */ p(L, { sx: f.bar, variant: "rectangular", height: e }, `bar-${o}`);
+  return /* @__PURE__ */ d(I, { sx: p.bar, variant: "rectangular", height: e }, `bar-${o}`);
 }
 function Be(e) {
   const o = [];
@@ -289,24 +289,17 @@ function Be(e) {
     getCaptureEl: e.getCaptureEl,
     pixelRatio: e.pngPixelRatio,
     backgroundColor: e.pngBackgroundColor
-  })), o.push({
-    id: "csv",
-    label: "CSV",
-    icon: /* @__PURE__ */ p(K, { fontSize: "small" }),
-    resolve: () => {
+  })), o.push(K({
+    filename: e.filename,
+    getRows: () => {
       const t = e.getData(), s = [];
-      for (const [a, c] of t.entries()) {
-        a > 0 && s.push([]), s.push(["name", "value"]);
-        for (const m of c) s.push([m.name, m.value]);
+      for (const [n, a] of t.entries()) {
+        n > 0 && s.push([]), s.push(["name", "value"]);
+        for (const c of a) s.push([c.name, c.value]);
       }
-      const i = U(s);
-      return Promise.resolve({
-        url: i.url,
-        filename: `${e.filename}.csv`,
-        revoke: i.revoke
-      });
+      return s;
     }
-  }), o;
+  })), o;
 }
 export {
   je as BarSkeleton,