@sia.soul/sia-react-ui 0.1.63 → 0.1.65

package/dist/core.cjs

@@ -2168,12 +2168,12 @@ function Tabs({
 }
 
 // src/components/Feedback.tsx
-var import_react14 = require("react");
+var import_react16 = require("react");
 var import_react_dom3 = require("react-dom");
 var import_client2 = require("react-dom/client");
 
 // src/components/FloatingDisplay.tsx
-var import_react13 = require("react");
+var import_react15 = require("react");
 var import_react_dom2 = require("react-dom");
 
 // src/components/Checkbox.tsx
@@ -2262,1287 +2262,1285 @@ var Checkbox2 = Object.assign(CheckboxRoot, {
   Group: CheckboxGroup
 });
 
-// src/components/FloatingDisplay.tsx
-var import_jsx_runtime13 = require("react/jsx-runtime");
-var FLOATING_GAP = 9;
-var FLOATING_VIEWPORT_PADDING = 8;
-var FLOATING_ARROW_EDGE_OFFSET = 16;
-var activeTooltipClose;
-function clampFloating(value, min, max) {
-  return Math.min(Math.max(value, min), Math.max(min, max));
+// src/components/FloatingScrollbarProvider.tsx
+var import_react14 = require("react");
+
+// src/components/useScrollbarProximity.ts
+var import_react13 = require("react");
+var users = 0;
+var cleanup;
+function useScrollbarProximity() {
+  (0, import_react13.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;
+      }
+    };
+  }, []);
 }
