@sia.soul/sia-react-ui 0.1.39 → 0.1.40

package/dist/core.cjs

@@ -1831,505 +1831,162 @@ function Tag({
 }
 
 // src/components/Tabs.tsx
-var import_react12 = require("react");
-
-// src/components/FloatingScrollbarProvider.tsx
-var import_react11 = require("react");
-
-// src/components/useScrollbarProximity.ts
 var import_react10 = require("react");
-var users = 0;
-var cleanup;
-function useScrollbarProximity() {
+var import_jsx_runtime11 = require("react/jsx-runtime");
+var import_react11 = require("react");
+function Tabs({
+  items,
+  activeKey,
+  defaultActiveKey,
+  onChange,
+  onAfterChange,
+  deferContent = false,
+  type = "line",
+  size = "medium",
+  tabPosition,
+  orientation = "horizontal",
+  centered = false,
+  tabBarTitle,
+  tabBarExtraContent,
+  contentGap,
+  destroyInactiveTabPane = true,
+  closable = false,
+  onEdit,
+  tabContextMenu,
+  onTabContextMenuClick,
+  className = "",
+  ...props
+}) {
+  const firstEnabledKey = items.find((item) => !item.disabled)?.key ?? "";
+  const [internalActiveKey, setInternalActiveKey] = (0, import_react10.useState)(defaultActiveKey ?? firstEnabledKey);
+  const currentKey = activeKey ?? internalActiveKey;
+  const selectedKey = items.some((item) => item.key === currentKey && !item.disabled) ? currentKey : firstEnabledKey;
+  const baseId = (0, import_react10.useId)().replace(/:/g, "");
+  const enabledItems = (0, import_react10.useMemo)(() => items.filter((item) => !item.disabled), [items]);
+  const resolvedPosition = tabPosition ?? (orientation === "vertical" ? "left" : "top");
+  const resolvedOrientation = resolvedPosition === "left" || resolvedPosition === "right" ? "vertical" : "horizontal";
+  const sliding = ["capsule", "line", "underline", "tech", "tech-line"].includes(type);
+  const listRef = (0, import_react10.useRef)(null);
+  const indicatorRef = (0, import_react10.useRef)(null);
+  const moreRef = (0, import_react10.useRef)(null);
+  const [overflow, setOverflow] = (0, import_react10.useState)({ count: items.length, width: 0 });
+  const [moreOpen, setMoreOpen] = (0, import_react10.useState)(false);
+  const visibleCount = resolvedOrientation === "horizontal" ? overflow.count : items.length;
+  const hiddenItems = items.slice(visibleCount);
+  (0, import_react10.useLayoutEffect)(() => {
+    const list = listRef.current;
+    if (!list || resolvedOrientation !== "horizontal") return;
+    const entries = Array.from(list.children).filter((node) => node instanceof HTMLElement && node.hasAttribute("data-tab-entry"));
+    const measure = () => {
+      const css = getComputedStyle(list);
+      const gap = parseFloat(css.columnGap) || 0;
+      const padding = (parseFloat(css.paddingLeft) || 0) + (parseFloat(css.paddingRight) || 0);
+      const widths = entries.map((node) => node.getBoundingClientRect().width);
+      const total = widths.reduce((sum, width2) => sum + width2, 0) + gap * Math.max(0, widths.length - 1);
+      const available = Math.max(0, list.clientWidth - padding);
+      let count = widths.length;
+      if (total > available + 0.5) {
+        const moreWidth = moreRef.current?.getBoundingClientRect().width ?? 36;
+        let used = moreWidth;
+        count = 0;
+        for (const width2 of widths) {
+          if (used + gap + width2 > available + 0.5) break;
+          used += gap + width2;
+          count++;
+        }
+      }
+      const width = Math.ceil(total + padding + (parseFloat(css.borderLeftWidth) || 0) + (parseFloat(css.borderRightWidth) || 0));
+      setOverflow((previous) => previous.count === count && previous.width === width ? previous : { count, width });
+    };
+    measure();
+    const observer = new ResizeObserver(measure);
+    observer.observe(list);
+    entries.forEach((entry) => observer.observe(entry));
+    return () => observer.disconnect();
+  }, [items, type, size, closable, resolvedOrientation, tabBarTitle, tabBarExtraContent]);
+  const [contentState, setContentState] = (0, import_react10.useState)(() => ({ key: selectedKey, visited: /* @__PURE__ */ new Set([selectedKey]) }));
+  const settledKeyRef = (0, import_react10.useRef)(selectedKey);
+  const afterChangeRef = (0, import_react10.useRef)(onAfterChange);
+  (0, import_react10.useLayoutEffect)(() => {
+    afterChangeRef.current = onAfterChange;
+  }, [onAfterChange]);
+  (0, import_react10.useLayoutEffect)(() => {
+    if (!sliding) return;
+    const list = listRef.current;
+    const indicator = indicatorRef.current;
+    if (!list || !indicator) return;
+    function updateIndicator() {
+      if (!list || !indicator) return;
+      const active = list.querySelector('[role="tab"][aria-selected="true"]');
+      if (!active || active.closest('[data-tab-hidden="true"]')) {
+        indicator.style.visibility = "hidden";
+        return;
+      }
+      const listRect = list.getBoundingClientRect();
+      const rect = active.getBoundingClientRect();
+      const currentRect = active.getBoundingClientRect();
+      indicator.style.transform = `translate(${currentRect.left - listRect.left - list.clientLeft + list.scrollLeft}px, ${currentRect.top - listRect.top - list.clientTop + list.scrollTop}px)`;
+      indicator.style.width = `${rect.width}px`;
+      indicator.style.height = `${rect.height}px`;
+      indicator.style.visibility = "visible";
+      if (!indicator.dataset.ready) {
+        indicator.getBoundingClientRect();
+        indicator.dataset.ready = "true";
+      }
+    }
+    updateIndicator();
+    const observer = new ResizeObserver(updateIndicator);
+    observer.observe(list);
+    list.querySelectorAll('[role="tab"]').forEach((tab) => observer.observe(tab));
+    return () => observer.disconnect();
+  }, [sliding, type, selectedKey, items, size, resolvedPosition, centered, closable, visibleCount]);
   (0, import_react10.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();
+    let cancelled = false;
+    let frame = 0;
+    frame = requestAnimationFrame(() => {
+      const indicator = indicatorRef.current;
+      if (indicator) getComputedStyle(indicator).transform;
+      const animations = indicator?.getAnimations() ?? [];
+      const complete = () => {
+        if (cancelled) return;
+        setContentState((previous) => ({ key: selectedKey, visited: new Set([...previous.visited].filter((key) => items.some((item) => item.key === key))).add(selectedKey) }));
+        if (settledKeyRef.current !== selectedKey) {
+          settledKeyRef.current = selectedKey;
+          afterChangeRef.current?.(selectedKey);
+        }
       };
-    }
+      if (!animations.length) complete();
+      else Promise.allSettled(animations.map((animation) => animation.finished)).then(() => {
+        if (!cancelled) frame = requestAnimationFrame(complete);
+      });
+    });
     return () => {
-      if (--users === 0) {
-        cleanup?.();
-        cleanup = void 0;
-      }
+      cancelled = true;
+      cancelAnimationFrame(frame);
     };
-  }, []);
-}
-
-// src/components/FloatingScrollbarProvider.tsx
-var scrollableOverflow = /* @__PURE__ */ new Set(["auto", "scroll", "overlay"]);
-var clippingOverflow = /* @__PURE__ */ new Set(["auto", "scroll", "overlay", "hidden", "clip"]);
-function isRootScroller(target) {
-  return target === document.scrollingElement || target === document.documentElement;
-}
-function canScroll(target, axis) {
-  if (target.matches(".sia-table__viewport, [data-sia-native-scrollbar]")) return false;
-  if (isRootScroller(target)) {
-    return axis === "horizontal" ? target.scrollWidth > target.clientWidth + 1 : target.scrollHeight > target.clientHeight + 1;
+  }, [selectedKey, type, deferContent]);
+  const contentKey = deferContent ? contentState.key : selectedKey;
+  function selectTab(key) {
+    if (key === selectedKey) return;
+    if (activeKey === void 0) setInternalActiveKey(key);
+    onChange?.(key);
   }
