@sia.soul/sia-react-ui 0.1.23 → 0.1.25

package/dist/index.js

@@ -56,7 +56,7 @@ import {
   smoothSvgPath,
   svgArcPath,
   transferCompositeValue
-} from "./chunk-OKP4DIQH.js";
+} from "./chunk-TZROBD65.js";
 import {
   Badge,
   Breadcrumb,
@@ -73,28 +73,29 @@ import {
   Spin,
   Tabs,
   Tag,
+  Toolbar,
   Tour,
   Typography,
   Upload,
   Watermark,
   message,
   notification
-} from "./chunk-NPB33IXJ.js";
+} from "./chunk-W52CNNWW.js";
 import {
   TextArea
-} from "./chunk-YT6E3X2K.js";
+} from "./chunk-YQDHCORW.js";
 import {
   MarkdownEditor
-} from "./chunk-QJ4OQNQ4.js";
+} from "./chunk-PXHBIRQW.js";
 import {
   RichTextContent,
   RichTextEditor
-} from "./chunk-RWGSZW32.js";
+} from "./chunk-RWODH2LW.js";
 import {
   DatePicker,
   SelectDateRange,
   TimePanel
-} from "./chunk-GM47DAAN.js";
+} from "./chunk-IYO2JSGQ.js";
 import {
   Checkbox,
   FloatingScrollbarProvider,
@@ -109,7 +110,7 @@ import {
   Tree,
   useOverlayLifecycle,
   useScrollbarProximity
-} from "./chunk-VX2JECOU.js";
+} from "./chunk-QCBKT5FV.js";
 import {
   Dropdown,
   FILLED_ICON_NAMES,
@@ -117,21 +118,22 @@ import {
   Icon,
   Input,
   Menu,
-  PopupPortal,
   Segmented,
   Steps
-} from "./chunk-KLI65JVD.js";
+} from "./chunk-27ZYAKII.js";
 import {
   Button
-} from "./chunk-TZGUBGA4.js";
+} from "./chunk-IYNS423D.js";
 import {
   ControlSizeContext,
   PlaceholderModeContext,
+  PopupPortal,
   useControlSize,
   useControllableState,
   useFloatingPlaceholder,
-  usePlaceholderMode
-} from "./chunk-3VJ4CZDQ.js";
+  usePlaceholderMode,
+  withTitleTooltip
+} from "./chunk-RAO3JHDL.js";
 
 // src/components/Alert.tsx
 import { useState } from "react";