-function normalizeFloatingPlacement(placement) {
-  const aliases = {
-    topLeft: "top-start",
-    topRight: "top-end",
-    bottomLeft: "bottom-start",
-    bottomRight: "bottom-end",
-    leftTop: "left-start",
-    leftBottom: "left-end",
-    rightTop: "right-start",
-    rightBottom: "right-end"
-  };
-  return aliases[placement] ?? placement;
+
+// 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 resolveFloatingPosition(trigger, overlay, placement, pointAtCenter, adjust) {
-  const viewportWidth = document.documentElement.clientWidth;
-  const viewportHeight = document.documentElement.clientHeight;
-  let resolvedPlacement = normalizeFloatingPlacement(placement);
-  const side = resolvedPlacement.split("-")[0];
-  const available = { top: trigger.top, bottom: viewportHeight - trigger.bottom, left: trigger.left, right: viewportWidth - trigger.right };
-  const opposite = { top: "bottom", bottom: "top", left: "right", right: "left" };
-  const preferred = side;
-  const other = opposite[preferred];
-  const needed = (side === "top" || side === "bottom" ? overlay.height : overlay.width) + FLOATING_GAP + FLOATING_VIEWPORT_PADDING;
-  if (adjust && available[preferred] < needed && available[other] > available[preferred]) {
-    resolvedPlacement = resolvedPlacement.replace(preferred, other);
-  }
-  const vertical = resolvedPlacement.startsWith("top") || resolvedPlacement.startsWith("bottom");
-  const start = resolvedPlacement.endsWith("-start");
-  const end = resolvedPlacement.endsWith("-end");
-  let top = vertical ? resolvedPlacement.startsWith("top") ? trigger.top - overlay.height - FLOATING_GAP : trigger.bottom + FLOATING_GAP : start ? trigger.top : end ? trigger.bottom - overlay.height : trigger.top + (trigger.height - overlay.height) / 2;
-  let left = vertical ? start ? trigger.left : end ? trigger.right - overlay.width : trigger.left + (trigger.width - overlay.width) / 2 : resolvedPlacement.startsWith("left") ? trigger.left - overlay.width - FLOATING_GAP : trigger.right + FLOATING_GAP;
-  if (adjust) {
-    if (vertical) left = clampFloating(left, FLOATING_VIEWPORT_PADDING, viewportWidth - overlay.width - FLOATING_VIEWPORT_PADDING);
-    else top = clampFloating(top, FLOATING_VIEWPORT_PADDING, viewportHeight - overlay.height - FLOATING_VIEWPORT_PADDING);
+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 result = { top, left, placement: resolvedPlacement };
-  const size = vertical ? trigger.width : trigger.height;
-  const anchorStart = vertical ? trigger.left : trigger.top;
-  const edge = Math.min(size / 2, FLOATING_ARROW_EDGE_OFFSET + 4);
-  const target = anchorStart + (pointAtCenter || !start && !end ? size / 2 : start ? edge : size - edge);
-  if (vertical) result.arrowX = clampFloating(target - left - 4, 8, overlay.width - 16);
-  else result.arrowY = clampFloating(target - top - 4, 8, overlay.height - 16);
-  return result;
+  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 isFloatingAnchorHidden(anchor, rect) {
-  let left = 0, top = 0, right = document.documentElement.clientWidth, bottom = document.documentElement.clientHeight;
-  for (let parent = anchor.parentElement; parent; parent = parent.parentElement) {
-    const css = getComputedStyle(parent);
-    const bounds = parent.getBoundingClientRect();
-    if (/(auto|scroll|hidden|clip)/.test(css.overflowX)) {
-      left = Math.max(left, bounds.left);
-      right = Math.min(right, bounds.right);
-    }
-    if (/(auto|scroll|hidden|clip)/.test(css.overflowY)) {
-      top = Math.max(top, bounds.top);
-      bottom = Math.min(bottom, bounds.bottom);
-    }
+function visibleRect(target) {
+  if (isRootScroller(target)) {
+    return { top: 0, right: window.innerWidth, bottom: window.innerHeight, left: 0, width: window.innerWidth, height: window.innerHeight };
   }
-  return rect.right <= left || rect.left >= right || rect.bottom <= top || rect.top >= bottom;
-}
-function Floating({
-  children,
-  content,
-  placement = "top",
-  trigger = "hover",
-  open,
-  defaultOpen = false,
-  mouseEnterDelay = 0.1,
-  mouseLeaveDelay = 0.1,
-  arrow = true,
-  autoAdjustOverflow = true,
-  color,
-  className = "",
-  overlayClassName = "",
-  role = "tooltip",
-  onOpenChange
-}) {
-  const rootRef = (0, import_react13.useRef)(null);
-  const triggerElementRef = (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_react13.useState)();
-  const [portalContainer, setPortalContainer] = (0, import_react13.useState)(null);
-  (0, import_react13.useLayoutEffect)(() => {
-    if (!visible) return;
-    setPortalContainer(rootRef.current?.closest(".sia-modal-root, .sia-drawer-root") ?? document.body);
-  });
-  const setVisibleRef = (0, import_react13.useRef)(setVisible);
-  setVisibleRef.current = setVisible;
-  const closeSelfRef = (0, import_react13.useRef)();
-  if (!closeSelfRef.current) closeSelfRef.current = () => setVisibleRef.current(false);
-  const exclusiveTooltip = role === "tooltip" && triggers.includes("hover");
-  function openNow() {
-    if (exclusiveTooltip && activeTooltipClose !== closeSelfRef.current) {
-      activeTooltipClose?.();
-      activeTooltipClose = closeSelfRef.current;
+  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);
+      }
     }
-    setVisible(true);
-  }
-  function closeNow() {
-    if (activeTooltipClose === closeSelfRef.current) activeTooltipClose = void 0;
-    setVisible(false);
-  }
-  function clearTimers() {
-    window.clearTimeout(enterTimer.current);
-    window.clearTimeout(leaveTimer.current);
-  }
-  function show(delay = 0) {
-    clearTimers();
-    if (delay <= 0) openNow();
-    else enterTimer.current = window.setTimeout(openNow, delay * 1e3);
-  }
-  function hide(delay = 0) {
-    clearTimers();
-    if (delay <= 0) closeNow();
-    else leaveTimer.current = window.setTimeout(closeNow, delay * 1e3);
+    parent = parent.parentElement;
   }
-  (0, import_react13.useEffect)(() => {
-    if (!visible || !triggers.includes("click")) return;
-    const close = (event) => {
-      const target = event.target;
-      if (!rootRef.current?.contains(target) && !overlayRef.current?.contains(target)) closeNow();
+  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_react14.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);
     };
-    document.addEventListener("pointerdown", close);
-    return () => document.removeEventListener("pointerdown", close);
-  }, [triggers.join("|"), visible]);
-  (0, import_react13.useLayoutEffect)(() => {
-    if (!visible) {
-      setPosition(void 0);
-      return;
-    }
-    const getAnchor = () => {
-      const root = rootRef.current;
-      const target = triggerElementRef.current;
-      return target && root?.contains(target) ? target : root?.firstElementChild ?? root;
-    };
-    const update = () => {
-      if (!rootRef.current || !overlayRef.current) return;
-      const anchor2 = getAnchor();
-      if (anchor2) {
-        const rect = anchor2.getBoundingClientRect();
-        const next = resolveFloatingPosition(rect, overlayRef.current.getBoundingClientRect(), placement, typeof arrow === "object" && !!arrow.pointAtCenter, autoAdjustOverflow);
-        next.hidden = isFloatingAnchorHidden(anchor2, rect);
-        setPosition(next);
-      }
+    const showEntry = (entry) => {
+      if (entry.hideTimer !== null) window.clearTimeout(entry.hideTimer);
+      entry.hideTimer = null;
+      setEntryVisible(entry, true);
     };
-    update();
-    window.addEventListener("resize", update);
-    window.addEventListener("scroll", update, true);
-    window.addEventListener("animationend", update, true);
-    window.addEventListener("transitionend", update, true);
-    const observer = new ResizeObserver(update);
-    if (rootRef.current) observer.observe(rootRef.current);
-    const anchor = getAnchor();
-    if (anchor) observer.observe(anchor);
-    if (overlayRef.current) observer.observe(overlayRef.current);
-    return () => {
-      window.removeEventListener("resize", update);
-      window.removeEventListener("scroll", update, true);
-      window.removeEventListener("animationend", update, true);
-      window.removeEventListener("transitionend", update, true);
-      observer.disconnect();
+    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);
     };
-  }, [children, content, placement, visible, portalContainer, autoAdjustOverflow, typeof arrow === "object" && arrow.pointAtCenter]);
-  (0, import_react13.useEffect)(() => () => {
-    clearTimers();
-    if (activeTooltipClose === closeSelfRef.current) activeTooltipClose = void 0;
-  }, []);
-  const child = (0, import_react13.cloneElement)(children, {
-    ...triggers.includes("hover") ? { onMouseEnter: (event) => {
-      triggerElementRef.current = event.currentTarget;
-      children.props.onMouseEnter?.(event);
-      show(mouseEnterDelay);
-    }, onMouseLeave: (event) => {
-      children.props.onMouseLeave?.(event);
-      hide(mouseLeaveDelay);
-    } } : {},
-    ...triggers.includes("focus") ? { onFocus: (event) => {
-      triggerElementRef.current = event.currentTarget;
-      children.props.onFocus?.(event);
-      show();
-    }, onBlur: (event) => {
-      children.props.onBlur?.(event);
-      hide();
-    } } : {},
-    ...triggers.includes("click") ? { onClick: (event) => {
-      triggerElementRef.current = event.currentTarget;
-      children.props.onClick?.(event);
-      if (visible) closeNow();
-      else openNow();
-    } } : {},
-    "aria-describedby": visible ? contentId : void 0
-  });
-  const overlay = visible && content !== null && content !== void 0 && typeof document !== "undefined" ? (0, import_react_dom2.createPortal)(
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
-      "span",
-      {
-        ref: overlayRef,
-        id: contentId,
-        role,
-        "data-custom-color": color ? "" : void 0,
-        className: `sia-floating__overlay sia-floating__overlay--${position?.placement ?? normalizeFloatingPlacement(placement)} ${overlayClassName}`.trim(),
-        style: {
-          "--sia-floating-color": color,
-          "--sia-floating-arrow-x": position?.arrowX == null ? void 0 : `${position.arrowX}px`,
-          "--sia-floating-arrow-y": position?.arrowY == null ? void 0 : `${position.arrowY}px`,
-          top: position?.top ?? 0,
-          left: position?.left ?? 0,
-          visibility: position && !position.hidden ? "visible" : "hidden"
-        },
-        onMouseEnter: triggers.includes("hover") ? () => show() : void 0,
-        onMouseLeave: triggers.includes("hover") ? () => hide(mouseLeaveDelay) : void 0,
-        children: [
-          content,
-          arrow ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "sia-floating__arrow" }) : null
-        ]
-      }
-    ),
-    portalContainer ?? document.body
-  ) : null;
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { ref: rootRef, className: `sia-floating ${className}`.trim(), children: child }),
-    overlay
-  ] });
-}
-function Tooltip(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Floating, { ...props, content: props.title });
-}
-
-// src/components/Feedback.tsx
-var import_jsx_runtime14 = require("react/jsx-runtime");
-function Progress({
-  percent = 0,
-  type = "line",
-  status,
-  showInfo = true,
-  format,
-  strokeColor,
-  trailColor,
-  strokeWidth = 8,
-  width = 120,
-  steps,
-  success,
-  size = "default",
-  className = "",
-  style,
-  ...props
-}) {
-  const safe = Math.max(0, Math.min(100, percent));
-  const resolved = status ?? (safe >= 100 ? "success" : "normal");
-  const color = typeof strokeColor === "string" ? strokeColor : void 0;
-  const background = typeof strokeColor === "object" ? `linear-gradient(90deg, ${strokeColor.from}, ${strokeColor.to})` : color;
-  const label = format?.(safe, success?.percent) ?? (resolved === "exception" ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Icon, { name: "close" }) : resolved === "success" ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Icon, { name: "check" }) : `${safe}%`);
-  if (type !== "line") {
-    const radius = 46;
-    const circumference = 2 * Math.PI * radius;
-    const dash = circumference * (safe / 100);
-    return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: `sia-progress sia-progress--${type} sia-progress--${resolved} ${className}`.trim(), style: { width, height: width, ...style }, ...withTitleTooltip(props), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("svg", { viewBox: "0 0 100 100", role: "progressbar", "aria-valuenow": safe, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("circle", { className: "sia-progress__trail", cx: "50", cy: "50", r: radius, style: { stroke: trailColor } }),
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("circle", { className: "sia-progress__circle", cx: "50", cy: "50", r: radius, style: { stroke: color, strokeDasharray: type === "dashboard" ? `${circumference * 0.75} ${circumference * 0.25}` : circumference, strokeDashoffset: (type === "dashboard" ? circumference * 0.75 : circumference) - dash * (type === "dashboard" ? 0.75 : 1), strokeWidth } })
-      ] }),
-      showInfo ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "sia-progress__text", children: label }) : null
-    ] });
-  }
-  const height = Array.isArray(size) ? size[1] : typeof size === "number" ? size : size === "small" ? 6 : strokeWidth;
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: `sia-progress sia-progress--line sia-progress--${resolved} ${className}`.trim(), style, ...withTitleTooltip(props), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "sia-progress__outer", style: { height, backgroundColor: trailColor }, children: steps ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "sia-progress__steps", children: Array.from({ length: steps }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: index < Math.round(steps * safe / 100) ? "is-active" : "", style: { background: index < Math.round(steps * safe / 100) ? background : trailColor } }, index)) }) : /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "sia-progress__bar", style: { width: `${safe}%`, background } }),
-      success?.percent ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "sia-progress__success", style: { width: `${success.percent}%`, background: success.strokeColor } }) : null
-    ] }) }),
-    showInfo ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "sia-progress__info", children: label }) : null
-  ] });
-}
-
-// src/components/DataDisplay.tsx
-var import_react16 = require("react");
-var import_react_dom5 = require("react-dom");
-
-// src/components/Overlay.tsx
-var import_react15 = require("react");
-var import_react_dom4 = require("react-dom");
-var bodyLockCount = 0;
-var previousBodyOverflow = "";
-var overlayStack = [];
-function lockBodyScroll() {
-  if (bodyLockCount === 0) {
-    previousBodyOverflow = document.body.style.overflow;
-    document.body.style.overflow = "hidden";
-  }
-  bodyLockCount += 1;
-  return () => {
-    bodyLockCount = Math.max(0, bodyLockCount - 1);
-    if (bodyLockCount === 0) document.body.style.overflow = previousBodyOverflow;
-  };
-}
-function focusableElements(container) {
-  return [...container.querySelectorAll(
-    'a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])'
-  )].filter((element) => !element.hidden && element.getAttribute("aria-hidden") !== "true");
-}
-function useOverlayLifecycle(open, panelRef, onRequestClose, keyboard = true) {
-  const overlayIdRef = (0, import_react15.useRef)(/* @__PURE__ */ Symbol("sia-overlay"));
-  const closeRef = (0, import_react15.useRef)(onRequestClose);
-  closeRef.current = onRequestClose;
-  (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;
-    overlayStack.push(overlayId);
-    const unlockBody = lockBodyScroll();
-    const focusTimer = window.setTimeout(() => {
-      const panel = panelRef.current;
-      if (!panel) return;
-      const [firstFocusable] = focusableElements(panel);
-      (firstFocusable ?? panel).focus({ preventScroll: true });
-    }, 0);
-    function handleKeyDown(event) {
-      if (overlayStack.at(-1) !== overlayId) return;
-      if (event.key === "Escape" && keyboard) {
-        event.preventDefault();
-        closeRef.current();
-        return;
-      }
-      if (event.key !== "Tab" || !panelRef.current) return;
-      const focusable = focusableElements(panelRef.current);
-      if (focusable.length === 0) {
-        event.preventDefault();
-        panelRef.current.focus();
-        return;
+    const 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)`;
       }
-      const first = focusable[0];
-      const last = focusable.at(-1);
-      if (event.shiftKey && document.activeElement === first) {
-        event.preventDefault();
-        last.focus();
-      } else if (!event.shiftKey && document.activeElement === last) {
-        event.preventDefault();
-        first.focus();
+      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)`;
       }
-    }
-    document.addEventListener("keydown", handleKeyDown);
-    return () => {
-      window.clearTimeout(focusTimer);
-      document.removeEventListener("keydown", handleKeyDown);
-      const index = overlayStack.lastIndexOf(overlayId);
-      if (index >= 0) overlayStack.splice(index, 1);
-      unlockBody();
-      previouslyFocused?.focus({ preventScroll: true });
     };
-  }, [keyboard, open, panelRef]);
-}
-function OverlayPortal({ children, container }) {
-  if (typeof document === "undefined") return null;
-  const target = typeof container === "function" ? container() : container ?? document.body;
-  return (0, import_react_dom4.createPortal)(children, target);
+    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 managedSelector = ".sia-table__viewport, [data-sia-native-scrollbar], .sia-scrollbar-track, .sia-floating-scrollbar-layer";
+      const discovered = [];
+      if (!targetRef) {
+        const walker = document.createTreeWalker(document.body, NodeFilter.SHOW_ELEMENT, {
+          acceptNode: (node) => node.matches(managedSelector) ? NodeFilter.FILTER_REJECT : NodeFilter.FILTER_ACCEPT
+        });
+        for (let node = walker.nextNode(); node; node = walker.nextNode()) {
+          if (node instanceof HTMLElement) discovered.push(node);
+        }
+      }
+      const candidates = (targetRef ? [targetRef.current] : [document.scrollingElement, ...discovered]).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) => {
+        const target = mutation.target instanceof Element ? mutation.target : mutation.target.parentElement;
+        return target && !layer.contains(target) && !target.closest(".sia-table__viewport, [data-sia-native-scrollbar], .sia-scrollbar-track");
+      })) scheduleScan();
+    });
+    mutationObserver.observe(document.documentElement, { subtree: true, childList: true, attributes: true, attributeFilter: ["class", "style", "hidden"] });
+    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/DataDisplay.tsx
-var import_jsx_runtime15 = require("react/jsx-runtime");
-function BadgeRibbon({ text, color, placement = "end", className = "", children, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: `sia-ribbon-wrap ${className}`.trim(), ...withTitleTooltip(props), children: [
-    children,
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: `sia-ribbon sia-ribbon--${placement}`, style: { backgroundColor: color }, children: text })
-  ] });
+// src/components/FloatingDisplay.tsx
+var import_jsx_runtime13 = require("react/jsx-runtime");
+var FLOATING_GAP = 9;
+var FLOATING_VIEWPORT_PADDING = 8;
+var FLOATING_ARROW_EDGE_OFFSET = 16;
+var activeTooltipClose;
+function clampFloating(value, min, max) {
+  return Math.min(Math.max(value, min), Math.max(min, max));
 }