-  const style = getComputedStyle(target);
-  const overflow = axis === "horizontal" ? style.overflowX : style.overflowY;
-  const hasOverflow = axis === "horizontal" ? target.scrollWidth > target.clientWidth + 1 : target.scrollHeight > target.clientHeight + 1;
-  return hasOverflow && scrollableOverflow.has(overflow);
-}
-function visibleRect(target) {
-  if (isRootScroller(target)) {
-    return { top: 0, right: window.innerWidth, bottom: window.innerHeight, left: 0, width: window.innerWidth, height: window.innerHeight };
+  function focusAndSelect(key) {
+    selectTab(key);
+    if (items.findIndex((item) => item.key === key) >= visibleCount) moreRef.current?.focus();
+    else document.getElementById(`${baseId}-tab-${key}`)?.focus();
   }
-  const ownRect = target.getBoundingClientRect();
-  let top = Math.max(0, ownRect.top);
-  let right = Math.min(window.innerWidth, ownRect.right);
-  let bottom = Math.min(window.innerHeight, ownRect.bottom);
-  let left = Math.max(0, ownRect.left);
-  let parent = target.parentElement;
-  while (parent && parent !== document.body && parent !== document.documentElement) {
-    const style = getComputedStyle(parent);
-    const clipX = clippingOverflow.has(style.overflowX);
-    const clipY = clippingOverflow.has(style.overflowY);
-    if (clipX || clipY) {
-      const rect = parent.getBoundingClientRect();
-      if (clipX) {
-        left = Math.max(left, rect.left);
-        right = Math.min(right, rect.right);
-      }
-      if (clipY) {
-        top = Math.max(top, rect.top);
-        bottom = Math.min(bottom, rect.bottom);
-      }
-    }
-    parent = parent.parentElement;
-  }
-  return {
-    top,
-    right,
-    bottom,
-    left,
-    width: Math.max(0, right - left),
-    height: Math.max(0, bottom - top)
-  };
-}
-function createTrack(axis) {
-  const track = document.createElement("div");
-  const thumb = document.createElement("div");
-  track.className = `sia-scrollbar-track sia-floating-scrollbar sia-floating-scrollbar--${axis}`;
-  thumb.className = "sia-floating-scrollbar__thumb";
-  track.dataset.axis = axis;
-  track.setAttribute("aria-hidden", "true");
-  track.append(thumb);
-  return { track, thumb };
-}
-function FloatingScrollbarProvider({ disabled = false, targetRef }) {
-  useScrollbarProximity();
-  (0, import_react11.useEffect)(() => {
-    if (disabled) return;
-    const layer = document.createElement("div");
-    layer.className = "sia-floating-scrollbar-layer";
-    layer.setAttribute("aria-hidden", "true");
-    document.body.append(layer);
-    const entries = /* @__PURE__ */ new Map();
-    let scanFrame = 0;
-    let updateFrame = 0;
-    const setEntryVisible = (entry, visible) => {
-      entry.horizontalTrack.classList.toggle("sia-floating-scrollbar--visible", visible);
-      entry.verticalTrack.classList.toggle("sia-floating-scrollbar--visible", visible);
-    };
-    const showEntry = (entry) => {
-      if (entry.hideTimer !== null) window.clearTimeout(entry.hideTimer);
-      entry.hideTimer = null;
-      setEntryVisible(entry, true);
-    };
-    const scheduleHide = (entry, delay = 500) => {
-      if (entry.hideTimer !== null) window.clearTimeout(entry.hideTimer);
-      entry.hideTimer = window.setTimeout(() => {
-        entry.hideTimer = null;
-        if (!entry.hoveringTarget && !entry.hoveringTrack && !entry.dragging) setEntryVisible(entry, false);
-      }, delay);
-    };
-    const updateEntry = (entry) => {
-      const { target, horizontalTrack, horizontalThumb, verticalTrack, verticalThumb } = entry;
-      const hasHorizontal = canScroll(target, "horizontal");
-      const hasVertical = canScroll(target, "vertical");
-      const rect = visibleRect(target);
-      const thickness = 10;
-      horizontalTrack.hidden = !hasHorizontal || rect.width <= thickness || rect.height <= 0;
-      verticalTrack.hidden = !hasVertical || rect.height <= thickness || rect.width <= 0;
-      if (!horizontalTrack.hidden) {
-        const trackWidth = Math.max(0, rect.width - (hasVertical ? thickness : 0));
-        const thumbWidth = Math.max(24, Math.min(trackWidth, trackWidth * target.clientWidth / target.scrollWidth));
-        const travel = Math.max(0, trackWidth - thumbWidth);
-        const maxScroll = Math.max(1, target.scrollWidth - target.clientWidth);
-        horizontalTrack.style.left = `${rect.left}px`;
-        horizontalTrack.style.top = `${rect.bottom - thickness}px`;
-        horizontalTrack.style.width = `${trackWidth}px`;
-        horizontalTrack.style.height = `${thickness}px`;
-        horizontalThumb.style.width = `${thumbWidth}px`;
-        horizontalThumb.style.transform = `translate3d(${travel * target.scrollLeft / maxScroll}px, 0, 0)`;
-      }
-      if (!verticalTrack.hidden) {
-        const trackHeight = Math.max(0, rect.height - (hasHorizontal ? thickness : 0));
-        const thumbHeight = Math.max(24, Math.min(trackHeight, trackHeight * target.clientHeight / target.scrollHeight));
-        const travel = Math.max(0, trackHeight - thumbHeight);
-        const maxScroll = Math.max(1, target.scrollHeight - target.clientHeight);
-        verticalTrack.style.left = `${rect.right - thickness}px`;
-        verticalTrack.style.top = `${rect.top}px`;
-        verticalTrack.style.width = `${thickness}px`;
-        verticalTrack.style.height = `${trackHeight}px`;
-        verticalThumb.style.height = `${thumbHeight}px`;
-        verticalThumb.style.transform = `translate3d(0, ${travel * target.scrollTop / maxScroll}px, 0)`;
-      }
-    };
-    const scheduleUpdateAll = () => {
-      if (updateFrame) return;
-      updateFrame = window.requestAnimationFrame(() => {
-        updateFrame = 0;
-        entries.forEach(updateEntry);
-      });
-    };
-    const bindTrackDrag = (entry, axis, track, thumb) => {
-      const target = entry.target;
-      const onTrackPointerEnter = () => {
-        entry.hoveringTrack = true;
-        showEntry(entry);
-      };
-      const onTrackPointerLeave = () => {
-        entry.hoveringTrack = false;
-        scheduleHide(entry);
-      };
-      const onTrackPointerDown = (event) => {
-        if (event.target === thumb || event.button !== 0) return;
-        event.preventDefault();
-        event.stopPropagation();
-        const trackRect = track.getBoundingClientRect();
-        const thumbRect = thumb.getBoundingClientRect();
-        const trackLength = axis === "vertical" ? trackRect.height : trackRect.width;
-        const thumbLength = axis === "vertical" ? thumbRect.height : thumbRect.width;
-        const pointer = axis === "vertical" ? event.clientY - trackRect.top : event.clientX - trackRect.left;
-        const ratio = Math.max(0, Math.min(1, (pointer - thumbLength / 2) / Math.max(1, trackLength - thumbLength)));
-        if (axis === "vertical") target.scrollTop = ratio * (target.scrollHeight - target.clientHeight);
-        else target.scrollLeft = ratio * (target.scrollWidth - target.clientWidth);
-      };
-      const onThumbPointerDown = (event) => {
-        if (event.button !== 0) return;
-        event.preventDefault();
-        event.stopPropagation();
-        entry.dragging = true;
-        showEntry(entry);
-        thumb.setPointerCapture(event.pointerId);
-        const startPointer = axis === "vertical" ? event.clientY : event.clientX;
-        const startScroll = axis === "vertical" ? target.scrollTop : target.scrollLeft;
-        const trackRect = track.getBoundingClientRect();
-        const thumbRect = thumb.getBoundingClientRect();
-        const trackLength = axis === "vertical" ? trackRect.height : trackRect.width;
-        const thumbLength = axis === "vertical" ? thumbRect.height : thumbRect.width;
-        const maxScroll = axis === "vertical" ? target.scrollHeight - target.clientHeight : target.scrollWidth - target.clientWidth;
-        const travel = Math.max(1, trackLength - thumbLength);
-        const onPointerMove = (moveEvent) => {
-          if (moveEvent.pointerId !== event.pointerId) return;
-          const pointer = axis === "vertical" ? moveEvent.clientY : moveEvent.clientX;
-          const nextScroll = startScroll + (pointer - startPointer) * maxScroll / travel;
-          if (axis === "vertical") target.scrollTop = nextScroll;
-          else target.scrollLeft = nextScroll;
-        };
-        const onPointerUp = (upEvent) => {
-          if (upEvent.pointerId !== event.pointerId) return;
-          entry.dragging = false;
-          thumb.releasePointerCapture(event.pointerId);
-          window.removeEventListener("pointermove", onPointerMove);
-          window.removeEventListener("pointerup", onPointerUp);
-          window.removeEventListener("pointercancel", onPointerUp);
-          scheduleHide(entry);
-        };
-        window.addEventListener("pointermove", onPointerMove);
-        window.addEventListener("pointerup", onPointerUp);
-        window.addEventListener("pointercancel", onPointerUp);
-      };
-      track.addEventListener("pointerenter", onTrackPointerEnter);
-      track.addEventListener("pointerleave", onTrackPointerLeave);
-      track.addEventListener("pointerdown", onTrackPointerDown);
-      thumb.addEventListener("pointerdown", onThumbPointerDown);
-      return () => {
-        track.removeEventListener("pointerenter", onTrackPointerEnter);
-        track.removeEventListener("pointerleave", onTrackPointerLeave);
-        track.removeEventListener("pointerdown", onTrackPointerDown);
-        thumb.removeEventListener("pointerdown", onThumbPointerDown);
-      };
-    };
-    const resizeObserver = new ResizeObserver((observedEntries) => {
-      observedEntries.forEach(({ target }) => {
-        const entry = entries.get(target);
-        if (entry) updateEntry(entry);
-      });
-    });
-    const addTarget = (target) => {
-      if (entries.has(target)) return;
-      const horizontal = createTrack("horizontal");
-      const vertical = createTrack("vertical");
-      layer.append(horizontal.track, vertical.track);
-      const onPointerEnter = () => {
-        const entry2 = entries.get(target);
-        if (!entry2) return;
-        entry2.hoveringTarget = true;
-        showEntry(entry2);
-      };
-      const onPointerLeave = () => {
-        const entry2 = entries.get(target);
-        if (!entry2) return;
-        entry2.hoveringTarget = false;
-        scheduleHide(entry2);
-      };
-      const onScroll = () => {
-        const entry2 = entries.get(target);
-        if (!entry2) return;
-        updateEntry(entry2);
-        showEntry(entry2);
-        scheduleHide(entry2, 700);
-      };
-      target.addEventListener("pointerenter", onPointerEnter);
-      target.addEventListener("pointerleave", onPointerLeave);
-      target.addEventListener("scroll", onScroll, { passive: true });
-      const entry = {
-        target,
-        horizontalTrack: horizontal.track,
-        horizontalThumb: horizontal.thumb,
-        verticalTrack: vertical.track,
-        verticalThumb: vertical.thumb,
-        hideTimer: null,
-        hoveringTarget: target.matches(":hover"),
-        hoveringTrack: false,
-        dragging: false,
-        cleanup: () => void 0
-      };
-      const cleanupHorizontal = bindTrackDrag(entry, "horizontal", horizontal.track, horizontal.thumb);
-      const cleanupVertical = bindTrackDrag(entry, "vertical", vertical.track, vertical.thumb);
-      entry.cleanup = () => {
-        if (entry.hideTimer !== null) window.clearTimeout(entry.hideTimer);
-        cleanupHorizontal();
-        cleanupVertical();
-        target.removeEventListener("pointerenter", onPointerEnter);
-        target.removeEventListener("pointerleave", onPointerLeave);
-        target.removeEventListener("scroll", onScroll);
-        resizeObserver.unobserve(target);
-        target.removeAttribute("data-sia-floating-scrollbar");
-        horizontal.track.remove();
-        vertical.track.remove();
-      };
-      entries.set(target, entry);
-      target.setAttribute("data-sia-floating-scrollbar", "");
-      resizeObserver.observe(target);
-      updateEntry(entry);
-      if (entry.hoveringTarget) showEntry(entry);
-    };
-    const removeTarget = (target) => {
-      const entry = entries.get(target);
-      if (!entry) return;
-      entry.cleanup();
-      entries.delete(target);
-    };
-    const scanTargets = () => {
-      scanFrame = 0;
-      const candidates = (targetRef ? [targetRef.current] : [document.scrollingElement, ...document.querySelectorAll("*")]).filter((target) => target instanceof HTMLElement);
-      const nextTargets = /* @__PURE__ */ new Set();
-      candidates.forEach((target) => {
-        if (canScroll(target, "horizontal") || canScroll(target, "vertical")) {
-          nextTargets.add(target);
-          if (entries.has(target) || !target.hasAttribute("data-sia-floating-scrollbar")) addTarget(target);
-        }
-      });
-      entries.forEach((_entry, target) => {
-        if (!target.isConnected || !nextTargets.has(target)) removeTarget(target);
-        else updateEntry(_entry);
-      });
-    };
-    const scheduleScan = () => {
-      if (scanFrame) return;
-      scanFrame = window.requestAnimationFrame(scanTargets);
-    };
-    const mutationObserver = new MutationObserver((mutations) => {
-      if (mutations.some((mutation) => !layer.contains(mutation.target))) scheduleScan();
-    });
-    mutationObserver.observe(document.documentElement, { subtree: true, childList: true, attributes: true });
-    window.addEventListener("resize", scheduleScan);
-    window.addEventListener("scroll", scheduleUpdateAll, true);
-    scheduleScan();
-    return () => {
-      mutationObserver.disconnect();
-      resizeObserver.disconnect();
-      window.removeEventListener("resize", scheduleScan);
-      window.removeEventListener("scroll", scheduleUpdateAll, true);
-      if (scanFrame) window.cancelAnimationFrame(scanFrame);
-      if (updateFrame) window.cancelAnimationFrame(updateFrame);
-      entries.forEach((entry) => entry.cleanup());
-      entries.clear();
-      layer.remove();
-    };
-  }, [disabled, targetRef]);
-  return null;
-}
-
-// src/components/Tabs.tsx
-var import_jsx_runtime11 = require("react/jsx-runtime");
-function Tabs({
-  items,
-  activeKey,
-  defaultActiveKey,
-  onChange,
-  onAfterChange,
-  deferContent = false,
-  type = "line",
-  size = "medium",
-  tabPosition,
-  orientation = "horizontal",
-  centered = false,
-  tabBarTitle,
-  tabBarExtraContent,
-  contentGap,
-  destroyInactiveTabPane = true,
-  closable = false,
-  onEdit,
-  tabContextMenu,
-  onTabContextMenuClick,
-  className = "",
-  ...props
-}) {
-  const firstEnabledKey = items.find((item) => !item.disabled)?.key ?? "";
-  const [internalActiveKey, setInternalActiveKey] = (0, import_react12.useState)(defaultActiveKey ?? firstEnabledKey);
-  const currentKey = activeKey ?? internalActiveKey;
-  const selectedKey = items.some((item) => item.key === currentKey && !item.disabled) ? currentKey : firstEnabledKey;
-  const baseId = (0, import_react12.useId)().replace(/:/g, "");
-  const enabledItems = (0, import_react12.useMemo)(() => items.filter((item) => !item.disabled), [items]);
-  const resolvedPosition = tabPosition ?? (orientation === "vertical" ? "left" : "top");
-  const resolvedOrientation = resolvedPosition === "left" || resolvedPosition === "right" ? "vertical" : "horizontal";
-  const sliding = ["capsule", "line", "underline", "tech", "tech-line"].includes(type);
-  const listRef = (0, import_react12.useRef)(null);
-  const indicatorRef = (0, import_react12.useRef)(null);
-  const [contentState, setContentState] = (0, import_react12.useState)(() => ({ key: selectedKey, visited: /* @__PURE__ */ new Set([selectedKey]) }));
-  const settledKeyRef = (0, import_react12.useRef)(selectedKey);
-  const afterChangeRef = (0, import_react12.useRef)(onAfterChange);
-  (0, import_react12.useLayoutEffect)(() => {
-    afterChangeRef.current = onAfterChange;
-  }, [onAfterChange]);
-  (0, import_react12.useLayoutEffect)(() => {
-    if (!sliding) return;
-    const list = listRef.current;
-    const indicator = indicatorRef.current;
-    if (!list || !indicator) return;
-    function updateIndicator() {
-      if (!list || !indicator) return;
-      const active = list.querySelector('[role="tab"][aria-selected="true"]');
-      if (!active) {
-        indicator.style.visibility = "hidden";
-        return;
-      }
-      const listRect = list.getBoundingClientRect();
-      const rect = active.getBoundingClientRect();
-      if (type === "tech-line" && resolvedOrientation === "horizontal") {
-        if (rect.left < listRect.left) list.scrollLeft += rect.left - listRect.left;
-        else if (rect.right > listRect.right) list.scrollLeft += rect.right - listRect.right;
-      }
-      const currentRect = active.getBoundingClientRect();
-      indicator.style.transform = `translate(${currentRect.left - listRect.left - list.clientLeft + list.scrollLeft}px, ${currentRect.top - listRect.top - list.clientTop + list.scrollTop}px)`;
-      indicator.style.width = `${rect.width}px`;
-      indicator.style.height = `${rect.height}px`;
-      indicator.style.visibility = "visible";
-      if (!indicator.dataset.ready) {
-        indicator.getBoundingClientRect();
-        indicator.dataset.ready = "true";
-      }
-    }
-    updateIndicator();
-    const observer = new ResizeObserver(updateIndicator);
-    observer.observe(list);
-    list.querySelectorAll('[role="tab"]').forEach((tab) => observer.observe(tab));
-    return () => observer.disconnect();
-  }, [sliding, type, selectedKey, items, size, resolvedPosition, centered, closable]);
-  (0, import_react12.useEffect)(() => {
-    let cancelled = false;
-    let frame = 0;
-    frame = requestAnimationFrame(() => {
-      const indicator = indicatorRef.current;
-      if (indicator) getComputedStyle(indicator).transform;
-      const animations = indicator?.getAnimations() ?? [];
-      const complete = () => {
-        if (cancelled) return;
-        setContentState((previous) => ({ key: selectedKey, visited: new Set([...previous.visited].filter((key) => items.some((item) => item.key === key))).add(selectedKey) }));
-        if (settledKeyRef.current !== selectedKey) {
-          settledKeyRef.current = selectedKey;
-          afterChangeRef.current?.(selectedKey);
-        }
-      };
-      if (!animations.length) complete();
-      else Promise.allSettled(animations.map((animation) => animation.finished)).then(() => {
-        if (!cancelled) frame = requestAnimationFrame(complete);
-      });
-    });
-    return () => {
-      cancelled = true;
-      cancelAnimationFrame(frame);
-    };
-  }, [selectedKey, type, deferContent]);
-  const contentKey = deferContent ? contentState.key : selectedKey;
-  function selectTab(key) {
-    if (key === selectedKey) return;
-    if (activeKey === void 0) setInternalActiveKey(key);
-    onChange?.(key);
-  }
-  function focusAndSelect(key) {
-    selectTab(key);
-    document.getElementById(`${baseId}-tab-${key}`)?.focus();
-  }
-  function handleKeyDown(event, key) {
-    const previousKey = resolvedOrientation === "horizontal" ? "ArrowLeft" : "ArrowUp";
-    const nextKey = resolvedOrientation === "horizontal" ? "ArrowRight" : "ArrowDown";
-    if (![previousKey, nextKey, "Home", "End"].includes(event.key) || enabledItems.length === 0) return;
-    event.preventDefault();
-    const currentIndex = Math.max(0, enabledItems.findIndex((item) => item.key === key));
-    if (event.key === "Home") return focusAndSelect(enabledItems[0].key);
-    if (event.key === "End") return focusAndSelect(enabledItems[enabledItems.length - 1].key);
-    const offset = event.key === nextKey ? 1 : -1;
-    const nextIndex = (currentIndex + offset + enabledItems.length) % enabledItems.length;
-    focusAndSelect(enabledItems[nextIndex].key);
+  function handleKeyDown(event, key) {
+    const previousKey = resolvedOrientation === "horizontal" ? "ArrowLeft" : "ArrowUp";
+    const nextKey = resolvedOrientation === "horizontal" ? "ArrowRight" : "ArrowDown";
+    if (![previousKey, nextKey, "Home", "End"].includes(event.key) || enabledItems.length === 0) return;
+    event.preventDefault();
+    const currentIndex = Math.max(0, enabledItems.findIndex((item) => item.key === key));
+    if (event.key === "Home") return focusAndSelect(enabledItems[0].key);
+    if (event.key === "End") return focusAndSelect(enabledItems[enabledItems.length - 1].key);
+    const offset = event.key === nextKey ? 1 : -1;
+    const nextIndex = (currentIndex + offset + enabledItems.length) % enabledItems.length;
+    focusAndSelect(enabledItems[nextIndex].key);
   }
   const hasPanels = items.some((item) => item.children !== void 0);
   return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
@@ -2339,54 +1996,53 @@ function Tabs({
       ...withTitleTooltip(props),
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "sia-tabs__header", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(FloatingScrollbarProvider, { targetRef: listRef, disabled: type !== "tech-line" || resolvedOrientation !== "horizontal" }),
           tabBarTitle ? /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "sia-tabs__title", children: [
             tabBarTitle,
             type === "tech-line" ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("svg", { className: "sia-tabs__title-connector", viewBox: "0 0 32 40", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("path", { d: "M0 39.25 H5 Q8 39.25 10 35.25 L28 3.75 Q29 1.75 32 1.75", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinejoin: "round" }) }) : null
           ] }) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { ref: listRef, className: `sia-tabs__list${sliding ? " sia-tabs__list--sliding" : ""}`, role: "tablist", "aria-orientation": resolvedOrientation, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { ref: listRef, style: resolvedOrientation === "horizontal" && overflow.width ? { width: overflow.width } : void 0, className: `sia-tabs__list${sliding ? " sia-tabs__list--sliding" : ""}`, role: "tablist", "aria-orientation": resolvedOrientation, children: [
             sliding ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { ref: indicatorRef, className: `sia-tabs__indicator${type === "capsule" ? " sia-tabs__capsule-indicator" : ""}`, "aria-hidden": "true", children: type === "tech-line" ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "sia-tabs__indicator-shape", "aria-hidden": "true" }) : null }, type) : null,
-            items.map((item) => {
+            items.map((item, index) => {
               const selected = item.key === selectedKey;
               const canClose = item.closable ?? closable;
-              const tabNode = /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("span", { className: `sia-tabs__tab-wrap${canClose ? " is-closable" : ""}`, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
-                  "button",
-                  {
-                    id: `${baseId}-tab-${item.key}`,
-                    type: "button",
-                    className: "sia-tabs__tab",
-                    role: "tab",
-                    "aria-selected": selected,
-                    "aria-controls": hasPanels ? `${baseId}-panel-${item.key}` : void 0,
-                    tabIndex: selected ? 0 : -1,
-                    disabled: item.disabled,
-                    onClick: () => selectTab(item.key),
-                    onKeyDown: (event) => handleKeyDown(event, item.key),
-                    children: [
-                      type === "tech-line" ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "sia-tabs__tab-shape", "aria-hidden": "true" }) : null,
-                      item.icon ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "sia-tabs__icon", children: item.icon }) : null,
-                      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { children: item.label })
-                    ]
-                  }
-                ),
-                canClose ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-                  "button",
-                  {
-                    type: "button",
-                    className: "sia-tabs__close",
-                    "aria-label": `\u5173\u95ED${typeof item.label === "string" ? item.label : "\u6807\u7B7E\u9875"}`,
-                    disabled: item.disabled,
-                    onClick: () => onEdit?.(item.key, "remove"),
-                    children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Icon, { name: "close", size: 12 })
-                  }
-                ) : null
-              ] }, item.key);
               const contextMenuItems = typeof tabContextMenu === "function" ? tabContextMenu(item) : tabContextMenu;
