@sia.soul/sia-react-ui 0.1.77 → 0.1.78

package/dist/{chunk-TKCXP6RZ.js → chunk-WXERMWTW.js}

@@ -1,11 +1,12 @@
 import {
   Dropdown,
   Icon,
-  Input
-} from "./chunk-YMOOL62S.js";
+  Input,
+  Modal
+} from "./chunk-XHLIIDD2.js";
 import {
   Button
-} from "./chunk-IKAMZNCK.js";
+} from "./chunk-JZWTTSOZ.js";
 import {
   ControlSizeContext,
   PopupPortal,
@@ -1147,330 +1148,9 @@ function Tree({
   ] });
 }
 
-// src/components/Modal.tsx
-import { forwardRef as forwardRef2, useEffect as useEffect6, useId as useId3, useRef as useRef4, useState as useState2 } from "react";
-import { createRoot } from "react-dom/client";
-
-// src/components/Overlay.tsx
-import { useEffect as useEffect5, useRef as useRef3 } from "react";
-import { createPortal as createPortal2 } from "react-dom";
-var bodyLockCount = 0;
-var previousBodyOverflow = "";
-var overlayStack = [];
-function lockBodyScroll() {
-  if (bodyLockCount === 0) {
-    previousBodyOverflow = document.body.style.overflow;
-    document.body.style.overflow = "hidden";
-  }
-  bodyLockCount += 1;
-  return () => {
-    bodyLockCount = Math.max(0, bodyLockCount - 1);
-    if (bodyLockCount === 0) document.body.style.overflow = previousBodyOverflow;
-  };
-}
-function focusableElements(container) {
-  return [...container.querySelectorAll(
-    'a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])'
-  )].filter((element) => !element.hidden && element.getAttribute("aria-hidden") !== "true");
-}
-function useOverlayLifecycle(open, panelRef, onRequestClose, keyboard = true) {
-  const overlayIdRef = useRef3(/* @__PURE__ */ Symbol("sia-overlay"));
-  const closeRef = useRef3(onRequestClose);
-  closeRef.current = onRequestClose;
-  useEffect5(() => {
-    if (!open || typeof document === "undefined") return void 0;
-    const overlayId = overlayIdRef.current;
-    const previouslyFocused = document.activeElement instanceof HTMLElement ? document.activeElement : null;
-    overlayStack.push(overlayId);
-    const unlockBody = lockBodyScroll();
-    const focusTimer = window.setTimeout(() => {
-      const panel = panelRef.current;
-      if (!panel) return;
-      const [firstFocusable] = focusableElements(panel);
-      (firstFocusable ?? panel).focus({ preventScroll: true });
-    }, 0);
-    function handleKeyDown(event) {
-      if (overlayStack.at(-1) !== overlayId) return;
-      if (event.key === "Escape" && keyboard) {
-        event.preventDefault();
-        closeRef.current();
-        return;
-      }
-      if (event.key !== "Tab" || !panelRef.current) return;
-      const focusable = focusableElements(panelRef.current);
-      if (focusable.length === 0) {
-        event.preventDefault();
-        panelRef.current.focus();
-        return;
-      }
-      const first = focusable[0];
-      const last = focusable.at(-1);
-      if (event.shiftKey && document.activeElement === first) {
-        event.preventDefault();
-        last.focus();
-      } else if (!event.shiftKey && document.activeElement === last) {
-        event.preventDefault();
-        first.focus();
-      }
-    }
-    document.addEventListener("keydown", handleKeyDown);
-    return () => {
-      window.clearTimeout(focusTimer);
-      document.removeEventListener("keydown", handleKeyDown);
-      const index = overlayStack.lastIndexOf(overlayId);
-      if (index >= 0) overlayStack.splice(index, 1);
-      unlockBody();
-      previouslyFocused?.focus({ preventScroll: true });
-    };
-  }, [keyboard, open, panelRef]);
-}
-function OverlayPortal({ children, container }) {
-  if (typeof document === "undefined") return null;
-  const target = typeof container === "function" ? container() : container ?? document.body;
-  return createPortal2(children, target);
-}
-
-// src/components/Modal.tsx
-import { Fragment as Fragment2, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
-var modalHandles = /* @__PURE__ */ new Set();
-var MODAL_MOTION_DURATION = 220;
-var typeIcons = {
-  info: /* @__PURE__ */ jsx3(Icon, { name: "info", size: 23 }),
-  success: /* @__PURE__ */ jsx3(Icon, { name: "circle-check", size: 23 }),
-  warning: /* @__PURE__ */ jsx3(Icon, { name: "warning", size: 23 }),
-  error: /* @__PURE__ */ jsx3(Icon, { name: "circle-close", size: 23 }),
-  confirm: /* @__PURE__ */ jsx3(Icon, { name: "question", size: 23 })
-};
-var ModalRoot = forwardRef2(function Modal({
-  open,
-  title,
-  children,
-  footer,
-  footerExtra,
-  type = "default",
-  okText = "\u786E\u5B9A",
-  cancelText = "\u53D6\u6D88",
-  showCancel = type === "default" || type === "confirm",
-  confirmLoading = false,
-  okButtonProps,
-  cancelButtonProps,
-  closable = true,
-  maskClosable = true,
-  keyboard = true,
-  centered = false,
-  width = 520,
-  height,
-  zIndex = 1e3,
-  getContainer,
-  onOk,
-  onCancel,
-  onOpenChange,
-  afterOpenChange,
-  className = "",
-  style,
-  ...props
-}, forwardedRef) {
-  const localRef = useRef4(null);
-  const titleId = useId3();
-  const [submitting, setSubmitting] = useState2(false);
-  const [rendered, setRendered] = useState2(open);
-  const [closing, setClosing] = useState2(false);
-  const afterOpenChangeRef = useRef4(afterOpenChange);
-  afterOpenChangeRef.current = afterOpenChange;
-  const submitLock = useRef4(false);
-  useEffect6(() => {
-    if (!open || !rendered) return void 0;
-    const timer = window.setTimeout(() => afterOpenChangeRef.current?.(true), MODAL_MOTION_DURATION);
-    return () => window.clearTimeout(timer);
-  }, [open, rendered]);
-  useEffect6(() => {
-    if (open) {
-      setRendered(true);
-      setClosing(false);
-      return void 0;
-    }
-    if (!rendered) return void 0;
-    setClosing(true);
-    const timer = window.setTimeout(() => {
-      setRendered(false);
-      setClosing(false);
-      afterOpenChangeRef.current?.(false);
-    }, MODAL_MOTION_DURATION);
-    return () => window.clearTimeout(timer);
-  }, [open, rendered]);
-  function setRef(node) {
-    localRef.current = node;
-    if (typeof forwardedRef === "function") forwardedRef(node);
-    else if (forwardedRef) forwardedRef.current = node;
-  }
-  function requestClose() {
-    if (submitting || confirmLoading) return;
-    onCancel?.();
-    onOpenChange?.(false);
-  }
-  async function handleOk() {
-    if (submitLock.current || confirmLoading) return;
-    submitLock.current = true;
-    if (!onOk) {
-      onOpenChange?.(false);
-      submitLock.current = false;
-      return;
-    }
-    try {
-      const result = onOk();
-      if (result instanceof Promise) {
-        setSubmitting(true);
-        const resolved = await result;
-        if (resolved !== false) onOpenChange?.(false);
-      } else if (result !== false) {
-        onOpenChange?.(false);
-      }
-    } catch {
-      return;
-    } finally {
-      submitLock.current = false;
-      setSubmitting(false);
-    }
-  }
-  useOverlayLifecycle(rendered, localRef, requestClose, keyboard);
-  if (!rendered) return null;
-  const mergedStyle = {
-    ...height !== void 0 ? { display: "flex", flexDirection: "column", height, maxHeight: "calc(100dvh - 48px)" } : {},
-    ...style,
-    "--sia-modal-width": typeof width === "number" ? `${width}px` : width
-  };
-  const loading = submitting || confirmLoading;
-  const defaultFooter = /* @__PURE__ */ jsxs3(Fragment2, { children: [
-    showCancel ? /* @__PURE__ */ jsx3(Button, { ...cancelButtonProps, onClick: requestClose, disabled: loading || cancelButtonProps?.disabled, children: cancelText }) : null,
-    /* @__PURE__ */ jsx3(Button, { variant: "primary", ...okButtonProps, onClick: handleOk, loading, children: okText })
-  ] });
-  return /* @__PURE__ */ jsx3(OverlayPortal, { container: getContainer, children: /* @__PURE__ */ jsx3(
-    "div",
-    {
-      className: `sia-modal-root${centered ? " sia-modal-root--centered" : ""}`,
-      "data-state": closing ? "closing" : "open",
-      style: { zIndex },
-      onMouseDown: (event) => {
-        if (event.target === event.currentTarget && maskClosable) requestClose();
-      },
-      children: /* @__PURE__ */ jsxs3(
-        "div",
-        {
-          ref: setRef,
-          className: `sia-modal sia-modal--${type} ${className}`.trim(),
-          style: mergedStyle,
-          role: "dialog",
-          "aria-modal": "true",
-          "aria-labelledby": title ? titleId : void 0,
-          tabIndex: -1,
-          ...withTitleTooltip(props),
-          children: [
-            /* @__PURE__ */ jsxs3("div", { className: "sia-modal__header", style: height !== void 0 ? { flexShrink: 0 } : void 0, children: [
-              /* @__PURE__ */ jsxs3("div", { className: "sia-modal__heading", children: [
-                typeIcons[type] ? /* @__PURE__ */ jsx3("span", { className: "sia-modal__type-icon", "aria-hidden": "true", children: typeIcons[type] }) : null,
-                title ? /* @__PURE__ */ jsx3("strong", { id: titleId, children: title }) : null
-              ] }),
-              closable ? /* @__PURE__ */ jsx3("button", { type: "button", className: "sia-modal__close", "aria-label": "\u5173\u95ED\u5BF9\u8BDD\u6846", onClick: requestClose, children: /* @__PURE__ */ jsx3(Icon, { name: "close", size: 17 }) }) : null
-            ] }),
-            children !== void 0 ? /* @__PURE__ */ jsx3("div", { className: "sia-modal__body", style: height !== void 0 ? { flex: 1, minHeight: 0, overflow: "auto" } : void 0, children }) : null,
-            footer !== null ? /* @__PURE__ */ jsxs3("div", { className: "sia-modal__footer", style: height !== void 0 ? { flexShrink: 0 } : void 0, children: [
-              footer === void 0 && footerExtra != null ? /* @__PURE__ */ jsx3("div", { style: { marginRight: "auto" }, children: footerExtra }) : null,
-              footer ?? defaultFooter
-            ] }) : null
-          ]
-        }
-      )
-    }
-  ) });
-});
-function openModal(config) {
-  if (typeof document === "undefined") return { destroy() {
-  }, update() {
-  } };
-  const container = document.createElement("div");
-  container.className = "sia-modal-api-host";
-  document.body.appendChild(container);
-  const root = createRoot(container);
-  let currentConfig = config;
-  let currentOpen = true;
-  let destroyed = false;
-  let mounted = false;
-  function cleanup2() {
-    if (destroyed) return;
-    destroyed = true;
-    root.unmount();
-    container.remove();
-    modalHandles.delete(handle);
-  }
-  function closeWithMotion() {
-    if (destroyed || !currentOpen) return;
-    currentOpen = false;
-    render();
-  }
-  function ModalInstance() {
-    useEffect6(() => {
-      mounted = true;
-      if (!currentOpen) render();
-    }, []);
-    return /* @__PURE__ */ jsx3(ModalRoot, { ...currentConfig, open: !mounted || currentOpen, onOpenChange: (nextOpen) => {
-      currentConfig.onOpenChange?.(nextOpen);
-      if (!nextOpen) closeWithMotion();
-    }, afterOpenChange: (nextOpen) => {
-      try {
-        currentConfig.afterOpenChange?.(nextOpen);
-      } finally {
-        if (!nextOpen) queueMicrotask(cleanup2);
-      }
-    } });
-  }
-  function render() {
-    root.render(/* @__PURE__ */ jsx3(ModalInstance, {}));
-  }
-  const handle = {
-    destroy: closeWithMotion,
-    update(next) {
-      if (destroyed) return;
-      currentConfig = { ...currentConfig, ...next };
-      render();
-    }
-  };
-  modalHandles.add(handle);
-  render();
-  return handle;
-}
-function preset(type, defaults = {}) {
-  return (config) => openModal({
-    okText: type === "confirm" ? "\u786E\u5B9A" : "\u77E5\u9053\u4E86",
-    showCancel: type === "confirm",
-    closable: type !== "confirm",
-    maskClosable: type !== "confirm",
-    ...defaults,
-    ...config,
-    type
-  });
-}
-var Modal2 = Object.assign(ModalRoot, {
-  /** 直接打开实例，返回更新和关闭句柄；关闭动画完成后先调用 afterOpenChange(false)，再卸载实例。 */
-  open: openModal,
-  /** 显示普通信息提示。 */
-  info: preset("info", { title: "\u63D0\u793A" }),
-  /** 显示成功提示。 */
-  success: preset("success", { title: "\u64CD\u4F5C\u6210\u529F" }),
-  /** 显示警告提示。 */
-  warning: preset("warning", { title: "\u8BF7\u6CE8\u610F" }),
-  /** 显示错误提示。 */
-  error: preset("error", { title: "\u64CD\u4F5C\u5931\u8D25" }),
-  /** 打开确认弹框，支持异步确认；返回 false 可阻止关闭。 */
-  confirm: preset("confirm", { title: "\u786E\u8BA4\u64CD\u4F5C" }),
-  /** 关闭由此 API 打开的所有弹层。 */
-  destroyAll() {
-    [...modalHandles].forEach((handle) => handle.destroy());
-  }
-});
-
 // src/components/SelectionPanel.tsx
-import { useEffect as useEffect7, useId as useId4, useMemo as useMemo3, useRef as useRef5, useState as useState3 } from "react";
-import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+import { useEffect as useEffect5, useId as useId3, useMemo as useMemo3, useRef as useRef3, useState as useState2 } from "react";
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 function SelectionPanel({
   options,
   value,
@@ -1491,14 +1171,14 @@ function SelectionPanel({
   maxHeight = 250,
   autoFocusSearch = false
 }) {
-  const [localSearch, setLocalSearch] = useState3("");
+  const [localSearch, setLocalSearch] = useState2("");
   const search = searchValue ?? localSearch;
-  const [scrollTop, setScrollTop] = useState3(0);
-  const [active, setActive] = useState3();
-  const [keyboardActive, setKeyboardActive] = useState3(false);
-  const [deselectedHover, setDeselectedHover] = useState3();
-  const listRef = useRef5(null);
-  const id = useId4();
+  const [scrollTop, setScrollTop] = useState2(0);
+  const [active, setActive] = useState2();
+  const [keyboardActive, setKeyboardActive] = useState2(false);
+  const [deselectedHover, setDeselectedHover] = useState2();
+  const listRef = useRef3(null);
+  const id = useId3();
   const selected = useMemo3(() => new Set(value), [value]);
   const count = Math.max(1, Math.floor(columns));
   const allOptions = useMemo3(() => {
@@ -1536,7 +1216,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");
-  useEffect7(() => {
+  useEffect5(() => {
     setScrollTop(0);
     if (listRef.current) listRef.current.scrollTop = 0;
     setActive(void 0);
@@ -1559,9 +1239,9 @@ function SelectionPanel({
     const add = enabled.filter((option) => operation === "all" || !selected.has(option.value)).map((option) => option.value);
     onChange([...retained, ...add]);
   }
-  return /* @__PURE__ */ jsxs4("div", { className: "sia-selection-panel", children: [
-    /* @__PURE__ */ jsx4(FloatingScrollbarProvider, { targetRef: listRef }),
-    showSearch && /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsxs3("div", { className: "sia-selection-panel", children: [
+    /* @__PURE__ */ jsx3(FloatingScrollbarProvider, { targetRef: listRef }),
+    showSearch && /* @__PURE__ */ jsx3(
       Input,
       {
         "aria-label": "\u641C\u7D22\u9009\u9879",
@@ -1575,17 +1255,17 @@ function SelectionPanel({
         }
       }
     ),
-    multiple && showActions && /* @__PURE__ */ jsxs4("div", { className: "sia-selection-panel__actions", children: [
-      /* @__PURE__ */ jsx4(Button, { variant: "link", size: "small", disabled: disabled || loading || !enabled.length, onClick: () => batch("all"), children: "\u5168\u9009" }),
-      /* @__PURE__ */ jsx4(Button, { variant: "link", size: "small", disabled: disabled || loading || !enabled.length, onClick: () => batch("invert"), children: "\u53CD\u9009" }),
-      /* @__PURE__ */ jsx4(Button, { variant: "link", size: "small", disabled: disabled || loading || !value.length, onClick: () => batch("clear"), children: "\u6E05\u7A7A" }),
-      /* @__PURE__ */ jsxs4("span", { children: [
+    multiple && showActions && /* @__PURE__ */ jsxs3("div", { className: "sia-selection-panel__actions", children: [
+      /* @__PURE__ */ jsx3(Button, { variant: "link", size: "small", disabled: disabled || loading || !enabled.length, onClick: () => batch("all"), children: "\u5168\u9009" }),
+      /* @__PURE__ */ jsx3(Button, { variant: "link", size: "small", disabled: disabled || loading || !enabled.length, onClick: () => batch("invert"), children: "\u53CD\u9009" }),
+      /* @__PURE__ */ jsx3(Button, { variant: "link", size: "small", disabled: disabled || loading || !value.length, onClick: () => batch("clear"), children: "\u6E05\u7A7A" }),
+      /* @__PURE__ */ jsxs3("span", { children: [
         "\u5DF2\u9009 ",
         value.length,
         " \u9879"
       ] })
     ] }),
-    /* @__PURE__ */ jsx4(
+    /* @__PURE__ */ jsx3(
       "div",
       {
         ref: listRef,
@@ -1622,12 +1302,12 @@ function SelectionPanel({
             toggle(enabled[index], true);
           }
         },
-        children: loading ? /* @__PURE__ */ jsx4("div", { role: "status", children: "\u52A0\u8F7D\u4E2D\u2026" }) : !rows.length ? /* @__PURE__ */ jsx4("div", { className: "sia-selection-panel__empty", children: "\u6682\u65E0\u5339\u914D\u9009\u9879" }) : /* @__PURE__ */ jsx4("div", { style: { height: totalHeight, position: "relative" }, children: renderedRows.map((row) => /* @__PURE__ */ jsx4(
+        children: loading ? /* @__PURE__ */ jsx3("div", { role: "status", children: "\u52A0\u8F7D\u4E2D\u2026" }) : !rows.length ? /* @__PURE__ */ jsx3("div", { className: "sia-selection-panel__empty", children: "\u6682\u65E0\u5339\u914D\u9009\u9879" }) : /* @__PURE__ */ jsx3("div", { style: { height: totalHeight, position: "relative" }, children: renderedRows.map((row) => /* @__PURE__ */ jsx3(
           "div",
           {
             className: row.title !== void 0 ? "sia-selection-panel__group" : "sia-selection-panel__row",
             style: { position: "absolute", top: row.top, height: row.height, width: "100%", gridTemplateColumns: `repeat(${count}, minmax(0, 1fr))` },
-            children: row.title ?? row.items?.map((option, index) => option.optionType === "divider" ? /* @__PURE__ */ jsx4("div", { role: "separator", className: "sia-selection-panel__divider" }, `divider-${index}`) : /* @__PURE__ */ jsx4(Tooltip, { title: option.disabled ? option.disabledTip : void 0, placement: "right", children: /* @__PURE__ */ jsx4(
+            children: row.title ?? row.items?.map((option, index) => option.optionType === "divider" ? /* @__PURE__ */ jsx3("div", { role: "separator", className: "sia-selection-panel__divider" }, `divider-${index}`) : /* @__PURE__ */ jsx3(Tooltip, { title: option.disabled ? option.disabledTip : void 0, placement: "right", children: /* @__PURE__ */ jsx3(
               "div",
               {
                 role: "option",
@@ -1643,12 +1323,12 @@ function SelectionPanel({
                 onClick: (event) => {
                   if (!event.target.closest(".sia-checkbox")) toggle(option);
                 },
-                children: multiple ? /* @__PURE__ */ jsx4(Checkbox2, { checked: selected.has(option.value), disabled: disabled || loading || option.disabled, tabIndex: -1, onChange: () => toggle(option), children: /* @__PURE__ */ jsxs4("span", { className: "sia-selection-panel__text", children: [
-                  /* @__PURE__ */ jsx4("span", { className: "sia-selection-panel__label", children: showValue || displayField === "label" ? option.label : String(option.value) }),
-                  showValue && /* @__PURE__ */ jsx4("small", { children: String(option.value) })
-                ] }) }) : /* @__PURE__ */ jsxs4("span", { className: "sia-selection-panel__text", children: [
-                  /* @__PURE__ */ jsx4("span", { className: "sia-selection-panel__label", children: showValue || displayField === "label" ? option.label : String(option.value) }),
-                  showValue && /* @__PURE__ */ jsx4("small", { children: String(option.value) })
+                children: multiple ? /* @__PURE__ */ jsx3(Checkbox2, { checked: selected.has(option.value), disabled: disabled || loading || option.disabled, tabIndex: -1, onChange: () => toggle(option), children: /* @__PURE__ */ jsxs3("span", { className: "sia-selection-panel__text", children: [
+                  /* @__PURE__ */ jsx3("span", { className: "sia-selection-panel__label", children: showValue || displayField === "label" ? option.label : String(option.value) }),
+                  showValue && /* @__PURE__ */ jsx3("small", { children: String(option.value) })
+                ] }) }) : /* @__PURE__ */ jsxs3("span", { className: "sia-selection-panel__text", children: [
+                  /* @__PURE__ */ jsx3("span", { className: "sia-selection-panel__label", children: showValue || displayField === "label" ? option.label : String(option.value) }),
+                  showValue && /* @__PURE__ */ jsx3("small", { children: String(option.value) })
                 ] })
               }
             ) }, `${typeof option.value}-${option.value}`))
@@ -1661,16 +1341,16 @@ function SelectionPanel({
 }
 
 // src/components/Select.tsx
-import { forwardRef as forwardRef3, useDeferredValue, useEffect as useEffect8, useId as useId5, useLayoutEffect as useLayoutEffect3, useMemo as useMemo4, useRef as useRef7, useState as useState5 } from "react";
+import { forwardRef as forwardRef2, useDeferredValue, useEffect as useEffect6, useId as useId4, useLayoutEffect as useLayoutEffect3, useMemo as useMemo4, useRef as useRef5, useState as useState4 } from "react";
 
 // src/components/OverflowTags.tsx
-import { useLayoutEffect as useLayoutEffect2, useRef as useRef6, useState as useState4 } from "react";
-import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+import { useLayoutEffect as useLayoutEffect2, useRef as useRef4, useState as useState3 } from "react";
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 function OverflowTags({ items, maxCount, className = "", tagClassName, restClassName = "" }) {
-  const rootRef = useRef6(null);
-  const measureRef = useRef6(null);
+  const rootRef = useRef4(null);
+  const measureRef = useRef4(null);
   const limit = Math.min(items.length, Math.max(0, Math.floor(maxCount) || 0));
-  const [visibleCount, setVisibleCount] = useState4(0);
+  const [visibleCount, setVisibleCount] = useState3(0);
   useLayoutEffect2(() => {
     const root = rootRef.current;
     const measure = measureRef.current;
@@ -1694,15 +1374,15 @@ function OverflowTags({ items, maxCount, className = "", tagClassName, restClass
     return () => observer.disconnect();
   }, [items, limit]);
   const count = Math.min(visibleCount, limit);
-  return /* @__PURE__ */ jsxs5("span", { ref: rootRef, className: `sia-overflow-tags ${className}`.trim(), children: [
-    items.slice(0, count).map((item) => /* @__PURE__ */ jsx5("span", { className: tagClassName, children: item.label }, item.key)),
-    items.length > count ? /* @__PURE__ */ jsxs5("span", { className: `${tagClassName} sia-overflow-tags__rest ${restClassName}`.trim(), children: [
+  return /* @__PURE__ */ jsxs4("span", { ref: rootRef, className: `sia-overflow-tags ${className}`.trim(), children: [
+    items.slice(0, count).map((item) => /* @__PURE__ */ jsx4("span", { className: tagClassName, children: item.label }, item.key)),
+    items.length > count ? /* @__PURE__ */ jsxs4("span", { className: `${tagClassName} sia-overflow-tags__rest ${restClassName}`.trim(), children: [
       "+",
       items.length - count
     ] }) : null,
-    /* @__PURE__ */ jsxs5("span", { ref: measureRef, className: "sia-overflow-tags__measure", "aria-hidden": "true", children: [
-      items.slice(0, limit).map((item) => /* @__PURE__ */ jsx5("span", { className: tagClassName, children: item.label }, item.key)),
-      Array.from({ length: limit + 1 }, (_, index) => /* @__PURE__ */ jsxs5("span", { className: `${tagClassName} ${restClassName}`.trim(), children: [
+    /* @__PURE__ */ jsxs4("span", { ref: measureRef, className: "sia-overflow-tags__measure", "aria-hidden": "true", children: [
+      items.slice(0, limit).map((item) => /* @__PURE__ */ jsx4("span", { className: tagClassName, children: item.label }, item.key)),
+      Array.from({ length: limit + 1 }, (_, index) => /* @__PURE__ */ jsxs4("span", { className: `${tagClassName} ${restClassName}`.trim(), children: [
         "+",
         items.length - index
       ] }, `rest-${index}`))
@@ -1711,12 +1391,12 @@ function OverflowTags({ items, maxCount, className = "", tagClassName, restClass
 }
 
 // src/components/Select.tsx
-import { Fragment as Fragment3, jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
 function defaultFilterOption(query, option) {
   const keyword = query.toLowerCase();
   return [option.label, option.value].some((value) => String(value).toLowerCase().includes(keyword));
 }
-var Select = forwardRef3(function Select2({
+var Select = forwardRef2(function Select2({
   options,
   mode = "single",
   popupMode: popupModeProp,
@@ -1755,26 +1435,26 @@ var Select = forwardRef3(function Select2({
 }, forwardedRef) {
   const showSearch = showSearchProp ?? options.length > 15;
   const size = useControlSize(sizeProp);
-  const fallbackId = useId5();
+  const fallbackId = useId4();
   const selectId = id ?? fallbackId;
   const listboxId = `${selectId}-listbox`;
-  const rootRef = useRef7(null);
-  const popupRef = useRef7(null);
-  const searchRef = useRef7(null);
-  const listRef = useRef7(null);
-  const [open, setOpen] = useState5(false);
+  const rootRef = useRef5(null);
+  const popupRef = useRef5(null);
+  const searchRef = useRef5(null);
+  const listRef = useRef5(null);
+  const [open, setOpen] = useState4(false);
   const automaticMode = popupModeProp ?? (options.length > modalThreshold ? "modal" : "dropdown");
-  const [openedMode, setOpenedMode] = useState5(automaticMode);
+  const [openedMode, setOpenedMode] = useState4(automaticMode);
   const popupMode = open ? openedMode : automaticMode;
-  const [modalValues, setModalValues] = useState5([]);
-  const [modalSubmitting, setModalSubmitting] = useState5(false);
-  const modalSubmitLock = useRef7(false);
-  const [selectedOnly, setSelectedOnly] = useState5(false);
-  const [query, setQuery] = useState5("");
-  const [activeIndex, setActiveIndex] = useState5(-1);
-  const [scrollTop, setScrollTop] = useState5(0);
-  const [dropdownFontSize, setDropdownFontSize] = useState5();
-  const pendingSelectedScroll = useRef7(false);
+  const [modalValues, setModalValues] = useState4([]);
+  const [modalSubmitting, setModalSubmitting] = useState4(false);
+  const modalSubmitLock = useRef5(false);
+  const [selectedOnly, setSelectedOnly] = useState4(false);
+  const [query, setQuery] = useState4("");
+  const [activeIndex, setActiveIndex] = useState4(-1);
+  const [scrollTop, setScrollTop] = useState4(0);
+  const [dropdownFontSize, setDropdownFontSize] = useState4();
+  const pendingSelectedScroll = useRef5(false);
   const deferredQuery = useDeferredValue(query.trim());
   const initialValue = defaultValue === void 0 ? mode === "multiple" ? [] : null : defaultValue;
   const [currentValue, setCurrentValue] = useControllableState({
@@ -1817,7 +1497,7 @@ var Select = forwardRef3(function Select2({
   const renderedOptions = virtualEnabled ? filteredOptions.slice(virtualStart, virtualEnd) : filteredOptions;
   const enabledFilteredOptions = filteredOptions.filter((option) => !option.disabled);
   const allFilteredSelected = enabledFilteredOptions.length > 0 && enabledFilteredOptions.every((option) => selectedValueSet.has(option.value));
-  useEffect8(() => {
+  useEffect6(() => {
     if (!open || popupMode === "modal") return void 0;
     function closeFromOutside(event) {
       const target = event.target;
@@ -1826,13 +1506,13 @@ var Select = forwardRef3(function Select2({
     document.addEventListener("mousedown", closeFromOutside);
     return () => document.removeEventListener("mousedown", closeFromOutside);
   }, [open, popupMode]);
-  useEffect8(() => {
+  useEffect6(() => {
     if (open && (showSearch || allowInput)) searchRef.current?.focus();
   }, [allowInput, open, showSearch]);
-  useEffect8(() => {
+  useEffect6(() => {
     if (disabled || loading) closeDropdown();
   }, [disabled, loading]);
-  useEffect8(() => {
+  useEffect6(() => {
     if (!open || popupMode !== "dropdown" || !pendingSelectedScroll.current || query) return;
     const index = filteredOptions.findIndex((option) => selectedValueSet.has(option.value));
     if (index < 0) return;
@@ -1998,7 +1678,7 @@ var Select = forwardRef3(function Select2({
   function renderOption(option, renderedIndex) {
     const optionIndex = virtualEnabled ? virtualStart + renderedIndex : renderedIndex;
     const selected = selectedValueSet.has(option.value);
-    return /* @__PURE__ */ jsxs6(
+    return /* @__PURE__ */ jsxs5(
       "div",
       {
         id: `${listboxId}-${optionIndex}`,
@@ -2011,11 +1691,11 @@ var Select = forwardRef3(function Select2({
         onMouseDown: (event) => event.preventDefault(),
         onClick: () => selectOption(option),
         children: [
-          /* @__PURE__ */ jsxs6("span", { className: "sia-select__option-content", children: [
-            /* @__PURE__ */ jsx6("span", { className: "sia-select__option-label", children: option.label }),
-            showValue ? /* @__PURE__ */ jsx6("small", { className: "sia-select__option-value", children: String(option.value) }) : null
+          /* @__PURE__ */ jsxs5("span", { className: "sia-select__option-content", children: [
+            /* @__PURE__ */ jsx5("span", { className: "sia-select__option-label", children: option.label }),
+            showValue ? /* @__PURE__ */ jsx5("small", { className: "sia-select__option-value", children: String(option.value) }) : null
           ] }),
-          selected ? /* @__PURE__ */ jsx6(Icon, { name: "check", size: 15 }) : null
+          selected ? /* @__PURE__ */ jsx5(Icon, { name: "check", size: 15 }) : null
         ]
       },
       `${typeof option.value}-${option.value}`
@@ -2029,8 +1709,8 @@ var Select = forwardRef3(function Select2({
     setModalValues([...modalValues.filter((value2) => !editable.has(value2)), ...modalEnabled.filter((option) => operation === "all" || operation === "invert" && !modalValues.includes(option.value)).map((option) => option.value)]);
   }
   const floating = useFloatingPlaceholder({ mode: placeholderMode, placeholder, filled: hasValue, active: open });
-  return /* @__PURE__ */ jsxs6("div", { ref: rootRef, className: `sia-select sia-select--${size} sia-select--${status}${open ? " is-open" : ""}${disabled ? " is-disabled" : ""}${multiple ? " sia-select--multiple" : ""} ${className}`.trim(), style, children: [
-    /* @__PURE__ */ jsxs6(
+  return /* @__PURE__ */ jsxs5("div", { ref: rootRef, className: `sia-select sia-select--${size} sia-select--${status}${open ? " is-open" : ""}${disabled ? " is-disabled" : ""}${multiple ? " sia-select--multiple" : ""} ${className}`.trim(), style, children: [
+    /* @__PURE__ */ jsxs5(
       "button",
       {
         ...withTitleTooltip(props),
@@ -2048,29 +1728,29 @@ var Select = forwardRef3(function Select2({
         onClick: () => open ? closeDropdown() : openDropdown(),
         onKeyDown: handleTriggerKeyDown,
         children: [
-          multiple && hasValue ? /* @__PURE__ */ jsx6(OverflowTags, { className: "sia-select__tags", tagClassName: "sia-select__tag", restClassName: "sia-select__tag--rest", maxCount: maxTagCount, items: selectedOptions.map((option) => ({ key: `${typeof option.value}-${option.value}`, label: option.label })) }) : /* @__PURE__ */ jsx6("span", { className: `sia-select__value${hasValue ? "" : " is-placeholder"}`, children: selectedOptions[0]?.label ?? placeholder }),
-          loading ? /* @__PURE__ */ jsx6("span", { className: "sia-select__spinner", "aria-hidden": "true" }) : null,
+          multiple && hasValue ? /* @__PURE__ */ jsx5(OverflowTags, { className: "sia-select__tags", tagClassName: "sia-select__tag", restClassName: "sia-select__tag--rest", maxCount: maxTagCount, items: selectedOptions.map((option) => ({ key: `${typeof option.value}-${option.value}`, label: option.label })) }) : /* @__PURE__ */ jsx5("span", { className: `sia-select__value${hasValue ? "" : " is-placeholder"}`, children: selectedOptions[0]?.label ?? placeholder }),
+          loading ? /* @__PURE__ */ jsx5("span", { className: "sia-select__spinner", "aria-hidden": "true" }) : null,
           floating.label,
-          /* @__PURE__ */ jsx6(Icon, { className: "sia-select__arrow", name: "chevron-down", size: 15 })
+          /* @__PURE__ */ jsx5(Icon, { className: "sia-select__arrow", name: "chevron-down", size: 15 })
         ]
       }
     ),
-    allowClear && hasValue && !disabled && !loading ? /* @__PURE__ */ jsx6("button", { className: "sia-select__clear", type: "button", "aria-label": "\u6E05\u7A7A\u9009\u62E9", onClick: clearValue, children: /* @__PURE__ */ jsx6(Icon, { name: "circle-close", variant: "filled", size: 15 }) }) : null,
-    /* @__PURE__ */ jsxs6(PopupPortal, { ref: popupRef, anchorRef: rootRef, open: open && popupMode === "dropdown", style: { fontSize: dropdownFontSize }, className: `sia-select__dropdown${filteredOptions.length === 0 && !canSubmitInput ? " sia-select__dropdown--empty" : ""}`, children: [
-      /* @__PURE__ */ jsx6(FloatingScrollbarProvider, { targetRef: listRef }),
-      showSearch || allowInput ? /* @__PURE__ */ jsxs6("label", { className: "sia-select__search", children: [
-        /* @__PURE__ */ jsx6(Icon, { name: "search", size: 15 }),
-        /* @__PURE__ */ jsx6("input", { ref: searchRef, value: query, maxLength: inputMaxLength, onChange: handleSearchChange, onKeyDown: (event) => handleInteractionKeyDown(event, true), placeholder: searchPlaceholder, "aria-label": searchPlaceholder })
+    allowClear && hasValue && !disabled && !loading ? /* @__PURE__ */ jsx5("button", { className: "sia-select__clear", type: "button", "aria-label": "\u6E05\u7A7A\u9009\u62E9", onClick: clearValue, children: /* @__PURE__ */ jsx5(Icon, { name: "circle-close", variant: "filled", size: 15 }) }) : null,
+    /* @__PURE__ */ jsxs5(PopupPortal, { ref: popupRef, anchorRef: rootRef, open: open && popupMode === "dropdown", style: { fontSize: dropdownFontSize }, className: `sia-select__dropdown${filteredOptions.length === 0 && !canSubmitInput ? " sia-select__dropdown--empty" : ""}`, children: [
+      /* @__PURE__ */ jsx5(FloatingScrollbarProvider, { targetRef: listRef }),
+      showSearch || allowInput ? /* @__PURE__ */ jsxs5("label", { className: "sia-select__search", children: [
+        /* @__PURE__ */ jsx5(Icon, { name: "search", size: 15 }),
+        /* @__PURE__ */ jsx5("input", { ref: searchRef, value: query, maxLength: inputMaxLength, onChange: handleSearchChange, onKeyDown: (event) => handleInteractionKeyDown(event, true), placeholder: searchPlaceholder, "aria-label": searchPlaceholder })
       ] }) : null,
-      canSubmitInput ? /* @__PURE__ */ jsxs6("button", { type: "button", className: "sia-select__input-option", onMouseDown: (event) => event.preventDefault(), onClick: submitInputValue, children: [
-        /* @__PURE__ */ jsx6(Icon, { name: "plus", size: 14 }),
-        /* @__PURE__ */ jsxs6("span", { children: [
+      canSubmitInput ? /* @__PURE__ */ jsxs5("button", { type: "button", className: "sia-select__input-option", onMouseDown: (event) => event.preventDefault(), onClick: submitInputValue, children: [
+        /* @__PURE__ */ jsx5(Icon, { name: "plus", size: 14 }),
+        /* @__PURE__ */ jsxs5("span", { children: [
           "\u4F7F\u7528\u201C",
           inputValue,
           "\u201D"
         ] })
       ] }) : null,
-      /* @__PURE__ */ jsx6(
+      /* @__PURE__ */ jsx5(
         "div",
         {
           ref: listRef,
@@ -2081,24 +1761,24 @@ var Select = forwardRef3(function Select2({
           "aria-multiselectable": multiple || void 0,
           style: { maxHeight: listHeight },
           onScroll: handleListScroll,
-          children: filteredOptions.length > 0 ? virtualEnabled ? /* @__PURE__ */ jsx6("div", { className: "sia-select__virtual-space", style: { height: filteredOptions.length * optionHeight }, children: renderedOptions.map(renderOption) }) : renderedOptions.map(renderOption) : canSubmitInput ? null : /* @__PURE__ */ jsx6("div", { className: "sia-select__empty", children: notFoundContent })
+          children: filteredOptions.length > 0 ? virtualEnabled ? /* @__PURE__ */ jsx5("div", { className: "sia-select__virtual-space", style: { height: filteredOptions.length * optionHeight }, children: renderedOptions.map(renderOption) }) : renderedOptions.map(renderOption) : canSubmitInput ? null : /* @__PURE__ */ jsx5("div", { className: "sia-select__empty", children: notFoundContent })
         }
       ),
-      showActions ? /* @__PURE__ */ jsxs6("div", { className: "sia-select__actions", children: [
-        /* @__PURE__ */ jsxs6("span", { children: [
+      showActions ? /* @__PURE__ */ jsxs5("div", { className: "sia-select__actions", children: [
+        /* @__PURE__ */ jsxs5("span", { children: [
           "\u5171 ",
           filteredOptions.length,
           " \u6761"
         ] }),
-        multiple && showSelectAll ? /* @__PURE__ */ jsxs6(Fragment3, { children: [
-          /* @__PURE__ */ jsx6(Button, { variant: "link", size: "small", disabled: allFilteredSelected || !enabledFilteredOptions.length, onClick: selectAllFiltered, children: "\u5168\u9009" }),
-          /* @__PURE__ */ jsx6(Button, { variant: "link", size: "small", disabled: !enabledFilteredOptions.length, onClick: invertFiltered, children: "\u53CD\u9009" })
+        multiple && showSelectAll ? /* @__PURE__ */ jsxs5(Fragment2, { children: [
+          /* @__PURE__ */ jsx5(Button, { variant: "link", size: "small", disabled: allFilteredSelected || !enabledFilteredOptions.length, onClick: selectAllFiltered, children: "\u5168\u9009" }),
+          /* @__PURE__ */ jsx5(Button, { variant: "link", size: "small", disabled: !enabledFilteredOptions.length, onClick: invertFiltered, children: "\u53CD\u9009" })
         ] }) : null,
-        multiple || allowClear ? /* @__PURE__ */ jsx6(Button, { variant: "link", size: "small", danger: true, disabled: !hasValue, onClick: clearSelection, children: "\u6E05\u7A7A" }) : null
+        multiple || allowClear ? /* @__PURE__ */ jsx5(Button, { variant: "link", size: "small", danger: true, disabled: !hasValue, onClick: clearSelection, children: "\u6E05\u7A7A" }) : null
       ] }) : null
     ] }),
-    popupMode === "modal" ? /* @__PURE__ */ jsx6(
-      Modal2,
+    popupMode === "modal" ? /* @__PURE__ */ jsx5(
+      Modal,
       {
         className: "sia-select-modal",
         open,
@@ -2109,30 +1789,30 @@ var Select = forwardRef3(function Select2({
           if (!next) closeDropdown();
         },
         onCancel: closeDropdown,
-        footer: /* @__PURE__ */ jsxs6("div", { className: "sia-select-modal__footer", children: [
-          /* @__PURE__ */ jsx6("div", { children: modalConfig?.footerExtra }),
-          /* @__PURE__ */ jsxs6("div", { children: [
-            /* @__PURE__ */ jsx6(Button, { disabled: modalSubmitting, onClick: closeDropdown, children: "\u53D6\u6D88" }),
-            /* @__PURE__ */ jsx6(Button, { variant: "primary", loading: modalSubmitting, disabled: disabled || loading, onClick: confirmModalSelection, children: "\u786E\u5B9A" })
+        footer: /* @__PURE__ */ jsxs5("div", { className: "sia-select-modal__footer", children: [
+          /* @__PURE__ */ jsx5("div", { children: modalConfig?.footerExtra }),
+          /* @__PURE__ */ jsxs5("div", { children: [
+            /* @__PURE__ */ jsx5(Button, { disabled: modalSubmitting, onClick: closeDropdown, children: "\u53D6\u6D88" }),
+            /* @__PURE__ */ jsx5(Button, { variant: "primary", loading: modalSubmitting, disabled: disabled || loading, onClick: confirmModalSelection, children: "\u786E\u5B9A" })
           ] })
         ] }),
-        children: open ? /* @__PURE__ */ jsxs6(Fragment3, { children: [
-          modalConfig?.headerExtra != null && modalConfig.headerExtra !== false ? /* @__PURE__ */ jsx6("div", { className: "sia-select-modal__header-extra", children: modalConfig.headerExtra }) : null,
-          /* @__PURE__ */ jsxs6("div", { className: "sia-select-modal__heading", children: [
-            /* @__PURE__ */ jsxs6("div", { role: "tablist", "aria-label": "\u9009\u9879\u8303\u56F4", children: [
-              /* @__PURE__ */ jsx6(Button, { role: "tab", "aria-selected": !selectedOnly, variant: "link", onClick: () => setSelectedOnly(false), children: "\u5168\u90E8" }),
-              /* @__PURE__ */ jsxs6(Button, { role: "tab", "aria-selected": selectedOnly, variant: "link", onClick: () => setSelectedOnly(true), children: [
+        children: open ? /* @__PURE__ */ jsxs5(Fragment2, { children: [
+          modalConfig?.headerExtra != null && modalConfig.headerExtra !== false ? /* @__PURE__ */ jsx5("div", { className: "sia-select-modal__header-extra", children: modalConfig.headerExtra }) : null,
+          /* @__PURE__ */ jsxs5("div", { className: "sia-select-modal__heading", children: [
+            /* @__PURE__ */ jsxs5("div", { role: "tablist", "aria-label": "\u9009\u9879\u8303\u56F4", children: [
+              /* @__PURE__ */ jsx5(Button, { role: "tab", "aria-selected": !selectedOnly, variant: "link", onClick: () => setSelectedOnly(false), children: "\u5168\u90E8" }),
+              /* @__PURE__ */ jsxs5(Button, { role: "tab", "aria-selected": selectedOnly, variant: "link", onClick: () => setSelectedOnly(true), children: [
                 "\u5DF2\u9009\u9879(",
                 modalValues.length,
                 ")"
               ] })
             ] }),
-            /* @__PURE__ */ jsx6(
+            /* @__PURE__ */ jsx5(
               Input,
               {
                 "aria-label": searchPlaceholder,
                 placeholder: searchPlaceholder,
-                prefix: /* @__PURE__ */ jsx6(Icon, { name: "search", size: 14 }),
+                prefix: /* @__PURE__ */ jsx5(Icon, { name: "search", size: 14 }),
                 value: query,
                 allowClear: true,
                 onChange: (event) => {
@@ -2142,8 +1822,8 @@ var Select = forwardRef3(function Select2({
               }
             )
           ] }),
-          multiple && showSelectAll ? /* @__PURE__ */ jsxs6("div", { className: "sia-select-modal__actions", children: [
-            /* @__PURE__ */ jsx6(
+          multiple && showSelectAll ? /* @__PURE__ */ jsxs5("div", { className: "sia-select-modal__actions", children: [
+            /* @__PURE__ */ jsx5(
               Checkbox2,
               {
                 checked: modalEnabled.length > 0 && modalEnabled.every((option) => modalValues.includes(option.value)),
@@ -2153,10 +1833,10 @@ var Select = forwardRef3(function Select2({
                 children: "\u5168\u9009"
               }
             ),
-            /* @__PURE__ */ jsx6(Button, { variant: "link", size: "small", disabled: !modalEnabled.length, onClick: () => modalBatch("invert"), children: "\u53CD\u9009" }),
-            /* @__PURE__ */ jsx6(Button, { variant: "link", size: "small", danger: true, disabled: !modalValues.length, onClick: () => setModalValues([]), children: "\u6E05\u7A7A" })
+            /* @__PURE__ */ jsx5(Button, { variant: "link", size: "small", disabled: !modalEnabled.length, onClick: () => modalBatch("invert"), children: "\u53CD\u9009" }),
+            /* @__PURE__ */ jsx5(Button, { variant: "link", size: "small", danger: true, disabled: !modalValues.length, onClick: () => setModalValues([]), children: "\u6E05\u7A7A" })
           ] }) : null,
-          allowInput && canSubmitInput ? /* @__PURE__ */ jsxs6(Button, { variant: "link", onClick: () => {
+          allowInput && canSubmitInput ? /* @__PURE__ */ jsxs5(Button, { variant: "link", onClick: () => {
             setModalValues(multiple ? [.../* @__PURE__ */ new Set([...modalValues, inputValue])] : [inputValue]);
             setQuery("");
           }, children: [
@@ -2164,7 +1844,7 @@ var Select = forwardRef3(function Select2({
             inputValue,
             "\u201D"
           ] }) : null,
-          /* @__PURE__ */ jsx6(
+          /* @__PURE__ */ jsx5(
             SelectionPanel,
             {
               options: modalFiltered,
@@ -2195,9 +1875,6 @@ export {
   Popover,
   Timeline,
   Tree,
-  useOverlayLifecycle,
-  OverlayPortal,
-  Modal2 as Modal,
   SelectionPanel,
   OverflowTags,
   Select