-function Badge({ count, showZero = false, overflowCount = 99, dot = false, status, text, color, offset = [0, 0], size = "default", className = "", children, style, ...props }) {
-  const numeric = typeof count === "number";
-  const hidden = !dot && !status && (count === void 0 || count === null || count === 0 && !showZero);
-  const display = numeric && count > overflowCount ? `${overflowCount}+` : count;
-  const badge = !hidden ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("sup", { className: `sia-badge__count${dot || status ? " sia-badge__dot" : ""}${status ? ` sia-badge__dot--${status}` : ""} sia-badge__count--${size}`, style: { backgroundColor: color, transform: `translate(calc(50% + ${offset[0]}px), calc(-50% + ${offset[1]}px))` }, children: dot || status ? null : display }) : null;
-  if (status && !children) return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("span", { className: `sia-badge sia-badge--status ${className}`.trim(), style, ...withTitleTooltip(props), children: [
-    badge,
-    text ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "sia-badge__text", children: text }) : null
-  ] });
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("span", { className: `sia-badge ${className}`.trim(), style, ...withTitleTooltip(props), children: [
-    children,
-    badge,
-    text && !status ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "sia-badge__text", children: text }) : null
-  ] });
+function normalizeFloatingPlacement(placement) {
+  const aliases = {
+    topLeft: "top-start",
+    topRight: "top-end",
+    bottomLeft: "bottom-start",
+    bottomRight: "bottom-end",
+    leftTop: "left-start",
+    leftBottom: "left-end",
+    rightTop: "right-start",
+    rightBottom: "right-end"
+  };
+  return aliases[placement] ?? placement;
 }