@@ -161,7 +163,7 @@ function Alert({
   const [visible, setVisible] = useState(true);
   const resolvedStatus = status ?? type ?? (banner ? "warning" : "info");
   if (!visible) return null;
-  return /* @__PURE__ */ jsxs("div", { className: `sia-alert sia-alert--${resolvedStatus}${banner ? " sia-alert--banner" : ""}${description ? " sia-alert--with-description" : ""} ${className}`.trim(), role: "alert", ...props, children: [
+  return /* @__PURE__ */ jsxs("div", { className: `sia-alert sia-alert--${resolvedStatus}${banner ? " sia-alert--banner" : ""}${description ? " sia-alert--with-description" : ""} ${className}`.trim(), role: "alert", ...withTitleTooltip(props), children: [
     showIcon || banner ? /* @__PURE__ */ jsx("span", { className: "sia-alert__icon", "aria-hidden": "true", children: alertIcons[resolvedStatus] }) : null,
     /* @__PURE__ */ jsxs("div", { className: "sia-alert__content", children: [
       /* @__PURE__ */ jsx("strong", { children: message2 ?? title }),
@@ -233,7 +235,7 @@ function Pagination({
       if (refreshing === void 0) setInternalRefreshing(false);
     }
   }
-  return /* @__PURE__ */ jsxs2("nav", { className: `sia-pagination sia-pagination--${controlSize} ${className}`.trim(), "aria-label": "\u5206\u9875", ...props, children: [
+  return /* @__PURE__ */ jsxs2("nav", { className: `sia-pagination sia-pagination--${controlSize} ${className}`.trim(), "aria-label": "\u5206\u9875", ...withTitleTooltip(props), children: [
     /* @__PURE__ */ jsxs2("span", { className: "sia-pagination__current-count", "aria-live": "polite", children: [
       "\u5F53\u524D\u9875 ",
       pageCount,
@@ -433,7 +435,7 @@ function Cascader({
     if (children?.length) columns.push(children);
   });
   const floating = useFloatingPlaceholder({ mode: placeholderMode, placeholder, filled: selectedPaths.length > 0, active: open });
-  return /* @__PURE__ */ jsxs3("div", { ref: rootRef, className: `sia-cascader sia-cascader--${size}${open ? " is-open" : ""}${disabled ? " is-disabled" : ""} ${className}`.trim(), ...props, children: [
+  return /* @__PURE__ */ jsxs3("div", { ref: rootRef, className: `sia-cascader sia-cascader--${size}${open ? " is-open" : ""}${disabled ? " is-disabled" : ""} ${className}`.trim(), ...withTitleTooltip(props), children: [
     /* @__PURE__ */ jsxs3("button", { type: "button", className: `sia-cascader__trigger${floating.className}`, disabled, "aria-haspopup": "listbox", "aria-expanded": open, onClick: toggleOpen, children: [
       /* @__PURE__ */ jsx3("span", { className: "sia-cascader__value", children: display ? multiple && Array.isArray(display) ? display.map((label, index) => /* @__PURE__ */ jsx3("span", { className: "sia-cascader__tag", children: label }, pathKey(selectedPaths[index] ?? []))) : display : /* @__PURE__ */ jsx3("span", { className: "sia-cascader__placeholder", children: placeholder }) }),
       allowClear && selectedPaths.length ? /* @__PURE__ */ jsx3("span", { className: "sia-cascader__clear", role: "button", "aria-label": "\u6E05\u9664\u9009\u62E9", onClick: (event) => {
@@ -538,10 +540,10 @@ function Flex({
     flex,
     ...style
   };
-  return /* @__PURE__ */ jsx4(Component, { className: `sia-flex${isVertical ? " sia-flex--vertical" : ""} ${className}`.trim(), style: mergedStyle, ...props });
+  return /* @__PURE__ */ jsx4(Component, { className: `sia-flex${isVertical ? " sia-flex--vertical" : ""} ${className}`.trim(), style: mergedStyle, ...withTitleTooltip(props) });
 }
 function SpaceCompact({ direction = "horizontal", block = false, className = "", ...props }) {
-  return /* @__PURE__ */ jsx4("div", { className: `sia-space-compact sia-space-compact--${direction}${block ? " sia-space-compact--block" : ""} ${className}`.trim(), ...props });
+  return /* @__PURE__ */ jsx4("div", { className: `sia-space-compact sia-space-compact--${direction}${block ? " sia-space-compact--block" : ""} ${className}`.trim(), ...withTitleTooltip(props) });
 }
 function SpaceRoot({
   direction = "horizontal",
@@ -563,7 +565,7 @@ function SpaceRoot({
     alignItems: resolveAlign(align),
     ...style
   };
-  return /* @__PURE__ */ jsx4("div", { className: `sia-space sia-space--${direction} ${className}`.trim(), style: mergedStyle, ...props, children: items.map((item, index) => /* @__PURE__ */ jsxs4("span", { className: "sia-space__item", children: [
+  return /* @__PURE__ */ jsx4("div", { className: `sia-space sia-space--${direction} ${className}`.trim(), style: mergedStyle, ...withTitleTooltip(props), children: items.map((item, index) => /* @__PURE__ */ jsxs4("span", { className: "sia-space__item", children: [
     item,
     split !== void 0 && index < items.length - 1 ? /* @__PURE__ */ jsx4("span", { className: "sia-space__split", children: split }) : null
   ] }, index)) });
@@ -587,7 +589,7 @@ function Divider({
       className: `sia-divider sia-divider--${orientation} sia-divider--${variant} sia-divider--text-${textAlign}${children ? " sia-divider--with-text" : ""}${plain ? " sia-divider--plain" : ""} ${className}`.trim(),
       role: "separator",
       "aria-orientation": orientation,
-      ...props,
+      ...withTitleTooltip(props),
       children: children ? /* @__PURE__ */ jsx4("span", { className: "sia-divider__text", children }) : null
     }
   );
@@ -608,7 +610,7 @@ function Row({ gutter = 0, align, justify, wrap = true, className = "", style, .
     flexWrap: wrap ? "wrap" : "nowrap",
     ...style
   };
-  return /* @__PURE__ */ jsx4("div", { className: `sia-row ${className}`.trim(), style: mergedStyle, ...props });
+  return /* @__PURE__ */ jsx4("div", { className: `sia-row ${className}`.trim(), style: mergedStyle, ...withTitleTooltip(props) });
 }
 function setColVariables(style, prefix, value) {
   if (value === void 0) return;
@@ -648,7 +650,7 @@ function Col({
   setColVariables(mergedStyle, "lg-", lg);
   setColVariables(mergedStyle, "xl-", xl);
   setColVariables(mergedStyle, "xxl-", xxl);
-  return /* @__PURE__ */ jsx4("div", { className: `sia-col ${className}`.trim(), style: mergedStyle, ...props });
+  return /* @__PURE__ */ jsx4("div", { className: `sia-col ${className}`.trim(), style: mergedStyle, ...withTitleTooltip(props) });
 }
 
 // src/components/Splitter.tsx
@@ -667,7 +669,7 @@ function SplitterPanel({
   className = "",
   ...props
 }) {
-  return /* @__PURE__ */ jsx5("div", { className: `sia-splitter__panel ${className}`.trim(), ...props });
+  return /* @__PURE__ */ jsx5("div", { className: `sia-splitter__panel ${className}`.trim(), ...withTitleTooltip(props) });
 }
 function normalizeExpandedSizes(panels) {
   const specified = panels.map((panel) => panel.props.defaultSize);
@@ -783,7 +785,7 @@ function SplitterRoot({
     onResize?.(next);
     onResizeEnd?.(next);
   }
-  return /* @__PURE__ */ jsx5("div", { ref: rootRef, className: `sia-splitter sia-splitter--${orientation} ${className}`.trim(), ...props, children: panels.flatMap((panel, index) => {
+  return /* @__PURE__ */ jsx5("div", { ref: rootRef, className: `sia-splitter sia-splitter--${orientation} ${className}`.trim(), ...withTitleTooltip(props), children: panels.flatMap((panel, index) => {
     const panelCollapsed = Boolean(panel.props.collapsible) && (sizes[index] ?? 0) <= collapsedSize(panel) + 0.01;
     const collapsedContent = panel.props.collapsedContent;
     const expandFromCollapsedContent = () => {
@@ -979,7 +981,7 @@ function ToolPanel({
           "aria-expanded": expanded,
           "aria-controls": `${panelId}-content-${index}`,
           "aria-label": `${expanded ? "\u6536\u8D77" : "\u5C55\u5F00"}${label}\u9762\u677F`,
-          title: typeof item.title === "string" ? item.title : void 0,
+          ...withTitleTooltip({ title: typeof item.title === "string" ? item.title : void 0 }),
           disabled: item.disabled,
           onClick: () => activatePanel(item),
           children: [
@@ -1029,7 +1031,7 @@ function ToolPanel({
       className: `sia-tool-panel sia-tool-panel--${placement}${isOpen ? " is-open" : ""} ${className}`.trim(),
       style: panelStyle,
       "data-placement": placement,
-      ...props,
+      ...withTitleTooltip(props),
       children: placement === "left" ? /* @__PURE__ */ jsxs6(Fragment2, { children: [
         rail,
         content,
@@ -1078,7 +1080,7 @@ function WindowFrame({
     {
       className: `sia-window-frame ${className}`.trim(),
       "data-sia-window-mode": "custom",
-      ...props,
+      ...withTitleTooltip(props),
       children: [
         titleBar,
         children
@@ -1108,7 +1110,7 @@ function WindowControls({
       className: `sia-window-controls ${className}`.trim(),
       "data-sia-window-no-drag": "",
       "aria-label": "\u7A97\u53E3\u63A7\u5236",
-      ...props,
+      ...withTitleTooltip(props),
       children: [
         showMinimize ? /* @__PURE__ */ jsx7(
           "button",
@@ -1116,7 +1118,7 @@ function WindowControls({
             type: "button",
             className: "sia-window-control",
             "aria-label": mergedLabels.minimize,
-            title: mergedLabels.minimize,
+            ...withTitleTooltip({ title: mergedLabels.minimize }),
             disabled: isDisabled("minimize"),
             onClick: () => runAction("minimize"),
             children: /* @__PURE__ */ jsx7(Icon, { name: "minus", size: 14 })
@@ -1128,7 +1130,7 @@ function WindowControls({
             type: "button",
             className: "sia-window-control",
             "aria-label": maximized ? mergedLabels.restore : mergedLabels.maximize,
-            title: maximized ? mergedLabels.restore : mergedLabels.maximize,
+            ...withTitleTooltip({ title: maximized ? mergedLabels.restore : mergedLabels.maximize }),
             disabled: isDisabled("toggle-maximize"),
             onClick: () => runAction("toggle-maximize"),
             children: /* @__PURE__ */ jsx7(Icon, { name: maximized ? "fullscreen-exit" : "fullscreen", size: 13 })
@@ -1140,7 +1142,7 @@ function WindowControls({
             type: "button",
             className: "sia-window-control sia-window-control--close",
             "aria-label": mergedLabels.close,
-            title: mergedLabels.close,
+            ...withTitleTooltip({ title: mergedLabels.close }),
             disabled: isDisabled("close"),
             onClick: () => runAction("close"),
             children: /* @__PURE__ */ jsx7(Icon, { name: "close", size: 14 })
@@ -1189,7 +1191,7 @@ function WindowTitleBar({
       className: `sia-window-titlebar ${className}`.trim(),
       "data-actions-align": actionsAlign,
       onMouseDown: handleMouseDown,
-      ...props,
+      ...withTitleTooltip(props),
       children: [
         leading ? /* @__PURE__ */ jsx7("div", { className: "sia-window-titlebar__leading", children: leading }) : null,
         actionsAlign === "left" ? renderedActions : null,
@@ -1324,7 +1326,7 @@ var DrawerRoot = forwardRef(function Drawer({
         "aria-modal": "true",
         "aria-labelledby": title ? titleId : void 0,
         tabIndex: -1,
-        ...props,
+        ...withTitleTooltip(props),
         children: [
           /* @__PURE__ */ jsxs8("div", { className: "sia-drawer__header", children: [
             /* @__PURE__ */ jsxs8("div", { className: "sia-drawer__heading", children: [
@@ -1428,7 +1430,7 @@ var Switch = forwardRef2(function Switch2({
     onChange?.(event);
   };
   return /* @__PURE__ */ jsxs9("label", { className: `sia-switch-wrap sia-switch-wrap--${size} ${className}`.trim(), children: [
-    /* @__PURE__ */ jsx9("input", { ref, type: "checkbox", role: "switch", className: "sia-switch-input", onChange: handleChange, ...props }),
+    /* @__PURE__ */ jsx9("input", { ref, type: "checkbox", role: "switch", className: "sia-switch-input", onChange: handleChange, ...withTitleTooltip(props) }),
     /* @__PURE__ */ jsxs9(
       "span",
       {
@@ -1656,7 +1658,7 @@ function FormRoot({
   return /* @__PURE__ */ jsx9(FormContext.Provider, { value: context, children: /* @__PURE__ */ jsx9(PlaceholderModeContext.Provider, { value: resolvedPlaceholderMode, children: /* @__PURE__ */ jsx9(ControlSizeContext.Provider, { value: size, children: /* @__PURE__ */ jsx9(
     "form",
     {
-      ...props,
+      ...withTitleTooltip(props),
       className: `sia-form sia-form--${layout} sia-form--${size}${disabled ? " is-disabled" : ""} ${className}`.trim(),
       "data-required-mark": requiredMark,
       onSubmit: (event) => {
@@ -1827,7 +1829,7 @@ var RadioRoot = forwardRef3(function Radio({ value, size: sizeProp, children, di
     /* @__PURE__ */ jsx10(
       "input",
       {
-        ...props,
+        ...withTitleTooltip(props),
         ref,
         id: props.id ?? fallbackId,
         className: "sia-radio__input",
@@ -1947,7 +1949,7 @@ function Slider({
     {
       className: `sia-slider${range ? " sia-slider--range" : ""}${vertical ? " sia-slider--vertical" : ""}${reverse ? " sia-slider--reverse" : ""}${disabled ? " is-disabled" : ""} ${className}`.trim(),
       style,
-      ...props,
+      ...withTitleTooltip(props),
       children: [
         /* @__PURE__ */ jsx11("div", { className: "sia-slider__rail", children: /* @__PURE__ */ jsx11("span", { className: "sia-slider__track" }) }),
         values.map((item, index) => /* @__PURE__ */ jsxs11("div", { className: "sia-slider__thumb-wrap", children: [
@@ -2205,7 +2207,7 @@ function ColorPicker({
   const triggerBackground = color || "transparent";
   const triggerText = color || "\u65E0\u8272";
   const opaqueColor = rgbaToHex({ ...rgba, a: 100 }, false);
-  return /* @__PURE__ */ jsxs12("div", { ref: rootRef, className: `sia-color-picker sia-color-picker--${size}${disabled ? " is-disabled" : ""} ${className}`.trim(), ...props, children: [
+  return /* @__PURE__ */ jsxs12("div", { ref: rootRef, className: `sia-color-picker sia-color-picker--${size}${disabled ? " is-disabled" : ""} ${className}`.trim(), ...withTitleTooltip(props), children: [
     /* @__PURE__ */ jsxs12(
       "button",
       {
@@ -2225,7 +2227,7 @@ function ColorPicker({
     /* @__PURE__ */ jsxs12(PopupPortal, { ref: popupRef, anchorRef: rootRef, open, className: "sia-color-picker__popup", role: "dialog", "aria-label": "\u989C\u8272\u9009\u62E9\u5668", children: [
       /* @__PURE__ */ jsxs12("div", { className: "sia-color-picker__mode-row", children: [
         modes.length > 1 ? /* @__PURE__ */ jsx12("div", { className: "sia-color-picker__modes", role: "tablist", "aria-label": "\u989C\u8272\u6A21\u5F0F", children: modes.map((item) => /* @__PURE__ */ jsx12("button", { type: "button", role: "tab", "aria-selected": currentMode === item, className: currentMode === item ? "is-active" : "", onClick: () => switchMode(item), children: item === "solid" ? "\u5355\u8272" : "\u6E10\u53D8\u8272" }, item)) }) : /* @__PURE__ */ jsx12("strong", { children: currentMode === "solid" ? "\u5355\u8272" : "\u6E10\u53D8\u8272" }),
-        allowClear ? /* @__PURE__ */ jsx12("button", { type: "button", className: `sia-color-picker__none${color ? "" : " is-active"}`, "aria-label": "\u9009\u62E9\u65E0\u8272", title: "\u65E0\u8272", onClick: selectNoColor, children: /* @__PURE__ */ jsx12("span", {}) }) : null
+        allowClear ? /* @__PURE__ */ jsx12("button", { type: "button", className: `sia-color-picker__none${color ? "" : " is-active"}`, "aria-label": "\u9009\u62E9\u65E0\u8272", ...withTitleTooltip({ title: "\u65E0\u8272" }), onClick: selectNoColor, children: /* @__PURE__ */ jsx12("span", {}) }) : null
       ] }),
       currentMode === "gradient" ? /* @__PURE__ */ jsxs12("div", { className: "sia-color-picker__gradient-editor", children: [
         /* @__PURE__ */ jsx12("div", { className: "sia-color-picker__gradient-preview", style: { background: gradientValue }, onPointerDown: addGradientStop, children: gradientStops.map((stop) => /* @__PURE__ */ jsx12(
@@ -2414,7 +2416,7 @@ function TimePicker({
     /* @__PURE__ */ jsx13(
       "input",
       {
-        ...props,
+        ...withTitleTooltip(props),
         ref: inputRef,
         id: props.id ?? id,
         type: "text",
@@ -2721,7 +2723,7 @@ function TreeSelect({
     {
       ref: rootRef,
       className: `sia-tree-select sia-tree-select--${size} sia-tree-select--${status}${open ? " is-open" : ""}${disabled ? " is-disabled" : ""} ${className}`.trim(),
-      ...props,
+      ...withTitleTooltip(props),
       onKeyDown: (event) => {
         props.onKeyDown?.(event);
         if (event.key === "Escape") {
@@ -3942,7 +3944,7 @@ function Markdown({ content, emptyText = "\u6682\u65E0 Markdown \u5185\u5BB9", r
     return /* @__PURE__ */ jsx16("div", { className: `sia-markdown sia-markdown--empty ${className}`.trim(), children: emptyText });
   }
   return /* @__PURE__ */ jsxs16(Fragment5, { children: [
-    /* @__PURE__ */ jsx16("article", { ...props, ref: rootRef, className: `sia-markdown ${className}`.trim(), onClick: handleClick, onKeyDown: handleKeyDown, dangerouslySetInnerHTML: { __html: html } }),
+    /* @__PURE__ */ jsx16("article", { ...withTitleTooltip(props), ref: rootRef, className: `sia-markdown ${className}`.trim(), onClick: handleClick, onKeyDown: handleKeyDown, dangerouslySetInnerHTML: { __html: html } }),
     /* @__PURE__ */ jsx16(ImagePreview, { open: Boolean(previewImage), src: previewImage?.src, alt: previewImage?.alt, onOpenChange: (open) => {
       if (!open) setPreviewImage(null);
     } })
@@ -4043,7 +4045,7 @@ var InputNumber = forwardRef4(function InputNumber2({
   const input = /* @__PURE__ */ jsx17(
     "input",
     {
-      ...props,
+      ...withTitleTooltip(props),
       ref: setRef,
       id: inputId,
       type: "text",
@@ -4207,6 +4209,7 @@ function openSelectModal(config) {
 // src/components/Treemap.tsx
 import { useEffect as useEffect10, useMemo as useMemo8, useRef as useRef12, useState as useState15 } from "react";
 import { jsx as jsx19, jsxs as jsxs19 } from "react/jsx-runtime";
+import { createElement } from "react";
 function positiveValue(value) {
   return Number.isFinite(value) && value > 0 ? value : 1;
 }
@@ -4554,7 +4557,7 @@ function Treemap({
   return /* @__PURE__ */ jsxs19(
     "div",
     {
-      ...props,
+      ...withTitleTooltip(props),
       ref: containerRef,
       className: `sia-treemap ${className}`.trim(),
       style,
@@ -4579,46 +4582,46 @@ function Treemap({
           const hasChildren = Boolean(node.hasChildren || node.children?.length);
           const title = `${node.label} \xB7 ${String(valueFormatter(node.value, node))}`;
           if (expanded) {
-            return /* @__PURE__ */ jsx19(
+            return /* @__PURE__ */ createElement(
               "div",
               {
                 className: `sia-treemap__tile sia-treemap__tile--directory is-expanded${effectiveFocusedNode?.key === node.key ? " is-focused" : ""}${active ? " is-active" : ""}`,
                 style: tileStyle,
                 role: "treeitem",
                 "aria-expanded": "true",
-                title,
+                ...withTitleTooltip({ title }),
                 "data-treemap-key": node.key,
-                children: /* @__PURE__ */ jsxs19("div", { className: "sia-treemap__header", children: [
-                  /* @__PURE__ */ jsxs19(
-                    "button",
-                    {
-                      type: "button",
-                      className: "sia-treemap__header-main",
-                      disabled: node.disabled,
-                      onClick: (event) => handleNodeClick(node, event),
-                      children: [
-                        /* @__PURE__ */ jsx19("span", { className: "sia-treemap__label", children: node.label }),
-                        showValue ? /* @__PURE__ */ jsx19("span", { className: "sia-treemap__value", children: valueFormatter(node.value, node) }) : null
-                      ]
-                    }
-                  ),
-                  /* @__PURE__ */ jsx19(
-                    "button",
-                    {
-                      type: "button",
-                      className: "sia-treemap__focus",
-                      "aria-label": effectiveFocusedNode?.key === node.key ? `\u8FD8\u539F ${node.label}` : `\u805A\u7126\u5C55\u5F00 ${node.label}`,
-                      title: effectiveFocusedNode?.key === node.key ? "\u8FD8\u539F\u539F\u6709\u89C6\u56FE" : "\u5C55\u5F00\u5230\u6574\u4E2A\u533A\u57DF",
-                      onClick: () => updateFocusedKey(effectiveFocusedNode?.key === node.key ? null : node.key),
-                      children: /* @__PURE__ */ jsx19(Icon, { name: effectiveFocusedNode?.key === node.key ? "fullscreen-exit" : "fullscreen", size: 14 })
-                    }
-                  )
-                ] })
+                key: node.key
               },
-              node.key
+              /* @__PURE__ */ jsxs19("div", { className: "sia-treemap__header", children: [
+                /* @__PURE__ */ jsxs19(
+                  "button",
+                  {
+                    type: "button",
+                    className: "sia-treemap__header-main",
+                    disabled: node.disabled,
+                    onClick: (event) => handleNodeClick(node, event),
+                    children: [
+                      /* @__PURE__ */ jsx19("span", { className: "sia-treemap__label", children: node.label }),
+                      showValue ? /* @__PURE__ */ jsx19("span", { className: "sia-treemap__value", children: valueFormatter(node.value, node) }) : null
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsx19(
+                  "button",
+                  {
+                    type: "button",
+                    className: "sia-treemap__focus",
+                    "aria-label": effectiveFocusedNode?.key === node.key ? `\u8FD8\u539F ${node.label}` : `\u805A\u7126\u5C55\u5F00 ${node.label}`,
+                    ...withTitleTooltip({ title: effectiveFocusedNode?.key === node.key ? "\u8FD8\u539F\u539F\u6709\u89C6\u56FE" : "\u5C55\u5F00\u5230\u6574\u4E2A\u533A\u57DF" }),
+                    onClick: () => updateFocusedKey(effectiveFocusedNode?.key === node.key ? null : node.key),
+                    children: /* @__PURE__ */ jsx19(Icon, { name: effectiveFocusedNode?.key === node.key ? "fullscreen-exit" : "fullscreen", size: 14 })
+                  }
+                )
+              ] })
             );
           }
-          return /* @__PURE__ */ jsx19(
+          return /* @__PURE__ */ createElement(
             "button",
             {
               type: "button",
@@ -4627,15 +4630,15 @@ function Treemap({
               role: "treeitem",
               "aria-expanded": node.kind === "directory" && hasChildren ? "false" : void 0,
               disabled: node.disabled,
-              title,
+              ...withTitleTooltip({ title }),
               "data-treemap-key": node.key,
               onClick: (event) => handleNodeClick(node, event),
-              children: showLabel ? /* @__PURE__ */ jsxs19("span", { className: "sia-treemap__content", children: [
-                /* @__PURE__ */ jsx19("span", { className: "sia-treemap__label", children: node.label }),
-                showValue ? /* @__PURE__ */ jsx19("span", { className: "sia-treemap__value", children: valueFormatter(node.value, node) }) : null
-              ] }) : null
+              key: node.key
             },
-            node.key
+            showLabel ? /* @__PURE__ */ jsxs19("span", { className: "sia-treemap__content", children: [
+              /* @__PURE__ */ jsx19("span", { className: "sia-treemap__label", children: node.label }),
+              showValue ? /* @__PURE__ */ jsx19("span", { className: "sia-treemap__value", children: valueFormatter(node.value, node) }) : null
+            ] }) : null
           );
         })
       ]
@@ -5238,6 +5241,16 @@ function createCellSelectionPlugin(options = {}) {
         event.clipboardData?.setData("text/plain", text);
         options.onCopy?.(text, selectedCells(context));
       };
+      const clearOnOutsidePointerDown = (event) => {
+        const context = latestContext;
+        if (event.button !== 0 || !context?.state.range || !activeRoot) return;
+        const target = event.target instanceof Element ? event.target : null;
+        const cell = target?.closest("td[data-column-key], th[data-column-key]");
+        if (cell?.closest(".sia-table") === activeRoot) return;
+        stopDragging();
+        setSelection(context, null);
+      };
+      document.addEventListener("pointerdown", clearOnOutsidePointerDown, true);
       window.addEventListener("pointerup", stopDragging);
       window.addEventListener("pointercancel", stopDragging);
       window.addEventListener("blur", stopDragging);
@@ -5246,6 +5259,7 @@ function createCellSelectionPlugin(options = {}) {
       document.addEventListener("copy", handleCopy);
       return () => {
         stopDragging();
+        document.removeEventListener("pointerdown", clearOnOutsidePointerDown, true);
         window.removeEventListener("pointerup", stopDragging);
         window.removeEventListener("pointercancel", stopDragging);
         window.removeEventListener("blur", stopDragging);
@@ -7326,6 +7340,8 @@ function TableInner(props, ref) {
     overscan = 6,
     stickyHeader = true,
     resizable = true,
+    cellSelection = true,
+    showIndex = true,
     onRowClick,
     onRowDoubleClick,
     onCellContextMenu,
@@ -7348,12 +7364,16 @@ function TableInner(props, ref) {
   const getRowKey = useCallback2((record, index) => typeof rowKey === "function" ? rowKey(record, index) : record[String(rowKey)] ?? index, [rowKey]);
   const builtInResizePlugin = useMemo9(() => createResizePlugin(), []);
   const builtInHighlightPlugin = useMemo9(() => createHighlightPlugin(), []);
+  const builtInCellSelectionPlugin = useMemo9(() => createCellSelectionPlugin(), []);
+  const builtInIndexPlugin = useMemo9(() => createIndexPlugin(), []);
   const activePlugins = useMemo9(() => {
-    const plugins = providedPlugins.filter((plugin) => resizable || plugin.id !== "resize");
+    const plugins = providedPlugins.filter((plugin) => (resizable || plugin.id !== "resize") && (cellSelection || plugin.id !== "cellSelection") && (showIndex || plugin.id !== "index"));
     if (!plugins.some((plugin) => plugin.id === "highlight")) plugins.push(builtInHighlightPlugin);
     if (resizable && !plugins.some((plugin) => plugin.id === "resize")) plugins.push(builtInResizePlugin);
+    if (cellSelection && !plugins.some((plugin) => plugin.id === "cellSelection")) plugins.push(builtInCellSelectionPlugin);
+    if (showIndex && !plugins.some((plugin) => plugin.id === "index")) plugins.push(builtInIndexPlugin);
     return plugins;
-  }, [builtInHighlightPlugin, builtInResizePlugin, providedPlugins, resizable]);
+  }, [builtInHighlightPlugin, builtInResizePlugin, builtInCellSelectionPlugin, builtInIndexPlugin, providedPlugins, resizable, cellSelection, showIndex]);
   const sortedPlugins = useMemo9(() => [...activePlugins].sort((a, b) => (a.order ?? 100) - (b.order ?? 100)), [activePlugins]);
   const pluginsByIdRef = useRef15(/* @__PURE__ */ new Map());
   pluginsByIdRef.current = new Map(sortedPlugins.map((plugin) => [plugin.id, plugin]));
@@ -7731,7 +7751,7 @@ function TableInner(props, ref) {
       "data-has-fixed-right": right > 0,
       "data-scrolled-left": "false",
       "data-scrolled-right": "true",
-      ...htmlProps,
+      ...withTitleTooltip(htmlProps),
       onPointerDownCapture: (event) => {
         htmlProps.onPointerDownCapture?.(event);
         if (event.defaultPrevented || loading || internalLoading) return;
@@ -7929,7 +7949,7 @@ var ThemeSwitch = forwardRef6(function ThemeSwitch2({
       "aria-label": checked ? darkLabel : lightLabel,
       className: `sia-theme-switch${checked ? " sia-theme-switch--dark" : ""} ${className}`.trim(),
       onClick: handleClick,
-      ...props,
+      ...withTitleTooltip(props),
       children: [
         /* @__PURE__ */ jsx23("span", { className: "sia-theme-switch__selection", "aria-hidden": "true" }),
         /* @__PURE__ */ jsx23("span", { className: `sia-theme-switch__icon${checked ? "" : " is-active"}`, "aria-hidden": "true", children: /* @__PURE__ */ jsxs22("svg", { viewBox: "0 0 24 24", children: [
@@ -8570,6 +8590,7 @@ export {
   TimePicker,
   Timeline,
   ToolPanel,
+  Toolbar,
   Tooltip,
   Tour,
   Tree,