@hxdhxd/harmony-flow-ui 0.2.0 → 0.3.0

package/dist/index.js

@@ -2442,30 +2442,307 @@ function MobileNavigation({ brand, items, mode = "drawer", activeKey, open, onOp
 // src/navigation/Scrollspy.tsx
 import { useEffect as useEffect9, useState as useState22 } from "react";
 import { jsx as jsx40 } from "react/jsx-runtime";
-function Scrollspy({ items, activeKey, onItemSelect, rootMargin = "-20% 0px -65%", className = "", ...props }) {
+function Scrollspy({ items, activeKey, onItemSelect, rootMargin = "-20% 0px -65%", target, className = "", ...props }) {
   const [observedKey, setObservedKey] = useState22(items[0]?.key);
   const currentKey = activeKey ?? observedKey;
   useEffect9(() => {
-    if (activeKey || !("IntersectionObserver" in window)) return;
-    const observer = new IntersectionObserver((entries) => {
+    const view = target?.ownerDocument.defaultView ?? window;
+    const Observer = view.IntersectionObserver;
+    if (activeKey !== void 0 || target === null || !Observer) return;
+    const observer = new Observer((entries) => {
       const visible = entries.find((entry) => entry.isIntersecting);
       if (visible?.target.id) setObservedKey(visible.target.id);
-    }, { rootMargin });
+    }, { root: target ?? null, rootMargin });
     items.forEach((item) => {
-      const section = document.getElementById(item.key);
-      if (section) observer.observe(section);
+      const section = target ? [...target.querySelectorAll("[id]")].find((element) => element.id === item.key) : view.document.getElementById(item.key);
+      if (section && (!target || target.contains(section))) observer.observe(section);
     });
     return () => observer.disconnect();
-  }, [activeKey, items, rootMargin]);
+  }, [activeKey, items, rootMargin, target]);
   return /* @__PURE__ */ jsx40("nav", { className: `hf-scrollspy ${className}`.trim(), "aria-label": "\u9875\u5185\u5BFC\u822A", ...props, children: items.map((item) => /* @__PURE__ */ jsx40("a", { href: item.href ?? `#${item.key}`, "aria-current": currentKey === item.key ? "location" : void 0, onClick: () => onItemSelect?.(item), children: item.label }, item.key)) });
 }
 
-// src/navigation/ShrinkNav.tsx
+// src/navigation/BackToTop.tsx
 import { useEffect as useEffect10, useState as useState23 } from "react";
 import { jsx as jsx41, jsxs as jsxs36 } from "react/jsx-runtime";
-function ShrinkNav({ brand, items, threshold = 48, action, activeKey, onItemSelect, className = "", ...props }) {
-  const [compact, setCompact] = useState23(false);
+function BackToTop({ target, threshold = 320, behavior = "smooth", label = "\u8FD4\u56DE\u9876\u90E8", onActivate, className = "", ...props }) {
+  const [visible, setVisible] = useState23(false);
   useEffect10(() => {
+    if (target === null) {
+      setVisible(false);
+      return;
+    }
+    const view = target?.ownerDocument.defaultView ?? window;
+    const source = target ?? view;
+    const measure = () => setVisible((target?.scrollTop ?? view.scrollY) >= threshold);
+    measure();
+    source.addEventListener("scroll", measure, { passive: true });
+    return () => source.removeEventListener("scroll", measure);
+  }, [target, threshold]);
+  const handleActivate = () => {
+    const view = target?.ownerDocument.defaultView ?? window;
+    const reduceMotion = view.matchMedia?.("(prefers-reduced-motion: reduce)").matches;
+    const resolvedBehavior = reduceMotion ? "auto" : behavior;
+    if (target) target.scrollTo({ top: 0, behavior: resolvedBehavior });
+    else view.scrollTo({ top: 0, behavior: resolvedBehavior });
+    onActivate?.();
+  };
+  if (!visible) return null;
+  return /* @__PURE__ */ jsxs36("button", { ...props, type: "button", className: `hf-back-to-top hf-back-to-top--visible ${className}`.trim(), onClick: handleActivate, children: [
+    /* @__PURE__ */ jsx41("span", { "aria-hidden": "true", children: "\u2191" }),
+    /* @__PURE__ */ jsx41("span", { children: label })
+  ] });
+}
+
+// src/navigation/HierarchicalSidebar.tsx
+import { useEffect as useEffect11, useMemo as useMemo5, useState as useState24 } from "react";
+
+// src/navigation/navigationTree.ts
+function flattenNavigationItems(items) {
+  return items.flatMap((item) => [item, ...flattenNavigationItems(item.children ?? [])]);
+}
+function getNavigationAncestorKeys(items, activeKey) {
+  if (!activeKey) return [];
+  for (const item of items) {
+    if (item.key === activeKey) return [];
+    const childPath = getNavigationAncestorKeys(item.children ?? [], activeKey);
+    if (childPath.length || item.children?.some((child) => child.key === activeKey)) return [item.key, ...childPath];
+  }
+  return [];
+}
+
+// src/navigation/HierarchicalSidebar.tsx
+import { jsx as jsx42, jsxs as jsxs37 } from "react/jsx-runtime";
+function HierarchicalSidebar({ items, title = "\u5185\u5BB9\u5BFC\u822A", activeKey, onItemSelect, expandedKeys, defaultExpandedKeys = [], onExpandedChange, className = "", ...props }) {
+  const [internalExpanded, setInternalExpanded] = useState24(() => /* @__PURE__ */ new Set([...defaultExpandedKeys, ...getNavigationAncestorKeys(items, activeKey)]));
+  const activeAncestorKeys = useMemo5(() => getNavigationAncestorKeys(items, activeKey), [activeKey, items]);
+  const activeAncestorSignature = activeAncestorKeys.join("\0");
+  const expanded = new Set(expandedKeys ?? internalExpanded);
+  useEffect11(() => {
+    if (expandedKeys !== void 0) return;
+    setInternalExpanded((current) => {
+      const next = new Set(current);
+      activeAncestorKeys.forEach((key) => next.add(key));
+      return next;
+    });
+  }, [activeAncestorSignature, expandedKeys]);
+  const toggle = (key) => {
+    const next = new Set(expandedKeys ?? internalExpanded);
+    if (next.has(key)) next.delete(key);
+    else next.add(key);
+    if (expandedKeys === void 0) setInternalExpanded(next);
+    onExpandedChange?.([...next]);
+  };
+  const renderItems = (nodes, level = 0) => /* @__PURE__ */ jsx42("ul", { className: "hf-hierarchical-sidebar__list", "data-level": level, children: nodes.map((item) => {
+    const hasChildren = Boolean(item.children?.length);
+    const isExpanded = expanded.has(item.key);
+    return /* @__PURE__ */ jsxs37("li", { children: [
+      hasChildren ? /* @__PURE__ */ jsxs37("button", { type: "button", className: "hf-hierarchical-sidebar__group", "aria-expanded": isExpanded, onClick: () => toggle(item.key), children: [
+        /* @__PURE__ */ jsx42("span", { children: item.icon }),
+        /* @__PURE__ */ jsx42("span", { children: item.label }),
+        /* @__PURE__ */ jsx42("span", { "aria-hidden": "true", className: "hf-hierarchical-sidebar__chevron", children: "\u203A" })
+      ] }) : /* @__PURE__ */ jsxs37("a", { href: item.href ?? `#${item.key}`, "aria-current": activeKey === item.key ? "location" : void 0, onClick: () => onItemSelect?.(item), children: [
+        item.icon && /* @__PURE__ */ jsx42("span", { "aria-hidden": "true", children: item.icon }),
+        /* @__PURE__ */ jsx42("span", { children: item.label })
+      ] }),
+      hasChildren && isExpanded && renderItems(item.children ?? [], level + 1)
+    ] }, item.key);
+  }) });
+  return /* @__PURE__ */ jsxs37("aside", { className: `hf-hierarchical-sidebar ${className}`.trim(), ...props, children: [
+    /* @__PURE__ */ jsx42("div", { className: "hf-hierarchical-sidebar__title", children: title }),
+    /* @__PURE__ */ jsx42("nav", { "aria-label": "\u5C42\u7EA7\u4FA7\u680F", children: renderItems(items) })
+  ] });
+}
+
+// src/navigation/useReadingPosition.ts
+import { useEffect as useEffect12, useState as useState25 } from "react";
+function useReadingPosition(target) {
+  const [snapshot, setSnapshot] = useState25({ target, value: 0 });
+  useEffect12(() => {
+    if (target === null) return;
+    const view = target?.ownerDocument.defaultView ?? window;
+    const root = target ?? view.document.documentElement;
+    const events = target ?? view;
+    let frame = 0;
+    let disposed = false;
+    const measure = () => {
+      frame = 0;
+      if (disposed) return;
+      const viewport = target ? root.clientHeight : view.innerHeight;
+      const height = target ? root.scrollHeight : Math.max(root.scrollHeight, view.document.body?.scrollHeight ?? 0);
+      const offset = target ? root.scrollTop : view.scrollY;
+      const range = Math.max(0, height - viewport);
+      const value = range === 0 ? 100 : Math.round(Math.min(1, Math.max(0, offset / range)) * 100);
+      setSnapshot((previous) => previous.target === target && previous.value === value ? previous : { target, value });
+    };
+    const schedule = () => {
+      if (!disposed && !frame) frame = view.requestAnimationFrame(measure);
+    };
+    const resize = new ResizeObserver(schedule);
+    const observeContent = () => {
+      resize.disconnect();
+      resize.observe(root);
+      for (const child of root.children) resize.observe(child);
+      if (!target && view.document.body) {
+        resize.observe(view.document.body);
+        for (const child of view.document.body.children) resize.observe(child);
+      }
+      schedule();
+    };
+    const mutations = new MutationObserver(observeContent);
+    mutations.observe(root, { childList: true, subtree: true, characterData: true, attributes: true });
+    events.addEventListener("scroll", schedule, { passive: true });
+    view.addEventListener("resize", schedule);
+    root.addEventListener("load", schedule, true);
+    observeContent();
+    return () => {
+      disposed = true;
+      view.cancelAnimationFrame(frame);
+      resize.disconnect();
+      mutations.disconnect();
+      events.removeEventListener("scroll", schedule);
+      view.removeEventListener("resize", schedule);
+      root.removeEventListener("load", schedule, true);
+    };
+  }, [target]);
+  return target === null || snapshot.target !== target ? 0 : snapshot.value;
+}
+
+// src/navigation/ReadingProgress.tsx
+import { jsx as jsx43, jsxs as jsxs38 } from "react/jsx-runtime";
+function ReadingProgress({ target, label = "\u9605\u8BFB\u8FDB\u5EA6", showValue = true, className = "" }) {
+  const value = useReadingPosition(target);
+  const name = label.trim() || "\u9605\u8BFB\u8FDB\u5EA6";
+  return /* @__PURE__ */ jsxs38("div", { className: `hf-reading-progress ${className}`.trim(), children: [
+    showValue && /* @__PURE__ */ jsxs38("div", { className: "hf-reading-progress__caption", "aria-hidden": "true", children: [
+      /* @__PURE__ */ jsx43("span", { children: name }),
+      /* @__PURE__ */ jsxs38("span", { children: [
+        value,
+        "%"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx43(
+      "div",
+      {
+        className: "hf-reading-progress__track",
+        role: "progressbar",
+        "aria-label": name,
+        "aria-valuemin": 0,
+        "aria-valuemax": 100,
+        "aria-valuenow": value,
+        children: /* @__PURE__ */ jsx43("span", { className: "hf-reading-progress__fill", style: { width: `${value}%` } })
+      }
+    )
+  ] });
+}
+
+// src/navigation/LongPageNavigation.tsx
+import { jsx as jsx44, jsxs as jsxs39 } from "react/jsx-runtime";
+function LongPageNavigation({ items, target, title = "\u672C\u9875\u5185\u5BB9", progressLabel = "\u9605\u8BFB\u8FDB\u5EA6", rootMargin, backToTopThreshold = 320, showProgress = true, activeKey, onItemSelect, className = "", ...props }) {
+  const flattenedItems = flattenNavigationItems(items);
+  return /* @__PURE__ */ jsxs39("aside", { className: `hf-long-page-navigation ${className}`.trim(), ...props, children: [
+    showProgress && /* @__PURE__ */ jsx44(ReadingProgress, { target, label: progressLabel }),
+    /* @__PURE__ */ jsx44("div", { className: "hf-long-page-navigation__title", children: title }),
+    /* @__PURE__ */ jsx44(Scrollspy, { items: flattenedItems, target, rootMargin, activeKey, onItemSelect }),
+    /* @__PURE__ */ jsx44(BackToTop, { target, threshold: backToTopThreshold })
+  ] });
+}
+
+// src/navigation/BottomNavigation.tsx
+import { jsx as jsx45, jsxs as jsxs40 } from "react/jsx-runtime";
+function BottomNavigation({ items, label = "\u5E95\u90E8\u5BFC\u822A", activeKey, onItemSelect, className = "", ...props }) {
+  return /* @__PURE__ */ jsx45("nav", { className: `hf-bottom-navigation ${className}`.trim(), "aria-label": label, ...props, children: items.map((item) => /* @__PURE__ */ jsxs40("a", { href: item.href ?? `#${item.key}`, "aria-current": activeKey === item.key ? "page" : void 0, onClick: () => activateNavigationItem(item, onItemSelect), children: [
+    item.icon && /* @__PURE__ */ jsx45("span", { className: "hf-bottom-navigation__icon", "aria-hidden": "true", children: item.icon }),
+    /* @__PURE__ */ jsx45("span", { children: item.label })
+  ] }, item.key)) });
+}
+
+// src/navigation/PullToRefresh.tsx
+import { useRef as useRef11, useState as useState26 } from "react";
+import { jsx as jsx46, jsxs as jsxs41 } from "react/jsx-runtime";
+function PullToRefresh({ children, onRefresh, threshold = 72, disabled = false, label = "\u5237\u65B0\u5185\u5BB9", onRefreshError, className = "", onPointerDown, onPointerMove, onPointerUp, onPointerCancel, ...props }) {
+  const rootRef = useRef11(null);
+  const gestureRef = useRef11(null);
+  const [distance, setDistance] = useState26(0);
+  const [refreshing, setRefreshing] = useState26(false);
+  const refreshingRef = useRef11(false);
+  const runRefresh = async () => {
+    if (disabled || refreshingRef.current) return;
+    refreshingRef.current = true;
+    setRefreshing(true);
+    try {
+      await onRefresh();
+    } catch (error) {
+      onRefreshError?.(error);
+    } finally {
+      refreshingRef.current = false;
+      setRefreshing(false);
+    }
+  };
+  const start = (event) => {
+    if (disabled || refreshingRef.current || event.isPrimary === false || rootRef.current?.scrollTop !== 0 || event.target.closest('button, a, input, select, textarea, summary, label, video, audio, [contenteditable], [role="button"], [role="slider"]')) return;
+    gestureRef.current = { pointerId: event.pointerId, startX: event.clientX, startY: event.clientY, tracking: false };
+  };
+  const move = (event) => {
+    const gesture = gestureRef.current;
+    if (!gesture || gesture.pointerId !== event.pointerId) return;
+    const dx = event.clientX - gesture.startX;
+    const dy = event.clientY - gesture.startY;
+    if (!gesture.tracking && (dy <= 8 || Math.abs(dx) >= dy)) {
+      if (Math.abs(dx) > 8 || dy < 0) gestureRef.current = null;
+      return;
+    }
+    gesture.tracking = true;
+    event.currentTarget.setPointerCapture(event.pointerId);
+    setDistance(Math.min(threshold * 1.35, dy * 0.55));
+  };
+  const finish = async (event) => {
+    const gesture = gestureRef.current;
+    gestureRef.current = null;
+    if (!gesture || gesture.pointerId !== event.pointerId) return;
+    const shouldRefresh = distance >= threshold;
+    setDistance(0);
+    if (!shouldRefresh) return;
+    await runRefresh();
+  };
+  const refresh = async () => {
+    await runRefresh();
+  };
+  return /* @__PURE__ */ jsxs41("div", { ...props, ref: rootRef, className: `hf-pull-to-refresh${distance > 0 ? " hf-pull-to-refresh--dragging" : ""} ${className}`.trim(), onPointerDown: (event) => {
+    start(event);
+    onPointerDown?.(event);
+  }, onPointerMove: (event) => {
+    move(event);
+    onPointerMove?.(event);
+  }, onPointerUp: (event) => {
+    void finish(event);
+    onPointerUp?.(event);
+  }, onPointerCancel: (event) => {
+    gestureRef.current = null;
+    setDistance(0);
+    onPointerCancel?.(event);
+  }, children: [
+    /* @__PURE__ */ jsx46("div", { className: "hf-pull-to-refresh__indicator", style: { "--hf-pull-distance": `${distance}px` }, "aria-live": "polite", children: /* @__PURE__ */ jsx46("button", { type: "button", onClick: () => void refresh(), disabled: disabled || refreshing, children: refreshing ? "\u6B63\u5728\u5237\u65B0\u2026" : distance >= threshold ? "\u677E\u5F00\u5237\u65B0" : label }) }),
+    /* @__PURE__ */ jsx46("div", { className: "hf-pull-to-refresh__content", style: { transform: `translateY(${distance}px)` }, children })
+  ] });
+}
+
+// src/navigation/MobileContentNavigation.tsx
+import { jsx as jsx47, jsxs as jsxs42 } from "react/jsx-runtime";
+function MobileContentNavigation({ items, children, onRefresh, refreshThreshold, navigationLabel, activeKey, onItemSelect, className = "", ...props }) {
+  const content = onRefresh ? /* @__PURE__ */ jsx47(PullToRefresh, { onRefresh, threshold: refreshThreshold, children }) : children;
+  return /* @__PURE__ */ jsxs42("div", { className: `hf-mobile-content-navigation${onRefresh ? " hf-mobile-content-navigation--refreshable" : ""} ${className}`.trim(), ...props, children: [
+    /* @__PURE__ */ jsx47("div", { className: "hf-mobile-content-navigation__body", children: content }),
+    /* @__PURE__ */ jsx47(BottomNavigation, { items, label: navigationLabel, activeKey, onItemSelect })
+  ] });
+}
+
+// src/navigation/ShrinkNav.tsx
+import { useEffect as useEffect13, useState as useState27 } from "react";
+import { jsx as jsx48, jsxs as jsxs43 } from "react/jsx-runtime";
+function ShrinkNav({ brand, items, threshold = 48, action, activeKey, onItemSelect, className = "", ...props }) {
+  const [compact, setCompact] = useState27(false);
+  useEffect13(() => {
     let frame = 0;
     const update = () => {
       cancelAnimationFrame(frame);
@@ -2478,16 +2755,16 @@ function ShrinkNav({ brand, items, threshold = 48, action, activeKey, onItemSele
       window.removeEventListener("scroll", update);
     };
   }, [threshold]);
-  return /* @__PURE__ */ jsxs36("nav", { className: `hf-shrink-nav ${compact ? "hf-shrink-nav--compact" : ""} ${className}`.trim(), "aria-label": "\u6EDA\u52A8\u5BFC\u822A", ...props, children: [
-    /* @__PURE__ */ jsx41("div", { className: "hf-shrink-nav__brand", children: brand }),
-    /* @__PURE__ */ jsx41("div", { className: "hf-shrink-nav__items", children: items.map((item) => /* @__PURE__ */ jsx41("a", { href: item.href ?? "#", "aria-current": activeKey === item.key ? "page" : void 0, onClick: () => onItemSelect?.(item), children: item.label }, item.key)) }),
+  return /* @__PURE__ */ jsxs43("nav", { className: `hf-shrink-nav ${compact ? "hf-shrink-nav--compact" : ""} ${className}`.trim(), "aria-label": "\u6EDA\u52A8\u5BFC\u822A", ...props, children: [
+    /* @__PURE__ */ jsx48("div", { className: "hf-shrink-nav__brand", children: brand }),
+    /* @__PURE__ */ jsx48("div", { className: "hf-shrink-nav__items", children: items.map((item) => /* @__PURE__ */ jsx48("a", { href: item.href ?? "#", "aria-current": activeKey === item.key ? "page" : void 0, onClick: () => onItemSelect?.(item), children: item.label }, item.key)) }),
     action
   ] });
 }
 
 // src/navigation/Tabs.tsx
 import { useId as useId15 } from "react";
-import { jsx as jsx42, jsxs as jsxs37 } from "react/jsx-runtime";
+import { jsx as jsx49, jsxs as jsxs44 } from "react/jsx-runtime";
 function Tabs({ items, value, onChange, variant = "line", label = "\u5185\u5BB9\u6807\u7B7E" }) {
   const id = useId15();
   const active = items.find((item) => item.key === value) ?? items[0];
@@ -2500,43 +2777,43 @@ function Tabs({ items, value, onChange, variant = "line", label = "\u5185\u5BB9\
     const next = enabled[(current + offset + enabled.length) % enabled.length];
     if (next) onChange(next.key);
   };
-  return /* @__PURE__ */ jsxs37("div", { className: `hf-tabs hf-tabs--${variant}`, children: [
-    /* @__PURE__ */ jsx42("div", { role: "tablist", "aria-label": label, onKeyDown, children: items.map((item) => /* @__PURE__ */ jsxs37("button", { type: "button", role: "tab", id: `${id}-${item.key}`, "aria-controls": `${id}-${item.key}-panel`, "aria-selected": item.key === value, tabIndex: item.key === value ? 0 : -1, disabled: item.disabled, onClick: () => onChange(item.key), children: [
+  return /* @__PURE__ */ jsxs44("div", { className: `hf-tabs hf-tabs--${variant}`, children: [
+    /* @__PURE__ */ jsx49("div", { role: "tablist", "aria-label": label, onKeyDown, children: items.map((item) => /* @__PURE__ */ jsxs44("button", { type: "button", role: "tab", id: `${id}-${item.key}`, "aria-controls": `${id}-${item.key}-panel`, "aria-selected": item.key === value, tabIndex: item.key === value ? 0 : -1, disabled: item.disabled, onClick: () => onChange(item.key), children: [
       item.icon,
-      /* @__PURE__ */ jsx42("span", { children: item.label }),
-      item.badge && /* @__PURE__ */ jsx42("small", { children: item.badge })
+      /* @__PURE__ */ jsx49("span", { children: item.label }),
+      item.badge && /* @__PURE__ */ jsx49("small", { children: item.badge })
     ] }, item.key)) }),
-    active && /* @__PURE__ */ jsx42("div", { role: "tabpanel", id: `${id}-${active.key}-panel`, "aria-labelledby": `${id}-${active.key}`, tabIndex: 0, children: active.content })
+    active && /* @__PURE__ */ jsx49("div", { role: "tabpanel", id: `${id}-${active.key}-panel`, "aria-labelledby": `${id}-${active.key}`, tabIndex: 0, children: active.content })
   ] });
 }
 
 // src/navigation/Steps.tsx
-import { jsx as jsx43, jsxs as jsxs38 } from "react/jsx-runtime";
+import { jsx as jsx50, jsxs as jsxs45 } from "react/jsx-runtime";
 function Steps({ items, current, onChange, orientation = "horizontal" }) {
   const currentIndex = Math.max(0, items.findIndex((item) => item.key === current));
-  return /* @__PURE__ */ jsx43("ol", { className: `hf-steps hf-steps--${orientation}`, children: items.map((item, index) => {
+  return /* @__PURE__ */ jsx50("ol", { className: `hf-steps hf-steps--${orientation}`, children: items.map((item, index) => {
     const state = index < currentIndex ? "complete" : index === currentIndex ? "current" : "upcoming";
-    return /* @__PURE__ */ jsx43("li", { className: `is-${state}`, "aria-current": state === "current" ? "step" : void 0, children: /* @__PURE__ */ jsxs38("button", { type: "button", disabled: item.disabled || !onChange, onClick: () => onChange?.(item.key), children: [
-      /* @__PURE__ */ jsx43("span", { children: state === "complete" ? "\u2713" : index + 1 }),
-      /* @__PURE__ */ jsxs38("span", { children: [
-        /* @__PURE__ */ jsx43("strong", { children: item.title }),
-        item.optional && /* @__PURE__ */ jsx43("small", { children: "\u53EF\u9009" }),
-        item.description && /* @__PURE__ */ jsx43("small", { children: item.description })
+    return /* @__PURE__ */ jsx50("li", { className: `is-${state}`, "aria-current": state === "current" ? "step" : void 0, children: /* @__PURE__ */ jsxs45("button", { type: "button", disabled: item.disabled || !onChange, onClick: () => onChange?.(item.key), children: [
+      /* @__PURE__ */ jsx50("span", { children: state === "complete" ? "\u2713" : index + 1 }),
+      /* @__PURE__ */ jsxs45("span", { children: [
+        /* @__PURE__ */ jsx50("strong", { children: item.title }),
+        item.optional && /* @__PURE__ */ jsx50("small", { children: "\u53EF\u9009" }),
+        item.description && /* @__PURE__ */ jsx50("small", { children: item.description })
       ] })
     ] }) }, item.key);
   }) });
 }
 
 // src/navigation/CommandPalette.tsx
-import { useEffect as useEffect11, useMemo as useMemo5, useState as useState24 } from "react";
+import { useEffect as useEffect14, useMemo as useMemo6, useState as useState28 } from "react";
 import { createPortal as createPortal4 } from "react-dom";
-import { jsx as jsx44, jsxs as jsxs39 } from "react/jsx-runtime";
+import { jsx as jsx51, jsxs as jsxs46 } from "react/jsx-runtime";
 function CommandPalette({ open, onOpenChange, items, onSelect, placeholder = "\u8F93\u5165\u547D\u4EE4\u6216\u641C\u7D22\u2026" }) {
-  const [query, setQuery] = useState24("");
-  const [active, setActive] = useState24(0);
-  const enabled = useMemo5(() => items.filter((item) => !item.disabled && `${item.label} ${item.description ?? ""} ${item.group ?? ""}`.toLowerCase().includes(query.toLowerCase())), [items, query]);
+  const [query, setQuery] = useState28("");
+  const [active, setActive] = useState28(0);
+  const enabled = useMemo6(() => items.filter((item) => !item.disabled && `${item.label} ${item.description ?? ""} ${item.group ?? ""}`.toLowerCase().includes(query.toLowerCase())), [items, query]);
   const dialogRef = useDismissibleLayer(open, () => onOpenChange(false), true);
-  useEffect11(() => {
+  useEffect14(() => {
     if (!open) {
       setQuery("");
       setActive(0);
@@ -2560,39 +2837,39 @@ function CommandPalette({ open, onOpenChange, items, onSelect, placeholder = "\u
     }
   };
   if (!open) return null;
-  return createPortal4(/* @__PURE__ */ jsx44("div", { className: "hf-command-backdrop", onMouseDown: (event) => event.target === event.currentTarget && onOpenChange(false), children: /* @__PURE__ */ jsxs39("div", { ref: dialogRef, tabIndex: -1, className: "hf-command", role: "dialog", "aria-modal": "true", "aria-label": "\u547D\u4EE4\u9762\u677F", children: [
-    /* @__PURE__ */ jsxs39("div", { className: "hf-command__search", children: [
-      /* @__PURE__ */ jsx44("span", { "aria-hidden": "true", children: "\u2315" }),
-      /* @__PURE__ */ jsx44("input", { autoFocus: true, role: "combobox", "aria-expanded": "true", "aria-controls": "hf-command-list", value: query, placeholder, onChange: (event) => {
+  return createPortal4(/* @__PURE__ */ jsx51("div", { className: "hf-command-backdrop", onMouseDown: (event) => event.target === event.currentTarget && onOpenChange(false), children: /* @__PURE__ */ jsxs46("div", { ref: dialogRef, tabIndex: -1, className: "hf-command", role: "dialog", "aria-modal": "true", "aria-label": "\u547D\u4EE4\u9762\u677F", children: [
+    /* @__PURE__ */ jsxs46("div", { className: "hf-command__search", children: [
+      /* @__PURE__ */ jsx51("span", { "aria-hidden": "true", children: "\u2315" }),
+      /* @__PURE__ */ jsx51("input", { autoFocus: true, role: "combobox", "aria-expanded": "true", "aria-controls": "hf-command-list", value: query, placeholder, onChange: (event) => {
         setQuery(event.target.value);
         setActive(0);
       }, onKeyDown: keydown }),
-      /* @__PURE__ */ jsx44("kbd", { children: "Esc" })
+      /* @__PURE__ */ jsx51("kbd", { children: "Esc" })
     ] }),
-    /* @__PURE__ */ jsxs39("div", { id: "hf-command-list", className: "hf-command__list", role: "listbox", children: [
-      enabled.map((item, index) => /* @__PURE__ */ jsxs39("button", { type: "button", role: "option", "aria-selected": index === active, onPointerMove: () => setActive(index), onClick: () => {
+    /* @__PURE__ */ jsxs46("div", { id: "hf-command-list", className: "hf-command__list", role: "listbox", children: [
+      enabled.map((item, index) => /* @__PURE__ */ jsxs46("button", { type: "button", role: "option", "aria-selected": index === active, onPointerMove: () => setActive(index), onClick: () => {
         onSelect(item.key);
         onOpenChange(false);
       }, children: [
         item.icon,
-        /* @__PURE__ */ jsxs39("span", { children: [
-          /* @__PURE__ */ jsx44("strong", { children: item.label }),
-          item.description && /* @__PURE__ */ jsx44("small", { children: item.description })
+        /* @__PURE__ */ jsxs46("span", { children: [
+          /* @__PURE__ */ jsx51("strong", { children: item.label }),
+          item.description && /* @__PURE__ */ jsx51("small", { children: item.description })
         ] }),
-        item.shortcut && /* @__PURE__ */ jsx44("kbd", { children: item.shortcut })
+        item.shortcut && /* @__PURE__ */ jsx51("kbd", { children: item.shortcut })
       ] }, item.key)),
-      !enabled.length && /* @__PURE__ */ jsx44("div", { className: "hf-command__empty", children: "\u6CA1\u6709\u5339\u914D\u547D\u4EE4" })
+      !enabled.length && /* @__PURE__ */ jsx51("div", { className: "hf-command__empty", children: "\u6CA1\u6709\u5339\u914D\u547D\u4EE4" })
     ] })
   ] }) }), document.body);
 }
 
 // src/layout/Layout.tsx
-import { jsx as jsx45, jsxs as jsxs40 } from "react/jsx-runtime";
+import { jsx as jsx52, jsxs as jsxs47 } from "react/jsx-runtime";
 function Container({ size = "lg", padding = 24, className = "", style, ...props }) {
-  return /* @__PURE__ */ jsx45("div", { className: `hf-container hf-container--${size} ${className}`.trim(), style: { "--hf-container-padding": `${padding}px`, ...style }, ...props });
+  return /* @__PURE__ */ jsx52("div", { className: `hf-container hf-container--${size} ${className}`.trim(), style: { "--hf-container-padding": `${padding}px`, ...style }, ...props });
 }
 function Stack({ direction = "column", gap = 12, align, justify, wrap = false, className = "", style, ...props }) {
-  return /* @__PURE__ */ jsx45("div", { className: `hf-stack hf-stack--${direction} ${className}`.trim(), style: { "--hf-stack-gap": `${gap}px`, alignItems: align, justifyContent: justify, flexWrap: wrap ? "wrap" : void 0, ...style }, ...props });
+  return /* @__PURE__ */ jsx52("div", { className: `hf-stack hf-stack--${direction} ${className}`.trim(), style: { "--hf-stack-gap": `${gap}px`, alignItems: align, justifyContent: justify, flexWrap: wrap ? "wrap" : void 0, ...style }, ...props });
 }
 function Grid({ columns = "auto", minItemWidth = 240, gap = 16, className = "", style, ...props }) {
   const gridStyle = {
@@ -2600,7 +2877,7 @@ function Grid({ columns = "auto", minItemWidth = 240, gap = 16, className = "",
     "--hf-grid-gap": `${gap}px`,
     ...style
   };
-  return /* @__PURE__ */ jsx45("div", { className: `hf-grid ${className}`.trim(), style: gridStyle, ...props });
+  return /* @__PURE__ */ jsx52("div", { className: `hf-grid ${className}`.trim(), style: gridStyle, ...props });
 }
 function Masonry({ columns, minColumnWidth = 260, gap = 16, className = "", style, children, ...props }) {
   const masonryStyle = {
@@ -2609,71 +2886,71 @@ function Masonry({ columns, minColumnWidth = 260, gap = 16, className = "", styl
     "--hf-masonry-gap": `${gap}px`,
     ...style
   };
-  return /* @__PURE__ */ jsx45("div", { className: `hf-masonry ${className}`.trim(), style: masonryStyle, ...props, children });
+  return /* @__PURE__ */ jsx52("div", { className: `hf-masonry ${className}`.trim(), style: masonryStyle, ...props, children });
 }
 function PageLayout({ variant = "single", sidebar, header, sidebarWidth = 280, className = "", style, children, ...props }) {
   const layoutStyle = { "--hf-layout-sidebar": `${sidebarWidth}px`, ...style };
-  return /* @__PURE__ */ jsxs40("div", { className: `hf-page-layout hf-page-layout--${variant} ${className}`.trim(), style: layoutStyle, ...props, children: [
-    header && /* @__PURE__ */ jsx45("header", { className: "hf-page-layout__header", children: header }),
-    sidebar && /* @__PURE__ */ jsx45("aside", { className: "hf-page-layout__sidebar", children: sidebar }),
-    /* @__PURE__ */ jsx45("main", { className: "hf-page-layout__main", children })
+  return /* @__PURE__ */ jsxs47("div", { className: `hf-page-layout hf-page-layout--${variant} ${className}`.trim(), style: layoutStyle, ...props, children: [
+    header && /* @__PURE__ */ jsx52("header", { className: "hf-page-layout__header", children: header }),
+    sidebar && /* @__PURE__ */ jsx52("aside", { className: "hf-page-layout__sidebar", children: sidebar }),
+    /* @__PURE__ */ jsx52("main", { className: "hf-page-layout__main", children })
   ] });
 }
 
 // src/layout/Skeleton.tsx
-import { jsx as jsx46 } from "react/jsx-runtime";
+import { jsx as jsx53 } from "react/jsx-runtime";
 function Skeleton({ width = "100%", height = 16, radius, circle, animated = true, className = "", style, ...props }) {
   const value = (input) => typeof input === "number" ? `${input}px` : input;
-  return /* @__PURE__ */ jsx46("span", { "aria-hidden": "true", className: `hf-skeleton ${animated ? "is-animated" : ""} ${circle ? "is-circle" : ""} ${className}`.trim(), style: { width: value(width), height: value(height), borderRadius: radius ? value(radius) : void 0, ...style }, ...props });
+  return /* @__PURE__ */ jsx53("span", { "aria-hidden": "true", className: `hf-skeleton ${animated ? "is-animated" : ""} ${circle ? "is-circle" : ""} ${className}`.trim(), style: { width: value(width), height: value(height), borderRadius: radius ? value(radius) : void 0, ...style }, ...props });
 }
 
 // src/feedback/Loading.tsx
-import { jsx as jsx47, jsxs as jsxs41 } from "react/jsx-runtime";
+import { jsx as jsx54, jsxs as jsxs48 } from "react/jsx-runtime";
 function Spinner({ label = "\u6B63\u5728\u52A0\u8F7D", size = 20, className = "" }) {
-  return /* @__PURE__ */ jsx47("span", { className: `hf-loading-spinner ${className}`.trim(), role: "status", "aria-label": label, style: { "--hf-loading-size": `${size}px` } });
+  return /* @__PURE__ */ jsx54("span", { className: `hf-loading-spinner ${className}`.trim(), role: "status", "aria-label": label, style: { "--hf-loading-size": `${size}px` } });
 }
 function LoadingDots({ label = "\u6B63\u5728\u52A0\u8F7D" }) {
-  return /* @__PURE__ */ jsxs41("span", { className: "hf-loading-dots", role: "status", "aria-label": label, children: [
-    /* @__PURE__ */ jsx47("i", {}),
-    /* @__PURE__ */ jsx47("i", {}),
-    /* @__PURE__ */ jsx47("i", {})
+  return /* @__PURE__ */ jsxs48("span", { className: "hf-loading-dots", role: "status", "aria-label": label, children: [
+    /* @__PURE__ */ jsx54("i", {}),
+    /* @__PURE__ */ jsx54("i", {}),
+    /* @__PURE__ */ jsx54("i", {})
   ] });
 }
 function ProgressBar({ value, label, indeterminate = false, className = "" }) {
   const percent = Math.min(100, Math.max(0, value ?? 0));
-  return /* @__PURE__ */ jsxs41("div", { className: `hf-progress ${indeterminate ? "is-indeterminate" : ""} ${className}`.trim(), children: [
-    label && /* @__PURE__ */ jsxs41("div", { className: "hf-progress__label", children: [
-      /* @__PURE__ */ jsx47("span", { children: label }),
-      !indeterminate && /* @__PURE__ */ jsxs41("strong", { children: [
+  return /* @__PURE__ */ jsxs48("div", { className: `hf-progress ${indeterminate ? "is-indeterminate" : ""} ${className}`.trim(), children: [
+    label && /* @__PURE__ */ jsxs48("div", { className: "hf-progress__label", children: [
+      /* @__PURE__ */ jsx54("span", { children: label }),
+      !indeterminate && /* @__PURE__ */ jsxs48("strong", { children: [
         percent,
         "%"
       ] })
     ] }),
-    /* @__PURE__ */ jsx47("div", { className: "hf-progress__track", role: "progressbar", "aria-valuemin": 0, "aria-valuemax": 100, "aria-valuenow": indeterminate ? void 0 : percent, children: /* @__PURE__ */ jsx47("i", { style: { "--hf-progress": `${percent}%` } }) })
+    /* @__PURE__ */ jsx54("div", { className: "hf-progress__track", role: "progressbar", "aria-valuemin": 0, "aria-valuemax": 100, "aria-valuenow": indeterminate ? void 0 : percent, children: /* @__PURE__ */ jsx54("i", { style: { "--hf-progress": `${percent}%` } }) })
   ] });
 }
 function ProgressRing({ value, size = 72, label }) {
   const percent = Math.min(100, Math.max(0, value));
-  return /* @__PURE__ */ jsx47("span", { className: "hf-progress-ring", role: "progressbar", "aria-label": label, "aria-valuemin": 0, "aria-valuemax": 100, "aria-valuenow": percent, style: { "--hf-ring-value": `${percent * 3.6}deg`, "--hf-ring-size": `${size}px` }, children: /* @__PURE__ */ jsxs41("strong", { children: [
+  return /* @__PURE__ */ jsx54("span", { className: "hf-progress-ring", role: "progressbar", "aria-label": label, "aria-valuemin": 0, "aria-valuemax": 100, "aria-valuenow": percent, style: { "--hf-ring-value": `${percent * 3.6}deg`, "--hf-ring-size": `${size}px` }, children: /* @__PURE__ */ jsxs48("strong", { children: [
     percent,
     "%"
   ] }) });
 }
 function LoadingOverlay({ active = true, label = "\u6B63\u5728\u51C6\u5907\u5185\u5BB9", className = "", children, ...props }) {
-  return /* @__PURE__ */ jsxs41("div", { className: `hf-loading-overlay ${className}`.trim(), "aria-busy": active, ...props, children: [
+  return /* @__PURE__ */ jsxs48("div", { className: `hf-loading-overlay ${className}`.trim(), "aria-busy": active, ...props, children: [
     children,
-    active && /* @__PURE__ */ jsxs41("div", { className: "hf-loading-overlay__veil", role: "status", children: [
-      /* @__PURE__ */ jsx47(Spinner, { label, size: 28 }),
-      /* @__PURE__ */ jsx47("span", { children: label })
+    active && /* @__PURE__ */ jsxs48("div", { className: "hf-loading-overlay__veil", role: "status", children: [
+      /* @__PURE__ */ jsx54(Spinner, { label, size: 28 }),
+      /* @__PURE__ */ jsx54("span", { children: label })
     ] })
   ] });
 }
 
 // src/forms/MultiSelect.tsx
-import { useId as useId16, useState as useState25 } from "react";
-import { jsx as jsx48, jsxs as jsxs42 } from "react/jsx-runtime";
+import { useId as useId16, useState as useState29 } from "react";
+import { jsx as jsx55, jsxs as jsxs49 } from "react/jsx-runtime";
 function MultiSelect({ label, options, value, onChange, placeholder = "\u8BF7\u9009\u62E9", max, hint, disabled }) {
-  const [open, setOpen] = useState25(false);
+  const [open, setOpen] = useState29(false);
   const rootRef = useDismissibleLayer(open, () => setOpen(false), { autoFocus: false });
   const listId = useId16();
   const toggle = (next) => {
@@ -2681,48 +2958,48 @@ function MultiSelect({ label, options, value, onChange, placeholder = "\u8BF7\u9
     if (!selected && max && value.length >= max) return;
     onChange(selected ? value.filter((item) => item !== next) : [...value, next]);
   };
-  return /* @__PURE__ */ jsxs42("div", { className: "hf-field hf-multiselect", ref: rootRef, children: [
-    label && /* @__PURE__ */ jsx48("span", { className: "hf-field__label", children: label }),
-    /* @__PURE__ */ jsxs42("div", { className: "hf-multiselect__trigger", role: "combobox", tabIndex: disabled ? -1 : 0, "aria-disabled": disabled, "aria-expanded": open, "aria-controls": listId, onClick: () => !disabled && setOpen(!open), onKeyDown: (event) => {
+  return /* @__PURE__ */ jsxs49("div", { className: "hf-field hf-multiselect", ref: rootRef, children: [
+    label && /* @__PURE__ */ jsx55("span", { className: "hf-field__label", children: label }),
+    /* @__PURE__ */ jsxs49("div", { className: "hf-multiselect__trigger", role: "combobox", tabIndex: disabled ? -1 : 0, "aria-disabled": disabled, "aria-expanded": open, "aria-controls": listId, onClick: () => !disabled && setOpen(!open), onKeyDown: (event) => {
       if (!disabled && (event.key === "Enter" || event.key === " ")) {
         event.preventDefault();
         setOpen(!open);
       }
     }, children: [
-      /* @__PURE__ */ jsx48("span", { children: value.length ? value.map((item) => {
+      /* @__PURE__ */ jsx55("span", { children: value.length ? value.map((item) => {
         const option = options.find((candidate) => candidate.value === item);
-        return /* @__PURE__ */ jsxs42("i", { children: [
+        return /* @__PURE__ */ jsxs49("i", { children: [
           option?.label,
-          /* @__PURE__ */ jsx48("button", { type: "button", "aria-label": `\u79FB\u9664 ${String(option?.label)}`, onClick: (event) => {
+          /* @__PURE__ */ jsx55("button", { type: "button", "aria-label": `\u79FB\u9664 ${String(option?.label)}`, onClick: (event) => {
             event.stopPropagation();
             toggle(item);
-          }, children: /* @__PURE__ */ jsx48(Icon, { name: "close", size: 13 }) })
+          }, children: /* @__PURE__ */ jsx55(Icon, { name: "close", size: 13 }) })
         ] }, item);
-      }) : /* @__PURE__ */ jsx48("em", { children: placeholder }) }),
-      /* @__PURE__ */ jsx48(Icon, { name: "chevron-down", size: 16, className: "hf-multiselect__chevron" })
+      }) : /* @__PURE__ */ jsx55("em", { children: placeholder }) }),
+      /* @__PURE__ */ jsx55(Icon, { name: "chevron-down", size: 16, className: "hf-multiselect__chevron" })
     ] }),
-    open && /* @__PURE__ */ jsx48("div", { id: listId, className: "hf-multiselect__menu", role: "listbox", "aria-multiselectable": "true", children: options.map((option) => /* @__PURE__ */ jsxs42("button", { type: "button", role: "option", "aria-selected": value.includes(option.value), disabled: option.disabled, onClick: () => toggle(option.value), children: [
-      /* @__PURE__ */ jsx48("span", { children: option.label }),
-      /* @__PURE__ */ jsx48("i", { children: value.includes(option.value) ? "\u2713" : "" })
+    open && /* @__PURE__ */ jsx55("div", { id: listId, className: "hf-multiselect__menu", role: "listbox", "aria-multiselectable": "true", children: options.map((option) => /* @__PURE__ */ jsxs49("button", { type: "button", role: "option", "aria-selected": value.includes(option.value), disabled: option.disabled, onClick: () => toggle(option.value), children: [
+      /* @__PURE__ */ jsx55("span", { children: option.label }),
+      /* @__PURE__ */ jsx55("i", { children: value.includes(option.value) ? "\u2713" : "" })
     ] }, option.value)) }),
-    hint && /* @__PURE__ */ jsx48("span", { className: "hf-field__hint", children: hint })
+    hint && /* @__PURE__ */ jsx55("span", { className: "hf-field__hint", children: hint })
   ] });
 }
 
 // src/forms/ChoiceGroup.tsx
 import { useId as useId17 } from "react";
-import { jsx as jsx49, jsxs as jsxs43 } from "react/jsx-runtime";
+import { jsx as jsx56, jsxs as jsxs50 } from "react/jsx-runtime";
 function ChoiceGroup({ label, options, value, defaultValue, onChange, type = "radio", direction = "column", disabled, name }) {
   const id = useId17();
   const groupName = name ?? id;
   const values = Array.isArray(value) ? value : value ? [value] : void 0;
   const defaults = Array.isArray(defaultValue) ? defaultValue : defaultValue ? [defaultValue] : [];
-  return /* @__PURE__ */ jsxs43("fieldset", { className: `hf-choice-group hf-choice-group--${direction}`, disabled, children: [
-    label && /* @__PURE__ */ jsx49("legend", { children: label }),
+  return /* @__PURE__ */ jsxs50("fieldset", { className: `hf-choice-group hf-choice-group--${direction}`, disabled, children: [
+    label && /* @__PURE__ */ jsx56("legend", { children: label }),
     options.map((option) => {
       const checked = values?.includes(option.value);
-      return /* @__PURE__ */ jsxs43("label", { className: "hf-choice", children: [
-        /* @__PURE__ */ jsx49("input", { type, name: type === "radio" ? groupName : `${groupName}-${option.value}`, value: option.value, checked, defaultChecked: values ? void 0 : defaults.includes(option.value), disabled: option.disabled, onChange: (event) => {
+      return /* @__PURE__ */ jsxs50("label", { className: "hf-choice", children: [
+        /* @__PURE__ */ jsx56("input", { type, name: type === "radio" ? groupName : `${groupName}-${option.value}`, value: option.value, checked, defaultChecked: values ? void 0 : defaults.includes(option.value), disabled: option.disabled, onChange: (event) => {
           if (type === "radio") onChange?.(option.value);
           else {
             const next = new Set(values ?? defaults);
@@ -2730,37 +3007,37 @@ function ChoiceGroup({ label, options, value, defaultValue, onChange, type = "ra
             onChange?.([...next]);
           }
         } }),
-        /* @__PURE__ */ jsx49("span", { className: "hf-choice__control", "aria-hidden": "true" }),
-        /* @__PURE__ */ jsxs43("span", { className: "hf-choice__copy", children: [
-          /* @__PURE__ */ jsx49("strong", { children: option.label }),
-          option.description && /* @__PURE__ */ jsx49("small", { children: option.description })
+        /* @__PURE__ */ jsx56("span", { className: "hf-choice__control", "aria-hidden": "true" }),
+        /* @__PURE__ */ jsxs50("span", { className: "hf-choice__copy", children: [
+          /* @__PURE__ */ jsx56("strong", { children: option.label }),
+          option.description && /* @__PURE__ */ jsx56("small", { children: option.description })
         ] })
       ] }, option.value);
     })
   ] });
 }
 function RadioGroup(props) {
-  return /* @__PURE__ */ jsx49(ChoiceGroup, { ...props, type: "radio", onChange: (next) => props.onChange?.(next) });
+  return /* @__PURE__ */ jsx56(ChoiceGroup, { ...props, type: "radio", onChange: (next) => props.onChange?.(next) });
 }
 function CheckboxGroup(props) {
-  return /* @__PURE__ */ jsx49(ChoiceGroup, { ...props, type: "checkbox", onChange: (next) => props.onChange?.(next) });
+  return /* @__PURE__ */ jsx56(ChoiceGroup, { ...props, type: "checkbox", onChange: (next) => props.onChange?.(next) });
 }
 
 // src/forms/ValidatedInput.tsx
-import { useState as useState26 } from "react";
-import { jsx as jsx50 } from "react/jsx-runtime";
+import { useState as useState30 } from "react";
+import { jsx as jsx57 } from "react/jsx-runtime";
 function validateValue(value, rules) {
   return rules.find((rule) => !rule.validate(value))?.message;
 }
 function ValidatedInput({ value, rules, validateOn = "blur", onChange, onValidityChange, ...props }) {
-  const [touched, setTouched] = useState26(false);
+  const [touched, setTouched] = useState30(false);
   const error = touched ? validateValue(value, rules) : void 0;
   const update = (next) => {
     onChange(next);
     if (validateOn === "change") setTouched(true);
     onValidityChange?.(!validateValue(next, rules));
   };
-  return /* @__PURE__ */ jsx50(Input, { ...props, value, error, onChange: (event) => update(event.target.value), onBlur: () => setTouched(true) });
+  return /* @__PURE__ */ jsx57(Input, { ...props, value, error, onChange: (event) => update(event.target.value), onBlur: () => setTouched(true) });
 }
 function validateForm(event) {
   if (!event.currentTarget.checkValidity()) {
@@ -2773,25 +3050,25 @@ function validateForm(event) {
 
 // src/forms/Textarea.tsx
 import { forwardRef as forwardRef6, useId as useId18 } from "react";
-import { jsx as jsx51, jsxs as jsxs44 } from "react/jsx-runtime";
+import { jsx as jsx58, jsxs as jsxs51 } from "react/jsx-runtime";
 var Textarea = forwardRef6(function Textarea2({ label, hint, error, resize = "vertical", id, className = "", ...props }, ref) {
   const generated = useId18();
   const fieldId = id ?? generated;
   const message = error ?? hint;
   const messageId = message ? `${fieldId}-message` : void 0;
-  return /* @__PURE__ */ jsxs44("label", { className: "hf-field", htmlFor: fieldId, children: [
-    label && /* @__PURE__ */ jsx51("span", { className: "hf-field__label", children: label }),
-    /* @__PURE__ */ jsx51("textarea", { ref, id: fieldId, className: `hf-textarea hf-textarea--${resize}${error ? " hf-textarea--error" : ""} ${className}`, "aria-invalid": error ? true : void 0, "aria-describedby": messageId, ...props }),
-    message && /* @__PURE__ */ jsx51("span", { id: messageId, className: `hf-field__hint${error ? " hf-field__hint--error" : ""}`, children: message })
+  return /* @__PURE__ */ jsxs51("label", { className: "hf-field", htmlFor: fieldId, children: [
+    label && /* @__PURE__ */ jsx58("span", { className: "hf-field__label", children: label }),
+    /* @__PURE__ */ jsx58("textarea", { ref, id: fieldId, className: `hf-textarea hf-textarea--${resize}${error ? " hf-textarea--error" : ""} ${className}`, "aria-invalid": error ? true : void 0, "aria-describedby": messageId, ...props }),
+    message && /* @__PURE__ */ jsx58("span", { id: messageId, className: `hf-field__hint${error ? " hf-field__hint--error" : ""}`, children: message })
   ] });
 });
 
 // src/forms/Choice.tsx
-import { forwardRef as forwardRef7, useEffect as useEffect12, useRef as useRef11 } from "react";
-import { jsx as jsx52, jsxs as jsxs45 } from "react/jsx-runtime";
+import { forwardRef as forwardRef7, useEffect as useEffect15, useRef as useRef12 } from "react";
+import { jsx as jsx59, jsxs as jsxs52 } from "react/jsx-runtime";
 var Checkbox = forwardRef7(function Checkbox2({ label, description, indeterminate, className = "", ...props }, forwardedRef) {
-  const local = useRef11(null);
-  useEffect12(() => {
+  const local = useRef12(null);
+  useEffect15(() => {
     if (local.current) local.current.indeterminate = Boolean(indeterminate);
   }, [indeterminate]);
   const setRef = (node) => {
@@ -2799,78 +3076,78 @@ var Checkbox = forwardRef7(function Checkbox2({ label, description, indeterminat
     if (typeof forwardedRef === "function") forwardedRef(node);
     else if (forwardedRef) forwardedRef.current = node;
   };
-  return /* @__PURE__ */ jsxs45("label", { className: `hf-choice-control ${className}`, children: [
-    /* @__PURE__ */ jsx52("input", { ref: setRef, type: "checkbox", ...props }),
-    /* @__PURE__ */ jsx52("span", { className: "hf-choice-control__mark", children: /* @__PURE__ */ jsx52(IconCheck, {}) }),
-    /* @__PURE__ */ jsxs45("span", { children: [
-      /* @__PURE__ */ jsx52("strong", { children: label }),
-      description && /* @__PURE__ */ jsx52("small", { children: description })
+  return /* @__PURE__ */ jsxs52("label", { className: `hf-choice-control ${className}`, children: [
+    /* @__PURE__ */ jsx59("input", { ref: setRef, type: "checkbox", ...props }),
+    /* @__PURE__ */ jsx59("span", { className: "hf-choice-control__mark", children: /* @__PURE__ */ jsx59(IconCheck, {}) }),
+    /* @__PURE__ */ jsxs52("span", { children: [
+      /* @__PURE__ */ jsx59("strong", { children: label }),
+      description && /* @__PURE__ */ jsx59("small", { children: description })
     ] })
   ] });
 });
 var Radio = forwardRef7(function Radio2({ label, description, className = "", ...props }, ref) {
-  return /* @__PURE__ */ jsxs45("label", { className: `hf-choice-control hf-choice-control--radio ${className}`, children: [
-    /* @__PURE__ */ jsx52("input", { ref, type: "radio", ...props }),
-    /* @__PURE__ */ jsx52("span", { className: "hf-choice-control__mark", children: /* @__PURE__ */ jsx52("i", {}) }),
-    /* @__PURE__ */ jsxs45("span", { children: [
-      /* @__PURE__ */ jsx52("strong", { children: label }),
-      description && /* @__PURE__ */ jsx52("small", { children: description })
+  return /* @__PURE__ */ jsxs52("label", { className: `hf-choice-control hf-choice-control--radio ${className}`, children: [
+    /* @__PURE__ */ jsx59("input", { ref, type: "radio", ...props }),
+    /* @__PURE__ */ jsx59("span", { className: "hf-choice-control__mark", children: /* @__PURE__ */ jsx59("i", {}) }),
+    /* @__PURE__ */ jsxs52("span", { children: [
+      /* @__PURE__ */ jsx59("strong", { children: label }),
+      description && /* @__PURE__ */ jsx59("small", { children: description })
     ] })
   ] });
 });
 function IconCheck() {
-  return /* @__PURE__ */ jsx52("svg", { viewBox: "0 0 16 16", "aria-hidden": "true", children: /* @__PURE__ */ jsx52("path", { d: "m3.5 8 3 3 6-6" }) });
+  return /* @__PURE__ */ jsx59("svg", { viewBox: "0 0 16 16", "aria-hidden": "true", children: /* @__PURE__ */ jsx59("path", { d: "m3.5 8 3 3 6-6" }) });
 }
 
 // src/forms/Advanced.tsx
 import {
-  useState as useState27
+  useState as useState31
 } from "react";
-import { jsx as jsx53, jsxs as jsxs46 } from "react/jsx-runtime";
+import { jsx as jsx60, jsxs as jsxs53 } from "react/jsx-runtime";
 var iso = (date) => `${date.getFullYear()}-${String(date.getMonth() + 1).padStart(2, "0")}-${String(date.getDate()).padStart(2, "0")}`;
 function Calendar({ value, onChange, min, max, className = "" }) {
   const initial = value ? /* @__PURE__ */ new Date(`${value}T00:00:00`) : /* @__PURE__ */ new Date();
-  const [view, setView] = useState27(new Date(initial.getFullYear(), initial.getMonth(), 1));
+  const [view, setView] = useState31(new Date(initial.getFullYear(), initial.getMonth(), 1));
   const first = view.getDay();
   const days = new Date(view.getFullYear(), view.getMonth() + 1, 0).getDate();
   const cells = Array.from(
     { length: Math.ceil((first + days) / 7) * 7 },
     (_, index) => index - first + 1
   );
-  return /* @__PURE__ */ jsxs46("div", { className: `hf-calendar ${className}`, children: [
-    /* @__PURE__ */ jsxs46("header", { children: [
-      /* @__PURE__ */ jsx53(
+  return /* @__PURE__ */ jsxs53("div", { className: `hf-calendar ${className}`, children: [
+    /* @__PURE__ */ jsxs53("header", { children: [
+      /* @__PURE__ */ jsx60(
         "button",
         {
           type: "button",
           "aria-label": "\u4E0A\u4E2A\u6708",
           onClick: () => setView(new Date(view.getFullYear(), view.getMonth() - 1, 1)),
-          children: /* @__PURE__ */ jsx53(Icon, { name: "chevron-down", className: "hf-calendar__prev" })
+          children: /* @__PURE__ */ jsx60(Icon, { name: "chevron-down", className: "hf-calendar__prev" })
         }
       ),
-      /* @__PURE__ */ jsxs46("strong", { children: [
+      /* @__PURE__ */ jsxs53("strong", { children: [
         view.getFullYear(),
         " \u5E74 ",
         view.getMonth() + 1,
         " \u6708"
       ] }),
-      /* @__PURE__ */ jsx53(
+      /* @__PURE__ */ jsx60(
         "button",
         {
           type: "button",
           "aria-label": "\u4E0B\u4E2A\u6708",
           onClick: () => setView(new Date(view.getFullYear(), view.getMonth() + 1, 1)),
-          children: /* @__PURE__ */ jsx53(Icon, { name: "chevron-down", className: "hf-calendar__next" })
+          children: /* @__PURE__ */ jsx60(Icon, { name: "chevron-down", className: "hf-calendar__next" })
         }
       )
     ] }),
-    /* @__PURE__ */ jsx53("div", { className: "hf-calendar__week", children: "\u65E5\u4E00\u4E8C\u4E09\u56DB\u4E94\u516D".split("").map((day2) => /* @__PURE__ */ jsx53("span", { children: day2 }, day2)) }),
-    /* @__PURE__ */ jsx53("div", { className: "hf-calendar__days", children: cells.map((day2, index) => {
-      if (day2 < 1 || day2 > days) return /* @__PURE__ */ jsx53("span", {}, index);
+    /* @__PURE__ */ jsx60("div", { className: "hf-calendar__week", children: "\u65E5\u4E00\u4E8C\u4E09\u56DB\u4E94\u516D".split("").map((day2) => /* @__PURE__ */ jsx60("span", { children: day2 }, day2)) }),
+    /* @__PURE__ */ jsx60("div", { className: "hf-calendar__days", children: cells.map((day2, index) => {
+      if (day2 < 1 || day2 > days) return /* @__PURE__ */ jsx60("span", {}, index);
       const date = iso(new Date(view.getFullYear(), view.getMonth(), day2));
       const disabled = Boolean(min && date < min || max && date > max);
       const stateClass = date === value ? "is-selected" : date === iso(/* @__PURE__ */ new Date()) ? "is-today" : "";
-      return /* @__PURE__ */ jsx53(
+      return /* @__PURE__ */ jsx60(
         "button",
         {
           type: "button",
@@ -2894,13 +3171,13 @@ function DatePicker({
   max,
   error
 }) {
-  const [open, setOpen] = useState27(false);
+  const [open, setOpen] = useState31(false);
   const rootRef = useDismissibleLayer(open, () => setOpen(false), {
     autoFocus: false
   });
-  return /* @__PURE__ */ jsxs46("div", { ref: rootRef, className: "hf-field hf-date-picker", children: [
-    label && /* @__PURE__ */ jsx53("span", { className: "hf-field__label", children: label }),
-    /* @__PURE__ */ jsxs46(
+  return /* @__PURE__ */ jsxs53("div", { ref: rootRef, className: "hf-field hf-date-picker", children: [
+    label && /* @__PURE__ */ jsx60("span", { className: "hf-field__label", children: label }),
+    /* @__PURE__ */ jsxs53(
       "button",
       {
         type: "button",
@@ -2908,12 +3185,12 @@ function DatePicker({
         "aria-expanded": open,
         onClick: () => setOpen(!open),
         children: [
-          /* @__PURE__ */ jsx53("span", { className: value ? "" : "is-placeholder", children: value || placeholder }),
-          /* @__PURE__ */ jsx53(Icon, { name: "chevron-down", size: 16 })
+          /* @__PURE__ */ jsx60("span", { className: value ? "" : "is-placeholder", children: value || placeholder }),
+          /* @__PURE__ */ jsx60(Icon, { name: "chevron-down", size: 16 })
         ]
       }
     ),
-    open && /* @__PURE__ */ jsx53("div", { className: "hf-date-picker__panel", children: /* @__PURE__ */ jsx53(
+    open && /* @__PURE__ */ jsx60("div", { className: "hf-date-picker__panel", children: /* @__PURE__ */ jsx60(
       Calendar,
       {
         value,
@@ -2925,11 +3202,11 @@ function DatePicker({
         }
       }
     ) }),
-    error && /* @__PURE__ */ jsx53("span", { className: "hf-field__hint hf-field__hint--error", children: error })
+    error && /* @__PURE__ */ jsx60("span", { className: "hf-field__hint hf-field__hint--error", children: error })
   ] });
 }
 function TimePicker({ label, value, onChange, step = 30 }) {
-  const [open, setOpen] = useState27(false);
+  const [open, setOpen] = useState31(false);
   const rootRef = useDismissibleLayer(open, () => setOpen(false), {
     autoFocus: false
   });
@@ -2937,9 +3214,9 @@ function TimePicker({ label, value, onChange, step = 30 }) {
     const minutes = index * step;
     return `${String(Math.floor(minutes / 60)).padStart(2, "0")}:${String(minutes % 60).padStart(2, "0")}`;
   });
-  return /* @__PURE__ */ jsxs46("div", { ref: rootRef, className: "hf-field hf-time-picker", children: [
-    label && /* @__PURE__ */ jsx53("span", { className: "hf-field__label", children: label }),
-    /* @__PURE__ */ jsxs46(
+  return /* @__PURE__ */ jsxs53("div", { ref: rootRef, className: "hf-field hf-time-picker", children: [
+    label && /* @__PURE__ */ jsx60("span", { className: "hf-field__label", children: label }),
+    /* @__PURE__ */ jsxs53(
       "button",
       {
         type: "button",
@@ -2947,12 +3224,12 @@ function TimePicker({ label, value, onChange, step = 30 }) {
         "aria-expanded": open,
         onClick: () => setOpen(!open),
         children: [
-          /* @__PURE__ */ jsx53("span", { className: value ? "" : "is-placeholder", children: value || "\u9009\u62E9\u65F6\u95F4" }),
-          /* @__PURE__ */ jsx53(Icon, { name: "chevron-down", size: 16 })
+          /* @__PURE__ */ jsx60("span", { className: value ? "" : "is-placeholder", children: value || "\u9009\u62E9\u65F6\u95F4" }),
+          /* @__PURE__ */ jsx60(Icon, { name: "chevron-down", size: 16 })
         ]
       }
     ),
-    open && /* @__PURE__ */ jsx53("div", { className: "hf-time-picker__panel", role: "listbox", children: times.map((time) => /* @__PURE__ */ jsx53(
+    open && /* @__PURE__ */ jsx60("div", { className: "hf-time-picker__panel", role: "listbox", children: times.map((time) => /* @__PURE__ */ jsx60(
       "button",
       {
         type: "button",
@@ -2979,12 +3256,12 @@ function Slider({
   ...props
 }) {
   const percent = (value - Number(min)) / (Number(max) - Number(min)) * 100;
-  return /* @__PURE__ */ jsxs46("label", { className: "hf-slider", children: [
-    /* @__PURE__ */ jsxs46("span", { children: [
+  return /* @__PURE__ */ jsxs53("label", { className: "hf-slider", children: [
+    /* @__PURE__ */ jsxs53("span", { children: [
       label,
-      showValue && /* @__PURE__ */ jsx53("strong", { children: value })
+      showValue && /* @__PURE__ */ jsx60("strong", { children: value })
     ] }),
-    /* @__PURE__ */ jsx53(
+    /* @__PURE__ */ jsx60(
       "input",
       {
         type: "range",
@@ -3005,7 +3282,7 @@ import {
   createContext,
   useContext
 } from "react";
-import { jsx as jsx54, jsxs as jsxs47 } from "react/jsx-runtime";
+import { jsx as jsx61, jsxs as jsxs54 } from "react/jsx-runtime";
 var FormContext = createContext({});
 function Form({
   layout = "vertical",
@@ -3014,13 +3291,13 @@ function Form({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsx54(FormContext.Provider, { value: { disabled }, children: /* @__PURE__ */ jsx54(
+  return /* @__PURE__ */ jsx61(FormContext.Provider, { value: { disabled }, children: /* @__PURE__ */ jsx61(
     "form",
     {
       className: `hf-form hf-form--${layout} ${className}`.trim(),
       "aria-disabled": disabled || void 0,
       ...props,
-      children: /* @__PURE__ */ jsx54("fieldset", { className: "hf-form__fieldset", disabled, children })
+      children: /* @__PURE__ */ jsx61("fieldset", { className: "hf-form__fieldset", disabled, children })
     }
   ) });
 }
@@ -3034,20 +3311,20 @@ function FormItem({
   ...props
 }) {
   const { disabled } = useContext(FormContext);
-  return /* @__PURE__ */ jsxs47(
+  return /* @__PURE__ */ jsxs54(
     "div",
     {
       className: `hf-form-item${error ? " is-error" : ""} ${className}`.trim(),
       "aria-disabled": disabled || void 0,
       ...props,
       children: [
-        label && /* @__PURE__ */ jsxs47("div", { className: "hf-form-item__label", children: [
+        label && /* @__PURE__ */ jsxs54("div", { className: "hf-form-item__label", children: [
           label,
-          required && /* @__PURE__ */ jsx54("span", { "aria-hidden": "true", children: "*" })
+          required && /* @__PURE__ */ jsx61("span", { "aria-hidden": "true", children: "*" })
         ] }),
-        /* @__PURE__ */ jsxs47("div", { children: [
+        /* @__PURE__ */ jsxs54("div", { children: [
           children,
-          (error || hint) && /* @__PURE__ */ jsx54("small", { className: error ? "is-error" : "", children: error || hint })
+          (error || hint) && /* @__PURE__ */ jsx61("small", { className: error ? "is-error" : "", children: error || hint })
         ] })
       ]
     }
@@ -3057,10 +3334,10 @@ function FormItem({
 // src/forms/Upload.tsx
 import {
   useId as useId19,
-  useRef as useRef12,
-  useState as useState28
+  useRef as useRef13,
+  useState as useState32
 } from "react";
-import { jsx as jsx55, jsxs as jsxs48 } from "react/jsx-runtime";
+import { jsx as jsx62, jsxs as jsxs55 } from "react/jsx-runtime";
 function formatFileSize(bytes) {
   if (bytes >= 1024 * 1024) {
     const megabytes = bytes / (1024 * 1024);
@@ -3120,9 +3397,9 @@ function Upload({
   disabled
 }) {
   const id = useId19();
-  const ref = useRef12(null);
-  const [dragging, setDragging] = useState28(false);
-  const [rejections, setRejections] = useState28([]);
+  const ref = useRef13(null);
+  const [dragging, setDragging] = useState32(false);
+  const [rejections, setRejections] = useState32([]);
   const takeFiles = (list) => {
     const result = validateUploadFiles(Array.from(list ?? []), {
       accept,
@@ -3133,8 +3410,8 @@ function Upload({
     onFiles(result.accepted);
     if (result.rejected.length) onReject?.(result.rejected);
   };
-  return /* @__PURE__ */ jsxs48("div", { className: "hf-upload", children: [
-    /* @__PURE__ */ jsx55(
+  return /* @__PURE__ */ jsxs55("div", { className: "hf-upload", children: [
+    /* @__PURE__ */ jsx62(
       "input",
       {
         ref,
@@ -3146,7 +3423,7 @@ function Upload({
         onChange: (event) => takeFiles(event.target.files)
       }
     ),
-    /* @__PURE__ */ jsxs48(
+    /* @__PURE__ */ jsxs55(
       "button",
       {
         type: "button",
@@ -3164,32 +3441,32 @@ function Upload({
           if (!disabled) takeFiles(event.dataTransfer.files);
         },
         children: [
-          /* @__PURE__ */ jsx55(Icon, { name: "inbox", size: 24 }),
-          /* @__PURE__ */ jsx55("strong", { children: label }),
-          /* @__PURE__ */ jsx55("span", { children: "\u62D6\u653E\u5230\u8FD9\u91CC\uFF0C\u6216\u70B9\u51FB\u9009\u62E9" })
+          /* @__PURE__ */ jsx62(Icon, { name: "inbox", size: 24 }),
+          /* @__PURE__ */ jsx62("strong", { children: label }),
+          /* @__PURE__ */ jsx62("span", { children: "\u62D6\u653E\u5230\u8FD9\u91CC\uFF0C\u6216\u70B9\u51FB\u9009\u62E9" })
         ]
       }
     ),
-    rejections.length > 0 && /* @__PURE__ */ jsx55("div", { className: "hf-upload__errors", role: "alert", children: rejections.map(({ file, reason, message }, index) => /* @__PURE__ */ jsxs48("span", { children: [
+    rejections.length > 0 && /* @__PURE__ */ jsx62("div", { className: "hf-upload__errors", role: "alert", children: rejections.map(({ file, reason, message }, index) => /* @__PURE__ */ jsxs55("span", { children: [
       file.name,
       "\uFF1A",
       message
     ] }, `${file.name}-${reason}-${index}`)) }),
-    hint && /* @__PURE__ */ jsx55("small", { children: hint })
+    hint && /* @__PURE__ */ jsx62("small", { children: hint })
   ] });
 }
 
 // src/forms/Combobox.tsx
-import { useId as useId20, useMemo as useMemo6, useState as useState29 } from "react";
-import { jsx as jsx56, jsxs as jsxs49 } from "react/jsx-runtime";
+import { useId as useId20, useMemo as useMemo7, useState as useState33 } from "react";
+import { jsx as jsx63, jsxs as jsxs56 } from "react/jsx-runtime";
 function Combobox({ label, options, value = "", onChange, placeholder = "\u641C\u7D22\u6216\u9009\u62E9", hint, error, disabled, emptyText = "\u6CA1\u6709\u5339\u914D\u9879" }) {
   const id = useId20();
-  const [open, setOpen] = useState29(false);
+  const [open, setOpen] = useState33(false);
   const root = useDismissibleLayer(open, () => setOpen(false), { autoFocus: false });
-  const [query, setQuery] = useState29("");
-  const [active, setActive] = useState29(0);
+  const [query, setQuery] = useState33("");
+  const [active, setActive] = useState33(0);
   const selected = options.find((item) => item.value === value);
-  const filtered = useMemo6(() => options.filter((item) => `${typeof item.label === "string" ? item.label : item.value} ${item.keywords ?? ""}`.toLowerCase().includes(query.toLowerCase())), [options, query]);
+  const filtered = useMemo7(() => options.filter((item) => `${typeof item.label === "string" ? item.label : item.value} ${item.keywords ?? ""}`.toLowerCase().includes(query.toLowerCase())), [options, query]);
   const choose = (next) => {
     onChange(next);
     setQuery("");
@@ -3206,51 +3483,51 @@ function Combobox({ label, options, value = "", onChange, placeholder = "\u641C\
       if (option && !option.disabled) choose(option.value);
     } else if (event.key === "Escape") setOpen(false);
   };
-  return /* @__PURE__ */ jsxs49("div", { className: "hf-field hf-combobox", ref: root, children: [
-    label && /* @__PURE__ */ jsx56("label", { className: "hf-field__label", htmlFor: id, children: label }),
-    /* @__PURE__ */ jsxs49("div", { className: `hf-combobox__control${open ? " is-open" : ""}${error ? " is-error" : ""}`, children: [
-      /* @__PURE__ */ jsx56("input", { id, role: "combobox", "aria-expanded": open, "aria-controls": `${id}-listbox`, "aria-autocomplete": "list", "aria-invalid": Boolean(error), disabled, placeholder: selected && !open ? String(selected.label) : placeholder, value: open ? query : selected ? String(selected.label) : "", onFocus: () => setOpen(true), onChange: (event) => {
+  return /* @__PURE__ */ jsxs56("div", { className: "hf-field hf-combobox", ref: root, children: [
+    label && /* @__PURE__ */ jsx63("label", { className: "hf-field__label", htmlFor: id, children: label }),
+    /* @__PURE__ */ jsxs56("div", { className: `hf-combobox__control${open ? " is-open" : ""}${error ? " is-error" : ""}`, children: [
+      /* @__PURE__ */ jsx63("input", { id, role: "combobox", "aria-expanded": open, "aria-controls": `${id}-listbox`, "aria-autocomplete": "list", "aria-invalid": Boolean(error), disabled, placeholder: selected && !open ? String(selected.label) : placeholder, value: open ? query : selected ? String(selected.label) : "", onFocus: () => setOpen(true), onChange: (event) => {
         setQuery(event.target.value);
         setActive(0);
         setOpen(true);
       }, onKeyDown }),
-      /* @__PURE__ */ jsx56("button", { type: "button", "aria-label": open ? "\u5173\u95ED\u9009\u9879" : "\u6253\u5F00\u9009\u9879", disabled, onClick: () => setOpen((current) => !current), children: /* @__PURE__ */ jsx56(Icon, { name: "chevron-down", size: 16 }) })
+      /* @__PURE__ */ jsx63("button", { type: "button", "aria-label": open ? "\u5173\u95ED\u9009\u9879" : "\u6253\u5F00\u9009\u9879", disabled, onClick: () => setOpen((current) => !current), children: /* @__PURE__ */ jsx63(Icon, { name: "chevron-down", size: 16 }) })
     ] }),
-    open && /* @__PURE__ */ jsx56("div", { id: `${id}-listbox`, className: "hf-combobox__menu", role: "listbox", children: filtered.length ? filtered.map((option, index) => /* @__PURE__ */ jsxs49("button", { type: "button", role: "option", "aria-selected": option.value === value, disabled: option.disabled, className: index === active ? "is-active" : "", onPointerMove: () => setActive(index), onClick: () => choose(option.value), children: [
-      /* @__PURE__ */ jsx56("span", { children: option.label }),
-      option.value === value && /* @__PURE__ */ jsx56("span", { "aria-hidden": "true", children: "\u2713" })
-    ] }, option.value)) : /* @__PURE__ */ jsx56("div", { className: "hf-combobox__empty", children: emptyText }) }),
-    (error || hint) && /* @__PURE__ */ jsx56("span", { className: `hf-field__hint${error ? " hf-field__hint--error" : ""}`, children: error ?? hint })
+    open && /* @__PURE__ */ jsx63("div", { id: `${id}-listbox`, className: "hf-combobox__menu", role: "listbox", children: filtered.length ? filtered.map((option, index) => /* @__PURE__ */ jsxs56("button", { type: "button", role: "option", "aria-selected": option.value === value, disabled: option.disabled, className: index === active ? "is-active" : "", onPointerMove: () => setActive(index), onClick: () => choose(option.value), children: [
+      /* @__PURE__ */ jsx63("span", { children: option.label }),
+      option.value === value && /* @__PURE__ */ jsx63("span", { "aria-hidden": "true", children: "\u2713" })
+    ] }, option.value)) : /* @__PURE__ */ jsx63("div", { className: "hf-combobox__empty", children: emptyText }) }),
+    (error || hint) && /* @__PURE__ */ jsx63("span", { className: `hf-field__hint${error ? " hf-field__hint--error" : ""}`, children: error ?? hint })
   ] });
 }
 
 // src/forms/NumberInput.tsx
 import { useId as useId21 } from "react";
-import { jsx as jsx57, jsxs as jsxs50 } from "react/jsx-runtime";
+import { jsx as jsx64, jsxs as jsxs57 } from "react/jsx-runtime";
 function NumberInput({ label, value, onChange, min, max, step = 1, prefix, suffix, hint, error, disabled }) {
   const id = useId21();
-  const clamp = (next) => Math.min(max ?? Infinity, Math.max(min ?? -Infinity, next));
-  return /* @__PURE__ */ jsxs50("div", { className: "hf-field hf-number-input", children: [
-    label && /* @__PURE__ */ jsx57("label", { className: "hf-field__label", htmlFor: id, children: label }),
-    /* @__PURE__ */ jsxs50("div", { className: `hf-number-input__control${error ? " is-error" : ""}`, children: [
-      prefix && /* @__PURE__ */ jsx57("span", { children: prefix }),
-      /* @__PURE__ */ jsx57("input", { id, type: "number", value, min, max, step, disabled, "aria-invalid": Boolean(error), onChange: (event) => {
+  const clamp2 = (next) => Math.min(max ?? Infinity, Math.max(min ?? -Infinity, next));
+  return /* @__PURE__ */ jsxs57("div", { className: "hf-field hf-number-input", children: [
+    label && /* @__PURE__ */ jsx64("label", { className: "hf-field__label", htmlFor: id, children: label }),
+    /* @__PURE__ */ jsxs57("div", { className: `hf-number-input__control${error ? " is-error" : ""}`, children: [
+      prefix && /* @__PURE__ */ jsx64("span", { children: prefix }),
+      /* @__PURE__ */ jsx64("input", { id, type: "number", value, min, max, step, disabled, "aria-invalid": Boolean(error), onChange: (event) => {
         const next = event.currentTarget.valueAsNumber;
-        if (!Number.isNaN(next)) onChange(clamp(next));
+        if (!Number.isNaN(next)) onChange(clamp2(next));
       } }),
-      /* @__PURE__ */ jsxs50("div", { children: [
-        /* @__PURE__ */ jsx57("button", { type: "button", disabled: disabled || max !== void 0 && value >= max, "aria-label": "\u589E\u52A0", onClick: () => onChange(clamp(value + step)), children: "\uFF0B" }),
-        /* @__PURE__ */ jsx57("button", { type: "button", disabled: disabled || min !== void 0 && value <= min, "aria-label": "\u51CF\u5C11", onClick: () => onChange(clamp(value - step)), children: "\u2212" })
+      /* @__PURE__ */ jsxs57("div", { children: [
+        /* @__PURE__ */ jsx64("button", { type: "button", disabled: disabled || max !== void 0 && value >= max, "aria-label": "\u589E\u52A0", onClick: () => onChange(clamp2(value + step)), children: "\uFF0B" }),
+        /* @__PURE__ */ jsx64("button", { type: "button", disabled: disabled || min !== void 0 && value <= min, "aria-label": "\u51CF\u5C11", onClick: () => onChange(clamp2(value - step)), children: "\u2212" })
       ] }),
-      suffix && /* @__PURE__ */ jsx57("span", { children: suffix })
+      suffix && /* @__PURE__ */ jsx64("span", { children: suffix })
     ] }),
-    (error || hint) && /* @__PURE__ */ jsx57("span", { className: `hf-field__hint${error ? " hf-field__hint--error" : ""}`, children: error ?? hint })
+    (error || hint) && /* @__PURE__ */ jsx64("span", { className: `hf-field__hint${error ? " hf-field__hint--error" : ""}`, children: error ?? hint })
   ] });
 }
 
 // src/forms/NextBatch.tsx
-import { useState as useState30 } from "react";
-import { jsx as jsx58, jsxs as jsxs51 } from "react/jsx-runtime";
+import { useState as useState34 } from "react";
+import { jsx as jsx65, jsxs as jsxs58 } from "react/jsx-runtime";
 function Cascader({ options, value = [], onChange, label }) {
   const levels = [options];
   let current = options;
@@ -3260,44 +3537,44 @@ function Cascader({ options, value = [], onChange, label }) {
     levels.push(next);
     current = next;
   }
-  return /* @__PURE__ */ jsxs51("div", { className: "hf-field hf-cascader", children: [
-    label && /* @__PURE__ */ jsx58("span", { className: "hf-field__label", children: label }),
-    /* @__PURE__ */ jsx58("div", { children: levels.map((items, level) => /* @__PURE__ */ jsx58(Select, { "aria-label": `\u7B2C ${level + 1} \u7EA7`, className: "hf-cascader__level", value: value[level] ?? "", placeholder: "\u8BF7\u9009\u62E9", options: items.map((item) => ({ label: item.label, value: item.value, disabled: item.disabled })), onChange: (event) => onChange([...value.slice(0, level), event.target.value]) }, level)) })
+  return /* @__PURE__ */ jsxs58("div", { className: "hf-field hf-cascader", children: [
+    label && /* @__PURE__ */ jsx65("span", { className: "hf-field__label", children: label }),
+    /* @__PURE__ */ jsx65("div", { children: levels.map((items, level) => /* @__PURE__ */ jsx65(Select, { "aria-label": `\u7B2C ${level + 1} \u7EA7`, className: "hf-cascader__level", value: value[level] ?? "", placeholder: "\u8BF7\u9009\u62E9", options: items.map((item) => ({ label: item.label, value: item.value, disabled: item.disabled })), onChange: (event) => onChange([...value.slice(0, level), event.target.value]) }, level)) })
   ] });
 }
 function TreeSelect({ options, value, onChange, label, placeholder = "\u9009\u62E9\u8282\u70B9" }) {
-  const [open, setOpen] = useState30(false);
+  const [open, setOpen] = useState34(false);
   const flatten = (nodes, depth = 0) => nodes.flatMap((node) => [{ node, depth }, ...flatten(node.children ?? [], depth + 1)]);
   const all = flatten(options);
-  return /* @__PURE__ */ jsxs51("div", { className: "hf-field hf-tree-select", children: [
-    label && /* @__PURE__ */ jsx58("span", { className: "hf-field__label", children: label }),
-    /* @__PURE__ */ jsxs51("button", { type: "button", className: "hf-picker-trigger", "aria-expanded": open, onClick: () => setOpen(!open), children: [
-      /* @__PURE__ */ jsx58("span", { children: all.find((item) => item.node.key === value)?.node.label ?? placeholder }),
-      /* @__PURE__ */ jsx58(Icon, { className: "hf-picker-trigger__chevron", name: "chevron-down", size: 16 })
+  return /* @__PURE__ */ jsxs58("div", { className: "hf-field hf-tree-select", children: [
+    label && /* @__PURE__ */ jsx65("span", { className: "hf-field__label", children: label }),
+    /* @__PURE__ */ jsxs58("button", { type: "button", className: "hf-picker-trigger", "aria-expanded": open, onClick: () => setOpen(!open), children: [
+      /* @__PURE__ */ jsx65("span", { children: all.find((item) => item.node.key === value)?.node.label ?? placeholder }),
+      /* @__PURE__ */ jsx65(Icon, { className: "hf-picker-trigger__chevron", name: "chevron-down", size: 16 })
     ] }),
-    open && /* @__PURE__ */ jsx58("div", { role: "listbox", children: all.map(({ node, depth }) => /* @__PURE__ */ jsx58("button", { type: "button", role: "option", "aria-selected": node.key === value, disabled: node.disabled, style: { paddingLeft: 12 + depth * 18 }, onClick: () => {
+    open && /* @__PURE__ */ jsx65("div", { role: "listbox", children: all.map(({ node, depth }) => /* @__PURE__ */ jsx65("button", { type: "button", role: "option", "aria-selected": node.key === value, disabled: node.disabled, style: { paddingLeft: 12 + depth * 18 }, onClick: () => {
       onChange(node.key);
       setOpen(false);
     }, children: node.label }, node.key)) })
   ] });
 }
 function Transfer({ items, value, onChange, titles = ["\u53EF\u9009\u9879", "\u5DF2\u9009\u62E9"] }) {
-  const [marked, setMarked] = useState30([]);
-  const pane = (selected) => /* @__PURE__ */ jsxs51("section", { children: [
-    /* @__PURE__ */ jsx58("strong", { children: titles[selected ? 1 : 0] }),
-    items.filter((item) => value.includes(item.key) === selected).map((item) => /* @__PURE__ */ jsxs51("label", { children: [
-      /* @__PURE__ */ jsx58("input", { type: "checkbox", disabled: item.disabled, checked: marked.includes(item.key), onChange: () => setMarked((keys) => keys.includes(item.key) ? keys.filter((key) => key !== item.key) : [...keys, item.key]) }),
+  const [marked, setMarked] = useState34([]);
+  const pane = (selected) => /* @__PURE__ */ jsxs58("section", { children: [
+    /* @__PURE__ */ jsx65("strong", { children: titles[selected ? 1 : 0] }),
+    items.filter((item) => value.includes(item.key) === selected).map((item) => /* @__PURE__ */ jsxs58("label", { children: [
+      /* @__PURE__ */ jsx65("input", { type: "checkbox", disabled: item.disabled, checked: marked.includes(item.key), onChange: () => setMarked((keys) => keys.includes(item.key) ? keys.filter((key) => key !== item.key) : [...keys, item.key]) }),
       item.label
     ] }, item.key))
   ] });
-  return /* @__PURE__ */ jsxs51("div", { className: "hf-transfer", children: [
+  return /* @__PURE__ */ jsxs58("div", { className: "hf-transfer", children: [
     pane(false),
-    /* @__PURE__ */ jsxs51("div", { children: [
-      /* @__PURE__ */ jsx58("button", { type: "button", "aria-label": "\u79FB\u81F3\u5DF2\u9009\u62E9", onClick: () => {
+    /* @__PURE__ */ jsxs58("div", { children: [
+      /* @__PURE__ */ jsx65("button", { type: "button", "aria-label": "\u79FB\u81F3\u5DF2\u9009\u62E9", onClick: () => {
         onChange([.../* @__PURE__ */ new Set([...value, ...marked])]);
         setMarked([]);
       }, children: "\u2192" }),
-      /* @__PURE__ */ jsx58("button", { type: "button", "aria-label": "\u79FB\u56DE\u53EF\u9009\u9879", onClick: () => {
+      /* @__PURE__ */ jsx65("button", { type: "button", "aria-label": "\u79FB\u56DE\u53EF\u9009\u9879", onClick: () => {
         onChange(value.filter((key) => !marked.includes(key)));
         setMarked([]);
       }, children: "\u2190" })
@@ -3306,54 +3583,54 @@ function Transfer({ items, value, onChange, titles = ["\u53EF\u9009\u9879", "\u5
   ] });
 }
 function DateRangePicker({ label, value, onChange, min, max }) {
-  return /* @__PURE__ */ jsxs51("div", { className: "hf-field hf-date-range", children: [
-    label && /* @__PURE__ */ jsx58("span", { className: "hf-field__label", children: label }),
-    /* @__PURE__ */ jsxs51("div", { children: [
-      /* @__PURE__ */ jsx58("input", { "aria-label": "\u5F00\u59CB\u65E5\u671F", type: "date", value: value[0], min, max: value[1] || max, onChange: (event) => onChange([event.target.value, value[1]]) }),
-      /* @__PURE__ */ jsx58("span", { children: "\u81F3" }),
-      /* @__PURE__ */ jsx58("input", { "aria-label": "\u7ED3\u675F\u65E5\u671F", type: "date", value: value[1], min: value[0] || min, max, onChange: (event) => onChange([value[0], event.target.value]) })
+  return /* @__PURE__ */ jsxs58("div", { className: "hf-field hf-date-range", children: [
+    label && /* @__PURE__ */ jsx65("span", { className: "hf-field__label", children: label }),
+    /* @__PURE__ */ jsxs58("div", { children: [
+      /* @__PURE__ */ jsx65("input", { "aria-label": "\u5F00\u59CB\u65E5\u671F", type: "date", value: value[0], min, max: value[1] || max, onChange: (event) => onChange([event.target.value, value[1]]) }),
+      /* @__PURE__ */ jsx65("span", { children: "\u81F3" }),
+      /* @__PURE__ */ jsx65("input", { "aria-label": "\u7ED3\u675F\u65E5\u671F", type: "date", value: value[1], min: value[0] || min, max, onChange: (event) => onChange([value[0], event.target.value]) })
     ] })
   ] });
 }
 function SearchInput({ onSearch, loading, clearable = true, ...props }) {
-  const [value, setValue] = useState30(String(props.defaultValue ?? props.value ?? ""));
-  return /* @__PURE__ */ jsxs51("form", { className: "hf-search-input", role: "search", onSubmit: (event) => {
+  const [value, setValue] = useState34(String(props.defaultValue ?? props.value ?? ""));
+  return /* @__PURE__ */ jsxs58("form", { className: "hf-search-input", role: "search", onSubmit: (event) => {
     event.preventDefault();
     onSearch(value);
   }, children: [
-    /* @__PURE__ */ jsx58("span", { "aria-hidden": "true", children: "\u2315" }),
-    /* @__PURE__ */ jsx58("input", { ...props, value, onChange: (event) => {
+    /* @__PURE__ */ jsx65("span", { "aria-hidden": "true", children: "\u2315" }),
+    /* @__PURE__ */ jsx65("input", { ...props, value, onChange: (event) => {
       setValue(event.target.value);
       props.onChange?.(event);
     } }),
-    clearable && value && /* @__PURE__ */ jsx58("button", { type: "button", "aria-label": "\u6E05\u9664\u641C\u7D22", onClick: () => setValue(""), children: /* @__PURE__ */ jsx58(Icon, { name: "close", size: 14 }) }),
-    /* @__PURE__ */ jsx58("button", { type: "submit", disabled: loading, children: loading ? "\u641C\u7D22\u4E2D" : "\u641C\u7D22" })
+    clearable && value && /* @__PURE__ */ jsx65("button", { type: "button", "aria-label": "\u6E05\u9664\u641C\u7D22", onClick: () => setValue(""), children: /* @__PURE__ */ jsx65(Icon, { name: "close", size: 14 }) }),
+    /* @__PURE__ */ jsx65("button", { type: "submit", disabled: loading, children: loading ? "\u641C\u7D22\u4E2D" : "\u641C\u7D22" })
   ] });
 }
 
 // src/feedback/Drawer.tsx
 import { useId as useId22 } from "react";
 import { createPortal as createPortal5 } from "react-dom";
-import { jsx as jsx59, jsxs as jsxs52 } from "react/jsx-runtime";
+import { jsx as jsx66, jsxs as jsxs59 } from "react/jsx-runtime";
 function Drawer({ open, title, children, onClose, footer, side = "right", size = "md" }) {
   const titleId = useId22();
   const drawerRef = useDismissibleLayer(open, onClose, true);
   if (!open) return null;
-  return createPortal5(/* @__PURE__ */ jsx59("div", { className: "hf-drawer-backdrop", onMouseDown: (event) => event.target === event.currentTarget && onClose(), children: /* @__PURE__ */ jsxs52("div", { ref: drawerRef, className: `hf-drawer hf-drawer--${side} hf-drawer--${size}`, role: "dialog", "aria-modal": "true", "aria-labelledby": titleId, tabIndex: -1, children: [
-    /* @__PURE__ */ jsxs52("header", { children: [
-      /* @__PURE__ */ jsx59("h2", { id: titleId, children: title }),
-      /* @__PURE__ */ jsx59(Button, { variant: "quiet", size: "sm", iconOnly: true, leadingIcon: /* @__PURE__ */ jsx59(Icon, { name: "close", size: 16 }), onClick: onClose, "aria-label": "\u5173\u95ED\u62BD\u5C49" })
+  return createPortal5(/* @__PURE__ */ jsx66("div", { className: "hf-drawer-backdrop", onMouseDown: (event) => event.target === event.currentTarget && onClose(), children: /* @__PURE__ */ jsxs59("div", { ref: drawerRef, className: `hf-drawer hf-drawer--${side} hf-drawer--${size}`, role: "dialog", "aria-modal": "true", "aria-labelledby": titleId, tabIndex: -1, children: [
+    /* @__PURE__ */ jsxs59("header", { children: [
+      /* @__PURE__ */ jsx66("h2", { id: titleId, children: title }),
+      /* @__PURE__ */ jsx66(Button, { variant: "quiet", size: "sm", iconOnly: true, leadingIcon: /* @__PURE__ */ jsx66(Icon, { name: "close", size: 16 }), onClick: onClose, "aria-label": "\u5173\u95ED\u62BD\u5C49" })
     ] }),
-    /* @__PURE__ */ jsx59("div", { className: "hf-drawer__body", children }),
-    footer && /* @__PURE__ */ jsx59("footer", { children: footer })
+    /* @__PURE__ */ jsx66("div", { className: "hf-drawer__body", children }),
+    footer && /* @__PURE__ */ jsx66("footer", { children: footer })
   ] }) }), document.body);
 }
 
 // src/feedback/Popover.tsx
-import { cloneElement as cloneElement2, isValidElement, useId as useId23, useState as useState31 } from "react";
-import { jsx as jsx60, jsxs as jsxs53 } from "react/jsx-runtime";
+import { cloneElement as cloneElement2, isValidElement, useId as useId23, useState as useState35 } from "react";
+import { jsx as jsx67, jsxs as jsxs60 } from "react/jsx-runtime";
 function Popover({ trigger, children, open, defaultOpen = false, onOpenChange, placement = "bottom", label = "\u66F4\u591A\u5185\u5BB9" }) {
-  const [innerOpen, setInnerOpen] = useState31(defaultOpen);
+  const [innerOpen, setInnerOpen] = useState35(defaultOpen);
   const controlled = open !== void 0;
   const visible = controlled ? open : innerOpen;
   const contentId = useId23();
@@ -3363,51 +3640,51 @@ function Popover({ trigger, children, open, defaultOpen = false, onOpenChange, p
   };
   const rootRef = useDismissibleLayer(visible, () => update(false));
   const triggerProps = { "aria-expanded": visible, "aria-controls": visible ? contentId : void 0, "aria-haspopup": "dialog", onClick: () => update(!visible) };
-  return /* @__PURE__ */ jsxs53("span", { className: "hf-popover", ref: rootRef, children: [
+  return /* @__PURE__ */ jsxs60("span", { className: "hf-popover", ref: rootRef, children: [
     isValidElement(trigger) && cloneElement2(trigger, triggerProps),
-    visible && /* @__PURE__ */ jsx60("span", { id: contentId, role: "dialog", "aria-label": label, className: `hf-popover__content hf-popover__content--${placement}`, children })
+    visible && /* @__PURE__ */ jsx67("span", { id: contentId, role: "dialog", "aria-label": label, className: `hf-popover__content hf-popover__content--${placement}`, children })
   ] });
 }
 
 // src/feedback/Status.tsx
-import { cloneElement as cloneElement3, useId as useId24, useState as useState32 } from "react";
-import { jsx as jsx61, jsxs as jsxs54 } from "react/jsx-runtime";
+import { cloneElement as cloneElement3, useId as useId24, useState as useState36 } from "react";
+import { jsx as jsx68, jsxs as jsxs61 } from "react/jsx-runtime";
 function Tooltip({ content, children, placement = "top" }) {
-  const [open, setOpen] = useState32(false);
+  const [open, setOpen] = useState36(false);
   const id = useId24();
   const trigger = cloneElement3(children, { "aria-describedby": open ? id : void 0 });
-  return /* @__PURE__ */ jsxs54("span", { className: "hf-tooltip", onMouseEnter: () => setOpen(true), onMouseLeave: () => setOpen(false), onFocus: () => setOpen(true), onBlur: () => setOpen(false), children: [
+  return /* @__PURE__ */ jsxs61("span", { className: "hf-tooltip", onMouseEnter: () => setOpen(true), onMouseLeave: () => setOpen(false), onFocus: () => setOpen(true), onBlur: () => setOpen(false), children: [
     trigger,
-    open && /* @__PURE__ */ jsx61("span", { id, role: "tooltip", className: `hf-tooltip__bubble hf-tooltip__bubble--${placement}`, children: content })
+    open && /* @__PURE__ */ jsx68("span", { id, role: "tooltip", className: `hf-tooltip__bubble hf-tooltip__bubble--${placement}`, children: content })
   ] });
 }
 function Alert({ tone = "info", title, children, onClose, action }) {
   const icon = { info: "info", success: "check", warning: "warning", danger: "error" };
-  return /* @__PURE__ */ jsxs54("div", { className: `hf-alert hf-alert--${tone}`, role: tone === "danger" ? "alert" : "status", children: [
-    /* @__PURE__ */ jsx61(Icon, { name: icon[tone] }),
-    /* @__PURE__ */ jsxs54("div", { children: [
-      /* @__PURE__ */ jsx61("strong", { children: title }),
-      children && /* @__PURE__ */ jsx61("div", { children }),
-      action && /* @__PURE__ */ jsx61("div", { className: "hf-alert__action", children: action })
+  return /* @__PURE__ */ jsxs61("div", { className: `hf-alert hf-alert--${tone}`, role: tone === "danger" ? "alert" : "status", children: [
+    /* @__PURE__ */ jsx68(Icon, { name: icon[tone] }),
+    /* @__PURE__ */ jsxs61("div", { children: [
+      /* @__PURE__ */ jsx68("strong", { children: title }),
+      children && /* @__PURE__ */ jsx68("div", { children }),
+      action && /* @__PURE__ */ jsx68("div", { className: "hf-alert__action", children: action })
     ] }),
-    onClose && /* @__PURE__ */ jsx61("button", { type: "button", onClick: onClose, "aria-label": "\u5173\u95ED\u63D0\u793A", children: /* @__PURE__ */ jsx61(Icon, { name: "close", size: 16 }) })
+    onClose && /* @__PURE__ */ jsx68("button", { type: "button", onClick: onClose, "aria-label": "\u5173\u95ED\u63D0\u793A", children: /* @__PURE__ */ jsx68(Icon, { name: "close", size: 16 }) })
   ] });
 }
 
 // src/feedback/Essentials.tsx
-import { cloneElement as cloneElement4, isValidElement as isValidElement2, useState as useState33 } from "react";
-import { jsx as jsx62, jsxs as jsxs55 } from "react/jsx-runtime";
+import { cloneElement as cloneElement4, isValidElement as isValidElement2, useState as useState37 } from "react";
+import { jsx as jsx69, jsxs as jsxs62 } from "react/jsx-runtime";
 function Popconfirm({ trigger, title, description, confirmText = "\u786E\u8BA4", cancelText = "\u53D6\u6D88", tone = "primary", onConfirm }) {
-  const [open, setOpen] = useState33(false);
+  const [open, setOpen] = useState37(false);
   const root = useDismissibleLayer(open, () => setOpen(false), { autoFocus: false });
-  return /* @__PURE__ */ jsxs55("span", { className: "hf-popconfirm", ref: root, children: [
+  return /* @__PURE__ */ jsxs62("span", { className: "hf-popconfirm", ref: root, children: [
     isValidElement2(trigger) && cloneElement4(trigger, { onClick: () => setOpen(true), "aria-expanded": open }),
-    open && /* @__PURE__ */ jsxs55("div", { role: "alertdialog", "aria-modal": "false", className: "hf-popconfirm__panel", children: [
-      /* @__PURE__ */ jsx62("strong", { children: title }),
-      description && /* @__PURE__ */ jsx62("p", { children: description }),
-      /* @__PURE__ */ jsxs55("div", { children: [
-        /* @__PURE__ */ jsx62(Button, { size: "sm", variant: "quiet", onClick: () => setOpen(false), children: cancelText }),
-        /* @__PURE__ */ jsx62(Button, { size: "sm", variant: tone === "danger" ? "danger" : "primary", onClick: () => {
+    open && /* @__PURE__ */ jsxs62("div", { role: "alertdialog", "aria-modal": "false", className: "hf-popconfirm__panel", children: [
+      /* @__PURE__ */ jsx69("strong", { children: title }),
+      description && /* @__PURE__ */ jsx69("p", { children: description }),
+      /* @__PURE__ */ jsxs62("div", { children: [
+        /* @__PURE__ */ jsx69(Button, { size: "sm", variant: "quiet", onClick: () => setOpen(false), children: cancelText }),
+        /* @__PURE__ */ jsx69(Button, { size: "sm", variant: tone === "danger" ? "danger" : "primary", onClick: () => {
           onConfirm();
           setOpen(false);
         }, children: confirmText })
@@ -3417,82 +3694,82 @@ function Popconfirm({ trigger, title, description, confirmText = "\u786E\u8BA4",
 }
 function Notification({ title, children, tone = "info", time, unread, action, onClose }) {
   const icons = { info: "info", success: "check", warning: "warning", danger: "error" };
-  return /* @__PURE__ */ jsxs55("article", { className: `hf-notification hf-notification--${tone}${unread ? " is-unread" : ""}`, children: [
-    /* @__PURE__ */ jsx62("span", { className: "hf-notification__icon", children: /* @__PURE__ */ jsx62(Icon, { name: icons[tone], size: 18 }) }),
-    /* @__PURE__ */ jsxs55("div", { children: [
-      /* @__PURE__ */ jsxs55("header", { children: [
-        /* @__PURE__ */ jsx62("strong", { children: title }),
-        time && /* @__PURE__ */ jsx62("time", { children: time })
+  return /* @__PURE__ */ jsxs62("article", { className: `hf-notification hf-notification--${tone}${unread ? " is-unread" : ""}`, children: [
+    /* @__PURE__ */ jsx69("span", { className: "hf-notification__icon", children: /* @__PURE__ */ jsx69(Icon, { name: icons[tone], size: 18 }) }),
+    /* @__PURE__ */ jsxs62("div", { children: [
+      /* @__PURE__ */ jsxs62("header", { children: [
+        /* @__PURE__ */ jsx69("strong", { children: title }),
+        time && /* @__PURE__ */ jsx69("time", { children: time })
       ] }),
-      children && /* @__PURE__ */ jsx62("p", { children }),
-      action && /* @__PURE__ */ jsx62("div", { className: "hf-notification__action", children: action })
+      children && /* @__PURE__ */ jsx69("p", { children }),
+      action && /* @__PURE__ */ jsx69("div", { className: "hf-notification__action", children: action })
     ] }),
-    onClose && /* @__PURE__ */ jsx62("button", { type: "button", "aria-label": "\u5173\u95ED\u901A\u77E5", onClick: onClose, children: /* @__PURE__ */ jsx62(Icon, { name: "close", size: 15 }) })
+    onClose && /* @__PURE__ */ jsx69("button", { type: "button", "aria-label": "\u5173\u95ED\u901A\u77E5", onClick: onClose, children: /* @__PURE__ */ jsx69(Icon, { name: "close", size: 15 }) })
   ] });
 }
 function Result({ status = "info", title, description, actions, extra }) {
   const icon = status === "success" ? "\u2713" : status === "error" ? "\xD7" : status === "warning" ? "!" : status === "info" ? "i" : status;
-  return /* @__PURE__ */ jsxs55("section", { className: `hf-result hf-result--${status}`, children: [
-    /* @__PURE__ */ jsx62("span", { className: "hf-result__icon", "aria-hidden": "true", children: icon }),
-    /* @__PURE__ */ jsx62("h2", { children: title }),
-    description && /* @__PURE__ */ jsx62("p", { children: description }),
-    actions && /* @__PURE__ */ jsx62("div", { className: "hf-result__actions", children: actions }),
-    extra && /* @__PURE__ */ jsx62("div", { className: "hf-result__extra", children: extra })
+  return /* @__PURE__ */ jsxs62("section", { className: `hf-result hf-result--${status}`, children: [
+    /* @__PURE__ */ jsx69("span", { className: "hf-result__icon", "aria-hidden": "true", children: icon }),
+    /* @__PURE__ */ jsx69("h2", { children: title }),
+    description && /* @__PURE__ */ jsx69("p", { children: description }),
+    actions && /* @__PURE__ */ jsx69("div", { className: "hf-result__actions", children: actions }),
+    extra && /* @__PURE__ */ jsx69("div", { className: "hf-result__extra", children: extra })
   ] });
 }
 
 // src/data-display/DataDisplay.tsx
-import { Fragment as Fragment8, jsx as jsx63, jsxs as jsxs56 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx70, jsxs as jsxs63 } from "react/jsx-runtime";
 function StatisticCard({ label, value, trend, icon, tone = "blue", className = "", ...props }) {
-  return /* @__PURE__ */ jsxs56("article", { className: `hf-stat hf-stat--${tone} ${className}`.trim(), ...props, children: [
-    /* @__PURE__ */ jsxs56("div", { className: "hf-stat__top", children: [
-      /* @__PURE__ */ jsx63("span", { children: label }),
-      icon && /* @__PURE__ */ jsx63("i", { children: icon })
+  return /* @__PURE__ */ jsxs63("article", { className: `hf-stat hf-stat--${tone} ${className}`.trim(), ...props, children: [
+    /* @__PURE__ */ jsxs63("div", { className: "hf-stat__top", children: [
+      /* @__PURE__ */ jsx70("span", { children: label }),
+      icon && /* @__PURE__ */ jsx70("i", { children: icon })
     ] }),
-    /* @__PURE__ */ jsx63("strong", { children: value }),
-    trend && /* @__PURE__ */ jsx63("small", { children: trend }),
-    /* @__PURE__ */ jsx63("span", { className: "hf-stat__glow", "aria-hidden": "true" })
+    /* @__PURE__ */ jsx70("strong", { children: value }),
+    trend && /* @__PURE__ */ jsx70("small", { children: trend }),
+    /* @__PURE__ */ jsx70("span", { className: "hf-stat__glow", "aria-hidden": "true" })
   ] });
 }
 var Stat = StatisticCard;
 function Progress({ value, max = 100, label, showValue = true, size = "md", tone = "primary", className = "", ...props }) {
   const percent = Math.min(100, Math.max(0, max ? value / max * 100 : 0));
-  return /* @__PURE__ */ jsxs56("div", { className: `hf-progress hf-progress--${size} hf-progress--${tone} ${className}`.trim(), ...props, children: [
-    (label || showValue) && /* @__PURE__ */ jsxs56("div", { className: "hf-progress__meta", children: [
-      /* @__PURE__ */ jsx63("span", { children: label }),
-      showValue && /* @__PURE__ */ jsxs56("strong", { children: [
+  return /* @__PURE__ */ jsxs63("div", { className: `hf-progress hf-progress--${size} hf-progress--${tone} ${className}`.trim(), ...props, children: [
+    (label || showValue) && /* @__PURE__ */ jsxs63("div", { className: "hf-progress__meta", children: [
+      /* @__PURE__ */ jsx70("span", { children: label }),
+      showValue && /* @__PURE__ */ jsxs63("strong", { children: [
         Math.round(percent),
         "%"
       ] })
     ] }),
-    /* @__PURE__ */ jsx63("div", { className: "hf-progress__track", role: "progressbar", "aria-valuemin": 0, "aria-valuemax": max, "aria-valuenow": value, children: /* @__PURE__ */ jsx63("span", { style: { "--hf-progress": `${percent}%` } }) })
+    /* @__PURE__ */ jsx70("div", { className: "hf-progress__track", role: "progressbar", "aria-valuemin": 0, "aria-valuemax": max, "aria-valuenow": value, children: /* @__PURE__ */ jsx70("span", { style: { "--hf-progress": `${percent}%` } }) })
   ] });
 }
 function CircularProgress({ value, max = 100, label, size = 92, thickness = 8, className = "", ...props }) {
   const percent = Math.min(100, Math.max(0, max ? value / max * 100 : 0));
-  return /* @__PURE__ */ jsx63("div", { className: `hf-circular-progress ${className}`.trim(), style: { "--hf-circle": `${percent * 3.6}deg`, "--hf-circle-size": `${size}px`, "--hf-circle-thickness": `${thickness}px` }, role: "progressbar", "aria-valuemin": 0, "aria-valuemax": max, "aria-valuenow": value, ...props, children: /* @__PURE__ */ jsxs56("span", { children: [
-    /* @__PURE__ */ jsxs56("strong", { children: [
+  return /* @__PURE__ */ jsx70("div", { className: `hf-circular-progress ${className}`.trim(), style: { "--hf-circle": `${percent * 3.6}deg`, "--hf-circle-size": `${size}px`, "--hf-circle-thickness": `${thickness}px` }, role: "progressbar", "aria-valuemin": 0, "aria-valuemax": max, "aria-valuenow": value, ...props, children: /* @__PURE__ */ jsxs63("span", { children: [
+    /* @__PURE__ */ jsxs63("strong", { children: [
       Math.round(percent),
       "%"
     ] }),
-    label && /* @__PURE__ */ jsx63("small", { children: label })
+    label && /* @__PURE__ */ jsx70("small", { children: label })
   ] }) });
 }
 function StepProgress({ steps, current, className = "", ...props }) {
-  return /* @__PURE__ */ jsx63("ol", { className: `hf-step-progress ${className}`.trim(), ...props, children: steps.map((step, index) => /* @__PURE__ */ jsxs56("li", { className: index < current ? "is-complete" : index === current ? "is-current" : "", children: [
-    /* @__PURE__ */ jsx63("span", { children: index < current ? "\u2713" : index + 1 }),
-    /* @__PURE__ */ jsx63("small", { children: step })
+  return /* @__PURE__ */ jsx70("ol", { className: `hf-step-progress ${className}`.trim(), ...props, children: steps.map((step, index) => /* @__PURE__ */ jsxs63("li", { className: index < current ? "is-complete" : index === current ? "is-current" : "", children: [
+    /* @__PURE__ */ jsx70("span", { children: index < current ? "\u2713" : index + 1 }),
+    /* @__PURE__ */ jsx70("small", { children: step })
   ] }, index)) });
 }
 function ActivityIndicator({ variant = "spinner", label = "\u6B63\u5728\u52A0\u8F7D", size = "md", className = "", ...props }) {
-  return /* @__PURE__ */ jsxs56("span", { className: `hf-activity hf-activity--${variant} hf-activity--${size} ${className}`.trim(), role: "status", "aria-label": label, ...props, children: [
-    variant === "dots" && /* @__PURE__ */ jsxs56(Fragment8, { children: [
-      /* @__PURE__ */ jsx63("i", {}),
-      /* @__PURE__ */ jsx63("i", {}),
-      /* @__PURE__ */ jsx63("i", {})
+  return /* @__PURE__ */ jsxs63("span", { className: `hf-activity hf-activity--${variant} hf-activity--${size} ${className}`.trim(), role: "status", "aria-label": label, ...props, children: [
+    variant === "dots" && /* @__PURE__ */ jsxs63(Fragment8, { children: [
+      /* @__PURE__ */ jsx70("i", {}),
+      /* @__PURE__ */ jsx70("i", {}),
+      /* @__PURE__ */ jsx70("i", {})
     ] }),
-    variant === "wave" && Array.from({ length: 5 }, (_, index) => /* @__PURE__ */ jsx63("i", {}, index)),
-    variant === "radar" && /* @__PURE__ */ jsx63("i", {})
+    variant === "wave" && Array.from({ length: 5 }, (_, index) => /* @__PURE__ */ jsx70("i", {}, index)),
+    variant === "radar" && /* @__PURE__ */ jsx70("i", {})
   ] });
 }
 function Sparkline({ data, width = 160, height = 48, label = "\u8D8B\u52BF\u56FE", filled = true, ...props }) {
@@ -3501,27 +3778,27 @@ function Sparkline({ data, width = 160, height = 48, label = "\u8D8B\u52BF\u56FE
   const range = max - min || 1;
   const points = data.map((value, index) => `${data.length === 1 ? width / 2 : index / (data.length - 1) * width},${height - ((value - min) / range * (height - 8) + 4)}`).join(" ");
   const area = `0,${height} ${points} ${width},${height}`;
-  return /* @__PURE__ */ jsxs56("svg", { className: "hf-sparkline", viewBox: `0 0 ${width} ${height}`, role: "img", "aria-label": label, ...props, children: [
-    filled && /* @__PURE__ */ jsx63("polygon", { points: area, className: "hf-sparkline__area" }),
-    /* @__PURE__ */ jsx63("polyline", { points, className: "hf-sparkline__line" })
+  return /* @__PURE__ */ jsxs63("svg", { className: "hf-sparkline", viewBox: `0 0 ${width} ${height}`, role: "img", "aria-label": label, ...props, children: [
+    filled && /* @__PURE__ */ jsx70("polygon", { points: area, className: "hf-sparkline__area" }),
+    /* @__PURE__ */ jsx70("polyline", { points, className: "hf-sparkline__line" })
   ] });
 }
 
 // src/data-display/Collections.tsx
-import { jsx as jsx64, jsxs as jsxs57 } from "react/jsx-runtime";
+import { jsx as jsx71, jsxs as jsxs64 } from "react/jsx-runtime";
 function Table({ columns, data, rowKey, caption, empty = "\u6682\u65E0\u6570\u636E", striped, onRowClick, className = "", ...props }) {
   const keyOf = (item, index) => typeof rowKey === "function" ? rowKey(item, index) : String(item[rowKey]);
-  return /* @__PURE__ */ jsx64("div", { className: `hf-table-wrap ${className}`, ...props, children: /* @__PURE__ */ jsxs57("table", { className: `hf-table${striped ? " hf-table--striped" : ""}`, children: [
-    caption && /* @__PURE__ */ jsx64("caption", { children: caption }),
-    /* @__PURE__ */ jsx64("thead", { children: /* @__PURE__ */ jsx64("tr", { children: columns.map((column) => /* @__PURE__ */ jsx64("th", { style: { textAlign: column.align, width: column.width }, children: column.header }, column.key)) }) }),
-    /* @__PURE__ */ jsxs57("tbody", { children: [
-      data.map((item, index) => /* @__PURE__ */ jsx64("tr", { className: onRowClick ? "is-clickable" : "", onClick: () => onRowClick?.(item, index), tabIndex: onRowClick ? 0 : void 0, onKeyDown: (event) => {
+  return /* @__PURE__ */ jsx71("div", { className: `hf-table-wrap ${className}`, ...props, children: /* @__PURE__ */ jsxs64("table", { className: `hf-table${striped ? " hf-table--striped" : ""}`, children: [
+    caption && /* @__PURE__ */ jsx71("caption", { children: caption }),
+    /* @__PURE__ */ jsx71("thead", { children: /* @__PURE__ */ jsx71("tr", { children: columns.map((column) => /* @__PURE__ */ jsx71("th", { style: { textAlign: column.align, width: column.width }, children: column.header }, column.key)) }) }),
+    /* @__PURE__ */ jsxs64("tbody", { children: [
+      data.map((item, index) => /* @__PURE__ */ jsx71("tr", { className: onRowClick ? "is-clickable" : "", onClick: () => onRowClick?.(item, index), tabIndex: onRowClick ? 0 : void 0, onKeyDown: (event) => {
         if (onRowClick && (event.key === "Enter" || event.key === " ")) {
           event.preventDefault();
           onRowClick(item, index);
         }
-      }, children: columns.map((column) => /* @__PURE__ */ jsx64("td", { style: { textAlign: column.align }, children: column.render ? column.render(item, index) : String(item[column.key] ?? "") }, column.key)) }, keyOf(item, index))),
-      !data.length && /* @__PURE__ */ jsx64("tr", { children: /* @__PURE__ */ jsx64("td", { className: "hf-table__empty", colSpan: columns.length, children: empty }) })
+      }, children: columns.map((column) => /* @__PURE__ */ jsx71("td", { style: { textAlign: column.align }, children: column.render ? column.render(item, index) : String(item[column.key] ?? "") }, column.key)) }, keyOf(item, index))),
+      !data.length && /* @__PURE__ */ jsx71("tr", { children: /* @__PURE__ */ jsx71("td", { className: "hf-table__empty", colSpan: columns.length, children: empty }) })
     ] })
   ] }) });
 }
@@ -3534,71 +3811,71 @@ function Pagination({ page, total, pageSize = 10, siblingCount = 1, onChange, cl
     if (index && value - visible[index - 1] > 1) parts.push("ellipsis");
     parts.push(value);
   });
-  return /* @__PURE__ */ jsxs57("nav", { className: `hf-pagination ${className}`, "aria-label": "\u5206\u9875", ...props, children: [
-    /* @__PURE__ */ jsx64("button", { disabled: current === 1, onClick: () => onChange(current - 1), "aria-label": "\u4E0A\u4E00\u9875", children: /* @__PURE__ */ jsx64(Icon, { name: "chevron-down", size: 16, className: "hf-pagination__prev" }) }),
-    parts.map((part, index) => part === "ellipsis" ? /* @__PURE__ */ jsx64("span", { "aria-hidden": "true", children: "\u2026" }, `e-${index}`) : /* @__PURE__ */ jsx64("button", { className: part === current ? "is-active" : "", "aria-current": part === current ? "page" : void 0, onClick: () => onChange(part), children: part }, part)),
-    /* @__PURE__ */ jsx64("button", { disabled: current === count, onClick: () => onChange(current + 1), "aria-label": "\u4E0B\u4E00\u9875", children: /* @__PURE__ */ jsx64(Icon, { name: "chevron-down", size: 16, className: "hf-pagination__next" }) })
+  return /* @__PURE__ */ jsxs64("nav", { className: `hf-pagination ${className}`, "aria-label": "\u5206\u9875", ...props, children: [
+    /* @__PURE__ */ jsx71("button", { disabled: current === 1, onClick: () => onChange(current - 1), "aria-label": "\u4E0A\u4E00\u9875", children: /* @__PURE__ */ jsx71(Icon, { name: "chevron-down", size: 16, className: "hf-pagination__prev" }) }),
+    parts.map((part, index) => part === "ellipsis" ? /* @__PURE__ */ jsx71("span", { "aria-hidden": "true", children: "\u2026" }, `e-${index}`) : /* @__PURE__ */ jsx71("button", { className: part === current ? "is-active" : "", "aria-current": part === current ? "page" : void 0, onClick: () => onChange(part), children: part }, part)),
+    /* @__PURE__ */ jsx71("button", { disabled: current === count, onClick: () => onChange(current + 1), "aria-label": "\u4E0B\u4E00\u9875", children: /* @__PURE__ */ jsx71(Icon, { name: "chevron-down", size: 16, className: "hf-pagination__next" }) })
   ] });
 }
 function List({ items, divided = true, className = "", ...props }) {
-  return /* @__PURE__ */ jsx64("ul", { className: `hf-list${divided ? " hf-list--divided" : ""} ${className}`, ...props, children: items.map((item) => /* @__PURE__ */ jsxs57("li", { children: [
-    item.leading && /* @__PURE__ */ jsx64("span", { className: "hf-list__leading", children: item.leading }),
-    /* @__PURE__ */ jsxs57("div", { children: [
-      /* @__PURE__ */ jsx64("strong", { children: item.title }),
-      item.description && /* @__PURE__ */ jsx64("small", { children: item.description })
+  return /* @__PURE__ */ jsx71("ul", { className: `hf-list${divided ? " hf-list--divided" : ""} ${className}`, ...props, children: items.map((item) => /* @__PURE__ */ jsxs64("li", { children: [
+    item.leading && /* @__PURE__ */ jsx71("span", { className: "hf-list__leading", children: item.leading }),
+    /* @__PURE__ */ jsxs64("div", { children: [
+      /* @__PURE__ */ jsx71("strong", { children: item.title }),
+      item.description && /* @__PURE__ */ jsx71("small", { children: item.description })
     ] }),
-    item.trailing && /* @__PURE__ */ jsx64("span", { className: "hf-list__trailing", children: item.trailing })
+    item.trailing && /* @__PURE__ */ jsx71("span", { className: "hf-list__trailing", children: item.trailing })
   ] }, item.key)) });
 }
 function Descriptions({ items, columns = 2, bordered, className = "", ...props }) {
-  return /* @__PURE__ */ jsx64("dl", { className: `hf-descriptions hf-descriptions--${columns}${bordered ? " hf-descriptions--bordered" : ""} ${className}`, ...props, children: items.map((item) => /* @__PURE__ */ jsxs57("div", { style: { gridColumn: `span ${Math.min(item.span ?? 1, columns)}` }, children: [
-    /* @__PURE__ */ jsx64("dt", { children: item.label }),
-    /* @__PURE__ */ jsx64("dd", { children: item.value })
+  return /* @__PURE__ */ jsx71("dl", { className: `hf-descriptions hf-descriptions--${columns}${bordered ? " hf-descriptions--bordered" : ""} ${className}`, ...props, children: items.map((item) => /* @__PURE__ */ jsxs64("div", { style: { gridColumn: `span ${Math.min(item.span ?? 1, columns)}` }, children: [
+    /* @__PURE__ */ jsx71("dt", { children: item.label }),
+    /* @__PURE__ */ jsx71("dd", { children: item.value })
   ] }, item.key)) });
 }
 
 // src/data-display/Insight.tsx
-import { jsx as jsx65, jsxs as jsxs58 } from "react/jsx-runtime";
+import { jsx as jsx72, jsxs as jsxs65 } from "react/jsx-runtime";
 function Timeline({ items, label = "\u65F6\u95F4\u8F74" }) {
-  return /* @__PURE__ */ jsx65("ol", { className: "hf-timeline", "aria-label": label, children: items.map((item) => /* @__PURE__ */ jsxs58("li", { className: `hf-timeline--${item.status ?? "upcoming"}`, children: [
-    /* @__PURE__ */ jsx65("i", { "aria-hidden": "true" }),
-    /* @__PURE__ */ jsxs58("div", { children: [
-      /* @__PURE__ */ jsx65("strong", { children: item.title }),
-      item.description && /* @__PURE__ */ jsx65("p", { children: item.description })
+  return /* @__PURE__ */ jsx72("ol", { className: "hf-timeline", "aria-label": label, children: items.map((item) => /* @__PURE__ */ jsxs65("li", { className: `hf-timeline--${item.status ?? "upcoming"}`, children: [
+    /* @__PURE__ */ jsx72("i", { "aria-hidden": "true" }),
+    /* @__PURE__ */ jsxs65("div", { children: [
+      /* @__PURE__ */ jsx72("strong", { children: item.title }),
+      item.description && /* @__PURE__ */ jsx72("p", { children: item.description })
     ] }),
-    item.time && /* @__PURE__ */ jsx65("time", { children: item.time })
+    item.time && /* @__PURE__ */ jsx72("time", { children: item.time })
   ] }, item.key)) });
 }
 function InsightBoard({ summary, trend, detail, heading, filters }) {
-  return /* @__PURE__ */ jsxs58("section", { className: "hf-insight-board", children: [
-    (heading || filters) && /* @__PURE__ */ jsxs58("header", { children: [
-      /* @__PURE__ */ jsx65("div", { children: heading }),
+  return /* @__PURE__ */ jsxs65("section", { className: "hf-insight-board", children: [
+    (heading || filters) && /* @__PURE__ */ jsxs65("header", { children: [
+      /* @__PURE__ */ jsx72("div", { children: heading }),
       filters
     ] }),
-    /* @__PURE__ */ jsx65("div", { className: "hf-insight-board__summary", "aria-label": "\u6838\u5FC3\u7ED3\u679C", children: summary }),
-    /* @__PURE__ */ jsx65("div", { className: "hf-insight-board__trend", "aria-label": "\u53D8\u5316\u8D8B\u52BF", children: trend }),
-    /* @__PURE__ */ jsx65("div", { className: "hf-insight-board__detail", "aria-label": "\u660E\u7EC6\u4E0E\u539F\u56E0", children: detail })
+    /* @__PURE__ */ jsx72("div", { className: "hf-insight-board__summary", "aria-label": "\u6838\u5FC3\u7ED3\u679C", children: summary }),
+    /* @__PURE__ */ jsx72("div", { className: "hf-insight-board__trend", "aria-label": "\u53D8\u5316\u8D8B\u52BF", children: trend }),
+    /* @__PURE__ */ jsx72("div", { className: "hf-insight-board__detail", "aria-label": "\u660E\u7EC6\u4E0E\u539F\u56E0", children: detail })
   ] });
 }
 
 // src/data-display/EmptyState.tsx
-import { jsx as jsx66, jsxs as jsxs59 } from "react/jsx-runtime";
+import { jsx as jsx73, jsxs as jsxs66 } from "react/jsx-runtime";
 function EmptyState({ icon = "inbox", title, description, action, size = "md" }) {
-  return /* @__PURE__ */ jsxs59("div", { className: `hf-empty hf-empty--${size}`, children: [
-    /* @__PURE__ */ jsx66("span", { className: "hf-empty__icon", children: /* @__PURE__ */ jsx66(Icon, { name: icon, size: size === "sm" ? 22 : 28 }) }),
-    /* @__PURE__ */ jsx66("strong", { children: title }),
-    description && /* @__PURE__ */ jsx66("p", { children: description }),
-    action && /* @__PURE__ */ jsx66("div", { children: action })
+  return /* @__PURE__ */ jsxs66("div", { className: `hf-empty hf-empty--${size}`, children: [
+    /* @__PURE__ */ jsx73("span", { className: "hf-empty__icon", children: /* @__PURE__ */ jsx73(Icon, { name: icon, size: size === "sm" ? 22 : 28 }) }),
+    /* @__PURE__ */ jsx73("strong", { children: title }),
+    description && /* @__PURE__ */ jsx73("p", { children: description }),
+    action && /* @__PURE__ */ jsx73("div", { children: action })
   ] });
 }
 
 // src/data-display/DataGrid.tsx
-import { useMemo as useMemo7, useState as useState34 } from "react";
-import { jsx as jsx67, jsxs as jsxs60 } from "react/jsx-runtime";
+import { useMemo as useMemo8, useState as useState38 } from "react";
+import { jsx as jsx74, jsxs as jsxs67 } from "react/jsx-runtime";
 function DataGrid({ columns, data, rowKey, selectedKeys = [], onSelectionChange, empty = "\u6682\u65E0\u6570\u636E", caption }) {
-  const [sort, setSort] = useState34();
+  const [sort, setSort] = useState38();
   const keyOf = (item) => typeof rowKey === "function" ? rowKey(item) : String(item[rowKey]);
-  const rows = useMemo7(() => {
+  const rows = useMemo8(() => {
     if (!sort) return [...data];
     const column = columns.find((item) => item.key === sort.key);
     if (!column) return [...data];
@@ -3611,7 +3888,7 @@ function DataGrid({ columns, data, rowKey, selectedKeys = [], onSelectionChange,
   }, [columns, data, sort]);
   const all = data.length > 0 && data.every((item) => selectedKeys.includes(keyOf(item)));
   const changeAll = () => onSelectionChange?.(all ? [] : data.map(keyOf));
-  return /* @__PURE__ */ jsx67("div", { className: "hf-data-grid", onKeyDown: (event) => {
+  return /* @__PURE__ */ jsx74("div", { className: "hf-data-grid", onKeyDown: (event) => {
     if (!["ArrowLeft", "ArrowRight", "ArrowUp", "ArrowDown"].includes(event.key)) return;
     const controls = [...event.currentTarget.querySelectorAll("button,input")];
     const current = controls.indexOf(event.target);
@@ -3619,95 +3896,258 @@ function DataGrid({ columns, data, rowKey, selectedKeys = [], onSelectionChange,
     event.preventDefault();
     const direction = event.key === "ArrowLeft" || event.key === "ArrowUp" ? -1 : 1;
     controls[(current + direction + controls.length) % controls.length]?.focus();
-  }, children: /* @__PURE__ */ jsxs60("table", { children: [
-    caption && /* @__PURE__ */ jsx67("caption", { children: caption }),
-    /* @__PURE__ */ jsx67("thead", { children: /* @__PURE__ */ jsxs60("tr", { children: [
-      onSelectionChange && /* @__PURE__ */ jsx67("th", { className: "hf-data-grid__check", children: /* @__PURE__ */ jsx67("input", { type: "checkbox", "aria-label": "\u9009\u62E9\u5168\u90E8", checked: all, onChange: changeAll }) }),
-      columns.map((column) => /* @__PURE__ */ jsx67("th", { style: { width: column.width }, children: column.sortable ? /* @__PURE__ */ jsxs60("button", { type: "button", onClick: () => setSort((current) => ({ key: column.key, direction: current?.key === column.key && current.direction === "asc" ? "desc" : "asc" })), children: [
+  }, children: /* @__PURE__ */ jsxs67("table", { children: [
+    caption && /* @__PURE__ */ jsx74("caption", { children: caption }),
+    /* @__PURE__ */ jsx74("thead", { children: /* @__PURE__ */ jsxs67("tr", { children: [
+      onSelectionChange && /* @__PURE__ */ jsx74("th", { className: "hf-data-grid__check", children: /* @__PURE__ */ jsx74("input", { type: "checkbox", "aria-label": "\u9009\u62E9\u5168\u90E8", checked: all, onChange: changeAll }) }),
+      columns.map((column) => /* @__PURE__ */ jsx74("th", { style: { width: column.width }, children: column.sortable ? /* @__PURE__ */ jsxs67("button", { type: "button", onClick: () => setSort((current) => ({ key: column.key, direction: current?.key === column.key && current.direction === "asc" ? "desc" : "asc" })), children: [
         column.header,
-        /* @__PURE__ */ jsx67("span", { "aria-hidden": "true", children: sort?.key === column.key ? sort.direction === "asc" ? "\u2191" : "\u2193" : "\u2195" })
+        /* @__PURE__ */ jsx74("span", { "aria-hidden": "true", children: sort?.key === column.key ? sort.direction === "asc" ? "\u2191" : "\u2193" : "\u2195" })
       ] }) : column.header }, column.key))
     ] }) }),
-    /* @__PURE__ */ jsxs60("tbody", { children: [
+    /* @__PURE__ */ jsxs67("tbody", { children: [
       rows.map((item) => {
         const key = keyOf(item);
-        return /* @__PURE__ */ jsxs60("tr", { className: selectedKeys.includes(key) ? "is-selected" : "", children: [
-          onSelectionChange && /* @__PURE__ */ jsx67("td", { children: /* @__PURE__ */ jsx67("input", { type: "checkbox", "aria-label": `\u9009\u62E9\u884C ${key}`, checked: selectedKeys.includes(key), onChange: () => onSelectionChange(selectedKeys.includes(key) ? selectedKeys.filter((item2) => item2 !== key) : [...selectedKeys, key]) }) }),
-          columns.map((column) => /* @__PURE__ */ jsx67("td", { children: column.render ? column.render(item) : String(item[column.key] ?? "") }, column.key))
+        return /* @__PURE__ */ jsxs67("tr", { className: selectedKeys.includes(key) ? "is-selected" : "", children: [
+          onSelectionChange && /* @__PURE__ */ jsx74("td", { children: /* @__PURE__ */ jsx74("input", { type: "checkbox", "aria-label": `\u9009\u62E9\u884C ${key}`, checked: selectedKeys.includes(key), onChange: () => onSelectionChange(selectedKeys.includes(key) ? selectedKeys.filter((item2) => item2 !== key) : [...selectedKeys, key]) }) }),
+          columns.map((column) => /* @__PURE__ */ jsx74("td", { children: column.render ? column.render(item) : String(item[column.key] ?? "") }, column.key))
         ] }, key);
       }),
-      !rows.length && /* @__PURE__ */ jsx67("tr", { children: /* @__PURE__ */ jsx67("td", { className: "hf-data-grid__empty", colSpan: columns.length + (onSelectionChange ? 1 : 0), children: empty }) })
+      !rows.length && /* @__PURE__ */ jsx74("tr", { children: /* @__PURE__ */ jsx74("td", { className: "hf-data-grid__empty", colSpan: columns.length + (onSelectionChange ? 1 : 0), children: empty }) })
     ] })
   ] }) });
 }
 
 // src/data-display/Tree.tsx
-import { useState as useState35 } from "react";
-import { jsx as jsx68, jsxs as jsxs61 } from "react/jsx-runtime";
-function Tree({ nodes, selectedKey, onSelect, defaultExpandedKeys = [], label = "\u6811\u5F62\u5217\u8868" }) {
-  const [expanded, setExpanded] = useState35([...defaultExpandedKeys]);
-  const render = (items, level) => /* @__PURE__ */ jsx68("ul", { role: level ? "group" : "tree", "aria-label": level ? void 0 : label, children: items.map((node) => {
-    const open = expanded.includes(node.key);
+import { useId as useId26 } from "react";
+
+// src/data-display/TreeFileIcon.tsx
+import { Fragment as Fragment9, jsx as jsx75, jsxs as jsxs68 } from "react/jsx-runtime";
+function TreeFileIcon({ folder, open }) {
+  return /* @__PURE__ */ jsx75(
+    "svg",
+    {
+      width: "18",
+      height: "18",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "1.6",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      children: folder ? /* @__PURE__ */ jsxs68(Fragment9, { children: [
+        /* @__PURE__ */ jsx75("path", { d: "M3 18V6a2 2 0 0 1 2-2h5l2 3h7a2 2 0 0 1 2 2v2" }),
+        /* @__PURE__ */ jsx75("path", { d: open ? "M3 18 6 11h16l-3 9H5a2 2 0 0 1-2-2Z" : "M3 10h18v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2Z" })
+      ] }) : /* @__PURE__ */ jsxs68(Fragment9, { children: [
+        /* @__PURE__ */ jsx75("path", { d: "M14 3H6a1 1 0 0 0-1 1v16a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V8Z M14 3v5h5" }),
+        /* @__PURE__ */ jsx75("path", { d: "M9 12h6M9 16h4" })
+      ] })
+    }
+  );
+}
+
+// src/data-display/useTreeState.ts
+import { useRef as useRef15, useState as useState39 } from "react";
+function visibleNodes(nodes, expanded, parent) {
+  const result = [];
+  for (const node of nodes) {
+    result.push({ node, parent });
+    if (node.children && expanded.has(node.key)) result.push(...visibleNodes(node.children, expanded, node.key));
+  }
+  return result;
+}
+function useTreeState({ nodes, selectedKey, onSelect, defaultExpandedKeys = [], expandedKeys, onExpand }) {
+  const [internalExpanded, setExpanded] = useState39([...defaultExpandedKeys]);
+  const [focusedKey, setFocusedKey] = useState39();
+  const elements = useRef15(/* @__PURE__ */ new Map());
+  const expanded = new Set(expandedKeys ?? internalExpanded);
+  const visible = visibleNodes(nodes, expanded);
+  const enabled = visible.filter(({ node }) => !node.disabled);
+  const activeKey = enabled.find(({ node }) => node.key === focusedKey)?.node.key ?? enabled.find(({ node }) => node.key === selectedKey)?.node.key ?? enabled[0]?.node.key;
+  function focus(key) {
+    if (key === void 0) return;
+    setFocusedKey(key);
+    elements.current.get(key)?.focus();
+  }
+  function toggle(node) {
+    if (node.disabled || !node.children?.length) return;
+    const next = new Set(expanded);
+    if (next.has(node.key)) next.delete(node.key);
+    else next.add(node.key);
+    if (expandedKeys === void 0) setExpanded([...next]);
+    onExpand?.([...next]);
+  }
+  function onKeyDown(event, node) {
+    if (event.target !== event.currentTarget || node.disabled) return;
+    const index = enabled.findIndex((item) => item.node.key === node.key);
     const branch = Boolean(node.children?.length);
-    return /* @__PURE__ */ jsxs61("li", { role: "treeitem", "aria-level": level + 1, "aria-expanded": branch ? open : void 0, "aria-selected": node.key === selectedKey, children: [
-      /* @__PURE__ */ jsxs61("div", { className: node.key === selectedKey ? "is-selected" : "", style: { paddingLeft: level * 18 + 8 }, children: [
-        branch ? /* @__PURE__ */ jsx68("button", { type: "button", "aria-label": open ? "\u6536\u8D77" : "\u5C55\u5F00", onClick: () => setExpanded((keys) => open ? keys.filter((key) => key !== node.key) : [...keys, node.key]), children: open ? "\u2304" : "\u203A" }) : /* @__PURE__ */ jsx68("span", {}),
-        node.icon,
-        /* @__PURE__ */ jsx68("button", { type: "button", disabled: node.disabled, onClick: () => onSelect?.(node.key), children: node.label })
-      ] }),
-      branch && open && render(node.children, level + 1)
-    ] }, node.key);
-  }) });
-  return /* @__PURE__ */ jsx68("div", { className: "hf-tree", onKeyDown: (event) => {
-    const labels = [...event.currentTarget.querySelectorAll("li[role=treeitem]>div>button:last-child:not(:disabled)")];
-    const current = labels.indexOf(event.target);
-    if (current < 0) return;
-    if (["ArrowDown", "ArrowUp", "Home", "End"].includes(event.key)) {
+    const open = expanded.has(node.key);
+    const actions = {
+      ArrowDown: () => focus(enabled[Math.min(index + 1, enabled.length - 1)]?.node.key),
+      ArrowUp: () => focus(enabled[Math.max(index - 1, 0)]?.node.key),
+      Home: () => focus(enabled[0]?.node.key),
+      End: () => focus(enabled.at(-1)?.node.key),
+      ArrowRight: () => {
+        if (branch && !open) toggle(node);
+        else if (branch) focus(node.children?.find((child) => !child.disabled)?.key);
+      },
+      ArrowLeft: () => {
+        if (branch && open) toggle(node);
+        else {
+          let parent = visible.find((item) => item.node.key === node.key)?.parent;
+          while (parent !== void 0 && visible.find((item) => item.node.key === parent)?.node.disabled) {
+            parent = visible.find((item) => item.node.key === parent)?.parent;
+          }
+          focus(parent);
+        }
+      },
+      Enter: () => onSelect?.(node.key),
+      " ": () => onSelect?.(node.key)
+    };
+    const action = actions[event.key];
+    if (action) {
       event.preventDefault();
-      const next = event.key === "Home" ? 0 : event.key === "End" ? labels.length - 1 : (current + (event.key === "ArrowDown" ? 1 : -1) + labels.length) % labels.length;
-      labels[next]?.focus();
+      event.stopPropagation();
+      action();
     }
-  }, children: render(nodes, 0) });
+  }
+  return { elements, expanded, activeKey, focus, toggle, onKeyDown, setFocusedKey };
+}
+
+// src/data-display/Tree.tsx
+import { jsx as jsx76, jsxs as jsxs69 } from "react/jsx-runtime";
+function Tree({
+  nodes,
+  selectedKey,
+  onSelect,
+  defaultExpandedKeys = [],
+  expandedKeys,
+  onExpand,
+  label = "\u6811\u5F62\u5217\u8868",
+  showIcon = false,
+  showLine = true,
+  emptyText = "\u6682\u65E0\u5185\u5BB9"
+}) {
+  const id = useId26();
+  const { elements, expanded, activeKey, focus, toggle, onKeyDown, setFocusedKey } = useTreeState({
+    nodes,
+    selectedKey,
+    onSelect,
+    defaultExpandedKeys,
+    expandedKeys,
+    onExpand
+  });
+  function render(items, level) {
+    return /* @__PURE__ */ jsx76("ul", { role: level ? "group" : "tree", "aria-label": level ? void 0 : label, children: items.map((node) => {
+      const open = expanded.has(node.key);
+      const branch = Boolean(node.children?.length);
+      const folder = node.children !== void 0;
+      const labelId = `${id}-${encodeURIComponent(node.key)}`;
+      return /* @__PURE__ */ jsxs69(
+        "li",
+        {
+          role: "treeitem",
+          "aria-labelledby": labelId,
+          "aria-level": level + 1,
+          "aria-expanded": branch ? open : void 0,
+          "aria-selected": node.key === selectedKey,
+          "aria-disabled": node.disabled || void 0,
+          tabIndex: !node.disabled && node.key === activeKey ? 0 : -1,
+          ref: (element) => {
+            if (element) elements.current.set(node.key, element);
+            else elements.current.delete(node.key);
+          },
+          onFocus: (event) => {
+            if (event.target === event.currentTarget) setFocusedKey(node.key);
+          },
+          onKeyDown: (event) => onKeyDown(event, node),
+          children: [
+            /* @__PURE__ */ jsxs69(
+              "div",
+              {
+                className: `hf-tree__row${node.key === selectedKey ? " is-selected" : ""}`,
+                style: { "--hf-tree-depth": level },
+                onClick: () => {
+                  if (!node.disabled) {
+                    focus(node.key);
+                    onSelect?.(node.key);
+                  }
+                },
+                children: [
+                  /* @__PURE__ */ jsx76("span", { className: "hf-tree__guides", "aria-hidden": "true", children: Array.from({ length: level }, (_, depth) => /* @__PURE__ */ jsx76("i", {}, depth)) }),
+                  branch ? /* @__PURE__ */ jsx76(
+                    "button",
+                    {
+                      type: "button",
+                      className: "hf-tree__toggle",
+                      tabIndex: -1,
+                      disabled: node.disabled,
+                      "aria-label": `${open ? "\u6536\u8D77" : "\u5C55\u5F00"}${typeof node.label === "string" ? node.label : "\u8282\u70B9"}`,
+                      onClick: (event) => {
+                        event.stopPropagation();
+                        focus(node.key);
+                        toggle(node);
+                      },
+                      children: /* @__PURE__ */ jsx76(Icon, { name: "chevron-down", size: 14, className: open ? "is-open" : "" })
+                    }
+                  ) : /* @__PURE__ */ jsx76("span", { className: "hf-tree__spacer", "aria-hidden": "true" }),
+                  (node.icon != null || showIcon) && /* @__PURE__ */ jsx76("span", { className: `hf-tree__icon${folder ? " is-folder" : ""}`, "aria-hidden": "true", children: node.icon ?? /* @__PURE__ */ jsx76(TreeFileIcon, { folder, open }) }),
+                  /* @__PURE__ */ jsx76("span", { id: labelId, className: "hf-tree__label", title: typeof node.label === "string" ? node.label : void 0, children: node.label })
+                ]
+              }
+            ),
+            branch && open && render(node.children, level + 1)
+          ]
+        },
+        node.key
+      );
+    }) });
+  }
+  return /* @__PURE__ */ jsxs69("div", { className: `hf-tree${showLine ? " hf-tree--lines" : ""}`, children: [
+    render(nodes, 0),
+    !nodes.length && /* @__PURE__ */ jsx76("div", { className: "hf-tree__empty", role: "status", children: emptyText })
+  ] });
 }
 
 // src/layout/AuthLayout.tsx
-import { jsx as jsx69, jsxs as jsxs62 } from "react/jsx-runtime";
+import { jsx as jsx77, jsxs as jsxs70 } from "react/jsx-runtime";
 function AuthLayout({ children, brand, aside, footer, variant = "card", backgroundImage, currentStep = 1, steps = 1 }) {
   const style = backgroundImage ? { "--hf-auth-image": `url("${backgroundImage}")` } : void 0;
-  return /* @__PURE__ */ jsxs62("section", { className: `hf-auth hf-auth--${variant}`, style, children: [
-    brand && /* @__PURE__ */ jsx69("header", { className: "hf-auth__brand", children: brand }),
-    aside && /* @__PURE__ */ jsx69("aside", { className: "hf-auth__aside", children: aside }),
-    /* @__PURE__ */ jsxs62("main", { className: "hf-auth__main", children: [
-      variant === "step" && /* @__PURE__ */ jsx69("div", { className: "hf-auth__steps", "aria-label": `\u7B2C ${currentStep} \u6B65\uFF0C\u5171 ${steps} \u6B65`, children: Array.from({ length: steps }, (_, index) => /* @__PURE__ */ jsx69("span", { className: index < currentStep ? "is-active" : "" }, index)) }),
-      /* @__PURE__ */ jsx69("div", { className: "hf-auth__card", children }),
-      footer && /* @__PURE__ */ jsx69("footer", { children: footer })
+  return /* @__PURE__ */ jsxs70("section", { className: `hf-auth hf-auth--${variant}`, style, children: [
+    brand && /* @__PURE__ */ jsx77("header", { className: "hf-auth__brand", children: brand }),
+    aside && /* @__PURE__ */ jsx77("aside", { className: "hf-auth__aside", children: aside }),
+    /* @__PURE__ */ jsxs70("main", { className: "hf-auth__main", children: [
+      variant === "step" && /* @__PURE__ */ jsx77("div", { className: "hf-auth__steps", "aria-label": `\u7B2C ${currentStep} \u6B65\uFF0C\u5171 ${steps} \u6B65`, children: Array.from({ length: steps }, (_, index) => /* @__PURE__ */ jsx77("span", { className: index < currentStep ? "is-active" : "" }, index)) }),
+      /* @__PURE__ */ jsx77("div", { className: "hf-auth__card", children }),
+      footer && /* @__PURE__ */ jsx77("footer", { children: footer })
     ] })
   ] });
 }
 
 // src/layout/Hero.tsx
-import { jsx as jsx70, jsxs as jsxs63 } from "react/jsx-runtime";
+import { jsx as jsx78, jsxs as jsxs71 } from "react/jsx-runtime";
 function Hero({ eyebrow, title, description, primaryAction, secondaryAction, visual, proof, align = "left", kind = "product" }) {
-  return /* @__PURE__ */ jsxs63("section", { className: `hf-hero hf-hero--${align} hf-hero--${kind}`, children: [
-    /* @__PURE__ */ jsxs63("div", { className: "hf-hero__content", children: [
-      eyebrow && /* @__PURE__ */ jsx70("div", { className: "hf-hero__eyebrow", children: eyebrow }),
-      /* @__PURE__ */ jsx70("h1", { children: title }),
-      description && /* @__PURE__ */ jsx70("p", { children: description }),
-      (primaryAction || secondaryAction) && /* @__PURE__ */ jsxs63("div", { className: "hf-hero__actions", children: [
+  return /* @__PURE__ */ jsxs71("section", { className: `hf-hero hf-hero--${align} hf-hero--${kind}`, children: [
+    /* @__PURE__ */ jsxs71("div", { className: "hf-hero__content", children: [
+      eyebrow && /* @__PURE__ */ jsx78("div", { className: "hf-hero__eyebrow", children: eyebrow }),
+      /* @__PURE__ */ jsx78("h1", { children: title }),
+      description && /* @__PURE__ */ jsx78("p", { children: description }),
+      (primaryAction || secondaryAction) && /* @__PURE__ */ jsxs71("div", { className: "hf-hero__actions", children: [
         primaryAction,
         secondaryAction
       ] }),
-      proof && /* @__PURE__ */ jsx70("div", { className: "hf-hero__proof", children: proof })
+      proof && /* @__PURE__ */ jsx78("div", { className: "hf-hero__proof", children: proof })
     ] }),
-    visual && /* @__PURE__ */ jsx70("div", { className: "hf-hero__visual", children: visual })
+    visual && /* @__PURE__ */ jsx78("div", { className: "hf-hero__visual", children: visual })
   ] });
 }
 
 // src/layout/ResizablePanel.tsx
-import { useState as useState36 } from "react";
-import { jsx as jsx71, jsxs as jsxs64 } from "react/jsx-runtime";
+import { useState as useState40 } from "react";
+import { jsx as jsx79, jsxs as jsxs72 } from "react/jsx-runtime";
 function ResizablePanel({ primary, secondary, defaultSize = 50, minSize = 20, maxSize = 80, direction = "horizontal", onResize }) {
-  const [size, setSize] = useState36(defaultSize);
+  const [size, setSize] = useState40(defaultSize);
   const start = (event) => {
     const root = event.currentTarget.parentElement;
     event.currentTarget.setPointerCapture(event.pointerId);
@@ -3725,9 +4165,9 @@ function ResizablePanel({ primary, secondary, defaultSize = 50, minSize = 20, ma
     document.addEventListener("pointermove", move);
     document.addEventListener("pointerup", end);
   };
-  return /* @__PURE__ */ jsxs64("div", { className: `hf-resizable hf-resizable--${direction}`, children: [
-    /* @__PURE__ */ jsx71("div", { style: { flexBasis: `${size}%` }, children: primary }),
-    /* @__PURE__ */ jsx71("div", { className: "hf-resizable__handle", role: "separator", "aria-orientation": direction, "aria-valuemin": minSize, "aria-valuemax": maxSize, "aria-valuenow": Math.round(size), tabIndex: 0, onPointerDown: start, onKeyDown: (event) => {
+  return /* @__PURE__ */ jsxs72("div", { className: `hf-resizable hf-resizable--${direction}`, children: [
+    /* @__PURE__ */ jsx79("div", { style: { flexBasis: `${size}%` }, children: primary }),
+    /* @__PURE__ */ jsx79("div", { className: "hf-resizable__handle", role: "separator", "aria-orientation": direction, "aria-valuemin": minSize, "aria-valuemax": maxSize, "aria-valuenow": Math.round(size), tabIndex: 0, onPointerDown: start, onKeyDown: (event) => {
       if (!["ArrowLeft", "ArrowRight", "ArrowUp", "ArrowDown"].includes(event.key)) return;
       event.preventDefault();
       const grow = event.key === "ArrowRight" || event.key === "ArrowDown";
@@ -3735,61 +4175,61 @@ function ResizablePanel({ primary, secondary, defaultSize = 50, minSize = 20, ma
       setSize(value);
       onResize?.(value);
     } }),
-    /* @__PURE__ */ jsx71("div", { children: secondary })
+    /* @__PURE__ */ jsx79("div", { children: secondary })
   ] });
 }
 
 // src/feedback/NotificationCenter.tsx
-import { jsx as jsx72, jsxs as jsxs65 } from "react/jsx-runtime";
+import { jsx as jsx80, jsxs as jsxs73 } from "react/jsx-runtime";
 function NotificationCenter({ items, onRead, onDismiss, onReadAll, empty = "\u6682\u65E0\u901A\u77E5", title = "\u901A\u77E5\u4E2D\u5FC3" }) {
   const unread = items.filter((item) => item.unread).length;
-  return /* @__PURE__ */ jsxs65("section", { className: "hf-notification-center", children: [
-    /* @__PURE__ */ jsxs65("header", { children: [
-      /* @__PURE__ */ jsxs65("div", { children: [
-        /* @__PURE__ */ jsx72("strong", { children: title }),
-        unread > 0 && /* @__PURE__ */ jsx72("span", { children: unread })
+  return /* @__PURE__ */ jsxs73("section", { className: "hf-notification-center", children: [
+    /* @__PURE__ */ jsxs73("header", { children: [
+      /* @__PURE__ */ jsxs73("div", { children: [
+        /* @__PURE__ */ jsx80("strong", { children: title }),
+        unread > 0 && /* @__PURE__ */ jsx80("span", { children: unread })
       ] }),
-      unread > 0 && onReadAll && /* @__PURE__ */ jsx72("button", { type: "button", onClick: onReadAll, children: "\u5168\u90E8\u5DF2\u8BFB" })
+      unread > 0 && onReadAll && /* @__PURE__ */ jsx80("button", { type: "button", onClick: onReadAll, children: "\u5168\u90E8\u5DF2\u8BFB" })
     ] }),
-    /* @__PURE__ */ jsx72("div", { children: items.length ? items.map(({ key, content, ...item }) => /* @__PURE__ */ jsx72("div", { onClick: () => item.unread && onRead?.(key), children: /* @__PURE__ */ jsx72(Notification, { ...item, onClose: onDismiss ? () => onDismiss(key) : void 0, children: content }) }, key)) : /* @__PURE__ */ jsx72("p", { className: "hf-notification-center__empty", children: empty }) })
+    /* @__PURE__ */ jsx80("div", { children: items.length ? items.map(({ key, content, ...item }) => /* @__PURE__ */ jsx80("div", { onClick: () => item.unread && onRead?.(key), children: /* @__PURE__ */ jsx80(Notification, { ...item, onClose: onDismiss ? () => onDismiss(key) : void 0, children: content }) }, key)) : /* @__PURE__ */ jsx80("p", { className: "hf-notification-center__empty", children: empty }) })
   ] });
 }
 
 // src/data-display/VirtualList.tsx
-import { useState as useState37 } from "react";
-import { jsx as jsx73 } from "react/jsx-runtime";
+import { useState as useState41 } from "react";
+import { jsx as jsx81 } from "react/jsx-runtime";
 function VirtualList({ items, itemHeight, height, renderItem, itemKey, overscan = 3, label = "\u865A\u62DF\u5217\u8868" }) {
-  const [scrollTop, setScrollTop] = useState37(0);
+  const [scrollTop, setScrollTop] = useState41(0);
   const start = Math.max(0, Math.floor(scrollTop / itemHeight) - overscan);
   const end = Math.min(items.length, Math.ceil((scrollTop + height) / itemHeight) + overscan);
-  return /* @__PURE__ */ jsx73("div", { className: "hf-virtual-list", role: "list", "aria-label": label, style: { height }, onScroll: (event) => setScrollTop(event.currentTarget.scrollTop), children: /* @__PURE__ */ jsx73("div", { style: { height: items.length * itemHeight, position: "relative" }, children: items.slice(start, end).map((item, offset) => {
+  return /* @__PURE__ */ jsx81("div", { className: "hf-virtual-list", role: "list", "aria-label": label, style: { height }, onScroll: (event) => setScrollTop(event.currentTarget.scrollTop), children: /* @__PURE__ */ jsx81("div", { style: { height: items.length * itemHeight, position: "relative" }, children: items.slice(start, end).map((item, offset) => {
     const index = start + offset;
-    return /* @__PURE__ */ jsx73("div", { role: "listitem", style: { height: itemHeight, left: 0, position: "absolute", right: 0, top: index * itemHeight }, children: renderItem(item, index) }, itemKey(item, index));
+    return /* @__PURE__ */ jsx81("div", { role: "listitem", style: { height: itemHeight, left: 0, position: "absolute", right: 0, top: index * itemHeight }, children: renderItem(item, index) }, itemKey(item, index));
   }) }) });
 }
 
 // src/data-display/DeveloperView.tsx
-import { useState as useState38 } from "react";
-import { jsx as jsx74, jsxs as jsxs66 } from "react/jsx-runtime";
+import { useState as useState42 } from "react";
+import { jsx as jsx82, jsxs as jsxs74 } from "react/jsx-runtime";
 function JsonNode({ name, value, depth, defaultExpanded, maxDepth }) {
   const complex = value !== null && typeof value === "object";
-  const [open, setOpen] = useState38(defaultExpanded && depth < maxDepth);
-  if (!complex) return /* @__PURE__ */ jsxs66("div", { className: "hf-json-viewer__row", children: [
-    /* @__PURE__ */ jsx74("span", { children: name !== void 0 && `${name}: ` }),
-    /* @__PURE__ */ jsx74("code", { className: `is-${value === null ? "null" : typeof value}`, children: value === null ? "null" : JSON.stringify(value) })
+  const [open, setOpen] = useState42(defaultExpanded && depth < maxDepth);
+  if (!complex) return /* @__PURE__ */ jsxs74("div", { className: "hf-json-viewer__row", children: [
+    /* @__PURE__ */ jsx82("span", { children: name !== void 0 && `${name}: ` }),
+    /* @__PURE__ */ jsx82("code", { className: `is-${value === null ? "null" : typeof value}`, children: value === null ? "null" : JSON.stringify(value) })
   ] });
   const entries = Object.entries(value);
-  return /* @__PURE__ */ jsxs66("div", { className: "hf-json-viewer__node", children: [
-    /* @__PURE__ */ jsxs66("button", { type: "button", "aria-expanded": open, onClick: () => setOpen(!open), children: [
-      /* @__PURE__ */ jsx74("span", { children: open ? "\u2304" : "\u203A" }),
-      /* @__PURE__ */ jsx74("strong", { children: name ?? (Array.isArray(value) ? "Array" : "Object") }),
-      /* @__PURE__ */ jsx74("small", { children: Array.isArray(value) ? `[${entries.length}]` : `{${entries.length}}` })
+  return /* @__PURE__ */ jsxs74("div", { className: "hf-json-viewer__node", children: [
+    /* @__PURE__ */ jsxs74("button", { type: "button", "aria-expanded": open, onClick: () => setOpen(!open), children: [
+      /* @__PURE__ */ jsx82("span", { children: open ? "\u2304" : "\u203A" }),
+      /* @__PURE__ */ jsx82("strong", { children: name ?? (Array.isArray(value) ? "Array" : "Object") }),
+      /* @__PURE__ */ jsx82("small", { children: Array.isArray(value) ? `[${entries.length}]` : `{${entries.length}}` })
     ] }),
-    open && /* @__PURE__ */ jsx74("div", { children: entries.map(([key, item]) => /* @__PURE__ */ jsx74(JsonNode, { name: key, value: item, depth: depth + 1, defaultExpanded, maxDepth }, key)) })
+    open && /* @__PURE__ */ jsx82("div", { children: entries.map(([key, item]) => /* @__PURE__ */ jsx82(JsonNode, { name: key, value: item, depth: depth + 1, defaultExpanded, maxDepth }, key)) })
   ] });
 }
 function JsonViewer({ data, name, defaultExpanded = true, maxDepth = 2 }) {
-  return /* @__PURE__ */ jsx74("div", { className: "hf-json-viewer", role: "tree", "aria-label": name ?? "JSON \u67E5\u770B\u5668", children: /* @__PURE__ */ jsx74(JsonNode, { name, value: data, depth: 0, defaultExpanded, maxDepth }) });
+  return /* @__PURE__ */ jsx82("div", { className: "hf-json-viewer", role: "tree", "aria-label": name ?? "JSON \u67E5\u770B\u5668", children: /* @__PURE__ */ jsx82(JsonNode, { name, value: data, depth: 0, defaultExpanded, maxDepth }) });
 }
 function compareLines(before, after) {
   const a = before.split("\n"), b = after.split("\n"), matrix = Array.from({ length: a.length + 1 }, () => Array(b.length + 1).fill(0));
@@ -3808,28 +4248,28 @@ function compareLines(before, after) {
   return rows;
 }
 function DiffCell({ number, marker, children }) {
-  return /* @__PURE__ */ jsxs66("div", { className: "hf-diff-viewer__cell", children: [
-    /* @__PURE__ */ jsx74("span", { children: number ?? "" }),
-    /* @__PURE__ */ jsx74("i", { children: marker }),
-    /* @__PURE__ */ jsx74("code", { children: children ?? "" })
+  return /* @__PURE__ */ jsxs74("div", { className: "hf-diff-viewer__cell", children: [
+    /* @__PURE__ */ jsx82("span", { children: number ?? "" }),
+    /* @__PURE__ */ jsx82("i", { children: marker }),
+    /* @__PURE__ */ jsx82("code", { children: children ?? "" })
   ] });
 }
 function DiffViewer({ before, after, beforeLabel = "\u4FEE\u6539\u524D", afterLabel = "\u4FEE\u6539\u540E", mode = "split" }) {
   const rows = compareLines(before, after);
-  return /* @__PURE__ */ jsxs66("div", { className: `hf-diff-viewer hf-diff-viewer--${mode}`, children: [
-    /* @__PURE__ */ jsxs66("header", { children: [
-      /* @__PURE__ */ jsx74("strong", { children: beforeLabel }),
-      mode === "split" && /* @__PURE__ */ jsx74("strong", { children: afterLabel })
+  return /* @__PURE__ */ jsxs74("div", { className: `hf-diff-viewer hf-diff-viewer--${mode}`, children: [
+    /* @__PURE__ */ jsxs74("header", { children: [
+      /* @__PURE__ */ jsx82("strong", { children: beforeLabel }),
+      mode === "split" && /* @__PURE__ */ jsx82("strong", { children: afterLabel })
     ] }),
-    /* @__PURE__ */ jsx74("div", { children: rows.map((row, index) => mode === "split" ? /* @__PURE__ */ jsxs66("div", { className: `is-${row.kind}`, children: [
-      /* @__PURE__ */ jsx74(DiffCell, { number: row.leftNo, marker: row.kind === "remove" ? "\u2212" : " ", children: row.left }),
-      /* @__PURE__ */ jsx74(DiffCell, { number: row.rightNo, marker: row.kind === "add" ? "+" : " ", children: row.right })
-    ] }, index) : /* @__PURE__ */ jsx74("div", { className: `is-${row.kind}`, children: /* @__PURE__ */ jsx74(DiffCell, { number: row.leftNo ?? row.rightNo, marker: row.kind === "add" ? "+" : row.kind === "remove" ? "\u2212" : " ", children: row.kind === "add" ? row.right : row.left }) }, index)) })
+    /* @__PURE__ */ jsx82("div", { children: rows.map((row, index) => mode === "split" ? /* @__PURE__ */ jsxs74("div", { className: `is-${row.kind}`, children: [
+      /* @__PURE__ */ jsx82(DiffCell, { number: row.leftNo, marker: row.kind === "remove" ? "\u2212" : " ", children: row.left }),
+      /* @__PURE__ */ jsx82(DiffCell, { number: row.rightNo, marker: row.kind === "add" ? "+" : " ", children: row.right })
+    ] }, index) : /* @__PURE__ */ jsx82("div", { className: `is-${row.kind}`, children: /* @__PURE__ */ jsx82(DiffCell, { number: row.leftNo ?? row.rightNo, marker: row.kind === "add" ? "+" : row.kind === "remove" ? "\u2212" : " ", children: row.kind === "add" ? row.right : row.left }) }, index)) })
   ] });
 }
 
 // src/forms/QueryBuilder.tsx
-import { jsx as jsx75, jsxs as jsxs67 } from "react/jsx-runtime";
+import { jsx as jsx83, jsxs as jsxs75 } from "react/jsx-runtime";
 var defaultOperators = [{ value: "equals", label: "\u7B49\u4E8E" }, { value: "notEquals", label: "\u4E0D\u7B49\u4E8E" }, { value: "contains", label: "\u5305\u542B" }];
 function QueryBuilder({ fields, rules, onChange, conjunction = "and", onConjunctionChange, disabled }) {
   const update = (id, patch) => onChange(rules.map((rule) => rule.id === id ? { ...rule, ...patch } : rule));
@@ -3839,39 +4279,39 @@ function QueryBuilder({ fields, rules, onChange, conjunction = "and", onConjunct
     const operator = (field.operators ?? defaultOperators)[0]?.value ?? "equals";
     onChange([...rules, { id: `rule-${Date.now()}`, field: field.key, operator, value: "" }]);
   };
-  return /* @__PURE__ */ jsxs67("div", { className: "hf-query-builder", children: [
-    /* @__PURE__ */ jsxs67("header", { children: [
-      /* @__PURE__ */ jsx75("strong", { children: "\u6EE1\u8DB3" }),
-      /* @__PURE__ */ jsx75(Select, { className: "hf-query-builder__select", "aria-label": "\u6761\u4EF6\u5173\u7CFB", value: conjunction, disabled, options: [{ value: "and", label: "\u5168\u90E8\u6761\u4EF6" }, { value: "or", label: "\u4EFB\u4E00\u6761\u4EF6" }], onChange: (event) => onConjunctionChange?.(event.target.value) })
+  return /* @__PURE__ */ jsxs75("div", { className: "hf-query-builder", children: [
+    /* @__PURE__ */ jsxs75("header", { children: [
+      /* @__PURE__ */ jsx83("strong", { children: "\u6EE1\u8DB3" }),
+      /* @__PURE__ */ jsx83(Select, { className: "hf-query-builder__select", "aria-label": "\u6761\u4EF6\u5173\u7CFB", value: conjunction, disabled, options: [{ value: "and", label: "\u5168\u90E8\u6761\u4EF6" }, { value: "or", label: "\u4EFB\u4E00\u6761\u4EF6" }], onChange: (event) => onConjunctionChange?.(event.target.value) })
     ] }),
-    /* @__PURE__ */ jsx75("div", { children: rules.map((rule, index) => {
+    /* @__PURE__ */ jsx83("div", { children: rules.map((rule, index) => {
       const field = fields.find((item) => item.key === rule.field) ?? fields[0];
       const operators = field?.operators ?? defaultOperators;
-      return /* @__PURE__ */ jsxs67("div", { className: "hf-query-builder__rule", children: [
-        /* @__PURE__ */ jsx75("span", { children: index + 1 }),
-        /* @__PURE__ */ jsx75(Select, { className: "hf-query-builder__select", "aria-label": `\u6761\u4EF6 ${index + 1} \u5B57\u6BB5`, value: rule.field, disabled, options: fields.map((item) => ({ value: item.key, label: item.label })), onChange: (event) => {
+      return /* @__PURE__ */ jsxs75("div", { className: "hf-query-builder__rule", children: [
+        /* @__PURE__ */ jsx83("span", { children: index + 1 }),
+        /* @__PURE__ */ jsx83(Select, { className: "hf-query-builder__select", "aria-label": `\u6761\u4EF6 ${index + 1} \u5B57\u6BB5`, value: rule.field, disabled, options: fields.map((item) => ({ value: item.key, label: item.label })), onChange: (event) => {
           const next = fields.find((item) => item.key === event.target.value);
           update(rule.id, { field: next.key, operator: (next.operators ?? defaultOperators)[0]?.value ?? "equals", value: "" });
         } }),
-        /* @__PURE__ */ jsx75(Select, { className: "hf-query-builder__select", "aria-label": `\u6761\u4EF6 ${index + 1} \u8FD0\u7B97\u7B26`, value: rule.operator, disabled, options: operators, onChange: (event) => update(rule.id, { operator: event.target.value }) }),
-        /* @__PURE__ */ jsx75("input", { "aria-label": `\u6761\u4EF6 ${index + 1} \u503C`, type: field?.type ?? "text", value: rule.value, disabled, onChange: (event) => update(rule.id, { value: event.target.value }) }),
-        /* @__PURE__ */ jsx75("button", { type: "button", "aria-label": `\u5220\u9664\u6761\u4EF6 ${index + 1}`, disabled, onClick: () => onChange(rules.filter((item) => item.id !== rule.id)), children: /* @__PURE__ */ jsx75(Icon, { name: "close", size: 15 }) })
+        /* @__PURE__ */ jsx83(Select, { className: "hf-query-builder__select", "aria-label": `\u6761\u4EF6 ${index + 1} \u8FD0\u7B97\u7B26`, value: rule.operator, disabled, options: operators, onChange: (event) => update(rule.id, { operator: event.target.value }) }),
+        /* @__PURE__ */ jsx83("input", { "aria-label": `\u6761\u4EF6 ${index + 1} \u503C`, type: field?.type ?? "text", value: rule.value, disabled, onChange: (event) => update(rule.id, { value: event.target.value }) }),
+        /* @__PURE__ */ jsx83("button", { type: "button", "aria-label": `\u5220\u9664\u6761\u4EF6 ${index + 1}`, disabled, onClick: () => onChange(rules.filter((item) => item.id !== rule.id)), children: /* @__PURE__ */ jsx83(Icon, { name: "close", size: 15 }) })
       ] }, rule.id);
     }) }),
-    /* @__PURE__ */ jsx75("button", { type: "button", className: "hf-query-builder__add", disabled: disabled || !fields.length, onClick: add, children: "\uFF0B \u6DFB\u52A0\u6761\u4EF6" })
+    /* @__PURE__ */ jsx83("button", { type: "button", className: "hf-query-builder__add", disabled: disabled || !fields.length, onClick: add, children: "\uFF0B \u6DFB\u52A0\u6761\u4EF6" })
   ] });
 }
 
 // src/data-display/WorkflowViews.tsx
-import { useMemo as useMemo8 } from "react";
+import { useMemo as useMemo9 } from "react";
 
 // src/data-display/useKanbanMove.ts
-import { useRef as useRef14, useState as useState39 } from "react";
+import { useRef as useRef16, useState as useState43 } from "react";
 function useKanbanMove({ columns, onMove }) {
-  const root = useRef14(null);
-  const session = useRef14(null);
-  const [target, setTarget] = useState39(null);
-  const [announcement, setAnnouncement] = useState39("");
+  const root = useRef16(null);
+  const session = useRef16(null);
+  const [target, setTarget] = useState43(null);
+  const [announcement, setAnnouncement] = useState43("");
   const snapshot = JSON.stringify(columns.map((column) => [column.id, column.cards.map((card) => card.id)]));
   function cancel() {
     if (session.current) setAnnouncement("\u5DF2\u53D6\u6D88\u79FB\u52A8\uFF0C\u672A\u63D0\u4EA4\u66F4\u6539");
@@ -3935,13 +4375,13 @@ function useKanbanMove({ columns, onMove }) {
 }
 
 // src/data-display/KanbanBoardView.tsx
-import { jsx as jsx76, jsxs as jsxs68 } from "react/jsx-runtime";
+import { jsx as jsx84, jsxs as jsxs76 } from "react/jsx-runtime";
 function KanbanBoardView({ columns, onMove, onCardClick, empty }) {
   const drag = useKanbanMove({ columns, onMove });
-  if (!columns.length) return /* @__PURE__ */ jsx76("div", { className: "hf-kanban-board__empty", children: empty });
-  return /* @__PURE__ */ jsxs68("div", { className: "hf-kanban-enhanced", children: [
-    onMove && /* @__PURE__ */ jsx76("p", { className: "hf-kanban-enhanced__hint", children: "\u62D6\u52A8\u624B\u67C4\u8DE8\u5217\u79FB\u52A8\uFF0C\u4E5F\u53EF\u9009\u62E9\u76EE\u6807\u5217\u3002Escape \u53D6\u6D88\u62D6\u52A8\u3002" }),
-    /* @__PURE__ */ jsx76(
+  if (!columns.length) return /* @__PURE__ */ jsx84("div", { className: "hf-kanban-board__empty", children: empty });
+  return /* @__PURE__ */ jsxs76("div", { className: "hf-kanban-enhanced", children: [
+    onMove && /* @__PURE__ */ jsx84("p", { className: "hf-kanban-enhanced__hint", children: "\u62D6\u52A8\u624B\u67C4\u8DE8\u5217\u79FB\u52A8\uFF0C\u4E5F\u53EF\u9009\u62E9\u76EE\u6807\u5217\u3002Escape \u53D6\u6D88\u62D6\u52A8\u3002" }),
+    /* @__PURE__ */ jsx84(
       "div",
       {
         ref: drag.root,
@@ -3953,7 +4393,7 @@ function KanbanBoardView({ columns, onMove, onCardClick, empty }) {
         onKeyDown: (event) => {
           if (event.key === "Escape") drag.cancel();
         },
-        children: columns.map((column) => /* @__PURE__ */ jsxs68(
+        children: columns.map((column) => /* @__PURE__ */ jsxs76(
           "section",
           {
             "data-hf-kanban-column": column.id,
@@ -3968,18 +4408,18 @@ function KanbanBoardView({ columns, onMove, onCardClick, empty }) {
               drag.drop(column.id);
             },
             children: [
-              /* @__PURE__ */ jsxs68("header", { children: [
-                /* @__PURE__ */ jsx76("strong", { children: column.title }),
-                /* @__PURE__ */ jsxs68("span", { children: [
+              /* @__PURE__ */ jsxs76("header", { children: [
+                /* @__PURE__ */ jsx84("strong", { children: column.title }),
+                /* @__PURE__ */ jsxs76("span", { children: [
                   column.cards.length,
                   column.limit ? ` / ${column.limit}` : ""
                 ] })
               ] }),
-              /* @__PURE__ */ jsxs68("div", { children: [
+              /* @__PURE__ */ jsxs76("div", { children: [
                 column.cards.map((card, index) => {
                   const label = typeof card.title === "string" ? card.title : `\u5361\u7247${index + 1}`;
-                  return /* @__PURE__ */ jsxs68("div", { className: "hf-kanban-enhanced__item", "data-card-id": card.id, children: [
-                    /* @__PURE__ */ jsxs68(
+                  return /* @__PURE__ */ jsxs76("div", { className: "hf-kanban-enhanced__item", "data-card-id": card.id, children: [
+                    /* @__PURE__ */ jsxs76(
                       "button",
                       {
                         type: "button",
@@ -3997,15 +4437,15 @@ function KanbanBoardView({ columns, onMove, onCardClick, empty }) {
                         onDragEnd: drag.cancel,
                         onClick: () => onCardClick?.(card.id, column.id),
                         children: [
-                          /* @__PURE__ */ jsx76("strong", { children: card.title }),
-                          card.description && /* @__PURE__ */ jsx76("p", { children: card.description }),
-                          card.tags?.length ? /* @__PURE__ */ jsx76("span", { children: card.tags.map((tag) => /* @__PURE__ */ jsx76("i", { children: tag }, tag)) }) : null,
-                          card.meta && /* @__PURE__ */ jsx76("small", { children: card.meta })
+                          /* @__PURE__ */ jsx84("strong", { children: card.title }),
+                          card.description && /* @__PURE__ */ jsx84("p", { children: card.description }),
+                          card.tags?.length ? /* @__PURE__ */ jsx84("span", { children: card.tags.map((tag) => /* @__PURE__ */ jsx84("i", { children: tag }, tag)) }) : null,
+                          card.meta && /* @__PURE__ */ jsx84("small", { children: card.meta })
                         ]
                       }
                     ),
-                    onMove && /* @__PURE__ */ jsxs68("div", { className: "hf-kanban-enhanced__controls", children: [
-                      /* @__PURE__ */ jsx76(
+                    onMove && /* @__PURE__ */ jsxs76("div", { className: "hf-kanban-enhanced__controls", children: [
+                      /* @__PURE__ */ jsx84(
                         "button",
                         {
                           type: "button",
@@ -4019,17 +4459,17 @@ function KanbanBoardView({ columns, onMove, onCardClick, empty }) {
                           children: "\u2194"
                         }
                       ),
-                      /* @__PURE__ */ jsxs68("select", { "aria-label": `\u79FB\u52A8${label}\u5230`, value: "", onChange: (event) => {
+                      /* @__PURE__ */ jsxs76("select", { "aria-label": `\u79FB\u52A8${label}\u5230`, value: "", onChange: (event) => {
                         drag.cancel();
                         drag.request(card.id, column.id, event.target.value);
                       }, children: [
-                        /* @__PURE__ */ jsx76("option", { value: "", disabled: true, children: "\u79FB\u52A8\u5230\u2026" }),
-                        columns.filter((candidate) => candidate.id !== column.id).map((candidate, destinationIndex) => /* @__PURE__ */ jsx76("option", { value: candidate.id, children: typeof candidate.title === "string" ? candidate.title : `\u76EE\u6807\u5217${destinationIndex + 1}` }, candidate.id))
+                        /* @__PURE__ */ jsx84("option", { value: "", disabled: true, children: "\u79FB\u52A8\u5230\u2026" }),
+                        columns.filter((candidate) => candidate.id !== column.id).map((candidate, destinationIndex) => /* @__PURE__ */ jsx84("option", { value: candidate.id, children: typeof candidate.title === "string" ? candidate.title : `\u76EE\u6807\u5217${destinationIndex + 1}` }, candidate.id))
                       ] })
                     ] })
                   ] }, card.id);
                 }),
-                !column.cards.length && /* @__PURE__ */ jsxs68("p", { className: "hf-kanban-enhanced__empty", children: [
+                !column.cards.length && /* @__PURE__ */ jsxs76("p", { className: "hf-kanban-enhanced__empty", children: [
                   "\u6682\u65E0\u5361\u7247",
                   onMove ? "\uFF0C\u53EF\u62D6\u5165\u6B64\u5217" : ""
                 ] })
@@ -4040,59 +4480,59 @@ function KanbanBoardView({ columns, onMove, onCardClick, empty }) {
         ))
       }
     ),
-    /* @__PURE__ */ jsx76("span", { className: "hf-sr-only", role: "status", children: drag.announcement })
+    /* @__PURE__ */ jsx84("span", { className: "hf-sr-only", role: "status", children: drag.announcement })
   ] });
 }
 
 // src/data-display/WorkflowViews.tsx
-import { jsx as jsx77, jsxs as jsxs69 } from "react/jsx-runtime";
+import { jsx as jsx85, jsxs as jsxs77 } from "react/jsx-runtime";
 function FlowCanvas({ nodes, edges, width = 900, height = 420, selectedId, onSelect, empty = "\u6682\u65E0\u6D41\u7A0B\u8282\u70B9" }) {
   const map = new Map(nodes.map((node) => [node.id, node]));
-  if (!nodes.length) return /* @__PURE__ */ jsx77("div", { className: "hf-flow-canvas hf-flow-canvas__empty", children: empty });
-  return /* @__PURE__ */ jsx77("div", { className: "hf-flow-canvas", role: "group", "aria-label": "\u6D41\u7A0B\u753B\u5E03", children: /* @__PURE__ */ jsxs69("div", { style: { width, height }, children: [
-    /* @__PURE__ */ jsx77("svg", { viewBox: `0 0 ${width} ${height}`, "aria-hidden": "true", children: edges.map((edge, index) => {
+  if (!nodes.length) return /* @__PURE__ */ jsx85("div", { className: "hf-flow-canvas hf-flow-canvas__empty", children: empty });
+  return /* @__PURE__ */ jsx85("div", { className: "hf-flow-canvas", role: "group", "aria-label": "\u6D41\u7A0B\u753B\u5E03", children: /* @__PURE__ */ jsxs77("div", { style: { width, height }, children: [
+    /* @__PURE__ */ jsx85("svg", { viewBox: `0 0 ${width} ${height}`, "aria-hidden": "true", children: edges.map((edge, index) => {
       const from = map.get(edge.from), to = map.get(edge.to);
       if (!from || !to) return null;
       const x1 = from.x + 82, y1 = from.y + 28, x2 = to.x, y2 = to.y + 28, bend = Math.max(30, Math.abs(x2 - x1) / 2);
-      return /* @__PURE__ */ jsxs69("g", { children: [
-        /* @__PURE__ */ jsx77("path", { d: `M${x1} ${y1} C${x1 + bend} ${y1},${x2 - bend} ${y2},${x2} ${y2}` }),
-        /* @__PURE__ */ jsx77("circle", { cx: x2, cy: y2, r: "3" }),
-        edge.label && /* @__PURE__ */ jsx77("text", { x: (x1 + x2) / 2, y: (y1 + y2) / 2 - 8, children: edge.label })
+      return /* @__PURE__ */ jsxs77("g", { children: [
+        /* @__PURE__ */ jsx85("path", { d: `M${x1} ${y1} C${x1 + bend} ${y1},${x2 - bend} ${y2},${x2} ${y2}` }),
+        /* @__PURE__ */ jsx85("circle", { cx: x2, cy: y2, r: "3" }),
+        edge.label && /* @__PURE__ */ jsx85("text", { x: (x1 + x2) / 2, y: (y1 + y2) / 2 - 8, children: edge.label })
       ] }, edge.id ?? index);
     }) }),
-    nodes.map((node) => /* @__PURE__ */ jsxs69("button", { type: "button", className: `hf-flow-canvas__node is-${node.status ?? "default"}${selectedId === node.id ? " is-selected" : ""}`, style: { left: node.x, top: node.y }, "aria-pressed": selectedId === node.id, onClick: () => onSelect?.(node.id), children: [
-      /* @__PURE__ */ jsx77("strong", { children: node.label }),
-      node.description && /* @__PURE__ */ jsx77("small", { children: node.description })
+    nodes.map((node) => /* @__PURE__ */ jsxs77("button", { type: "button", className: `hf-flow-canvas__node is-${node.status ?? "default"}${selectedId === node.id ? " is-selected" : ""}`, style: { left: node.x, top: node.y }, "aria-pressed": selectedId === node.id, onClick: () => onSelect?.(node.id), children: [
+      /* @__PURE__ */ jsx85("strong", { children: node.label }),
+      node.description && /* @__PURE__ */ jsx85("small", { children: node.description })
     ] }, node.id))
   ] }) });
 }
 function KanbanBoard({ columns, onMove, onCardClick, empty = "\u6682\u65E0\u770B\u677F\u5217" }) {
-  return /* @__PURE__ */ jsx77(KanbanBoardView, { columns, onMove, onCardClick, empty });
+  return /* @__PURE__ */ jsx85(KanbanBoardView, { columns, onMove, onCardClick, empty });
 }
 var day = 864e5;
 var toTime = (value) => new Date(value).setHours(0, 0, 0, 0);
 function GanttChart({ tasks, start, end, onTaskClick, empty = "\u6682\u65E0\u6392\u671F\u4EFB\u52A1" }) {
-  const range = useMemo8(() => {
+  const range = useMemo9(() => {
     const starts = tasks.map((task) => toTime(task.start)), ends = tasks.map((task) => toTime(task.end));
     const from = start ? toTime(start) : Math.min(...starts), to = end ? toTime(end) : Math.max(...ends);
     return { from, days: Math.max(1, Math.round((to - from) / day) + 1) };
   }, [tasks, start, end]);
-  if (!tasks.length) return /* @__PURE__ */ jsx77("div", { className: "hf-gantt-chart__empty", children: empty });
-  return /* @__PURE__ */ jsxs69("div", { className: "hf-gantt-chart", children: [
-    /* @__PURE__ */ jsxs69("header", { children: [
-      /* @__PURE__ */ jsx77("strong", { children: "\u4EFB\u52A1" }),
-      /* @__PURE__ */ jsx77("div", { children: Array.from({ length: Math.min(range.days, 31) }, (_, index) => /* @__PURE__ */ jsx77("span", { children: new Date(range.from + index * day).getDate() }, index)) })
+  if (!tasks.length) return /* @__PURE__ */ jsx85("div", { className: "hf-gantt-chart__empty", children: empty });
+  return /* @__PURE__ */ jsxs77("div", { className: "hf-gantt-chart", children: [
+    /* @__PURE__ */ jsxs77("header", { children: [
+      /* @__PURE__ */ jsx85("strong", { children: "\u4EFB\u52A1" }),
+      /* @__PURE__ */ jsx85("div", { children: Array.from({ length: Math.min(range.days, 31) }, (_, index) => /* @__PURE__ */ jsx85("span", { children: new Date(range.from + index * day).getDate() }, index)) })
     ] }),
     tasks.map((task) => {
       const offset = Math.max(0, (toTime(task.start) - range.from) / day), length = Math.max(1, (toTime(task.end) - toTime(task.start)) / day + 1);
-      return /* @__PURE__ */ jsxs69("div", { className: "hf-gantt-chart__row", children: [
-        /* @__PURE__ */ jsxs69("span", { children: [
-          /* @__PURE__ */ jsx77("strong", { children: task.label }),
-          task.group && /* @__PURE__ */ jsx77("small", { children: task.group })
+      return /* @__PURE__ */ jsxs77("div", { className: "hf-gantt-chart__row", children: [
+        /* @__PURE__ */ jsxs77("span", { children: [
+          /* @__PURE__ */ jsx85("strong", { children: task.label }),
+          task.group && /* @__PURE__ */ jsx85("small", { children: task.group })
         ] }),
-        /* @__PURE__ */ jsx77("div", { children: /* @__PURE__ */ jsxs69("button", { type: "button", style: { left: `${offset / range.days * 100}%`, width: `${length / range.days * 100}%`, "--hf-gantt-color": task.color }, onClick: () => onTaskClick?.(task.id), children: [
-          /* @__PURE__ */ jsx77("i", { style: { width: `${Math.max(0, Math.min(100, task.progress ?? 0))}%` } }),
-          /* @__PURE__ */ jsxs69("span", { children: [
+        /* @__PURE__ */ jsx85("div", { children: /* @__PURE__ */ jsxs77("button", { type: "button", style: { left: `${offset / range.days * 100}%`, width: `${length / range.days * 100}%`, "--hf-gantt-color": task.color }, onClick: () => onTaskClick?.(task.id), children: [
+          /* @__PURE__ */ jsx85("i", { style: { width: `${Math.max(0, Math.min(100, task.progress ?? 0))}%` } }),
+          /* @__PURE__ */ jsxs77("span", { children: [
             task.progress ?? 0,
             "%"
           ] })
@@ -4102,23 +4542,23 @@ function GanttChart({ tasks, start, end, onTaskClick, empty = "\u6682\u65E0\u639
   ] });
 }
 function ChartContainer({ title, description, actions, legend, children, height = 320, loading, empty, emptyContent = "\u6682\u65E0\u56FE\u8868\u6570\u636E" }) {
-  return /* @__PURE__ */ jsxs69("section", { className: "hf-chart-container", children: [
-    /* @__PURE__ */ jsxs69("header", { children: [
-      /* @__PURE__ */ jsxs69("div", { children: [
-        title && /* @__PURE__ */ jsx77("strong", { children: title }),
-        description && /* @__PURE__ */ jsx77("p", { children: description })
+  return /* @__PURE__ */ jsxs77("section", { className: "hf-chart-container", children: [
+    /* @__PURE__ */ jsxs77("header", { children: [
+      /* @__PURE__ */ jsxs77("div", { children: [
+        title && /* @__PURE__ */ jsx85("strong", { children: title }),
+        description && /* @__PURE__ */ jsx85("p", { children: description })
       ] }),
       actions
     ] }),
-    legend?.length ? /* @__PURE__ */ jsx77("div", { className: "hf-chart-container__legend", children: legend.map((item, index) => /* @__PURE__ */ jsxs69("span", { children: [
-      /* @__PURE__ */ jsx77("i", { style: { background: item.color } }),
+    legend?.length ? /* @__PURE__ */ jsx85("div", { className: "hf-chart-container__legend", children: legend.map((item, index) => /* @__PURE__ */ jsxs77("span", { children: [
+      /* @__PURE__ */ jsx85("i", { style: { background: item.color } }),
       item.label,
-      item.value && /* @__PURE__ */ jsx77("strong", { children: item.value })
+      item.value && /* @__PURE__ */ jsx85("strong", { children: item.value })
     ] }, index)) }) : null,
-    /* @__PURE__ */ jsx77("div", { className: "hf-chart-container__body", style: { height }, children: loading ? /* @__PURE__ */ jsxs69("div", { className: "hf-chart-container__state", children: [
-      /* @__PURE__ */ jsx77("span", { className: "hf-spinner" }),
+    /* @__PURE__ */ jsx85("div", { className: "hf-chart-container__body", style: { height }, children: loading ? /* @__PURE__ */ jsxs77("div", { className: "hf-chart-container__state", children: [
+      /* @__PURE__ */ jsx85("span", { className: "hf-spinner" }),
       "\u6B63\u5728\u52A0\u8F7D\u56FE\u8868"
-    ] }) : empty ? /* @__PURE__ */ jsx77("div", { className: "hf-chart-container__state", children: emptyContent }) : children })
+    ] }) : empty ? /* @__PURE__ */ jsx85("div", { className: "hf-chart-container__state", children: emptyContent }) : children })
   ] });
 }
 function PivotTable({ data, row, column, values, rowLabel = "\u9879\u76EE", showTotals = true, empty = "\u6682\u65E0\u900F\u89C6\u6570\u636E" }) {
@@ -4128,60 +4568,60 @@ function PivotTable({ data, row, column, values, rowLabel = "\u9879\u76EE", show
     const sum = items.reduce((total, item) => total + metric.value(item), 0);
     return metric.aggregate === "average" ? items.length ? sum / items.length : 0 : sum;
   };
-  if (!data.length || !values.length) return /* @__PURE__ */ jsx77("div", { className: "hf-pivot-table__empty", children: empty });
-  return /* @__PURE__ */ jsx77("div", { className: "hf-pivot-table", children: /* @__PURE__ */ jsxs69("table", { children: [
-    /* @__PURE__ */ jsxs69("thead", { children: [
-      /* @__PURE__ */ jsxs69("tr", { children: [
-        /* @__PURE__ */ jsx77("th", { rowSpan: 2, children: rowLabel }),
-        columns.map((item) => /* @__PURE__ */ jsx77("th", { colSpan: values.length, children: item }, item)),
-        showTotals && /* @__PURE__ */ jsx77("th", { colSpan: values.length, children: "\u5408\u8BA1" })
+  if (!data.length || !values.length) return /* @__PURE__ */ jsx85("div", { className: "hf-pivot-table__empty", children: empty });
+  return /* @__PURE__ */ jsx85("div", { className: "hf-pivot-table", children: /* @__PURE__ */ jsxs77("table", { children: [
+    /* @__PURE__ */ jsxs77("thead", { children: [
+      /* @__PURE__ */ jsxs77("tr", { children: [
+        /* @__PURE__ */ jsx85("th", { rowSpan: 2, children: rowLabel }),
+        columns.map((item) => /* @__PURE__ */ jsx85("th", { colSpan: values.length, children: item }, item)),
+        showTotals && /* @__PURE__ */ jsx85("th", { colSpan: values.length, children: "\u5408\u8BA1" })
       ] }),
-      /* @__PURE__ */ jsx77("tr", { children: [...columns, ...showTotals ? ["__total"] : []].flatMap((col) => values.map((metric) => /* @__PURE__ */ jsx77("th", { children: metric.label }, `${col}-${metric.key}`))) })
+      /* @__PURE__ */ jsx85("tr", { children: [...columns, ...showTotals ? ["__total"] : []].flatMap((col) => values.map((metric) => /* @__PURE__ */ jsx85("th", { children: metric.label }, `${col}-${metric.key}`))) })
     ] }),
-    /* @__PURE__ */ jsx77("tbody", { children: rows.map((rowName) => /* @__PURE__ */ jsxs69("tr", { children: [
-      /* @__PURE__ */ jsx77("th", { children: rowName }),
+    /* @__PURE__ */ jsx85("tbody", { children: rows.map((rowName) => /* @__PURE__ */ jsxs77("tr", { children: [
+      /* @__PURE__ */ jsx85("th", { children: rowName }),
       [...columns, ...showTotals ? ["__total"] : []].flatMap((columnName) => values.map((metric) => {
         const items = data.filter((item) => row(item) === rowName && (columnName === "__total" || column(item) === columnName));
         const result = calculate(items, metric);
-        return /* @__PURE__ */ jsx77("td", { children: metric.format?.(result) ?? result }, `${columnName}-${metric.key}`);
+        return /* @__PURE__ */ jsx85("td", { children: metric.format?.(result) ?? result }, `${columnName}-${metric.key}`);
       }))
     ] }, rowName)) })
   ] }) });
 }
 
 // src/forms/FilterBuilder.tsx
-import { jsx as jsx78, jsxs as jsxs70 } from "react/jsx-runtime";
+import { jsx as jsx86, jsxs as jsxs78 } from "react/jsx-runtime";
 function FilterBuilder({ fields, value, onChange, disabled, addLabel = "\u6DFB\u52A0\u7B5B\u9009" }) {
   const add = () => {
     const field = fields.find((item) => !value.some((filter) => filter.field === item.key)) ?? fields[0];
     if (field) onChange([...value, { id: `filter-${Date.now()}`, field: field.key, value: "" }]);
   };
   const update = (id, patch) => onChange(value.map((item) => item.id === id ? { ...item, ...patch } : item));
-  return /* @__PURE__ */ jsxs70("div", { className: "hf-filter-builder", role: "group", "aria-label": "\u7B5B\u9009\u6761\u4EF6", children: [
-    /* @__PURE__ */ jsx78("div", { children: value.map((filter, index) => {
+  return /* @__PURE__ */ jsxs78("div", { className: "hf-filter-builder", role: "group", "aria-label": "\u7B5B\u9009\u6761\u4EF6", children: [
+    /* @__PURE__ */ jsx86("div", { children: value.map((filter, index) => {
       const field = fields.find((item) => item.key === filter.field) ?? fields[0];
-      return /* @__PURE__ */ jsxs70("div", { className: "hf-filter-builder__item", children: [
-        /* @__PURE__ */ jsx78(Select, { className: "hf-filter-builder__select", "aria-label": `\u7B5B\u9009 ${index + 1} \u5B57\u6BB5`, value: filter.field, disabled, options: fields.map((item) => ({ value: item.key, label: item.label })), onChange: (event) => update(filter.id, { field: event.target.value, value: "" }) }),
-        field?.options ? /* @__PURE__ */ jsx78(Select, { className: "hf-filter-builder__select", "aria-label": `\u7B5B\u9009 ${index + 1} \u503C`, value: filter.value, placeholder: "\u8BF7\u9009\u62E9", disabled, options: field.options, onChange: (event) => update(filter.id, { value: event.target.value }) }) : /* @__PURE__ */ jsx78("input", { "aria-label": `\u7B5B\u9009 ${index + 1} \u503C`, type: field?.type ?? "text", value: filter.value, disabled, onChange: (event) => update(filter.id, { value: event.target.value }) }),
-        /* @__PURE__ */ jsx78("button", { type: "button", "aria-label": `\u5220\u9664\u7B5B\u9009 ${index + 1}`, disabled, onClick: () => onChange(value.filter((item) => item.id !== filter.id)), children: /* @__PURE__ */ jsx78(Icon, { name: "close", size: 15 }) })
+      return /* @__PURE__ */ jsxs78("div", { className: "hf-filter-builder__item", children: [
+        /* @__PURE__ */ jsx86(Select, { className: "hf-filter-builder__select", "aria-label": `\u7B5B\u9009 ${index + 1} \u5B57\u6BB5`, value: filter.field, disabled, options: fields.map((item) => ({ value: item.key, label: item.label })), onChange: (event) => update(filter.id, { field: event.target.value, value: "" }) }),
+        field?.options ? /* @__PURE__ */ jsx86(Select, { className: "hf-filter-builder__select", "aria-label": `\u7B5B\u9009 ${index + 1} \u503C`, value: filter.value, placeholder: "\u8BF7\u9009\u62E9", disabled, options: field.options, onChange: (event) => update(filter.id, { value: event.target.value }) }) : /* @__PURE__ */ jsx86("input", { "aria-label": `\u7B5B\u9009 ${index + 1} \u503C`, type: field?.type ?? "text", value: filter.value, disabled, onChange: (event) => update(filter.id, { value: event.target.value }) }),
+        /* @__PURE__ */ jsx86("button", { type: "button", "aria-label": `\u5220\u9664\u7B5B\u9009 ${index + 1}`, disabled, onClick: () => onChange(value.filter((item) => item.id !== filter.id)), children: /* @__PURE__ */ jsx86(Icon, { name: "close", size: 15 }) })
       ] }, filter.id);
     }) }),
-    /* @__PURE__ */ jsxs70("button", { type: "button", className: "hf-filter-builder__add", disabled: disabled || !fields.length, onClick: add, children: [
+    /* @__PURE__ */ jsxs78("button", { type: "button", className: "hf-filter-builder__add", disabled: disabled || !fields.length, onClick: add, children: [
       "\uFF0B ",
       addLabel
     ] }),
-    value.length > 0 && /* @__PURE__ */ jsx78("button", { type: "button", className: "hf-filter-builder__clear", disabled, onClick: () => onChange([]), children: "\u6E05\u7A7A" })
+    value.length > 0 && /* @__PURE__ */ jsx86("button", { type: "button", className: "hf-filter-builder__clear", disabled, onClick: () => onChange([]), children: "\u6E05\u7A7A" })
   ] });
 }
 
 // src/data-display/ZoomableChart.tsx
-import { useMemo as useMemo9, useState as useState40 } from "react";
-import { jsx as jsx79, jsxs as jsxs71 } from "react/jsx-runtime";
+import { useMemo as useMemo10, useState as useState44 } from "react";
+import { jsx as jsx87, jsxs as jsxs79 } from "react/jsx-runtime";
 function normalizeWindow(value, length) {
   const last = Math.max(0, length - 1);
-  const clamp = (number, fallback) => Number.isFinite(number) ? Math.max(0, Math.min(last, Math.round(number))) : fallback;
-  let start = clamp(value[0], 0);
-  let end = clamp(value[1], last);
+  const clamp2 = (number, fallback) => Number.isFinite(number) ? Math.max(0, Math.min(last, Math.round(number))) : fallback;
+  let start = clamp2(value[0], 0);
+  let end = clamp2(value[1], last);
   if (start > end) [start, end] = [end, start];
   if (start === end && length > 1) {
     if (end < last) end++;
@@ -4199,9 +4639,9 @@ function ZoomableChart({
   disabled = false,
   className = ""
 }) {
-  const [internal, setInternal] = useState40(defaultWindow);
+  const [internal, setInternal] = useState44(defaultWindow);
   const [start, end] = normalizeWindow(controlled ?? internal ?? [0, points.length - 1], points.length);
-  const visible = useMemo9(() => points.slice(start, end + 1), [points, start, end]);
+  const visible = useMemo10(() => points.slice(start, end + 1), [points, start, end]);
   const count = end - start + 1;
   function update(next) {
     if (disabled) return;
@@ -4219,13 +4659,13 @@ function ZoomableChart({
     const left = Math.max(0, Math.min(points.length - count, start + direction * Math.max(1, Math.floor(count / 2))));
     update([left, left + count - 1]);
   }
-  return /* @__PURE__ */ jsxs71("div", { className: `hf-zoomable-chart ${className}`, children: [
-    /* @__PURE__ */ jsxs71("div", { className: "hf-zoomable-chart__controls", role: "group", "aria-label": `${label}\u89C6\u7A97\u64CD\u4F5C`, children: [
-      /* @__PURE__ */ jsx79(Button, { type: "button", size: "sm", variant: "outline", disabled: disabled || count <= 2, onClick: () => resize(0.5), children: "\u653E\u5927" }),
-      /* @__PURE__ */ jsx79(Button, { type: "button", size: "sm", variant: "outline", disabled: disabled || count >= points.length, onClick: () => resize(2), children: "\u7F29\u5C0F" }),
-      /* @__PURE__ */ jsx79(Button, { type: "button", size: "sm", variant: "outline", disabled: disabled || start === 0, onClick: () => pan(-1), children: "\u5411\u524D\u5E73\u79FB" }),
-      /* @__PURE__ */ jsx79(Button, { type: "button", size: "sm", variant: "outline", disabled: disabled || end >= points.length - 1, onClick: () => pan(1), children: "\u5411\u540E\u5E73\u79FB" }),
-      /* @__PURE__ */ jsx79(
+  return /* @__PURE__ */ jsxs79("div", { className: `hf-zoomable-chart ${className}`, children: [
+    /* @__PURE__ */ jsxs79("div", { className: "hf-zoomable-chart__controls", role: "group", "aria-label": `${label}\u89C6\u7A97\u64CD\u4F5C`, children: [
+      /* @__PURE__ */ jsx87(Button, { type: "button", size: "sm", variant: "outline", disabled: disabled || count <= 2, onClick: () => resize(0.5), children: "\u653E\u5927" }),
+      /* @__PURE__ */ jsx87(Button, { type: "button", size: "sm", variant: "outline", disabled: disabled || count >= points.length, onClick: () => resize(2), children: "\u7F29\u5C0F" }),
+      /* @__PURE__ */ jsx87(Button, { type: "button", size: "sm", variant: "outline", disabled: disabled || start === 0, onClick: () => pan(-1), children: "\u5411\u524D\u5E73\u79FB" }),
+      /* @__PURE__ */ jsx87(Button, { type: "button", size: "sm", variant: "outline", disabled: disabled || end >= points.length - 1, onClick: () => pan(1), children: "\u5411\u540E\u5E73\u79FB" }),
+      /* @__PURE__ */ jsx87(
         Button,
         {
           type: "button",
@@ -4237,8 +4677,8 @@ function ZoomableChart({
         }
       )
     ] }),
-    /* @__PURE__ */ jsx79(ChartCrosshair, { points: visible, label, formatValue, disabled }),
-    points.length > 1 && /* @__PURE__ */ jsx79(
+    /* @__PURE__ */ jsx87(ChartCrosshair, { points: visible, label, formatValue, disabled }),
+    points.length > 1 && /* @__PURE__ */ jsx87(
       RangeBrush,
       {
         label: "\u53EF\u89C1\u6570\u636E\u8303\u56F4",
@@ -4250,22 +4690,22 @@ function ZoomableChart({
         formatValue: (index) => points[index]?.label ?? String(index)
       }
     ),
-    /* @__PURE__ */ jsx79("p", { className: "hf-zoomable-chart__summary", role: "status", children: points.length ? `\u663E\u793A\u7B2C${start + 1}\u2014${end + 1}\u70B9\uFF0C\u5171${points.length}\u70B9` : "\u6CA1\u6709\u53EF\u7F29\u653E\u7684\u6570\u636E" })
+    /* @__PURE__ */ jsx87("p", { className: "hf-zoomable-chart__summary", role: "status", children: points.length ? `\u663E\u793A\u7B2C${start + 1}\u2014${end + 1}\u70B9\uFF0C\u5171${points.length}\u70B9` : "\u6CA1\u6709\u53EF\u7F29\u653E\u7684\u6570\u636E" })
   ] });
 }
 
 // src/feedback/HoldToConfirm.tsx
-import { useId as useId27 } from "react";
+import { useId as useId28 } from "react";
 
 // src/feedback/useHoldConfirmation.ts
-import { useEffect as useEffect14, useRef as useRef15, useState as useState41 } from "react";
+import { useEffect as useEffect17, useRef as useRef17, useState as useState45 } from "react";
 function useHoldConfirmation(options) {
-  const latest = useRef15(options);
+  const latest = useRef17(options);
   latest.current = options;
-  const session = useRef15(null);
-  const frame = useRef15(void 0);
-  const [progress, setProgress] = useState41(0);
-  const [message, setMessage] = useState41("");
+  const session = useRef17(null);
+  const frame = useRef17(void 0);
+  const [progress, setProgress] = useState45(0);
+  const [message, setMessage] = useState45("");
   function stopFrame() {
     if (frame.current !== void 0) cancelAnimationFrame(frame.current);
     frame.current = void 0;
@@ -4311,10 +4751,10 @@ function useHoldConfirmation(options) {
   function release(source) {
     if (session.current?.source === source) cancel();
   }
-  useEffect14(() => {
+  useEffect17(() => {
     cancel();
   }, [options.actionKey, options.duration, options.blocked]);
-  useEffect14(() => {
+  useEffect17(() => {
     const hide = () => {
       if (document.hidden) cancel();
     };
@@ -4336,15 +4776,15 @@ function useHoldConfirmation(options) {
 }
 
 // src/feedback/ConfirmationAlternative.tsx
-import { useEffect as useEffect15, useId as useId26, useRef as useRef16, useState as useState42 } from "react";
-import { jsx as jsx80, jsxs as jsxs72 } from "react/jsx-runtime";
+import { useEffect as useEffect18, useId as useId27, useRef as useRef18, useState as useState46 } from "react";
+import { jsx as jsx88, jsxs as jsxs80 } from "react/jsx-runtime";
 function ConfirmationAlternative({ label, blocked, onOpen, onConfirm }) {
-  const [open, setOpen] = useState42(false);
-  const [requested, setRequested] = useState42(false);
-  const requestedRef = useRef16(false);
-  const trigger = useRef16(null);
-  const confirm = useRef16(null);
-  const id = useId26();
+  const [open, setOpen] = useState46(false);
+  const [requested, setRequested] = useState46(false);
+  const requestedRef = useRef18(false);
+  const trigger = useRef18(null);
+  const confirm = useRef18(null);
+  const id = useId27();
   function close() {
     setOpen(false);
     trigger.current?.focus();
@@ -4365,11 +4805,11 @@ function ConfirmationAlternative({ label, blocked, onOpen, onConfirm }) {
     setRequested(true);
     onConfirm();
   }
-  useEffect15(() => {
+  useEffect18(() => {
     if (open) confirm.current?.focus();
   }, [open]);
-  return /* @__PURE__ */ jsxs72("div", { children: [
-    /* @__PURE__ */ jsx80(
+  return /* @__PURE__ */ jsxs80("div", { children: [
+    /* @__PURE__ */ jsx88(
       Button,
       {
         type: "button",
@@ -4383,7 +4823,7 @@ function ConfirmationAlternative({ label, blocked, onOpen, onConfirm }) {
         children: "\u5206\u6B65\u786E\u8BA4\uFF08\u65E0\u9700\u957F\u6309\uFF09"
       }
     ),
-    open && /* @__PURE__ */ jsxs72(
+    open && /* @__PURE__ */ jsxs80(
       "div",
       {
         id,
@@ -4394,16 +4834,16 @@ function ConfirmationAlternative({ label, blocked, onOpen, onConfirm }) {
           if (event.key === "Escape") close();
         },
         children: [
-          /* @__PURE__ */ jsxs72("p", { children: [
+          /* @__PURE__ */ jsxs80("p", { children: [
             "\u786E\u8BA4\u6267\u884C\u201C",
             label,
             "\u201D\uFF1F"
           ] }),
-          /* @__PURE__ */ jsxs72("div", { className: "hf-confirm-actions", children: [
-            /* @__PURE__ */ jsx80(Button, { type: "button", variant: "outline", onClick: close, children: "\u53D6\u6D88" }),
-            /* @__PURE__ */ jsx80(Button, { type: "button", ref: confirm, disabled: blocked || requested, onClick: request, children: "\u786E\u8BA4\u6267\u884C" })
+          /* @__PURE__ */ jsxs80("div", { className: "hf-confirm-actions", children: [
+            /* @__PURE__ */ jsx88(Button, { type: "button", variant: "outline", onClick: close, children: "\u53D6\u6D88" }),
+            /* @__PURE__ */ jsx88(Button, { type: "button", ref: confirm, disabled: blocked || requested, onClick: request, children: "\u786E\u8BA4\u6267\u884C" })
           ] }),
-          requested && /* @__PURE__ */ jsx80("p", { className: "hf-confirm-hint", role: "status", children: "\u5DF2\u53D1\u51FA\u786E\u8BA4\u8BF7\u6C42\uFF0C\u8BF7\u7B49\u5F85\u64CD\u4F5C\u7ED3\u679C" })
+          requested && /* @__PURE__ */ jsx88("p", { className: "hf-confirm-hint", role: "status", children: "\u5DF2\u53D1\u51FA\u786E\u8BA4\u8BF7\u6C42\uFF0C\u8BF7\u7B49\u5F85\u64CD\u4F5C\u7ED3\u679C" })
         ]
       }
     )
@@ -4411,7 +4851,7 @@ function ConfirmationAlternative({ label, blocked, onOpen, onConfirm }) {
 }
 
 // src/feedback/HoldToConfirm.tsx
-import { jsx as jsx81, jsxs as jsxs73 } from "react/jsx-runtime";
+import { jsx as jsx89, jsxs as jsxs81 } from "react/jsx-runtime";
 function HoldToConfirm({
   actionKey,
   label,
@@ -4425,14 +4865,14 @@ function HoldToConfirm({
   const milliseconds = Number.isFinite(duration) ? Math.max(500, Math.min(1e4, duration)) : 1500;
   const blocked = disabled || loading;
   const hold = useHoldConfirmation({ actionKey, duration: milliseconds, blocked, onConfirm });
-  const hintId = useId27();
-  return /* @__PURE__ */ jsxs73("div", { className: `hf-hold-confirm ${className}`, children: [
-    /* @__PURE__ */ jsxs73("p", { id: hintId, className: "hf-confirm-hint", children: [
+  const hintId = useId28();
+  return /* @__PURE__ */ jsxs81("div", { className: `hf-hold-confirm ${className}`, children: [
+    /* @__PURE__ */ jsxs81("p", { id: hintId, className: "hf-confirm-hint", children: [
       "\u6309\u4F4F",
       milliseconds / 1e3,
       "\u79D2\u53D1\u51FA\u786E\u8BA4\u8BF7\u6C42\uFF0C\u63D0\u524D\u677E\u5F00\u53EF\u53D6\u6D88\u3002"
     ] }),
-    /* @__PURE__ */ jsx81(
+    /* @__PURE__ */ jsx89(
       Button,
       {
         type: "button",
@@ -4469,8 +4909,8 @@ function HoldToConfirm({
         children: loading ? "\u6B63\u5728\u5904\u7406\u8BF7\u6C42" : label
       }
     ),
-    /* @__PURE__ */ jsx81("div", { className: "hf-hold-confirm__track", "aria-hidden": "true", children: /* @__PURE__ */ jsx81("span", { style: { width: `${hold.progress * 100}%` } }) }),
-    /* @__PURE__ */ jsx81(
+    /* @__PURE__ */ jsx89("div", { className: "hf-hold-confirm__track", "aria-hidden": "true", children: /* @__PURE__ */ jsx89("span", { style: { width: `${hold.progress * 100}%` } }) }),
+    /* @__PURE__ */ jsx89(
       ConfirmationAlternative,
       {
         label,
@@ -4480,16 +4920,16 @@ function HoldToConfirm({
       },
       JSON.stringify([actionKey, milliseconds, blocked])
     ),
-    /* @__PURE__ */ jsx81("p", { className: "hf-confirm-hint", role: "status", children: hold.message }),
-    error && /* @__PURE__ */ jsx81("p", { className: "hf-confirm-error hf-tone--danger", role: "alert", children: error })
+    /* @__PURE__ */ jsx89("p", { className: "hf-confirm-hint", role: "status", children: hold.message }),
+    error && /* @__PURE__ */ jsx89("p", { className: "hf-confirm-error hf-tone--danger", role: "alert", children: error })
   ] });
 }
 
 // src/feedback/TypedConfirm.tsx
-import { useId as useId28, useRef as useRef17, useState as useState43 } from "react";
-import { jsx as jsx82, jsxs as jsxs74 } from "react/jsx-runtime";
+import { useId as useId29, useRef as useRef19, useState as useState47 } from "react";
+import { jsx as jsx90, jsxs as jsxs82 } from "react/jsx-runtime";
 function TypedConfirm(props) {
-  return /* @__PURE__ */ jsx82(TypedConfirmFields, { ...props }, JSON.stringify([props.actionKey, props.confirmationText]));
+  return /* @__PURE__ */ jsx90(TypedConfirmFields, { ...props }, JSON.stringify([props.actionKey, props.confirmationText]));
 }
 function TypedConfirmFields({
   confirmationText,
@@ -4502,12 +4942,12 @@ function TypedConfirmFields({
   error,
   className = ""
 }) {
-  const [value, setValue] = useState43("");
-  const [composing, setComposing] = useState43(false);
-  const [requested, setRequested] = useState43(false);
-  const composingRef = useRef17(false);
-  const valueRef = useRef17("");
-  const titleId = useId28();
+  const [value, setValue] = useState47("");
+  const [composing, setComposing] = useState47(false);
+  const [requested, setRequested] = useState47(false);
+  const composingRef = useRef19(false);
+  const valueRef = useRef19("");
+  const titleId = useId29();
   const validTarget = confirmationText.trim().length > 0 && !/[\r\n]/.test(confirmationText);
   const blocked = disabled || loading;
   const matches = validTarget && value === confirmationText && !composing;
@@ -4518,15 +4958,15 @@ function TypedConfirmFields({
     setRequested(true);
     onConfirm();
   }
-  return /* @__PURE__ */ jsxs74("section", { className: `hf-typed-confirm ${className}`, "aria-labelledby": titleId, children: [
-    /* @__PURE__ */ jsx82("h3", { id: titleId, children: label }),
-    description && /* @__PURE__ */ jsx82("p", { children: description }),
-    validTarget ? /* @__PURE__ */ jsxs74("p", { children: [
+  return /* @__PURE__ */ jsxs82("section", { className: `hf-typed-confirm ${className}`, "aria-labelledby": titleId, children: [
+    /* @__PURE__ */ jsx90("h3", { id: titleId, children: label }),
+    description && /* @__PURE__ */ jsx90("p", { children: description }),
+    validTarget ? /* @__PURE__ */ jsxs82("p", { children: [
       "\u8F93\u5165 ",
-      /* @__PURE__ */ jsx82("code", { children: confirmationText }),
+      /* @__PURE__ */ jsx90("code", { children: confirmationText }),
       " \u4EE5\u786E\u8BA4\uFF0C\u9700\u5B8C\u5168\u4E00\u81F4\u3002"
-    ] }) : /* @__PURE__ */ jsx82("p", { role: "alert", className: "hf-confirm-error hf-tone--danger", children: "\u786E\u8BA4\u6587\u5B57\u4E0D\u80FD\u4E3A\u7A7A\u6216\u5305\u542B\u6362\u884C\uFF0C\u8BF7\u914D\u7F6E\u6709\u6548\u7684\u5355\u884C\u5185\u5BB9\u3002" }),
-    /* @__PURE__ */ jsx82(
+    ] }) : /* @__PURE__ */ jsx90("p", { role: "alert", className: "hf-confirm-error hf-tone--danger", children: "\u786E\u8BA4\u6587\u5B57\u4E0D\u80FD\u4E3A\u7A7A\u6216\u5305\u542B\u6362\u884C\uFF0C\u8BF7\u914D\u7F6E\u6709\u6548\u7684\u5355\u884C\u5185\u5BB9\u3002" }),
+    /* @__PURE__ */ jsx90(
       Input,
       {
         label: "\u786E\u8BA4\u6587\u5B57",
@@ -4556,21 +4996,21 @@ function TypedConfirmFields({
         }
       }
     ),
-    /* @__PURE__ */ jsx82(Button, { type: "button", disabled: blocked || !matches, onClick: confirm, children: loading ? "\u6B63\u5728\u5904\u7406\u8BF7\u6C42" : confirmLabel }),
-    /* @__PURE__ */ jsx82("p", { className: "hf-confirm-hint", role: "status", children: requested ? "\u5DF2\u53D1\u51FA\u786E\u8BA4\u8BF7\u6C42\uFF0C\u8BF7\u7B49\u5F85\u64CD\u4F5C\u7ED3\u679C" : matches ? "\u6587\u5B57\u5DF2\u5339\u914D\uFF0C\u53EF\u4EE5\u786E\u8BA4" : "" }),
-    error && /* @__PURE__ */ jsx82("p", { className: "hf-confirm-error hf-tone--danger", role: "alert", children: error })
+    /* @__PURE__ */ jsx90(Button, { type: "button", disabled: blocked || !matches, onClick: confirm, children: loading ? "\u6B63\u5728\u5904\u7406\u8BF7\u6C42" : confirmLabel }),
+    /* @__PURE__ */ jsx90("p", { className: "hf-confirm-hint", role: "status", children: requested ? "\u5DF2\u53D1\u51FA\u786E\u8BA4\u8BF7\u6C42\uFF0C\u8BF7\u7B49\u5F85\u64CD\u4F5C\u7ED3\u679C" : matches ? "\u6587\u5B57\u5DF2\u5339\u914D\uFF0C\u53EF\u4EE5\u786E\u8BA4" : "" }),
+    error && /* @__PURE__ */ jsx90("p", { className: "hf-confirm-error hf-tone--danger", role: "alert", children: error })
   ] });
 }
 
 // src/data-display/SwipeActions.tsx
-import { useEffect as useEffect17, useId as useId29, useRef as useRef19, useState as useState45 } from "react";
+import { useEffect as useEffect20, useId as useId30, useRef as useRef21, useState as useState49 } from "react";
 
 // src/data-display/useSwipeReveal.ts
-import { useEffect as useEffect16, useRef as useRef18, useState as useState44 } from "react";
+import { useEffect as useEffect19, useRef as useRef20, useState as useState48 } from "react";
 function useSwipeReveal({ open, disabled, width, onChange }) {
-  const session = useRef18(null);
-  const [offset, setOffset] = useState44(null);
-  const cleanup = useRef18(null);
+  const session = useRef20(null);
+  const [offset, setOffset] = useState48(null);
+  const cleanup = useRef20(null);
   function cancel() {
     cleanup.current?.();
     cleanup.current = null;
@@ -4616,7 +5056,7 @@ function useSwipeReveal({ open, disabled, width, onChange }) {
     if (!disabled && current.open === open && Math.abs(current.delta) >= 40) onChange(current.delta < 0);
     if (event.currentTarget.hasPointerCapture(event.pointerId)) event.currentTarget.releasePointerCapture(event.pointerId);
   }
-  useEffect16(() => () => {
+  useEffect19(() => () => {
     cleanup.current?.();
     session.current = null;
   }, []);
@@ -4624,10 +5064,10 @@ function useSwipeReveal({ open, disabled, width, onChange }) {
 }
 
 // src/data-display/SwipeActions.tsx
-import { jsx as jsx83, jsxs as jsxs75 } from "react/jsx-runtime";
+import { jsx as jsx91, jsxs as jsxs83 } from "react/jsx-runtime";
 function SwipeActions(props) {
   const identity = JSON.stringify([props.actionKey, props.disabled, props.actions.map(({ id, label, disabled, tone }) => [id, label, disabled, tone])]);
-  return /* @__PURE__ */ jsx83(SwipeActionsRow, { ...props }, identity);
+  return /* @__PURE__ */ jsx91(SwipeActionsRow, { ...props }, identity);
 }
 function SwipeActionsRow({
   label,
@@ -4639,10 +5079,10 @@ function SwipeActionsRow({
   disabled = false,
   className = ""
 }) {
-  const [internal, setInternal] = useState45(defaultOpen);
-  const trigger = useRef19(null);
-  const tools = useRef19(null);
-  const id = useId29();
+  const [internal, setInternal] = useState49(defaultOpen);
+  const trigger = useRef21(null);
+  const tools = useRef21(null);
+  const id = useId30();
   const valid = actions.length > 0 && actions.every((item) => item.id.trim() && item.label.trim()) && new Set(actions.map((item) => item.id)).size === actions.length;
   const blocked = disabled || !valid;
   const open = !blocked && (controlled ?? internal);
@@ -4652,7 +5092,7 @@ function SwipeActionsRow({
     onOpenChange?.(next);
   }
   const swipe = useSwipeReveal({ open, disabled: blocked, width: 144, onChange: request });
-  useEffect17(() => {
+  useEffect20(() => {
     if (!open) return;
     const frame = requestAnimationFrame(() => {
       if (document.activeElement === trigger.current) tools.current?.querySelector("button:not(:disabled)")?.focus();
@@ -4669,10 +5109,10 @@ function SwipeActionsRow({
     close();
     action.onAction();
   }
-  return /* @__PURE__ */ jsxs75("div", { className: `hf-swipe-actions ${className}`, onKeyDown: (event) => {
+  return /* @__PURE__ */ jsxs83("div", { className: `hf-swipe-actions ${className}`, onKeyDown: (event) => {
     if (event.key === "Escape") close();
   }, children: [
-    /* @__PURE__ */ jsxs75(
+    /* @__PURE__ */ jsxs83(
       "div",
       {
         className: "hf-swipe-actions__viewport",
@@ -4688,7 +5128,7 @@ function SwipeActionsRow({
           if (!event.currentTarget.contains(event.relatedTarget)) swipe.cancel();
         },
         children: [
-          open && /* @__PURE__ */ jsx83("div", { id, ref: tools, className: "hf-swipe-actions__tools", children: actions.map((action, index) => /* @__PURE__ */ jsx83(
+          open && /* @__PURE__ */ jsx91("div", { id, ref: tools, className: "hf-swipe-actions__tools", children: actions.map((action, index) => /* @__PURE__ */ jsx91(
             Button,
             {
               type: "button",
@@ -4700,7 +5140,7 @@ function SwipeActionsRow({
             },
             index
           )) }),
-          /* @__PURE__ */ jsx83(
+          /* @__PURE__ */ jsx91(
             "div",
             {
               className: "hf-swipe-actions__content",
@@ -4713,7 +5153,7 @@ function SwipeActionsRow({
         ]
       }
     ),
-    /* @__PURE__ */ jsxs75(
+    /* @__PURE__ */ jsxs83(
       Button,
       {
         type: "button",
@@ -4734,16 +5174,16 @@ function SwipeActionsRow({
         ]
       }
     ),
-    !valid && /* @__PURE__ */ jsx83("p", { className: "hf-row-hint", children: actions.length ? "\u64CD\u4F5C\u6807\u8BC6\u548C\u540D\u79F0\u5FC5\u987B\u975E\u7A7A\uFF0C\u4E14\u6807\u8BC6\u4E0D\u80FD\u91CD\u590D\u3002" : "\u6682\u65E0\u53EF\u7528\u64CD\u4F5C" })
+    !valid && /* @__PURE__ */ jsx91("p", { className: "hf-row-hint", children: actions.length ? "\u64CD\u4F5C\u6807\u8BC6\u548C\u540D\u79F0\u5FC5\u987B\u975E\u7A7A\uFF0C\u4E14\u6807\u8BC6\u4E0D\u80FD\u91CD\u590D\u3002" : "\u6682\u65E0\u53EF\u7528\u64CD\u4F5C" })
   ] });
 }
 
 // src/feedback/ChecklistConfirm.tsx
-import { useId as useId30, useRef as useRef20, useState as useState46 } from "react";
-import { jsx as jsx84, jsxs as jsxs76 } from "react/jsx-runtime";
+import { useId as useId31, useRef as useRef22, useState as useState50 } from "react";
+import { jsx as jsx92, jsxs as jsxs84 } from "react/jsx-runtime";
 function ChecklistConfirm(props) {
   const identity = JSON.stringify([props.actionKey, props.items.map(({ id, label, description }) => [id, label, description])]);
-  return /* @__PURE__ */ jsx84(ChecklistConfirmFields, { ...props }, identity);
+  return /* @__PURE__ */ jsx92(ChecklistConfirmFields, { ...props }, identity);
 }
 function ChecklistConfirmFields({
   title,
@@ -4755,11 +5195,11 @@ function ChecklistConfirmFields({
   error,
   className = ""
 }) {
-  const [checked, setChecked] = useState46(/* @__PURE__ */ new Set());
-  const [requested, setRequested] = useState46(false);
-  const lock = useRef20(false);
-  const first = useRef20(null);
-  const titleId = useId30();
+  const [checked, setChecked] = useState50(/* @__PURE__ */ new Set());
+  const [requested, setRequested] = useState50(false);
+  const lock = useRef22(false);
+  const first = useRef22(null);
+  const titleId = useId31();
   const valid = items.length > 0 && items.every((item) => item.id.trim() && item.label.trim()) && new Set(items.map((item) => item.id)).size === items.length;
   const blocked = disabled || loading || !valid;
   const allChecked = valid && items.every((item) => checked.has(item.id));
@@ -4782,10 +5222,10 @@ function ChecklistConfirmFields({
     first.current?.focus();
     onConfirm();
   }
-  return /* @__PURE__ */ jsxs76("section", { className: `hf-checklist-confirm ${className}`, "aria-labelledby": titleId, children: [
-    /* @__PURE__ */ jsx84("h3", { id: titleId, children: title }),
-    !valid && /* @__PURE__ */ jsx84("p", { role: "alert", className: "hf-tone--danger hf-row-error", children: items.length ? "\u786E\u8BA4\u9879\u6807\u8BC6\u548C\u540D\u79F0\u5FC5\u987B\u975E\u7A7A\uFF0C\u4E14\u6807\u8BC6\u4E0D\u80FD\u91CD\u590D\u3002" : "\u6682\u65E0\u786E\u8BA4\u9879\uFF0C\u4E0D\u80FD\u63D0\u4EA4\u3002" }),
-    /* @__PURE__ */ jsx84("div", { className: "hf-checklist-confirm__items", children: items.map((item, index) => /* @__PURE__ */ jsx84(
+  return /* @__PURE__ */ jsxs84("section", { className: `hf-checklist-confirm ${className}`, "aria-labelledby": titleId, children: [
+    /* @__PURE__ */ jsx92("h3", { id: titleId, children: title }),
+    !valid && /* @__PURE__ */ jsx92("p", { role: "alert", className: "hf-tone--danger hf-row-error", children: items.length ? "\u786E\u8BA4\u9879\u6807\u8BC6\u548C\u540D\u79F0\u5FC5\u987B\u975E\u7A7A\uFF0C\u4E14\u6807\u8BC6\u4E0D\u80FD\u91CD\u590D\u3002" : "\u6682\u65E0\u786E\u8BA4\u9879\uFF0C\u4E0D\u80FD\u63D0\u4EA4\u3002" }),
+    /* @__PURE__ */ jsx92("div", { className: "hf-checklist-confirm__items", children: items.map((item, index) => /* @__PURE__ */ jsx92(
       Checkbox,
       {
         ref: index === 0 ? first : void 0,
@@ -4797,22 +5237,22 @@ function ChecklistConfirmFields({
       },
       index
     )) }),
-    /* @__PURE__ */ jsx84("p", { className: "hf-row-hint", role: "status", children: requested ? "\u5DF2\u53D1\u51FA\u786E\u8BA4\u8BF7\u6C42\uFF0C\u8BF7\u7B49\u5F85\u64CD\u4F5C\u7ED3\u679C" : `\u5DF2\u786E\u8BA4 ${checked.size} / ${items.length} \u9879` }),
-    /* @__PURE__ */ jsx84(Button, { type: "button", disabled: blocked || !allChecked, onClick: confirm, children: loading ? "\u6B63\u5728\u5904\u7406\u8BF7\u6C42" : confirmLabel }),
-    error && /* @__PURE__ */ jsx84("p", { role: "alert", className: "hf-tone--danger hf-row-error", children: error })
+    /* @__PURE__ */ jsx92("p", { className: "hf-row-hint", role: "status", children: requested ? "\u5DF2\u53D1\u51FA\u786E\u8BA4\u8BF7\u6C42\uFF0C\u8BF7\u7B49\u5F85\u64CD\u4F5C\u7ED3\u679C" : `\u5DF2\u786E\u8BA4 ${checked.size} / ${items.length} \u9879` }),
+    /* @__PURE__ */ jsx92(Button, { type: "button", disabled: blocked || !allChecked, onClick: confirm, children: loading ? "\u6B63\u5728\u5904\u7406\u8BF7\u6C42" : confirmLabel }),
+    error && /* @__PURE__ */ jsx92("p", { role: "alert", className: "hf-tone--danger hf-row-error", children: error })
   ] });
 }
 
 // src/feedback/UndoNotice.tsx
-import { useId as useId31 } from "react";
+import { useId as useId32 } from "react";
 
 // src/feedback/useUndoDeadline.ts
-import { useEffect as useEffect18, useState as useState47 } from "react";
+import { useEffect as useEffect21, useState as useState51 } from "react";
 function useUndoDeadline(expiresAt, active) {
-  const [now, setNow] = useState47(() => Date.now());
+  const [now, setNow] = useState51(() => Date.now());
   const valid = expiresAt === void 0 || Number.isFinite(expiresAt);
   const expired = expiresAt !== void 0 && valid && expiresAt <= Math.max(now, Date.now());
-  useEffect18(() => {
+  useEffect21(() => {
     if (!active || !valid || expiresAt === void 0 || expired) return;
     const update = () => setNow(Date.now());
     const timer = window.setTimeout(update, Math.min(1e3, Math.max(1, expiresAt - Date.now())));
@@ -4827,12 +5267,12 @@ function useUndoDeadline(expiresAt, active) {
 }
 
 // src/feedback/useUndoRequest.ts
-import { useEffect as useEffect19, useRef as useRef21, useState as useState48 } from "react";
+import { useEffect as useEffect22, useRef as useRef23, useState as useState52 } from "react";
 function useUndoRequest(onUndo) {
-  const [phase, setPhase] = useState48("ready");
-  const currentPhase = useRef21("ready");
-  const request = useRef21(null);
-  useEffect19(() => () => request.current?.abort(), []);
+  const [phase, setPhase] = useState52("ready");
+  const currentPhase = useRef23("ready");
+  const request = useRef23(null);
+  useEffect22(() => () => request.current?.abort(), []);
   async function undo() {
     if (currentPhase.current === "pending" || currentPhase.current === "undone") return;
     const controller = new AbortController();
@@ -4856,9 +5296,9 @@ function useUndoRequest(onUndo) {
 }
 
 // src/feedback/UndoNotice.tsx
-import { jsx as jsx85, jsxs as jsxs77 } from "react/jsx-runtime";
+import { jsx as jsx93, jsxs as jsxs85 } from "react/jsx-runtime";
 function UndoNotice(props) {
-  return /* @__PURE__ */ jsx85(UndoNoticeSession, { ...props }, props.operationKey);
+  return /* @__PURE__ */ jsx93(UndoNoticeSession, { ...props }, props.operationKey);
 }
 function UndoNoticeSession({
   operationKey,
@@ -4873,8 +5313,8 @@ function UndoNoticeSession({
 }) {
   const { phase, undo } = useUndoRequest(onUndo);
   const deadline = useUndoDeadline(expiresAt, phase === "ready" || phase === "failed");
-  const messageId = useId31();
-  const statusId = useId31();
+  const messageId = useId32();
+  const statusId = useId32();
   const valid = deadline.valid && !!operationKey.trim() && !!message.trim() && !!undoLabel.trim();
   const pending = phase === "pending";
   const undone = phase === "undone";
@@ -4884,18 +5324,18 @@ function UndoNoticeSession({
     if (blocked || expiresAt !== void 0 && Date.now() >= expiresAt) return;
     void undo();
   }
-  return /* @__PURE__ */ jsxs77("section", { className: `hf-undo-notice ${className}`.trim(), "aria-labelledby": messageId, children: [
-    /* @__PURE__ */ jsxs77("div", { className: "hf-undo-notice__content", children: [
-      /* @__PURE__ */ jsx85("p", { id: messageId, className: "hf-undo-notice__message", children: message }),
-      /* @__PURE__ */ jsx85("p", { id: statusId, role: "status", "aria-atomic": "true", className: "hf-undo-notice__status", children: status }),
-      phase === "failed" && /* @__PURE__ */ jsx85("p", { role: "alert", className: "hf-undo-notice__error hf-tone--danger", children: errorMessage.trim() || "\u64A4\u9500\u5931\u8D25\uFF0C\u8BF7\u7A0D\u540E\u91CD\u8BD5\u3002" }),
-      valid && !pending && !undone && !deadline.expired && deadline.remaining !== void 0 && /* @__PURE__ */ jsxs77("p", { className: "hf-undo-notice__deadline", "aria-live": "off", children: [
+  return /* @__PURE__ */ jsxs85("section", { className: `hf-undo-notice ${className}`.trim(), "aria-labelledby": messageId, children: [
+    /* @__PURE__ */ jsxs85("div", { className: "hf-undo-notice__content", children: [
+      /* @__PURE__ */ jsx93("p", { id: messageId, className: "hf-undo-notice__message", children: message }),
+      /* @__PURE__ */ jsx93("p", { id: statusId, role: "status", "aria-atomic": "true", className: "hf-undo-notice__status", children: status }),
+      phase === "failed" && /* @__PURE__ */ jsx93("p", { role: "alert", className: "hf-undo-notice__error hf-tone--danger", children: errorMessage.trim() || "\u64A4\u9500\u5931\u8D25\uFF0C\u8BF7\u7A0D\u540E\u91CD\u8BD5\u3002" }),
+      valid && !pending && !undone && !deadline.expired && deadline.remaining !== void 0 && /* @__PURE__ */ jsxs85("p", { className: "hf-undo-notice__deadline", "aria-live": "off", children: [
         "\u5269\u4F59 ",
         deadline.remaining,
         " \u79D2"
       ] })
     ] }),
-    /* @__PURE__ */ jsx85(
+    /* @__PURE__ */ jsx93(
       Button,
       {
         type: "button",
@@ -4910,93 +5350,11 @@ function UndoNoticeSession({
   ] });
 }
 
-// src/navigation/useReadingPosition.ts
-import { useEffect as useEffect20, useState as useState49 } from "react";
-function useReadingPosition(target) {
-  const [snapshot, setSnapshot] = useState49({ target, value: 0 });
-  useEffect20(() => {
-    if (target === null) return;
-    const view = target?.ownerDocument.defaultView ?? window;
-    const root = target ?? view.document.documentElement;
-    const events = target ?? view;
-    let frame = 0;
-    let disposed = false;
-    const measure = () => {
-      frame = 0;
-      if (disposed) return;
-      const viewport = target ? root.clientHeight : view.innerHeight;
-      const height = target ? root.scrollHeight : Math.max(root.scrollHeight, view.document.body?.scrollHeight ?? 0);
-      const offset = target ? root.scrollTop : view.scrollY;
-      const range = Math.max(0, height - viewport);
-      const value = range === 0 ? 100 : Math.round(Math.min(1, Math.max(0, offset / range)) * 100);
-      setSnapshot((previous) => previous.target === target && previous.value === value ? previous : { target, value });
-    };
-    const schedule = () => {
-      if (!disposed && !frame) frame = view.requestAnimationFrame(measure);
-    };
-    const resize = new ResizeObserver(schedule);
-    const observeContent = () => {
-      resize.disconnect();
-      resize.observe(root);
-      for (const child of root.children) resize.observe(child);
-      if (!target && view.document.body) {
-        resize.observe(view.document.body);
-        for (const child of view.document.body.children) resize.observe(child);
-      }
-      schedule();
-    };
-    const mutations = new MutationObserver(observeContent);
-    mutations.observe(root, { childList: true, subtree: true, characterData: true, attributes: true });
-    events.addEventListener("scroll", schedule, { passive: true });
-    view.addEventListener("resize", schedule);
-    root.addEventListener("load", schedule, true);
-    observeContent();
-    return () => {
-      disposed = true;
-      view.cancelAnimationFrame(frame);
-      resize.disconnect();
-      mutations.disconnect();
-      events.removeEventListener("scroll", schedule);
-      view.removeEventListener("resize", schedule);
-      root.removeEventListener("load", schedule, true);
-    };
-  }, [target]);
-  return target === null || snapshot.target !== target ? 0 : snapshot.value;
-}
-
-// src/navigation/ReadingProgress.tsx
-import { jsx as jsx86, jsxs as jsxs78 } from "react/jsx-runtime";
-function ReadingProgress({ target, label = "\u9605\u8BFB\u8FDB\u5EA6", showValue = true, className = "" }) {
-  const value = useReadingPosition(target);
-  const name = label.trim() || "\u9605\u8BFB\u8FDB\u5EA6";
-  return /* @__PURE__ */ jsxs78("div", { className: `hf-reading-progress ${className}`.trim(), children: [
-    showValue && /* @__PURE__ */ jsxs78("div", { className: "hf-reading-progress__caption", "aria-hidden": "true", children: [
-      /* @__PURE__ */ jsx86("span", { children: name }),
-      /* @__PURE__ */ jsxs78("span", { children: [
-        value,
-        "%"
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx86(
-      "div",
-      {
-        className: "hf-reading-progress__track",
-        role: "progressbar",
-        "aria-label": name,
-        "aria-valuemin": 0,
-        "aria-valuemax": 100,
-        "aria-valuenow": value,
-        children: /* @__PURE__ */ jsx86("span", { className: "hf-reading-progress__fill", style: { width: `${value}%` } })
-      }
-    )
-  ] });
-}
-
 // src/data-display/LoadMore.tsx
-import { useEffect as useEffect21, useRef as useRef22, useState as useState50 } from "react";
-import { jsx as jsx87, jsxs as jsxs79 } from "react/jsx-runtime";
+import { useEffect as useEffect23, useRef as useRef24, useState as useState53 } from "react";
+import { jsx as jsx94, jsxs as jsxs86 } from "react/jsx-runtime";
 function LoadMore(props) {
-  return /* @__PURE__ */ jsx87(LoadMoreControl, { ...props }, props.resetKey);
+  return /* @__PURE__ */ jsx94(LoadMoreControl, { ...props }, props.resetKey);
 }
 function LoadMoreControl({
   onLoad,
@@ -5007,12 +5365,12 @@ function LoadMoreControl({
   className = "",
   trigger = 0
 }) {
-  const [phase, setPhase] = useState50("idle");
-  const request = useRef22(null);
-  const alive = useRef22(true);
-  const latest = useRef22({ onLoad, hasMore, disabled });
+  const [phase, setPhase] = useState53("idle");
+  const request = useRef24(null);
+  const alive = useRef24(true);
+  const latest = useRef24({ onLoad, hasMore, disabled });
   latest.current = { onLoad, hasMore, disabled };
-  useEffect21(() => {
+  useEffect23(() => {
     alive.current = true;
     return () => {
       alive.current = false;
@@ -5033,32 +5391,32 @@ function LoadMoreControl({
       if (request.current === controller) request.current = null;
     }
   }
-  const seen = useRef22(0);
-  useEffect21(() => {
+  const seen = useRef24(0);
+  useEffect23(() => {
     if (trigger === seen.current) return;
     seen.current = trigger;
     if (phase !== "error") void load();
   }, [trigger]);
   const blocked = disabled || !hasMore || phase === "pending";
-  return /* @__PURE__ */ jsxs79("div", { className: `hf-content-loading ${className}`.trim(), "aria-busy": phase === "pending", children: [
-    /* @__PURE__ */ jsx87("p", { role: "status", "aria-atomic": "true", children: phase === "pending" ? "\u6B63\u5728\u52A0\u8F7D\u2026" : !hasMore ? "\u6CA1\u6709\u66F4\u591A\u5185\u5BB9\u4E86" : phase === "success" ? "\u5185\u5BB9\u5DF2\u52A0\u8F7D" : "" }),
-    phase === "error" && hasMore && /* @__PURE__ */ jsx87("p", { role: "alert", className: "hf-tone--danger", children: errorMessage.trim() || "\u52A0\u8F7D\u5931\u8D25\uFF0C\u8BF7\u91CD\u8BD5\u3002" }),
-    /* @__PURE__ */ jsx87(Button, { type: "button", variant: "outline", "aria-disabled": blocked, onClick: () => {
+  return /* @__PURE__ */ jsxs86("div", { className: `hf-content-loading ${className}`.trim(), "aria-busy": phase === "pending", children: [
+    /* @__PURE__ */ jsx94("p", { role: "status", "aria-atomic": "true", children: phase === "pending" ? "\u6B63\u5728\u52A0\u8F7D\u2026" : !hasMore ? "\u6CA1\u6709\u66F4\u591A\u5185\u5BB9\u4E86" : phase === "success" ? "\u5185\u5BB9\u5DF2\u52A0\u8F7D" : "" }),
+    phase === "error" && hasMore && /* @__PURE__ */ jsx94("p", { role: "alert", className: "hf-tone--danger", children: errorMessage.trim() || "\u52A0\u8F7D\u5931\u8D25\uFF0C\u8BF7\u91CD\u8BD5\u3002" }),
+    /* @__PURE__ */ jsx94(Button, { type: "button", variant: "outline", "aria-disabled": blocked, onClick: () => {
       if (!blocked) void load();
     }, children: phase === "pending" ? "\u6B63\u5728\u52A0\u8F7D" : phase === "error" && hasMore ? "\u91CD\u8BD5\u52A0\u8F7D" : !hasMore ? "\u5DF2\u5168\u90E8\u52A0\u8F7D" : label.trim() || "\u52A0\u8F7D\u66F4\u591A" })
   ] });
 }
 
 // src/data-display/InfiniteScroll.tsx
-import { useEffect as useEffect22, useRef as useRef23, useState as useState51 } from "react";
-import { jsx as jsx88, jsxs as jsxs80 } from "react/jsx-runtime";
+import { useEffect as useEffect24, useRef as useRef25, useState as useState54 } from "react";
+import { jsx as jsx95, jsxs as jsxs87 } from "react/jsx-runtime";
 function InfiniteScroll(props) {
-  return /* @__PURE__ */ jsx88(InfiniteScrollSession, { ...props }, props.resetKey);
+  return /* @__PURE__ */ jsx95(InfiniteScrollSession, { ...props }, props.resetKey);
 }
 function InfiniteScrollSession({ children, root, rootMargin = "0px", ...props }) {
-  const sentinel = useRef23(null);
-  const [trigger, setTrigger] = useState51(0);
-  useEffect22(() => {
+  const sentinel = useRef25(null);
+  const [trigger, setTrigger] = useState54(0);
+  useEffect24(() => {
     if (!sentinel.current || root === null || props.disabled || !props.hasMore || typeof IntersectionObserver === "undefined") return;
     let inside = false;
     let observer;
@@ -5074,16 +5432,16 @@ function InfiniteScrollSession({ children, root, rootMargin = "0px", ...props })
     observer.observe(sentinel.current);
     return () => observer.disconnect();
   }, [root, rootMargin, props.disabled, props.hasMore]);
-  return /* @__PURE__ */ jsxs80("div", { className: "hf-infinite-scroll", children: [
+  return /* @__PURE__ */ jsxs87("div", { className: "hf-infinite-scroll", children: [
     children,
-    /* @__PURE__ */ jsx88("div", { ref: sentinel, className: "hf-infinite-scroll__sentinel", "aria-hidden": "true" }),
-    /* @__PURE__ */ jsx88(LoadMoreControl, { ...props, trigger })
+    /* @__PURE__ */ jsx95("div", { ref: sentinel, className: "hf-infinite-scroll__sentinel", "aria-hidden": "true" }),
+    /* @__PURE__ */ jsx95(LoadMoreControl, { ...props, trigger })
   ] });
 }
 
 // src/data-display/LazyLoad.tsx
-import { useEffect as useEffect23, useRef as useRef24, useState as useState52 } from "react";
-import { Fragment as Fragment9, jsx as jsx89, jsxs as jsxs81 } from "react/jsx-runtime";
+import { useEffect as useEffect25, useRef as useRef26, useState as useState55 } from "react";
+import { Fragment as Fragment10, jsx as jsx96, jsxs as jsxs88 } from "react/jsx-runtime";
 function LazyLoad({
   children,
   placeholder,
@@ -5094,16 +5452,16 @@ function LazyLoad({
   label = "\u663E\u793A\u5185\u5BB9",
   className = ""
 }) {
-  const target = useRef24(null);
-  const [mounted, setMounted] = useState52(false);
-  const restoreFocus = useRef24(false);
-  useEffect23(() => {
+  const target = useRef26(null);
+  const [mounted, setMounted] = useState55(false);
+  const restoreFocus = useRef26(false);
+  useEffect25(() => {
     if (mounted && restoreFocus.current) {
       target.current?.focus({ preventScroll: true });
       restoreFocus.current = false;
     }
   }, [mounted]);
-  useEffect23(() => {
+  useEffect25(() => {
     if (mounted) return;
     if (disabled) {
       setMounted(true);
@@ -5129,16 +5487,16 @@ function LazyLoad({
     observer.observe(target.current);
     return () => observer.disconnect();
   }, [mounted, disabled, root, rootMargin]);
-  return /* @__PURE__ */ jsx89(
+  return /* @__PURE__ */ jsx96(
     "div",
     {
       ref: target,
       tabIndex: -1,
       className: `hf-lazy-load ${className}`.trim(),
       style: { minHeight: Number.isFinite(minHeight) ? Math.max(0, minHeight) : 160 },
-      children: mounted || disabled ? children : /* @__PURE__ */ jsxs81(Fragment9, { children: [
+      children: mounted || disabled ? children : /* @__PURE__ */ jsxs88(Fragment10, { children: [
         placeholder,
-        /* @__PURE__ */ jsx89(Button, { type: "button", variant: "outline", onClick: () => {
+        /* @__PURE__ */ jsx96(Button, { type: "button", variant: "outline", onClick: () => {
           restoreFocus.current = true;
           setMounted(true);
         }, children: label.trim() || "\u663E\u793A\u5185\u5BB9" })
@@ -5148,24 +5506,24 @@ function LazyLoad({
 }
 
 // src/feedback/OptimisticUpdate.tsx
-import { useId as useId32 } from "react";
+import { useId as useId33 } from "react";
 
 // src/feedback/useOptimisticRequest.ts
-import { useEffect as useEffect24, useRef as useRef25, useState as useState53 } from "react";
+import { useEffect as useEffect26, useRef as useRef27, useState as useState56 } from "react";
 function useOptimisticRequest(initialValue, onUpdate, disabled) {
-  const [view, setView] = useState53(
+  const [view, setView] = useState56(
     { value: initialValue, phase: "idle" }
   );
-  const currentView = useRef25(view);
-  const confirmed = useRef25(initialValue);
-  const desired = useRef25(null);
-  const failed = useRef25(null);
-  const active = useRef25(null);
-  const sequence = useRef25(0);
-  const alive = useRef25(true);
-  const latest = useRef25({ onUpdate, disabled });
+  const currentView = useRef27(view);
+  const confirmed = useRef27(initialValue);
+  const desired = useRef27(null);
+  const failed = useRef27(null);
+  const active = useRef27(null);
+  const sequence = useRef27(0);
+  const alive = useRef27(true);
+  const latest = useRef27({ onUpdate, disabled });
   latest.current = { onUpdate, disabled };
-  useEffect24(() => {
+  useEffect26(() => {
     alive.current = true;
     return () => {
       alive.current = false;
@@ -5215,9 +5573,9 @@ function useOptimisticRequest(initialValue, onUpdate, disabled) {
 }
 
 // src/feedback/OptimisticUpdate.tsx
-import { jsx as jsx90, jsxs as jsxs82 } from "react/jsx-runtime";
+import { jsx as jsx97, jsxs as jsxs89 } from "react/jsx-runtime";
 function OptimisticUpdate(props) {
-  return /* @__PURE__ */ jsx90(OptimisticSession, { ...props }, props.operationKey);
+  return /* @__PURE__ */ jsx97(OptimisticSession, { ...props }, props.operationKey);
 }
 function OptimisticSession({
   initialValue,
@@ -5229,12 +5587,149 @@ function OptimisticSession({
   className = ""
 }) {
   const state = useOptimisticRequest(initialValue, onUpdate, disabled);
-  const statusId = useId32();
+  const statusId = useId33();
   const name = label.trim() || "\u66F4\u65B0";
-  return /* @__PURE__ */ jsxs82("div", { className: `hf-optimistic-update ${className}`.trim(), role: "group", "aria-label": name, "aria-describedby": statusId, children: [
+  return /* @__PURE__ */ jsxs89("div", { className: `hf-optimistic-update ${className}`.trim(), role: "group", "aria-label": name, "aria-describedby": statusId, children: [
     children(state),
-    /* @__PURE__ */ jsx90("p", { id: statusId, role: "status", "aria-atomic": "true", className: "hf-optimistic-update__status", children: state.phase === "pending" ? `${name}\uFF1A\u6B63\u5728\u4FDD\u5B58\u2026` : state.phase === "success" ? `${name}\uFF1A\u5DF2\u4FDD\u5B58` : "" }),
-    state.phase === "error" && /* @__PURE__ */ jsx90("p", { role: "alert", className: "hf-optimistic-update__error hf-tone--danger", children: errorMessage.trim() || "\u4FDD\u5B58\u5931\u8D25\uFF0C\u5DF2\u6062\u590D\u6700\u8FD1\u786E\u8BA4\u7684\u72B6\u6001\uFF0C\u8BF7\u91CD\u8BD5\u3002" })
+    /* @__PURE__ */ jsx97("p", { id: statusId, role: "status", "aria-atomic": "true", className: "hf-optimistic-update__status", children: state.phase === "pending" ? `${name}\uFF1A\u6B63\u5728\u4FDD\u5B58\u2026` : state.phase === "success" ? `${name}\uFF1A\u5DF2\u4FDD\u5B58` : "" }),
+    state.phase === "error" && /* @__PURE__ */ jsx97("p", { role: "alert", className: "hf-optimistic-update__error hf-tone--danger", children: errorMessage.trim() || "\u4FDD\u5B58\u5931\u8D25\uFF0C\u5DF2\u6062\u590D\u6700\u8FD1\u786E\u8BA4\u7684\u72B6\u6001\uFF0C\u8BF7\u91CD\u8BD5\u3002" })
+  ] });
+}
+
+// src/feedback/TaskProgress.tsx
+import { useEffect as useEffect28, useId as useId34, useMemo as useMemo11 } from "react";
+
+// src/feedback/useTaskProgress.ts
+import { useCallback, useEffect as useEffect27, useRef as useRef28, useState as useState57 } from "react";
+var clamp = (value) => Math.min(100, Math.max(0, Number.isFinite(value) ? value : 0));
+function useTaskProgress(run, stageIds, disabled) {
+  const [snapshot, setSnapshot] = useState57({
+    phase: "idle",
+    progress: 0
+  });
+  const runRef = useRef28(run);
+  const controllerRef = useRef28(void 0);
+  const generationRef = useRef28(0);
+  runRef.current = run;
+  const start = useCallback(() => {
+    if (disabled || controllerRef.current) return;
+    const generation = ++generationRef.current;
+    const controller = new AbortController();
+    controllerRef.current = controller;
+    setSnapshot({ phase: "running", activeStageId: stageIds[0], progress: 0 });
+    const report = (update) => {
+      if (generation !== generationRef.current || controller.signal.aborted || !stageIds.includes(update.stageId)) return;
+      setSnapshot((current) => current.phase !== "running" ? current : {
+        ...current,
+        activeStageId: update.stageId,
+        progress: update.progress === void 0 ? current.progress : clamp(update.progress),
+        message: update.message
+      });
+    };
+    Promise.resolve().then(() => {
+      if (generation !== generationRef.current || controller.signal.aborted) throw new Error("cancelled");
+      return runRef.current({ signal: controller.signal, report });
+    }).then(
+      (result) => {
+        if (generation !== generationRef.current || controller.signal.aborted) return;
+        controllerRef.current = void 0;
+        setSnapshot({ phase: "success", activeStageId: stageIds.at(-1), progress: 100, result });
+      },
+      () => {
+        if (generation !== generationRef.current || controller.signal.aborted) return;
+        controllerRef.current = void 0;
+        setSnapshot((current) => ({ ...current, phase: "error" }));
+      }
+    );
+  }, [disabled, stageIds]);
+  const cancel = useCallback(() => {
+    if (!controllerRef.current) return;
+    generationRef.current += 1;
+    controllerRef.current.abort();
+    controllerRef.current = void 0;
+    setSnapshot((current) => ({ ...current, phase: "cancelled" }));
+  }, []);
+  const retry = useCallback(() => {
+    if (snapshot.phase !== "error" && snapshot.phase !== "cancelled") return;
+    start();
+  }, [snapshot.phase, start]);
+  useEffect27(() => () => {
+    generationRef.current += 1;
+    controllerRef.current?.abort();
+    controllerRef.current = void 0;
+  }, []);
+  return { ...snapshot, start, cancel, retry };
+}
+
+// src/feedback/TaskProgress.tsx
+import { jsx as jsx98, jsxs as jsxs90 } from "react/jsx-runtime";
+function TaskProgress(props) {
+  return /* @__PURE__ */ jsx98(TaskProgressSession, { ...props }, `${typeof props.taskKey}:${String(props.taskKey)}`);
+}
+function TaskProgressSession({
+  stages,
+  run,
+  title = "\u4EFB\u52A1\u8FDB\u5EA6",
+  autoStart = false,
+  disabled = false,
+  renderResult,
+  onPhaseChange,
+  className = ""
+}) {
+  const stageSignature = JSON.stringify(stages.map((stage) => stage.id));
+  const stageIds = useMemo11(() => stages.map((stage) => stage.id), [stageSignature]);
+  const state = useTaskProgress(run, stageIds, disabled || stages.length === 0);
+  const statusId = useId34();
+  const activeIndex = state.activeStageId ? stageIds.indexOf(state.activeStageId) : -1;
+  useEffect28(() => {
+    if (!autoStart || disabled || stages.length === 0) return;
+    const timer = window.setTimeout(state.start, 0);
+    return () => window.clearTimeout(timer);
+  }, [autoStart, disabled, stages.length, state.start]);
+  useEffect28(() => {
+    onPhaseChange?.(state.phase);
+  }, [onPhaseChange, state.phase]);
+  const statusText = state.phase === "running" ? state.message || `\u6B63\u5728\u6267\u884C\uFF0C\u5DF2\u5B8C\u6210 ${Math.round(state.progress)}%` : state.phase === "success" ? "\u4EFB\u52A1\u5DF2\u5B8C\u6210" : state.phase === "error" ? "\u4EFB\u52A1\u6267\u884C\u5931\u8D25\uFF0C\u53EF\u4EE5\u91CD\u8BD5" : state.phase === "cancelled" ? "\u4EFB\u52A1\u5DF2\u53D6\u6D88\uFF0C\u53EF\u4EE5\u91CD\u65B0\u6267\u884C" : "\u4EFB\u52A1\u5C1A\u672A\u5F00\u59CB";
+  return /* @__PURE__ */ jsxs90("section", { className: `hf-task-progress ${className}`.trim(), "aria-labelledby": `${statusId}-title`, "aria-busy": state.phase === "running", children: [
+    /* @__PURE__ */ jsxs90("header", { className: "hf-task-progress__header", children: [
+      /* @__PURE__ */ jsxs90("div", { children: [
+        /* @__PURE__ */ jsx98("h3", { id: `${statusId}-title`, children: title }),
+        /* @__PURE__ */ jsx98("p", { id: statusId, role: "status", "aria-live": "polite", "aria-atomic": "true", children: statusText })
+      ] }),
+      /* @__PURE__ */ jsxs90("strong", { "aria-hidden": "true", children: [
+        Math.round(state.progress),
+        "%"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx98(
+      "div",
+      {
+        className: "hf-task-progress__track",
+        role: "progressbar",
+        "aria-valuemin": 0,
+        "aria-valuemax": 100,
+        "aria-valuenow": Math.round(state.progress),
+        "aria-describedby": statusId,
+        children: /* @__PURE__ */ jsx98("span", { style: { width: `${state.progress}%` } })
+      }
+    ),
+    /* @__PURE__ */ jsx98("ol", { className: "hf-task-progress__stages", children: stages.map((stage, index) => {
+      const status = state.phase === "success" || index < activeIndex ? "complete" : index === activeIndex ? state.phase === "error" ? "error" : state.phase === "cancelled" ? "cancelled" : "active" : "pending";
+      return /* @__PURE__ */ jsxs90("li", { "data-status": status, "aria-current": status === "active" ? "step" : void 0, children: [
+        /* @__PURE__ */ jsx98("span", { className: "hf-task-progress__marker", "aria-hidden": "true", children: status === "complete" ? "\u2713" : index + 1 }),
+        /* @__PURE__ */ jsxs90("div", { children: [
+          /* @__PURE__ */ jsx98("strong", { children: stage.label }),
+          stage.description && /* @__PURE__ */ jsx98("p", { children: stage.description })
+        ] })
+      ] }, stage.id);
+    }) }),
+    state.phase === "error" && /* @__PURE__ */ jsx98("p", { className: "hf-task-progress__error", role: "alert", children: "\u4EFB\u52A1\u672A\u5B8C\u6210\uFF0C\u8BF7\u68C0\u67E5\u8FDE\u63A5\u540E\u91CD\u8BD5\u3002" }),
+    state.phase === "success" && renderResult && /* @__PURE__ */ jsx98("div", { className: "hf-task-progress__result", children: renderResult(state.result) }),
+    /* @__PURE__ */ jsxs90("div", { className: "hf-task-progress__actions", children: [
+      state.phase === "idle" && /* @__PURE__ */ jsx98(Button, { type: "button", disabled: disabled || stages.length === 0, onClick: state.start, children: "\u5F00\u59CB\u4EFB\u52A1" }),
+      state.phase === "running" && /* @__PURE__ */ jsx98(Button, { type: "button", variant: "outline", onClick: state.cancel, children: "\u53D6\u6D88\u4EFB\u52A1" }),
+      (state.phase === "error" || state.phase === "cancelled") && /* @__PURE__ */ jsx98(Button, { type: "button", disabled, onClick: state.retry, children: "\u91CD\u65B0\u6267\u884C" })
+    ] })
   ] });
 }
 export {
@@ -5250,7 +5745,9 @@ export {
   AvailabilityGrid,
   Avatar,
   AvatarGroup,
+  BackToTop,
   Badge,
+  BottomNavigation,
   Breadcrumb,
   Button,
   ButtonGroup,
@@ -5299,6 +5796,7 @@ export {
   GanttChart,
   Grid,
   Hero,
+  HierarchicalSidebar,
   HoldToConfirm,
   HotspotGuide,
   Icon,
@@ -5315,11 +5813,13 @@ export {
   LoadMore,
   LoadingDots,
   LoadingOverlay,
+  LongPageNavigation,
   MarkdownContent,
   Masonry,
   MegaMenu,
   MemberPicker,
   MentionInput,
+  MobileContentNavigation,
   MobileNavigation,
   Modal,
   ModelSelector,
@@ -5341,6 +5841,7 @@ export {
   ProgressBar,
   ProgressRing,
   PromptSuggestions,
+  PullToRefresh,
   QueryBuilder,
   Radio,
   RadioGroup,
@@ -5376,6 +5877,7 @@ export {
   Table,
   Tabs,
   Tag,
+  TaskProgress,
   Textarea,
   ThemeProvider,
   TimePicker,