-Badge.Ribbon = BadgeRibbon;
-function CollapsePanel({
-  open,
-  forceRender = false,
-  destroyInactivePanel = false,
-  children
-}) {
-  const [keepChildren, setKeepChildren] = (0, import_react16.useState)(open || forceRender || !destroyInactivePanel);
-  (0, import_react16.useEffect)(() => {
-    if (open || forceRender || !destroyInactivePanel) {
-      setKeepChildren(true);
-      return void 0;
-    }
-    const timer = window.setTimeout(() => setKeepChildren(false), 240);
-    return () => window.clearTimeout(timer);
-  }, [destroyInactivePanel, forceRender, open]);
-  const renderChildren = open || forceRender || !destroyInactivePanel || keepChildren;
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "sia-collapse__panel", "aria-hidden": !open, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "sia-collapse__panel-motion", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "sia-collapse__panel-body", children: renderChildren ? children : null }) }) });
-}
-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_react16.useState)(normalize(defaultActiveKey));
-  const openKeys = controlled ? normalize(activeKey) : internal;
-  function toggle(item) {
-    if (item.disabled || item.collapsible === "disabled") return;
-    const open = openKeys.includes(item.key);
-    const next = accordion ? open ? [] : [item.key] : open ? openKeys.filter((key) => key !== item.key) : [...openKeys, item.key];
-    if (!controlled) setInternal(next);
-    onChange?.(accordion ? next[0] ?? "" : next);
+function resolveFloatingPosition(trigger, overlay, placement, pointAtCenter, adjust) {
+  const viewportWidth = document.documentElement.clientWidth;
+  const viewportHeight = document.documentElement.clientHeight;
+  let resolvedPlacement = normalizeFloatingPlacement(placement);
+  const side = resolvedPlacement.split("-")[0];
+  const available = { top: trigger.top, bottom: viewportHeight - trigger.bottom, left: trigger.left, right: viewportWidth - trigger.right };
+  const opposite = { top: "bottom", bottom: "top", left: "right", right: "left" };
+  const preferred = side;
+  const other = opposite[preferred];
+  const needed = (side === "top" || side === "bottom" ? overlay.height : overlay.width) + FLOATING_GAP + FLOATING_VIEWPORT_PADDING;
+  if (adjust && available[preferred] < needed && available[other] > available[preferred]) {
+    resolvedPlacement = resolvedPlacement.replace(preferred, other);
   }
-  const borderClassName = !bordered || ghost ? "sia-collapse--borderless" : "sia-collapse--bordered";
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: `sia-collapse ${borderClassName}${ghost ? " sia-collapse--ghost" : ""} sia-collapse--icon-${expandIconPosition} ${className}`.trim(), ...withTitleTooltip(props), children: items.map((item) => {
-    const open = openKeys.includes(item.key);
-    const arrow = item.showArrow === false ? null : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("button", { type: "button", className: "sia-collapse__arrow", "aria-label": open ? "\u6536\u8D77" : "\u5C55\u5F00", onClick: item.collapsible === "icon" ? () => toggle(item) : void 0, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Icon, { name: "chevron-right", size: 14 }) });
-    return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("section", { className: `sia-collapse__item${open ? " is-open" : ""}${item.disabled ? " is-disabled" : ""} ${item.className ?? ""}`.trim(), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("header", { className: "sia-collapse__header", role: "button", tabIndex: item.disabled ? -1 : 0, "aria-expanded": open, onClick: item.collapsible === "icon" ? void 0 : () => toggle(item), onKeyDown: (event) => {
-        if (event.key === "Enter" || event.key === " ") {
-          event.preventDefault();
-          toggle(item);
-        }
-      }, children: [
-        expandIconPosition === "start" ? arrow : null,
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "sia-collapse__label", children: item.label }),
-        item.extra ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "sia-collapse__extra", onClick: (event) => event.stopPropagation(), children: item.extra }) : null,
-        expandIconPosition === "end" ? arrow : null
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(CollapsePanel, { open, forceRender: item.forceRender, destroyInactivePanel, children: item.children })
-    ] }, item.key);
-  }) });
-}
-function ImagePreview({ open, src, alt = "", onOpenChange }) {
-  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);
-    setRotation(0);
-    setFlip({ x: 1, y: 1 });
-    setPan({ x: 0, y: 0 });
-    drag.current = void 0;
-  };
-  (0, import_react16.useEffect)(() => {
-    reset();
-    setFailed(false);
-  }, [open, src]);
-  (0, import_react16.useEffect)(() => {
-    const stage = stageRef.current;
-    if (!open || !stage) return;
-    const measure = () => {
-      setArea({ width: stage.clientWidth, height: stage.clientHeight });
-      setPan({ x: 0, y: 0 });
-    };
-    measure();
-    const observer = new ResizeObserver(measure);
-    observer.observe(stage);
-    return () => observer.disconnect();
-  }, [open, src]);
-  const ready = natural.src === src && natural.width > 0 && area.width > 0 && area.height > 0 && !failed;
-  const sideways = Math.abs(rotation % 180) === 90;
-  const fit = ready ? Math.min(1, area.width / (sideways ? natural.height : natural.width), area.height / (sideways ? natural.width : natural.height)) : 0;
-  const changeZoom = (factor) => setZoom((value) => Math.max(0.25, Math.min(8, value * factor)));
-  if (!open || !src || typeof document === "undefined") return null;
-  return (0, import_react_dom5.createPortal)(/* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { ref: previewRef, className: "sia-image-preview", role: "dialog", "aria-modal": "true", "aria-label": "\u56FE\u7247\u9884\u89C8", tabIndex: -1, onClick: () => onOpenChange(false), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Button, { variant: "text", className: "sia-image-preview__close", "aria-label": "\u5173\u95ED\u9884\u89C8", onClick: (event) => {
-      event.stopPropagation();
-      onOpenChange(false);
-    }, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Icon, { name: "close" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { ref: stageRef, className: "sia-image-preview__stage", children: failed ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "sia-image-preview__error", children: "\u56FE\u7247\u52A0\u8F7D\u5931\u8D25" }) : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-      "img",
-      {
-        src,
-        alt,
-        draggable: false,
-        style: { width: natural.width * fit, height: natural.height * fit, visibility: ready ? "visible" : "hidden", transform: `translate(${pan.x}px, ${pan.y}px) rotate(${rotation}deg) scale(${zoom * flip.x}, ${zoom * flip.y})` },
-        onLoad: (event) => setNatural({ src, width: event.currentTarget.naturalWidth, height: event.currentTarget.naturalHeight }),
-        onError: () => setFailed(true),
-        onClick: (event) => event.stopPropagation(),
-        onPointerDown: (event) => {
-          if (event.button !== 0) return;
-          event.preventDefault();
-          event.stopPropagation();
-          event.currentTarget.setPointerCapture(event.pointerId);
-          drag.current = { id: event.pointerId, x: event.clientX, y: event.clientY, left: pan.x, top: pan.y };
-        },
-        onPointerMove: (event) => {
-          const start = drag.current;
-          if (start?.id === event.pointerId) setPan({ x: start.left + event.clientX - start.x, y: start.top + event.clientY - start.y });
-        },
-        onPointerUp: () => {
-          drag.current = void 0;
-        },
-        onPointerCancel: () => {
-          drag.current = void 0;
-        },
-        onLostPointerCapture: () => {
-          drag.current = void 0;
-        }
-      },
-      src
-    ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "sia-image-preview__toolbar", role: "toolbar", "aria-label": "\u56FE\u7247\u64CD\u4F5C", onClick: (event) => event.stopPropagation(), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Button, { variant: "text", title: "\u6C34\u5E73\u7FFB\u8F6C", "aria-label": "\u6C34\u5E73\u7FFB\u8F6C", disabled: !ready, onClick: () => setFlip((value) => ({ ...value, x: -value.x })), children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Icon, { name: "flip-horizontal", size: 20 }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Button, { variant: "text", title: "\u5782\u76F4\u7FFB\u8F6C", "aria-label": "\u5782\u76F4\u7FFB\u8F6C", disabled: !ready, onClick: () => setFlip((value) => ({ ...value, y: -value.y })), children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Icon, { name: "flip-vertical", size: 20 }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Button, { variant: "text", title: "\u5411\u5DE6\u65CB\u8F6C", "aria-label": "\u5411\u5DE6\u65CB\u8F6C", disabled: !ready, onClick: () => {
-        setRotation((value) => value - 90);
-        setPan({ x: 0, y: 0 });
-      }, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Icon, { name: "rotate-left", size: 20 }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Button, { variant: "text", title: "\u5411\u53F3\u65CB\u8F6C", "aria-label": "\u5411\u53F3\u65CB\u8F6C", disabled: !ready, onClick: () => {
-        setRotation((value) => value + 90);
-        setPan({ x: 0, y: 0 });
-      }, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Icon, { name: "rotate-right", size: 20 }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Button, { variant: "text", title: "\u7F29\u5C0F", "aria-label": "\u7F29\u5C0F", disabled: !ready || zoom <= 0.25, onClick: () => changeZoom(1 / 1.25), children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Icon, { name: "zoom-out", size: 20 }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("output", { className: "sia-image-preview__scale", "aria-label": "\u5F53\u524D\u7F29\u653E\u6BD4\u4F8B", "aria-live": "polite", children: ready ? `${Math.round(fit * zoom * 100)}%` : "\u2014" }),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Button, { variant: "text", title: "\u653E\u5927", "aria-label": "\u653E\u5927", disabled: !ready || zoom >= 8, onClick: () => changeZoom(1.25), children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Icon, { name: "zoom-in", size: 20 }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Button, { variant: "text", title: "\u9002\u5E94\u7A97\u53E3", "aria-label": "\u9002\u5E94\u7A97\u53E3", disabled: !ready, onClick: reset, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Icon, { name: "refresh", size: 20 }) })
-    ] })
-  ] }), document.body);
+  const vertical = resolvedPlacement.startsWith("top") || resolvedPlacement.startsWith("bottom");
+  const start = resolvedPlacement.endsWith("-start");
+  const end = resolvedPlacement.endsWith("-end");
+  let top = vertical ? resolvedPlacement.startsWith("top") ? trigger.top - overlay.height - FLOATING_GAP : trigger.bottom + FLOATING_GAP : start ? trigger.top : end ? trigger.bottom - overlay.height : trigger.top + (trigger.height - overlay.height) / 2;
+  let left = vertical ? start ? trigger.left : end ? trigger.right - overlay.width : trigger.left + (trigger.width - overlay.width) / 2 : resolvedPlacement.startsWith("left") ? trigger.left - overlay.width - FLOATING_GAP : trigger.right + FLOATING_GAP;
+  if (adjust) {
+    if (vertical) left = clampFloating(left, FLOATING_VIEWPORT_PADDING, viewportWidth - overlay.width - FLOATING_VIEWPORT_PADDING);
+    else top = clampFloating(top, FLOATING_VIEWPORT_PADDING, viewportHeight - overlay.height - FLOATING_VIEWPORT_PADDING);
+  }
+  const result = { top, left, placement: resolvedPlacement };
+  const size = vertical ? trigger.width : trigger.height;
+  const anchorStart = vertical ? trigger.left : trigger.top;
+  const edge = Math.min(size / 2, FLOATING_ARROW_EDGE_OFFSET + 4);
+  const target = anchorStart + (pointAtCenter || !start && !end ? size / 2 : start ? edge : size - edge);
+  if (vertical) result.arrowX = clampFloating(target - left - 4, 8, overlay.width - 16);
+  else result.arrowY = clampFloating(target - top - 4, 8, overlay.height - 16);
+  return result;
 }
-
-// src/components/FloatingPlaceholder.tsx
-var import_jsx_runtime16 = require("react/jsx-runtime");
-function useFloatingPlaceholder({ mode, placeholder, filled, active = false }) {
-  const enabled = usePlaceholderMode(mode) === "floating" && Boolean(placeholder);
-  return {
-    enabled,
-    className: enabled ? ` sia-placeholder-floating${filled ? " sia-placeholder-floating--filled" : ""}${active ? " sia-placeholder-floating--active" : ""}` : "",
-    label: enabled ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "sia-floating-placeholder", "aria-hidden": "true", children: placeholder }) : null
-  };
+function isFloatingAnchorHidden(anchor, rect) {
+  let left = 0, top = 0, right = document.documentElement.clientWidth, bottom = document.documentElement.clientHeight;
+  for (let parent = anchor.parentElement; parent; parent = parent.parentElement) {
+    const css = getComputedStyle(parent);
+    const bounds = parent.getBoundingClientRect();
+    if (/(auto|scroll|hidden|clip)/.test(css.overflowX)) {
+      left = Math.max(left, bounds.left);
+      right = Math.min(right, bounds.right);
+    }
+    if (/(auto|scroll|hidden|clip)/.test(css.overflowY)) {
+      top = Math.max(top, bounds.top);
+      bottom = Math.min(bottom, bounds.bottom);
+    }
+  }
+  return rect.right <= left || rect.left >= right || rect.bottom <= top || rect.top >= bottom;
 }
-
-// src/components/Select.tsx
-var import_react23 = require("react");
-
-// src/components/Modal.tsx
-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();
-var MODAL_MOTION_DURATION = 220;
-var typeIcons = {
-  info: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Icon, { name: "info", size: 23 }),
-  success: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Icon, { name: "circle-check", size: 23 }),
-  warning: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Icon, { name: "warning", size: 23 }),
-  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_react17.forwardRef)(function Modal({
-  open,
-  title,
+function Floating({
   children,
-  footer,
-  footerExtra,
-  type = "default",
-  okText = "\u786E\u5B9A",
-  cancelText = "\u53D6\u6D88",
-  showCancel = type === "default" || type === "confirm",
-  confirmLoading = false,
-  okButtonProps,
-  cancelButtonProps,
-  closable = true,
-  maskClosable = true,
-  keyboard = true,
-  centered = false,
-  width = 520,
-  height,
-  zIndex = 1e3,
-  getContainer,
-  onOk,
-  onCancel,
-  onOpenChange,
-  afterOpenChange,
+  content,
+  placement = "top",
+  trigger = "hover",
+  open,
+  defaultOpen = false,
+  mouseEnterDelay = 0.1,
+  mouseLeaveDelay = 0.1,
+  arrow = true,
+  autoAdjustOverflow = true,
+  color,
   className = "",
-  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;
+  overlayClassName = "",
+  role = "tooltip",
+  onOpenChange
+}) {
+  const rootRef = (0, import_react15.useRef)(null);
+  const triggerElementRef = (0, import_react15.useRef)(null);
+  const overlayRef = (0, import_react15.useRef)(null);
+  const enterTimer = (0, import_react15.useRef)();
+  const leaveTimer = (0, import_react15.useRef)();
+  const contentId = (0, import_react15.useId)();
+  const triggers = Array.isArray(trigger) ? trigger : [trigger];
+  const [visible, setVisible] = useControllableState({ value: open, defaultValue: defaultOpen, onChange: onOpenChange });
+  const [position, setPosition] = (0, import_react15.useState)();
+  const [portalContainer, setPortalContainer] = (0, import_react15.useState)(null);
+  (0, import_react15.useLayoutEffect)(() => {
+    if (!visible) return;
+    setPortalContainer(rootRef.current?.closest(".sia-modal-root, .sia-drawer-root") ?? document.body);
+  });
+  const setVisibleRef = (0, import_react15.useRef)(setVisible);
+  setVisibleRef.current = setVisible;
+  const closeSelfRef = (0, import_react15.useRef)();
+  if (!closeSelfRef.current) closeSelfRef.current = () => setVisibleRef.current(false);
+  const exclusiveTooltip = role === "tooltip" && triggers.includes("hover");
+  function openNow() {
+    if (exclusiveTooltip && activeTooltipClose !== closeSelfRef.current) {
+      activeTooltipClose?.();
+      activeTooltipClose = closeSelfRef.current;
     }
-    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);
+    setVisible(true);
   }
-  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);
-    }
+  function closeNow() {
+    if (activeTooltipClose === closeSelfRef.current) activeTooltipClose = void 0;
+    setVisible(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 clearTimers() {
+    window.clearTimeout(enterTimer.current);
+    window.clearTimeout(leaveTimer.current);
   }
-  function closeWithMotion() {
-    if (destroyed || !currentOpen) return;
-    currentOpen = false;
-    render();
-    cleanupTimer = window.setTimeout(cleanup2, MODAL_MOTION_DURATION);
+  function show(delay = 0) {
+    clearTimers();
+    if (delay <= 0) openNow();
+    else enterTimer.current = window.setTimeout(openNow, delay * 1e3);
   }
-  function render() {
-    root.render(/* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ModalRoot, { ...currentConfig, open: currentOpen, onOpenChange: (nextOpen) => {
-      currentConfig.onOpenChange?.(nextOpen);
-      if (!nextOpen) closeWithMotion();
-    } }));
+  function hide(delay = 0) {
+    clearTimers();
+    if (delay <= 0) closeNow();
+    else leaveTimer.current = window.setTimeout(closeNow, delay * 1e3);
   }
-  const handle = {
-    destroy: closeWithMotion,
-    update(next) {
-      if (destroyed) return;
-      currentConfig = { ...currentConfig, ...next };
-      render();
+  (0, import_react15.useEffect)(() => {
+    if (!visible || !triggers.includes("click")) return;
+    const close = (event) => {
+      const target = event.target;
+      if (!rootRef.current?.contains(target) && !overlayRef.current?.contains(target)) closeNow();
+    };
+    document.addEventListener("pointerdown", close);
+    return () => document.removeEventListener("pointerdown", close);
+  }, [triggers.join("|"), visible]);
+  (0, import_react15.useLayoutEffect)(() => {
+    if (!visible) {
+      setPosition(void 0);
+      return;
     }
-  };
-  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
+    const getAnchor = () => {
+      const root = rootRef.current;
+      const target = triggerElementRef.current;
+      return target && root?.contains(target) ? target : root?.firstElementChild ?? root;
+    };
+    const update = () => {
+      if (!rootRef.current || !overlayRef.current) return;
+      const anchor2 = getAnchor();
+      if (anchor2) {
+        const rect = anchor2.getBoundingClientRect();
+        const next = resolveFloatingPosition(rect, overlayRef.current.getBoundingClientRect(), placement, typeof arrow === "object" && !!arrow.pointAtCenter, autoAdjustOverflow);
+        next.hidden = isFloatingAnchorHidden(anchor2, rect);
+        setPosition(next);
+      }
+    };
+    update();
+    window.addEventListener("resize", update);
+    window.addEventListener("scroll", update, true);
+    window.addEventListener("animationend", update, true);
+    window.addEventListener("transitionend", update, true);
+    const observer = new ResizeObserver(update);
+    if (rootRef.current) observer.observe(rootRef.current);
+    const anchor = getAnchor();
+    if (anchor) observer.observe(anchor);
+    if (overlayRef.current) observer.observe(overlayRef.current);
+    return () => {
+      window.removeEventListener("resize", update);
+      window.removeEventListener("scroll", update, true);
+      window.removeEventListener("animationend", update, true);
+      window.removeEventListener("transitionend", update, true);
+      observer.disconnect();
+    };
+  }, [children, content, placement, visible, portalContainer, autoAdjustOverflow, typeof arrow === "object" && arrow.pointAtCenter]);
+  (0, import_react15.useEffect)(() => () => {
+    clearTimers();
+    if (activeTooltipClose === closeSelfRef.current) activeTooltipClose = void 0;
+  }, []);
+  const child = (0, import_react15.cloneElement)(children, {
+    ...triggers.includes("hover") ? { onMouseEnter: (event) => {
+      triggerElementRef.current = event.currentTarget;
+      children.props.onMouseEnter?.(event);
+      show(mouseEnterDelay);
+    }, onMouseLeave: (event) => {
+      children.props.onMouseLeave?.(event);
+      hide(mouseLeaveDelay);
+    } } : {},
+    ...triggers.includes("focus") ? { onFocus: (event) => {
+      triggerElementRef.current = event.currentTarget;
+      children.props.onFocus?.(event);
+      show();
+    }, onBlur: (event) => {
+      children.props.onBlur?.(event);
+      hide();
+    } } : {},
+    ...triggers.includes("click") ? { onClick: (event) => {
+      triggerElementRef.current = event.currentTarget;
+      children.props.onClick?.(event);
+      if (visible) closeNow();
+      else openNow();
+    } } : {},
+    "aria-describedby": visible ? contentId : void 0
   });
+  const overlay = visible && content !== null && content !== void 0 && typeof document !== "undefined" ? (0, import_react_dom2.createPortal)(
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+      "span",
+      {
+        ref: overlayRef,
+        id: contentId,
+        role,
+        "data-custom-color": color ? "" : void 0,
+        className: `sia-floating__overlay sia-floating__overlay--${position?.placement ?? normalizeFloatingPlacement(placement)} ${overlayClassName}`.trim(),
+        style: {
+          "--sia-floating-color": color,
+          "--sia-floating-arrow-x": position?.arrowX == null ? void 0 : `${position.arrowX}px`,
+          "--sia-floating-arrow-y": position?.arrowY == null ? void 0 : `${position.arrowY}px`,
+          top: position?.top ?? 0,
+          left: position?.left ?? 0,
+          visibility: position && !position.hidden ? "visible" : "hidden"
+        },
+        onMouseEnter: triggers.includes("hover") ? () => show() : void 0,
+        onMouseLeave: triggers.includes("hover") ? () => hide(mouseLeaveDelay) : void 0,
+        children: [
+          content,
+          arrow ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "sia-floating__arrow" }) : null
+        ]
+      }
+    ),
+    portalContainer ?? document.body
+  ) : null;
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { ref: rootRef, className: `sia-floating ${className}`.trim(), children: child }),
+    overlay
+  ] });
+}
+function Tooltip(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Floating, { ...props, content: props.title });
 }
-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,
+// src/components/Feedback.tsx
+var import_jsx_runtime14 = require("react/jsx-runtime");
+function Progress({
+  percent = 0,
+  type = "line",
+  status,
+  showInfo = true,
+  format,
+  strokeColor,
+  trailColor,
+  strokeWidth = 8,
+  width = 120,
+  steps,
+  success,
+  size = "default",
   className = "",
-  id,
-  disabled,
-  value,
-  defaultValue,
-  maxLength,
-  onChange,
+  style,
   ...props
-}, forwardedRef) {
-  const size = useControlSize(sizeProp);
-  const fallbackId = (0, import_react18.useId)();
-  const inputId = id ?? fallbackId;
-  const localRef = (0, import_react18.useRef)(null);
-  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 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 safe = Math.max(0, Math.min(100, percent));
+  const resolved = status ?? (safe >= 100 ? "success" : "normal");
+  const color = typeof strokeColor === "string" ? strokeColor : void 0;
+  const background = typeof strokeColor === "object" ? `linear-gradient(90deg, ${strokeColor.from}, ${strokeColor.to})` : color;
+  const label = format?.(safe, success?.percent) ?? (resolved === "exception" ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Icon, { name: "close" }) : resolved === "success" ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Icon, { name: "check" }) : `${safe}%`);
+  if (type !== "line") {
+    const radius = 46;
+    const circumference = 2 * Math.PI * radius;
+    const dash = circumference * (safe / 100);
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: `sia-progress sia-progress--${type} sia-progress--${resolved} ${className}`.trim(), style: { width, height: width, ...style }, ...withTitleTooltip(props), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("svg", { viewBox: "0 0 100 100", role: "progressbar", "aria-valuenow": safe, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("circle", { className: "sia-progress__trail", cx: "50", cy: "50", r: radius, style: { stroke: trailColor } }),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("circle", { className: "sia-progress__circle", cx: "50", cy: "50", r: radius, style: { stroke: color, strokeDasharray: type === "dashboard" ? `${circumference * 0.75} ${circumference * 0.25}` : circumference, strokeDashoffset: (type === "dashboard" ? circumference * 0.75 : circumference) - dash * (type === "dashboard" ? 0.75 : 1), strokeWidth } })
+      ] }),
+      showInfo ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "sia-progress__text", children: label }) : null
+    ] });
   }
-  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
+  const height = Array.isArray(size) ? size[1] : typeof size === "number" ? size : size === "small" ? 6 : strokeWidth;
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: `sia-progress sia-progress--line sia-progress--${resolved} ${className}`.trim(), style, ...withTitleTooltip(props), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "sia-progress__outer", style: { height, backgroundColor: trailColor }, children: steps ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "sia-progress__steps", children: Array.from({ length: steps }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: index < Math.round(steps * safe / 100) ? "is-active" : "", style: { background: index < Math.round(steps * safe / 100) ? background : trailColor } }, index)) }) : /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "sia-progress__bar", style: { width: `${safe}%`, background } }),
+      success?.percent ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "sia-progress__success", style: { width: `${success.percent}%`, background: success.strokeColor } }) : null
+    ] }) }),
+    showInfo ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "sia-progress__info", children: label }) : 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;
+// src/components/DataDisplay.tsx
+var import_react18 = require("react");
+var import_react_dom5 = require("react-dom");
+
+// src/components/Overlay.tsx
+var import_react17 = require("react");
+var import_react_dom4 = require("react-dom");
+var bodyLockCount = 0;
+var previousBodyOverflow = "";
+var overlayStack = [];
+function lockBodyScroll() {
+  if (bodyLockCount === 0) {
+    previousBodyOverflow = document.body.style.overflow;
+    document.body.style.overflow = "hidden";
   }
-  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);
+  bodyLockCount += 1;
+  return () => {
+    bodyLockCount = Math.max(0, bodyLockCount - 1);
+    if (bodyLockCount === 0) document.body.style.overflow = previousBodyOverflow;
+  };
 }
-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);
+function focusableElements(container) {
+  return [...container.querySelectorAll(
+    'a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])'
+  )].filter((element) => !element.hidden && element.getAttribute("aria-hidden") !== "true");
+}
+function useOverlayLifecycle(open, panelRef, onRequestClose, keyboard = true) {
+  const overlayIdRef = (0, import_react17.useRef)(/* @__PURE__ */ Symbol("sia-overlay"));
+  const closeRef = (0, import_react17.useRef)(onRequestClose);
+  closeRef.current = onRequestClose;
+  (0, import_react17.useEffect)(() => {
+    if (!open || typeof document === "undefined") return void 0;
+    const overlayId = overlayIdRef.current;
+    const previouslyFocused = document.activeElement instanceof HTMLElement ? document.activeElement : null;
+    overlayStack.push(overlayId);
+    const unlockBody = lockBodyScroll();
+    const focusTimer = window.setTimeout(() => {
+      const panel = panelRef.current;
+      if (!panel) return;
+      const [firstFocusable] = focusableElements(panel);
+      (firstFocusable ?? panel).focus({ preventScroll: true });
+    }, 0);
+    function handleKeyDown(event) {
+      if (overlayStack.at(-1) !== overlayId) return;
+      if (event.key === "Escape" && keyboard) {
+        event.preventDefault();
+        closeRef.current();
+        return;
       }
-      if (clipY) {
-        top = Math.max(top, rect.top);
-        bottom = Math.min(bottom, rect.bottom);
+      if (event.key !== "Tab" || !panelRef.current) return;
+      const focusable = focusableElements(panelRef.current);
+      if (focusable.length === 0) {
+        event.preventDefault();
+        panelRef.current.focus();
+        return;
+      }
+      const first = focusable[0];
+      const last = focusable.at(-1);
+      if (event.shiftKey && document.activeElement === first) {
+        event.preventDefault();
+        last.focus();
+      } else if (!event.shiftKey && document.activeElement === last) {
+        event.preventDefault();
+        first.focus();
       }
     }
-    parent = parent.parentElement;
+    document.addEventListener("keydown", handleKeyDown);
+    return () => {
+      window.clearTimeout(focusTimer);
+      document.removeEventListener("keydown", handleKeyDown);
+      const index = overlayStack.lastIndexOf(overlayId);
+      if (index >= 0) overlayStack.splice(index, 1);
+      unlockBody();
+      previouslyFocused?.focus({ preventScroll: true });
+    };
+  }, [keyboard, open, panelRef]);
+}
+function OverlayPortal({ children, container }) {
+  if (typeof document === "undefined") return null;
+  const target = typeof container === "function" ? container() : container ?? document.body;
+  return (0, import_react_dom4.createPortal)(children, target);
+}
+
+// src/components/DataDisplay.tsx
+var import_jsx_runtime15 = require("react/jsx-runtime");
+function BadgeRibbon({ text, color, placement = "end", className = "", children, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: `sia-ribbon-wrap ${className}`.trim(), ...withTitleTooltip(props), children: [
+    children,
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: `sia-ribbon sia-ribbon--${placement}`, style: { backgroundColor: color }, children: text })
+  ] });
+}
+function Badge({ count, showZero = false, overflowCount = 99, dot = false, status, text, color, offset = [0, 0], size = "default", className = "", children, style, ...props }) {
+  const numeric = typeof count === "number";
+  const hidden = !dot && !status && (count === void 0 || count === null || count === 0 && !showZero);
+  const display = numeric && count > overflowCount ? `${overflowCount}+` : count;
+  const badge = !hidden ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("sup", { className: `sia-badge__count${dot || status ? " sia-badge__dot" : ""}${status ? ` sia-badge__dot--${status}` : ""} sia-badge__count--${size}`, style: { backgroundColor: color, transform: `translate(calc(50% + ${offset[0]}px), calc(-50% + ${offset[1]}px))` }, children: dot || status ? null : display }) : null;
+  if (status && !children) return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("span", { className: `sia-badge sia-badge--status ${className}`.trim(), style, ...withTitleTooltip(props), children: [
+    badge,
+    text ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "sia-badge__text", children: text }) : null
+  ] });
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("span", { className: `sia-badge ${className}`.trim(), style, ...withTitleTooltip(props), children: [
+    children,
+    badge,
+    text && !status ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "sia-badge__text", children: text }) : null
+  ] });
+}
+Badge.Ribbon = BadgeRibbon;
+function CollapsePanel({
+  open,
+  forceRender = false,
+  destroyInactivePanel = false,
+  children
+}) {
+  const [keepChildren, setKeepChildren] = (0, import_react18.useState)(open || forceRender || !destroyInactivePanel);
+  (0, import_react18.useEffect)(() => {
+    if (open || forceRender || !destroyInactivePanel) {
+      setKeepChildren(true);
+      return void 0;
+    }
+    const timer = window.setTimeout(() => setKeepChildren(false), 240);
+    return () => window.clearTimeout(timer);
+  }, [destroyInactivePanel, forceRender, open]);
+  const renderChildren = open || forceRender || !destroyInactivePanel || keepChildren;
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "sia-collapse__panel", "aria-hidden": !open, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "sia-collapse__panel-motion", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "sia-collapse__panel-body", children: renderChildren ? children : null }) }) });
+}
+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_react18.useState)(normalize(defaultActiveKey));
+  const openKeys = controlled ? normalize(activeKey) : internal;
+  function toggle(item) {
+    if (item.disabled || item.collapsible === "disabled") return;
+    const open = openKeys.includes(item.key);
+    const next = accordion ? open ? [] : [item.key] : open ? openKeys.filter((key) => key !== item.key) : [...openKeys, item.key];
+    if (!controlled) setInternal(next);
+    onChange?.(accordion ? next[0] ?? "" : next);
   }