+              const entryProps = { "data-tab-entry": "", "data-tab-hidden": index >= visibleCount, "aria-hidden": index >= visibleCount || void 0 };
+              const tabNode = /* @__PURE__ */ (0, import_react11.createElement)("span", { ...!contextMenuItems?.length ? entryProps : {}, className: `sia-tabs__tab-wrap${canClose ? " is-closable" : ""}`, key: item.key }, /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+                "button",
+                {
+                  id: `${baseId}-tab-${item.key}`,
+                  type: "button",
+                  className: "sia-tabs__tab",
+                  role: "tab",
+                  "aria-selected": selected,
+                  "aria-controls": hasPanels ? `${baseId}-panel-${item.key}` : void 0,
+                  tabIndex: selected ? 0 : -1,
+                  disabled: item.disabled,
+                  onClick: () => selectTab(item.key),
+                  onKeyDown: (event) => handleKeyDown(event, item.key),
+                  children: [
+                    type === "tech-line" ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "sia-tabs__tab-shape", "aria-hidden": "true" }) : null,
+                    item.icon ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "sia-tabs__icon", children: item.icon }) : null,
+                    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { children: item.label })
+                  ]
+                }
+              ), canClose ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+                "button",
+                {
+                  type: "button",
+                  className: "sia-tabs__close",
+                  "aria-label": `\u5173\u95ED${typeof item.label === "string" ? item.label : "\u6807\u7B7E\u9875"}`,
+                  disabled: item.disabled,
+                  onClick: () => onEdit?.(item.key, "remove"),
+                  children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Icon, { name: "close", size: 12 })
+                }
+              ) : null);
               if (!contextMenuItems?.length) return tabNode;
-              return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+              return /* @__PURE__ */ (0, import_react11.createElement)(
                 Dropdown,
                 {
+                  ...entryProps,
+                  key: item.key,
                   className: "sia-tabs__tab-context-trigger",
                   popupClassName: "sia-tabs__tab-context-menu",
                   trigger: ["contextMenu"],
@@ -2395,12 +2051,26 @@ function Tabs({
                     items: contextMenuItems,
                     selectable: false,
                     onClick: (info) => onTabContextMenuClick?.({ ...info, tabKey: item.key, tab: item })
-                  },
-                  children: tabNode
+                  }
                 },
-                item.key
+                tabNode
               );
-            })
+            }),
+            resolvedOrientation === "horizontal" ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+              Dropdown,
+              {
+                className: "sia-tabs__more",
+                "data-tab-hidden": !hiddenItems.length,
+                trigger: ["hover", "click"],
+                placement: "bottomRight",
+                showTriggerIcon: false,
+                autoFocus: true,
+                open: moreOpen && hiddenItems.length > 0,
+                onOpenChange: setMoreOpen,
+                menu: { items: hiddenItems.map((item) => ({ key: item.key, label: item.label, icon: item.icon, disabled: item.disabled })), selectedKeys: [selectedKey], onClick: (info) => selectTab(info.key) },
+                children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Button, { ref: moreRef, variant: "text", icon: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Icon, { name: "more-horizontal" }), "aria-label": "\u66F4\u591A\u9009\u9879\u5361", onKeyDown: (event) => handleKeyDown(event, selectedKey), className: hiddenItems.some((item) => item.key === selectedKey) ? "is-active" : void 0 })
+              }
+            ) : null
           ] }),
           tabBarExtraContent ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "sia-tabs__extra", children: tabBarExtraContent }) : null
         ] }),
