@sia.soul/sia-react-ui 0.1.4 → 0.1.5

package/dist/index.cjs

@@ -4323,7 +4323,7 @@ function openDrawer(config) {
   let currentOpen = true;
   let destroyed = false;
   let cleanupTimer;
-  function cleanup() {
+  function cleanup2() {
     if (destroyed) return;
     destroyed = true;
     if (cleanupTimer !== void 0) window.clearTimeout(cleanupTimer);
@@ -4335,7 +4335,7 @@ function openDrawer(config) {
     if (destroyed || !currentOpen) return;
     currentOpen = false;
     render();
-    cleanupTimer = window.setTimeout(cleanup, DRAWER_MOTION_DURATION + 100);
+    cleanupTimer = window.setTimeout(cleanup2, DRAWER_MOTION_DURATION + 100);
   }
   function render() {
     root.render(/* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
@@ -4350,7 +4350,7 @@ function openDrawer(config) {
         afterOpen: () => currentConfig.afterOpen?.(),
         afterClose: () => {
           currentConfig.afterClose?.();
-          cleanup();
+          cleanup2();
         }
       }
     ));
@@ -8691,7 +8691,7 @@ function Markdown2({ content, emptyText = "\u6682\u65E0 Markdown \u5185\u5BB9",
     });
     return () => {
       cancelled = true;
-      cleanups.forEach((cleanup) => cleanup());
+      cleanups.forEach((cleanup2) => cleanup2());
     };
   }, [html, imagePreview, resolveImageSrc]);
   function openImagePreview(target) {
@@ -9102,7 +9102,7 @@ function openModal(config) {
   let currentOpen = true;
   let destroyed = false;
   let cleanupTimer;
-  function cleanup() {
+  function cleanup2() {
     if (destroyed) return;
     destroyed = true;
     if (cleanupTimer !== void 0) window.clearTimeout(cleanupTimer);
@@ -9114,7 +9114,7 @@ function openModal(config) {
     if (destroyed || !currentOpen) return;
     currentOpen = false;
     render();
-    cleanupTimer = window.setTimeout(cleanup, MODAL_MOTION_DURATION);
+    cleanupTimer = window.setTimeout(cleanup2, MODAL_MOTION_DURATION);
   }
   function render() {
     root.render(/* @__PURE__ */ (0, import_jsx_runtime41.jsx)(ModalRoot, { ...currentConfig, open: currentOpen, onOpenChange: (nextOpen) => {
@@ -9797,14 +9797,76 @@ function Treemap({
   );
 }
 
-// src/components/Table/TableCellContent.tsx
+// src/components/useScrollbarProximity.ts
 var import_react41 = require("react");
+var users = 0;
+var cleanup;
+function useScrollbarProximity() {
+  (0, import_react41.useEffect)(() => {
+    if (users++ === 0) {
+      let frame = 0;
+      let x = -Infinity;
+      let y = -Infinity;
+      const nearby = /* @__PURE__ */ new Set();
+      const clear = () => {
+        nearby.forEach((track) => track.removeAttribute("data-scrollbar-near"));
+        nearby.clear();
+      };
+      const update = () => {
+        frame = 0;
+        const next = /* @__PURE__ */ new Set();
+        document.querySelectorAll(".sia-scrollbar-track").forEach((track) => {
+          const rect = track.getBoundingClientRect();
+          const proximity = Number.parseFloat(getComputedStyle(track).getPropertyValue("--sia-scrollbar-proximity")) || 16;
+          if (rect.width && rect.height && x >= rect.left - proximity && x <= rect.right + proximity && y >= rect.top - proximity && y <= rect.bottom + proximity) {
+            next.add(track);
+            if (!nearby.has(track)) track.setAttribute("data-scrollbar-near", "true");
+          }
+        });
+        nearby.forEach((track) => {
+          if (!next.has(track)) track.removeAttribute("data-scrollbar-near");
+        });
+        nearby.clear();
+        next.forEach((track) => nearby.add(track));
+      };
+      const move = (event) => {
+        if (event.pointerType === "touch") return;
+        x = event.clientX;
+        y = event.clientY;
+        if (!frame) frame = requestAnimationFrame(update);
+      };
+      const leave = () => {
+        x = y = -Infinity;
+        clear();
+      };
+      document.addEventListener("pointermove", move, { passive: true });
+      document.documentElement.addEventListener("pointerleave", leave);
+      window.addEventListener("blur", leave);
+      cleanup = () => {
+        if (frame) cancelAnimationFrame(frame);
+        document.removeEventListener("pointermove", move);
+        document.documentElement.removeEventListener("pointerleave", leave);
+        window.removeEventListener("blur", leave);
+        clear();
+      };
+    }
+    return () => {
+      if (--users === 0) {
+        cleanup?.();
+        cleanup = void 0;
+      }
+    };
+  }, []);
+}
+
+// src/components/Table/TableCellContent.tsx
+var import_react42 = require("react");
 var import_jsx_runtime45 = require("react/jsx-runtime");
 function TableCellContent({ children, ellipsis, title }) {
-  const ref = (0, import_react41.useRef)(null);
-  const [overflowing, setOverflowing] = (0, import_react41.useState)(false);
+  const ref = (0, import_react42.useRef)(null);
+  const [overflowing, setOverflowing] = (0, import_react42.useState)(false);
   const customContent = typeof children !== "string" && typeof children !== "number" && children != null;
-  (0, import_react41.useLayoutEffect)(() => {
+  (0, import_react42.useLayoutEffect)(() => {
     const element = ref.current;
     if (!element || !ellipsis || !customContent) return;
     const update = () => setOverflowing(element.scrollWidth > element.clientWidth + 1);
@@ -9818,10 +9880,10 @@ function TableCellContent({ children, ellipsis, title }) {
 }
 
 // src/components/Table/Table.tsx
-var import_react43 = require("react");
+var import_react44 = require("react");
 
 // src/components/Table/plugins.tsx
-var import_react42 = require("react");
+var import_react43 = require("react");
 
 // src/components/Table/utils.ts
 var AUTO_WIDTH_COLUMN_KEYS = /* @__PURE__ */ new Set(["action", "actions", "operation", "operations"]);
@@ -10328,7 +10390,7 @@ function TableSelectedItemsPanel({
   onRemove,
   onClear
 }) {
-  const [showAll, setShowAll] = (0, import_react42.useState)(false);
+  const [showAll, setShowAll] = (0, import_react43.useState)(false);
   const visibleEntries = showAll ? entries : entries.slice(0, maxCount2);
   const hiddenCount = Math.max(0, entries.length - visibleEntries.length);
   const baseColumnMap = new Map(flattenTableColumns(baseColumns).map((column) => [column.key, column]));
@@ -10568,10 +10630,10 @@ function TableFilterControl({
   placeholder,
   onApply
 }) {
-  const [open, setOpen] = (0, import_react42.useState)(false);
-  const [draft, setDraft] = (0, import_react42.useState)(value);
+  const [open, setOpen] = (0, import_react43.useState)(false);
+  const [draft, setDraft] = (0, import_react43.useState)(value);
   const label = getColumnLabel(column);
-  (0, import_react42.useEffect)(() => {
+  (0, import_react43.useEffect)(() => {
     if (open) setDraft(value);
   }, [open, value]);
   const apply = (nextValue) => {
@@ -10836,15 +10898,15 @@ function EditableTableCell({
   trigger
 }) {
   const config = typeof editable === "object" ? editable : { type: "input" };
-  const [editValue, setEditValue] = (0, import_react42.useState)(value);
-  const [saving, setSaving] = (0, import_react42.useState)(false);
-  const inputRef = (0, import_react42.useRef)(null);
-  const editorRef = (0, import_react42.useRef)(null);
-  const editValueRef = (0, import_react42.useRef)(value);
-  const savingRef = (0, import_react42.useRef)(false);
-  const saveRef = (0, import_react42.useRef)(async () => {
+  const [editValue, setEditValue] = (0, import_react43.useState)(value);
+  const [saving, setSaving] = (0, import_react43.useState)(false);
+  const inputRef = (0, import_react43.useRef)(null);
+  const editorRef = (0, import_react43.useRef)(null);
+  const editValueRef = (0, import_react43.useRef)(value);
+  const savingRef = (0, import_react43.useRef)(false);
+  const saveRef = (0, import_react43.useRef)(async () => {
   });
-  (0, import_react42.useEffect)(() => {
+  (0, import_react43.useEffect)(() => {
     if (!active) return;
     editValueRef.current = value;
     setEditValue(value);
@@ -10875,7 +10937,7 @@ function EditableTableCell({
     }
   }
   saveRef.current = save;
-  (0, import_react42.useEffect)(() => {
+  (0, import_react43.useEffect)(() => {
     if (!active || config.type === "select" || config.type === "custom") return;
     const handleOutsidePointerDown = (event) => {
       const target = event.target;
@@ -11034,9 +11096,9 @@ function applyColumnSettingsToTree(columns, items) {
   return walk(columns).map((entry) => entry.column);
 }
 function ColumnSettingPanel({ open, items, columns, onClose, onApply }) {
-  const [draft, setDraft] = (0, import_react42.useState)(items);
-  const dragIndex = (0, import_react42.useRef)(null);
-  (0, import_react42.useEffect)(() => {
+  const [draft, setDraft] = (0, import_react43.useState)(items);
+  const dragIndex = (0, import_react43.useRef)(null);
+  (0, import_react43.useEffect)(() => {
     if (open) setDraft(items);
   }, [items, open]);
   const labels = new Map(flattenTableColumns(columns).map((column) => [column.key, getColumnLabel(column)]));
@@ -11131,7 +11193,30 @@ function createColumnSettingPlugin(options = {}) {
         void save({ columns: currentItems(context), pageSize, version: 1 });
       }
     },
-    renderToolbarEnd: options.showButton === false ? void 0 : (context) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Button, { size: "small", variant: "text", className: "sia-table__toolbar-icon", icon: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Icon, { name: "settings", size: 16 }), "aria-label": "\u6253\u5F00\u5217\u8BBE\u7F6E", title: "\u5217\u8BBE\u7F6E", onClick: () => context.setState((state) => ({ ...state, open: true })) }),
+    renderToolbarEnd: options.showButton === false ? void 0 : (context) => {
+      const exportApi = () => context.getPluginApi("export") ?? createExportPlugin().getApi({ ...context, state: void 0, setState: () => {
+      } });
+      const customItems = (options.menuItems ?? []).filter((item) => !(item.hidden === true || typeof item.hidden === "function" && item.hidden(context)));
+      const items = [
+        ...options.showExport === false ? [] : [
+          { key: "builtin:export", label: "\u8868\u683C\u5BFC\u51FA", icon: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Icon, { name: "download", size: 18 }), disabled: exportApi().getRows().length === 0 },
+          { key: "builtin:divider", type: "divider" }
+        ],
+        { key: "builtin:columns", label: "\u5217\u8BBE\u7F6E", icon: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Icon, { name: "settings", size: 18 }) },
+        ...customItems.map((item) => ({
+          key: "custom:" + item.key,
+          label: item.label,
+          icon: item.icon,
+          danger: item.danger,
+          disabled: item.disabled === true || typeof item.disabled === "function" && item.disabled(context)
+        }))
+      ];
+      return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Dropdown, { trigger: ["hover", "click"], placement: "bottomRight", popupClassName: "sia-table__settings-dropdown", menu: { items, onClick: ({ key }) => {
+        if (key === "builtin:export") void exportApi().download();
+        else if (key === "builtin:columns") context.setState((state) => ({ ...state, open: true }));
+        else void customItems.find((item) => "custom:" + item.key === key)?.onClick?.(context);
+      } }, children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Button, { size: "small", variant: "text", className: "sia-table__toolbar-icon", icon: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Icon, { name: "settings", size: 16 }), "aria-label": "\u8868\u683C\u8BBE\u7F6E" }) });
+    },
     renderOverlay: (context) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(ColumnSettingPanel, { open: context.state.open, items: currentItems(context), columns: context.baseColumns, onClose: () => context.setState((state) => ({ ...state, open: false })), onApply: (items) => apply(items, context) }),
     getApi: (context) => ({ open: () => context.setState((state) => ({ ...state, open: true })), close: () => context.setState((state) => ({ ...state, open: false })), getSettings: () => currentItems(context), apply: (items) => apply(items, context) })
   };
@@ -11185,7 +11270,7 @@ function tableExportText(node) {
   if (node === null || node === void 0 || typeof node === "boolean") return "";
   if (typeof node === "string" || typeof node === "number" || typeof node === "bigint") return String(node);
   if (Array.isArray(node)) return node.map(tableExportText).join("");
-  if ((0, import_react42.isValidElement)(node)) return tableExportText(node.props.children);
+  if ((0, import_react43.isValidElement)(node)) return tableExportText(node.props.children);
   return "";
 }
 function tableExportCell(value, sanitizeFormula) {
@@ -11334,7 +11419,7 @@ function getTableHorizontalMetrics(viewport, table) {
   const contentWidth = Math.max(viewport.clientWidth, table?.getBoundingClientRect().width ?? viewport.clientWidth);
   return { contentWidth, maxLeft: Math.max(0, contentWidth - viewport.clientWidth) };
 }
-var TableBodyRow = (0, import_react43.memo)(function TableBodyRow2({
+var TableBodyRow = (0, import_react44.memo)(function TableBodyRow2({
   row,
   rowIndex,
   columns,
@@ -11416,6 +11501,7 @@ function TableInner(props, ref) {
     tableHeight,
     size = "medium",
     bordered = true,
+    toolbarBordered = false,
     striped = true,
     virtual,
     virtualThreshold = 100,
@@ -11432,37 +11518,38 @@ function TableInner(props, ref) {
     style,
     ...htmlProps
   } = props;
-  const rootRef = (0, import_react43.useRef)(null);
-  const scrollRef = (0, import_react43.useRef)(null);
-  const tableRef = (0, import_react43.useRef)(null);
-  const scrollbarDragRef = (0, import_react43.useRef)(null);
-  const [internalLoading, setInternalLoading] = (0, import_react43.useState)(false);
-  const [scrollTop, setScrollTop] = (0, import_react43.useState)(0);
-  const [viewportHeight, setViewportHeight] = (0, import_react43.useState)(420);
-  const [viewportWidth, setViewportWidth] = (0, import_react43.useState)(0);
-  const [autoColumnWidths, setAutoColumnWidths] = (0, import_react43.useState)({});
-  const getRowKey = (0, import_react43.useCallback)((record, index) => typeof rowKey === "function" ? rowKey(record, index) : record[String(rowKey)] ?? index, [rowKey]);
-  const builtInResizePlugin = (0, import_react43.useMemo)(() => createResizePlugin(), []);
-  const builtInHighlightPlugin = (0, import_react43.useMemo)(() => createHighlightPlugin(), []);
-  const activePlugins = (0, import_react43.useMemo)(() => {
+  const rootRef = (0, import_react44.useRef)(null);
+  const scrollRef = (0, import_react44.useRef)(null);
+  const tableRef = (0, import_react44.useRef)(null);
+  useScrollbarProximity();
+  const scrollbarDragRef = (0, import_react44.useRef)(null);
+  const [internalLoading, setInternalLoading] = (0, import_react44.useState)(false);
+  const [scrollTop, setScrollTop] = (0, import_react44.useState)(0);
+  const [viewportHeight, setViewportHeight] = (0, import_react44.useState)(420);
+  const [viewportWidth, setViewportWidth] = (0, import_react44.useState)(0);
+  const [autoColumnWidths, setAutoColumnWidths] = (0, import_react44.useState)({});
+  const getRowKey = (0, import_react44.useCallback)((record, index) => typeof rowKey === "function" ? rowKey(record, index) : record[String(rowKey)] ?? index, [rowKey]);
+  const builtInResizePlugin = (0, import_react44.useMemo)(() => createResizePlugin(), []);
+  const builtInHighlightPlugin = (0, import_react44.useMemo)(() => createHighlightPlugin(), []);
+  const activePlugins = (0, import_react44.useMemo)(() => {
     const plugins = providedPlugins.filter((plugin) => resizable || plugin.id !== "resize");
     if (!plugins.some((plugin) => plugin.id === "highlight")) plugins.push(builtInHighlightPlugin);
     if (resizable && !plugins.some((plugin) => plugin.id === "resize")) plugins.push(builtInResizePlugin);
     return plugins;
   }, [builtInHighlightPlugin, builtInResizePlugin, providedPlugins, resizable]);
-  const sortedPlugins = (0, import_react43.useMemo)(() => [...activePlugins].sort((a, b) => (a.order ?? 100) - (b.order ?? 100)), [activePlugins]);
-  const pluginsByIdRef = (0, import_react43.useRef)(/* @__PURE__ */ new Map());
+  const sortedPlugins = (0, import_react44.useMemo)(() => [...activePlugins].sort((a, b) => (a.order ?? 100) - (b.order ?? 100)), [activePlugins]);
+  const pluginsByIdRef = (0, import_react44.useRef)(/* @__PURE__ */ new Map());
   pluginsByIdRef.current = new Map(sortedPlugins.map((plugin) => [plugin.id, plugin]));
-  const [pluginStates, setPluginStates] = (0, import_react43.useState)(() => Object.fromEntries(
+  const [pluginStates, setPluginStates] = (0, import_react44.useState)(() => Object.fromEntries(
     sortedPlugins.map((plugin) => [plugin.id, resolveInitialState(plugin)])
   ));
-  const pluginApisRef = (0, import_react43.useRef)({});
-  const contextsRef = (0, import_react43.useRef)(/* @__PURE__ */ new Map());
-  const mountedPluginsRef = (0, import_react43.useRef)(/* @__PURE__ */ new Map());
+  const pluginApisRef = (0, import_react44.useRef)({});
+  const contextsRef = (0, import_react44.useRef)(/* @__PURE__ */ new Map());
+  const mountedPluginsRef = (0, import_react44.useRef)(/* @__PURE__ */ new Map());
   const pipeline = { columns: baseColumns, rows: createTableRows(dataSource, getRowKey) };
   const nextApis = {};
   const contexts = /* @__PURE__ */ new Map();
-  const setPluginState = (0, import_react43.useCallback)((pluginId, next) => {
+  const setPluginState = (0, import_react44.useCallback)((pluginId, next) => {
     setPluginStates((previous) => {
       const plugin = pluginsByIdRef.current.get(pluginId);
       const previousValue = previous[pluginId] !== void 0 ? previous[pluginId] : plugin ? resolveInitialState(plugin) : void 0;
@@ -11515,7 +11602,7 @@ function TableInner(props, ref) {
   });
   pluginApisRef.current = nextApis;
   contextsRef.current = contexts;
-  (0, import_react43.useEffect)(() => {
+  (0, import_react44.useEffect)(() => {
     const activePlugins2 = new Map(sortedPlugins.map((plugin) => [plugin.id, plugin]));
     for (const [pluginId, mounted] of mountedPluginsRef.current) {
       if (activePlugins2.get(pluginId) === mounted.plugin) continue;
@@ -11527,11 +11614,11 @@ function TableInner(props, ref) {
       mountedPluginsRef.current.set(plugin.id, { plugin, cleanup: plugin.onMount(contextsRef.current.get(plugin.id)) });
     }
   }, [sortedPlugins]);
-  (0, import_react43.useEffect)(() => () => {
+  (0, import_react44.useEffect)(() => () => {
     for (const mounted of mountedPluginsRef.current.values()) mounted.cleanup?.();
     mountedPluginsRef.current.clear();
   }, []);
-  const updateScrollMetrics = (0, import_react43.useCallback)(() => {
+  const updateScrollMetrics = (0, import_react44.useCallback)(() => {
     const root = rootRef.current;
     const element = scrollRef.current;
     if (!root || !element) return;
@@ -11539,8 +11626,10 @@ function TableInner(props, ref) {
     if (element.scrollLeft > maxLeft) element.scrollLeft = maxLeft > 1 ? maxLeft : 0;
     const logicalScrollLeft = Math.min(element.scrollLeft, maxLeft);
     const maxTop = Math.max(0, element.scrollHeight - element.clientHeight);
-    const horizontalTrack = Math.max(0, element.clientWidth - 8);
-    const verticalTrack = Math.max(0, element.clientHeight - 8);
+    root.dataset.overflowX = String(maxLeft > 1);
+    root.dataset.overflowY = String(maxTop > 1);
+    const horizontalTrack = root.querySelector(".sia-table__scrollbar--horizontal")?.clientWidth ?? 0;
+    const verticalTrack = root.querySelector(".sia-table__scrollbar--vertical")?.clientHeight ?? 0;
     const horizontalThumb = maxLeft > 1 ? Math.min(horizontalTrack, Math.max(36, horizontalTrack * element.clientWidth / horizontalContentWidth)) : 0;
     const verticalThumb = maxTop > 1 ? Math.min(verticalTrack, Math.max(36, verticalTrack * element.clientHeight / element.scrollHeight)) : 0;
     const horizontalPosition = maxLeft > 0 ? logicalScrollLeft / maxLeft * Math.max(0, horizontalTrack - horizontalThumb) : 0;
@@ -11565,7 +11654,7 @@ function TableInner(props, ref) {
     root.style.setProperty("--sia-table-scrollbar-y-size", `${verticalThumb}px`);
     root.style.setProperty("--sia-table-scrollbar-y-position", `${verticalPosition}px`);
   }, []);
-  (0, import_react43.useEffect)(() => {
+  (0, import_react44.useEffect)(() => {
     const element = scrollRef.current;
     if (!element || typeof ResizeObserver === "undefined") return;
     const observer = new ResizeObserver(() => {
@@ -11578,13 +11667,13 @@ function TableInner(props, ref) {
     updateScrollMetrics();
     return () => observer.disconnect();
   }, [updateScrollMetrics]);
-  (0, import_react43.useEffect)(() => {
+  (0, import_react44.useEffect)(() => {
     updateScrollMetrics();
   });
-  const orderedColumns = (0, import_react43.useMemo)(() => sortTableColumnsByFixed(pipeline.columns), [pipeline.columns]);
-  const leafColumns = (0, import_react43.useMemo)(() => flattenTableColumns(orderedColumns), [orderedColumns]);
-  const headerRows = (0, import_react43.useMemo)(() => buildHeaderRows(orderedColumns), [orderedColumns]);
-  (0, import_react43.useEffect)(() => {
+  const orderedColumns = (0, import_react44.useMemo)(() => sortTableColumnsByFixed(pipeline.columns), [pipeline.columns]);
+  const leafColumns = (0, import_react44.useMemo)(() => flattenTableColumns(orderedColumns), [orderedColumns]);
+  const headerRows = (0, import_react44.useMemo)(() => buildHeaderRows(orderedColumns), [orderedColumns]);
+  (0, import_react44.useEffect)(() => {
     const autoWidthColumns = leafColumns.filter((column) => column.autoWidth && resizedWidths[column.key] === void 0);
     const root = rootRef.current;
     if (!root || autoWidthColumns.length === 0) return;
@@ -11654,20 +11743,20 @@ function TableInner(props, ref) {
   const bottomSpacer = shouldVirtualize ? Math.max(0, (pipeline.rows.length - endIndex) * rowHeight) : 0;
   const toolbarStart = sortedPlugins.map((plugin) => {
     const content = plugin.renderToolbarStart?.(getContext(plugin));
-    return content ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_react43.Fragment, { children: content }, `toolbar-start-${plugin.id}`) : null;
+    return content ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_react44.Fragment, { children: content }, `toolbar-start-${plugin.id}`) : null;
   }).filter(Boolean);
   const toolbarEnd = sortedPlugins.map((plugin) => {
     const content = plugin.renderToolbarEnd?.(getContext(plugin));
-    return content ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_react43.Fragment, { children: content }, `toolbar-end-${plugin.id}`) : null;
+    return content ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_react44.Fragment, { children: content }, `toolbar-end-${plugin.id}`) : null;
   }).filter(Boolean);
   const summaries = sortedPlugins.flatMap((plugin) => plugin.renderSummary?.(getContext(plugin)) ?? []);
   const footers = sortedPlugins.map((plugin) => {
     const content = plugin.renderFooter?.(getContext(plugin));
-    return content ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_react43.Fragment, { children: content }, `footer-${plugin.id}`) : null;
+    return content ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_react44.Fragment, { children: content }, `footer-${plugin.id}`) : null;
   }).filter(Boolean);
   const overlays = sortedPlugins.map((plugin) => {
     const content = plugin.renderOverlay?.(getContext(plugin));
-    return content ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_react43.Fragment, { children: content }, `overlay-${plugin.id}`) : null;
+    return content ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_react44.Fragment, { children: content }, `overlay-${plugin.id}`) : null;
   }).filter(Boolean);
   const hasToolbar = toolbarStart.length > 0 || toolbarEnd.length > 0;
   const effectiveHeight = height ?? tableHeight ?? (shouldVirtualize ? 420 : void 0);
@@ -11676,21 +11765,31 @@ function TableInner(props, ref) {
     height: effectiveHeight,
     "--sia-table-header-height": `${headerRows.length * rowHeight}px`
   };
-  const handleScroll = (0, import_react43.useCallback)((event) => {
+  const handleScroll = (0, import_react44.useCallback)((event) => {
     const element = event.currentTarget;
     if (shouldVirtualize) setScrollTop(element.scrollTop);
     updateScrollMetrics();
   }, [shouldVirtualize, updateScrollMetrics]);
-  const handleScrollbarPointerDown = (0, import_react43.useCallback)((axis, event) => {
+  const handleScrollbarPointerDown = (0, import_react44.useCallback)((axis, event, track = event.currentTarget) => {
     const element = scrollRef.current;
-    const track = event.currentTarget.parentElement;
-    if (!element || !track) return;
+    const thumb = track.firstElementChild;
+    if (!element || !thumb || event.button !== 0) return;
     event.preventDefault();
     event.stopPropagation();
-    event.currentTarget.setPointerCapture(event.pointerId);
+    track.setPointerCapture(event.pointerId);
     const trackLength = axis === "x" ? track.clientWidth : track.clientHeight;
-    const thumbLength = axis === "x" ? event.currentTarget.offsetWidth : event.currentTarget.offsetHeight;
+    const thumbLength = axis === "x" ? thumb.offsetWidth : thumb.offsetHeight;
     const maxScroll = axis === "x" ? getTableHorizontalMetrics(element, tableRef.current).maxLeft : element.scrollHeight - element.clientHeight;
+    const thumbRect = thumb.getBoundingClientRect();
+    const coordinate = axis === "x" ? event.clientX : event.clientY;
+    const thumbStart = axis === "x" ? thumbRect.left : thumbRect.top;
+    if (coordinate < thumbStart || coordinate > thumbStart + thumbLength) {
+      const trackRect = track.getBoundingClientRect();
+      const trackStart = axis === "x" ? trackRect.left : trackRect.top;
+      const ratio = Math.max(0, Math.min(1, (coordinate - trackStart - thumbLength / 2) / Math.max(1, trackLength - thumbLength)));
+      if (axis === "x") element.scrollLeft = ratio * maxScroll;
+      else element.scrollTop = ratio * maxScroll;
+    }
     scrollbarDragRef.current = {
       axis,
       pointerId: event.pointerId,
@@ -11700,7 +11799,7 @@ function TableInner(props, ref) {
     };
     if (rootRef.current) rootRef.current.dataset.scrollbarDragging = "true";
   }, []);
-  const handleScrollbarPointerMove = (0, import_react43.useCallback)((event) => {
+  const handleScrollbarPointerMove = (0, import_react44.useCallback)((event) => {
     const drag = scrollbarDragRef.current;
     const element = scrollRef.current;
     if (!drag || !element || drag.pointerId !== event.pointerId) return;
@@ -11709,12 +11808,12 @@ function TableInner(props, ref) {
     if (drag.axis === "x") element.scrollLeft = nextScroll;
     else element.scrollTop = nextScroll;
   }, []);
-  const handleScrollbarPointerEnd = (0, import_react43.useCallback)((event) => {
+  const handleScrollbarPointerEnd = (0, import_react44.useCallback)((event) => {
     if (scrollbarDragRef.current?.pointerId !== event.pointerId) return;
     scrollbarDragRef.current = null;
     if (rootRef.current) rootRef.current.dataset.scrollbarDragging = "false";
   }, []);
-  (0, import_react43.useImperativeHandle)(ref, () => ({
+  (0, import_react44.useImperativeHandle)(ref, () => ({
     getRows: () => pipeline.rows.map((row) => row.record),
     getColumns: () => pipeline.columns,
     getPluginApi: (pluginId) => pluginApisRef.current[pluginId],
@@ -11783,6 +11882,16 @@ function TableInner(props, ref) {
       };
     }, {});
   }
+  function scrollbarAtPoint(event) {
+    const tracks = rootRef.current?.querySelectorAll(".sia-table__scrollbar");
+    for (const track of tracks ?? []) {
+      if (track.closest(".sia-table") !== rootRef.current) continue;
+      const rect = track.getBoundingClientRect();
+      if (rect.width > 0 && rect.height > 0 && event.clientX >= rect.left && event.clientX < rect.right && event.clientY >= rect.top && event.clientY < rect.bottom) {
+        return { track, axis: track.classList.contains("sia-table__scrollbar--vertical") ? "y" : "x" };
+      }
+    }
+  }
   function renderSummaryRow(summary) {
     let labelRendered = false;
     return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("tr", { className: `sia-table__summary-row ${summary.className ?? ""}`.trim(), children: leafColumns.map((column) => {
@@ -11798,13 +11907,51 @@ function TableInner(props, ref) {
     "div",
     {
       ref: rootRef,
-      className: `sia-table sia-table--${size}${bordered ? " sia-table--bordered" : ""} ${className}`.trim(),
+      className: `sia-table sia-table--${size}${bordered ? " sia-table--bordered" : ""}${hasToolbar && !toolbarBordered ? " sia-table--borderless-toolbar" : ""} ${className}`.trim(),
       style: rootStyle,
       "data-has-fixed-left": left > 0,
       "data-has-fixed-right": right > 0,
       "data-scrolled-left": "false",
       "data-scrolled-right": "true",
       ...htmlProps,
+      onPointerDownCapture: (event) => {
+        htmlProps.onPointerDownCapture?.(event);
+        if (event.defaultPrevented || loading || internalLoading) return;
+        const hit = scrollbarAtPoint(event);
+        if (hit) handleScrollbarPointerDown(hit.axis, event, hit.track);
+      },
+      onPointerMoveCapture: (event) => {
+        htmlProps.onPointerMoveCapture?.(event);
+        const hit = scrollbarAtPoint(event);
+        rootRef.current?.querySelectorAll(".sia-table__scrollbar").forEach((track) => {
+          const hovered = track === hit?.track;
+          if (hovered !== track.hasAttribute("data-pointer-hover")) track.toggleAttribute("data-pointer-hover", hovered);
+        });
+        if (hit || scrollbarDragRef.current) {
+          handleScrollbarPointerMove(event);
+          event.stopPropagation();
+        }
+      },
+      onPointerLeave: (event) => {
+        htmlProps.onPointerLeave?.(event);
+        rootRef.current?.querySelectorAll("[data-pointer-hover]").forEach((track) => track.removeAttribute("data-pointer-hover"));
+      },
+      onClickCapture: (event) => {
+        if (scrollbarAtPoint(event)) {
+          event.preventDefault();
+          event.stopPropagation();
+          return;
+        }
+        htmlProps.onClickCapture?.(event);
+      },
+      onDoubleClickCapture: (event) => {
+        if (scrollbarAtPoint(event)) {
+          event.preventDefault();
+          event.stopPropagation();
+          return;
+        }
+        htmlProps.onDoubleClickCapture?.(event);
+      },
       children: [
         hasToolbar ? /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "sia-table__toolbar", children: [
           /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { children: toolbarStart }),
@@ -11897,26 +12044,34 @@ function TableInner(props, ref) {
             summaries.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("tfoot", { className: "sia-table__summary", children: summaries.map(renderSummaryRow) }) : null
           ] }) }),
           pipeline.rows.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "sia-table__empty", role: "status", children: emptyText }) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "sia-scrollbar-track sia-table__scrollbar sia-table__scrollbar--horizontal", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
             "div",
             {
-              className: "sia-table__scrollbar-thumb",
+              className: "sia-scrollbar-track sia-table__scrollbar sia-table__scrollbar--horizontal",
+              "aria-hidden": "true",
               onPointerDown: (event) => handleScrollbarPointerDown("x", event),
+              onClick: (event) => event.stopPropagation(),
+              onDoubleClick: (event) => event.stopPropagation(),
               onPointerMove: handleScrollbarPointerMove,
               onPointerUp: handleScrollbarPointerEnd,
-              onPointerCancel: handleScrollbarPointerEnd
+              onPointerCancel: handleScrollbarPointerEnd,
+              children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "sia-table__scrollbar-thumb" })
             }
-          ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "sia-scrollbar-track sia-table__scrollbar sia-table__scrollbar--vertical", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
             "div",
             {
-              className: "sia-table__scrollbar-thumb",
+              className: "sia-scrollbar-track sia-table__scrollbar sia-table__scrollbar--vertical",
+              "aria-hidden": "true",
               onPointerDown: (event) => handleScrollbarPointerDown("y", event),
+              onClick: (event) => event.stopPropagation(),
+              onDoubleClick: (event) => event.stopPropagation(),
               onPointerMove: handleScrollbarPointerMove,
               onPointerUp: handleScrollbarPointerEnd,
-              onPointerCancel: handleScrollbarPointerEnd
+              onPointerCancel: handleScrollbarPointerEnd,
+              children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "sia-table__scrollbar-thumb" })
             }
-          ) })
+          )
         ] }),
         footers.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "sia-table__footer", children: footers }) : null,
         loading || internalLoading ? /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "sia-table__loading", role: "status", children: [
@@ -11928,12 +12083,12 @@ function TableInner(props, ref) {
     }
   );
 }
-var Table2 = (0, import_react43.forwardRef)(TableInner);
+var Table2 = (0, import_react44.forwardRef)(TableInner);
 
 // src/components/ThemeSwitch.tsx
-var import_react44 = require("react");
+var import_react45 = require("react");
 var import_jsx_runtime48 = require("react/jsx-runtime");
-var ThemeSwitch = (0, import_react44.forwardRef)(function ThemeSwitch2({
+var ThemeSwitch = (0, import_react45.forwardRef)(function ThemeSwitch2({
   checked,
   onCheckedChange,
   lightLabel = "\u4EAE\u8272\u6A21\u5F0F",
@@ -11970,7 +12125,7 @@ var ThemeSwitch = (0, import_react44.forwardRef)(function ThemeSwitch2({
 });
 
 // src/components/FloatingScrollbarProvider.tsx
-var import_react45 = require("react");
+var import_react46 = require("react");
 var scrollableOverflow = /* @__PURE__ */ new Set(["auto", "scroll", "overlay"]);
 var clippingOverflow = /* @__PURE__ */ new Set(["auto", "scroll", "overlay", "hidden", "clip"]);
 function isRootScroller(target) {
@@ -12033,7 +12188,8 @@ function createTrack(axis) {
   return { track, thumb };
 }
 function FloatingScrollbarProvider({ disabled = false }) {
-  (0, import_react45.useEffect)(() => {
+  useScrollbarProximity();
+  (0, import_react46.useEffect)(() => {
     if (disabled) return;
     const layer = document.createElement("div");
     layer.className = "sia-floating-scrollbar-layer";
@@ -12063,7 +12219,7 @@ function FloatingScrollbarProvider({ disabled = false }) {
       const hasHorizontal = canScroll(target, "horizontal");
       const hasVertical = canScroll(target, "vertical");
       const rect = visibleRect(target);
-      const thickness = 8;
+      const thickness = 10;
       horizontalTrack.hidden = !hasHorizontal || rect.width <= thickness || rect.height <= 0;
       verticalTrack.hidden = !hasVertical || rect.height <= thickness || rect.width <= 0;
       if (!horizontalTrack.hidden) {
@@ -12323,7 +12479,7 @@ function Breadcrumb({ items, separator = "/", itemRender, className = "", ...pro
 }
 
 // src/components/Typography.tsx
-var import_react46 = require("react");
+var import_react47 = require("react");
 var import_jsx_runtime50 = require("react/jsx-runtime");
 function TypographyContent({
   as: Tag2 = "span",
@@ -12343,26 +12499,26 @@ function TypographyContent({
   className = "",
   ...props
 }) {
-  const contentRef = (0, import_react46.useRef)(null);
-  const editRef = (0, import_react46.useRef)(null);
-  const timer = (0, import_react46.useRef)();
-  const [localText, setLocalText] = (0, import_react46.useState)();
-  const [draft, setDraft] = (0, import_react46.useState)("");
-  const [editing, setEditing] = (0, import_react46.useState)(false);
-  const [copied, setCopied] = (0, import_react46.useState)(false);
-  const [copyError, setCopyError] = (0, import_react46.useState)(false);
-  const [expanded, setExpanded] = (0, import_react46.useState)(false);
-  const [overflow, setOverflow] = (0, import_react46.useState)(false);
+  const contentRef = (0, import_react47.useRef)(null);
+  const editRef = (0, import_react47.useRef)(null);
+  const timer = (0, import_react47.useRef)();
+  const [localText, setLocalText] = (0, import_react47.useState)();
+  const [draft, setDraft] = (0, import_react47.useState)("");
+  const [editing, setEditing] = (0, import_react47.useState)(false);
+  const [copied, setCopied] = (0, import_react47.useState)(false);
+  const [copyError, setCopyError] = (0, import_react47.useState)(false);
+  const [expanded, setExpanded] = (0, import_react47.useState)(false);
+  const [overflow, setOverflow] = (0, import_react47.useState)(false);
   const editConfig = typeof editable === "object" ? editable : void 0;
   const content = editConfig?.text ?? localText ?? children;
   const requestedRows = typeof ellipsis === "object" ? ellipsis.rows ?? 1 : 1;
   const rows = Number.isFinite(requestedRows) ? Math.max(1, Math.floor(requestedRows)) : 1;
   const expandable = typeof ellipsis === "object" && ellipsis.expandable;
-  (0, import_react46.useEffect)(() => {
+  (0, import_react47.useEffect)(() => {
     setLocalText(void 0);
   }, [children]);
-  (0, import_react46.useEffect)(() => () => clearTimeout(timer.current), []);
-  (0, import_react46.useLayoutEffect)(() => {
+  (0, import_react47.useEffect)(() => () => clearTimeout(timer.current), []);
+  (0, import_react47.useLayoutEffect)(() => {
     const element = contentRef.current;
     if (!element || !ellipsis || editing || expanded) return;
     const measure = () => setOverflow(element.scrollHeight > element.clientHeight + 1 || element.scrollWidth > element.clientWidth + 1);
@@ -12471,10 +12627,10 @@ function TypographyRoot({ className = "", ...props }) {
 var Typography = Object.assign(TypographyRoot, { Title, Text, Paragraph, Link });
 
 // src/components/FloatButton.tsx
-var import_react47 = require("react");
+var import_react48 = require("react");
 var import_jsx_runtime51 = require("react/jsx-runtime");
-var GroupShape = (0, import_react47.createContext)(void 0);
-var FloatButtonRoot = (0, import_react47.forwardRef)(function FloatButton({
+var GroupShape = (0, import_react48.createContext)(void 0);
+var FloatButtonRoot = (0, import_react48.forwardRef)(function FloatButton({
   icon,
   description,
   tooltip,
@@ -12487,7 +12643,7 @@ var FloatButtonRoot = (0, import_react47.forwardRef)(function FloatButton({
   children,
   ...props
 }, ref) {
-  const groupShape = (0, import_react47.useContext)(GroupShape);
+  const groupShape = (0, import_react48.useContext)(GroupShape);
   const label = props["aria-label"] ?? (typeof tooltip === "string" ? tooltip : typeof description === "string" ? description : "\u60AC\u6D6E\u64CD\u4F5C");
   const button = /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
     "button",
@@ -12525,10 +12681,10 @@ function FloatButtonGroup({
   ...props
 }) {
   const [visible, setVisible] = useControllableState({ value: open, defaultValue: defaultOpen, onChange: onOpenChange });
-  const rootRef = (0, import_react47.useRef)(null);
-  const triggerRef = (0, import_react47.useRef)(null);
-  const id = (0, import_react47.useId)();
-  (0, import_react47.useEffect)(() => {
+  const rootRef = (0, import_react48.useRef)(null);
+  const triggerRef = (0, import_react48.useRef)(null);
+  const id = (0, import_react48.useId)();
+  (0, import_react48.useEffect)(() => {
     if (!trigger || !visible) return;
     const close = (event) => {
       if (!rootRef.current?.contains(event.target)) setVisible(false);
@@ -12582,8 +12738,8 @@ function FloatButtonGroup({
   ) });
 }
 function FloatButtonBackTop({ target, visibilityHeight = 400, behavior = "smooth", onClick, icon, tooltip = "\u8FD4\u56DE\u9876\u90E8", ...props }) {
-  const [visible, setVisible] = (0, import_react47.useState)(false);
-  (0, import_react47.useEffect)(() => {
+  const [visible, setVisible] = (0, import_react48.useState)(false);
+  (0, import_react48.useEffect)(() => {
     const element = target ? target() : window;
     if (!element) return;
     const update = () => setVisible((element === window ? window.scrollY : element.scrollTop) >= visibilityHeight);
@@ -12602,11 +12758,11 @@ function FloatButtonBackTop({ target, visibilityHeight = 400, behavior = "smooth
 var FloatButton2 = Object.assign(FloatButtonRoot, { Group: FloatButtonGroup, BackTop: FloatButtonBackTop });
 
 // src/components/ChartWhirlingLoading.tsx
-var import_react48 = require("react");
+var import_react49 = require("react");
 var import_jsx_runtime52 = require("react/jsx-runtime");
 function ChartWhirlingLoading({ width = 720, height = 360, text = "\u6570\u636E\u83B7\u53D6\u4E2D", textWidth, frame }) {
-  const [tick, setTick] = (0, import_react48.useState)(0);
-  (0, import_react48.useEffect)(() => {
+  const [tick, setTick] = (0, import_react49.useState)(0);
+  (0, import_react49.useEffect)(() => {
     if (frame != null) return;
     const media = window.matchMedia("(prefers-reduced-motion: reduce)");
     let timer;
@@ -12637,20 +12793,20 @@ function ChartWhirlingLoading({ width = 720, height = 360, text = "\u6570\u636E\
 }
 
 // src/components/SvgMapPlot.tsx
-var import_react60 = require("react");
+var import_react61 = require("react");
 
 // src/components/ChartBrush.tsx
-var import_react49 = require("react");
+var import_react50 = require("react");
 var import_jsx_runtime53 = require("react/jsx-runtime");
 function ChartBrush({ bounds, onSelect, onCancel, selectionShape = "band", selectionStyle, minSelectionSize }) {
-  const [vertical, setVertical] = (0, import_react49.useState)(null);
-  const startY = (0, import_react49.useRef)(0);
+  const [vertical, setVertical] = (0, import_react50.useState)(null);
+  const startY = (0, import_react50.useRef)(0);
   const y = (event) => {
     const matrix = event.currentTarget.ownerSVGElement?.getScreenCTM();
     return matrix ? Math.max(bounds.y, Math.min(bounds.y + bounds.height, new DOMPoint(event.clientX, event.clientY).matrixTransform(matrix.inverse()).y)) : bounds.y;
   };
-  const drag = (0, import_react49.useRef)(null);
-  const [selection, setSelection] = (0, import_react49.useState)(null);
+  const drag = (0, import_react50.useRef)(null);
+  const [selection, setSelection] = (0, import_react50.useState)(null);
   const x = (event) => {
     const matrix = event.currentTarget.ownerSVGElement?.getScreenCTM();
     if (!matrix) return null;
@@ -12773,7 +12929,7 @@ function appendChartExportHeadings(original, clone, host) {
 }
 
 // src/components/ChartNodeTimeline.tsx
-var import_react51 = require("react");
+var import_react52 = require("react");
 
 // src/components/timelinePositions.ts
 function timelineRatios(count, dates) {
@@ -12799,7 +12955,7 @@ function nearestTimelineIndex(ratios, ratio) {
 }
 
 // src/components/ChartPointMotion.tsx
-var import_react50 = require("react");
+var import_react51 = require("react");
 
 // src/components/chartMotion.ts
 function chartMotionBaseline(points, horizontal = false) {
@@ -12820,11 +12976,11 @@ function interpolateChartPoints(from, to, progress) {
 var import_jsx_runtime54 = require("react/jsx-runtime");
 function ChartPointMotion({ points, enabled, duration, updateDuration = 500, animateInitial = true, easing = "linear", progress, horizontal = false, origin, children }) {
   const baseline = (target) => origin ? target.map(() => origin) : chartMotionBaseline(target, horizontal);
-  const [frame, setFrame] = (0, import_react50.useState)(() => enabled && animateInitial ? baseline(points) : points);
-  const displayed = (0, import_react50.useRef)(frame);
-  const initialized = (0, import_react50.useRef)(!animateInitial);
+  const [frame, setFrame] = (0, import_react51.useState)(() => enabled && animateInitial ? baseline(points) : points);
+  const displayed = (0, import_react51.useRef)(frame);
+  const initialized = (0, import_react51.useRef)(!animateInitial);
   const signature = JSON.stringify(points);
-  (0, import_react50.useEffect)(() => {
+  (0, import_react51.useEffect)(() => {
     const target = points;
     const reduced = window.matchMedia("(prefers-reduced-motion: reduce)");
     if (!enabled || progress != null || reduced.matches) {
@@ -12863,8 +13019,8 @@ function ChartPointMotion({ points, enabled, duration, updateDuration = 500, ani
 // src/components/ChartNodeTimeline.tsx
 var import_jsx_runtime55 = require("react/jsx-runtime");
 function ChartNodeTimeline({ labels, dates, value, onChange, autoPlay = false, playInterval = 2e3, loop = true, x = 80, y = 520, width = 840 }) {
-  const [playing, setPlaying] = (0, import_react51.useState)(autoPlay), dragging = (0, import_react51.useRef)();
-  const [draft, setDraft] = (0, import_react51.useState)(), pending = (0, import_react51.useRef)(), draftRef = (0, import_react51.useRef)();
+  const [playing, setPlaying] = (0, import_react52.useState)(autoPlay), dragging = (0, import_react52.useRef)();
+  const [draft, setDraft] = (0, import_react52.useState)(), pending = (0, import_react52.useRef)(), draftRef = (0, import_react52.useRef)();
   const shown = draft ?? value;
   const cancelPending = () => {
     clearTimeout(pending.current);
@@ -12872,8 +13028,8 @@ function ChartNodeTimeline({ labels, dates, value, onChange, autoPlay = false, p
     draftRef.current = void 0;
     setDraft(void 0);
   };
-  (0, import_react51.useEffect)(() => () => clearTimeout(pending.current), []);
-  (0, import_react51.useEffect)(() => {
+  (0, import_react52.useEffect)(() => () => clearTimeout(pending.current), []);
+  (0, import_react52.useEffect)(() => {
     cancelPending();
   }, [value]);
   const preview = (index) => {
@@ -12888,8 +13044,8 @@ function ChartNodeTimeline({ labels, dates, value, onChange, autoPlay = false, p
       draftRef.current = void 0;
     }, 200);
   };
-  (0, import_react51.useEffect)(() => setPlaying(autoPlay), [autoPlay]);
-  (0, import_react51.useEffect)(() => {
+  (0, import_react52.useEffect)(() => setPlaying(autoPlay), [autoPlay]);
+  (0, import_react52.useEffect)(() => {
     if (!playing || labels.length < 2) return;
     const timer = window.setTimeout(() => {
       if (value + 1 < labels.length) onChange(value + 1);
@@ -12998,7 +13154,7 @@ function ChartNodeTimeline({ labels, dates, value, onChange, autoPlay = false, p
 }
 
 // src/components/ChartVerticalRange.tsx
-var import_react52 = require("react");
+var import_react53 = require("react");
 
 // src/components/chartColorRamp.ts
 function chartColorRamp(colors, ratio) {
@@ -13018,16 +13174,16 @@ function chartColorRamp(colors, ratio) {
 // src/components/ChartVerticalRange.tsx
 var import_jsx_runtime56 = require("react/jsx-runtime");
 function ChartVerticalRange({ min, max, x, y, length, thickness, colors, range, endLabels, onChange, indicatorValue, onHoverRange, realtime = true, readOnly = false }) {
-  const id = (0, import_react52.useId)().replaceAll(":", "");
-  const drag = (0, import_react52.useRef)();
-  const [draft, setDraft] = (0, import_react52.useState)();
-  const pending = (0, import_react52.useRef)();
+  const id = (0, import_react53.useId)().replaceAll(":", "");
+  const drag = (0, import_react53.useRef)();
+  const [draft, setDraft] = (0, import_react53.useState)();
+  const pending = (0, import_react53.useRef)();
   const cancel = () => {
     drag.current = void 0;
     pending.current = void 0;
     setDraft(void 0);
   };
-  (0, import_react52.useEffect)(() => {
+  (0, import_react53.useEffect)(() => {
     if (!realtime) cancel();
   }, [range[0], range[1], min, max, realtime]);
   const shown = draft ?? range;
@@ -13108,18 +13264,18 @@ function ChartVerticalRange({ min, max, x, y, length, thickness, colors, range,
 }
 
 // src/components/ChartHorizontalRange.tsx
-var import_react53 = require("react");
+var import_react54 = require("react");
 var import_jsx_runtime57 = require("react/jsx-runtime");
 function ChartHorizontalRange({ min, max, x, y, length, thickness, colors, range, endLabels, onChange, indicatorValue, onHoverRange, realtime = true }) {
-  const id = (0, import_react53.useId)().replaceAll(":", ""), span = max - min;
-  const drag = (0, import_react53.useRef)();
-  const [draft, setDraft] = (0, import_react53.useState)(), pending = (0, import_react53.useRef)();
+  const id = (0, import_react54.useId)().replaceAll(":", ""), span = max - min;
+  const drag = (0, import_react54.useRef)();
+  const [draft, setDraft] = (0, import_react54.useState)(), pending = (0, import_react54.useRef)();
   const cancel = () => {
     drag.current = void 0;
     pending.current = void 0;
     setDraft(void 0);
   };
-  (0, import_react53.useEffect)(() => {
+  (0, import_react54.useEffect)(() => {
     if (!realtime) cancel();
   }, [range[0], range[1], min, max, realtime]);
   const shown = draft ?? range, low = Math.max(min, Math.min(max, shown[0])), high = Math.max(low, Math.min(max, shown[1]));
@@ -13197,7 +13353,7 @@ function ChartHorizontalRange({ min, max, x, y, length, thickness, colors, range
 }
 
 // src/components/Chart.tsx
-var import_react54 = require("react");
+var import_react55 = require("react");
 
 // src/components/chartCompositeExport.ts
 function serializeChartComposite(host) {
@@ -13321,20 +13477,20 @@ var DEFAULT_CHART_PALETTE = [
   "#2f54eb",
   "#a0d911"
 ];
-var ChartContext = (0, import_react54.createContext)(null);
+var ChartContext = (0, import_react55.createContext)(null);
 function toCssSize(value, fallback) {
   if (typeof value === "number") return `${value}px`;
   return value ?? fallback;
 }
-var ChartComposite = (0, import_react54.forwardRef)(function ChartComposite2({ layers, width = "100%", height = 320, ariaLabel = "\u7EC4\u5408\u56FE\u8868", className = "", style, ...props }, ref) {
-  const host = (0, import_react54.useRef)(null);
-  (0, import_react54.useImperativeHandle)(ref, () => ({ toSvgString: () => host.current ? serializeChartComposite(host.current) : null, saveAsImage: (filename) => saveCompositeImage(host.current ? serializeChartComposite(host.current) : null, filename) }), []);
+var ChartComposite = (0, import_react55.forwardRef)(function ChartComposite2({ layers, width = "100%", height = 320, ariaLabel = "\u7EC4\u5408\u56FE\u8868", className = "", style, ...props }, ref) {
+  const host = (0, import_react55.useRef)(null);
+  (0, import_react55.useImperativeHandle)(ref, () => ({ toSvgString: () => host.current ? serializeChartComposite(host.current) : null, saveAsImage: (filename) => saveCompositeImage(host.current ? serializeChartComposite(host.current) : null, filename) }), []);
   return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { ...props, ref: host, className: `sia-chart-composite${className ? ` ${className}` : ""}`, style: { ...style, width: toCssSize(width, "100%"), height: toCssSize(height, "320px") }, role: "group", "aria-label": ariaLabel, children: layers.map((layer, index) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "sia-chart-composite__layer", style: { left: layer.left ?? 0, top: layer.top ?? 0, width: layer.width ?? "100%", height: layer.height ?? "100%", zIndex: layer.zIndex ?? index, pointerEvents: layer.pointerEvents }, children: layer.content }, layer.key ?? index)) });
 });
-var useTooltipLayoutEffect = typeof window === "undefined" ? import_react54.useEffect : import_react54.useLayoutEffect;
+var useTooltipLayoutEffect = typeof window === "undefined" ? import_react55.useEffect : import_react55.useLayoutEffect;
 function ChartTooltip({ open, left, top, children, enterable = false, inheritTextStyle = false, placement = "above", className = "", style, ...props }) {
-  const elementRef = (0, import_react54.useRef)(null);
-  const [position, setPosition] = (0, import_react54.useState)([left, top]);
+  const elementRef = (0, import_react55.useRef)(null);
+  const [position, setPosition] = (0, import_react55.useState)([left, top]);
   useTooltipLayoutEffect(() => {
     const element = elementRef.current, host = element?.parentElement;
     if (!open || placement !== "axis" || !element || !host) return;
@@ -13458,7 +13614,7 @@ function ChartToolbox({
     ))
   ] });
 }
-var SiaChart = (0, import_react54.forwardRef)(function SiaChart2({
+var SiaChart = (0, import_react55.forwardRef)(function SiaChart2({
   children,
   width = "100%",
   height = 320,
@@ -13485,19 +13641,19 @@ var SiaChart = (0, import_react54.forwardRef)(function SiaChart2({
   style,
   ...rest
 }, ref) {
-  const hostRef = (0, import_react54.useRef)(null);
-  const svgRef = (0, import_react54.useRef)(null);
-  const titleId = (0, import_react54.useId)();
-  const descriptionId = (0, import_react54.useId)();
-  const [tooltip, setTooltip] = (0, import_react54.useState)(null);
-  const tooltipHideTimer = (0, import_react54.useRef)();
-  const tooltipHeld = (0, import_react54.useRef)(false);
+  const hostRef = (0, import_react55.useRef)(null);
+  const svgRef = (0, import_react55.useRef)(null);
+  const titleId = (0, import_react55.useId)();
+  const descriptionId = (0, import_react55.useId)();
+  const [tooltip, setTooltip] = (0, import_react55.useState)(null);
+  const tooltipHideTimer = (0, import_react55.useRef)();
+  const tooltipHeld = (0, import_react55.useRef)(false);
   const cancelTooltipHide = () => {
     clearTimeout(tooltipHideTimer.current);
   };
-  (0, import_react54.useEffect)(() => () => clearTimeout(tooltipHideTimer.current), []);
-  const [linkedPosition, setLinkedPosition] = (0, import_react54.useState)({ left: 0, top: 0 });
-  (0, import_react54.useEffect)(() => {
+  (0, import_react55.useEffect)(() => () => clearTimeout(tooltipHideTimer.current), []);
+  const [linkedPosition, setLinkedPosition] = (0, import_react55.useState)({ left: 0, top: 0 });
+  (0, import_react55.useEffect)(() => {
     const host = hostRef.current, svg = svgRef.current;
     if (!controlledTooltip || !host || !svg) return;
     const position = () => {
@@ -13512,12 +13668,12 @@ var SiaChart = (0, import_react54.forwardRef)(function SiaChart2({
     observer.observe(host);
     return () => observer.disconnect();
   }, [controlledTooltip]);
-  const [dataViewOpen, setDataViewOpen] = (0, import_react54.useState)(false);
-  const [markMode, setMarkMode] = (0, import_react54.useState)(false);
-  const [markStart, setMarkStart] = (0, import_react54.useState)(null);
-  const [userMarks, setUserMarks] = (0, import_react54.useState)([]);
+  const [dataViewOpen, setDataViewOpen] = (0, import_react55.useState)(false);
+  const [markMode, setMarkMode] = (0, import_react55.useState)(false);
+  const [markStart, setMarkStart] = (0, import_react55.useState)(null);
+  const [userMarks, setUserMarks] = (0, import_react55.useState)([]);
   const toolboxOptions = toolbox === true ? {} : toolbox || void 0;
-  const rootStyle = (0, import_react54.useMemo)(() => ({
+  const rootStyle = (0, import_react55.useMemo)(() => ({
     ...style,
     width: toCssSize(width, "100%"),
     height: toCssSize(height, "320px"),
@@ -13575,13 +13731,13 @@ var SiaChart = (0, import_react54.forwardRef)(function SiaChart2({
     anchor.href = canvas.toDataURL("image/png");
     anchor.click();
   }
-  (0, import_react54.useImperativeHandle)(ref, () => ({
+  (0, import_react55.useImperativeHandle)(ref, () => ({
     getElement: () => svgRef.current,
     focus: () => svgRef.current?.focus(),
     toSvgString: serializeSvg,
     toDataUrl: svgDataUrl
   }), []);
-  const context = (0, import_react54.useMemo)(() => ({
+  const context = (0, import_react55.useMemo)(() => ({
     palette,
     showTooltip: (event, content, point) => {
       cancelTooltipHide();
@@ -13768,7 +13924,7 @@ var SiaChart = (0, import_react54.forwardRef)(function SiaChart2({
   ) });
 });
 function ChartMark({ tooltip, tooltipPoint, label, onPointerMove, onPointerLeave, onFocus, onBlur, ...props }) {
-  const context = (0, import_react54.useContext)(ChartContext);
+  const context = (0, import_react55.useContext)(ChartContext);
   return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
     "g",
     {
@@ -13797,7 +13953,7 @@ function ChartMark({ tooltip, tooltipPoint, label, onPointerMove, onPointerLeave
   );
 }
 function ChartLegend({ items, symbol = "rect", x = CHART_VIEWBOX_WIDTH / 2, y = 20, align = "center", itemGap = 18, orientation = "horizontal", selected, onItemClick, maxWidth, rowGap = 24, iconWidth, iconHeight = 14, textGap = 5, textStyle, inactiveColor, background }) {
-  const paintId = (0, import_react54.useId)().replaceAll(":", "");
+  const paintId = (0, import_react55.useId)().replaceAll(":", "");
   const widths = items.map((item) => (iconWidth == null ? 18 : iconWidth + textGap) + (item.textWidth ?? Math.max(30, Array.from(item.name).reduce((width, character) => width + (character.charCodeAt(0) > 255 ? 13 : 7), 0))));
   const totalWidth = orientation === "horizontal" ? widths.reduce((sum, value) => sum + value, 0) + Math.max(0, items.length - 1) * itemGap : Math.max(0, ...widths);
   const startX = align === "start" ? x : align === "end" ? x - totalWidth : x - totalWidth / 2;
@@ -13926,7 +14082,7 @@ function ChartAxis({ layer = "all", orientation, x, y, length, labels, positions
   ] });
 }
 function ChartVisualMap({ min, max, colors = ["#e6f4ff", "#1677ff"], x = 16, y = 284, width = 110, height = 9, label, endLabels, indicatorValue, onHoverRange, realtime = true, svgHandles = false, orientation = "horizontal", calculable = false, value = max, onChange, range, onRangeChange, pieces, selectedPieces, onPieceToggle }) {
-  const id = (0, import_react54.useId)().replaceAll(":", "");
+  const id = (0, import_react55.useId)().replaceAll(":", "");
   const vertical = orientation === "vertical";
   if (svgHandles && vertical && !calculable && !pieces?.length) return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(ChartVerticalRange, { readOnly: true, min, max, x, y, length: width, thickness: height, colors, range: [min, max], endLabels, indicatorValue, onHoverRange });
   if (svgHandles && vertical && calculable && range && !pieces?.length) return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(ChartVerticalRange, { min, max, x, y, length: width, thickness: height, colors, range, onChange: onRangeChange, endLabels, indicatorValue, onHoverRange, realtime });
@@ -13954,8 +14110,8 @@ function ChartVisualMap({ min, max, colors = ["#e6f4ff", "#1677ff"], x = 16, y =
   ] });
 }
 function ChartDataZoom({ value, min = 0, max = 100, ariaLabel = "\u56FE\u8868\u53EF\u89C1\u8303\u56F4", orientation = "horizontal", dataShadow = [], showDetail = false, minSpan = 1, formatter, onChange, panEnabled = false, shadowBounds, handleLabels }) {
-  const [activeHandle, setActiveHandle] = (0, import_react54.useState)(null);
-  const pan = (0, import_react54.useRef)();
+  const [activeHandle, setActiveHandle] = (0, import_react55.useState)(null);
+  const pan = (0, import_react55.useRef)();
   const start = Math.min(value[0], value[1]);
   const end = Math.max(value[0], value[1]);
   const startPercent = (start - min) / Math.max(1, max - min) * 100;
@@ -14029,9 +14185,9 @@ function ChartDataZoom({ value, min = 0, max = 100, ariaLabel = "\u56FE\u8868\u5
   ] });
 }
 function ChartTimeline({ labels, value, onChange, autoPlay = false, playInterval = 2e3, loop = true, className = "", ...props }) {
-  const [playing, setPlaying] = (0, import_react54.useState)(autoPlay);
-  (0, import_react54.useEffect)(() => setPlaying(autoPlay), [autoPlay]);
-  (0, import_react54.useEffect)(() => {
+  const [playing, setPlaying] = (0, import_react55.useState)(autoPlay);
+  (0, import_react55.useEffect)(() => setPlaying(autoPlay), [autoPlay]);
+  (0, import_react55.useEffect)(() => {
     if (!playing || labels.length <= 1) return void 0;
     const timer = window.setInterval(() => {
       const next = value + 1;
@@ -14141,7 +14297,7 @@ function parseSvgMapPaths(source) {
 }
 
 // src/components/useMapRoam.ts
-var import_react55 = require("react");
+var import_react56 = require("react");
 
 // src/components/chartRoam.ts
 function zoomChartViewport(view, factor, point, limit = { min: 0.05, max: 20 }) {
@@ -14158,14 +14314,14 @@ var initial = { x: 0, y: 0, scale: 1 };
 function useMapRoam(mode, scaleLimit = { min: 0.65, max: 5 }, wheelFactors = [1.12, 0.9]) {
   const [zoomIn, zoomOut] = wheelFactors;
   const min = scaleLimit?.min, max = scaleLimit?.max, unlimited = scaleLimit === null;
-  const host = (0, import_react55.useRef)(null);
-  const [view, setView] = (0, import_react55.useState)(initial);
-  const drag = (0, import_react55.useRef)();
+  const host = (0, import_react56.useRef)(null);
+  const [view, setView] = (0, import_react56.useState)(initial);
+  const drag = (0, import_react56.useRef)();
   const local = (x, y) => {
     const matrix = host.current?.ownerSVGElement?.getScreenCTM();
     return matrix ? new DOMPoint(x, y).matrixTransform(matrix.inverse()) : new DOMPoint(x, y);
   };
-  (0, import_react55.useEffect)(() => {
+  (0, import_react56.useEffect)(() => {
     const node = host.current;
     if (!node || !mode || mode === "move") return;
     const wheel = (event) => {
@@ -14227,7 +14383,7 @@ function useMapRoam(mode, scaleLimit = { min: 0.65, max: 5 }, wheelFactors = [1.
 }
 
 // src/components/ChartMapLineReveal.tsx
-var import_react56 = require("react");
+var import_react57 = require("react");
 
 // src/components/mapLineGeometry.ts
 function mapLineControl(source, target, curveness) {
@@ -14244,9 +14400,9 @@ function mapLineDuration(source, target, period) {
 // src/components/ChartMapLineReveal.tsx
 var import_jsx_runtime59 = require("react/jsx-runtime");
 function ChartMapLineReveal({ source, control, target, enabled, initialDuration = 2e3, updateDuration = 500, children }) {
-  const signature = JSON.stringify([source, control, target]), initialized = (0, import_react56.useRef)(false);
-  const [frame, setFrame] = (0, import_react56.useState)({ signature, progress: enabled ? 0 : 1 });
-  (0, import_react56.useEffect)(() => {
+  const signature = JSON.stringify([source, control, target]), initialized = (0, import_react57.useRef)(false);
+  const [frame, setFrame] = (0, import_react57.useState)({ signature, progress: enabled ? 0 : 1 });
+  (0, import_react57.useEffect)(() => {
     const reduced = window.matchMedia("(prefers-reduced-motion: reduce)");
     const duration = Math.max(1, initialized.current ? updateDuration : initialDuration);
     if (!enabled || reduced.matches) {
@@ -14279,15 +14435,15 @@ function ChartMapLineReveal({ source, control, target, enabled, initialDuration
 }
 
 // src/components/ChartMapLineEffect.tsx
-var import_react57 = require("react");
+var import_react58 = require("react");
 var import_jsx_runtime60 = require("react/jsx-runtime");
 function ChartMapLineEffect({ source, control, target, period = 30, color = "#fff", radius = 1, shadowBlur = 10, shadowColor = color, trailAlpha }) {
-  const ref = (0, import_react57.useRef)(null);
-  const trails = (0, import_react57.useRef)([]);
+  const ref = (0, import_react58.useRef)(null);
+  const trails = (0, import_react58.useRef)([]);
   const alpha = trailAlpha === void 0 ? 0 : Math.max(0, Math.min(0.999, trailAlpha));
   const count = alpha > 0 ? Math.min(240, Math.ceil(Math.log(5e-3) / Math.log(alpha))) : 0;
   const duration = mapLineDuration(source, target, period);
-  (0, import_react57.useEffect)(() => {
+  (0, import_react58.useEffect)(() => {
     const started = performance.now();
     let frame = 0;
     const history = [];
@@ -14320,7 +14476,7 @@ function ChartMapLineEffect({ source, control, target, period = 30, color = "#ff
 }
 
 // src/components/ChartMapPointPulse.tsx
-var import_react58 = require("react");
+var import_react59 = require("react");
 
 // src/components/mapPointPulse.ts
 function mapPointPulseDuration(period, random = Math.random) {
@@ -14330,7 +14486,7 @@ function mapPointPulseDuration(period, random = Math.random) {
 // src/components/ChartMapPointPulse.tsx
 var import_jsx_runtime61 = require("react/jsx-runtime");
 function ChartMapPointPulse({ x, y, size, color, period = 15, scaleSize = 2 }) {
-  const [duration] = (0, import_react58.useState)(() => mapPointPulseDuration(period));
+  const [duration] = (0, import_react59.useState)(() => mapPointPulseDuration(period));
   return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("circle", { "data-svg-map-pulse": duration, cx: x, cy: y, r: size * scaleSize * 0.1, fill: "none", stroke: color, strokeWidth: 0.1, pointerEvents: "none", style: { filter: `drop-shadow(0 0 2px ${color})` }, children: [
     /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("animate", { attributeName: "r", values: `${size * scaleSize * 0.1};${size * scaleSize}`, dur: `${duration}ms`, repeatCount: "indefinite", calcMode: "linear" }),
     /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("animate", { attributeName: "stroke-width", values: ".1;1", dur: `${duration}ms`, repeatCount: "indefinite", calcMode: "linear" })
@@ -14338,11 +14494,11 @@ function ChartMapPointPulse({ x, y, size, color, period = 15, scaleSize = 2 }) {
 }
 
 // src/components/ChartMapPointEntrance.tsx
-var import_react59 = require("react");
+var import_react60 = require("react");
 var import_jsx_runtime62 = require("react/jsx-runtime");
 function ChartMapPointEntrance({ enabled, x, y, children }) {
-  const [progress, setProgress] = (0, import_react59.useState)(enabled ? 0.01 : 1);
-  (0, import_react59.useEffect)(() => {
+  const [progress, setProgress] = (0, import_react60.useState)(enabled ? 0.01 : 1);
+  (0, import_react60.useEffect)(() => {
     const reduced = window.matchMedia("(prefers-reduced-motion: reduce)");
     if (!enabled || reduced.matches) {
       setProgress(1);
@@ -14385,8 +14541,8 @@ function mapLineEndLabel(source, target) {
 // src/components/SvgMapPlot.tsx
 var import_jsx_runtime63 = require("react/jsx-runtime");
 function SvgMapRegion({ d, name, value, series, color, scale, offset, emphasized, onHover, stroke, strokeWidth, opacity, hoverable = true, showLabel = true, tooltipNameOnly = false }) {
-  const path = (0, import_react60.useRef)(null), [center, setCenter] = (0, import_react60.useState)([0, 0]);
-  (0, import_react60.useLayoutEffect)(() => {
+  const path = (0, import_react61.useRef)(null), [center, setCenter] = (0, import_react61.useState)([0, 0]);
+  (0, import_react61.useLayoutEffect)(() => {
     const box = path.current?.getBBox();
     if (box) setCenter([box.x + box.width / 2, box.y + box.height / 2]);
   }, [d]);
@@ -14404,9 +14560,9 @@ function SvgMapRegion({ d, name, value, series, color, scale, offset, emphasized
   ] }), onPointerMove: () => onHover(true), onPointerLeave: () => onHover(false), onFocus: () => onHover(true), onBlur: () => onHover(false), children: content });
 }
 function SvgMapPlot({ source, name, data, x, y, width, height, domain, range = domain, colors, labelOffsets, hoverRange, onHoverValue, roam = true, resetKey = 0, children, markPoints = [], markLines = [], lineAnimation = false, tooltipNameOnly = false, showLabels = true, pointAnimation = false, pointEntrance = false, pointAnimationEasing = "linear" }) {
-  const map = (0, import_react60.useMemo)(() => parseSvgMapPaths(source), [source]), control = useMapRoam(roam, null, [1.2, 1 / 1.2]), [hovered, setHovered] = (0, import_react60.useState)();
-  const [hoveredLine, setHoveredLine] = (0, import_react60.useState)();
-  (0, import_react60.useEffect)(() => {
+  const map = (0, import_react61.useMemo)(() => parseSvgMapPaths(source), [source]), control = useMapRoam(roam, null, [1.2, 1 / 1.2]), [hovered, setHovered] = (0, import_react61.useState)();
+  const [hoveredLine, setHoveredLine] = (0, import_react61.useState)();
+  (0, import_react61.useEffect)(() => {
     control.reset();
     setHovered(void 0);
   }, [resetKey]);
@@ -14469,16 +14625,16 @@ function SvgMapPlot({ source, name, data, x, y, width, height, domain, range = d
 }
 
 // src/components/ChartRoamController.tsx
-var import_react61 = require("react");
+var import_react62 = require("react");
 var import_jsx_runtime64 = require("react/jsx-runtime");
 function ChartRoamController({ x = 800, y = 5, onPan, onZoom }) {
-  const [hovered, setHovered] = (0, import_react61.useState)(), [focused, setFocused] = (0, import_react61.useState)();
-  const timer = (0, import_react61.useRef)();
+  const [hovered, setHovered] = (0, import_react62.useState)(), [focused, setFocused] = (0, import_react62.useState)();
+  const timer = (0, import_react62.useRef)();
   const stop = () => {
     if (timer.current !== void 0) clearInterval(timer.current);
     timer.current = void 0;
   };
-  (0, import_react61.useEffect)(() => {
+  (0, import_react62.useEffect)(() => {
     window.addEventListener("blur", stop);
     return () => {
       stop();
@@ -14517,13 +14673,13 @@ function ChartRoamController({ x = 800, y = 5, onPan, onZoom }) {
 }
 
 // src/components/LineShareChart.tsx
-var import_react81 = require("react");
+var import_react82 = require("react");
 
 // src/components/Charts.tsx
-var import_react79 = require("react");
+var import_react80 = require("react");
 
 // src/components/ChartScatterMotion.tsx
-var import_react62 = require("react");
+var import_react63 = require("react");
 
 // src/components/scatterMotion.ts
 function scatterMotionEase(progress) {
@@ -14535,9 +14691,9 @@ function scatterMotionEase(progress) {
 var import_jsx_runtime65 = require("react/jsx-runtime");
 function ChartScatterMotion({ x, y, radius, enabled, duration = 2e3, updateDuration = 500, progress, children }) {
   const target = { x, y, radius };
-  const [frame, setFrame] = (0, import_react62.useState)(() => ({ ...target, radius: enabled ? radius * 0.01 : radius }));
-  const displayed = (0, import_react62.useRef)(frame), started = (0, import_react62.useRef)(false);
-  (0, import_react62.useEffect)(() => {
+  const [frame, setFrame] = (0, import_react63.useState)(() => ({ ...target, radius: enabled ? radius * 0.01 : radius }));
+  const displayed = (0, import_react63.useRef)(frame), started = (0, import_react63.useRef)(false);
+  (0, import_react63.useEffect)(() => {
     const reduced = window.matchMedia("(prefers-reduced-motion: reduce)");
     let request = 0;
     const publish = (next) => {
@@ -14648,12 +14804,12 @@ function layoutEventRiver(series, tailLength, area) {
 }
 
 // src/components/EventRiverBubble.tsx
-var import_react63 = require("react");
+var import_react64 = require("react");
 var import_jsx_runtime66 = require("react/jsx-runtime");
 function EventRiverBubble({ resetKey, draggable = true, tooltipPoint, onPointerUp, ...props }) {
-  const [offset, setOffset] = (0, import_react63.useState)(0);
-  const drag = (0, import_react63.useRef)();
-  (0, import_react63.useEffect)(() => {
+  const [offset, setOffset] = (0, import_react64.useState)(0);
+  const drag = (0, import_react64.useRef)();
+  (0, import_react64.useEffect)(() => {
     setOffset(0);
     drag.current = void 0;
   }, [resetKey]);
@@ -14704,13 +14860,13 @@ function EventRiverBubble({ resetKey, draggable = true, tooltipPoint, onPointerU
 }
 
 // src/components/EventRiverMotion.tsx
-var import_react64 = require("react");
+var import_react65 = require("react");
 var import_jsx_runtime67 = require("react/jsx-runtime");
 function EventRiverMotion({ geometry, enabled = true, duration = 2e3, updateDuration = 500, progress, children }) {
-  const [frame, setFrame] = (0, import_react64.useState)(() => ({ ...geometry, scale: enabled ? 0.1 : 1 }));
-  const displayed = (0, import_react64.useRef)(frame), started = (0, import_react64.useRef)(false);
+  const [frame, setFrame] = (0, import_react65.useState)(() => ({ ...geometry, scale: enabled ? 0.1 : 1 }));
+  const displayed = (0, import_react65.useRef)(frame), started = (0, import_react65.useRef)(false);
   const signature = JSON.stringify(geometry);
-  (0, import_react64.useEffect)(() => {
+  (0, import_react65.useEffect)(() => {
     const preference = window.matchMedia("(prefers-reduced-motion: reduce)"), target = { ...geometry, scale: 1 };
     const from = started.current ? displayed.current : { ...geometry, scale: 0.1 };
     let request = 0;
@@ -14827,7 +14983,7 @@ function transferPieValue(series, source, target, connector = " & ") {
 }
 
 // src/components/ChartValueIsland.tsx
-var import_react65 = require("react");
+var import_react66 = require("react");
 
 // src/components/cartesianTransfer.ts
 function addValues(a, b) {
@@ -14892,13 +15048,13 @@ function findCompositeValueTarget(element, x, y) {
 // src/components/ChartValueIsland.tsx
 var import_jsx_runtime68 = require("react/jsx-runtime");
 function ChartValueIsland({ name, value, x, y, color = "#2ec7c9", onDrop, resolveTarget = findCompositeValueTarget }) {
-  const drag = (0, import_react65.useRef)(null);
-  const [offset, setOffset] = (0, import_react65.useState)([0, 0]);
+  const drag = (0, import_react66.useRef)(null);
+  const [offset, setOffset] = (0, import_react66.useState)([0, 0]);
   const cancel = () => {
     drag.current = null;
     setOffset([0, 0]);
   };
-  (0, import_react65.useEffect)(cancel, [x, y]);
+  (0, import_react66.useEffect)(cancel, [x, y]);
   return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
     ChartMark,
     {
@@ -14951,12 +15107,12 @@ function ChartValueIsland({ name, value, x, y, color = "#2ec7c9", onDrop, resolv
 }
 
 // src/components/ChartPulseRing.tsx
-var import_react66 = require("react");
+var import_react67 = require("react");
 var import_jsx_runtime69 = require("react/jsx-runtime");
 function ChartPulseRing({ center, radius, scaleSize = 2, color = "gold", shadowBlur = 10, period = 15, progress, enabled = true }) {
-  const id = (0, import_react66.useId)().replace(/:/g, ""), [phase, setPhase] = (0, import_react66.useState)(0);
-  const [reduced, setReduced] = (0, import_react66.useState)(false);
-  (0, import_react66.useEffect)(() => {
+  const id = (0, import_react67.useId)().replace(/:/g, ""), [phase, setPhase] = (0, import_react67.useState)(0);
+  const [reduced, setReduced] = (0, import_react67.useState)(false);
+  (0, import_react67.useEffect)(() => {
     const preference = window.matchMedia("(prefers-reduced-motion: reduce)");
     setReduced(preference.matches);
     let frame = 0;
@@ -15100,7 +15256,7 @@ function chartMarkerPath(kind, x, y, size) {
 }
 
 // src/components/ChartLargeMapPointCanvas.tsx
-var import_react67 = require("react");
+var import_react68 = require("react");
 
 // src/components/largeMapPointPulse.ts
 function largeMapPointPulse(elapsed, period, initial3, delay) {
@@ -15116,8 +15272,8 @@ function largeMapPointSize(size, pulse) {
 // src/components/ChartLargeMapPointCanvas.tsx
 var import_jsx_runtime70 = require("react/jsx-runtime");
 function ChartLargeMapPointCanvas({ groups, width, height }) {
-  const canvas = (0, import_react67.useRef)(null), key = JSON.stringify(groups);
-  (0, import_react67.useEffect)(() => {
+  const canvas = (0, import_react68.useRef)(null), key = JSON.stringify(groups);
+  (0, import_react68.useEffect)(() => {
     const element = canvas.current, context = element?.getContext("2d");
     if (!element || !context) return;
     const ratio = window.devicePixelRatio || 1;
@@ -15176,12 +15332,12 @@ function ChartLargeMapPointCanvas({ groups, width, height }) {
 }
 
 // src/components/ChartCrosshair.tsx
-var import_react68 = require("react");
+var import_react69 = require("react");
 var import_jsx_runtime71 = require("react/jsx-runtime");
 function ChartCrosshair({ bounds, xDomain, yDomain, formatX = decimal, formatY = decimal }) {
-  const ref = (0, import_react68.useRef)(null);
-  const [point, setPoint] = (0, import_react68.useState)(null);
-  (0, import_react68.useEffect)(() => {
+  const ref = (0, import_react69.useRef)(null);
+  const [point, setPoint] = (0, import_react69.useState)(null);
+  (0, import_react69.useEffect)(() => {
     const svg = ref.current?.ownerSVGElement;
     if (!svg) return;
     const clear = () => setPoint(null);
@@ -15201,7 +15357,7 @@ function ChartCrosshair({ bounds, xDomain, yDomain, formatX = decimal, formatY =
       svg.removeEventListener("pointercancel", clear);
     };
   }, [bounds.x, bounds.y, bounds.width, bounds.height]);
-  (0, import_react68.useEffect)(() => setPoint(null), [xDomain[0], xDomain[1], yDomain[0], yDomain[1]]);
+  (0, import_react69.useEffect)(() => setPoint(null), [xDomain[0], xDomain[1], yDomain[0], yDomain[1]]);
   const x = point ? xDomain[0] + (point.x - bounds.x) / bounds.width * (xDomain[1] - xDomain[0]) : 0;
   const y = point ? yDomain[1] - (point.y - bounds.y) / bounds.height * (yDomain[1] - yDomain[0]) : 0;
   return /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("g", { ref, className: "sia-chart__crosshair", "aria-hidden": "true", children: [
@@ -15218,7 +15374,7 @@ function decimal(value) {
 }
 
 // src/components/HeatmapRasterLayer.tsx
-var import_react69 = require("react");
+var import_react70 = require("react");
 
 // src/components/heatmapRaster.ts
 var defaultGradient = [{ offset: 0.2, color: [0, 0, 255] }, { offset: 0.4, color: [0, 255, 255] }, { offset: 0.6, color: [0, 255, 0] }, { offset: 0.8, color: [255, 255, 0] }, { offset: 1, color: [255, 0, 0] }];
@@ -15265,9 +15421,9 @@ function rasterizeHeatmap(width, height, points, options = {}) {
 // src/components/HeatmapRasterLayer.tsx
 var import_jsx_runtime72 = require("react/jsx-runtime");
 function HeatmapRaster({ width, height, points, options }) {
-  const [url, setUrl] = (0, import_react69.useState)();
+  const [url, setUrl] = (0, import_react70.useState)();
   const optionsKey = JSON.stringify(options);
-  (0, import_react69.useEffect)(() => {
+  (0, import_react70.useEffect)(() => {
     const canvas = document.createElement("canvas");
     canvas.width = width;
     canvas.height = height;
@@ -15367,10 +15523,10 @@ function chordMatrixLayout(matrix, options = {}) {
 }
 
 // src/components/MatrixChordPlot.tsx
-var import_react70 = require("react");
+var import_react71 = require("react");
 var import_jsx_runtime73 = require("react/jsx-runtime");
 function MatrixChordPlot({ names, matrix, series, appearance, showNodeLabels = false, rotateNodeLabels = false, linkLabel, sort, sortSub, padAngle, clockwise, palette, geometry, legacySubSort = false, showScale = false }) {
-  const [hoveredLink, setHoveredLink] = (0, import_react70.useState)(null);
+  const [hoveredLink, setHoveredLink] = (0, import_react71.useState)(null);
   const layout = series ? chordMultiMatrixLayout(series.map((s) => s.matrix), { padAngle, clockwise, startAngle: geometry?.startAngle }) : chordMatrixLayout(matrix, { sort, sortSub, padAngle, clockwise, legacySubSort, startAngle: geometry?.startAngle }), cx = geometry?.center[0] ?? 360, cy = geometry?.center[1] ?? 182, r = geometry?.innerRadius ?? 108, outer = geometry?.outerRadius ?? 128;
   const point = (angle) => [cx + Math.cos(angle) * r, cy + Math.sin(angle) * r];
   return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("g", { className: "sia-chart__matrix-chord", children: [
@@ -15717,13 +15873,13 @@ function transferRadarSeries(panels, source, target, connector = " & ") {
 }
 
 // src/components/ChartRoamGroup.tsx
-var import_react71 = require("react");
+var import_react72 = require("react");
 var import_jsx_runtime75 = require("react/jsx-runtime");
 var initial2 = { x: 0, y: 0, scale: 1 };
 function ChartRoamGroup({ children, enabled, width, height, zoomEnabled = true, ariaLabel, resetSignal = 0 }) {
-  const group = (0, import_react71.useRef)(null), drag = (0, import_react71.useRef)();
-  const [view, setView] = (0, import_react71.useState)(initial2);
-  (0, import_react71.useEffect)(() => {
+  const group = (0, import_react72.useRef)(null), drag = (0, import_react72.useRef)();
+  const [view, setView] = (0, import_react72.useState)(initial2);
+  (0, import_react72.useEffect)(() => {
     setView(initial2);
     drag.current = void 0;
   }, [resetSignal]);
@@ -15733,7 +15889,7 @@ function ChartRoamGroup({ children, enabled, width, height, zoomEnabled = true,
     const local = new DOMPoint(clientX, clientY).matrixTransform(matrix.inverse());
     return [local.x, local.y];
   };
-  (0, import_react71.useEffect)(() => {
+  (0, import_react72.useEffect)(() => {
     const target = group.current;
     if (!target || !enabled || !zoomEnabled) return;
     const wheel = (event) => {
@@ -15794,11 +15950,11 @@ function ChartRoamGroup({ children, enabled, width, height, zoomEnabled = true,
 }
 
 // src/components/TreeNodeGlyph.tsx
-var import_react72 = require("react");
+var import_react73 = require("react");
 var import_jsx_runtime76 = require("react/jsx-runtime");
 function TreeNodeGlyph({ symbol = "circle", x, y, width, height, color, itemStyle }) {
-  const [failed, setFailed] = (0, import_react72.useState)(false);
-  (0, import_react72.useEffect)(() => setFailed(false), [symbol]);
+  const [failed, setFailed] = (0, import_react73.useState)(false);
+  (0, import_react73.useEffect)(() => setFailed(false), [symbol]);
   const style = { fill: itemStyle.brushType === "stroke" ? "none" : color, stroke: itemStyle.borderColor, strokeWidth: itemStyle.borderWidth };
   if (symbol.startsWith("image://")) return failed ? /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("g", { role: "img", "aria-label": "\u539F\u59CB\u8282\u70B9\u56FE\u7247\u52A0\u8F7D\u5931\u8D25", children: [
     /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("rect", { x: x - width / 2, y: y - height / 2, width, height, fill: "none", stroke: "#999", strokeDasharray: "3 3" }),
@@ -16087,7 +16243,7 @@ function resolveMapRegionAppearance(base, datum, emphasized) {
 }
 
 // src/components/ChartBundledMapCanvas.tsx
-var import_react73 = require("react");
+var import_react74 = require("react");
 
 // src/components/edgeBundling.ts
 var distance = (a, b) => Math.hypot(a[0] - b[0], a[1] - b[1]);
@@ -16231,9 +16387,9 @@ function sampleBundledPath(curves, progress) {
 var import_jsx_runtime77 = require("react/jsx-runtime");
 function ChartBundledMapCanvas({ edges, points = [], smoothness = 0.1, color = "rgba(2,166,253,0.05)", opacity = 0.2, lineWidth = 0.5, pointColor = "rgba(255,0,0,0.5)", pointRadius = 1.5, effect, width, height }) {
   const signature = JSON.stringify(edges), pointKey = JSON.stringify(points), effectKey = JSON.stringify(effect);
-  const paths = (0, import_react73.useMemo)(() => bundleEdges(JSON.parse(signature)).map((row) => ({ index: row.index, curves: smoothBundledPath(row.points, smoothness) })), [signature, smoothness]);
-  const base = (0, import_react73.useRef)(null), moving = (0, import_react73.useRef)(null);
-  (0, import_react73.useEffect)(() => {
+  const paths = (0, import_react74.useMemo)(() => bundleEdges(JSON.parse(signature)).map((row) => ({ index: row.index, curves: smoothBundledPath(row.points, smoothness) })), [signature, smoothness]);
+  const base = (0, import_react74.useRef)(null), moving = (0, import_react74.useRef)(null);
+  (0, import_react74.useEffect)(() => {
     const node = base.current, ctx = node?.getContext("2d");
     if (!node || !ctx) return;
     const ratio = window.devicePixelRatio || 1;
@@ -16259,7 +16415,7 @@ function ChartBundledMapCanvas({ edges, points = [], smoothness = 0.1, color = "
       ctx.fill();
     }
   }, [paths, pointKey, width, height, color, opacity, lineWidth, pointColor, pointRadius]);
-  (0, import_react73.useEffect)(() => {
+  (0, import_react74.useEffect)(() => {
     const node = moving.current, ctx = node?.getContext("2d");
     if (!node || !ctx) return;
     const ratio = window.devicePixelRatio || 1;
@@ -16321,11 +16477,11 @@ function ChartBundledMapCanvas({ edges, points = [], smoothness = 0.1, color = "
 }
 
 // src/components/ChartMapEffectCanvas.tsx
-var import_react74 = require("react");
+var import_react75 = require("react");
 var import_jsx_runtime78 = require("react/jsx-runtime");
 function ChartMapEffectCanvas({ effects, width, height, alpha = 0.95 }) {
-  const canvas = (0, import_react74.useRef)(null), key = JSON.stringify(effects);
-  (0, import_react74.useEffect)(() => {
+  const canvas = (0, import_react75.useRef)(null), key = JSON.stringify(effects);
+  (0, import_react75.useEffect)(() => {
     const element = canvas.current;
     if (!element) return;
     const context = element.getContext("2d");
@@ -16471,12 +16627,12 @@ function layoutTreeNodes(root, options = {}) {
 }
 
 // src/components/ChartDataEditor.tsx
-var import_react75 = require("react");
+var import_react76 = require("react");
 var import_jsx_runtime79 = require("react/jsx-runtime");
 function ChartDataEditor({ series, onApply, readOnly = false, allowNull = false }) {
-  const [draft, setDraft] = (0, import_react75.useState)(() => JSON.stringify(series.map((item) => item.data), null, 2));
-  const [error, setError] = (0, import_react75.useState)("");
-  const [applied, setApplied] = (0, import_react75.useState)(false);
+  const [draft, setDraft] = (0, import_react76.useState)(() => JSON.stringify(series.map((item) => item.data), null, 2));
+  const [error, setError] = (0, import_react76.useState)("");
+  const [applied, setApplied] = (0, import_react76.useState)(false);
   function apply() {
     try {
       const values = JSON.parse(draft);
@@ -16507,11 +16663,11 @@ function ChartDataEditor({ series, onApply, readOnly = false, allowNull = false
 }
 
 // src/components/ChartBarStatistics.tsx
-var import_react76 = require("react");
+var import_react77 = require("react");
 var import_jsx_runtime80 = require("react/jsx-runtime");
 function ChartBarStatistics({ values, kinds, project, plot, horizontal, color, gradient, seriesName }) {
-  const id = (0, import_react76.useId)().replaceAll(":", "");
-  const [active, setActive] = (0, import_react76.useState)();
+  const id = (0, import_react77.useId)().replaceAll(":", "");
+  const [active, setActive] = (0, import_react77.useState)();
   const paint = gradient ? `url(#${id})` : color;
   return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("g", { children: [
     gradient ? /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("linearGradient", { id, gradientUnits: "userSpaceOnUse", x1: gradient.start[0], y1: gradient.start[1], x2: gradient.end[0], y2: gradient.end[1], children: gradient.stops.map((stop, i) => /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("stop", { offset: stop.offset, stopColor: stop.color }, i)) }) }) : null,
@@ -16566,7 +16722,7 @@ function lineSegments(points) {
 }
 
 // src/components/useBarMagicState.ts
-var import_react77 = require("react");
+var import_react78 = require("react");
 
 // src/components/cartesianMagicState.ts
 function changeCartesianMagic(state, action) {
@@ -16581,8 +16737,8 @@ function changeCartesianMagic(state, action) {
 function useBarMagicState(toolbox, shape = "bar") {
   const initial3 = { shape, layout: "original" };
   const options = toolbox === true ? {} : typeof toolbox === "object" ? toolbox : void 0;
-  const [state, setState] = (0, import_react77.useState)(() => changeCartesianMagic(initial3, options?.activeMagicType ?? shape));
-  (0, import_react77.useEffect)(() => {
+  const [state, setState] = (0, import_react78.useState)(() => changeCartesianMagic(initial3, options?.activeMagicType ?? shape));
+  (0, import_react78.useEffect)(() => {
     if (options?.activeMagicType) setState((s) => changeCartesianMagic(s, options.activeMagicType));
   }, [options?.activeMagicType]);
   const resolved = options ? { ...options, activeMagicType: state.shape, activeMagicTypes: options.activeMagicTypes ?? (state.layout === "original" ? [state.shape] : [state.shape, state.layout]), onMagicTypeChange: (action) => {
@@ -16596,7 +16752,7 @@ function useBarMagicState(toolbox, shape = "bar") {
 }
 
 // src/components/useBarValueTransfer.ts
-var import_react78 = require("react");
+var import_react79 = require("react");
 
 // src/components/barTransfer.ts
 function transferBarValue(series, source, target, categories) {
@@ -16613,10 +16769,10 @@ function transferBarValue(series, source, target, categories) {
 
 // src/components/useBarValueTransfer.ts
 function useBarValueTransfer(series, initial3, categories, enabled, publish, onError) {
-  const [islands, setIslands] = (0, import_react78.useState)([]);
-  const drag = (0, import_react78.useRef)();
-  const [offset, setOffset] = (0, import_react78.useState)();
-  (0, import_react78.useEffect)(() => {
+  const [islands, setIslands] = (0, import_react79.useState)([]);
+  const drag = (0, import_react79.useRef)();
+  const [offset, setOffset] = (0, import_react79.useState)();
+  (0, import_react79.useEffect)(() => {
     setIslands([]);
     drag.current = void 0;
     setOffset(void 0);
@@ -16717,12 +16873,12 @@ function logarithmicValueAt(progress, domain) {
 
 // src/components/Charts.tsx
 var import_jsx_runtime81 = require("react/jsx-runtime");
-var import_react80 = require("react");
+var import_react81 = require("react");
 var PLOT = { x: 62, y: 48, width: 628, height: 250 };
 var PLOT_BOTTOM = PLOT.y + PLOT.height;
 function useLegendSelection(names, controlled, onChange) {
-  const [internal, setInternal] = (0, import_react79.useState)(() => Object.fromEntries(names.map((name) => [name, true])));
-  (0, import_react79.useEffect)(() => {
+  const [internal, setInternal] = (0, import_react80.useState)(() => Object.fromEntries(names.map((name) => [name, true])));
+  (0, import_react80.useEffect)(() => {
     setInternal((current) => {
       const next = { ...current };
       names.forEach((name) => {
@@ -16822,7 +16978,7 @@ function lineSymbol(type, x, y, size, color, image, strokeWidth = 2) {
   return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("circle", { cx: x, cy: y, r: size / 2, fill: color, stroke: "var(--sia-color-surface)", strokeWidth: 2 });
 }
 function useZoom(value, defaultValue, onChange) {
-  const [internal, setInternal] = (0, import_react79.useState)([...defaultValue ?? [0, 100]]);
+  const [internal, setInternal] = (0, import_react80.useState)([...defaultValue ?? [0, 100]]);
   const current = value ?? internal;
   const update = (next) => {
     if (!value) setInternal(next);
@@ -16832,8 +16988,8 @@ function useZoom(value, defaultValue, onChange) {
 }
 function useToolboxMagicType(toolbox, fallback) {
   const options = toolbox === true ? {} : typeof toolbox === "object" ? toolbox : void 0;
-  const [internal, setInternal] = (0, import_react79.useState)(options?.activeMagicType ?? fallback);
-  (0, import_react79.useEffect)(() => {
+  const [internal, setInternal] = (0, import_react80.useState)(options?.activeMagicType ?? fallback);
+  (0, import_react80.useEffect)(() => {
     if (options?.activeMagicType) setInternal(options.activeMagicType);
   }, [options?.activeMagicType]);
   const active = options?.activeMagicType ?? internal;
@@ -16851,15 +17007,15 @@ function useToolboxMagicType(toolbox, fallback) {
   } : toolbox;
   return [active, resolved];
 }
-var LineChart = (0, import_react79.forwardRef)(function LineChart2({ calculableMode = "resize", onTransferError, grid, valueTransfer: externalValueTransfer, categories, series: sourceSeries, appearance = "sia", categoryLabelInterval = 0, boundaryGap = false, showCategorySplitLine = true, categoryAxisName, valueAxisName, legendLayout, logBase = 10, logExponentStep = 1, animationProgress, animationDurationUpdate = 500, valueDomain, axisLabelFormatter, stacked = false, orientation = "vertical", xAxisType = "category", valueAxisType = "value", valueAxisInverse = false, tooltipTrigger = "item", showLegend = true, legendInteractive = true, legendSelected, onLegendSelectionChange, valueFormatter, onDataClick, dataZoom = false, zoomIndexMode = "points", zoomPosition = "bottom", zoomControlBounds, zoomPan = false, zoomSelectionShape = "band", zoomSelectionStyle, zoomMinSelectionSize, calculable = false, zoom, defaultZoom, onZoomChange, onDataChange, palette, toolbox, ...props }, ref) {
-  const [hoverIndex, setHoverIndex] = (0, import_react79.useState)(null);
-  const [editableSeries, setEditableSeries] = (0, import_react79.useState)(sourceSeries);
-  const [dragPoint, setDragPoint] = (0, import_react79.useState)(null);
-  const linePaintId = (0, import_react79.useId)().replaceAll(":", "");
-  const [hoveredLinePoint, setHoveredLinePoint] = (0, import_react79.useState)();
-  (0, import_react79.useEffect)(() => setEditableSeries(sourceSeries), [sourceSeries]);
+var LineChart = (0, import_react80.forwardRef)(function LineChart2({ calculableMode = "resize", onTransferError, grid, valueTransfer: externalValueTransfer, categories, series: sourceSeries, appearance = "sia", categoryLabelInterval = 0, boundaryGap = false, showCategorySplitLine = true, categoryAxisName, valueAxisName, legendLayout, logBase = 10, logExponentStep = 1, animationProgress, animationDurationUpdate = 500, valueDomain, axisLabelFormatter, stacked = false, orientation = "vertical", xAxisType = "category", valueAxisType = "value", valueAxisInverse = false, tooltipTrigger = "item", showLegend = true, legendInteractive = true, legendSelected, onLegendSelectionChange, valueFormatter, onDataClick, dataZoom = false, zoomIndexMode = "points", zoomPosition = "bottom", zoomControlBounds, zoomPan = false, zoomSelectionShape = "band", zoomSelectionStyle, zoomMinSelectionSize, calculable = false, zoom, defaultZoom, onZoomChange, onDataChange, palette, toolbox, ...props }, ref) {
+  const [hoverIndex, setHoverIndex] = (0, import_react80.useState)(null);
+  const [editableSeries, setEditableSeries] = (0, import_react80.useState)(sourceSeries);
+  const [dragPoint, setDragPoint] = (0, import_react80.useState)(null);
+  const linePaintId = (0, import_react80.useId)().replaceAll(":", "");
+  const [hoveredLinePoint, setHoveredLinePoint] = (0, import_react80.useState)();
+  (0, import_react80.useEffect)(() => setEditableSeries(sourceSeries), [sourceSeries]);
   const series = externalValueTransfer ? sourceSeries : editableSeries;
-  const initialTransferSeries = (0, import_react79.useMemo)(() => sourceSeries.map((item) => ({ ...item, data: item.data.map(lineValue) })), [sourceSeries]);
+  const initialTransferSeries = (0, import_react80.useMemo)(() => sourceSeries.map((item) => ({ ...item, data: item.data.map(lineValue) })), [sourceSeries]);
   const localTransfer = useBarValueTransfer(series.map((item) => ({ ...item, data: item.data.map(lineValue) })), initialTransferSeries, categories, calculable && calculableMode === "transfer" && !externalValueTransfer, (nextBars) => {
     const next = series.map((item, row) => ({ ...item, data: item.data.map((datum, index) => {
       const value = barDatum(nextBars[row].data[index]).value;
@@ -16876,8 +17032,8 @@ var LineChart = (0, import_react79.forwardRef)(function LineChart2({ calculableM
   const legend = useLegendSelection(series.map((item) => item.name), legendSelected, onLegendSelectionChange);
   const [zoomValue, setZoomValue] = useZoom(zoom, defaultZoom, onZoomChange);
   const inlineZoom = dataZoom && zoomControlBounds ? /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("foreignObject", { className: "sia-chart__inline-zoom sia-chart__inline-zoom--compact", ...zoomControlBounds, children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(ChartDataZoom, { handleLabels: [categories[Math.min(categories.length - 1, Math.floor(Math.min(...zoomValue) / 100 * categories.length))] ?? "", categories[Math.max(0, Math.ceil(Math.max(...zoomValue) / 100 * categories.length) - 1)] ?? ""], shadowBounds: zoomControlBounds, panEnabled: zoomPan, value: zoomValue, dataShadow: series[0]?.data.map(lineValue), onChange: setZoomValue }) }) : null;
-  const [zoomBrushActive, setZoomBrushActive] = (0, import_react79.useState)(false);
-  const [zoomHistory, setZoomHistory] = (0, import_react79.useState)(() => dataZoom ? [defaultZoom ?? zoom ?? [0, 100]] : []);
+  const [zoomBrushActive, setZoomBrushActive] = (0, import_react80.useState)(false);
+  const [zoomHistory, setZoomHistory] = (0, import_react80.useState)(() => dataZoom ? [defaultZoom ?? zoom ?? [0, 100]] : []);
   const zoomBrush = dataZoom && zoomBrushActive ? { minSelectionSize: zoomMinSelectionSize, selectionStyle: zoomSelectionStyle, selectionShape: zoomSelectionShape, bounds: PLOT2, onCancel: () => setZoomBrushActive(false), onSelect: (range) => {
     const start = Math.min(...zoomValue), span = Math.max(...zoomValue) - start;
     const next = [start + range[0] * span, start + range[1] * span];
@@ -17264,17 +17420,17 @@ function ChartPin({ point, color, label }) {
 function barDatum(datum) {
   return typeof datum === "number" ? { value: datum } : datum;
 }
-var BarChart = (0, import_react79.forwardRef)(function BarChart2({ valueTransfer: externalValueTransfer, calculableMode = "resize", onTransferError, categories, series: sourceSeries, appearance = "sia", animationProgress, animationDurationUpdate = 500, valueDomain, axisLabelFormatter, grid, valueAxisPosition = "bottom", showValueAxis = true, showCategoryAxis = true, showCategorySplitLine = false, tooltipTrigger = "item", tooltipFormatter, stacked = false, orientation = "vertical", minBarSize = 1, calculable = false, onDataChange, showLegend = true, legendOrder, legendLayout, barCategoryGap = 0.2, valuePadding = 0, legendInteractive = true, legendSelected, onLegendSelectionChange, valueFormatter, onDataClick, palette, toolbox, ...props }, ref) {
-  const [editableSeries, setEditableSeries] = (0, import_react79.useState)(sourceSeries);
-  const [dragBar, setDragBar] = (0, import_react79.useState)(null);
-  const [hoveredBar, setHoveredBar] = (0, import_react79.useState)();
-  const barPaintId = (0, import_react79.useId)().replaceAll(":", "");
+var BarChart = (0, import_react80.forwardRef)(function BarChart2({ valueTransfer: externalValueTransfer, calculableMode = "resize", onTransferError, categories, series: sourceSeries, appearance = "sia", animationProgress, animationDurationUpdate = 500, valueDomain, axisLabelFormatter, grid, valueAxisPosition = "bottom", showValueAxis = true, showCategoryAxis = true, showCategorySplitLine = false, tooltipTrigger = "item", tooltipFormatter, stacked = false, orientation = "vertical", minBarSize = 1, calculable = false, onDataChange, showLegend = true, legendOrder, legendLayout, barCategoryGap = 0.2, valuePadding = 0, legendInteractive = true, legendSelected, onLegendSelectionChange, valueFormatter, onDataClick, palette, toolbox, ...props }, ref) {
+  const [editableSeries, setEditableSeries] = (0, import_react80.useState)(sourceSeries);
+  const [dragBar, setDragBar] = (0, import_react80.useState)(null);
+  const [hoveredBar, setHoveredBar] = (0, import_react80.useState)();
+  const barPaintId = (0, import_react80.useId)().replaceAll(":", "");
   const localTransfer = useBarValueTransfer(editableSeries, sourceSeries, categories, calculable && calculableMode === "transfer" && !externalValueTransfer, (next) => {
     setEditableSeries(next);
     onDataChange?.(next);
   }, onTransferError);
   const transfer = externalValueTransfer ?? localTransfer;
-  (0, import_react79.useEffect)(() => setEditableSeries(sourceSeries), [sourceSeries]);
+  (0, import_react80.useEffect)(() => setEditableSeries(sourceSeries), [sourceSeries]);
   const series = externalValueTransfer ? sourceSeries : editableSeries;
   const legacy = appearance === "macarons";
   const PLOT2 = legacy ? { x: grid?.left ?? 80, y: grid?.top ?? 60, width: (props.viewBoxSize?.[0] ?? 720) - (grid?.left ?? 80) - (grid?.right ?? 80), height: (props.viewBoxSize?.[1] ?? 360) - (grid?.top ?? 60) - (grid?.bottom ?? 70) } : { x: 62, y: 48, width: 628, height: 250 };
@@ -17521,17 +17677,17 @@ var BarChart = (0, import_react79.forwardRef)(function BarChart2({ valueTransfer
     ] }, `bar-island-${index}`)) : null
   ] });
 });
-var ScatterChart = (0, import_react79.forwardRef)(function ScatterChart2({ symbolAnimation = false, animationProgress, animationDurationUpdate = 500, statisticPoints = [], statisticLines = [], annotations = [], data: initialData, toolbox, showXAxis = true, showXSplitLine = true, showYSplitLine = true, tooltipFormatter, plotBounds, xDomain: fixedXDomain, yDomain: fixedYDomain, showPointLabels = false, yAxisPosition = "left", xCategories, xFormatter, crosshair = false, markColor, xSplitNumber = 5, ySplitNumber = 5, symbolSize, markAppearance = "label", markByCategory = false, xUnit = "", yUnit = "", minSymbolRadius = 5, xLabel, yLabel, xAxisType = "value", showLegend = true, legendInteractive = true, legendSelected, onLegendSelectionChange, dataZoom = false, zoom, defaultZoom, onZoomChange, visualMap, markAverage, markExtremes = false, largeThreshold = 1200, onDataClick, palette, ...props }, ref) {
-  const [data, setData] = (0, import_react79.useState)(initialData);
-  const [emphasizedPoint, setEmphasizedPoint] = (0, import_react79.useState)(null);
-  const [emphasizedAnnotation, setEmphasizedAnnotation] = (0, import_react79.useState)();
-  (0, import_react79.useEffect)(() => setData(initialData), [initialData]);
+var ScatterChart = (0, import_react80.forwardRef)(function ScatterChart2({ symbolAnimation = false, animationProgress, animationDurationUpdate = 500, statisticPoints = [], statisticLines = [], annotations = [], data: initialData, toolbox, showXAxis = true, showXSplitLine = true, showYSplitLine = true, tooltipFormatter, plotBounds, xDomain: fixedXDomain, yDomain: fixedYDomain, showPointLabels = false, yAxisPosition = "left", xCategories, xFormatter, crosshair = false, markColor, xSplitNumber = 5, ySplitNumber = 5, symbolSize, markAppearance = "label", markByCategory = false, xUnit = "", yUnit = "", minSymbolRadius = 5, xLabel, yLabel, xAxisType = "value", showLegend = true, legendInteractive = true, legendSelected, onLegendSelectionChange, dataZoom = false, zoom, defaultZoom, onZoomChange, visualMap, markAverage, markExtremes = false, largeThreshold = 1200, onDataClick, palette, ...props }, ref) {
+  const [data, setData] = (0, import_react80.useState)(initialData);
+  const [emphasizedPoint, setEmphasizedPoint] = (0, import_react80.useState)(null);
+  const [emphasizedAnnotation, setEmphasizedAnnotation] = (0, import_react80.useState)();
+  (0, import_react80.useEffect)(() => setData(initialData), [initialData]);
   const plot = plotBounds ?? PLOT, bottom = plot.y + plot.height;
   const [zoomValue, setZoomValue] = useZoom(zoom, defaultZoom, onZoomChange);
   const allCategories = [...new Set(data.map((item) => item.category).filter((value) => Boolean(value)))];
   const legend = useLegendSelection(allCategories, legendSelected, onLegendSelectionChange);
   const activeData = data.filter((item) => !item.category || legend.isSelected(item.category));
-  const sorted = (0, import_react79.useMemo)(() => [...activeData].sort((left, right) => left.x - right.x), [activeData]);
+  const sorted = (0, import_react80.useMemo)(() => [...activeData].sort((left, right) => left.x - right.x), [activeData]);
   const startIndex = dataZoom ? Math.floor(Math.min(...zoomValue) / 100 * Math.max(0, sorted.length - 1)) : 0;
   const endIndex = dataZoom ? Math.max(startIndex + 1, Math.ceil(Math.max(...zoomValue) / 100 * sorted.length)) : sorted.length;
   const categoryWindow = xCategories ? scatterCategoryWindow(xCategories, dataZoom ? zoomValue : [0, 100]) : void 0;
@@ -17546,10 +17702,10 @@ var ScatterChart = (0, import_react79.forwardRef)(function ScatterChart2({ symbo
   const visualMinimum = visualMap?.min ?? (visualValues.length ? Math.min(...visualValues) : 0);
   const visualMaximum = visualMap?.max ?? (visualValues.length ? Math.max(...visualValues) : 1);
   const visualColors = visualMap?.colors ?? ["#e6f4ff", "#1677ff"];
-  const [selectedPieces, setSelectedPieces] = (0, import_react79.useState)([]);
-  const [visualRange, setVisualRange] = (0, import_react79.useState)();
+  const [selectedPieces, setSelectedPieces] = (0, import_react80.useState)([]);
+  const [visualRange, setVisualRange] = (0, import_react80.useState)();
   const piecesKey = JSON.stringify(visualMap?.pieces ?? []);
-  (0, import_react79.useEffect)(() => setSelectedPieces([]), [piecesKey]);
+  (0, import_react80.useEffect)(() => setSelectedPieces([]), [piecesKey]);
   const statistics = scatterStatistics(visibleData, markByCategory);
   const plotted = visibleData.map((item, index) => {
     const x = linearScale(categoryWindow ? categoryWindow.indexOf(item.x) : item.x, [xDomain[0], xDomain[1]], [plot.x, plot.x + plot.width]);
@@ -17707,8 +17863,8 @@ var ScatterChart = (0, import_react79.forwardRef)(function ScatterChart2({ symbo
     /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(ChartDataZoom, { value: zoomValue, onChange: setZoomValue })
   ] }) : content;
 });
-var CandlestickChart = (0, import_react79.forwardRef)(function CandlestickChart2({ showAxes = true, data: initialData, valueDomain, axisLabelFormatter, activeIndex, onActiveIndexChange, seriesVisible: controlledVisible, onSeriesVisibilityChange, showLegend = true, showCategoryLabels = true, plotBounds, markPoints, seriesName, risingBorderColor, fallingBorderColor, borderWidth = 2, risingEmphasisColor, fallingEmphasisColor, maxBarWidth = 34, appearance = "sia", risingColor = "#f5222d", fallingColor = "#52c41a", hollowRising = false, dataZoom = false, zoom, defaultZoom, onZoomChange, markExtremes = false, onDataClick, toolbox, ...props }, ref) {
-  const [data, setData] = (0, import_react79.useState)(initialData), [internalActive, setInternalActive] = (0, import_react79.useState)(null), [internalVisible, setInternalVisible] = (0, import_react79.useState)(true);
+var CandlestickChart = (0, import_react80.forwardRef)(function CandlestickChart2({ showAxes = true, data: initialData, valueDomain, axisLabelFormatter, activeIndex, onActiveIndexChange, seriesVisible: controlledVisible, onSeriesVisibilityChange, showLegend = true, showCategoryLabels = true, plotBounds, markPoints, seriesName, risingBorderColor, fallingBorderColor, borderWidth = 2, risingEmphasisColor, fallingEmphasisColor, maxBarWidth = 34, appearance = "sia", risingColor = "#f5222d", fallingColor = "#52c41a", hollowRising = false, dataZoom = false, zoom, defaultZoom, onZoomChange, markExtremes = false, onDataClick, toolbox, ...props }, ref) {
+  const [data, setData] = (0, import_react80.useState)(initialData), [internalActive, setInternalActive] = (0, import_react80.useState)(null), [internalVisible, setInternalVisible] = (0, import_react80.useState)(true);
   const active = activeIndex === void 0 ? internalActive : activeIndex;
   const seriesVisible = controlledVisible ?? internalVisible;
   const setActive = (index) => {
@@ -17719,7 +17875,7 @@ var CandlestickChart = (0, import_react79.forwardRef)(function CandlestickChart2
     if (controlledVisible === void 0) setInternalVisible(visible);
     onSeriesVisibilityChange?.(visible);
   };
-  (0, import_react79.useEffect)(() => {
+  (0, import_react80.useEffect)(() => {
     setData(initialData);
   }, [initialData]);
   const legacy = appearance === "macarons";
@@ -17810,20 +17966,20 @@ var CandlestickChart = (0, import_react79.forwardRef)(function CandlestickChart2
   ] }) : content;
 });
 var EMPTY_PIE_DATA = [];
-var PieChart = (0, import_react79.forwardRef)(function PieChart2({ pulseRing, calculable = false, markPoints = [], data = EMPTY_PIE_DATA, series, innerRadius = 62, outerRadius = 124, rose = false, center = [360, 173], startAngle = -90, clockwise = true, padAngle = 0, showLegend = true, legendInteractive = true, legendSelected, onLegendSelectionChange, showLabels = true, showLabelLines = true, centerLabel, selectedMode = false, selected, defaultSelected, selectedOffset = 9, onSelectionChange, onDataClick, palette, toolbox, appearance = "sia", animationProgress, animationDurationUpdate = 500, legendLayout, showGuideRings = false, onDataChange, transferId, onValueTransfer, onTransferError, onValueDragOut, outsideLabelLayout, ...props }, ref) {
-  const pieGradientId = (0, import_react79.useId)().replace(/:/g, "");
-  const [pieIslands, setPieIslands] = (0, import_react79.useState)([]);
-  const sourceRings = (0, import_react79.useMemo)(() => series?.length ? series : [{ data, innerRadius, outerRadius, rose, showLabels }], [series, data, innerRadius, outerRadius, rose, showLabels]);
-  const [editableRings, setEditableRings] = (0, import_react79.useState)(sourceRings);
-  const valueDrag = (0, import_react79.useRef)(null);
-  const [valueOffset, setValueOffset] = (0, import_react79.useState)();
-  (0, import_react79.useEffect)(() => setEditableRings(sourceRings), [sourceRings]);
+var PieChart = (0, import_react80.forwardRef)(function PieChart2({ pulseRing, calculable = false, markPoints = [], data = EMPTY_PIE_DATA, series, innerRadius = 62, outerRadius = 124, rose = false, center = [360, 173], startAngle = -90, clockwise = true, padAngle = 0, showLegend = true, legendInteractive = true, legendSelected, onLegendSelectionChange, showLabels = true, showLabelLines = true, centerLabel, selectedMode = false, selected, defaultSelected, selectedOffset = 9, onSelectionChange, onDataClick, palette, toolbox, appearance = "sia", animationProgress, animationDurationUpdate = 500, legendLayout, showGuideRings = false, onDataChange, transferId, onValueTransfer, onTransferError, onValueDragOut, outsideLabelLayout, ...props }, ref) {
+  const pieGradientId = (0, import_react80.useId)().replace(/:/g, "");
+  const [pieIslands, setPieIslands] = (0, import_react80.useState)([]);
+  const sourceRings = (0, import_react80.useMemo)(() => series?.length ? series : [{ data, innerRadius, outerRadius, rose, showLabels }], [series, data, innerRadius, outerRadius, rose, showLabels]);
+  const [editableRings, setEditableRings] = (0, import_react80.useState)(sourceRings);
+  const valueDrag = (0, import_react80.useRef)(null);
+  const [valueOffset, setValueOffset] = (0, import_react80.useState)();
+  (0, import_react80.useEffect)(() => setEditableRings(sourceRings), [sourceRings]);
   const allData = editableRings.flatMap((ring) => ring.data).filter((item) => !item.missing);
   const names = [...new Set(allData.map((item) => item.name))];
   const legend = useLegendSelection(names, legendSelected, onLegendSelectionChange);
   const [magicType, resolvedToolbox] = useToolboxMagicType(toolbox, "\u997C\u56FE");
-  const [hovered, setHovered] = (0, import_react79.useState)();
-  const [internalSelected, setInternalSelected] = (0, import_react79.useState)(() => [...defaultSelected ?? allData.filter((item) => item.selected).map((item) => item.name)]);
+  const [hovered, setHovered] = (0, import_react80.useState)();
+  const [internalSelected, setInternalSelected] = (0, import_react80.useState)(() => [...defaultSelected ?? allData.filter((item) => item.selected).map((item) => item.name)]);
   const selectedNames = selected ?? internalSelected;
   const legacy = appearance === "macarons";
   const colorNames = [...new Set(allData.filter((item) => item.showInLegend !== false).map((item) => item.name))];
@@ -18043,15 +18199,15 @@ var PieChart = (0, import_react79.forwardRef)(function PieChart2({ pulseRing, ca
 });
 var EMPTY_RADAR_INDICATORS = [];
 var EMPTY_RADAR_SERIES = [];
-var RadarChart = (0, import_react79.forwardRef)(function RadarChart2({ indicators = EMPTY_RADAR_INDICATORS, series = EMPTY_RADAR_SERIES, radars, calculable = false, onTransferError, markers, levels = 5, showLegend = true, legendInteractive = true, legendSelected, onLegendSelectionChange, onDataClick, palette, toolbox, appearance = "sia", animationProgress, legendOrder, legendLayout, onDataChange, ...props }, ref) {
+var RadarChart = (0, import_react80.forwardRef)(function RadarChart2({ indicators = EMPTY_RADAR_INDICATORS, series = EMPTY_RADAR_SERIES, radars, calculable = false, onTransferError, markers, levels = 5, showLegend = true, legendInteractive = true, legendSelected, onLegendSelectionChange, onDataClick, palette, toolbox, appearance = "sia", animationProgress, legendOrder, legendLayout, onDataChange, ...props }, ref) {
   const legacy = appearance === "macarons";
-  const initialPanels = (0, import_react79.useMemo)(() => radars?.length ? radars : [{ indicators, series, levels }], [radars, indicators, series, levels]);
-  const [sourcePanels, setSourcePanels] = (0, import_react79.useState)(initialPanels);
-  const [hoveredRadar, setHoveredRadar] = (0, import_react79.useState)(null);
-  const radarPaintId = `sia-radar-${(0, import_react79.useId)().replaceAll(":", "")}`;
-  const radarDrag = (0, import_react79.useRef)(null);
-  const [radarOffset, setRadarOffset] = (0, import_react79.useState)(null);
-  (0, import_react79.useEffect)(() => {
+  const initialPanels = (0, import_react80.useMemo)(() => radars?.length ? radars : [{ indicators, series, levels }], [radars, indicators, series, levels]);
+  const [sourcePanels, setSourcePanels] = (0, import_react80.useState)(initialPanels);
+  const [hoveredRadar, setHoveredRadar] = (0, import_react80.useState)(null);
+  const radarPaintId = `sia-radar-${(0, import_react80.useId)().replaceAll(":", "")}`;
+  const radarDrag = (0, import_react80.useRef)(null);
+  const [radarOffset, setRadarOffset] = (0, import_react80.useState)(null);
+  (0, import_react80.useEffect)(() => {
     setSourcePanels(initialPanels);
     radarDrag.current = null;
     setRadarOffset(null);
@@ -18205,7 +18361,7 @@ var RadarChart = (0, import_react79.forwardRef)(function RadarChart2({ indicator
     })
   ] });
 });
-var ChordChart = (0, import_react79.forwardRef)(function ChordChart2({ nodes, links, nodeGeometry, matrixAppearance, matrix, matrixSeries, showNodeLabels = false, rotateNodeLabels = false, matrixLinkLabel, matrixGeometry, legacySubSort = false, showScale = false, sortSub = "none", padAngle = 0.035, ribbon = true, clockwise = true, sort = "none", onNodeClick, onLinkClick, palette, toolbox, ...props }, ref) {
+var ChordChart = (0, import_react80.forwardRef)(function ChordChart2({ nodes, links, nodeGeometry, matrixAppearance, matrix, matrixSeries, showNodeLabels = false, rotateNodeLabels = false, matrixLinkLabel, matrixGeometry, legacySubSort = false, showScale = false, sortSub = "none", padAngle = 0.035, ribbon = true, clockwise = true, sort = "none", onNodeClick, onLinkClick, palette, toolbox, ...props }, ref) {
   const [magicType, resolvedToolbox] = useToolboxMagicType(toolbox, "\u548C\u5F26");
   if (/force|力导向|关系/i.test(magicType)) return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
     GraphChart,
@@ -18278,11 +18434,11 @@ var ChordChart = (0, import_react79.forwardRef)(function ChordChart2({ nodes, li
     })
   ] });
 });
-var GraphChart = (0, import_react79.forwardRef)(function GraphChart2({ nodes, links, roam = false, chordOptions, forceOptions, progressiveForce = false, layout = "circular", showLabels = true, draggable = true, legendInteractive = true, legendSelected, onLegendSelectionChange, onNodeClick, palette, toolbox, ...props }, ref) {
+var GraphChart = (0, import_react80.forwardRef)(function GraphChart2({ nodes, links, roam = false, chordOptions, forceOptions, progressiveForce = false, layout = "circular", showLabels = true, draggable = true, legendInteractive = true, legendSelected, onLegendSelectionChange, onNodeClick, palette, toolbox, ...props }, ref) {
   const categories = [...new Set(nodes.map((node) => node.category).filter((value) => Boolean(value)))];
   const legend = useLegendSelection(categories, legendSelected, onLegendSelectionChange);
   const [magicType, resolvedToolbox] = useToolboxMagicType(toolbox, layout === "force" ? "\u529B\u5BFC\u5411" : "\u5173\u7CFB");
-  const [roamReset, setRoamReset] = (0, import_react79.useState)(0);
+  const [roamReset, setRoamReset] = (0, import_react80.useState)(0);
   const chartToolbox = typeof resolvedToolbox === "object" ? {
     ...resolvedToolbox,
     onRestore: () => {
@@ -18291,23 +18447,23 @@ var GraphChart = (0, import_react79.forwardRef)(function GraphChart2({ nodes, li
       resolvedToolbox.onRestore?.();
     }
   } : resolvedToolbox;
-  const activeNodes = (0, import_react79.useMemo)(() => nodes.filter((node) => !node.category || legend.selected[node.category] !== false), [legend.selected, nodes]);
-  const activeLinks = (0, import_react79.useMemo)(() => {
+  const activeNodes = (0, import_react80.useMemo)(() => nodes.filter((node) => !node.category || legend.selected[node.category] !== false), [legend.selected, nodes]);
+  const activeLinks = (0, import_react80.useMemo)(() => {
     const activeIds = new Set(activeNodes.map((node) => node.id));
     return links.filter((link) => activeIds.has(link.source) && activeIds.has(link.target));
   }, [activeNodes, links]);
   const progressive = progressiveForce && layout === "force" && props.animation !== false && !/chord|和弦/i.test(magicType);
-  const calculatedPositions = (0, import_react79.useMemo)(() => graphLayout(activeNodes, activeLinks, layout === "force" && !progressive, forceOptions), [activeLinks, activeNodes, layout, forceOptions, progressive]);
-  const [positions, setPositions] = (0, import_react79.useState)(calculatedPositions);
-  const [dragging, setDragging] = (0, import_react79.useState)(null);
-  const heldNode = (0, import_react79.useRef)(null);
-  const [forceRestart, setForceRestart] = (0, import_react79.useState)(0);
-  (0, import_react79.useEffect)(() => {
+  const calculatedPositions = (0, import_react80.useMemo)(() => graphLayout(activeNodes, activeLinks, layout === "force" && !progressive, forceOptions), [activeLinks, activeNodes, layout, forceOptions, progressive]);
+  const [positions, setPositions] = (0, import_react80.useState)(calculatedPositions);
+  const [dragging, setDragging] = (0, import_react80.useState)(null);
+  const heldNode = (0, import_react80.useRef)(null);
+  const [forceRestart, setForceRestart] = (0, import_react80.useState)(0);
+  (0, import_react80.useEffect)(() => {
     setPositions(calculatedPositions);
     setDragging(null);
     heldNode.current = null;
   }, [calculatedPositions, roamReset]);
-  (0, import_react79.useEffect)(() => {
+  (0, import_react80.useEffect)(() => {
     if (!progressive || activeNodes.length > (forceOptions?.maxNodes ?? 80)) return;
     let frame = 0, remaining = Math.max(0, forceOptions?.iterations ?? 140), previous, carry = 0;
     const tick = (time) => {
@@ -18425,7 +18581,7 @@ var GraphChart = (0, import_react79.forwardRef)(function GraphChart2({ nodes, li
     ] })
   ] });
 });
-var ForceGraphChart = (0, import_react79.forwardRef)(function ForceGraphChart2(props, ref) {
+var ForceGraphChart = (0, import_react80.forwardRef)(function ForceGraphChart2(props, ref) {
   return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(GraphChart, { ...props, layout: "force", ref });
 });
 var ForceChart = ForceGraphChart;
@@ -18454,12 +18610,12 @@ function colorBetween(start, end, ratio) {
   const to = read(end);
   return `rgb(${from.map((value, index) => Math.round(value + ((to[index] ?? value) - value) * Math.max(0, Math.min(1, ratio)))).join(" ")})`;
 }
-var MapChart = (0, import_react79.forwardRef)(function MapChart2({ overlayProjection, bundledLines, largeMarkPoints, markLineEffectRenderer = "svg", insetStyle, insetLabelStyle, regionHoverable = true, markPointTooltipFormatter, emphasisValueRange, onRegionHover, coordinateTransform, specialAreas, labelCoordinates, labelOffsets, nameMap, wheelZoomFactors, clampVisualValues = false, showMap = true, visualMapLayout, labelStyle, emphasisLabelStyle, regionStyle, emphasisRegionStyle, outOfRangeColor, scaleLimit, roamController = false, map, geoJson, data, colors = ["#e6f4ff", "#1677ff"], nameProperty = "name", showLabels = true, showEmphasisLabels = false, tooltipFormatter, roam = false, selectedMode = false, selected, defaultSelected, onSelectionChange, calculableVisualMap = false, visualRange, defaultVisualRange, onVisualRangeChange, markPoints = [], markLines = [], onRegionClick, toolbox, plotBounds: sourcePlotBounds, longitudeRatio, geographicInsets = [], valueDomain, showVisualMap = true, seriesName, ...props }, ref) {
-  const [internalSelected, setInternalSelected] = (0, import_react79.useState)(() => [...defaultSelected ?? data.filter((item) => item.selected).map((item) => item.name)]);
+var MapChart = (0, import_react80.forwardRef)(function MapChart2({ overlayProjection, bundledLines, largeMarkPoints, markLineEffectRenderer = "svg", insetStyle, insetLabelStyle, regionHoverable = true, markPointTooltipFormatter, emphasisValueRange, onRegionHover, coordinateTransform, specialAreas, labelCoordinates, labelOffsets, nameMap, wheelZoomFactors, clampVisualValues = false, showMap = true, visualMapLayout, labelStyle, emphasisLabelStyle, regionStyle, emphasisRegionStyle, outOfRangeColor, scaleLimit, roamController = false, map, geoJson, data, colors = ["#e6f4ff", "#1677ff"], nameProperty = "name", showLabels = true, showEmphasisLabels = false, tooltipFormatter, roam = false, selectedMode = false, selected, defaultSelected, onSelectionChange, calculableVisualMap = false, visualRange, defaultVisualRange, onVisualRangeChange, markPoints = [], markLines = [], onRegionClick, toolbox, plotBounds: sourcePlotBounds, longitudeRatio, geographicInsets = [], valueDomain, showVisualMap = true, seriesName, ...props }, ref) {
+  const [internalSelected, setInternalSelected] = (0, import_react80.useState)(() => [...defaultSelected ?? data.filter((item) => item.selected).map((item) => item.name)]);
   const selectedNames = selected ?? internalSelected;
-  const [hoveredRegion, setHoveredRegion] = (0, import_react79.useState)();
-  const [hoveredMarkPoint, setHoveredMarkPoint] = (0, import_react79.useState)();
-  const [internalHoveredValueRange, setHoveredValueRange] = (0, import_react79.useState)();
+  const [hoveredRegion, setHoveredRegion] = (0, import_react80.useState)();
+  const [hoveredMarkPoint, setHoveredMarkPoint] = (0, import_react80.useState)();
+  const [internalHoveredValueRange, setHoveredValueRange] = (0, import_react80.useState)();
   const hoveredValueRange = emphasisValueRange ?? internalHoveredValueRange;
   const roamControl = useMapRoam(roam, scaleLimit, wheelZoomFactors);
   const { view } = roamControl;
@@ -18474,8 +18630,8 @@ var MapChart = (0, import_react79.forwardRef)(function MapChart2({ overlayProjec
   const values = data.map((item) => item.value);
   const minimum = valueDomain?.[0] ?? (values.length ? Math.min(...values) : 0);
   const maximum = valueDomain?.[1] ?? (values.length ? Math.max(...values) : 1);
-  const [internalVisualRange, setInternalVisualRange] = (0, import_react79.useState)(() => [...defaultVisualRange ?? [minimum, maximum]]);
-  (0, import_react79.useEffect)(() => {
+  const [internalVisualRange, setInternalVisualRange] = (0, import_react80.useState)(() => [...defaultVisualRange ?? [minimum, maximum]]);
+  (0, import_react80.useEffect)(() => {
     if (!visualRange && !defaultVisualRange) setInternalVisualRange([minimum, maximum]);
   }, [defaultVisualRange, maximum, minimum, visualRange]);
   const currentVisualRange = visualRange ?? internalVisualRange;
@@ -18651,7 +18807,7 @@ var MapChart = (0, import_react79.forwardRef)(function MapChart2({ overlayProjec
     roamController ? /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(ChartRoamController, { x: (props.viewBoxSize?.[0] ?? 720) - 90, y: 5, onPan: roamControl.pan, onZoom: (factor) => roamControl.zoom(factor, [(props.viewBoxSize?.[0] ?? 720) / 2, (props.viewBoxSize?.[1] ?? 360) / 2]) }) : null
   ] });
 });
-var GaugeChart = (0, import_react79.forwardRef)(function GaugeChart2({ tooltipFormatter, data, min = 0, max = 100, startAngle = 210, endAngle = -30, segments, splitNumber = 10, showAxisLabels = true, showProgress = true, detailOffset = 84, valueFormatter, onDataClick, palette, appearance = "sia", animationProgress, ...props }, ref) {
+var GaugeChart = (0, import_react80.forwardRef)(function GaugeChart2({ tooltipFormatter, data, min = 0, max = 100, startAngle = 210, endAngle = -30, segments, splitNumber = 10, showAxisLabels = true, showProgress = true, detailOffset = 84, valueFormatter, onDataClick, palette, appearance = "sia", animationProgress, ...props }, ref) {
   const count = Math.max(1, data.length);
   const legacy = appearance === "macarons";
   return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(SiaChart, { ...props, className: `${props.className ?? ""}${legacy ? " sia-chart--macarons" : ""}`, ref, palette, empty: !data.length, ariaLabel: props.ariaLabel ?? "\u4EEA\u8868\u76D8", children: [...data].sort((a, b) => (a.zIndex ?? 0) - (b.zIndex ?? 0)).map((item, index) => {
@@ -18734,12 +18890,12 @@ var GaugeChart = (0, import_react79.forwardRef)(function GaugeChart2({ tooltipFo
     ] }, `${item.name}-${index}`);
   }) });
 });
-var FunnelChart = (0, import_react79.forwardRef)(function FunnelChart2({ data = EMPTY_PIE_DATA, series, sort = "descending", gap = 4, align = "center", orientation = "vertical", showLegend = true, legendInteractive = true, legendSelected, onLegendSelectionChange, onDataClick, palette, toolbox, appearance = "sia", animationProgress, legendOrder, legendLayout, onDataChange, ...props }, ref) {
+var FunnelChart = (0, import_react80.forwardRef)(function FunnelChart2({ data = EMPTY_PIE_DATA, series, sort = "descending", gap = 4, align = "center", orientation = "vertical", showLegend = true, legendInteractive = true, legendSelected, onLegendSelectionChange, onDataClick, palette, toolbox, appearance = "sia", animationProgress, legendOrder, legendLayout, onDataChange, ...props }, ref) {
   const legacy = appearance === "macarons";
-  const [activeFunnel, setActiveFunnel] = (0, import_react79.useState)(null);
-  const initialFunnels = (0, import_react79.useMemo)(() => series?.length ? series : [{ data, sort, gap, align, orientation }], [series, data, sort, gap, align, orientation]);
-  const [sourceFunnels, setSourceFunnels] = (0, import_react79.useState)(initialFunnels);
-  (0, import_react79.useEffect)(() => setSourceFunnels(initialFunnels), [initialFunnels]);
+  const [activeFunnel, setActiveFunnel] = (0, import_react80.useState)(null);
+  const initialFunnels = (0, import_react80.useMemo)(() => series?.length ? series : [{ data, sort, gap, align, orientation }], [series, data, sort, gap, align, orientation]);
+  const [sourceFunnels, setSourceFunnels] = (0, import_react80.useState)(initialFunnels);
+  (0, import_react80.useEffect)(() => setSourceFunnels(initialFunnels), [initialFunnels]);
   const allData = sourceFunnels.flatMap((funnel) => funnel.data);
   const legendData = [...new Map(allData.map((item) => [item.name, item])).values()];
   const legend = useLegendSelection(legendData.map((item) => item.name), legendSelected, onLegendSelectionChange);
@@ -18830,7 +18986,7 @@ var FunnelChart = (0, import_react79.forwardRef)(function FunnelChart2({ data =
     })
   ] });
 });
-var HeatmapChart = (0, import_react79.forwardRef)(function HeatmapChart2({ raster, xLabels = [], yLabels = [], data = [], points = [], colors = ["#e6f4ff", "#1677ff"], showValues = false, pointRadius = 30, blur = 16, minAlpha = 0.12, maxAlpha = 0.82, valueFormatter, onDataClick, ...props }, ref) {
+var HeatmapChart = (0, import_react80.forwardRef)(function HeatmapChart2({ raster, xLabels = [], yLabels = [], data = [], points = [], colors = ["#e6f4ff", "#1677ff"], showValues = false, pointRadius = 30, blur = 16, minAlpha = 0.12, maxAlpha = 0.82, valueFormatter, onDataClick, ...props }, ref) {
   const pointMode = points.length > 0;
   const values = pointMode ? points.map((point) => point.value) : data.flatMap((row) => [...row]);
   const minimum = values.length ? Math.min(...values) : 0;
@@ -18839,7 +18995,7 @@ var HeatmapChart = (0, import_react79.forwardRef)(function HeatmapChart2({ raste
   const cellHeight = PLOT.height / Math.max(1, yLabels.length);
   const pointXDomain = niceChartDomain(points.map((point) => point.x), false);
   const pointYDomain = niceChartDomain(points.map((point) => point.y), false);
-  const filterId = `sia-heat-${(0, import_react79.useId)().replaceAll(":", "")}`;
+  const filterId = `sia-heat-${(0, import_react80.useId)().replaceAll(":", "")}`;
   if (raster) return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(SiaChart, { ...props, ref, empty: !points.length, ariaLabel: props.ariaLabel ?? "\u50CF\u7D20\u70ED\u529B\u56FE", children: [
     raster.backgroundImage ? /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("image", { href: raster.backgroundImage, x: 0, y: 0, width: raster.width, height: raster.height, preserveAspectRatio: "none", pointerEvents: "none" }) : null,
     /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(HeatmapRaster, { width: raster.width, height: raster.height, points, options: raster })
@@ -18875,7 +19031,7 @@ var HeatmapChart = (0, import_react79.forwardRef)(function HeatmapChart2({ raste
     ] })
   ] });
 });
-var ThemeRiverChart = (0, import_react79.forwardRef)(function ThemeRiverChart2({ categories, series, legendInteractive = true, legendSelected, onLegendSelectionChange, onDataClick, palette, ...props }, ref) {
+var ThemeRiverChart = (0, import_react80.forwardRef)(function ThemeRiverChart2({ categories, series, legendInteractive = true, legendSelected, onLegendSelectionChange, onDataClick, palette, ...props }, ref) {
   const legend = useLegendSelection(series.map((item) => item.name), legendSelected, onLegendSelectionChange);
   const activeSeries = series.filter((item) => legend.isSelected(item.name));
   const totals = categories.map((_, index) => activeSeries.reduce((sum, item) => sum + Math.max(0, item.data[index] ?? 0), 0));
@@ -18913,8 +19069,8 @@ function eventTime(value) {
   if (typeof value === "number") return value;
   return Date.parse(/^\d{4}-\d{2}-\d{2}$/.test(value) ? value.replace(/-/g, "/") : value);
 }
-var EventRiverChart = (0, import_react79.forwardRef)(function EventRiverChart2({ series, showLabels = true, draggable = true, appearance = "sia", plot = PLOT, animationProgress, boundaryGap = [0.05, 0.1], legendInteractive = true, legendSelected, onLegendSelectionChange, onDataClick, palette, ...props }, ref) {
-  const [restoreVersion, setRestoreVersion] = (0, import_react79.useState)(0);
+var EventRiverChart = (0, import_react80.forwardRef)(function EventRiverChart2({ series, showLabels = true, draggable = true, appearance = "sia", plot = PLOT, animationProgress, boundaryGap = [0.05, 0.1], legendInteractive = true, legendSelected, onLegendSelectionChange, onDataClick, palette, ...props }, ref) {
+  const [restoreVersion, setRestoreVersion] = (0, import_react80.useState)(0);
   const area = plot;
   palette = palette ?? (appearance === "macarons" ? ["#2ec7c9", "#b6a2de"] : void 0);
   const legend = useLegendSelection(series.map((item) => item.name), legendSelected, onLegendSelectionChange);
@@ -18987,9 +19143,9 @@ function vennDistance(radiusA, radiusB, overlap) {
   }
   return (low + high) / 2;
 }
-var VennChart = (0, import_react79.forwardRef)(function VennChart2({ sets: initialSets, intersection: initialIntersection, appearance = "sia", emphasisColor, emphasisBorderColor, emphasisBorderWidth, onDataClick, palette, toolbox, ...props }, ref) {
-  const [sets, setSets] = (0, import_react79.useState)(initialSets), [intersection, setIntersection] = (0, import_react79.useState)(initialIntersection), [active, setActive] = (0, import_react79.useState)();
-  (0, import_react79.useEffect)(() => {
+var VennChart = (0, import_react80.forwardRef)(function VennChart2({ sets: initialSets, intersection: initialIntersection, appearance = "sia", emphasisColor, emphasisBorderColor, emphasisBorderWidth, onDataClick, palette, toolbox, ...props }, ref) {
+  const [sets, setSets] = (0, import_react80.useState)(initialSets), [intersection, setIntersection] = (0, import_react80.useState)(initialIntersection), [active, setActive] = (0, import_react80.useState)();
+  (0, import_react80.useEffect)(() => {
     setSets(initialSets);
     setIntersection(initialIntersection);
   }, [initialSets, initialIntersection]);
@@ -19052,17 +19208,17 @@ function layoutTreemap(nodes, x, y, width, height, gap, maxDepth, depth = 0, see
   });
   return result;
 }
-var TreemapChart = (0, import_react79.forwardRef)(function TreemapChart2({ data, gap = 4, maxDepth = 2, drilldown = false, showBreadcrumb = true, bounds, itemStyle, emphasis, cornerRadius = 5, showChildBoundaries = false, breadcrumbPosition = "top", breadcrumbRootName = "\u5168\u90E8", valueFormatter, onDataClick, palette, toolbox, ...props }, ref) {
-  const [path, setPath] = (0, import_react79.useState)([]);
-  const [sourceData, setSourceData] = (0, import_react79.useState)(data);
-  const [active, setActive] = (0, import_react79.useState)();
-  (0, import_react79.useEffect)(() => {
+var TreemapChart = (0, import_react80.forwardRef)(function TreemapChart2({ data, gap = 4, maxDepth = 2, drilldown = false, showBreadcrumb = true, bounds, itemStyle, emphasis, cornerRadius = 5, showChildBoundaries = false, breadcrumbPosition = "top", breadcrumbRootName = "\u5168\u90E8", valueFormatter, onDataClick, palette, toolbox, ...props }, ref) {
+  const [path, setPath] = (0, import_react80.useState)([]);
+  const [sourceData, setSourceData] = (0, import_react80.useState)(data);
+  const [active, setActive] = (0, import_react80.useState)();
+  (0, import_react80.useEffect)(() => {
     setSourceData(data);
     setPath([]);
   }, [data]);
   const currentData = path.reduce((nodes, name) => nodes.find((node) => node.name === name)?.children ?? nodes, sourceData);
   const top = drilldown && showBreadcrumb ? 52 : 28;
-  const rectangles = (0, import_react79.useMemo)(() => layoutTreemap(currentData, bounds?.x ?? 24, bounds?.y ?? top, bounds?.width ?? 672, bounds?.height ?? 336 - top, gap, maxDepth), [currentData, gap, maxDepth, top, bounds]);
+  const rectangles = (0, import_react80.useMemo)(() => layoutTreemap(currentData, bounds?.x ?? 24, bounds?.y ?? top, bounds?.width ?? 672, bounds?.height ?? 336 - top, gap, maxDepth), [currentData, gap, maxDepth, top, bounds]);
   const chartToolbox = typeof toolbox === "object" ? { ...toolbox, dataView: toolbox.dataView ?? /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(ChartDataEditor, { readOnly: toolbox.dataViewReadOnly, series: currentData.map((node) => ({ name: node.name, data: [treemapValue(node)] })), onApply: (values) => {
     const update = (nodes, depth) => nodes.map((node, i) => depth === path.length ? { ...node, value: values[i][0] } : node.name === path[depth] ? { ...node, children: update(node.children ?? [], depth + 1) } : node);
     setSourceData(update(sourceData, 0));
@@ -19130,15 +19286,15 @@ function flattenTree2(root, collapsed) {
   visit(root, 0);
   return { nodes, leafCount: Math.max(1, leafOrder), maxDepth: Math.max(0, ...nodes.map((item) => item.depth)) };
 }
-var TreeChart = (0, import_react79.forwardRef)(function TreeChart2({ data, itemStyle, emphasis, orientation = "horizontal", radial = false, nodeSize = 8, rootPosition, nodePadding, layerPadding, showLabels = true, emphasisShowLabels = true, nodeColor, edgeColor, edgeWidth, edgeShadow, roam = false, hoverable = true, labelFontSize, labelColor, linkStyle = "curve", collapsible = false, onToggle, onDataClick, palette, toolbox, ...props }, ref) {
-  const [sourceData, setSourceData] = (0, import_react79.useState)(data);
-  const [roamReset, setRoamReset] = (0, import_react79.useState)(0);
-  const [active, setActive] = (0, import_react79.useState)();
-  (0, import_react79.useEffect)(() => {
+var TreeChart = (0, import_react80.forwardRef)(function TreeChart2({ data, itemStyle, emphasis, orientation = "horizontal", radial = false, nodeSize = 8, rootPosition, nodePadding, layerPadding, showLabels = true, emphasisShowLabels = true, nodeColor, edgeColor, edgeWidth, edgeShadow, roam = false, hoverable = true, labelFontSize, labelColor, linkStyle = "curve", collapsible = false, onToggle, onDataClick, palette, toolbox, ...props }, ref) {
+  const [sourceData, setSourceData] = (0, import_react80.useState)(data);
+  const [roamReset, setRoamReset] = (0, import_react80.useState)(0);
+  const [active, setActive] = (0, import_react80.useState)();
+  (0, import_react80.useEffect)(() => {
     setSourceData(data);
     setActive(void 0);
   }, [data]);
-  const [collapsed, setCollapsed] = (0, import_react79.useState)(() => {
+  const [collapsed, setCollapsed] = (0, import_react80.useState)(() => {
     const result = /* @__PURE__ */ new Set();
     const visit = (node) => {
       if (node.collapsed) result.add(node.name);
@@ -19147,8 +19303,8 @@ var TreeChart = (0, import_react79.forwardRef)(function TreeChart2({ data, itemS
     visit(data);
     return result;
   });
-  const layout = (0, import_react79.useMemo)(() => flattenTree2(sourceData, collapsed), [collapsed, sourceData]);
-  const fixedLayout = (0, import_react79.useMemo)(() => {
+  const layout = (0, import_react80.useMemo)(() => flattenTree2(sourceData, collapsed), [collapsed, sourceData]);
+  const fixedLayout = (0, import_react80.useMemo)(() => {
     const visible = (node) => ({ ...node, children: collapsed.has(node.name) ? [] : node.children?.map(visible) });
     return rootPosition ? layoutTreeNodes(visible(sourceData), { nodeSize, nodePadding, layerPadding, rootPosition, orientation }) : void 0;
   }, [sourceData, collapsed, rootPosition, nodeSize, nodePadding, layerPadding, orientation]);
@@ -19218,15 +19374,15 @@ var TreeChart = (0, import_react79.forwardRef)(function TreeChart2({ data, itemS
     })
   ] }) });
 });
-var WordCloudChart = (0, import_react79.forwardRef)(function WordCloudChart2({ data, bounds, areaSizing = false, autoFit = false, onLayout, minFontSize = 14, maxFontSize = 52, rotations = [0, 0, -28, 28, 0], spiralStep = 9, shape = "ellipse", padding = 4, fontFamily, fontWeight = 650, onDataClick, palette, ...props }, ref) {
-  const placements = (0, import_react79.useMemo)(() => {
+var WordCloudChart = (0, import_react80.forwardRef)(function WordCloudChart2({ data, bounds, areaSizing = false, autoFit = false, onLayout, minFontSize = 14, maxFontSize = 52, rotations = [0, 0, -28, 28, 0], spiralStep = 9, shape = "ellipse", padding = 4, fontFamily, fontWeight = 650, onDataClick, palette, ...props }, ref) {
+  const placements = (0, import_react80.useMemo)(() => {
     const context = typeof document === "undefined" ? null : document.createElement("canvas").getContext("2d");
     return layoutCloudWords(data, { bounds: bounds ?? { x: 18, y: 18, width: 684, height: 324 }, minFontSize, maxFontSize, rotations, spiralStep, shape, padding, autoFit, areaSizing, measure: context ? (word, size) => {
       context.font = `${word.fontWeight ?? fontWeight} ${size}px ${word.fontFamily ?? fontFamily ?? "Arial"}`;
       return context.measureText(word.name).width;
     } : void 0 });
   }, [data, bounds, autoFit, areaSizing, maxFontSize, minFontSize, padding, rotations, shape, spiralStep, fontFamily, fontWeight]);
-  (0, import_react79.useEffect)(() => {
+  (0, import_react80.useEffect)(() => {
     const present = new Set(placements.map((p) => p.index));
     onLayout?.({ placed: placements.length, unplaced: data.filter((_, i) => !present.has(i)).map((item) => item.name) });
   }, [placements, data, onLayout]);
@@ -19235,30 +19391,30 @@ var WordCloudChart = (0, import_react79.forwardRef)(function WordCloudChart2({ d
     return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(ChartMark, { label: `${placement.item.name}\uFF0C${placement.item.value}`, tooltip: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(TooltipValue, { name: placement.item.name, value: placement.item.value }), tooltipPoint: [placement.x, placement.y], transform: `rotate(${placement.rotation} ${placement.x} ${placement.y})`, onPointerUp: (event) => onDataClick?.({ name: placement.item.name, value: placement.item.value, data: placement.item, nativeEvent: event }), children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("text", { x: placement.x, y: placement.y + placement.fontSize * 0.34, textAnchor: "middle", fill: color, style: { fontSize: placement.fontSize, fontFamily: placement.item.fontFamily ?? fontFamily, fontWeight: placement.item.fontWeight ?? fontWeight }, className: "sia-chart__word", children: placement.item.name }) }, `${placement.item.name}-${placement.index}`);
   }) });
 });
-var MixedChart = (0, import_react79.forwardRef)(function MixedChart2({ axisPointer, categoryAxisLabels, axisLayering = "inline", barSpacing, renderAxes, coordinateAnimation = false, animationProgress, animationDurationUpdate = 500, boundaryGap = true, categories, activeIndex, onActiveIndexChange, showCategoryLabels = true, categoryLabelInterval = 0, clipPlot = false, series: sourceSeries, valueAxes, stacked: sourceStacked = false, plotBounds, tooltipTrigger = "item", calculable = false, onTransferError, onDataChange, transferId, onValueTransfer, toolbox, legendNames, axisTooltipFormatter, legendLayout, showLegend = true, legendInteractive = true, legendSelected, onLegendSelectionChange, valueFormatter, onDataClick, palette, ...props }, ref) {
-  const plotClipId = `sia-mixed-plot-${(0, import_react79.useId)().replaceAll(":", "")}`;
-  const [editableSeries, setEditableSeries] = (0, import_react79.useState)(sourceSeries);
-  const [geometry, setGeometry] = (0, import_react79.useState)();
-  const [pointerIndex, setPointerIndex] = (0, import_react79.useState)(null);
-  const [pointerAxisIndex, setPointerAxisIndex] = (0, import_react79.useState)(0);
-  const [motionRevision, setMotionRevision] = (0, import_react79.useState)(0);
-  const [stackMode, setStackMode] = (0, import_react79.useState)();
-  const lastPublished = (0, import_react79.useRef)(null);
+var MixedChart = (0, import_react80.forwardRef)(function MixedChart2({ axisPointer, categoryAxisLabels, axisLayering = "inline", barSpacing, renderAxes, coordinateAnimation = false, animationProgress, animationDurationUpdate = 500, boundaryGap = true, categories, activeIndex, onActiveIndexChange, showCategoryLabels = true, categoryLabelInterval = 0, clipPlot = false, series: sourceSeries, valueAxes, stacked: sourceStacked = false, plotBounds, tooltipTrigger = "item", calculable = false, onTransferError, onDataChange, transferId, onValueTransfer, toolbox, legendNames, axisTooltipFormatter, legendLayout, showLegend = true, legendInteractive = true, legendSelected, onLegendSelectionChange, valueFormatter, onDataClick, palette, ...props }, ref) {
+  const plotClipId = `sia-mixed-plot-${(0, import_react80.useId)().replaceAll(":", "")}`;
+  const [editableSeries, setEditableSeries] = (0, import_react80.useState)(sourceSeries);
+  const [geometry, setGeometry] = (0, import_react80.useState)();
+  const [pointerIndex, setPointerIndex] = (0, import_react80.useState)(null);
+  const [pointerAxisIndex, setPointerAxisIndex] = (0, import_react80.useState)(0);
+  const [motionRevision, setMotionRevision] = (0, import_react80.useState)(0);
+  const [stackMode, setStackMode] = (0, import_react80.useState)();
+  const lastPublished = (0, import_react80.useRef)(null);
   const publishData = (next) => {
     lastPublished.current = next;
     onDataChange?.(next);
   };
-  const [islands, setIslands] = (0, import_react79.useState)([]);
-  const drag = (0, import_react79.useRef)(null);
-  const [dragOffset, setDragOffset] = (0, import_react79.useState)();
-  (0, import_react79.useEffect)(() => {
+  const [islands, setIslands] = (0, import_react80.useState)([]);
+  const drag = (0, import_react80.useRef)(null);
+  const [dragOffset, setDragOffset] = (0, import_react80.useState)();
+  (0, import_react80.useEffect)(() => {
     if (sourceSeries === lastPublished.current) return;
     setEditableSeries(sourceSeries);
     setIslands([]);
     drag.current = null;
     setDragOffset(void 0);
   }, [sourceSeries]);
-  const series = (0, import_react79.useMemo)(() => editableSeries.map((item) => geometry ? { ...item, type: geometry } : item), [editableSeries, geometry]);
+  const series = (0, import_react80.useMemo)(() => editableSeries.map((item) => geometry ? { ...item, type: geometry } : item), [editableSeries, geometry]);
   const stacked = stackMode ?? sourceStacked;
   const PLOT2 = plotBounds ?? { x: 62, y: 48, width: 628, height: 250 }, PLOT_BOTTOM2 = PLOT2.y + PLOT2.height;
   const legend = useLegendSelection(series.map((item) => item.name), legendSelected, onLegendSelectionChange);
@@ -19422,7 +19578,7 @@ var MixedChart = (0, import_react79.forwardRef)(function MixedChart2({ axisPoint
       })
     ] }) : /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(CartesianAxes, { categories, domain, band: categoryGap }),
     activeIndex != null && activeIndex >= 0 && activeIndex < categories.length ? /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("rect", { "data-mixed-active-index": activeIndex, x: Math.max(PLOT2.x, categoryAt(activeIndex) - band / 2), y: PLOT2.y, width: Math.min(PLOT2.x + PLOT2.width, categoryAt(activeIndex) + band / 2) - Math.max(PLOT2.x, categoryAt(activeIndex) - band / 2), height: PLOT2.height, fill: "currentColor", opacity: 0.06, pointerEvents: "none" }) : null,
-    tooltipTrigger === "axis" ? categories.map((name, index) => /* @__PURE__ */ (0, import_react80.createElement)(ChartMark, { ...activeProps(index), key: `axis-${index}`, "data-mixed-axis-tooltip": index, label: `${name.trim()} \u5404\u6307\u6807`, tooltip: axisTooltip(index), tooltipPoint: [categoryAt(index), PLOT2.y + PLOT2.height / 2] }, /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("rect", { x: Math.max(PLOT2.x, categoryAt(index) - band / 2), y: PLOT2.y, width: Math.min(PLOT2.x + PLOT2.width, categoryAt(index) + band / 2) - Math.max(PLOT2.x, categoryAt(index) - band / 2), height: PLOT2.height, fill: "transparent" }))) : null,
+    tooltipTrigger === "axis" ? categories.map((name, index) => /* @__PURE__ */ (0, import_react81.createElement)(ChartMark, { ...activeProps(index), key: `axis-${index}`, "data-mixed-axis-tooltip": index, label: `${name.trim()} \u5404\u6307\u6807`, tooltip: axisTooltip(index), tooltipPoint: [categoryAt(index), PLOT2.y + PLOT2.height / 2] }, /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("rect", { x: Math.max(PLOT2.x, categoryAt(index) - band / 2), y: PLOT2.y, width: Math.min(PLOT2.x + PLOT2.width, categoryAt(index) + band / 2) - Math.max(PLOT2.x, categoryAt(index) - band / 2), height: PLOT2.height, fill: "transparent" }))) : null,
     calculable ? activeSeries.flatMap((item) => item.data.map((value, index) => value === null ? /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(ChartMark, { ...dragProps(series.indexOf(item), index), label: `${item.name}\uFF0C${categories[index]}\uFF0C\u7A7A\u69FD`, tooltip: "\u62D6\u5165\u6570\u636E\u4EE5\u586B\u5145", children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("rect", { x: PLOT2.x + index * band + band * activeSeries.indexOf(item) / Math.max(1, activeSeries.length), y: PLOT_BOTTOM2 - 14, width: Math.max(4, band / Math.max(1, activeSeries.length) - 2), height: 14, fill: "transparent", stroke: getColor(series.indexOf(item), item.color, palette), strokeDasharray: "3 2" }) }, `empty-${item.name}-${index}`) : null)) : null,
     /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("clipPath", { id: plotClipId, children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("rect", { x: PLOT2.x, y: PLOT2.y, width: PLOT2.width, height: PLOT2.height }) }) }),
     /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("g", { "data-mixed-plot": "", clipPath: clipPlot ? `url(#${plotClipId})` : void 0, children: renderSeries.map((item) => {
@@ -19461,7 +19617,7 @@ var MixedChart = (0, import_react79.forwardRef)(function MixedChart2({ axisPoint
             const zero = linearScale(placement.start, [valueDomain[0], valueDomain[1]], [PLOT_BOTTOM2, PLOT2.y]);
             const rectY = barSpacing?.pixelAlign ? Math.floor(Math.min(y, zero)) : Math.min(y, zero);
             const rectHeight = barSpacing?.pixelAlign ? Math.ceil(Math.abs(zero - y)) : Math.abs(zero - y);
-            return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(ChartPointMotion, { points: [[x, value >= 0 ? rectY + rectHeight : rectY], [x, rectY], [x + width, rectY + rectHeight]], enabled: coordinateAnimation && props.animation !== false, duration: props.animationDuration ?? 2e3, updateDuration: animationDurationUpdate, progress: coordinateAnimation ? animationProgress : void 0, children: (frame) => /* @__PURE__ */ (0, import_react80.createElement)(ChartMark, { ...dragProps(seriesIndex, index), key: `${name}-${index}`, label: `${item.name}\uFF0C${name}\uFF0C${value}`, tooltip: (item.tooltipTrigger ?? tooltipTrigger) === "axis" ? axisTooltip(index, item.categoryAxisIndex) : /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(TooltipValue, { name, series: item.name, value, formatter: valueFormatter }), tooltipPoint: [props.tooltipProps?.placement === "axis" ? Math.round(categoryAt(index)) : x + width / 2, y], onPointerUp: (event) => {
+            return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(ChartPointMotion, { points: [[x, value >= 0 ? rectY + rectHeight : rectY], [x, rectY], [x + width, rectY + rectHeight]], enabled: coordinateAnimation && props.animation !== false, duration: props.animationDuration ?? 2e3, updateDuration: animationDurationUpdate, progress: coordinateAnimation ? animationProgress : void 0, children: (frame) => /* @__PURE__ */ (0, import_react81.createElement)(ChartMark, { ...dragProps(seriesIndex, index), key: `${name}-${index}`, label: `${item.name}\uFF0C${name}\uFF0C${value}`, tooltip: (item.tooltipTrigger ?? tooltipTrigger) === "axis" ? axisTooltip(index, item.categoryAxisIndex) : /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(TooltipValue, { name, series: item.name, value, formatter: valueFormatter }), tooltipPoint: [props.tooltipProps?.placement === "axis" ? Math.round(categoryAt(index)) : x + width / 2, y], onPointerUp: (event) => {
               if (!finishDrag(event)) onDataClick?.({ name, value, seriesName: item.name, data: value, nativeEvent: event });
             } }, /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("rect", { style: { animation: coordinateAnimation ? "none" : void 0 }, x: frame[1][0], y: Math.min(frame[1][1], frame[2][1]), width: Math.max(0, frame[2][0] - frame[1][0]), height: Math.abs(frame[2][1] - frame[1][1]), rx: item.barRadius ?? 4, fill: item.pointColors?.[index] ?? color, className: "sia-chart__bar" })) }, `${item.name}-${index}-${motionRevision}`);
           })
@@ -19490,7 +19646,7 @@ var MixedChart = (0, import_react79.forwardRef)(function MixedChart2({ axisPoint
             if (!placements[index]) return null;
             const name = categoryName(index, item.categoryAxisIndex);
             const value = item.data[index] ?? 0;
-            return /* @__PURE__ */ (0, import_react80.createElement)(ChartMark, { ...dragProps(seriesIndex, index), key: `${name}-${index}`, label: `${item.name}\uFF0C${name}\uFF0C${value}`, tooltip: (item.tooltipTrigger ?? tooltipTrigger) === "axis" ? axisTooltip(index, item.categoryAxisIndex) : /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(TooltipValue, { name, series: item.name, value, formatter: valueFormatter }), tooltipPoint: props.tooltipProps?.placement === "axis" ? [Math.round(point[0]), point[1]] : point, onPointerUp: (event) => {
+            return /* @__PURE__ */ (0, import_react81.createElement)(ChartMark, { ...dragProps(seriesIndex, index), key: `${name}-${index}`, label: `${item.name}\uFF0C${name}\uFF0C${value}`, tooltip: (item.tooltipTrigger ?? tooltipTrigger) === "axis" ? axisTooltip(index, item.categoryAxisIndex) : /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(TooltipValue, { name, series: item.name, value, formatter: valueFormatter }), tooltipPoint: props.tooltipProps?.placement === "axis" ? [Math.round(point[0]), point[1]] : point, onPointerUp: (event) => {
               if (!finishDrag(event)) onDataClick?.({ name, value, seriesName: item.name, data: value, nativeEvent: event });
             } }, /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("circle", { className: item.hollowSymbol ? "sia-chart__mixed-hollow-symbol" : void 0, cx: point[0], cy: point[1], r: Math.max(0, item.symbolSize ?? 9) / 2, fill: item.hollowSymbol ? "#fff" : color, stroke: item.hollowSymbol ? color : "var(--sia-color-surface)", strokeWidth: 2 }));
           })
@@ -19531,9 +19687,9 @@ var KLineChart = CandlestickChart;
 
 // src/components/LineShareChart.tsx
 var import_jsx_runtime82 = require("react/jsx-runtime");
-var LineShareChart = (0, import_react81.forwardRef)(function LineShareChart2({ data, lineColor = "#2ec7c9", shareColor = "#b6a2de", ...props }, ref) {
-  const [selected, setSelected] = (0, import_react81.useState)(null);
-  const [maskHovered, setMaskHovered] = (0, import_react81.useState)(false);
+var LineShareChart = (0, import_react82.forwardRef)(function LineShareChart2({ data, lineColor = "#2ec7c9", shareColor = "#b6a2de", ...props }, ref) {
+  const [selected, setSelected] = (0, import_react82.useState)(null);
+  const [maskHovered, setMaskHovered] = (0, import_react82.useState)(false);
   const width = props.viewBoxSize?.[0] ?? 900, height = props.viewBoxSize?.[1] ?? 450;
   const total = data.reduce((sum, item2) => sum + item2.value, 0), gap = data.length ? Math.round(Math.max(...data.map((item2) => item2.value)) - Math.min(...data.map((item2) => item2.value))) : 0;
   const maximum = data.reduce((best, item2, i) => item2.value >= data[best].value ? i : best, 0);
@@ -19611,16 +19767,16 @@ function paddedValueExtent(values, padding = 0.05) {
 }
 
 // src/components/XYChart.tsx
-var import_react82 = require("react");
+var import_react83 = require("react");
 var import_jsx_runtime83 = require("react/jsx-runtime");
-var XYChart = (0, import_react82.forwardRef)(function XYChart2({ series: source, xDomain, yDomain, animationProgress, calculable = false, onDataChange, xAxisType = "value", xFormatter, tooltipFormatter, dataZoom = false, defaultZoom = [0, 100], onZoomChange, toolbox, ...props }, ref) {
-  const [series, setSeries] = (0, import_react82.useState)(source);
-  const [hidden, setHidden] = (0, import_react82.useState)([]);
-  const [crosshair, setCrosshair] = (0, import_react82.useState)();
-  const [drag, setDrag] = (0, import_react82.useState)();
-  const [geometry, setGeometry] = (0, import_react82.useState)();
-  const [zoom, setZoom] = (0, import_react82.useState)(defaultZoom);
-  (0, import_react82.useEffect)(() => setSeries(source), [source]);
+var XYChart = (0, import_react83.forwardRef)(function XYChart2({ series: source, xDomain, yDomain, animationProgress, calculable = false, onDataChange, xAxisType = "value", xFormatter, tooltipFormatter, dataZoom = false, defaultZoom = [0, 100], onZoomChange, toolbox, ...props }, ref) {
+  const [series, setSeries] = (0, import_react83.useState)(source);
+  const [hidden, setHidden] = (0, import_react83.useState)([]);
+  const [crosshair, setCrosshair] = (0, import_react83.useState)();
+  const [drag, setDrag] = (0, import_react83.useState)();
+  const [geometry, setGeometry] = (0, import_react83.useState)();
+  const [zoom, setZoom] = (0, import_react83.useState)(defaultZoom);
+  (0, import_react83.useEffect)(() => setSeries(source), [source]);
   const window2 = dataZoom || xAxisType === "time" ? scatterValueWindow(series.flatMap((item) => item.data.map((point) => point[0])), dataZoom ? zoom : [0, 100]) : void 0;
   const active = series.filter((item) => !hidden.includes(item.name)).map((item) => ({ ...item, data: window2 ? item.data.filter((point) => point[0] >= window2[0] && point[0] <= window2[1]) : item.data }));
   const width = props.viewBoxSize?.[0] ?? 663, height = props.viewBoxSize?.[1] ?? 379;
@@ -19749,7 +19905,7 @@ var XYChart = (0, import_react82.forwardRef)(function XYChart2({ series: source,
 });
 
 // src/components/ChartMapOverlay.tsx
-var import_react83 = require("react");
+var import_react84 = require("react");
 
 // src/components/mapOverlayHost.ts
 function observeMapOverlayHost(host, onChange) {
@@ -19765,9 +19921,9 @@ function observeMapOverlayHost(host, onChange) {
     if (stopped) return;
     stopped = true;
     try {
-      for (const cleanup of cleanups.splice(0).reverse()) {
+      for (const cleanup2 of cleanups.splice(0).reverse()) {
         try {
-          cleanup();
+          cleanup2();
         } catch {
         }
       }
@@ -19788,11 +19944,11 @@ function observeMapOverlayHost(host, onChange) {
 // src/components/ChartMapOverlay.tsx
 var import_jsx_runtime84 = require("react/jsx-runtime");
 function ChartMapOverlay({ createHost, children, className, style, ariaLabel = "\u5730\u56FE\u53E0\u52A0\u56FE\u8868", onError }) {
-  const container = (0, import_react83.useRef)(null);
-  const errorHandler = (0, import_react83.useRef)(onError);
+  const container = (0, import_react84.useRef)(null);
+  const errorHandler = (0, import_react84.useRef)(onError);
   errorHandler.current = onError;
-  const [snapshot, setSnapshot] = (0, import_react83.useState)();
-  (0, import_react83.useEffect)(() => {
+  const [snapshot, setSnapshot] = (0, import_react84.useState)();
+  (0, import_react84.useEffect)(() => {
     setSnapshot(void 0);
     if (!container.current) return;
     try {
@@ -19869,7 +20025,7 @@ function createBaiduMapHost(element, sdk, options) {
 }
 
 // src/components/SelectionPanel.tsx
-var import_react84 = require("react");
+var import_react85 = require("react");
 var import_jsx_runtime85 = require("react/jsx-runtime");
 function SelectionPanel({
   options,
@@ -19888,23 +20044,23 @@ function SelectionPanel({
   maxHeight = 250,
   autoFocusSearch = false
 }) {
-  const [localSearch, setLocalSearch] = (0, import_react84.useState)("");
+  const [localSearch, setLocalSearch] = (0, import_react85.useState)("");
   const search = searchValue ?? localSearch;
-  const [scrollTop, setScrollTop] = (0, import_react84.useState)(0);
-  const [active, setActive] = (0, import_react84.useState)();
-  const listRef = (0, import_react84.useRef)(null);
-  const id = (0, import_react84.useId)();
-  const selected = (0, import_react84.useMemo)(() => new Set(value), [value]);
+  const [scrollTop, setScrollTop] = (0, import_react85.useState)(0);
+  const [active, setActive] = (0, import_react85.useState)();
+  const listRef = (0, import_react85.useRef)(null);
+  const id = (0, import_react85.useId)();
+  const selected = (0, import_react85.useMemo)(() => new Set(value), [value]);
   const count = Math.max(1, Math.floor(columns));
-  const allOptions = (0, import_react84.useMemo)(() => {
+  const allOptions = (0, import_react85.useMemo)(() => {
     const known = new Set(options.filter((option) => option.optionType !== "divider").map((option) => option.value));
     return [...value.filter((item) => !known.has(item)).map((item) => ({ value: item, label: String(item), group: "\u81EA\u5B9A\u4E49\u503C" })), ...options];
   }, [options, value]);
-  const filtered = (0, import_react84.useMemo)(
+  const filtered = (0, import_react85.useMemo)(
     () => allOptions.filter((option) => (!selectedOnly || selected.has(option.value)) && (!search || option.optionType !== "divider" && [option.label, option.value].some((text) => String(text ?? "").toLowerCase().includes(search.toLowerCase())))),
     [allOptions, selectedOnly, selected, search]
   );
-  const rows = (0, import_react84.useMemo)(() => {
+  const rows = (0, import_react85.useMemo)(() => {
     const groups = /* @__PURE__ */ new Map();
     filtered.forEach((option) => {
       const items = groups.get(option.group) ?? [];
@@ -19930,7 +20086,7 @@ function SelectionPanel({
   const virtual = filtered.length > 100;
   const renderedRows = virtual ? rows.filter((row) => row.top + row.height >= scrollTop - 100 && row.top <= scrollTop + maxHeight + 100) : rows;
   const enabled = filtered.filter((option) => !option.disabled && option.optionType !== "divider");
-  (0, import_react84.useEffect)(() => {
+  (0, import_react85.useEffect)(() => {
     setScrollTop(0);
     if (listRef.current) listRef.current.scrollTop = 0;
     setActive(void 0);
@@ -20040,9 +20196,9 @@ function SelectionPanel({
 }
 
 // src/components/InputSelect.tsx
-var import_react85 = require("react");
+var import_react86 = require("react");
 var import_jsx_runtime86 = require("react/jsx-runtime");
-var InputSelect = (0, import_react85.forwardRef)(function InputSelect2({
+var InputSelect = (0, import_react86.forwardRef)(function InputSelect2({
   options,
   value,
   defaultValue,
@@ -20067,22 +20223,22 @@ var InputSelect = (0, import_react85.forwardRef)(function InputSelect2({
   onOpenChange,
   ...inputProps
 }, forwardedRef) {
-  const [internal, setInternal] = (0, import_react85.useState)(defaultValue);
+  const [internal, setInternal] = (0, import_react86.useState)(defaultValue);
   const current = value !== void 0 ? value : internal;
   const values = current == null ? [] : Array.isArray(current) ? current : [current];
   const text = values.map((item) => displayField === "label" ? String(options.find((option) => option.optionType !== "divider" && option.value === item)?.label ?? item) : String(item)).join(",");
-  const [draft, setDraft] = (0, import_react85.useState)(text);
-  (0, import_react85.useEffect)(() => {
+  const [draft, setDraft] = (0, import_react86.useState)(text);
+  (0, import_react86.useEffect)(() => {
     setDraft(text);
   }, [text, current]);
-  const [open, setOpen] = (0, import_react85.useState)(false);
-  const [search, setSearch] = (0, import_react85.useState)("");
-  const [modalOpen, setModalOpen] = (0, import_react85.useState)(false);
-  const [modalValues, setModalValues] = (0, import_react85.useState)([]);
-  const [selectedOnly, setSelectedOnly] = (0, import_react85.useState)(false);
-  const rootRef = (0, import_react85.useRef)(null);
-  const popupRef = (0, import_react85.useRef)(null);
-  const inputRef = (0, import_react85.useRef)(null);
+  const [open, setOpen] = (0, import_react86.useState)(false);
+  const [search, setSearch] = (0, import_react86.useState)("");
+  const [modalOpen, setModalOpen] = (0, import_react86.useState)(false);
+  const [modalValues, setModalValues] = (0, import_react86.useState)([]);
+  const [selectedOnly, setSelectedOnly] = (0, import_react86.useState)(false);
+  const rootRef = (0, import_react86.useRef)(null);
+  const popupRef = (0, import_react86.useRef)(null);
+  const inputRef = (0, import_react86.useRef)(null);
   const config = typeof enableModal === "object" ? enableModal : {};
   function changeOpen(next) {
     if (next && (disabled || loading)) return;
@@ -20102,7 +20258,7 @@ var InputSelect = (0, import_react85.forwardRef)(function InputSelect2({
       inputRef.current?.focus();
     }
   }
-  (0, import_react85.useEffect)(() => {
+  (0, import_react86.useEffect)(() => {
     if (!open) return;
     const outside = (event) => {
       if (!rootRef.current?.contains(event.target) && !popupRef.current?.contains(event.target)) changeOpen(false);
@@ -20110,7 +20266,7 @@ var InputSelect = (0, import_react85.forwardRef)(function InputSelect2({
     document.addEventListener("pointerdown", outside);
     return () => document.removeEventListener("pointerdown", outside);
   }, [open, onOpenChange]);
-  (0, import_react85.useEffect)(() => {
+  (0, import_react86.useEffect)(() => {
     if (disabled || loading) {
       changeOpen(false);
       setModalOpen(false);