+  const borderClassName = !bordered || ghost ? "sia-collapse--borderless" : "sia-collapse--bordered";
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: `sia-collapse ${borderClassName}${ghost ? " sia-collapse--ghost" : ""} sia-collapse--icon-${expandIconPosition} ${className}`.trim(), ...withTitleTooltip(props), children: items.map((item) => {
+    const open = openKeys.includes(item.key);
+    const arrow = item.showArrow === false ? null : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("button", { type: "button", className: "sia-collapse__arrow", "aria-label": open ? "\u6536\u8D77" : "\u5C55\u5F00", onClick: item.collapsible === "icon" ? () => toggle(item) : void 0, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Icon, { name: "chevron-right", size: 14 }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("section", { className: `sia-collapse__item${open ? " is-open" : ""}${item.disabled ? " is-disabled" : ""} ${item.className ?? ""}`.trim(), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("header", { className: "sia-collapse__header", role: "button", tabIndex: item.disabled ? -1 : 0, "aria-expanded": open, onClick: item.collapsible === "icon" ? void 0 : () => toggle(item), onKeyDown: (event) => {
+        if (event.key === "Enter" || event.key === " ") {
+          event.preventDefault();
+          toggle(item);
+        }
+      }, children: [
+        expandIconPosition === "start" ? arrow : null,
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "sia-collapse__label", children: item.label }),
+        item.extra ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "sia-collapse__extra", onClick: (event) => event.stopPropagation(), children: item.extra }) : null,
+        expandIconPosition === "end" ? arrow : null
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(CollapsePanel, { open, forceRender: item.forceRender, destroyInactivePanel, children: item.children })
+    ] }, item.key);
+  }) });
+}
+function ImagePreview({ open, src, alt = "", onOpenChange }) {
+  const previewRef = (0, import_react18.useRef)(null);
+  const stageRef = (0, import_react18.useRef)(null);
+  const [natural, setNatural] = (0, import_react18.useState)({ src: "", width: 0, height: 0 });
+  const [area, setArea] = (0, import_react18.useState)({ width: 0, height: 0 });
+  const [zoom, setZoom] = (0, import_react18.useState)(1);
+  const [rotation, setRotation] = (0, import_react18.useState)(0);
+  const [flip, setFlip] = (0, import_react18.useState)({ x: 1, y: 1 });
+  const [pan, setPan] = (0, import_react18.useState)({ x: 0, y: 0 });
+  const [failed, setFailed] = (0, import_react18.useState)(false);
+  const drag = (0, import_react18.useRef)();
+  useOverlayLifecycle(open, previewRef, () => onOpenChange(false));
+  const reset = () => {
+    setZoom(1);
+    setRotation(0);
+    setFlip({ x: 1, y: 1 });
+    setPan({ x: 0, y: 0 });
+    drag.current = void 0;
+  };
+  (0, import_react18.useEffect)(() => {
+    reset();
+    setFailed(false);
+  }, [open, src]);
+  (0, import_react18.useEffect)(() => {
+    const stage = stageRef.current;
+    if (!open || !stage) return;
+    const measure = () => {
+      setArea({ width: stage.clientWidth, height: stage.clientHeight });
+      setPan({ x: 0, y: 0 });
+    };
+    measure();
+    const observer = new ResizeObserver(measure);
+    observer.observe(stage);
+    return () => observer.disconnect();
+  }, [open, src]);
+  const ready = natural.src === src && natural.width > 0 && area.width > 0 && area.height > 0 && !failed;
+  const sideways = Math.abs(rotation % 180) === 90;
+  const fit = ready ? Math.min(1, area.width / (sideways ? natural.height : natural.width), area.height / (sideways ? natural.width : natural.height)) : 0;
+  const changeZoom = (factor) => setZoom((value) => Math.max(0.25, Math.min(8, value * factor)));
+  if (!open || !src || typeof document === "undefined") return null;
+  return (0, import_react_dom5.createPortal)(/* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { ref: previewRef, className: "sia-image-preview", role: "dialog", "aria-modal": "true", "aria-label": "\u56FE\u7247\u9884\u89C8", tabIndex: -1, onClick: () => onOpenChange(false), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Button, { variant: "text", className: "sia-image-preview__close", "aria-label": "\u5173\u95ED\u9884\u89C8", onClick: (event) => {
+      event.stopPropagation();
+      onOpenChange(false);
+    }, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Icon, { name: "close" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { ref: stageRef, className: "sia-image-preview__stage", children: failed ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "sia-image-preview__error", children: "\u56FE\u7247\u52A0\u8F7D\u5931\u8D25" }) : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+      "img",
+      {
+        src,
+        alt,
+        draggable: false,
+        style: { width: natural.width * fit, height: natural.height * fit, visibility: ready ? "visible" : "hidden", transform: `translate(${pan.x}px, ${pan.y}px) rotate(${rotation}deg) scale(${zoom * flip.x}, ${zoom * flip.y})` },
+        onLoad: (event) => setNatural({ src, width: event.currentTarget.naturalWidth, height: event.currentTarget.naturalHeight }),
+        onError: () => setFailed(true),
+        onClick: (event) => event.stopPropagation(),
+        onPointerDown: (event) => {
+          if (event.button !== 0) return;
+          event.preventDefault();
+          event.stopPropagation();
+          event.currentTarget.setPointerCapture(event.pointerId);
+          drag.current = { id: event.pointerId, x: event.clientX, y: event.clientY, left: pan.x, top: pan.y };
+        },
+        onPointerMove: (event) => {
+          const start = drag.current;
+          if (start?.id === event.pointerId) setPan({ x: start.left + event.clientX - start.x, y: start.top + event.clientY - start.y });
+        },
+        onPointerUp: () => {
+          drag.current = void 0;
+        },
+        onPointerCancel: () => {
+          drag.current = void 0;
+        },
+        onLostPointerCapture: () => {
+          drag.current = void 0;
+        }
+      },
+      src
+    ) }),
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "sia-image-preview__toolbar", role: "toolbar", "aria-label": "\u56FE\u7247\u64CD\u4F5C", onClick: (event) => event.stopPropagation(), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Button, { variant: "text", title: "\u6C34\u5E73\u7FFB\u8F6C", "aria-label": "\u6C34\u5E73\u7FFB\u8F6C", disabled: !ready, onClick: () => setFlip((value) => ({ ...value, x: -value.x })), children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Icon, { name: "flip-horizontal", size: 20 }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Button, { variant: "text", title: "\u5782\u76F4\u7FFB\u8F6C", "aria-label": "\u5782\u76F4\u7FFB\u8F6C", disabled: !ready, onClick: () => setFlip((value) => ({ ...value, y: -value.y })), children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Icon, { name: "flip-vertical", size: 20 }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Button, { variant: "text", title: "\u5411\u5DE6\u65CB\u8F6C", "aria-label": "\u5411\u5DE6\u65CB\u8F6C", disabled: !ready, onClick: () => {
+        setRotation((value) => value - 90);
+        setPan({ x: 0, y: 0 });
+      }, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Icon, { name: "rotate-left", size: 20 }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Button, { variant: "text", title: "\u5411\u53F3\u65CB\u8F6C", "aria-label": "\u5411\u53F3\u65CB\u8F6C", disabled: !ready, onClick: () => {
+        setRotation((value) => value + 90);
+        setPan({ x: 0, y: 0 });
+      }, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Icon, { name: "rotate-right", size: 20 }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Button, { variant: "text", title: "\u7F29\u5C0F", "aria-label": "\u7F29\u5C0F", disabled: !ready || zoom <= 0.25, onClick: () => changeZoom(1 / 1.25), children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Icon, { name: "zoom-out", size: 20 }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("output", { className: "sia-image-preview__scale", "aria-label": "\u5F53\u524D\u7F29\u653E\u6BD4\u4F8B", "aria-live": "polite", children: ready ? `${Math.round(fit * zoom * 100)}%` : "\u2014" }),
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Button, { variant: "text", title: "\u653E\u5927", "aria-label": "\u653E\u5927", disabled: !ready || zoom >= 8, onClick: () => changeZoom(1.25), children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Icon, { name: "zoom-in", size: 20 }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Button, { variant: "text", title: "\u9002\u5E94\u7A97\u53E3", "aria-label": "\u9002\u5E94\u7A97\u53E3", disabled: !ready, onClick: reset, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Icon, { name: "refresh", size: 20 }) })
+    ] })
+  ] }), document.body);
+}
+
+// src/components/FloatingPlaceholder.tsx
+var import_jsx_runtime16 = require("react/jsx-runtime");
+function useFloatingPlaceholder({ mode, placeholder, filled, active = false }) {
+  const enabled = usePlaceholderMode(mode) === "floating" && Boolean(placeholder);
   return {
-    top,
-    right,
-    bottom,
-    left,
-    width: Math.max(0, right - left),
-    height: Math.max(0, bottom - top)
+    enabled,
+    className: enabled ? ` sia-placeholder-floating${filled ? " sia-placeholder-floating--filled" : ""}${active ? " sia-placeholder-floating--active" : ""}` : "",
+    label: enabled ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "sia-floating-placeholder", "aria-hidden": "true", children: placeholder }) : 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 managedSelector = ".sia-table__viewport, [data-sia-native-scrollbar], .sia-scrollbar-track, .sia-floating-scrollbar-layer";
-      const discovered = [];
-      if (!targetRef) {
-        const walker = document.createTreeWalker(document.body, NodeFilter.SHOW_ELEMENT, {
-          acceptNode: (node) => node.matches(managedSelector) ? NodeFilter.FILTER_REJECT : NodeFilter.FILTER_ACCEPT
-        });
-        for (let node = walker.nextNode(); node; node = walker.nextNode()) {
-          if (node instanceof HTMLElement) discovered.push(node);
-        }
+
+// src/components/Select.tsx
+var import_react23 = require("react");
+
+// src/components/Modal.tsx
+var import_react19 = require("react");
+var import_client3 = require("react-dom/client");
+var import_jsx_runtime17 = require("react/jsx-runtime");
+var modalHandles = /* @__PURE__ */ new Set();
+var MODAL_MOTION_DURATION = 220;
+var typeIcons = {
+  info: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Icon, { name: "info", size: 23 }),
+  success: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Icon, { name: "circle-check", size: 23 }),
+  warning: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Icon, { name: "warning", size: 23 }),
+  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_react19.forwardRef)(function Modal({
+  open,
+  title,
+  children,
+  footer,
+  footerExtra,
+  type = "default",
+  okText = "\u786E\u5B9A",
+  cancelText = "\u53D6\u6D88",
+  showCancel = type === "default" || type === "confirm",
+  confirmLoading = false,
+  okButtonProps,
+  cancelButtonProps,
+  closable = true,
+  maskClosable = true,
+  keyboard = true,
+  centered = false,
+  width = 520,
+  height,
+  zIndex = 1e3,
+  getContainer,
+  onOk,
+  onCancel,
+  onOpenChange,
+  afterOpenChange,
+  className = "",
+  style,
+  ...props
+}, forwardedRef) {
+  const localRef = (0, import_react19.useRef)(null);
+  const titleId = (0, import_react19.useId)();
+  const [submitting, setSubmitting] = (0, import_react19.useState)(false);
+  const [rendered, setRendered] = (0, import_react19.useState)(open);
+  const [closing, setClosing] = (0, import_react19.useState)(false);
+  const afterOpenChangeRef = (0, import_react19.useRef)(afterOpenChange);
+  afterOpenChangeRef.current = afterOpenChange;
+  const submitLock = (0, import_react19.useRef)(false);
+  (0, import_react19.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_react19.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);
       }
-      const candidates = (targetRef ? [targetRef.current] : [document.scrollingElement, ...discovered]).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);
+    } 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
+          ]
         }
-      });
-      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) => {
-        const target = mutation.target instanceof Element ? mutation.target : mutation.target.parentElement;
-        return target && !layer.contains(target) && !target.closest(".sia-table__viewport, [data-sia-native-scrollbar], .sia-scrollbar-track");
-      })) scheduleScan();
-    });
-    mutationObserver.observe(document.documentElement, { subtree: true, childList: true, attributes: true, attributeFilter: ["class", "style", "hidden"] });
-    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;
+      )
+    }
+  ) });
+});
+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_react20 = require("react");
+var import_jsx_runtime18 = require("react/jsx-runtime");
+var Input = (0, import_react20.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_react20.useId)();
+  const inputId = id ?? fallbackId;
+  const localRef = (0, import_react20.useRef)(null);
+  const [uncontrolledValue, setUncontrolledValue] = (0, import_react20.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_react21 = require("react");
 var import_jsx_runtime19 = require("react/jsx-runtime");
 function SelectionPanel({
   options,