@@ -2431,26 +2101,26 @@ function Tabs({
 }
 
 // src/components/Feedback.tsx
-var import_react15 = require("react");
+var import_react14 = require("react");
 var import_react_dom3 = require("react-dom");
 var import_client2 = require("react-dom/client");
 
 // src/components/FloatingDisplay.tsx
-var import_react14 = require("react");
+var import_react13 = require("react");
 var import_react_dom2 = require("react-dom");
 
 // src/components/Checkbox.tsx
-var import_react13 = require("react");
+var import_react12 = require("react");
 var import_jsx_runtime12 = require("react/jsx-runtime");
-var CheckboxGroupContext = (0, import_react13.createContext)(null);
-var CheckboxRoot = (0, import_react13.forwardRef)(function Checkbox({ value, size: sizeProp, indeterminate = false, children, disabled, checked, defaultChecked, className = "", onChange, ...props }, forwardedRef) {
+var CheckboxGroupContext = (0, import_react12.createContext)(null);
+var CheckboxRoot = (0, import_react12.forwardRef)(function Checkbox({ value, size: sizeProp, indeterminate = false, children, disabled, checked, defaultChecked, className = "", onChange, ...props }, forwardedRef) {
   const size = useControlSize(sizeProp);
-  const group = (0, import_react13.useContext)(CheckboxGroupContext);
-  const localRef = (0, import_react13.useRef)(null);
-  const fallbackId = (0, import_react13.useId)();
+  const group = (0, import_react12.useContext)(CheckboxGroupContext);
+  const localRef = (0, import_react12.useRef)(null);
+  const fallbackId = (0, import_react12.useId)();
   const grouped = group !== null && value !== void 0;
   const currentChecked = grouped ? group.values.includes(value) : checked;
-  (0, import_react13.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     if (localRef.current) localRef.current.indeterminate = indeterminate;
   }, [indeterminate]);
   function setRef(node) {
@@ -2503,7 +2173,7 @@ function CheckboxGroup({
     gap: gap === void 0 ? void 0 : typeof gap === "number" ? Math.max(0, gap) : `${Math.max(0, gap[0])}px ${Math.max(0, gap[1])}px`
   };
   const [values, setValues] = useControllableState({ value, defaultValue, onChange });
-  const context = (0, import_react13.useMemo)(() => ({
+  const context = (0, import_react12.useMemo)(() => ({
     values,
     disabled,
     name,
@@ -2582,17 +2252,17 @@ function Floating({
   role = "tooltip",
   onOpenChange
 }) {
-  const rootRef = (0, import_react14.useRef)(null);
-  const overlayRef = (0, import_react14.useRef)(null);
-  const enterTimer = (0, import_react14.useRef)();
-  const leaveTimer = (0, import_react14.useRef)();
-  const contentId = (0, import_react14.useId)();
+  const rootRef = (0, import_react13.useRef)(null);
+  const overlayRef = (0, import_react13.useRef)(null);
+  const enterTimer = (0, import_react13.useRef)();
+  const leaveTimer = (0, import_react13.useRef)();
+  const contentId = (0, import_react13.useId)();
   const triggers = Array.isArray(trigger) ? trigger : [trigger];
   const [visible, setVisible] = useControllableState({ value: open, defaultValue: defaultOpen, onChange: onOpenChange });
-  const [position, setPosition] = (0, import_react14.useState)();
-  const setVisibleRef = (0, import_react14.useRef)(setVisible);
+  const [position, setPosition] = (0, import_react13.useState)();
+  const setVisibleRef = (0, import_react13.useRef)(setVisible);
   setVisibleRef.current = setVisible;
-  const closeSelfRef = (0, import_react14.useRef)();
+  const closeSelfRef = (0, import_react13.useRef)();
   if (!closeSelfRef.current) closeSelfRef.current = () => setVisibleRef.current(false);
   const exclusiveTooltip = role === "tooltip" && triggers.includes("hover");
   function openNow() {
@@ -2620,7 +2290,7 @@ function Floating({
     if (delay <= 0) closeNow();
     else leaveTimer.current = window.setTimeout(closeNow, delay * 1e3);
   }
-  (0, import_react14.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     if (!visible || !triggers.includes("click")) return;
     const close = (event) => {
       const target = event.target;
@@ -2629,7 +2299,7 @@ function Floating({
     document.addEventListener("pointerdown", close);
     return () => document.removeEventListener("pointerdown", close);
   }, [triggers.join("|"), visible]);
-  (0, import_react14.useLayoutEffect)(() => {
+  (0, import_react13.useLayoutEffect)(() => {
     if (!visible) {
       setPosition(void 0);
       return;
@@ -2650,11 +2320,11 @@ function Floating({
       observer.disconnect();
     };
   }, [children, content, placement, visible]);
-  (0, import_react14.useEffect)(() => () => {
+  (0, import_react13.useEffect)(() => () => {
     clearTimers();
     if (activeTooltipClose === closeSelfRef.current) activeTooltipClose = void 0;
   }, []);
-  const child = (0, import_react14.cloneElement)(children, {
+  const child = (0, import_react13.cloneElement)(children, {
     ...triggers.includes("hover") ? { onMouseEnter: (event) => {
       children.props.onMouseEnter?.(event);
       show(mouseEnterDelay);
@@ -2759,11 +2429,11 @@ function Progress({
 }
 
 // src/components/DataDisplay.tsx
-var import_react17 = require("react");
+var import_react16 = require("react");
 var import_react_dom5 = require("react-dom");
 
 // src/components/Overlay.tsx
-var import_react16 = require("react");
+var import_react15 = require("react");
 var import_react_dom4 = require("react-dom");
 var bodyLockCount = 0;
 var previousBodyOverflow = "";
@@ -2785,10 +2455,10 @@ function focusableElements(container) {
   )].filter((element) => !element.hidden && element.getAttribute("aria-hidden") !== "true");
 }
 function useOverlayLifecycle(open, panelRef, onRequestClose, keyboard = true) {
-  const overlayIdRef = (0, import_react16.useRef)(/* @__PURE__ */ Symbol("sia-overlay"));
-  const closeRef = (0, import_react16.useRef)(onRequestClose);
+  const overlayIdRef = (0, import_react15.useRef)(/* @__PURE__ */ Symbol("sia-overlay"));
+  const closeRef = (0, import_react15.useRef)(onRequestClose);
   closeRef.current = onRequestClose;
-  (0, import_react16.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     if (!open || typeof document === "undefined") return void 0;
     const overlayId = overlayIdRef.current;
     const previouslyFocused = document.activeElement instanceof HTMLElement ? document.activeElement : null;
@@ -2871,8 +2541,8 @@ function CollapsePanel({
   destroyInactivePanel = false,
   children
 }) {
-  const [keepChildren, setKeepChildren] = (0, import_react17.useState)(open || forceRender || !destroyInactivePanel);
-  (0, import_react17.useEffect)(() => {
+  const [keepChildren, setKeepChildren] = (0, import_react16.useState)(open || forceRender || !destroyInactivePanel);
+  (0, import_react16.useEffect)(() => {
     if (open || forceRender || !destroyInactivePanel) {
       setKeepChildren(true);
       return void 0;
@@ -2886,7 +2556,7 @@ function CollapsePanel({
 function Collapse({ items, activeKey, defaultActiveKey = [], accordion = false, bordered = true, ghost = false, destroyInactivePanel = false, expandIconPosition = "start", onChange, className = "", ...props }) {
   const normalize = (key) => Array.isArray(key) ? [...key] : key === void 0 ? [] : [key];
   const controlled = activeKey !== void 0;
-  const [internal, setInternal] = (0, import_react17.useState)(normalize(defaultActiveKey));
+  const [internal, setInternal] = (0, import_react16.useState)(normalize(defaultActiveKey));
   const openKeys = controlled ? normalize(activeKey) : internal;
   function toggle(item) {
     if (item.disabled || item.collapsible === "disabled") return;
@@ -2916,16 +2586,16 @@ function Collapse({ items, activeKey, defaultActiveKey = [], accordion = false,
   }) });
 }
 function ImagePreview({ open, src, alt = "", onOpenChange }) {
-  const previewRef = (0, import_react17.useRef)(null);
-  const stageRef = (0, import_react17.useRef)(null);
-  const [natural, setNatural] = (0, import_react17.useState)({ src: "", width: 0, height: 0 });
-  const [area, setArea] = (0, import_react17.useState)({ width: 0, height: 0 });
-  const [zoom, setZoom] = (0, import_react17.useState)(1);
-  const [rotation, setRotation] = (0, import_react17.useState)(0);
-  const [flip, setFlip] = (0, import_react17.useState)({ x: 1, y: 1 });
-  const [pan, setPan] = (0, import_react17.useState)({ x: 0, y: 0 });
-  const [failed, setFailed] = (0, import_react17.useState)(false);
-  const drag = (0, import_react17.useRef)();
+  const previewRef = (0, import_react16.useRef)(null);
+  const stageRef = (0, import_react16.useRef)(null);
+  const [natural, setNatural] = (0, import_react16.useState)({ src: "", width: 0, height: 0 });
+  const [area, setArea] = (0, import_react16.useState)({ width: 0, height: 0 });
+  const [zoom, setZoom] = (0, import_react16.useState)(1);
+  const [rotation, setRotation] = (0, import_react16.useState)(0);
+  const [flip, setFlip] = (0, import_react16.useState)({ x: 1, y: 1 });
+  const [pan, setPan] = (0, import_react16.useState)({ x: 0, y: 0 });
+  const [failed, setFailed] = (0, import_react16.useState)(false);
+  const drag = (0, import_react16.useRef)();
   useOverlayLifecycle(open, previewRef, () => onOpenChange(false));
   const reset = () => {
     setZoom(1);
@@ -2934,11 +2604,11 @@ function ImagePreview({ open, src, alt = "", onOpenChange }) {
     setPan({ x: 0, y: 0 });
     drag.current = void 0;
   };
-  (0, import_react17.useEffect)(() => {
+  (0, import_react16.useEffect)(() => {
     reset();
     setFailed(false);
   }, [open, src]);
-  (0, import_react17.useEffect)(() => {
+  (0, import_react16.useEffect)(() => {
     const stage = stageRef.current;
     if (!open || !stage) return;
     const measure = () => {
@@ -3024,10 +2694,10 @@ function useFloatingPlaceholder({ mode, placeholder, filled, active = false }) {
 }
 
 // src/components/Select.tsx
-var import_react22 = require("react");
+var import_react23 = require("react");
 
 // src/components/Modal.tsx
-var import_react18 = require("react");
+var import_react17 = require("react");
 var import_client3 = require("react-dom/client");
 var import_jsx_runtime17 = require("react/jsx-runtime");
 var modalHandles = /* @__PURE__ */ new Set();
@@ -3039,7 +2709,7 @@ var typeIcons = {
   error: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Icon, { name: "circle-close", size: 23 }),
   confirm: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Icon, { name: "question", size: 23 })
 };
-var ModalRoot = (0, import_react18.forwardRef)(function Modal({
+var ModalRoot = (0, import_react17.forwardRef)(function Modal({
   open,
   title,
   children,
@@ -3065,302 +2735,679 @@ var ModalRoot = (0, import_react18.forwardRef)(function Modal({
   onOpenChange,
   afterOpenChange,
   className = "",
-  style,
+  style,
+  ...props
+}, forwardedRef) {
+  const localRef = (0, import_react17.useRef)(null);
+  const titleId = (0, import_react17.useId)();
+  const [submitting, setSubmitting] = (0, import_react17.useState)(false);
+  const [rendered, setRendered] = (0, import_react17.useState)(open);
+  const [closing, setClosing] = (0, import_react17.useState)(false);
+  const afterOpenChangeRef = (0, import_react17.useRef)(afterOpenChange);
+  afterOpenChangeRef.current = afterOpenChange;
+  const submitLock = (0, import_react17.useRef)(false);
+  (0, import_react17.useEffect)(() => {
+    if (!open || !rendered) return void 0;
+    const timer = window.setTimeout(() => afterOpenChangeRef.current?.(true), MODAL_MOTION_DURATION);
+    return () => window.clearTimeout(timer);
+  }, [open, rendered]);
+  (0, import_react17.useEffect)(() => {
+    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__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
+    showCancel ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Button, { ...cancelButtonProps, onClick: requestClose, disabled: loading || cancelButtonProps?.disabled, children: cancelText }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Button, { variant: "primary", ...okButtonProps, onClick: handleOk, loading, children: okText })
+  ] });
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(OverlayPortal, { container: getContainer, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+    "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__ */ (0, import_jsx_runtime17.jsxs)(
+        "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__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "sia-modal__header", style: height !== void 0 ? { flexShrink: 0 } : void 0, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "sia-modal__heading", children: [
+                typeIcons[type] ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "sia-modal__type-icon", "aria-hidden": "true", children: typeIcons[type] }) : null,
+                title ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("strong", { id: titleId, children: title }) : null
+              ] }),
+              closable ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("button", { type: "button", className: "sia-modal__close", "aria-label": "\u5173\u95ED\u5BF9\u8BDD\u6846", onClick: requestClose, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Icon, { name: "close", size: 17 }) }) : null
+            ] }),
+            children !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "sia-modal__body", style: height !== void 0 ? { flex: 1, minHeight: 0, overflow: "auto" } : void 0, children }) : null,
+            footer !== null ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "sia-modal__footer", style: height !== void 0 ? { flexShrink: 0 } : void 0, children: [
+              footer === void 0 && footerExtra != null ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("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 = (0, import_client3.createRoot)(container);
+  let currentConfig = config;
+  let currentOpen = true;
+  let destroyed = false;
+  let cleanupTimer;
+  function cleanup2() {
+    if (destroyed) return;
+    destroyed = true;
+    if (cleanupTimer !== void 0) window.clearTimeout(cleanupTimer);
+    root.unmount();
+    container.remove();
+    modalHandles.delete(handle);
+  }
+  function closeWithMotion() {
+    if (destroyed || !currentOpen) return;
+    currentOpen = false;
+    render();
+    cleanupTimer = window.setTimeout(cleanup2, MODAL_MOTION_DURATION);
+  }
+  function render() {
+    root.render(/* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ModalRoot, { ...currentConfig, open: currentOpen, onOpenChange: (nextOpen) => {
+      currentConfig.onOpenChange?.(nextOpen);
+      if (!nextOpen) closeWithMotion();
+    } }));
+  }
+  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, {
+  /** 直接打开实例，返回可用于更新或关闭的操作句柄。 */
+  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/Input.tsx
+var import_react18 = require("react");
+var import_jsx_runtime18 = require("react/jsx-runtime");
+var Input = (0, import_react18.forwardRef)(function Input2({
+  label,
+  hint,
+  status = "default",
+  size: sizeProp,
+  prefix,
+  suffix,
+  allowClear = true,
+  onClear,
+  showCount = false,
+  placeholderMode,
+  placeholder,
+  className = "",
+  id,
+  disabled,
+  value,
+  defaultValue,
+  maxLength,
+  onChange,
   ...props
 }, forwardedRef) {
+  const size = useControlSize(sizeProp);
+  const fallbackId = (0, import_react18.useId)();
+  const inputId = id ?? fallbackId;
   const localRef = (0, import_react18.useRef)(null);
-  const titleId = (0, import_react18.useId)();
-  const [submitting, setSubmitting] = (0, import_react18.useState)(false);
-  const [rendered, setRendered] = (0, import_react18.useState)(open);
-  const [closing, setClosing] = (0, import_react18.useState)(false);
-  const afterOpenChangeRef = (0, import_react18.useRef)(afterOpenChange);
-  afterOpenChangeRef.current = afterOpenChange;
-  const submitLock = (0, import_react18.useRef)(false);
-  (0, import_react18.useEffect)(() => {
-    if (!open || !rendered) return void 0;
-    const timer = window.setTimeout(() => afterOpenChangeRef.current?.(true), MODAL_MOTION_DURATION);
-    return () => window.clearTimeout(timer);
-  }, [open, rendered]);
-  (0, import_react18.useEffect)(() => {
-    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]);
+  const [uncontrolledValue, setUncontrolledValue] = (0, import_react18.useState)(() => defaultValue === void 0 ? "" : String(defaultValue));
+  const currentText = value !== void 0 ? String(value) : uncontrolledValue;
+  const hasValue = currentText.length > 0;
+  const floatingPlaceholder = usePlaceholderMode(placeholderMode) === "floating" && Boolean(placeholder);
+  const hintId = `${inputId}-hint`;
+  const describedBy = [props["aria-describedby"], hint ? hintId : null].filter(Boolean).join(" ") || void 0;
   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);
+  function handleChange(event) {
+    if (maxLength !== void 0 && maxLength >= 0 && event.target.value.length > maxLength) {
+      const valueSetter = Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, "value")?.set;
+      valueSetter?.call(event.target, event.target.value.slice(0, maxLength));
+    }
+    setUncontrolledValue(event.target.value);
+    onChange?.(event);
   }
-  async function handleOk() {
-    if (submitLock.current || confirmLoading) return;
-    submitLock.current = true;
-    if (!onOk) {
-      onOpenChange?.(false);
-      submitLock.current = false;
-      return;
+  function clearValue() {
+    const input2 = localRef.current;
+    if (!input2 || disabled) return;
+    const valueSetter = Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, "value")?.set;
+    valueSetter?.call(input2, "");
+    input2.dispatchEvent(new Event("input", { bubbles: true }));
+    setUncontrolledValue("");
+    input2.focus();
+    onClear?.();
+  }
+  function handleControlMouseDown(event) {
+    if (disabled || event.defaultPrevented || event.button !== 0) return;
+    const target = event.target;
+    if (!(target instanceof Element)) return;
+    const interactive = target.closest("input, textarea, select, button, a[href], [tabindex], [contenteditable]:not([contenteditable='false']), [role='button'], [role='link']");
+    if (interactive && event.currentTarget.contains(interactive) && !interactive.classList.contains("sia-input-control__clear")) return;
+    event.preventDefault();
+    localRef.current?.focus({ preventScroll: true });
+  }
+  const input = /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    "input",
+    {
+      ...withTitleTooltip(props),
+      ref: setRef,
+      id: inputId,
+      className: "sia-input",
+      disabled,
+      value,
+      defaultValue,
+      maxLength,
+      placeholder,
+      "aria-describedby": describedBy,
+      "aria-invalid": status === "error" || void 0,
+      onChange: handleChange
     }
-    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);
+  );
+  const control = /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("span", { onMouseDown: handleControlMouseDown, className: `sia-input-control sia-input-control--${size} sia-input-control--${status}${floatingPlaceholder ? " sia-input-control--floating" : ""}${floatingPlaceholder && hasValue ? " is-filled" : ""}${disabled ? " is-disabled" : ""}`, children: [
+    prefix ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "sia-input-control__affix", children: prefix }) : null,
+    floatingPlaceholder ? /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("span", { className: "sia-input-control__input-wrap", children: [
+      input,
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "sia-input-control__floating-placeholder", "aria-hidden": "true", children: placeholder })
+    ] }) : input,
+    allowClear && hasValue && !disabled ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("button", { className: "sia-input-control__clear", type: "button", "aria-label": "\u6E05\u7A7A\u8F93\u5165", onClick: clearValue, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Icon, { name: "circle-close", variant: "filled", size: 15 }) }) : null,
+    suffix ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "sia-input-control__affix", children: suffix }) : null,
+    showCount ? /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("span", { className: `sia-input-control__count${maxLength !== void 0 && currentText.length >= maxLength ? " is-limit" : ""}`, "aria-live": "polite", children: [
+      currentText.length,
+      maxLength !== void 0 ? `/${maxLength}` : null
+    ] }) : null
+  ] });
+  if (!label && !hint) return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: `sia-field ${className}`.trim(), children: control });
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("span", { className: `sia-field ${className}`.trim(), children: [
+    label ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("label", { className: "sia-field__label", htmlFor: inputId, children: label }) : null,
+    control,
+    hint ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { id: hintId, className: `sia-field__hint sia-field__hint--${status}`, children: hint }) : null
+  ] });
+});
+
+// src/components/SelectionPanel.tsx
+var import_react21 = require("react");
+
+// src/components/FloatingScrollbarProvider.tsx
+var import_react20 = require("react");
+
+// src/components/useScrollbarProximity.ts
+var import_react19 = require("react");
+var users = 0;
+var cleanup;
+function useScrollbarProximity() {
+  (0, import_react19.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/FloatingScrollbarProvider.tsx
+var scrollableOverflow = /* @__PURE__ */ new Set(["auto", "scroll", "overlay"]);
+var clippingOverflow = /* @__PURE__ */ new Set(["auto", "scroll", "overlay", "hidden", "clip"]);
+function isRootScroller(target) {
+  return target === document.scrollingElement || target === document.documentElement;
+}
+function canScroll(target, axis) {
+  if (target.matches(".sia-table__viewport, [data-sia-native-scrollbar]")) return false;
+  if (isRootScroller(target)) {
+    return axis === "horizontal" ? target.scrollWidth > target.clientWidth + 1 : target.scrollHeight > target.clientHeight + 1;
+  }
+  const style = getComputedStyle(target);
+  const overflow = axis === "horizontal" ? style.overflowX : style.overflowY;
+  const hasOverflow = axis === "horizontal" ? target.scrollWidth > target.clientWidth + 1 : target.scrollHeight > target.clientHeight + 1;
+  return hasOverflow && scrollableOverflow.has(overflow);
+}
+function visibleRect(target) {
+  if (isRootScroller(target)) {
+    return { top: 0, right: window.innerWidth, bottom: window.innerHeight, left: 0, width: window.innerWidth, height: window.innerHeight };
+  }
+  const ownRect = target.getBoundingClientRect();
+  let top = Math.max(0, ownRect.top);
+  let right = Math.min(window.innerWidth, ownRect.right);
+  let bottom = Math.min(window.innerHeight, ownRect.bottom);
+  let left = Math.max(0, ownRect.left);
+  let parent = target.parentElement;
+  while (parent && parent !== document.body && parent !== document.documentElement) {
+    const style = getComputedStyle(parent);
+    const clipX = clippingOverflow.has(style.overflowX);
+    const clipY = clippingOverflow.has(style.overflowY);
+    if (clipX || clipY) {
+      const rect = parent.getBoundingClientRect();
+      if (clipX) {
+        left = Math.max(left, rect.left);
+        right = Math.min(right, rect.right);
+      }
+      if (clipY) {
+        top = Math.max(top, rect.top);
+        bottom = Math.min(bottom, rect.bottom);
       }
-    } catch {
-      return;
-    } finally {
-      submitLock.current = false;
-      setSubmitting(false);
     }
+    parent = parent.parentElement;
   }
-  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
+  return {
+    top,
+    right,
+    bottom,
+    left,
+    width: Math.max(0, right - left),
+    height: Math.max(0, bottom - top)
   };
-  const loading = submitting || confirmLoading;
-  const defaultFooter = /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
-    showCancel ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Button, { ...cancelButtonProps, onClick: requestClose, disabled: loading || cancelButtonProps?.disabled, children: cancelText }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Button, { variant: "primary", ...okButtonProps, onClick: handleOk, loading, children: okText })
-  ] });
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(OverlayPortal, { container: getContainer, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-    "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__ */ (0, import_jsx_runtime17.jsxs)(
-        "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__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "sia-modal__header", style: height !== void 0 ? { flexShrink: 0 } : void 0, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "sia-modal__heading", children: [
-                typeIcons[type] ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "sia-modal__type-icon", "aria-hidden": "true", children: typeIcons[type] }) : null,
-                title ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("strong", { id: titleId, children: title }) : null
-              ] }),
-              closable ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("button", { type: "button", className: "sia-modal__close", "aria-label": "\u5173\u95ED\u5BF9\u8BDD\u6846", onClick: requestClose, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Icon, { name: "close", size: 17 }) }) : null
-            ] }),
-            children !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "sia-modal__body", style: height !== void 0 ? { flex: 1, minHeight: 0, overflow: "auto" } : void 0, children }) : null,
-            footer !== null ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "sia-modal__footer", style: height !== void 0 ? { flexShrink: 0 } : void 0, children: [
-              footer === void 0 && footerExtra != null ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { style: { marginRight: "auto" }, children: footerExtra }) : null,
-              footer ?? defaultFooter
-            ] }) : null
-          ]
+}
+function createTrack(axis) {
+  const track = document.createElement("div");
+  const thumb = document.createElement("div");
+  track.className = `sia-scrollbar-track sia-floating-scrollbar sia-floating-scrollbar--${axis}`;
+  thumb.className = "sia-floating-scrollbar__thumb";
+  track.dataset.axis = axis;
+  track.setAttribute("aria-hidden", "true");
+  track.append(thumb);
+  return { track, thumb };
+}
+function FloatingScrollbarProvider({ disabled = false, targetRef }) {
+  useScrollbarProximity();
+  (0, import_react20.useEffect)(() => {
+    if (disabled) return;
+    const layer = document.createElement("div");
+    layer.className = "sia-floating-scrollbar-layer";
+    layer.setAttribute("aria-hidden", "true");
+    document.body.append(layer);
+    const entries = /* @__PURE__ */ new Map();
+    let scanFrame = 0;
+    let updateFrame = 0;
+    const setEntryVisible = (entry, visible) => {
+      entry.horizontalTrack.classList.toggle("sia-floating-scrollbar--visible", visible);
+      entry.verticalTrack.classList.toggle("sia-floating-scrollbar--visible", visible);
+    };
+    const showEntry = (entry) => {
+      if (entry.hideTimer !== null) window.clearTimeout(entry.hideTimer);
+      entry.hideTimer = null;
+      setEntryVisible(entry, true);
+    };
+    const scheduleHide = (entry, delay = 500) => {
+      if (entry.hideTimer !== null) window.clearTimeout(entry.hideTimer);
+      entry.hideTimer = window.setTimeout(() => {
+        entry.hideTimer = null;
+        if (!entry.hoveringTarget && !entry.hoveringTrack && !entry.dragging) setEntryVisible(entry, false);
+      }, delay);
+    };
+    const updateEntry = (entry) => {
+      const { target, horizontalTrack, horizontalThumb, verticalTrack, verticalThumb } = entry;
+      const hasHorizontal = canScroll(target, "horizontal");
+      const hasVertical = canScroll(target, "vertical");
+      const rect = visibleRect(target);
+      const thickness = 10;
+      horizontalTrack.hidden = !hasHorizontal || rect.width <= thickness || rect.height <= 0;
+      verticalTrack.hidden = !hasVertical || rect.height <= thickness || rect.width <= 0;
+      if (!horizontalTrack.hidden) {
+        const trackWidth = Math.max(0, rect.width - (hasVertical ? thickness : 0));
+        const thumbWidth = Math.max(24, Math.min(trackWidth, trackWidth * target.clientWidth / target.scrollWidth));
+        const travel = Math.max(0, trackWidth - thumbWidth);
+        const maxScroll = Math.max(1, target.scrollWidth - target.clientWidth);
+        horizontalTrack.style.left = `${rect.left}px`;
+        horizontalTrack.style.top = `${rect.bottom - thickness}px`;
+        horizontalTrack.style.width = `${trackWidth}px`;
+        horizontalTrack.style.height = `${thickness}px`;
+        horizontalThumb.style.width = `${thumbWidth}px`;
+        horizontalThumb.style.transform = `translate3d(${travel * target.scrollLeft / maxScroll}px, 0, 0)`;
+      }
+      if (!verticalTrack.hidden) {
+        const trackHeight = Math.max(0, rect.height - (hasHorizontal ? thickness : 0));
+        const thumbHeight = Math.max(24, Math.min(trackHeight, trackHeight * target.clientHeight / target.scrollHeight));
+        const travel = Math.max(0, trackHeight - thumbHeight);
+        const maxScroll = Math.max(1, target.scrollHeight - target.clientHeight);
+        verticalTrack.style.left = `${rect.right - thickness}px`;
+        verticalTrack.style.top = `${rect.top}px`;
+        verticalTrack.style.width = `${thickness}px`;
+        verticalTrack.style.height = `${trackHeight}px`;
+        verticalThumb.style.height = `${thumbHeight}px`;
+        verticalThumb.style.transform = `translate3d(0, ${travel * target.scrollTop / maxScroll}px, 0)`;
+      }
+    };
+    const scheduleUpdateAll = () => {
+      if (updateFrame) return;
+      updateFrame = window.requestAnimationFrame(() => {
+        updateFrame = 0;
+        entries.forEach(updateEntry);
+      });
+    };
+    const bindTrackDrag = (entry, axis, track, thumb) => {
+      const target = entry.target;
+      const onTrackPointerEnter = () => {
+        entry.hoveringTrack = true;
+        showEntry(entry);
+      };
+      const onTrackPointerLeave = () => {
+        entry.hoveringTrack = false;
+        scheduleHide(entry);
+      };
+      const onTrackPointerDown = (event) => {
+        if (event.target === thumb || event.button !== 0) return;
+        event.preventDefault();
+        event.stopPropagation();
+        const trackRect = track.getBoundingClientRect();
+        const thumbRect = thumb.getBoundingClientRect();
+        const trackLength = axis === "vertical" ? trackRect.height : trackRect.width;
+        const thumbLength = axis === "vertical" ? thumbRect.height : thumbRect.width;
+        const pointer = axis === "vertical" ? event.clientY - trackRect.top : event.clientX - trackRect.left;
+        const ratio = Math.max(0, Math.min(1, (pointer - thumbLength / 2) / Math.max(1, trackLength - thumbLength)));
+        if (axis === "vertical") target.scrollTop = ratio * (target.scrollHeight - target.clientHeight);
+        else target.scrollLeft = ratio * (target.scrollWidth - target.clientWidth);
+      };
+      const onThumbPointerDown = (event) => {
+        if (event.button !== 0) return;
+        event.preventDefault();
+        event.stopPropagation();
+        entry.dragging = true;
+        showEntry(entry);
+        thumb.setPointerCapture(event.pointerId);
+        const startPointer = axis === "vertical" ? event.clientY : event.clientX;
+        const startScroll = axis === "vertical" ? target.scrollTop : target.scrollLeft;
+        const trackRect = track.getBoundingClientRect();
+        const thumbRect = thumb.getBoundingClientRect();
+        const trackLength = axis === "vertical" ? trackRect.height : trackRect.width;
+        const thumbLength = axis === "vertical" ? thumbRect.height : thumbRect.width;
+        const maxScroll = axis === "vertical" ? target.scrollHeight - target.clientHeight : target.scrollWidth - target.clientWidth;
+        const travel = Math.max(1, trackLength - thumbLength);
+        const onPointerMove = (moveEvent) => {
+          if (moveEvent.pointerId !== event.pointerId) return;
+          const pointer = axis === "vertical" ? moveEvent.clientY : moveEvent.clientX;
+          const nextScroll = startScroll + (pointer - startPointer) * maxScroll / travel;
+          if (axis === "vertical") target.scrollTop = nextScroll;
+          else target.scrollLeft = nextScroll;
+        };
+        const onPointerUp = (upEvent) => {
+          if (upEvent.pointerId !== event.pointerId) return;
+          entry.dragging = false;
+          thumb.releasePointerCapture(event.pointerId);
+          window.removeEventListener("pointermove", onPointerMove);
+          window.removeEventListener("pointerup", onPointerUp);
+          window.removeEventListener("pointercancel", onPointerUp);
+          scheduleHide(entry);
+        };
+        window.addEventListener("pointermove", onPointerMove);
+        window.addEventListener("pointerup", onPointerUp);
+        window.addEventListener("pointercancel", onPointerUp);
+      };
+      track.addEventListener("pointerenter", onTrackPointerEnter);
+      track.addEventListener("pointerleave", onTrackPointerLeave);
+      track.addEventListener("pointerdown", onTrackPointerDown);
+      thumb.addEventListener("pointerdown", onThumbPointerDown);
+      return () => {
+        track.removeEventListener("pointerenter", onTrackPointerEnter);
+        track.removeEventListener("pointerleave", onTrackPointerLeave);
+        track.removeEventListener("pointerdown", onTrackPointerDown);
+        thumb.removeEventListener("pointerdown", onThumbPointerDown);
+      };
+    };
+    const resizeObserver = new ResizeObserver((observedEntries) => {
+      observedEntries.forEach(({ target }) => {
+        const entry = entries.get(target);
+        if (entry) updateEntry(entry);
+      });
+    });
+    const addTarget = (target) => {
+      if (entries.has(target)) return;
+      const horizontal = createTrack("horizontal");
+      const vertical = createTrack("vertical");
+      layer.append(horizontal.track, vertical.track);
+      const onPointerEnter = () => {
+        const entry2 = entries.get(target);
+        if (!entry2) return;
+        entry2.hoveringTarget = true;
+        showEntry(entry2);
+      };
+      const onPointerLeave = () => {
+        const entry2 = entries.get(target);
+        if (!entry2) return;
+        entry2.hoveringTarget = false;
+        scheduleHide(entry2);
+      };
+      const onScroll = () => {
+        const entry2 = entries.get(target);
+        if (!entry2) return;
+        updateEntry(entry2);
+        showEntry(entry2);
+        scheduleHide(entry2, 700);
+      };
+      target.addEventListener("pointerenter", onPointerEnter);
+      target.addEventListener("pointerleave", onPointerLeave);
+      target.addEventListener("scroll", onScroll, { passive: true });
+      const entry = {
+        target,
+        horizontalTrack: horizontal.track,
+        horizontalThumb: horizontal.thumb,
+        verticalTrack: vertical.track,
+        verticalThumb: vertical.thumb,
+        hideTimer: null,
+        hoveringTarget: target.matches(":hover"),
+        hoveringTrack: false,
+        dragging: false,
+        cleanup: () => void 0
+      };
+      const cleanupHorizontal = bindTrackDrag(entry, "horizontal", horizontal.track, horizontal.thumb);
+      const cleanupVertical = bindTrackDrag(entry, "vertical", vertical.track, vertical.thumb);
+      entry.cleanup = () => {
+        if (entry.hideTimer !== null) window.clearTimeout(entry.hideTimer);
+        cleanupHorizontal();
+        cleanupVertical();
+        target.removeEventListener("pointerenter", onPointerEnter);
+        target.removeEventListener("pointerleave", onPointerLeave);
+        target.removeEventListener("scroll", onScroll);
+        resizeObserver.unobserve(target);
+        target.removeAttribute("data-sia-floating-scrollbar");
+        horizontal.track.remove();
+        vertical.track.remove();
+      };
+      entries.set(target, entry);
+      target.setAttribute("data-sia-floating-scrollbar", "");
+      resizeObserver.observe(target);
+      updateEntry(entry);
+      if (entry.hoveringTarget) showEntry(entry);
+    };
+    const removeTarget = (target) => {
+      const entry = entries.get(target);
+      if (!entry) return;
+      entry.cleanup();
+      entries.delete(target);
+    };
+    const scanTargets = () => {
+      scanFrame = 0;
+      const candidates = (targetRef ? [targetRef.current] : [document.scrollingElement, ...document.querySelectorAll("*")]).filter((target) => target instanceof HTMLElement);
+      const nextTargets = /* @__PURE__ */ new Set();
+      candidates.forEach((target) => {
+        if (canScroll(target, "horizontal") || canScroll(target, "vertical")) {
+          nextTargets.add(target);
+          if (entries.has(target) || !target.hasAttribute("data-sia-floating-scrollbar")) addTarget(target);
         }
-      )
-    }
-  ) });
-});
-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 = (0, import_client3.createRoot)(container);
-  let currentConfig = config;
-  let currentOpen = true;
-  let destroyed = false;
-  let cleanupTimer;
-  function cleanup2() {
-    if (destroyed) return;
-    destroyed = true;
-    if (cleanupTimer !== void 0) window.clearTimeout(cleanupTimer);
-    root.unmount();
-    container.remove();
-    modalHandles.delete(handle);
-  }
-  function closeWithMotion() {
-    if (destroyed || !currentOpen) return;
-    currentOpen = false;
-    render();
-    cleanupTimer = window.setTimeout(cleanup2, MODAL_MOTION_DURATION);
-  }
-  function render() {
-    root.render(/* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ModalRoot, { ...currentConfig, open: currentOpen, onOpenChange: (nextOpen) => {
-      currentConfig.onOpenChange?.(nextOpen);
-      if (!nextOpen) closeWithMotion();
-    } }));
-  }
-  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
-  });
+      });
+      entries.forEach((_entry, target) => {
+        if (!target.isConnected || !nextTargets.has(target)) removeTarget(target);
+        else updateEntry(_entry);
+      });
+    };
+    const scheduleScan = () => {
+      if (scanFrame) return;
+      scanFrame = window.requestAnimationFrame(scanTargets);
+    };
+    const mutationObserver = new MutationObserver((mutations) => {
+      if (mutations.some((mutation) => !layer.contains(mutation.target))) scheduleScan();
+    });
+    mutationObserver.observe(document.documentElement, { subtree: true, childList: true, attributes: true });
+    window.addEventListener("resize", scheduleScan);
+    window.addEventListener("scroll", scheduleUpdateAll, true);
+    scheduleScan();
+    return () => {
+      mutationObserver.disconnect();
+      resizeObserver.disconnect();
+      window.removeEventListener("resize", scheduleScan);
+      window.removeEventListener("scroll", scheduleUpdateAll, true);
+      if (scanFrame) window.cancelAnimationFrame(scanFrame);
+      if (updateFrame) window.cancelAnimationFrame(updateFrame);
+      entries.forEach((entry) => entry.cleanup());
+      entries.clear();
+      layer.remove();
+    };
+  }, [disabled, targetRef]);
+  return null;
 }
-var Modal2 = Object.assign(ModalRoot, {
-  /** 直接打开实例，返回可用于更新或关闭的操作句柄。 */
-  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/Input.tsx
-var import_react19 = require("react");
-var import_jsx_runtime18 = require("react/jsx-runtime");
-var Input = (0, import_react19.forwardRef)(function Input2({
-  label,
-  hint,
-  status = "default",
-  size: sizeProp,
-  prefix,
-  suffix,
-  allowClear = true,
-  onClear,
-  showCount = false,
-  placeholderMode,
-  placeholder,
-  className = "",
-  id,
-  disabled,
-  value,
-  defaultValue,
-  maxLength,
-  onChange,
-  ...props
-}, forwardedRef) {
-  const size = useControlSize(sizeProp);
-  const fallbackId = (0, import_react19.useId)();
-  const inputId = id ?? fallbackId;
-  const localRef = (0, import_react19.useRef)(null);
-  const [uncontrolledValue, setUncontrolledValue] = (0, import_react19.useState)(() => defaultValue === void 0 ? "" : String(defaultValue));
-  const currentText = value !== void 0 ? String(value) : uncontrolledValue;
-  const hasValue = currentText.length > 0;
-  const floatingPlaceholder = usePlaceholderMode(placeholderMode) === "floating" && Boolean(placeholder);
-  const hintId = `${inputId}-hint`;
-  const describedBy = [props["aria-describedby"], hint ? hintId : null].filter(Boolean).join(" ") || void 0;
-  function setRef(node) {
-    localRef.current = node;
-    if (typeof forwardedRef === "function") forwardedRef(node);
-    else if (forwardedRef) forwardedRef.current = node;
-  }
-  function handleChange(event) {
-    if (maxLength !== void 0 && maxLength >= 0 && event.target.value.length > maxLength) {
-      const valueSetter = Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, "value")?.set;
-      valueSetter?.call(event.target, event.target.value.slice(0, maxLength));
-    }
-    setUncontrolledValue(event.target.value);
-    onChange?.(event);
-  }
-  function clearValue() {
-    const input2 = localRef.current;
-    if (!input2 || disabled) return;
-    const valueSetter = Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, "value")?.set;
-    valueSetter?.call(input2, "");
-    input2.dispatchEvent(new Event("input", { bubbles: true }));
-    setUncontrolledValue("");
-    input2.focus();
-    onClear?.();
-  }
-  function handleControlMouseDown(event) {
-    if (disabled || event.defaultPrevented || event.button !== 0) return;
-    const target = event.target;
-    if (!(target instanceof Element)) return;
-    const interactive = target.closest("input, textarea, select, button, a[href], [tabindex], [contenteditable]:not([contenteditable='false']), [role='button'], [role='link']");
-    if (interactive && event.currentTarget.contains(interactive) && !interactive.classList.contains("sia-input-control__clear")) return;
-    event.preventDefault();
-    localRef.current?.focus({ preventScroll: true });
-  }
-  const input = /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-    "input",
-    {
-      ...withTitleTooltip(props),
-      ref: setRef,
-      id: inputId,
-      className: "sia-input",
-      disabled,
-      value,
-      defaultValue,
-      maxLength,
-      placeholder,
-      "aria-describedby": describedBy,
-      "aria-invalid": status === "error" || void 0,
-      onChange: handleChange
-    }
-  );
-  const control = /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("span", { onMouseDown: handleControlMouseDown, className: `sia-input-control sia-input-control--${size} sia-input-control--${status}${floatingPlaceholder ? " sia-input-control--floating" : ""}${floatingPlaceholder && hasValue ? " is-filled" : ""}${disabled ? " is-disabled" : ""}`, children: [
-    prefix ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "sia-input-control__affix", children: prefix }) : null,
-    floatingPlaceholder ? /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("span", { className: "sia-input-control__input-wrap", children: [
-      input,
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "sia-input-control__floating-placeholder", "aria-hidden": "true", children: placeholder })
-    ] }) : input,
-    allowClear && hasValue && !disabled ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("button", { className: "sia-input-control__clear", type: "button", "aria-label": "\u6E05\u7A7A\u8F93\u5165", onClick: clearValue, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Icon, { name: "circle-close", variant: "filled", size: 15 }) }) : null,
-    suffix ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "sia-input-control__affix", children: suffix }) : null,
-    showCount ? /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("span", { className: `sia-input-control__count${maxLength !== void 0 && currentText.length >= maxLength ? " is-limit" : ""}`, "aria-live": "polite", children: [
-      currentText.length,
-      maxLength !== void 0 ? `/${maxLength}` : null
-    ] }) : null
-  ] });
-  if (!label && !hint) return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: `sia-field ${className}`.trim(), children: control });
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("span", { className: `sia-field ${className}`.trim(), children: [
-    label ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("label", { className: "sia-field__label", htmlFor: inputId, children: label }) : null,
-    control,
-    hint ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { id: hintId, className: `sia-field__hint sia-field__hint--${status}`, children: hint }) : null
-  ] });
-});
 
 // src/components/SelectionPanel.tsx
-var import_react20 = require("react");
 var import_jsx_runtime19 = require("react/jsx-runtime");
 function SelectionPanel({
   options,
@@ -3382,26 +3429,26 @@ function SelectionPanel({
   maxHeight = 250,
   autoFocusSearch = false
 }) {
-  const [localSearch, setLocalSearch] = (0, import_react20.useState)("");
+  const [localSearch, setLocalSearch] = (0, import_react21.useState)("");
   const search = searchValue ?? localSearch;
-  const [scrollTop, setScrollTop] = (0, import_react20.useState)(0);
-  const [active, setActive] = (0, import_react20.useState)();
-  const [keyboardActive, setKeyboardActive] = (0, import_react20.useState)(false);
-  const [deselectedHover, setDeselectedHover] = (0, import_react20.useState)();
-  const listRef = (0, import_react20.useRef)(null);
-  const id = (0, import_react20.useId)();
-  const selected = (0, import_react20.useMemo)(() => new Set(value), [value]);
+  const [scrollTop, setScrollTop] = (0, import_react21.useState)(0);
+  const [active, setActive] = (0, import_react21.useState)();
+  const [keyboardActive, setKeyboardActive] = (0, import_react21.useState)(false);
+  const [deselectedHover, setDeselectedHover] = (0, import_react21.useState)();
+  const listRef = (0, import_react21.useRef)(null);
+  const id = (0, import_react21.useId)();
+  const selected = (0, import_react21.useMemo)(() => new Set(value), [value]);
   const count = Math.max(1, Math.floor(columns));
-  const allOptions = (0, import_react20.useMemo)(() => {
+  const allOptions = (0, import_react21.useMemo)(() => {
     if (!includeUnknownValues) return [...options];
     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, includeUnknownValues]);
-  const filtered = (0, import_react20.useMemo)(
+  const filtered = (0, import_react21.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_react20.useMemo)(() => {
+  const rows = (0, import_react21.useMemo)(() => {
     const groups = /* @__PURE__ */ new Map();
     filtered.forEach((option) => {
       const items = groups.get(option.group) ?? [];
@@ -3427,7 +3474,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_react20.useEffect)(() => {
+  (0, import_react21.useEffect)(() => {
     setScrollTop(0);
     if (listRef.current) listRef.current.scrollTop = 0;
     setActive(void 0);
@@ -3552,14 +3599,14 @@ function SelectionPanel({
 }
 
 // src/components/OverflowTags.tsx
-var import_react21 = require("react");
+var import_react22 = require("react");
 var import_jsx_runtime20 = require("react/jsx-runtime");
 function OverflowTags({ items, maxCount: maxCount2, className = "", tagClassName, restClassName = "" }) {
-  const rootRef = (0, import_react21.useRef)(null);
-  const measureRef = (0, import_react21.useRef)(null);
+  const rootRef = (0, import_react22.useRef)(null);
+  const measureRef = (0, import_react22.useRef)(null);
   const limit = Math.min(items.length, Math.max(0, Math.floor(maxCount2) || 0));
-  const [visibleCount, setVisibleCount] = (0, import_react21.useState)(0);
-  (0, import_react21.useLayoutEffect)(() => {
+  const [visibleCount, setVisibleCount] = (0, import_react22.useState)(0);
+  (0, import_react22.useLayoutEffect)(() => {
     const root = rootRef.current;
     const measure = measureRef.current;
     if (!root || !measure) return;
@@ -3604,7 +3651,7 @@ function defaultFilterOption(query, option) {
   const keyword = query.toLowerCase();
   return [option.label, option.value].some((value) => String(value).toLowerCase().includes(keyword));
 }
-var Select = (0, import_react22.forwardRef)(function Select2({
+var Select = (0, import_react23.forwardRef)(function Select2({
   options,
   mode = "single",
   popupMode: popupModeProp,
@@ -3642,27 +3689,27 @@ var Select = (0, import_react22.forwardRef)(function Select2({
   ...props
 }, forwardedRef) {
   const size = useControlSize(sizeProp);
-  const fallbackId = (0, import_react22.useId)();
+  const fallbackId = (0, import_react23.useId)();
   const selectId = id ?? fallbackId;
   const listboxId = `${selectId}-listbox`;
-  const rootRef = (0, import_react22.useRef)(null);
-  const popupRef = (0, import_react22.useRef)(null);
-  const searchRef = (0, import_react22.useRef)(null);
-  const listRef = (0, import_react22.useRef)(null);
-  const [open, setOpen] = (0, import_react22.useState)(false);
+  const rootRef = (0, import_react23.useRef)(null);
+  const popupRef = (0, import_react23.useRef)(null);
+  const searchRef = (0, import_react23.useRef)(null);
+  const listRef = (0, import_react23.useRef)(null);
+  const [open, setOpen] = (0, import_react23.useState)(false);
   const automaticMode = popupModeProp ?? (options.length > modalThreshold ? "modal" : "dropdown");
-  const [openedMode, setOpenedMode] = (0, import_react22.useState)(automaticMode);
+  const [openedMode, setOpenedMode] = (0, import_react23.useState)(automaticMode);
   const popupMode = open ? openedMode : automaticMode;
-  const [modalValues, setModalValues] = (0, import_react22.useState)([]);
-  const [modalSubmitting, setModalSubmitting] = (0, import_react22.useState)(false);
-  const modalSubmitLock = (0, import_react22.useRef)(false);
-  const [selectedOnly, setSelectedOnly] = (0, import_react22.useState)(false);
-  const [query, setQuery] = (0, import_react22.useState)("");
-  const [activeIndex, setActiveIndex] = (0, import_react22.useState)(-1);
-  const [scrollTop, setScrollTop] = (0, import_react22.useState)(0);
-  const [dropdownFontSize, setDropdownFontSize] = (0, import_react22.useState)();
-  const pendingSelectedScroll = (0, import_react22.useRef)(false);
-  const deferredQuery = (0, import_react22.useDeferredValue)(query.trim());
+  const [modalValues, setModalValues] = (0, import_react23.useState)([]);
+  const [modalSubmitting, setModalSubmitting] = (0, import_react23.useState)(false);
+  const modalSubmitLock = (0, import_react23.useRef)(false);
+  const [selectedOnly, setSelectedOnly] = (0, import_react23.useState)(false);
+  const [query, setQuery] = (0, import_react23.useState)("");
+  const [activeIndex, setActiveIndex] = (0, import_react23.useState)(-1);
+  const [scrollTop, setScrollTop] = (0, import_react23.useState)(0);
+  const [dropdownFontSize, setDropdownFontSize] = (0, import_react23.useState)();
+  const pendingSelectedScroll = (0, import_react23.useRef)(false);
+  const deferredQuery = (0, import_react23.useDeferredValue)(query.trim());
   const initialValue = defaultValue === void 0 ? mode === "multiple" ? [] : null : defaultValue;
   const [currentValue, setCurrentValue] = useControllableState({
     value,
@@ -3677,20 +3724,20 @@ var Select = (0, import_react22.forwardRef)(function Select2({
       }
     }
   });
-  const selectedValues = (0, import_react22.useMemo)(() => {
+  const selectedValues = (0, import_react23.useMemo)(() => {
     if (currentValue == null || currentValue === "" && !options.some((option) => option.value === "")) return [];
     if (mode === "multiple") return Array.isArray(currentValue) ? currentValue : currentValue === null ? [] : [currentValue];
     return Array.isArray(currentValue) ? currentValue.slice(0, 1) : currentValue === null ? [] : [currentValue];
   }, [currentValue, mode, options]);
-  const selectedValueSet = (0, import_react22.useMemo)(() => new Set(selectedValues), [selectedValues]);
-  const availableOptions = (0, import_react22.useMemo)(() => {
+  const selectedValueSet = (0, import_react23.useMemo)(() => new Set(selectedValues), [selectedValues]);
+  const availableOptions = (0, import_react23.useMemo)(() => {
     if (!allowInput) return options;
     const optionValueSet = new Set(options.map((option) => option.value));
     const selectedCustomOptions = selectedValues.filter((selectedValue) => !optionValueSet.has(selectedValue)).map((selectedValue) => ({ label: String(selectedValue), value: selectedValue }));
     return selectedCustomOptions.length ? [...selectedCustomOptions, ...options] : options;
   }, [allowInput, options, selectedValues]);
-  const selectedOptions = (0, import_react22.useMemo)(() => selectedValues.map((selectedValue) => availableOptions.find((option) => option.value === selectedValue)).filter((option) => option !== void 0), [availableOptions, selectedValues]);
-  const filteredOptions = (0, import_react22.useMemo)(() => deferredQuery ? availableOptions.filter((option) => filterOption(deferredQuery, option)) : availableOptions, [availableOptions, deferredQuery, filterOption]);
+  const selectedOptions = (0, import_react23.useMemo)(() => selectedValues.map((selectedValue) => availableOptions.find((option) => option.value === selectedValue)).filter((option) => option !== void 0), [availableOptions, selectedValues]);
+  const filteredOptions = (0, import_react23.useMemo)(() => deferredQuery ? availableOptions.filter((option) => filterOption(deferredQuery, option)) : availableOptions, [availableOptions, deferredQuery, filterOption]);
   const inputValue = query.trim();
   const exactInputOption = inputValue ? availableOptions.find((option) => String(option.value).toLowerCase() === inputValue.toLowerCase() || typeof option.label === "string" && option.label.toLowerCase() === inputValue.toLowerCase()) : void 0;
   const canSubmitInput = allowInput && Boolean(inputValue) && !exactInputOption;
@@ -3704,7 +3751,7 @@ var Select = (0, import_react22.forwardRef)(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));
-  (0, import_react22.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     if (!open || popupMode === "modal") return void 0;
     function closeFromOutside(event) {
       const target = event.target;
@@ -3713,13 +3760,13 @@ var Select = (0, import_react22.forwardRef)(function Select2({
     document.addEventListener("mousedown", closeFromOutside);
     return () => document.removeEventListener("mousedown", closeFromOutside);
   }, [open, popupMode]);
-  (0, import_react22.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     if (open && (showSearch || allowInput)) searchRef.current?.focus();
   }, [allowInput, open, showSearch]);
-  (0, import_react22.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     if (disabled || loading) closeDropdown();
   }, [disabled, loading]);
-  (0, import_react22.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     if (!open || popupMode !== "dropdown" || !pendingSelectedScroll.current || query) return;
     const index = filteredOptions.findIndex((option) => selectedValueSet.has(option.value));
     if (index < 0) return;
@@ -3734,7 +3781,7 @@ var Select = (0, import_react22.forwardRef)(function Select2({
     });
     return () => cancelAnimationFrame(frame);
   }, [open, popupMode, filteredOptions, selectedValueSet, virtualEnabled, optionHeight, query]);
-  (0, import_react22.useLayoutEffect)(() => {
+  (0, import_react23.useLayoutEffect)(() => {
     if (!open || popupMode !== "dropdown") return;
     const trigger = rootRef.current?.querySelector(".sia-select__trigger");
     if (trigger) setDropdownFontSize(getComputedStyle(trigger).fontSize);
@@ -4075,7 +4122,7 @@ var Select = (0, import_react22.forwardRef)(function Select2({
 });
 
 // src/components/Upload.tsx
-var import_react23 = require("react");
+var import_react24 = require("react");
 
 // src/components/uploadFiles.ts
 function acceptsUploadFile(file, accept) {
@@ -4314,8 +4361,8 @@ var message = {
 var import_jsx_runtime23 = require("react/jsx-runtime");
 var LIST_IGNORE = /* @__PURE__ */ Symbol("SIA_UPLOAD_LIST_IGNORE");
 function useThumbnail(file, accept) {
-  const [local, setLocal] = (0, import_react23.useState)();
-  (0, import_react23.useEffect)(() => {
+  const [local, setLocal] = (0, import_react24.useState)();
+  (0, import_react24.useEffect)(() => {
     if (!file?.thumbUrl && file?.originFileObj?.type.startsWith("image/")) {
       const url = URL.createObjectURL(file.originFileObj);
       setLocal(url);
@@ -4327,9 +4374,9 @@ function useThumbnail(file, accept) {
 }
 function UploadItem({ file, files, props, actions }) {
   const source = useThumbnail(file, props.accept);
-  const [failed, setFailed] = (0, import_react23.useState)(false);
-  const [downloading, setDownloading] = (0, import_react23.useState)(false);
-  const downloadingRef = (0, import_react23.useRef)(false);
+  const [failed, setFailed] = (0, import_react24.useState)(false);
+  const [downloading, setDownloading] = (0, import_react24.useState)(false);
+  const downloadingRef = (0, import_react24.useRef)(false);
   const canPreview = !!(source || file.url || file.originFileObj || props.onPreview);
   const canDownload = !!(file.url || file.originFileObj || props.downloadRequest);
   async function download() {
@@ -4345,7 +4392,7 @@ function UploadItem({ file, files, props, actions }) {
       setDownloading(false);
     }
   }
-  (0, import_react23.useEffect)(() => setFailed(false), [source]);
+  (0, import_react24.useEffect)(() => setFailed(false), [source]);
   const node = /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: `sia-upload__item sia-upload__item--${file.status ?? "ready"}`, children: [
     props.listType !== "text" ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Button, { variant: "text", className: "sia-upload__thumbnail", "aria-label": `\u9884\u89C8\u7F29\u7565\u56FE ${file.name}`, onClick: actions.preview, disabled: !canPreview, children: source && !failed ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("img", { src: source, alt: file.name, onError: () => setFailed(true) }) : /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Icon, { name: file.type?.startsWith("image/") ? "image" : "file", size: 28 }) }) : /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Icon, { name: file.status === "done" ? "circle-check" : "file", size: 16 }),
     /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "sia-upload__name", ...withTitleTooltip({ title: file.relativePath || file.name }), children: file.url ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("a", { href: file.url, target: "_blank", rel: "noreferrer", children: file.name }) : file.name }),
@@ -4366,7 +4413,7 @@ function UploadItem({ file, files, props, actions }) {
   ] });
   return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_jsx_runtime23.Fragment, { children: props.itemRender ? props.itemRender(node, file, files, actions) : node });
 }
-var UploadRoot = (0, import_react23.forwardRef)(function UploadRoot2({
+var UploadRoot = (0, import_react24.forwardRef)(function UploadRoot2({
   accept,
   multiple = false,
   directory = false,
@@ -4404,19 +4451,19 @@ var UploadRoot = (0, import_react23.forwardRef)(function UploadRoot2({
   const cardWidth = cardDimension(typeof cardSize === "number" ? cardSize : cardSize?.width);
   const cardHeight = cardDimension(typeof cardSize === "number" ? cardSize : cardSize?.height);
   const compactCard = listType === "picture-card" && (cardWidth < 88 || cardHeight < 88);
-  const inputRef = (0, import_react23.useRef)(null);
-  const [internalFiles, setInternalFiles] = (0, import_react23.useState)(defaultFileList);
+  const inputRef = (0, import_react24.useRef)(null);
+  const [internalFiles, setInternalFiles] = (0, import_react24.useState)(defaultFileList);
   const files = fileList ?? internalFiles;
-  const filesRef = (0, import_react23.useRef)(files);
+  const filesRef = (0, import_react24.useRef)(files);
   filesRef.current = files;
-  const tasks = (0, import_react23.useRef)(/* @__PURE__ */ new Map());
-  const mounted = (0, import_react23.useRef)(true);
-  const [dragging, setDragging] = (0, import_react23.useState)(false);
-  const [preview, setPreview] = (0, import_react23.useState)();
+  const tasks = (0, import_react24.useRef)(/* @__PURE__ */ new Map());
+  const mounted = (0, import_react24.useRef)(true);
+  const [dragging, setDragging] = (0, import_react24.useState)(false);
+  const [preview, setPreview] = (0, import_react24.useState)();
   const previewSource = useThumbnail(preview, accept);
   const limit = maxCount2 === void 0 || !Number.isFinite(maxCount2) ? Infinity : Math.max(0, Math.floor(maxCount2));
   const full = files.length >= limit;
-  const current = (0, import_react23.useRef)({ disabled, directory, recursive });
+  const current = (0, import_react24.useRef)({ disabled, directory, recursive });
   current.current = { disabled, directory, recursive };
   function cancel(uid) {
     const task = tasks.current.get(uid);
@@ -4428,14 +4475,14 @@ var UploadRoot = (0, import_react23.forwardRef)(function UploadRoot2({
     }
     task?.finish();
   }
-  (0, import_react23.useEffect)(() => {
+  (0, import_react24.useEffect)(() => {
     mounted.current = true;
     return () => {
       mounted.current = false;
       [...tasks.current.keys()].forEach(cancel);
     };
   }, []);
-  (0, import_react23.useEffect)(() => {
+  (0, import_react24.useEffect)(() => {
     for (const uid of tasks.current.keys()) if (!files.some((file) => file.uid === uid)) cancel(uid);
     if (preview && !files.some((file) => file.uid === preview.uid)) setPreview(void 0);
   }, [files, preview]);
@@ -4541,7 +4588,7 @@ var UploadRoot = (0, import_react23.forwardRef)(function UploadRoot2({
     } catch {
     }
   }
-  (0, import_react23.useImperativeHandle)(ref, () => ({
+  (0, import_react24.useImperativeHandle)(ref, () => ({
     upload: async (uid) => {
       await Promise.all(filesRef.current.filter((file) => (!uid || file.uid === uid) && file.status !== "done").map(start));
     },
@@ -4663,7 +4710,7 @@ var UploadRoot = (0, import_react23.forwardRef)(function UploadRoot2({
     }
   );
 });
-var UploadDragger = (0, import_react23.forwardRef)(function UploadDragger2({ hint = "\u652F\u6301\u5355\u4E2A\u6216\u6279\u91CF\u4E0A\u4F20", children, className = "", ...props }, ref) {
+var UploadDragger = (0, import_react24.forwardRef)(function UploadDragger2({ hint = "\u652F\u6301\u5355\u4E2A\u6216\u6279\u91CF\u4E0A\u4F20", children, className = "", ...props }, ref) {
   return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(UploadRoot, { ...props, ref, className: `sia-upload-dragger ${className}`.trim(), children: children ?? /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("span", { className: "sia-upload-dragger__content", children: [
     /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Icon, { name: "upload", size: 32 }),
     /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("strong", { children: [
@@ -4704,12 +4751,12 @@ function Breadcrumb({ items, separator = "/", itemRender, className = "", ...pro
 }
 
 // src/components/Typography.tsx
-var import_react25 = require("react");
+var import_react26 = require("react");
 
 // src/components/TextArea.tsx
-var import_react24 = require("react");
+var import_react25 = require("react");
 var import_jsx_runtime25 = require("react/jsx-runtime");
-var TextArea = (0, import_react24.forwardRef)(function TextArea2({
+var TextArea = (0, import_react25.forwardRef)(function TextArea2({
   label,
   hint,
   status = "default",
@@ -4727,9 +4774,9 @@ var TextArea = (0, import_react24.forwardRef)(function TextArea2({
   ...props
 }, ref) {
   const size = useControlSize(sizeProp);
-  const fallbackId = (0, import_react24.useId)();
+  const fallbackId = (0, import_react25.useId)();
   const textAreaId = id ?? fallbackId;
-  const [uncontrolledValue, setUncontrolledValue] = (0, import_react24.useState)(() => defaultValue === void 0 ? "" : String(defaultValue));
+  const [uncontrolledValue, setUncontrolledValue] = (0, import_react25.useState)(() => defaultValue === void 0 ? "" : String(defaultValue));
   const currentText = value !== void 0 ? String(value) : uncontrolledValue;
   const floating = useFloatingPlaceholder({ mode: placeholderMode, placeholder, filled: currentText.length > 0 });
   const hintId = `${textAreaId}-hint`;
@@ -4790,26 +4837,26 @@ function TypographyContent({
   className = "",
   ...props
 }) {
-  const contentRef = (0, import_react25.useRef)(null);
-  const editRef = (0, import_react25.useRef)(null);
-  const timer = (0, import_react25.useRef)();
-  const [localText, setLocalText] = (0, import_react25.useState)();
-  const [draft, setDraft] = (0, import_react25.useState)("");
-  const [editing, setEditing] = (0, import_react25.useState)(false);
-  const [copied, setCopied] = (0, import_react25.useState)(false);
-  const [copyError, setCopyError] = (0, import_react25.useState)(false);
-  const [expanded, setExpanded] = (0, import_react25.useState)(false);
-  const [overflow, setOverflow] = (0, import_react25.useState)(false);
+  const contentRef = (0, import_react26.useRef)(null);
+  const editRef = (0, import_react26.useRef)(null);
+  const timer = (0, import_react26.useRef)();
+  const [localText, setLocalText] = (0, import_react26.useState)();
+  const [draft, setDraft] = (0, import_react26.useState)("");
+  const [editing, setEditing] = (0, import_react26.useState)(false);
+  const [copied, setCopied] = (0, import_react26.useState)(false);
+  const [copyError, setCopyError] = (0, import_react26.useState)(false);
+  const [expanded, setExpanded] = (0, import_react26.useState)(false);
+  const [overflow, setOverflow] = (0, import_react26.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_react25.useEffect)(() => {
+  (0, import_react26.useEffect)(() => {
     setLocalText(void 0);
   }, [children]);
-  (0, import_react25.useEffect)(() => () => clearTimeout(timer.current), []);
-  (0, import_react25.useLayoutEffect)(() => {
+  (0, import_react26.useEffect)(() => () => clearTimeout(timer.current), []);
+  (0, import_react26.useLayoutEffect)(() => {
     const element = contentRef.current;
     if (!element || !ellipsis || editing || expanded) return;
     const measure = () => setOverflow(element.scrollHeight > element.clientHeight + 1 || element.scrollWidth > element.clientWidth + 1);
@@ -4927,10 +4974,10 @@ var Typography = Object.assign(TypographyRoot, {
 });
 
 // src/components/FloatButton.tsx
-var import_react26 = require("react");
+var import_react27 = require("react");
 var import_jsx_runtime27 = require("react/jsx-runtime");
-var GroupShape = (0, import_react26.createContext)(void 0);
-var FloatButtonRoot = (0, import_react26.forwardRef)(function FloatButton({
+var GroupShape = (0, import_react27.createContext)(void 0);
+var FloatButtonRoot = (0, import_react27.forwardRef)(function FloatButton({
   icon,
   description,
   tooltip,
@@ -4943,7 +4990,7 @@ var FloatButtonRoot = (0, import_react26.forwardRef)(function FloatButton({
   children,
   ...props
 }, ref) {
-  const groupShape = (0, import_react26.useContext)(GroupShape);
+  const groupShape = (0, import_react27.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_runtime27.jsx)(
     "button",
@@ -4981,10 +5028,10 @@ function FloatButtonGroup({
   ...props
 }) {
   const [visible, setVisible] = useControllableState({ value: open, defaultValue: defaultOpen, onChange: onOpenChange });
-  const rootRef = (0, import_react26.useRef)(null);
-  const triggerRef = (0, import_react26.useRef)(null);
-  const id = (0, import_react26.useId)();
-  (0, import_react26.useEffect)(() => {
+  const rootRef = (0, import_react27.useRef)(null);
+  const triggerRef = (0, import_react27.useRef)(null);
+  const id = (0, import_react27.useId)();
+  (0, import_react27.useEffect)(() => {
     if (!trigger || !visible) return;
     const close = (event) => {
       if (!rootRef.current?.contains(event.target)) setVisible(false);
@@ -5038,8 +5085,8 @@ function FloatButtonGroup({
   ) });
 }
 function FloatButtonBackTop({ target, visibilityHeight = 400, behavior = "smooth", onClick, icon, tooltip = "\u8FD4\u56DE\u9876\u90E8", ...props }) {
-  const [visible, setVisible] = (0, import_react26.useState)(false);
-  (0, import_react26.useEffect)(() => {
+  const [visible, setVisible] = (0, import_react27.useState)(false);
+  (0, import_react27.useEffect)(() => {
     const element = target ? target() : window;
     if (!element) return;
     const update = () => setVisible((element === window ? window.scrollY : element.scrollTop) >= visibilityHeight);