@hxdhxd/harmony-flow-ui 0.2.0 → 0.3.0

package/dist/index.cjs

@@ -32,7 +32,9 @@ __export(index_exports, {
   AvailabilityGrid: () => AvailabilityGrid,
   Avatar: () => Avatar,
   AvatarGroup: () => AvatarGroup,
+  BackToTop: () => BackToTop,
   Badge: () => Badge,
+  BottomNavigation: () => BottomNavigation,
   Breadcrumb: () => Breadcrumb,
   Button: () => Button,
   ButtonGroup: () => ButtonGroup,
@@ -81,6 +83,7 @@ __export(index_exports, {
   GanttChart: () => GanttChart,
   Grid: () => Grid,
   Hero: () => Hero,
+  HierarchicalSidebar: () => HierarchicalSidebar,
   HoldToConfirm: () => HoldToConfirm,
   HotspotGuide: () => HotspotGuide,
   Icon: () => Icon,
@@ -97,11 +100,13 @@ __export(index_exports, {
   LoadMore: () => LoadMore,
   LoadingDots: () => LoadingDots,
   LoadingOverlay: () => LoadingOverlay,
+  LongPageNavigation: () => LongPageNavigation,
   MarkdownContent: () => MarkdownContent,
   Masonry: () => Masonry,
   MegaMenu: () => MegaMenu,
   MemberPicker: () => MemberPicker,
   MentionInput: () => MentionInput,
+  MobileContentNavigation: () => MobileContentNavigation,
   MobileNavigation: () => MobileNavigation,
   Modal: () => Modal,
   ModelSelector: () => ModelSelector,
@@ -123,6 +128,7 @@ __export(index_exports, {
   ProgressBar: () => ProgressBar,
   ProgressRing: () => ProgressRing,
   PromptSuggestions: () => PromptSuggestions,
+  PullToRefresh: () => PullToRefresh,
   QueryBuilder: () => QueryBuilder,
   Radio: () => Radio,
   RadioGroup: () => RadioGroup,
@@ -158,6 +164,7 @@ __export(index_exports, {
   Table: () => Table,
   Tabs: () => Tabs,
   Tag: () => Tag,
+  TaskProgress: () => TaskProgress,
   Textarea: () => Textarea,
   ThemeProvider: () => ThemeProvider,
   TimePicker: () => TimePicker,
@@ -2633,30 +2640,307 @@ function MobileNavigation({ brand, items, mode = "drawer", activeKey, open, onOp
 // src/navigation/Scrollspy.tsx
 var import_react34 = require("react");
 var import_jsx_runtime40 = require("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] = (0, import_react34.useState)(items[0]?.key);
   const currentKey = activeKey ?? observedKey;
   (0, import_react34.useEffect)(() => {
-    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__ */ (0, import_jsx_runtime40.jsx)("nav", { className: `hf-scrollspy ${className}`.trim(), "aria-label": "\u9875\u5185\u5BFC\u822A", ...props, children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("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
 var import_react35 = require("react");
 var import_jsx_runtime41 = require("react/jsx-runtime");
-function ShrinkNav({ brand, items, threshold = 48, action, activeKey, onItemSelect, className = "", ...props }) {
-  const [compact, setCompact] = (0, import_react35.useState)(false);
+function BackToTop({ target, threshold = 320, behavior = "smooth", label = "\u8FD4\u56DE\u9876\u90E8", onActivate, className = "", ...props }) {
+  const [visible, setVisible] = (0, import_react35.useState)(false);
   (0, import_react35.useEffect)(() => {
+    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__ */ (0, import_jsx_runtime41.jsxs)("button", { ...props, type: "button", className: `hf-back-to-top hf-back-to-top--visible ${className}`.trim(), onClick: handleActivate, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { "aria-hidden": "true", children: "\u2191" }),
+    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { children: label })
+  ] });
+}
+
+// src/navigation/HierarchicalSidebar.tsx
+var import_react36 = require("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
+var import_jsx_runtime42 = require("react/jsx-runtime");
+function HierarchicalSidebar({ items, title = "\u5185\u5BB9\u5BFC\u822A", activeKey, onItemSelect, expandedKeys, defaultExpandedKeys = [], onExpandedChange, className = "", ...props }) {
+  const [internalExpanded, setInternalExpanded] = (0, import_react36.useState)(() => /* @__PURE__ */ new Set([...defaultExpandedKeys, ...getNavigationAncestorKeys(items, activeKey)]));
+  const activeAncestorKeys = (0, import_react36.useMemo)(() => getNavigationAncestorKeys(items, activeKey), [activeKey, items]);
+  const activeAncestorSignature = activeAncestorKeys.join("\0");
+  const expanded = new Set(expandedKeys ?? internalExpanded);
+  (0, import_react36.useEffect)(() => {
+    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__ */ (0, import_jsx_runtime42.jsx)("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__ */ (0, import_jsx_runtime42.jsxs)("li", { children: [
+      hasChildren ? /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("button", { type: "button", className: "hf-hierarchical-sidebar__group", "aria-expanded": isExpanded, onClick: () => toggle(item.key), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { children: item.icon }),
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { children: item.label }),
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { "aria-hidden": "true", className: "hf-hierarchical-sidebar__chevron", children: "\u203A" })
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("a", { href: item.href ?? `#${item.key}`, "aria-current": activeKey === item.key ? "location" : void 0, onClick: () => onItemSelect?.(item), children: [
+        item.icon && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { "aria-hidden": "true", children: item.icon }),
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { children: item.label })
+      ] }),
+      hasChildren && isExpanded && renderItems(item.children ?? [], level + 1)
+    ] }, item.key);
+  }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("aside", { className: `hf-hierarchical-sidebar ${className}`.trim(), ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "hf-hierarchical-sidebar__title", children: title }),
+    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("nav", { "aria-label": "\u5C42\u7EA7\u4FA7\u680F", children: renderItems(items) })
+  ] });
+}
+
+// src/navigation/useReadingPosition.ts
+var import_react37 = require("react");
+function useReadingPosition(target) {
+  const [snapshot, setSnapshot] = (0, import_react37.useState)({ target, value: 0 });
+  (0, import_react37.useEffect)(() => {
+    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
+var import_jsx_runtime43 = require("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__ */ (0, import_jsx_runtime43.jsxs)("div", { className: `hf-reading-progress ${className}`.trim(), children: [
+    showValue && /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "hf-reading-progress__caption", "aria-hidden": "true", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { children: name }),
+      /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("span", { children: [
+        value,
+        "%"
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+      "div",
+      {
+        className: "hf-reading-progress__track",
+        role: "progressbar",
+        "aria-label": name,
+        "aria-valuemin": 0,
+        "aria-valuemax": 100,
+        "aria-valuenow": value,
+        children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "hf-reading-progress__fill", style: { width: `${value}%` } })
+      }
+    )
+  ] });
+}
+
+// src/navigation/LongPageNavigation.tsx
+var import_jsx_runtime44 = require("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__ */ (0, import_jsx_runtime44.jsxs)("aside", { className: `hf-long-page-navigation ${className}`.trim(), ...props, children: [
+    showProgress && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(ReadingProgress, { target, label: progressLabel }),
+    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "hf-long-page-navigation__title", children: title }),
+    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Scrollspy, { items: flattenedItems, target, rootMargin, activeKey, onItemSelect }),
+    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(BackToTop, { target, threshold: backToTopThreshold })
+  ] });
+}
+
+// src/navigation/BottomNavigation.tsx
+var import_jsx_runtime45 = require("react/jsx-runtime");
+function BottomNavigation({ items, label = "\u5E95\u90E8\u5BFC\u822A", activeKey, onItemSelect, className = "", ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("nav", { className: `hf-bottom-navigation ${className}`.trim(), "aria-label": label, ...props, children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("a", { href: item.href ?? `#${item.key}`, "aria-current": activeKey === item.key ? "page" : void 0, onClick: () => activateNavigationItem(item, onItemSelect), children: [
+    item.icon && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "hf-bottom-navigation__icon", "aria-hidden": "true", children: item.icon }),
+    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { children: item.label })
+  ] }, item.key)) });
+}
+
+// src/navigation/PullToRefresh.tsx
+var import_react38 = require("react");
+var import_jsx_runtime46 = require("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 = (0, import_react38.useRef)(null);
+  const gestureRef = (0, import_react38.useRef)(null);
+  const [distance, setDistance] = (0, import_react38.useState)(0);
+  const [refreshing, setRefreshing] = (0, import_react38.useState)(false);
+  const refreshingRef = (0, import_react38.useRef)(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__ */ (0, import_jsx_runtime46.jsxs)("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__ */ (0, import_jsx_runtime46.jsx)("div", { className: "hf-pull-to-refresh__indicator", style: { "--hf-pull-distance": `${distance}px` }, "aria-live": "polite", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("button", { type: "button", onClick: () => void refresh(), disabled: disabled || refreshing, children: refreshing ? "\u6B63\u5728\u5237\u65B0\u2026" : distance >= threshold ? "\u677E\u5F00\u5237\u65B0" : label }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "hf-pull-to-refresh__content", style: { transform: `translateY(${distance}px)` }, children })
+  ] });
+}
+
+// src/navigation/MobileContentNavigation.tsx
+var import_jsx_runtime47 = require("react/jsx-runtime");
+function MobileContentNavigation({ items, children, onRefresh, refreshThreshold, navigationLabel, activeKey, onItemSelect, className = "", ...props }) {
+  const content = onRefresh ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(PullToRefresh, { onRefresh, threshold: refreshThreshold, children }) : children;
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: `hf-mobile-content-navigation${onRefresh ? " hf-mobile-content-navigation--refreshable" : ""} ${className}`.trim(), ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "hf-mobile-content-navigation__body", children: content }),
+    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(BottomNavigation, { items, label: navigationLabel, activeKey, onItemSelect })
+  ] });
+}
+
+// src/navigation/ShrinkNav.tsx
+var import_react39 = require("react");
+var import_jsx_runtime48 = require("react/jsx-runtime");
+function ShrinkNav({ brand, items, threshold = 48, action, activeKey, onItemSelect, className = "", ...props }) {
+  const [compact, setCompact] = (0, import_react39.useState)(false);
+  (0, import_react39.useEffect)(() => {
     let frame = 0;
     const update = () => {
       cancelAnimationFrame(frame);
@@ -2669,18 +2953,18 @@ function ShrinkNav({ brand, items, threshold = 48, action, activeKey, onItemSele
       window.removeEventListener("scroll", update);
     };
   }, [threshold]);
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("nav", { className: `hf-shrink-nav ${compact ? "hf-shrink-nav--compact" : ""} ${className}`.trim(), "aria-label": "\u6EDA\u52A8\u5BFC\u822A", ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "hf-shrink-nav__brand", children: brand }),
-    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "hf-shrink-nav__items", children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("a", { href: item.href ?? "#", "aria-current": activeKey === item.key ? "page" : void 0, onClick: () => onItemSelect?.(item), children: item.label }, item.key)) }),
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("nav", { className: `hf-shrink-nav ${compact ? "hf-shrink-nav--compact" : ""} ${className}`.trim(), "aria-label": "\u6EDA\u52A8\u5BFC\u822A", ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "hf-shrink-nav__brand", children: brand }),
+    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "hf-shrink-nav__items", children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("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
-var import_react36 = require("react");
-var import_jsx_runtime42 = require("react/jsx-runtime");
+var import_react40 = require("react");
+var import_jsx_runtime49 = require("react/jsx-runtime");
 function Tabs({ items, value, onChange, variant = "line", label = "\u5185\u5BB9\u6807\u7B7E" }) {
-  const id = (0, import_react36.useId)();
+  const id = (0, import_react40.useId)();
   const active = items.find((item) => item.key === value) ?? items[0];
   const onKeyDown = (event) => {
     if (!["ArrowLeft", "ArrowRight", "ArrowUp", "ArrowDown"].includes(event.key)) return;
@@ -2691,43 +2975,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__ */ (0, import_jsx_runtime42.jsxs)("div", { className: `hf-tabs hf-tabs--${variant}`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { role: "tablist", "aria-label": label, onKeyDown, children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("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__ */ (0, import_jsx_runtime49.jsxs)("div", { className: `hf-tabs hf-tabs--${variant}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { role: "tablist", "aria-label": label, onKeyDown, children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("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__ */ (0, import_jsx_runtime42.jsx)("span", { children: item.label }),
-      item.badge && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("small", { children: item.badge })
+      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { children: item.label }),
+      item.badge && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("small", { children: item.badge })
     ] }, item.key)) }),
-    active && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { role: "tabpanel", id: `${id}-${active.key}-panel`, "aria-labelledby": `${id}-${active.key}`, tabIndex: 0, children: active.content })
+    active && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { role: "tabpanel", id: `${id}-${active.key}-panel`, "aria-labelledby": `${id}-${active.key}`, tabIndex: 0, children: active.content })
   ] });
 }
 
 // src/navigation/Steps.tsx
-var import_jsx_runtime43 = require("react/jsx-runtime");
+var import_jsx_runtime50 = require("react/jsx-runtime");
 function Steps({ items, current, onChange, orientation = "horizontal" }) {
   const currentIndex = Math.max(0, items.findIndex((item) => item.key === current));
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("ol", { className: `hf-steps hf-steps--${orientation}`, children: items.map((item, index) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("ol", { className: `hf-steps hf-steps--${orientation}`, children: items.map((item, index) => {
     const state = index < currentIndex ? "complete" : index === currentIndex ? "current" : "upcoming";
-    return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("li", { className: `is-${state}`, "aria-current": state === "current" ? "step" : void 0, children: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("button", { type: "button", disabled: item.disabled || !onChange, onClick: () => onChange?.(item.key), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { children: state === "complete" ? "\u2713" : index + 1 }),
-      /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("span", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("strong", { children: item.title }),
-        item.optional && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("small", { children: "\u53EF\u9009" }),
-        item.description && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("small", { children: item.description })
+    return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("li", { className: `is-${state}`, "aria-current": state === "current" ? "step" : void 0, children: /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("button", { type: "button", disabled: item.disabled || !onChange, onClick: () => onChange?.(item.key), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { children: state === "complete" ? "\u2713" : index + 1 }),
+      /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("span", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("strong", { children: item.title }),
+        item.optional && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("small", { children: "\u53EF\u9009" }),
+        item.description && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("small", { children: item.description })
       ] })
     ] }) }, item.key);
   }) });
 }
 
 // src/navigation/CommandPalette.tsx
-var import_react37 = require("react");
+var import_react41 = require("react");
 var import_react_dom4 = require("react-dom");
-var import_jsx_runtime44 = require("react/jsx-runtime");
+var import_jsx_runtime51 = require("react/jsx-runtime");
 function CommandPalette({ open, onOpenChange, items, onSelect, placeholder = "\u8F93\u5165\u547D\u4EE4\u6216\u641C\u7D22\u2026" }) {
-  const [query, setQuery] = (0, import_react37.useState)("");
-  const [active, setActive] = (0, import_react37.useState)(0);
-  const enabled = (0, import_react37.useMemo)(() => items.filter((item) => !item.disabled && `${item.label} ${item.description ?? ""} ${item.group ?? ""}`.toLowerCase().includes(query.toLowerCase())), [items, query]);
+  const [query, setQuery] = (0, import_react41.useState)("");
+  const [active, setActive] = (0, import_react41.useState)(0);
+  const enabled = (0, import_react41.useMemo)(() => items.filter((item) => !item.disabled && `${item.label} ${item.description ?? ""} ${item.group ?? ""}`.toLowerCase().includes(query.toLowerCase())), [items, query]);
   const dialogRef = useDismissibleLayer(open, () => onOpenChange(false), true);
-  (0, import_react37.useEffect)(() => {
+  (0, import_react41.useEffect)(() => {
     if (!open) {
       setQuery("");
       setActive(0);
@@ -2751,39 +3035,39 @@ function CommandPalette({ open, onOpenChange, items, onSelect, placeholder = "\u
     }
   };
   if (!open) return null;
-  return (0, import_react_dom4.createPortal)(/* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "hf-command-backdrop", onMouseDown: (event) => event.target === event.currentTarget && onOpenChange(false), children: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { ref: dialogRef, tabIndex: -1, className: "hf-command", role: "dialog", "aria-modal": "true", "aria-label": "\u547D\u4EE4\u9762\u677F", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "hf-command__search", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { "aria-hidden": "true", children: "\u2315" }),
-      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("input", { autoFocus: true, role: "combobox", "aria-expanded": "true", "aria-controls": "hf-command-list", value: query, placeholder, onChange: (event) => {
+  return (0, import_react_dom4.createPortal)(/* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "hf-command-backdrop", onMouseDown: (event) => event.target === event.currentTarget && onOpenChange(false), children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { ref: dialogRef, tabIndex: -1, className: "hf-command", role: "dialog", "aria-modal": "true", "aria-label": "\u547D\u4EE4\u9762\u677F", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "hf-command__search", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { "aria-hidden": "true", children: "\u2315" }),
+      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("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__ */ (0, import_jsx_runtime44.jsx)("kbd", { children: "Esc" })
+      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("kbd", { children: "Esc" })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { id: "hf-command-list", className: "hf-command__list", role: "listbox", children: [
-      enabled.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("button", { type: "button", role: "option", "aria-selected": index === active, onPointerMove: () => setActive(index), onClick: () => {
+    /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { id: "hf-command-list", className: "hf-command__list", role: "listbox", children: [
+      enabled.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("button", { type: "button", role: "option", "aria-selected": index === active, onPointerMove: () => setActive(index), onClick: () => {
         onSelect(item.key);
         onOpenChange(false);
       }, children: [
         item.icon,
-        /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("span", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("strong", { children: item.label }),
-          item.description && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("small", { children: item.description })
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("span", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("strong", { children: item.label }),
+          item.description && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("small", { children: item.description })
         ] }),
-        item.shortcut && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("kbd", { children: item.shortcut })
+        item.shortcut && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("kbd", { children: item.shortcut })
       ] }, item.key)),
-      !enabled.length && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "hf-command__empty", children: "\u6CA1\u6709\u5339\u914D\u547D\u4EE4" })
+      !enabled.length && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "hf-command__empty", children: "\u6CA1\u6709\u5339\u914D\u547D\u4EE4" })
     ] })
   ] }) }), document.body);
 }
 
 // src/layout/Layout.tsx
-var import_jsx_runtime45 = require("react/jsx-runtime");
+var import_jsx_runtime52 = require("react/jsx-runtime");
 function Container({ size = "lg", padding = 24, className = "", style, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: `hf-container hf-container--${size} ${className}`.trim(), style: { "--hf-container-padding": `${padding}px`, ...style }, ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("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__ */ (0, import_jsx_runtime45.jsx)("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__ */ (0, import_jsx_runtime52.jsx)("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 = {
@@ -2791,7 +3075,7 @@ function Grid({ columns = "auto", minItemWidth = 240, gap = 16, className = "",
     "--hf-grid-gap": `${gap}px`,
     ...style
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: `hf-grid ${className}`.trim(), style: gridStyle, ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: `hf-grid ${className}`.trim(), style: gridStyle, ...props });
 }
 function Masonry({ columns, minColumnWidth = 260, gap = 16, className = "", style, children, ...props }) {
   const masonryStyle = {
@@ -2800,120 +3084,120 @@ function Masonry({ columns, minColumnWidth = 260, gap = 16, className = "", styl
     "--hf-masonry-gap": `${gap}px`,
     ...style
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: `hf-masonry ${className}`.trim(), style: masonryStyle, ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("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__ */ (0, import_jsx_runtime45.jsxs)("div", { className: `hf-page-layout hf-page-layout--${variant} ${className}`.trim(), style: layoutStyle, ...props, children: [
-    header && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("header", { className: "hf-page-layout__header", children: header }),
-    sidebar && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("aside", { className: "hf-page-layout__sidebar", children: sidebar }),
-    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("main", { className: "hf-page-layout__main", children })
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: `hf-page-layout hf-page-layout--${variant} ${className}`.trim(), style: layoutStyle, ...props, children: [
+    header && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("header", { className: "hf-page-layout__header", children: header }),
+    sidebar && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("aside", { className: "hf-page-layout__sidebar", children: sidebar }),
+    /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("main", { className: "hf-page-layout__main", children })
   ] });
 }
 
 // src/layout/Skeleton.tsx
-var import_jsx_runtime46 = require("react/jsx-runtime");
+var import_jsx_runtime53 = require("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__ */ (0, import_jsx_runtime46.jsx)("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__ */ (0, import_jsx_runtime53.jsx)("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
-var import_jsx_runtime47 = require("react/jsx-runtime");
+var import_jsx_runtime54 = require("react/jsx-runtime");
 function Spinner({ label = "\u6B63\u5728\u52A0\u8F7D", size = 20, className = "" }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: `hf-loading-spinner ${className}`.trim(), role: "status", "aria-label": label, style: { "--hf-loading-size": `${size}px` } });
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("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__ */ (0, import_jsx_runtime47.jsxs)("span", { className: "hf-loading-dots", role: "status", "aria-label": label, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("i", {}),
-    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("i", {}),
-    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("i", {})
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("span", { className: "hf-loading-dots", role: "status", "aria-label": label, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("i", {}),
+    /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("i", {}),
+    /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("i", {})
   ] });
 }
 function ProgressBar({ value, label, indeterminate = false, className = "" }) {
   const percent = Math.min(100, Math.max(0, value ?? 0));
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: `hf-progress ${indeterminate ? "is-indeterminate" : ""} ${className}`.trim(), children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "hf-progress__label", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { children: label }),
-      !indeterminate && /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("strong", { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: `hf-progress ${indeterminate ? "is-indeterminate" : ""} ${className}`.trim(), children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "hf-progress__label", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { children: label }),
+      !indeterminate && /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("strong", { children: [
         percent,
         "%"
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "hf-progress__track", role: "progressbar", "aria-valuemin": 0, "aria-valuemax": 100, "aria-valuenow": indeterminate ? void 0 : percent, children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("i", { style: { "--hf-progress": `${percent}%` } }) })
+    /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "hf-progress__track", role: "progressbar", "aria-valuemin": 0, "aria-valuemax": 100, "aria-valuenow": indeterminate ? void 0 : percent, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("i", { style: { "--hf-progress": `${percent}%` } }) })
   ] });
 }
 function ProgressRing({ value, size = 72, label }) {
   const percent = Math.min(100, Math.max(0, value));
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("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__ */ (0, import_jsx_runtime47.jsxs)("strong", { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("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__ */ (0, import_jsx_runtime54.jsxs)("strong", { children: [
     percent,
     "%"
   ] }) });
 }
 function LoadingOverlay({ active = true, label = "\u6B63\u5728\u51C6\u5907\u5185\u5BB9", className = "", children, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: `hf-loading-overlay ${className}`.trim(), "aria-busy": active, ...props, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: `hf-loading-overlay ${className}`.trim(), "aria-busy": active, ...props, children: [
     children,
-    active && /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "hf-loading-overlay__veil", role: "status", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Spinner, { label, size: 28 }),
-      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { children: label })
+    active && /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "hf-loading-overlay__veil", role: "status", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Spinner, { label, size: 28 }),
+      /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { children: label })
     ] })
   ] });
 }
 
 // src/forms/MultiSelect.tsx
-var import_react38 = require("react");
-var import_jsx_runtime48 = require("react/jsx-runtime");
+var import_react42 = require("react");
+var import_jsx_runtime55 = require("react/jsx-runtime");
 function MultiSelect({ label, options, value, onChange, placeholder = "\u8BF7\u9009\u62E9", max, hint, disabled }) {
-  const [open, setOpen] = (0, import_react38.useState)(false);
+  const [open, setOpen] = (0, import_react42.useState)(false);
   const rootRef = useDismissibleLayer(open, () => setOpen(false), { autoFocus: false });
-  const listId = (0, import_react38.useId)();
+  const listId = (0, import_react42.useId)();
   const toggle = (next) => {
     const selected = value.includes(next);
     if (!selected && max && value.length >= max) return;
     onChange(selected ? value.filter((item) => item !== next) : [...value, next]);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "hf-field hf-multiselect", ref: rootRef, children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "hf-field__label", children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("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__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "hf-field hf-multiselect", ref: rootRef, children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { className: "hf-field__label", children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("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__ */ (0, import_jsx_runtime48.jsx)("span", { children: value.length ? value.map((item) => {
+      /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { children: value.length ? value.map((item) => {
         const option = options.find((candidate) => candidate.value === item);
-        return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("i", { children: [
+        return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("i", { children: [
           option?.label,
-          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("button", { type: "button", "aria-label": `\u79FB\u9664 ${String(option?.label)}`, onClick: (event) => {
+          /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("button", { type: "button", "aria-label": `\u79FB\u9664 ${String(option?.label)}`, onClick: (event) => {
             event.stopPropagation();
             toggle(item);
-          }, children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Icon, { name: "close", size: 13 }) })
+          }, children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Icon, { name: "close", size: 13 }) })
         ] }, item);
-      }) : /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("em", { children: placeholder }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Icon, { name: "chevron-down", size: 16, className: "hf-multiselect__chevron" })
+      }) : /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("em", { children: placeholder }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Icon, { name: "chevron-down", size: 16, className: "hf-multiselect__chevron" })
     ] }),
-    open && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { id: listId, className: "hf-multiselect__menu", role: "listbox", "aria-multiselectable": "true", children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("button", { type: "button", role: "option", "aria-selected": value.includes(option.value), disabled: option.disabled, onClick: () => toggle(option.value), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { children: option.label }),
-      /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("i", { children: value.includes(option.value) ? "\u2713" : "" })
+    open && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { id: listId, className: "hf-multiselect__menu", role: "listbox", "aria-multiselectable": "true", children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("button", { type: "button", role: "option", "aria-selected": value.includes(option.value), disabled: option.disabled, onClick: () => toggle(option.value), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { children: option.label }),
+      /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("i", { children: value.includes(option.value) ? "\u2713" : "" })
     ] }, option.value)) }),
-    hint && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "hf-field__hint", children: hint })
+    hint && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { className: "hf-field__hint", children: hint })
   ] });
 }
 
 // src/forms/ChoiceGroup.tsx
-var import_react39 = require("react");
-var import_jsx_runtime49 = require("react/jsx-runtime");
+var import_react43 = require("react");
+var import_jsx_runtime56 = require("react/jsx-runtime");
 function ChoiceGroup({ label, options, value, defaultValue, onChange, type = "radio", direction = "column", disabled, name }) {
-  const id = (0, import_react39.useId)();
+  const id = (0, import_react43.useId)();
   const groupName = name ?? id;
   const values = Array.isArray(value) ? value : value ? [value] : void 0;
   const defaults = Array.isArray(defaultValue) ? defaultValue : defaultValue ? [defaultValue] : [];
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("fieldset", { className: `hf-choice-group hf-choice-group--${direction}`, disabled, children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("legend", { children: label }),
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("fieldset", { className: `hf-choice-group hf-choice-group--${direction}`, disabled, children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("legend", { children: label }),
     options.map((option) => {
       const checked = values?.includes(option.value);
-      return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("label", { className: "hf-choice", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("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__ */ (0, import_jsx_runtime56.jsxs)("label", { className: "hf-choice", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("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);
@@ -2921,37 +3205,37 @@ function ChoiceGroup({ label, options, value, defaultValue, onChange, type = "ra
             onChange?.([...next]);
           }
         } }),
-        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: "hf-choice__control", "aria-hidden": "true" }),
-        /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("span", { className: "hf-choice__copy", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("strong", { children: option.label }),
-          option.description && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("small", { children: option.description })
+        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "hf-choice__control", "aria-hidden": "true" }),
+        /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("span", { className: "hf-choice__copy", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("strong", { children: option.label }),
+          option.description && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("small", { children: option.description })
         ] })
       ] }, option.value);
     })
   ] });
 }
 function RadioGroup(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(ChoiceGroup, { ...props, type: "radio", onChange: (next) => props.onChange?.(next) });
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(ChoiceGroup, { ...props, type: "radio", onChange: (next) => props.onChange?.(next) });
 }
 function CheckboxGroup(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(ChoiceGroup, { ...props, type: "checkbox", onChange: (next) => props.onChange?.(next) });
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(ChoiceGroup, { ...props, type: "checkbox", onChange: (next) => props.onChange?.(next) });
 }
 
 // src/forms/ValidatedInput.tsx
-var import_react40 = require("react");
-var import_jsx_runtime50 = require("react/jsx-runtime");
+var import_react44 = require("react");
+var import_jsx_runtime57 = require("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] = (0, import_react40.useState)(false);
+  const [touched, setTouched] = (0, import_react44.useState)(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__ */ (0, import_jsx_runtime50.jsx)(Input, { ...props, value, error, onChange: (event) => update(event.target.value), onBlur: () => setTouched(true) });
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Input, { ...props, value, error, onChange: (event) => update(event.target.value), onBlur: () => setTouched(true) });
 }
 function validateForm(event) {
   if (!event.currentTarget.checkValidity()) {
@@ -2963,26 +3247,26 @@ function validateForm(event) {
 }
 
 // src/forms/Textarea.tsx
-var import_react41 = require("react");
-var import_jsx_runtime51 = require("react/jsx-runtime");
-var Textarea = (0, import_react41.forwardRef)(function Textarea2({ label, hint, error, resize = "vertical", id, className = "", ...props }, ref) {
-  const generated = (0, import_react41.useId)();
+var import_react45 = require("react");
+var import_jsx_runtime58 = require("react/jsx-runtime");
+var Textarea = (0, import_react45.forwardRef)(function Textarea2({ label, hint, error, resize = "vertical", id, className = "", ...props }, ref) {
+  const generated = (0, import_react45.useId)();
   const fieldId = id ?? generated;
   const message = error ?? hint;
   const messageId = message ? `${fieldId}-message` : void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("label", { className: "hf-field", htmlFor: fieldId, children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "hf-field__label", children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("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__ */ (0, import_jsx_runtime51.jsx)("span", { id: messageId, className: `hf-field__hint${error ? " hf-field__hint--error" : ""}`, children: message })
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("label", { className: "hf-field", htmlFor: fieldId, children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "hf-field__label", children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("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__ */ (0, import_jsx_runtime58.jsx)("span", { id: messageId, className: `hf-field__hint${error ? " hf-field__hint--error" : ""}`, children: message })
   ] });
 });
 
 // src/forms/Choice.tsx
-var import_react42 = require("react");
-var import_jsx_runtime52 = require("react/jsx-runtime");
-var Checkbox = (0, import_react42.forwardRef)(function Checkbox2({ label, description, indeterminate, className = "", ...props }, forwardedRef) {
-  const local = (0, import_react42.useRef)(null);
-  (0, import_react42.useEffect)(() => {
+var import_react46 = require("react");
+var import_jsx_runtime59 = require("react/jsx-runtime");
+var Checkbox = (0, import_react46.forwardRef)(function Checkbox2({ label, description, indeterminate, className = "", ...props }, forwardedRef) {
+  const local = (0, import_react46.useRef)(null);
+  (0, import_react46.useEffect)(() => {
     if (local.current) local.current.indeterminate = Boolean(indeterminate);
   }, [indeterminate]);
   const setRef = (node) => {
@@ -2990,76 +3274,76 @@ var Checkbox = (0, import_react42.forwardRef)(function Checkbox2({ label, descri
     if (typeof forwardedRef === "function") forwardedRef(node);
     else if (forwardedRef) forwardedRef.current = node;
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("label", { className: `hf-choice-control ${className}`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("input", { ref: setRef, type: "checkbox", ...props }),
-    /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "hf-choice-control__mark", children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(IconCheck, {}) }),
-    /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("span", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("strong", { children: label }),
-      description && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("small", { children: description })
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("label", { className: `hf-choice-control ${className}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("input", { ref: setRef, type: "checkbox", ...props }),
+    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: "hf-choice-control__mark", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(IconCheck, {}) }),
+    /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("span", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("strong", { children: label }),
+      description && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("small", { children: description })
     ] })
   ] });
 });
-var Radio = (0, import_react42.forwardRef)(function Radio2({ label, description, className = "", ...props }, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("label", { className: `hf-choice-control hf-choice-control--radio ${className}`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("input", { ref, type: "radio", ...props }),
-    /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "hf-choice-control__mark", children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("i", {}) }),
-    /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("span", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("strong", { children: label }),
-      description && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("small", { children: description })
+var Radio = (0, import_react46.forwardRef)(function Radio2({ label, description, className = "", ...props }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("label", { className: `hf-choice-control hf-choice-control--radio ${className}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("input", { ref, type: "radio", ...props }),
+    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: "hf-choice-control__mark", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("i", {}) }),
+    /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("span", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("strong", { children: label }),
+      description && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("small", { children: description })
     ] })
   ] });
 });
 function IconCheck() {
-  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("svg", { viewBox: "0 0 16 16", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("path", { d: "m3.5 8 3 3 6-6" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("svg", { viewBox: "0 0 16 16", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("path", { d: "m3.5 8 3 3 6-6" }) });
 }
 
 // src/forms/Advanced.tsx
-var import_react43 = require("react");
-var import_jsx_runtime53 = require("react/jsx-runtime");
+var import_react47 = require("react");
+var import_jsx_runtime60 = require("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] = (0, import_react43.useState)(new Date(initial.getFullYear(), initial.getMonth(), 1));
+  const [view, setView] = (0, import_react47.useState)(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__ */ (0, import_jsx_runtime53.jsxs)("div", { className: `hf-calendar ${className}`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("header", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: `hf-calendar ${className}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("header", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
         "button",
         {
           type: "button",
           "aria-label": "\u4E0A\u4E2A\u6708",
           onClick: () => setView(new Date(view.getFullYear(), view.getMonth() - 1, 1)),
-          children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Icon, { name: "chevron-down", className: "hf-calendar__prev" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Icon, { name: "chevron-down", className: "hf-calendar__prev" })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("strong", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("strong", { children: [
         view.getFullYear(),
         " \u5E74 ",
         view.getMonth() + 1,
         " \u6708"
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
         "button",
         {
           type: "button",
           "aria-label": "\u4E0B\u4E2A\u6708",
           onClick: () => setView(new Date(view.getFullYear(), view.getMonth() + 1, 1)),
-          children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Icon, { name: "chevron-down", className: "hf-calendar__next" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Icon, { name: "chevron-down", className: "hf-calendar__next" })
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "hf-calendar__week", children: "\u65E5\u4E00\u4E8C\u4E09\u56DB\u4E94\u516D".split("").map((day2) => /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { children: day2 }, day2)) }),
-    /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "hf-calendar__days", children: cells.map((day2, index) => {
-      if (day2 < 1 || day2 > days) return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", {}, index);
+    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "hf-calendar__week", children: "\u65E5\u4E00\u4E8C\u4E09\u56DB\u4E94\u516D".split("").map((day2) => /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { children: day2 }, day2)) }),
+    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "hf-calendar__days", children: cells.map((day2, index) => {
+      if (day2 < 1 || day2 > days) return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("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__ */ (0, import_jsx_runtime53.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
         "button",
         {
           type: "button",
@@ -3083,13 +3367,13 @@ function DatePicker({
   max,
   error
 }) {
-  const [open, setOpen] = (0, import_react43.useState)(false);
+  const [open, setOpen] = (0, import_react47.useState)(false);
   const rootRef = useDismissibleLayer(open, () => setOpen(false), {
     autoFocus: false
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { ref: rootRef, className: "hf-field hf-date-picker", children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "hf-field__label", children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { ref: rootRef, className: "hf-field hf-date-picker", children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "hf-field__label", children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
       "button",
       {
         type: "button",
@@ -3097,12 +3381,12 @@ function DatePicker({
         "aria-expanded": open,
         onClick: () => setOpen(!open),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: value ? "" : "is-placeholder", children: value || placeholder }),
-          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Icon, { name: "chevron-down", size: 16 })
+          /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: value ? "" : "is-placeholder", children: value || placeholder }),
+          /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Icon, { name: "chevron-down", size: 16 })
         ]
       }
     ),
-    open && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "hf-date-picker__panel", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+    open && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "hf-date-picker__panel", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
       Calendar,
       {
         value,
@@ -3114,11 +3398,11 @@ function DatePicker({
         }
       }
     ) }),
-    error && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "hf-field__hint hf-field__hint--error", children: error })
+    error && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "hf-field__hint hf-field__hint--error", children: error })
   ] });
 }
 function TimePicker({ label, value, onChange, step = 30 }) {
-  const [open, setOpen] = (0, import_react43.useState)(false);
+  const [open, setOpen] = (0, import_react47.useState)(false);
   const rootRef = useDismissibleLayer(open, () => setOpen(false), {
     autoFocus: false
   });
@@ -3126,9 +3410,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__ */ (0, import_jsx_runtime53.jsxs)("div", { ref: rootRef, className: "hf-field hf-time-picker", children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "hf-field__label", children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { ref: rootRef, className: "hf-field hf-time-picker", children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "hf-field__label", children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
       "button",
       {
         type: "button",
@@ -3136,12 +3420,12 @@ function TimePicker({ label, value, onChange, step = 30 }) {
         "aria-expanded": open,
         onClick: () => setOpen(!open),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: value ? "" : "is-placeholder", children: value || "\u9009\u62E9\u65F6\u95F4" }),
-          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Icon, { name: "chevron-down", size: 16 })
+          /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: value ? "" : "is-placeholder", children: value || "\u9009\u62E9\u65F6\u95F4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Icon, { name: "chevron-down", size: 16 })
         ]
       }
     ),
-    open && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "hf-time-picker__panel", role: "listbox", children: times.map((time) => /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+    open && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "hf-time-picker__panel", role: "listbox", children: times.map((time) => /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
       "button",
       {
         type: "button",
@@ -3168,12 +3452,12 @@ function Slider({
   ...props
 }) {
   const percent = (value - Number(min)) / (Number(max) - Number(min)) * 100;
-  return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("label", { className: "hf-slider", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("span", { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("label", { className: "hf-slider", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("span", { children: [
       label,
-      showValue && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("strong", { children: value })
+      showValue && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("strong", { children: value })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
       "input",
       {
         type: "range",
@@ -3190,9 +3474,9 @@ function Slider({
 }
 
 // src/forms/Form.tsx
-var import_react44 = require("react");
-var import_jsx_runtime54 = require("react/jsx-runtime");
-var FormContext = (0, import_react44.createContext)({});
+var import_react48 = require("react");
+var import_jsx_runtime61 = require("react/jsx-runtime");
+var FormContext = (0, import_react48.createContext)({});
 function Form({
   layout = "vertical",
   disabled,
@@ -3200,13 +3484,13 @@ function Form({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(FormContext.Provider, { value: { disabled }, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(FormContext.Provider, { value: { disabled }, children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
     "form",
     {
       className: `hf-form hf-form--${layout} ${className}`.trim(),
       "aria-disabled": disabled || void 0,
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("fieldset", { className: "hf-form__fieldset", disabled, children })
+      children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("fieldset", { className: "hf-form__fieldset", disabled, children })
     }
   ) });
 }
@@ -3219,21 +3503,21 @@ function FormItem({
   className = "",
   ...props
 }) {
-  const { disabled } = (0, import_react44.useContext)(FormContext);
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
+  const { disabled } = (0, import_react48.useContext)(FormContext);
+  return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
     "div",
     {
       className: `hf-form-item${error ? " is-error" : ""} ${className}`.trim(),
       "aria-disabled": disabled || void 0,
       ...props,
       children: [
-        label && /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "hf-form-item__label", children: [
+        label && /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "hf-form-item__label", children: [
           label,
-          required && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { "aria-hidden": "true", children: "*" })
+          required && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { "aria-hidden": "true", children: "*" })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { children: [
           children,
-          (error || hint) && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("small", { className: error ? "is-error" : "", children: error || hint })
+          (error || hint) && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("small", { className: error ? "is-error" : "", children: error || hint })
         ] })
       ]
     }
@@ -3241,8 +3525,8 @@ function FormItem({
 }
 
 // src/forms/Upload.tsx
-var import_react45 = require("react");
-var import_jsx_runtime55 = require("react/jsx-runtime");
+var import_react49 = require("react");
+var import_jsx_runtime62 = require("react/jsx-runtime");
 function formatFileSize(bytes) {
   if (bytes >= 1024 * 1024) {
     const megabytes = bytes / (1024 * 1024);
@@ -3301,10 +3585,10 @@ function Upload({
   hint,
   disabled
 }) {
-  const id = (0, import_react45.useId)();
-  const ref = (0, import_react45.useRef)(null);
-  const [dragging, setDragging] = (0, import_react45.useState)(false);
-  const [rejections, setRejections] = (0, import_react45.useState)([]);
+  const id = (0, import_react49.useId)();
+  const ref = (0, import_react49.useRef)(null);
+  const [dragging, setDragging] = (0, import_react49.useState)(false);
+  const [rejections, setRejections] = (0, import_react49.useState)([]);
   const takeFiles = (list) => {
     const result = validateUploadFiles(Array.from(list ?? []), {
       accept,
@@ -3315,8 +3599,8 @@ function Upload({
     onFiles(result.accepted);
     if (result.rejected.length) onReject?.(result.rejected);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "hf-upload", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "hf-upload", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
       "input",
       {
         ref,
@@ -3328,7 +3612,7 @@ function Upload({
         onChange: (event) => takeFiles(event.target.files)
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
       "button",
       {
         type: "button",
@@ -3346,32 +3630,32 @@ function Upload({
           if (!disabled) takeFiles(event.dataTransfer.files);
         },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Icon, { name: "inbox", size: 24 }),
-          /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("strong", { children: label }),
-          /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { children: "\u62D6\u653E\u5230\u8FD9\u91CC\uFF0C\u6216\u70B9\u51FB\u9009\u62E9" })
+          /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Icon, { name: "inbox", size: 24 }),
+          /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("strong", { children: label }),
+          /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { children: "\u62D6\u653E\u5230\u8FD9\u91CC\uFF0C\u6216\u70B9\u51FB\u9009\u62E9" })
         ]
       }
     ),
-    rejections.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "hf-upload__errors", role: "alert", children: rejections.map(({ file, reason, message }, index) => /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("span", { children: [
+    rejections.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "hf-upload__errors", role: "alert", children: rejections.map(({ file, reason, message }, index) => /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("span", { children: [
       file.name,
       "\uFF1A",
       message
     ] }, `${file.name}-${reason}-${index}`)) }),
-    hint && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("small", { children: hint })
+    hint && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("small", { children: hint })
   ] });
 }
 
 // src/forms/Combobox.tsx
-var import_react46 = require("react");
-var import_jsx_runtime56 = require("react/jsx-runtime");
+var import_react50 = require("react");
+var import_jsx_runtime63 = require("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 = (0, import_react46.useId)();
-  const [open, setOpen] = (0, import_react46.useState)(false);
+  const id = (0, import_react50.useId)();
+  const [open, setOpen] = (0, import_react50.useState)(false);
   const root = useDismissibleLayer(open, () => setOpen(false), { autoFocus: false });
-  const [query, setQuery] = (0, import_react46.useState)("");
-  const [active, setActive] = (0, import_react46.useState)(0);
+  const [query, setQuery] = (0, import_react50.useState)("");
+  const [active, setActive] = (0, import_react50.useState)(0);
   const selected = options.find((item) => item.value === value);
-  const filtered = (0, import_react46.useMemo)(() => options.filter((item) => `${typeof item.label === "string" ? item.label : item.value} ${item.keywords ?? ""}`.toLowerCase().includes(query.toLowerCase())), [options, query]);
+  const filtered = (0, import_react50.useMemo)(() => 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("");
@@ -3388,51 +3672,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__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "hf-field hf-combobox", ref: root, children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("label", { className: "hf-field__label", htmlFor: id, children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: `hf-combobox__control${open ? " is-open" : ""}${error ? " is-error" : ""}`, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("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__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "hf-field hf-combobox", ref: root, children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("label", { className: "hf-field__label", htmlFor: id, children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: `hf-combobox__control${open ? " is-open" : ""}${error ? " is-error" : ""}`, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("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__ */ (0, import_jsx_runtime56.jsx)("button", { type: "button", "aria-label": open ? "\u5173\u95ED\u9009\u9879" : "\u6253\u5F00\u9009\u9879", disabled, onClick: () => setOpen((current) => !current), children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Icon, { name: "chevron-down", size: 16 }) })
+      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("button", { type: "button", "aria-label": open ? "\u5173\u95ED\u9009\u9879" : "\u6253\u5F00\u9009\u9879", disabled, onClick: () => setOpen((current) => !current), children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Icon, { name: "chevron-down", size: 16 }) })
     ] }),
-    open && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { id: `${id}-listbox`, className: "hf-combobox__menu", role: "listbox", children: filtered.length ? filtered.map((option, index) => /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("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__ */ (0, import_jsx_runtime56.jsx)("span", { children: option.label }),
-      option.value === value && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { "aria-hidden": "true", children: "\u2713" })
-    ] }, option.value)) : /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "hf-combobox__empty", children: emptyText }) }),
-    (error || hint) && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: `hf-field__hint${error ? " hf-field__hint--error" : ""}`, children: error ?? hint })
+    open && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { id: `${id}-listbox`, className: "hf-combobox__menu", role: "listbox", children: filtered.length ? filtered.map((option, index) => /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("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__ */ (0, import_jsx_runtime63.jsx)("span", { children: option.label }),
+      option.value === value && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { "aria-hidden": "true", children: "\u2713" })
+    ] }, option.value)) : /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "hf-combobox__empty", children: emptyText }) }),
+    (error || hint) && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { className: `hf-field__hint${error ? " hf-field__hint--error" : ""}`, children: error ?? hint })
   ] });
 }
 
 // src/forms/NumberInput.tsx
-var import_react47 = require("react");
-var import_jsx_runtime57 = require("react/jsx-runtime");
+var import_react51 = require("react");
+var import_jsx_runtime64 = require("react/jsx-runtime");
 function NumberInput({ label, value, onChange, min, max, step = 1, prefix, suffix, hint, error, disabled }) {
-  const id = (0, import_react47.useId)();
-  const clamp = (next) => Math.min(max ?? Infinity, Math.max(min ?? -Infinity, next));
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "hf-field hf-number-input", children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("label", { className: "hf-field__label", htmlFor: id, children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: `hf-number-input__control${error ? " is-error" : ""}`, children: [
-      prefix && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { children: prefix }),
-      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("input", { id, type: "number", value, min, max, step, disabled, "aria-invalid": Boolean(error), onChange: (event) => {
+  const id = (0, import_react51.useId)();
+  const clamp2 = (next) => Math.min(max ?? Infinity, Math.max(min ?? -Infinity, next));
+  return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "hf-field hf-number-input", children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("label", { className: "hf-field__label", htmlFor: id, children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: `hf-number-input__control${error ? " is-error" : ""}`, children: [
+      prefix && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { children: prefix }),
+      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("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__ */ (0, import_jsx_runtime57.jsxs)("div", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("button", { type: "button", disabled: disabled || max !== void 0 && value >= max, "aria-label": "\u589E\u52A0", onClick: () => onChange(clamp(value + step)), children: "\uFF0B" }),
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("button", { type: "button", disabled: disabled || min !== void 0 && value <= min, "aria-label": "\u51CF\u5C11", onClick: () => onChange(clamp(value - step)), children: "\u2212" })
+      /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("button", { type: "button", disabled: disabled || max !== void 0 && value >= max, "aria-label": "\u589E\u52A0", onClick: () => onChange(clamp2(value + step)), children: "\uFF0B" }),
+        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("button", { type: "button", disabled: disabled || min !== void 0 && value <= min, "aria-label": "\u51CF\u5C11", onClick: () => onChange(clamp2(value - step)), children: "\u2212" })
       ] }),
-      suffix && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { children: suffix })
+      suffix && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { children: suffix })
     ] }),
-    (error || hint) && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: `hf-field__hint${error ? " hf-field__hint--error" : ""}`, children: error ?? hint })
+    (error || hint) && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: `hf-field__hint${error ? " hf-field__hint--error" : ""}`, children: error ?? hint })
   ] });
 }
 
 // src/forms/NextBatch.tsx
-var import_react48 = require("react");
-var import_jsx_runtime58 = require("react/jsx-runtime");
+var import_react52 = require("react");
+var import_jsx_runtime65 = require("react/jsx-runtime");
 function Cascader({ options, value = [], onChange, label }) {
   const levels = [options];
   let current = options;
@@ -3442,44 +3726,44 @@ function Cascader({ options, value = [], onChange, label }) {
     levels.push(next);
     current = next;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "hf-field hf-cascader", children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "hf-field__label", children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { children: levels.map((items, level) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(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__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "hf-field hf-cascader", children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: "hf-field__label", children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { children: levels.map((items, level) => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(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] = (0, import_react48.useState)(false);
+  const [open, setOpen] = (0, import_react52.useState)(false);
   const flatten = (nodes, depth = 0) => nodes.flatMap((node) => [{ node, depth }, ...flatten(node.children ?? [], depth + 1)]);
   const all = flatten(options);
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "hf-field hf-tree-select", children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "hf-field__label", children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("button", { type: "button", className: "hf-picker-trigger", "aria-expanded": open, onClick: () => setOpen(!open), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { children: all.find((item) => item.node.key === value)?.node.label ?? placeholder }),
-      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Icon, { className: "hf-picker-trigger__chevron", name: "chevron-down", size: 16 })
+  return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "hf-field hf-tree-select", children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: "hf-field__label", children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("button", { type: "button", className: "hf-picker-trigger", "aria-expanded": open, onClick: () => setOpen(!open), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { children: all.find((item) => item.node.key === value)?.node.label ?? placeholder }),
+      /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Icon, { className: "hf-picker-trigger__chevron", name: "chevron-down", size: 16 })
     ] }),
-    open && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { role: "listbox", children: all.map(({ node, depth }) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("button", { type: "button", role: "option", "aria-selected": node.key === value, disabled: node.disabled, style: { paddingLeft: 12 + depth * 18 }, onClick: () => {
+    open && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { role: "listbox", children: all.map(({ node, depth }) => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("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] = (0, import_react48.useState)([]);
-  const pane = (selected) => /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("section", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("strong", { children: titles[selected ? 1 : 0] }),
-    items.filter((item) => value.includes(item.key) === selected).map((item) => /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("label", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("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] = (0, import_react52.useState)([]);
+  const pane = (selected) => /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("section", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("strong", { children: titles[selected ? 1 : 0] }),
+    items.filter((item) => value.includes(item.key) === selected).map((item) => /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("label", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("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__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "hf-transfer", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "hf-transfer", children: [
     pane(false),
-    /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("button", { type: "button", "aria-label": "\u79FB\u81F3\u5DF2\u9009\u62E9", onClick: () => {
+    /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("button", { type: "button", "aria-label": "\u79FB\u81F3\u5DF2\u9009\u62E9", onClick: () => {
         onChange([.../* @__PURE__ */ new Set([...value, ...marked])]);
         setMarked([]);
       }, children: "\u2192" }),
-      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("button", { type: "button", "aria-label": "\u79FB\u56DE\u53EF\u9009\u9879", onClick: () => {
+      /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("button", { type: "button", "aria-label": "\u79FB\u56DE\u53EF\u9009\u9879", onClick: () => {
         onChange(value.filter((key) => !marked.includes(key)));
         setMarked([]);
       }, children: "\u2190" })
@@ -3488,108 +3772,108 @@ function Transfer({ items, value, onChange, titles = ["\u53EF\u9009\u9879", "\u5
   ] });
 }
 function DateRangePicker({ label, value, onChange, min, max }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "hf-field hf-date-range", children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "hf-field__label", children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("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__ */ (0, import_jsx_runtime58.jsx)("span", { children: "\u81F3" }),
-      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("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__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "hf-field hf-date-range", children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: "hf-field__label", children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("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__ */ (0, import_jsx_runtime65.jsx)("span", { children: "\u81F3" }),
+      /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("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] = (0, import_react48.useState)(String(props.defaultValue ?? props.value ?? ""));
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("form", { className: "hf-search-input", role: "search", onSubmit: (event) => {
+  const [value, setValue] = (0, import_react52.useState)(String(props.defaultValue ?? props.value ?? ""));
+  return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("form", { className: "hf-search-input", role: "search", onSubmit: (event) => {
     event.preventDefault();
     onSearch(value);
   }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { "aria-hidden": "true", children: "\u2315" }),
-    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("input", { ...props, value, onChange: (event) => {
+    /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { "aria-hidden": "true", children: "\u2315" }),
+    /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("input", { ...props, value, onChange: (event) => {
       setValue(event.target.value);
       props.onChange?.(event);
     } }),
-    clearable && value && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("button", { type: "button", "aria-label": "\u6E05\u9664\u641C\u7D22", onClick: () => setValue(""), children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Icon, { name: "close", size: 14 }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("button", { type: "submit", disabled: loading, children: loading ? "\u641C\u7D22\u4E2D" : "\u641C\u7D22" })
+    clearable && value && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("button", { type: "button", "aria-label": "\u6E05\u9664\u641C\u7D22", onClick: () => setValue(""), children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Icon, { name: "close", size: 14 }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("button", { type: "submit", disabled: loading, children: loading ? "\u641C\u7D22\u4E2D" : "\u641C\u7D22" })
   ] });
 }
 
 // src/feedback/Drawer.tsx
-var import_react49 = require("react");
+var import_react53 = require("react");
 var import_react_dom5 = require("react-dom");
-var import_jsx_runtime59 = require("react/jsx-runtime");
+var import_jsx_runtime66 = require("react/jsx-runtime");
 function Drawer({ open, title, children, onClose, footer, side = "right", size = "md" }) {
-  const titleId = (0, import_react49.useId)();
+  const titleId = (0, import_react53.useId)();
   const drawerRef = useDismissibleLayer(open, onClose, true);
   if (!open) return null;
-  return (0, import_react_dom5.createPortal)(/* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "hf-drawer-backdrop", onMouseDown: (event) => event.target === event.currentTarget && onClose(), children: /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { ref: drawerRef, className: `hf-drawer hf-drawer--${side} hf-drawer--${size}`, role: "dialog", "aria-modal": "true", "aria-labelledby": titleId, tabIndex: -1, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("header", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("h2", { id: titleId, children: title }),
-      /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Button, { variant: "quiet", size: "sm", iconOnly: true, leadingIcon: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Icon, { name: "close", size: 16 }), onClick: onClose, "aria-label": "\u5173\u95ED\u62BD\u5C49" })
+  return (0, import_react_dom5.createPortal)(/* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "hf-drawer-backdrop", onMouseDown: (event) => event.target === event.currentTarget && onClose(), children: /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { ref: drawerRef, className: `hf-drawer hf-drawer--${side} hf-drawer--${size}`, role: "dialog", "aria-modal": "true", "aria-labelledby": titleId, tabIndex: -1, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("header", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("h2", { id: titleId, children: title }),
+      /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Button, { variant: "quiet", size: "sm", iconOnly: true, leadingIcon: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Icon, { name: "close", size: 16 }), onClick: onClose, "aria-label": "\u5173\u95ED\u62BD\u5C49" })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "hf-drawer__body", children }),
-    footer && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("footer", { children: footer })
+    /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "hf-drawer__body", children }),
+    footer && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("footer", { children: footer })
   ] }) }), document.body);
 }
 
 // src/feedback/Popover.tsx
-var import_react50 = require("react");
-var import_jsx_runtime60 = require("react/jsx-runtime");
+var import_react54 = require("react");
+var import_jsx_runtime67 = require("react/jsx-runtime");
 function Popover({ trigger, children, open, defaultOpen = false, onOpenChange, placement = "bottom", label = "\u66F4\u591A\u5185\u5BB9" }) {
-  const [innerOpen, setInnerOpen] = (0, import_react50.useState)(defaultOpen);
+  const [innerOpen, setInnerOpen] = (0, import_react54.useState)(defaultOpen);
   const controlled = open !== void 0;
   const visible = controlled ? open : innerOpen;
-  const contentId = (0, import_react50.useId)();
+  const contentId = (0, import_react54.useId)();
   const update = (next) => {
     if (!controlled) setInnerOpen(next);
     onOpenChange?.(next);
   };
   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__ */ (0, import_jsx_runtime60.jsxs)("span", { className: "hf-popover", ref: rootRef, children: [
-    (0, import_react50.isValidElement)(trigger) && (0, import_react50.cloneElement)(trigger, triggerProps),
-    visible && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { id: contentId, role: "dialog", "aria-label": label, className: `hf-popover__content hf-popover__content--${placement}`, children })
+  return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("span", { className: "hf-popover", ref: rootRef, children: [
+    (0, import_react54.isValidElement)(trigger) && (0, import_react54.cloneElement)(trigger, triggerProps),
+    visible && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("span", { id: contentId, role: "dialog", "aria-label": label, className: `hf-popover__content hf-popover__content--${placement}`, children })
   ] });
 }
 
 // src/feedback/Status.tsx
-var import_react51 = require("react");
-var import_jsx_runtime61 = require("react/jsx-runtime");
+var import_react55 = require("react");
+var import_jsx_runtime68 = require("react/jsx-runtime");
 function Tooltip({ content, children, placement = "top" }) {
-  const [open, setOpen] = (0, import_react51.useState)(false);
-  const id = (0, import_react51.useId)();
-  const trigger = (0, import_react51.cloneElement)(children, { "aria-describedby": open ? id : void 0 });
-  return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("span", { className: "hf-tooltip", onMouseEnter: () => setOpen(true), onMouseLeave: () => setOpen(false), onFocus: () => setOpen(true), onBlur: () => setOpen(false), children: [
+  const [open, setOpen] = (0, import_react55.useState)(false);
+  const id = (0, import_react55.useId)();
+  const trigger = (0, import_react55.cloneElement)(children, { "aria-describedby": open ? id : void 0 });
+  return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("span", { className: "hf-tooltip", onMouseEnter: () => setOpen(true), onMouseLeave: () => setOpen(false), onFocus: () => setOpen(true), onBlur: () => setOpen(false), children: [
     trigger,
-    open && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { id, role: "tooltip", className: `hf-tooltip__bubble hf-tooltip__bubble--${placement}`, children: content })
+    open && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("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__ */ (0, import_jsx_runtime61.jsxs)("div", { className: `hf-alert hf-alert--${tone}`, role: tone === "danger" ? "alert" : "status", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Icon, { name: icon[tone] }),
-    /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("strong", { children: title }),
-      children && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { children }),
-      action && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "hf-alert__action", children: action })
+  return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: `hf-alert hf-alert--${tone}`, role: tone === "danger" ? "alert" : "status", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(Icon, { name: icon[tone] }),
+    /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("strong", { children: title }),
+      children && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { children }),
+      action && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "hf-alert__action", children: action })
     ] }),
-    onClose && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("button", { type: "button", onClick: onClose, "aria-label": "\u5173\u95ED\u63D0\u793A", children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Icon, { name: "close", size: 16 }) })
+    onClose && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("button", { type: "button", onClick: onClose, "aria-label": "\u5173\u95ED\u63D0\u793A", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(Icon, { name: "close", size: 16 }) })
   ] });
 }
 
 // src/feedback/Essentials.tsx
-var import_react52 = require("react");
-var import_jsx_runtime62 = require("react/jsx-runtime");
+var import_react56 = require("react");
+var import_jsx_runtime69 = require("react/jsx-runtime");
 function Popconfirm({ trigger, title, description, confirmText = "\u786E\u8BA4", cancelText = "\u53D6\u6D88", tone = "primary", onConfirm }) {
-  const [open, setOpen] = (0, import_react52.useState)(false);
+  const [open, setOpen] = (0, import_react56.useState)(false);
   const root = useDismissibleLayer(open, () => setOpen(false), { autoFocus: false });
-  return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("span", { className: "hf-popconfirm", ref: root, children: [
-    (0, import_react52.isValidElement)(trigger) && (0, import_react52.cloneElement)(trigger, { onClick: () => setOpen(true), "aria-expanded": open }),
-    open && /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { role: "alertdialog", "aria-modal": "false", className: "hf-popconfirm__panel", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("strong", { children: title }),
-      description && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("p", { children: description }),
-      /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Button, { size: "sm", variant: "quiet", onClick: () => setOpen(false), children: cancelText }),
-        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Button, { size: "sm", variant: tone === "danger" ? "danger" : "primary", onClick: () => {
+  return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("span", { className: "hf-popconfirm", ref: root, children: [
+    (0, import_react56.isValidElement)(trigger) && (0, import_react56.cloneElement)(trigger, { onClick: () => setOpen(true), "aria-expanded": open }),
+    open && /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { role: "alertdialog", "aria-modal": "false", className: "hf-popconfirm__panel", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("strong", { children: title }),
+      description && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("p", { children: description }),
+      /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(Button, { size: "sm", variant: "quiet", onClick: () => setOpen(false), children: cancelText }),
+        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(Button, { size: "sm", variant: tone === "danger" ? "danger" : "primary", onClick: () => {
           onConfirm();
           setOpen(false);
         }, children: confirmText })
@@ -3599,82 +3883,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__ */ (0, import_jsx_runtime62.jsxs)("article", { className: `hf-notification hf-notification--${tone}${unread ? " is-unread" : ""}`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "hf-notification__icon", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Icon, { name: icons[tone], size: 18 }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("header", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("strong", { children: title }),
-        time && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("time", { children: time })
+  return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("article", { className: `hf-notification hf-notification--${tone}${unread ? " is-unread" : ""}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { className: "hf-notification__icon", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(Icon, { name: icons[tone], size: 18 }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("header", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("strong", { children: title }),
+        time && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("time", { children: time })
       ] }),
-      children && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("p", { children }),
-      action && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "hf-notification__action", children: action })
+      children && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("p", { children }),
+      action && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "hf-notification__action", children: action })
     ] }),
-    onClose && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("button", { type: "button", "aria-label": "\u5173\u95ED\u901A\u77E5", onClick: onClose, children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Icon, { name: "close", size: 15 }) })
+    onClose && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("button", { type: "button", "aria-label": "\u5173\u95ED\u901A\u77E5", onClick: onClose, children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(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__ */ (0, import_jsx_runtime62.jsxs)("section", { className: `hf-result hf-result--${status}`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "hf-result__icon", "aria-hidden": "true", children: icon }),
-    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("h2", { children: title }),
-    description && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("p", { children: description }),
-    actions && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "hf-result__actions", children: actions }),
-    extra && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "hf-result__extra", children: extra })
+  return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("section", { className: `hf-result hf-result--${status}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { className: "hf-result__icon", "aria-hidden": "true", children: icon }),
+    /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("h2", { children: title }),
+    description && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("p", { children: description }),
+    actions && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "hf-result__actions", children: actions }),
+    extra && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "hf-result__extra", children: extra })
   ] });
 }
 
 // src/data-display/DataDisplay.tsx
-var import_jsx_runtime63 = require("react/jsx-runtime");
+var import_jsx_runtime70 = require("react/jsx-runtime");
 function StatisticCard({ label, value, trend, icon, tone = "blue", className = "", ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("article", { className: `hf-stat hf-stat--${tone} ${className}`.trim(), ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "hf-stat__top", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { children: label }),
-      icon && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("i", { children: icon })
+  return /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("article", { className: `hf-stat hf-stat--${tone} ${className}`.trim(), ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: "hf-stat__top", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("span", { children: label }),
+      icon && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("i", { children: icon })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("strong", { children: value }),
-    trend && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("small", { children: trend }),
-    /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { className: "hf-stat__glow", "aria-hidden": "true" })
+    /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("strong", { children: value }),
+    trend && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("small", { children: trend }),
+    /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("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__ */ (0, import_jsx_runtime63.jsxs)("div", { className: `hf-progress hf-progress--${size} hf-progress--${tone} ${className}`.trim(), ...props, children: [
-    (label || showValue) && /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "hf-progress__meta", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { children: label }),
-      showValue && /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("strong", { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: `hf-progress hf-progress--${size} hf-progress--${tone} ${className}`.trim(), ...props, children: [
+    (label || showValue) && /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: "hf-progress__meta", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("span", { children: label }),
+      showValue && /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("strong", { children: [
         Math.round(percent),
         "%"
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "hf-progress__track", role: "progressbar", "aria-valuemin": 0, "aria-valuemax": max, "aria-valuenow": value, children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { style: { "--hf-progress": `${percent}%` } }) })
+    /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: "hf-progress__track", role: "progressbar", "aria-valuemin": 0, "aria-valuemax": max, "aria-valuenow": value, children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("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__ */ (0, import_jsx_runtime63.jsx)("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__ */ (0, import_jsx_runtime63.jsxs)("span", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("strong", { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("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__ */ (0, import_jsx_runtime70.jsxs)("span", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("strong", { children: [
       Math.round(percent),
       "%"
     ] }),
-    label && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("small", { children: label })
+    label && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("small", { children: label })
   ] }) });
 }
 function StepProgress({ steps, current, className = "", ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("ol", { className: `hf-step-progress ${className}`.trim(), ...props, children: steps.map((step, index) => /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("li", { className: index < current ? "is-complete" : index === current ? "is-current" : "", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { children: index < current ? "\u2713" : index + 1 }),
-    /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("small", { children: step })
+  return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("ol", { className: `hf-step-progress ${className}`.trim(), ...props, children: steps.map((step, index) => /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("li", { className: index < current ? "is-complete" : index === current ? "is-current" : "", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("span", { children: index < current ? "\u2713" : index + 1 }),
+    /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("small", { children: step })
   ] }, index)) });
 }
 function ActivityIndicator({ variant = "spinner", label = "\u6B63\u5728\u52A0\u8F7D", size = "md", className = "", ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("span", { className: `hf-activity hf-activity--${variant} hf-activity--${size} ${className}`.trim(), role: "status", "aria-label": label, ...props, children: [
-    variant === "dots" && /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(import_jsx_runtime63.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("i", {}),
-      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("i", {}),
-      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("i", {})
+  return /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("span", { className: `hf-activity hf-activity--${variant} hf-activity--${size} ${className}`.trim(), role: "status", "aria-label": label, ...props, children: [
+    variant === "dots" && /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(import_jsx_runtime70.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("i", {}),
+      /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("i", {}),
+      /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("i", {})
     ] }),
-    variant === "wave" && Array.from({ length: 5 }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("i", {}, index)),
-    variant === "radar" && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("i", {})
+    variant === "wave" && Array.from({ length: 5 }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("i", {}, index)),
+    variant === "radar" && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("i", {})
   ] });
 }
 function Sparkline({ data, width = 160, height = 48, label = "\u8D8B\u52BF\u56FE", filled = true, ...props }) {
@@ -3683,27 +3967,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__ */ (0, import_jsx_runtime63.jsxs)("svg", { className: "hf-sparkline", viewBox: `0 0 ${width} ${height}`, role: "img", "aria-label": label, ...props, children: [
-    filled && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("polygon", { points: area, className: "hf-sparkline__area" }),
-    /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("polyline", { points, className: "hf-sparkline__line" })
+  return /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("svg", { className: "hf-sparkline", viewBox: `0 0 ${width} ${height}`, role: "img", "aria-label": label, ...props, children: [
+    filled && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("polygon", { points: area, className: "hf-sparkline__area" }),
+    /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("polyline", { points, className: "hf-sparkline__line" })
   ] });
 }
 
 // src/data-display/Collections.tsx
-var import_jsx_runtime64 = require("react/jsx-runtime");
+var import_jsx_runtime71 = require("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__ */ (0, import_jsx_runtime64.jsx)("div", { className: `hf-table-wrap ${className}`, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("table", { className: `hf-table${striped ? " hf-table--striped" : ""}`, children: [
-    caption && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("caption", { children: caption }),
-    /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("tr", { children: columns.map((column) => /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("th", { style: { textAlign: column.align, width: column.width }, children: column.header }, column.key)) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("tbody", { children: [
-      data.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("tr", { className: onRowClick ? "is-clickable" : "", onClick: () => onRowClick?.(item, index), tabIndex: onRowClick ? 0 : void 0, onKeyDown: (event) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("div", { className: `hf-table-wrap ${className}`, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("table", { className: `hf-table${striped ? " hf-table--striped" : ""}`, children: [
+    caption && /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("caption", { children: caption }),
+    /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("tr", { children: columns.map((column) => /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("th", { style: { textAlign: column.align, width: column.width }, children: column.header }, column.key)) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("tbody", { children: [
+      data.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("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__ */ (0, import_jsx_runtime64.jsx)("td", { style: { textAlign: column.align }, children: column.render ? column.render(item, index) : String(item[column.key] ?? "") }, column.key)) }, keyOf(item, index))),
-      !data.length && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("td", { className: "hf-table__empty", colSpan: columns.length, children: empty }) })
+      }, children: columns.map((column) => /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("td", { style: { textAlign: column.align }, children: column.render ? column.render(item, index) : String(item[column.key] ?? "") }, column.key)) }, keyOf(item, index))),
+      !data.length && /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("td", { className: "hf-table__empty", colSpan: columns.length, children: empty }) })
     ] })
   ] }) });
 }
@@ -3716,71 +4000,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__ */ (0, import_jsx_runtime64.jsxs)("nav", { className: `hf-pagination ${className}`, "aria-label": "\u5206\u9875", ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("button", { disabled: current === 1, onClick: () => onChange(current - 1), "aria-label": "\u4E0A\u4E00\u9875", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Icon, { name: "chevron-down", size: 16, className: "hf-pagination__prev" }) }),
-    parts.map((part, index) => part === "ellipsis" ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { "aria-hidden": "true", children: "\u2026" }, `e-${index}`) : /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("button", { className: part === current ? "is-active" : "", "aria-current": part === current ? "page" : void 0, onClick: () => onChange(part), children: part }, part)),
-    /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("button", { disabled: current === count, onClick: () => onChange(current + 1), "aria-label": "\u4E0B\u4E00\u9875", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Icon, { name: "chevron-down", size: 16, className: "hf-pagination__next" }) })
+  return /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("nav", { className: `hf-pagination ${className}`, "aria-label": "\u5206\u9875", ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("button", { disabled: current === 1, onClick: () => onChange(current - 1), "aria-label": "\u4E0A\u4E00\u9875", children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(Icon, { name: "chevron-down", size: 16, className: "hf-pagination__prev" }) }),
+    parts.map((part, index) => part === "ellipsis" ? /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("span", { "aria-hidden": "true", children: "\u2026" }, `e-${index}`) : /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("button", { className: part === current ? "is-active" : "", "aria-current": part === current ? "page" : void 0, onClick: () => onChange(part), children: part }, part)),
+    /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("button", { disabled: current === count, onClick: () => onChange(current + 1), "aria-label": "\u4E0B\u4E00\u9875", children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(Icon, { name: "chevron-down", size: 16, className: "hf-pagination__next" }) })
   ] });
 }
 function List({ items, divided = true, className = "", ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("ul", { className: `hf-list${divided ? " hf-list--divided" : ""} ${className}`, ...props, children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("li", { children: [
-    item.leading && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "hf-list__leading", children: item.leading }),
-    /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("strong", { children: item.title }),
-      item.description && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("small", { children: item.description })
+  return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("ul", { className: `hf-list${divided ? " hf-list--divided" : ""} ${className}`, ...props, children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("li", { children: [
+    item.leading && /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("span", { className: "hf-list__leading", children: item.leading }),
+    /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("strong", { children: item.title }),
+      item.description && /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("small", { children: item.description })
     ] }),
-    item.trailing && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "hf-list__trailing", children: item.trailing })
+    item.trailing && /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("span", { className: "hf-list__trailing", children: item.trailing })
   ] }, item.key)) });
 }
 function Descriptions({ items, columns = 2, bordered, className = "", ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("dl", { className: `hf-descriptions hf-descriptions--${columns}${bordered ? " hf-descriptions--bordered" : ""} ${className}`, ...props, children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { style: { gridColumn: `span ${Math.min(item.span ?? 1, columns)}` }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("dt", { children: item.label }),
-    /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("dd", { children: item.value })
+  return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("dl", { className: `hf-descriptions hf-descriptions--${columns}${bordered ? " hf-descriptions--bordered" : ""} ${className}`, ...props, children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { style: { gridColumn: `span ${Math.min(item.span ?? 1, columns)}` }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("dt", { children: item.label }),
+    /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("dd", { children: item.value })
   ] }, item.key)) });
 }
 
 // src/data-display/Insight.tsx
-var import_jsx_runtime65 = require("react/jsx-runtime");
+var import_jsx_runtime72 = require("react/jsx-runtime");
 function Timeline({ items, label = "\u65F6\u95F4\u8F74" }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("ol", { className: "hf-timeline", "aria-label": label, children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("li", { className: `hf-timeline--${item.status ?? "upcoming"}`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("i", { "aria-hidden": "true" }),
-    /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("strong", { children: item.title }),
-      item.description && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("p", { children: item.description })
+  return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("ol", { className: "hf-timeline", "aria-label": label, children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("li", { className: `hf-timeline--${item.status ?? "upcoming"}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("i", { "aria-hidden": "true" }),
+    /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("strong", { children: item.title }),
+      item.description && /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("p", { children: item.description })
     ] }),
-    item.time && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("time", { children: item.time })
+    item.time && /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("time", { children: item.time })
   ] }, item.key)) });
 }
 function InsightBoard({ summary, trend, detail, heading, filters }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("section", { className: "hf-insight-board", children: [
-    (heading || filters) && /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("header", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { children: heading }),
+  return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("section", { className: "hf-insight-board", children: [
+    (heading || filters) && /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("header", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("div", { children: heading }),
       filters
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "hf-insight-board__summary", "aria-label": "\u6838\u5FC3\u7ED3\u679C", children: summary }),
-    /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "hf-insight-board__trend", "aria-label": "\u53D8\u5316\u8D8B\u52BF", children: trend }),
-    /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "hf-insight-board__detail", "aria-label": "\u660E\u7EC6\u4E0E\u539F\u56E0", children: detail })
+    /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("div", { className: "hf-insight-board__summary", "aria-label": "\u6838\u5FC3\u7ED3\u679C", children: summary }),
+    /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("div", { className: "hf-insight-board__trend", "aria-label": "\u53D8\u5316\u8D8B\u52BF", children: trend }),
+    /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("div", { className: "hf-insight-board__detail", "aria-label": "\u660E\u7EC6\u4E0E\u539F\u56E0", children: detail })
   ] });
 }
 
 // src/data-display/EmptyState.tsx
-var import_jsx_runtime66 = require("react/jsx-runtime");
+var import_jsx_runtime73 = require("react/jsx-runtime");
 function EmptyState({ icon = "inbox", title, description, action, size = "md" }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: `hf-empty hf-empty--${size}`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { className: "hf-empty__icon", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Icon, { name: icon, size: size === "sm" ? 22 : 28 }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("strong", { children: title }),
-    description && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("p", { children: description }),
-    action && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { children: action })
+  return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: `hf-empty hf-empty--${size}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { className: "hf-empty__icon", children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Icon, { name: icon, size: size === "sm" ? 22 : 28 }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("strong", { children: title }),
+    description && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("p", { children: description }),
+    action && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { children: action })
   ] });
 }
 
 // src/data-display/DataGrid.tsx
-var import_react53 = require("react");
-var import_jsx_runtime67 = require("react/jsx-runtime");
+var import_react57 = require("react");
+var import_jsx_runtime74 = require("react/jsx-runtime");
 function DataGrid({ columns, data, rowKey, selectedKeys = [], onSelectionChange, empty = "\u6682\u65E0\u6570\u636E", caption }) {
-  const [sort, setSort] = (0, import_react53.useState)();
+  const [sort, setSort] = (0, import_react57.useState)();
   const keyOf = (item) => typeof rowKey === "function" ? rowKey(item) : String(item[rowKey]);
-  const rows = (0, import_react53.useMemo)(() => {
+  const rows = (0, import_react57.useMemo)(() => {
     if (!sort) return [...data];
     const column = columns.find((item) => item.key === sort.key);
     if (!column) return [...data];
@@ -3793,7 +4077,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__ */ (0, import_jsx_runtime67.jsx)("div", { className: "hf-data-grid", onKeyDown: (event) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("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);
@@ -3801,95 +4085,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__ */ (0, import_jsx_runtime67.jsxs)("table", { children: [
-    caption && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("caption", { children: caption }),
-    /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("tr", { children: [
-      onSelectionChange && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("th", { className: "hf-data-grid__check", children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("input", { type: "checkbox", "aria-label": "\u9009\u62E9\u5168\u90E8", checked: all, onChange: changeAll }) }),
-      columns.map((column) => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("th", { style: { width: column.width }, children: column.sortable ? /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("button", { type: "button", onClick: () => setSort((current) => ({ key: column.key, direction: current?.key === column.key && current.direction === "asc" ? "desc" : "asc" })), children: [
+  }, children: /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("table", { children: [
+    caption && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("caption", { children: caption }),
+    /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("tr", { children: [
+      onSelectionChange && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("th", { className: "hf-data-grid__check", children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("input", { type: "checkbox", "aria-label": "\u9009\u62E9\u5168\u90E8", checked: all, onChange: changeAll }) }),
+      columns.map((column) => /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("th", { style: { width: column.width }, children: column.sortable ? /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("button", { type: "button", onClick: () => setSort((current) => ({ key: column.key, direction: current?.key === column.key && current.direction === "asc" ? "desc" : "asc" })), children: [
         column.header,
-        /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("span", { "aria-hidden": "true", children: sort?.key === column.key ? sort.direction === "asc" ? "\u2191" : "\u2193" : "\u2195" })
+        /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { "aria-hidden": "true", children: sort?.key === column.key ? sort.direction === "asc" ? "\u2191" : "\u2193" : "\u2195" })
       ] }) : column.header }, column.key))
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("tbody", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("tbody", { children: [
       rows.map((item) => {
         const key = keyOf(item);
-        return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("tr", { className: selectedKeys.includes(key) ? "is-selected" : "", children: [
-          onSelectionChange && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("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__ */ (0, import_jsx_runtime67.jsx)("td", { children: column.render ? column.render(item) : String(item[column.key] ?? "") }, column.key))
+        return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("tr", { className: selectedKeys.includes(key) ? "is-selected" : "", children: [
+          onSelectionChange && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("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__ */ (0, import_jsx_runtime74.jsx)("td", { children: column.render ? column.render(item) : String(item[column.key] ?? "") }, column.key))
         ] }, key);
       }),
-      !rows.length && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("td", { className: "hf-data-grid__empty", colSpan: columns.length + (onSelectionChange ? 1 : 0), children: empty }) })
+      !rows.length && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("td", { className: "hf-data-grid__empty", colSpan: columns.length + (onSelectionChange ? 1 : 0), children: empty }) })
     ] })
   ] }) });
 }
 
 // src/data-display/Tree.tsx
-var import_react54 = require("react");
-var import_jsx_runtime68 = require("react/jsx-runtime");
-function Tree({ nodes, selectedKey, onSelect, defaultExpandedKeys = [], label = "\u6811\u5F62\u5217\u8868" }) {
-  const [expanded, setExpanded] = (0, import_react54.useState)([...defaultExpandedKeys]);
-  const render = (items, level) => /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("ul", { role: level ? "group" : "tree", "aria-label": level ? void 0 : label, children: items.map((node) => {
-    const open = expanded.includes(node.key);
+var import_react59 = require("react");
+
+// src/data-display/TreeFileIcon.tsx
+var import_jsx_runtime75 = require("react/jsx-runtime");
+function TreeFileIcon({ folder, open }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+    "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__ */ (0, import_jsx_runtime75.jsxs)(import_jsx_runtime75.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("path", { d: "M3 18V6a2 2 0 0 1 2-2h5l2 3h7a2 2 0 0 1 2 2v2" }),
+        /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("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__ */ (0, import_jsx_runtime75.jsxs)(import_jsx_runtime75.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("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__ */ (0, import_jsx_runtime75.jsx)("path", { d: "M9 12h6M9 16h4" })
+      ] })
+    }
+  );
+}
+
+// src/data-display/useTreeState.ts
+var import_react58 = require("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] = (0, import_react58.useState)([...defaultExpandedKeys]);
+  const [focusedKey, setFocusedKey] = (0, import_react58.useState)();
+  const elements = (0, import_react58.useRef)(/* @__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__ */ (0, import_jsx_runtime68.jsxs)("li", { role: "treeitem", "aria-level": level + 1, "aria-expanded": branch ? open : void 0, "aria-selected": node.key === selectedKey, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: node.key === selectedKey ? "is-selected" : "", style: { paddingLeft: level * 18 + 8 }, children: [
-        branch ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("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__ */ (0, import_jsx_runtime68.jsx)("span", {}),
-        node.icon,
-        /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("button", { type: "button", disabled: node.disabled, onClick: () => onSelect?.(node.key), children: node.label })
-      ] }),
-      branch && open && render(node.children, level + 1)
-    ] }, node.key);
-  }) });
-  return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("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
+var import_jsx_runtime76 = require("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 = (0, import_react59.useId)();
+  const { elements, expanded, activeKey, focus, toggle, onKeyDown, setFocusedKey } = useTreeState({
+    nodes,
+    selectedKey,
+    onSelect,
+    defaultExpandedKeys,
+    expandedKeys,
+    onExpand
+  });
+  function render(items, level) {
+    return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("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__ */ (0, import_jsx_runtime76.jsxs)(
+        "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__ */ (0, import_jsx_runtime76.jsxs)(
+              "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__ */ (0, import_jsx_runtime76.jsx)("span", { className: "hf-tree__guides", "aria-hidden": "true", children: Array.from({ length: level }, (_, depth) => /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("i", {}, depth)) }),
+                  branch ? /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+                    "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__ */ (0, import_jsx_runtime76.jsx)(Icon, { name: "chevron-down", size: 14, className: open ? "is-open" : "" })
+                    }
+                  ) : /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { className: "hf-tree__spacer", "aria-hidden": "true" }),
+                  (node.icon != null || showIcon) && /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { className: `hf-tree__icon${folder ? " is-folder" : ""}`, "aria-hidden": "true", children: node.icon ?? /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(TreeFileIcon, { folder, open }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("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__ */ (0, import_jsx_runtime76.jsxs)("div", { className: `hf-tree${showLine ? " hf-tree--lines" : ""}`, children: [
+    render(nodes, 0),
+    !nodes.length && /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "hf-tree__empty", role: "status", children: emptyText })
+  ] });
 }
 
 // src/layout/AuthLayout.tsx
-var import_jsx_runtime69 = require("react/jsx-runtime");
+var import_jsx_runtime77 = require("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__ */ (0, import_jsx_runtime69.jsxs)("section", { className: `hf-auth hf-auth--${variant}`, style, children: [
-    brand && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("header", { className: "hf-auth__brand", children: brand }),
-    aside && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("aside", { className: "hf-auth__aside", children: aside }),
-    /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("main", { className: "hf-auth__main", children: [
-      variant === "step" && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "hf-auth__steps", "aria-label": `\u7B2C ${currentStep} \u6B65\uFF0C\u5171 ${steps} \u6B65`, children: Array.from({ length: steps }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { className: index < currentStep ? "is-active" : "" }, index)) }),
-      /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "hf-auth__card", children }),
-      footer && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("footer", { children: footer })
+  return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("section", { className: `hf-auth hf-auth--${variant}`, style, children: [
+    brand && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("header", { className: "hf-auth__brand", children: brand }),
+    aside && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("aside", { className: "hf-auth__aside", children: aside }),
+    /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("main", { className: "hf-auth__main", children: [
+      variant === "step" && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "hf-auth__steps", "aria-label": `\u7B2C ${currentStep} \u6B65\uFF0C\u5171 ${steps} \u6B65`, children: Array.from({ length: steps }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { className: index < currentStep ? "is-active" : "" }, index)) }),
+      /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "hf-auth__card", children }),
+      footer && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("footer", { children: footer })
     ] })
   ] });
 }
 
 // src/layout/Hero.tsx
-var import_jsx_runtime70 = require("react/jsx-runtime");
+var import_jsx_runtime78 = require("react/jsx-runtime");
 function Hero({ eyebrow, title, description, primaryAction, secondaryAction, visual, proof, align = "left", kind = "product" }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("section", { className: `hf-hero hf-hero--${align} hf-hero--${kind}`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: "hf-hero__content", children: [
-      eyebrow && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: "hf-hero__eyebrow", children: eyebrow }),
-      /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("h1", { children: title }),
-      description && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("p", { children: description }),
-      (primaryAction || secondaryAction) && /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: "hf-hero__actions", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("section", { className: `hf-hero hf-hero--${align} hf-hero--${kind}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "hf-hero__content", children: [
+      eyebrow && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "hf-hero__eyebrow", children: eyebrow }),
+      /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("h1", { children: title }),
+      description && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("p", { children: description }),
+      (primaryAction || secondaryAction) && /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "hf-hero__actions", children: [
         primaryAction,
         secondaryAction
       ] }),
-      proof && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: "hf-hero__proof", children: proof })
+      proof && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "hf-hero__proof", children: proof })
     ] }),
-    visual && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: "hf-hero__visual", children: visual })
+    visual && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "hf-hero__visual", children: visual })
   ] });
 }
 
 // src/layout/ResizablePanel.tsx
-var import_react55 = require("react");
-var import_jsx_runtime71 = require("react/jsx-runtime");
+var import_react60 = require("react");
+var import_jsx_runtime79 = require("react/jsx-runtime");
 function ResizablePanel({ primary, secondary, defaultSize = 50, minSize = 20, maxSize = 80, direction = "horizontal", onResize }) {
-  const [size, setSize] = (0, import_react55.useState)(defaultSize);
+  const [size, setSize] = (0, import_react60.useState)(defaultSize);
   const start = (event) => {
     const root = event.currentTarget.parentElement;
     event.currentTarget.setPointerCapture(event.pointerId);
@@ -3907,9 +4354,9 @@ function ResizablePanel({ primary, secondary, defaultSize = 50, minSize = 20, ma
     document.addEventListener("pointermove", move);
     document.addEventListener("pointerup", end);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { className: `hf-resizable hf-resizable--${direction}`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("div", { style: { flexBasis: `${size}%` }, children: primary }),
-    /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("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__ */ (0, import_jsx_runtime79.jsxs)("div", { className: `hf-resizable hf-resizable--${direction}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { style: { flexBasis: `${size}%` }, children: primary }),
+    /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("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";
@@ -3917,61 +4364,61 @@ function ResizablePanel({ primary, secondary, defaultSize = 50, minSize = 20, ma
       setSize(value);
       onResize?.(value);
     } }),
-    /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("div", { children: secondary })
+    /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { children: secondary })
   ] });
 }
 
 // src/feedback/NotificationCenter.tsx
-var import_jsx_runtime72 = require("react/jsx-runtime");
+var import_jsx_runtime80 = require("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__ */ (0, import_jsx_runtime72.jsxs)("section", { className: "hf-notification-center", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("header", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("strong", { children: title }),
-        unread > 0 && /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("span", { children: unread })
+  return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("section", { className: "hf-notification-center", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("header", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("strong", { children: title }),
+        unread > 0 && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { children: unread })
       ] }),
-      unread > 0 && onReadAll && /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("button", { type: "button", onClick: onReadAll, children: "\u5168\u90E8\u5DF2\u8BFB" })
+      unread > 0 && onReadAll && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("button", { type: "button", onClick: onReadAll, children: "\u5168\u90E8\u5DF2\u8BFB" })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("div", { children: items.length ? items.map(({ key, content, ...item }) => /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("div", { onClick: () => item.unread && onRead?.(key), children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(Notification, { ...item, onClose: onDismiss ? () => onDismiss(key) : void 0, children: content }) }, key)) : /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("p", { className: "hf-notification-center__empty", children: empty }) })
+    /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { children: items.length ? items.map(({ key, content, ...item }) => /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { onClick: () => item.unread && onRead?.(key), children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Notification, { ...item, onClose: onDismiss ? () => onDismiss(key) : void 0, children: content }) }, key)) : /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("p", { className: "hf-notification-center__empty", children: empty }) })
   ] });
 }
 
 // src/data-display/VirtualList.tsx
-var import_react56 = require("react");
-var import_jsx_runtime73 = require("react/jsx-runtime");
+var import_react61 = require("react");
+var import_jsx_runtime81 = require("react/jsx-runtime");
 function VirtualList({ items, itemHeight, height, renderItem, itemKey, overscan = 3, label = "\u865A\u62DF\u5217\u8868" }) {
-  const [scrollTop, setScrollTop] = (0, import_react56.useState)(0);
+  const [scrollTop, setScrollTop] = (0, import_react61.useState)(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__ */ (0, import_jsx_runtime73.jsx)("div", { className: "hf-virtual-list", role: "list", "aria-label": label, style: { height }, onScroll: (event) => setScrollTop(event.currentTarget.scrollTop), children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { style: { height: items.length * itemHeight, position: "relative" }, children: items.slice(start, end).map((item, offset) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "hf-virtual-list", role: "list", "aria-label": label, style: { height }, onScroll: (event) => setScrollTop(event.currentTarget.scrollTop), children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { style: { height: items.length * itemHeight, position: "relative" }, children: items.slice(start, end).map((item, offset) => {
     const index = start + offset;
-    return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { role: "listitem", style: { height: itemHeight, left: 0, position: "absolute", right: 0, top: index * itemHeight }, children: renderItem(item, index) }, itemKey(item, index));
+    return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("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
-var import_react57 = require("react");
-var import_jsx_runtime74 = require("react/jsx-runtime");
+var import_react62 = require("react");
+var import_jsx_runtime82 = require("react/jsx-runtime");
 function JsonNode({ name, value, depth, defaultExpanded, maxDepth }) {
   const complex = value !== null && typeof value === "object";
-  const [open, setOpen] = (0, import_react57.useState)(defaultExpanded && depth < maxDepth);
-  if (!complex) return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "hf-json-viewer__row", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { children: name !== void 0 && `${name}: ` }),
-    /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("code", { className: `is-${value === null ? "null" : typeof value}`, children: value === null ? "null" : JSON.stringify(value) })
+  const [open, setOpen] = (0, import_react62.useState)(defaultExpanded && depth < maxDepth);
+  if (!complex) return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "hf-json-viewer__row", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { children: name !== void 0 && `${name}: ` }),
+    /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("code", { className: `is-${value === null ? "null" : typeof value}`, children: value === null ? "null" : JSON.stringify(value) })
   ] });
   const entries = Object.entries(value);
-  return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "hf-json-viewer__node", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("button", { type: "button", "aria-expanded": open, onClick: () => setOpen(!open), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { children: open ? "\u2304" : "\u203A" }),
-      /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("strong", { children: name ?? (Array.isArray(value) ? "Array" : "Object") }),
-      /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("small", { children: Array.isArray(value) ? `[${entries.length}]` : `{${entries.length}}` })
+  return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "hf-json-viewer__node", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("button", { type: "button", "aria-expanded": open, onClick: () => setOpen(!open), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { children: open ? "\u2304" : "\u203A" }),
+      /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("strong", { children: name ?? (Array.isArray(value) ? "Array" : "Object") }),
+      /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("small", { children: Array.isArray(value) ? `[${entries.length}]` : `{${entries.length}}` })
     ] }),
-    open && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { children: entries.map(([key, item]) => /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(JsonNode, { name: key, value: item, depth: depth + 1, defaultExpanded, maxDepth }, key)) })
+    open && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { children: entries.map(([key, item]) => /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(JsonNode, { name: key, value: item, depth: depth + 1, defaultExpanded, maxDepth }, key)) })
   ] });
 }
 function JsonViewer({ data, name, defaultExpanded = true, maxDepth = 2 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: "hf-json-viewer", role: "tree", "aria-label": name ?? "JSON \u67E5\u770B\u5668", children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(JsonNode, { name, value: data, depth: 0, defaultExpanded, maxDepth }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "hf-json-viewer", role: "tree", "aria-label": name ?? "JSON \u67E5\u770B\u5668", children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(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));
@@ -3990,28 +4437,28 @@ function compareLines(before, after) {
   return rows;
 }
 function DiffCell({ number, marker, children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "hf-diff-viewer__cell", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { children: number ?? "" }),
-    /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("i", { children: marker }),
-    /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("code", { children: children ?? "" })
+  return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "hf-diff-viewer__cell", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { children: number ?? "" }),
+    /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("i", { children: marker }),
+    /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("code", { children: children ?? "" })
   ] });
 }
 function DiffViewer({ before, after, beforeLabel = "\u4FEE\u6539\u524D", afterLabel = "\u4FEE\u6539\u540E", mode = "split" }) {
   const rows = compareLines(before, after);
-  return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: `hf-diff-viewer hf-diff-viewer--${mode}`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("header", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("strong", { children: beforeLabel }),
-      mode === "split" && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("strong", { children: afterLabel })
+  return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: `hf-diff-viewer hf-diff-viewer--${mode}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("header", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("strong", { children: beforeLabel }),
+      mode === "split" && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("strong", { children: afterLabel })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { children: rows.map((row, index) => mode === "split" ? /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: `is-${row.kind}`, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(DiffCell, { number: row.leftNo, marker: row.kind === "remove" ? "\u2212" : " ", children: row.left }),
-      /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(DiffCell, { number: row.rightNo, marker: row.kind === "add" ? "+" : " ", children: row.right })
-    ] }, index) : /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: `is-${row.kind}`, children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(DiffCell, { number: row.leftNo ?? row.rightNo, marker: row.kind === "add" ? "+" : row.kind === "remove" ? "\u2212" : " ", children: row.kind === "add" ? row.right : row.left }) }, index)) })
+    /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { children: rows.map((row, index) => mode === "split" ? /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: `is-${row.kind}`, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(DiffCell, { number: row.leftNo, marker: row.kind === "remove" ? "\u2212" : " ", children: row.left }),
+      /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(DiffCell, { number: row.rightNo, marker: row.kind === "add" ? "+" : " ", children: row.right })
+    ] }, index) : /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: `is-${row.kind}`, children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(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
-var import_jsx_runtime75 = require("react/jsx-runtime");
+var import_jsx_runtime83 = require("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));
@@ -4021,39 +4468,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__ */ (0, import_jsx_runtime75.jsxs)("div", { className: "hf-query-builder", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("header", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("strong", { children: "\u6EE1\u8DB3" }),
-      /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(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__ */ (0, import_jsx_runtime83.jsxs)("div", { className: "hf-query-builder", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("header", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("strong", { children: "\u6EE1\u8DB3" }),
+      /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(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__ */ (0, import_jsx_runtime75.jsx)("div", { children: rules.map((rule, index) => {
+    /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("div", { children: rules.map((rule, index) => {
       const field = fields.find((item) => item.key === rule.field) ?? fields[0];
       const operators = field?.operators ?? defaultOperators;
-      return /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: "hf-query-builder__rule", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("span", { children: index + 1 }),
-        /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(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__ */ (0, import_jsx_runtime83.jsxs)("div", { className: "hf-query-builder__rule", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { children: index + 1 }),
+        /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(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__ */ (0, import_jsx_runtime75.jsx)(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__ */ (0, import_jsx_runtime75.jsx)("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__ */ (0, import_jsx_runtime75.jsx)("button", { type: "button", "aria-label": `\u5220\u9664\u6761\u4EF6 ${index + 1}`, disabled, onClick: () => onChange(rules.filter((item) => item.id !== rule.id)), children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Icon, { name: "close", size: 15 }) })
+        /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(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__ */ (0, import_jsx_runtime83.jsx)("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__ */ (0, import_jsx_runtime83.jsx)("button", { type: "button", "aria-label": `\u5220\u9664\u6761\u4EF6 ${index + 1}`, disabled, onClick: () => onChange(rules.filter((item) => item.id !== rule.id)), children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(Icon, { name: "close", size: 15 }) })
       ] }, rule.id);
     }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("button", { type: "button", className: "hf-query-builder__add", disabled: disabled || !fields.length, onClick: add, children: "\uFF0B \u6DFB\u52A0\u6761\u4EF6" })
+    /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("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
-var import_react59 = require("react");
+var import_react64 = require("react");
 
 // src/data-display/useKanbanMove.ts
-var import_react58 = require("react");
+var import_react63 = require("react");
 function useKanbanMove({ columns, onMove }) {
-  const root = (0, import_react58.useRef)(null);
-  const session = (0, import_react58.useRef)(null);
-  const [target, setTarget] = (0, import_react58.useState)(null);
-  const [announcement, setAnnouncement] = (0, import_react58.useState)("");
+  const root = (0, import_react63.useRef)(null);
+  const session = (0, import_react63.useRef)(null);
+  const [target, setTarget] = (0, import_react63.useState)(null);
+  const [announcement, setAnnouncement] = (0, import_react63.useState)("");
   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");
@@ -4117,13 +4564,13 @@ function useKanbanMove({ columns, onMove }) {
 }
 
 // src/data-display/KanbanBoardView.tsx
-var import_jsx_runtime76 = require("react/jsx-runtime");
+var import_jsx_runtime84 = require("react/jsx-runtime");
 function KanbanBoardView({ columns, onMove, onCardClick, empty }) {
   const drag = useKanbanMove({ columns, onMove });
-  if (!columns.length) return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "hf-kanban-board__empty", children: empty });
-  return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "hf-kanban-enhanced", children: [
-    onMove && /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("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__ */ (0, import_jsx_runtime76.jsx)(
+  if (!columns.length) return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "hf-kanban-board__empty", children: empty });
+  return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "hf-kanban-enhanced", children: [
+    onMove && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("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__ */ (0, import_jsx_runtime84.jsx)(
       "div",
       {
         ref: drag.root,
@@ -4135,7 +4582,7 @@ function KanbanBoardView({ columns, onMove, onCardClick, empty }) {
         onKeyDown: (event) => {
           if (event.key === "Escape") drag.cancel();
         },
-        children: columns.map((column) => /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
+        children: columns.map((column) => /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
           "section",
           {
             "data-hf-kanban-column": column.id,
@@ -4150,18 +4597,18 @@ function KanbanBoardView({ columns, onMove, onCardClick, empty }) {
               drag.drop(column.id);
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("header", { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("strong", { children: column.title }),
-                /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("span", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("header", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("strong", { children: column.title }),
+                /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("span", { children: [
                   column.cards.length,
                   column.limit ? ` / ${column.limit}` : ""
                 ] })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { children: [
                 column.cards.map((card, index) => {
                   const label = typeof card.title === "string" ? card.title : `\u5361\u7247${index + 1}`;
-                  return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "hf-kanban-enhanced__item", "data-card-id": card.id, children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
+                  return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "hf-kanban-enhanced__item", "data-card-id": card.id, children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
                       "button",
                       {
                         type: "button",
@@ -4179,15 +4626,15 @@ function KanbanBoardView({ columns, onMove, onCardClick, empty }) {
                         onDragEnd: drag.cancel,
                         onClick: () => onCardClick?.(card.id, column.id),
                         children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("strong", { children: card.title }),
-                          card.description && /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("p", { children: card.description }),
-                          card.tags?.length ? /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { children: card.tags.map((tag) => /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("i", { children: tag }, tag)) }) : null,
-                          card.meta && /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("small", { children: card.meta })
+                          /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("strong", { children: card.title }),
+                          card.description && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("p", { children: card.description }),
+                          card.tags?.length ? /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { children: card.tags.map((tag) => /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("i", { children: tag }, tag)) }) : null,
+                          card.meta && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("small", { children: card.meta })
                         ]
                       }
                     ),
-                    onMove && /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "hf-kanban-enhanced__controls", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+                    onMove && /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "hf-kanban-enhanced__controls", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
                         "button",
                         {
                           type: "button",
@@ -4201,17 +4648,17 @@ function KanbanBoardView({ columns, onMove, onCardClick, empty }) {
                           children: "\u2194"
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("select", { "aria-label": `\u79FB\u52A8${label}\u5230`, value: "", onChange: (event) => {
+                      /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("select", { "aria-label": `\u79FB\u52A8${label}\u5230`, value: "", onChange: (event) => {
                         drag.cancel();
                         drag.request(card.id, column.id, event.target.value);
                       }, children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("option", { value: "", disabled: true, children: "\u79FB\u52A8\u5230\u2026" }),
-                        columns.filter((candidate) => candidate.id !== column.id).map((candidate, destinationIndex) => /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("option", { value: candidate.id, children: typeof candidate.title === "string" ? candidate.title : `\u76EE\u6807\u5217${destinationIndex + 1}` }, candidate.id))
+                        /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("option", { value: "", disabled: true, children: "\u79FB\u52A8\u5230\u2026" }),
+                        columns.filter((candidate) => candidate.id !== column.id).map((candidate, destinationIndex) => /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("option", { value: candidate.id, children: typeof candidate.title === "string" ? candidate.title : `\u76EE\u6807\u5217${destinationIndex + 1}` }, candidate.id))
                       ] })
                     ] })
                   ] }, card.id);
                 }),
-                !column.cards.length && /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("p", { className: "hf-kanban-enhanced__empty", children: [
+                !column.cards.length && /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("p", { className: "hf-kanban-enhanced__empty", children: [
                   "\u6682\u65E0\u5361\u7247",
                   onMove ? "\uFF0C\u53EF\u62D6\u5165\u6B64\u5217" : ""
                 ] })
@@ -4222,59 +4669,59 @@ function KanbanBoardView({ columns, onMove, onCardClick, empty }) {
         ))
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { className: "hf-sr-only", role: "status", children: drag.announcement })
+    /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "hf-sr-only", role: "status", children: drag.announcement })
   ] });
 }
 
 // src/data-display/WorkflowViews.tsx
-var import_jsx_runtime77 = require("react/jsx-runtime");
+var import_jsx_runtime85 = require("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__ */ (0, import_jsx_runtime77.jsx)("div", { className: "hf-flow-canvas hf-flow-canvas__empty", children: empty });
-  return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "hf-flow-canvas", role: "group", "aria-label": "\u6D41\u7A0B\u753B\u5E03", children: /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { style: { width, height }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("svg", { viewBox: `0 0 ${width} ${height}`, "aria-hidden": "true", children: edges.map((edge, index) => {
+  if (!nodes.length) return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "hf-flow-canvas hf-flow-canvas__empty", children: empty });
+  return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "hf-flow-canvas", role: "group", "aria-label": "\u6D41\u7A0B\u753B\u5E03", children: /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { style: { width, height }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("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__ */ (0, import_jsx_runtime77.jsxs)("g", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("path", { d: `M${x1} ${y1} C${x1 + bend} ${y1},${x2 - bend} ${y2},${x2} ${y2}` }),
-        /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("circle", { cx: x2, cy: y2, r: "3" }),
-        edge.label && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("text", { x: (x1 + x2) / 2, y: (y1 + y2) / 2 - 8, children: edge.label })
+      return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("g", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("path", { d: `M${x1} ${y1} C${x1 + bend} ${y1},${x2 - bend} ${y2},${x2} ${y2}` }),
+        /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("circle", { cx: x2, cy: y2, r: "3" }),
+        edge.label && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("text", { x: (x1 + x2) / 2, y: (y1 + y2) / 2 - 8, children: edge.label })
       ] }, edge.id ?? index);
     }) }),
-    nodes.map((node) => /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("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__ */ (0, import_jsx_runtime77.jsx)("strong", { children: node.label }),
-      node.description && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("small", { children: node.description })
+    nodes.map((node) => /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("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__ */ (0, import_jsx_runtime85.jsx)("strong", { children: node.label }),
+      node.description && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("small", { children: node.description })
     ] }, node.id))
   ] }) });
 }
 function KanbanBoard({ columns, onMove, onCardClick, empty = "\u6682\u65E0\u770B\u677F\u5217" }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(KanbanBoardView, { columns, onMove, onCardClick, empty });
+  return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(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 = (0, import_react59.useMemo)(() => {
+  const range = (0, import_react64.useMemo)(() => {
     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__ */ (0, import_jsx_runtime77.jsx)("div", { className: "hf-gantt-chart__empty", children: empty });
-  return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "hf-gantt-chart", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("header", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("strong", { children: "\u4EFB\u52A1" }),
-      /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { children: Array.from({ length: Math.min(range.days, 31) }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { children: new Date(range.from + index * day).getDate() }, index)) })
+  if (!tasks.length) return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "hf-gantt-chart__empty", children: empty });
+  return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "hf-gantt-chart", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("header", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("strong", { children: "\u4EFB\u52A1" }),
+      /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { children: Array.from({ length: Math.min(range.days, 31) }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("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__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "hf-gantt-chart__row", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("span", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("strong", { children: task.label }),
-          task.group && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("small", { children: task.group })
+      return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "hf-gantt-chart__row", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("span", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("strong", { children: task.label }),
+          task.group && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("small", { children: task.group })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("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__ */ (0, import_jsx_runtime77.jsx)("i", { style: { width: `${Math.max(0, Math.min(100, task.progress ?? 0))}%` } }),
-          /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("span", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("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__ */ (0, import_jsx_runtime85.jsx)("i", { style: { width: `${Math.max(0, Math.min(100, task.progress ?? 0))}%` } }),
+          /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("span", { children: [
             task.progress ?? 0,
             "%"
           ] })
@@ -4284,23 +4731,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__ */ (0, import_jsx_runtime77.jsxs)("section", { className: "hf-chart-container", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("header", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { children: [
-        title && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("strong", { children: title }),
-        description && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("p", { children: description })
+  return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("section", { className: "hf-chart-container", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("header", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { children: [
+        title && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("strong", { children: title }),
+        description && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("p", { children: description })
       ] }),
       actions
     ] }),
-    legend?.length ? /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "hf-chart-container__legend", children: legend.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("span", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("i", { style: { background: item.color } }),
+    legend?.length ? /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "hf-chart-container__legend", children: legend.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("span", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("i", { style: { background: item.color } }),
       item.label,
-      item.value && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("strong", { children: item.value })
+      item.value && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("strong", { children: item.value })
     ] }, index)) }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "hf-chart-container__body", style: { height }, children: loading ? /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "hf-chart-container__state", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { className: "hf-spinner" }),
+    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "hf-chart-container__body", style: { height }, children: loading ? /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "hf-chart-container__state", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { className: "hf-spinner" }),
       "\u6B63\u5728\u52A0\u8F7D\u56FE\u8868"
-    ] }) : empty ? /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "hf-chart-container__state", children: emptyContent }) : children })
+    ] }) : empty ? /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("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" }) {
@@ -4310,60 +4757,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__ */ (0, import_jsx_runtime77.jsx)("div", { className: "hf-pivot-table__empty", children: empty });
-  return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "hf-pivot-table", children: /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("table", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("thead", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("tr", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("th", { rowSpan: 2, children: rowLabel }),
-        columns.map((item) => /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("th", { colSpan: values.length, children: item }, item)),
-        showTotals && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("th", { colSpan: values.length, children: "\u5408\u8BA1" })
+  if (!data.length || !values.length) return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "hf-pivot-table__empty", children: empty });
+  return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "hf-pivot-table", children: /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("table", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("thead", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("tr", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("th", { rowSpan: 2, children: rowLabel }),
+        columns.map((item) => /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("th", { colSpan: values.length, children: item }, item)),
+        showTotals && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("th", { colSpan: values.length, children: "\u5408\u8BA1" })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("tr", { children: [...columns, ...showTotals ? ["__total"] : []].flatMap((col) => values.map((metric) => /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("th", { children: metric.label }, `${col}-${metric.key}`))) })
+      /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("tr", { children: [...columns, ...showTotals ? ["__total"] : []].flatMap((col) => values.map((metric) => /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("th", { children: metric.label }, `${col}-${metric.key}`))) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("tbody", { children: rows.map((rowName) => /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("tr", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("th", { children: rowName }),
+    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("tbody", { children: rows.map((rowName) => /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("tr", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("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__ */ (0, import_jsx_runtime77.jsx)("td", { children: metric.format?.(result) ?? result }, `${columnName}-${metric.key}`);
+        return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("td", { children: metric.format?.(result) ?? result }, `${columnName}-${metric.key}`);
       }))
     ] }, rowName)) })
   ] }) });
 }
 
 // src/forms/FilterBuilder.tsx
-var import_jsx_runtime78 = require("react/jsx-runtime");
+var import_jsx_runtime86 = require("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__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "hf-filter-builder", role: "group", "aria-label": "\u7B5B\u9009\u6761\u4EF6", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { children: value.map((filter, index) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "hf-filter-builder", role: "group", "aria-label": "\u7B5B\u9009\u6761\u4EF6", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { children: value.map((filter, index) => {
       const field = fields.find((item) => item.key === filter.field) ?? fields[0];
-      return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "hf-filter-builder__item", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(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__ */ (0, import_jsx_runtime78.jsx)(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__ */ (0, import_jsx_runtime78.jsx)("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__ */ (0, import_jsx_runtime78.jsx)("button", { type: "button", "aria-label": `\u5220\u9664\u7B5B\u9009 ${index + 1}`, disabled, onClick: () => onChange(value.filter((item) => item.id !== filter.id)), children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Icon, { name: "close", size: 15 }) })
+      return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "hf-filter-builder__item", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(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__ */ (0, import_jsx_runtime86.jsx)(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__ */ (0, import_jsx_runtime86.jsx)("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__ */ (0, import_jsx_runtime86.jsx)("button", { type: "button", "aria-label": `\u5220\u9664\u7B5B\u9009 ${index + 1}`, disabled, onClick: () => onChange(value.filter((item) => item.id !== filter.id)), children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(Icon, { name: "close", size: 15 }) })
       ] }, filter.id);
     }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("button", { type: "button", className: "hf-filter-builder__add", disabled: disabled || !fields.length, onClick: add, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("button", { type: "button", className: "hf-filter-builder__add", disabled: disabled || !fields.length, onClick: add, children: [
       "\uFF0B ",
       addLabel
     ] }),
-    value.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("button", { type: "button", className: "hf-filter-builder__clear", disabled, onClick: () => onChange([]), children: "\u6E05\u7A7A" })
+    value.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("button", { type: "button", className: "hf-filter-builder__clear", disabled, onClick: () => onChange([]), children: "\u6E05\u7A7A" })
   ] });
 }
 
 // src/data-display/ZoomableChart.tsx
-var import_react60 = require("react");
-var import_jsx_runtime79 = require("react/jsx-runtime");
+var import_react65 = require("react");
+var import_jsx_runtime87 = require("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++;
@@ -4381,9 +4828,9 @@ function ZoomableChart({
   disabled = false,
   className = ""
 }) {
-  const [internal, setInternal] = (0, import_react60.useState)(defaultWindow);
+  const [internal, setInternal] = (0, import_react65.useState)(defaultWindow);
   const [start, end] = normalizeWindow(controlled ?? internal ?? [0, points.length - 1], points.length);
-  const visible = (0, import_react60.useMemo)(() => points.slice(start, end + 1), [points, start, end]);
+  const visible = (0, import_react65.useMemo)(() => points.slice(start, end + 1), [points, start, end]);
   const count = end - start + 1;
   function update(next) {
     if (disabled) return;
@@ -4401,13 +4848,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__ */ (0, import_jsx_runtime79.jsxs)("div", { className: `hf-zoomable-chart ${className}`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "hf-zoomable-chart__controls", role: "group", "aria-label": `${label}\u89C6\u7A97\u64CD\u4F5C`, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Button, { type: "button", size: "sm", variant: "outline", disabled: disabled || count <= 2, onClick: () => resize(0.5), children: "\u653E\u5927" }),
-      /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Button, { type: "button", size: "sm", variant: "outline", disabled: disabled || count >= points.length, onClick: () => resize(2), children: "\u7F29\u5C0F" }),
-      /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Button, { type: "button", size: "sm", variant: "outline", disabled: disabled || start === 0, onClick: () => pan(-1), children: "\u5411\u524D\u5E73\u79FB" }),
-      /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Button, { type: "button", size: "sm", variant: "outline", disabled: disabled || end >= points.length - 1, onClick: () => pan(1), children: "\u5411\u540E\u5E73\u79FB" }),
-      /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: `hf-zoomable-chart ${className}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "hf-zoomable-chart__controls", role: "group", "aria-label": `${label}\u89C6\u7A97\u64CD\u4F5C`, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Button, { type: "button", size: "sm", variant: "outline", disabled: disabled || count <= 2, onClick: () => resize(0.5), children: "\u653E\u5927" }),
+      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Button, { type: "button", size: "sm", variant: "outline", disabled: disabled || count >= points.length, onClick: () => resize(2), children: "\u7F29\u5C0F" }),
+      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Button, { type: "button", size: "sm", variant: "outline", disabled: disabled || start === 0, onClick: () => pan(-1), children: "\u5411\u524D\u5E73\u79FB" }),
+      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Button, { type: "button", size: "sm", variant: "outline", disabled: disabled || end >= points.length - 1, onClick: () => pan(1), children: "\u5411\u540E\u5E73\u79FB" }),
+      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
         Button,
         {
           type: "button",
@@ -4419,8 +4866,8 @@ function ZoomableChart({
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(ChartCrosshair, { points: visible, label, formatValue, disabled }),
-    points.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(ChartCrosshair, { points: visible, label, formatValue, disabled }),
+    points.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
       RangeBrush,
       {
         label: "\u53EF\u89C1\u6570\u636E\u8303\u56F4",
@@ -4432,22 +4879,22 @@ function ZoomableChart({
         formatValue: (index) => points[index]?.label ?? String(index)
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("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__ */ (0, import_jsx_runtime87.jsx)("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
-var import_react63 = require("react");
+var import_react68 = require("react");
 
 // src/feedback/useHoldConfirmation.ts
-var import_react61 = require("react");
+var import_react66 = require("react");
 function useHoldConfirmation(options) {
-  const latest = (0, import_react61.useRef)(options);
+  const latest = (0, import_react66.useRef)(options);
   latest.current = options;
-  const session = (0, import_react61.useRef)(null);
-  const frame = (0, import_react61.useRef)(void 0);
-  const [progress, setProgress] = (0, import_react61.useState)(0);
-  const [message, setMessage] = (0, import_react61.useState)("");
+  const session = (0, import_react66.useRef)(null);
+  const frame = (0, import_react66.useRef)(void 0);
+  const [progress, setProgress] = (0, import_react66.useState)(0);
+  const [message, setMessage] = (0, import_react66.useState)("");
   function stopFrame() {
     if (frame.current !== void 0) cancelAnimationFrame(frame.current);
     frame.current = void 0;
@@ -4493,10 +4940,10 @@ function useHoldConfirmation(options) {
   function release(source) {
     if (session.current?.source === source) cancel();
   }
-  (0, import_react61.useEffect)(() => {
+  (0, import_react66.useEffect)(() => {
     cancel();
   }, [options.actionKey, options.duration, options.blocked]);
-  (0, import_react61.useEffect)(() => {
+  (0, import_react66.useEffect)(() => {
     const hide = () => {
       if (document.hidden) cancel();
     };
@@ -4518,15 +4965,15 @@ function useHoldConfirmation(options) {
 }
 
 // src/feedback/ConfirmationAlternative.tsx
-var import_react62 = require("react");
-var import_jsx_runtime80 = require("react/jsx-runtime");
+var import_react67 = require("react");
+var import_jsx_runtime88 = require("react/jsx-runtime");
 function ConfirmationAlternative({ label, blocked, onOpen, onConfirm }) {
-  const [open, setOpen] = (0, import_react62.useState)(false);
-  const [requested, setRequested] = (0, import_react62.useState)(false);
-  const requestedRef = (0, import_react62.useRef)(false);
-  const trigger = (0, import_react62.useRef)(null);
-  const confirm = (0, import_react62.useRef)(null);
-  const id = (0, import_react62.useId)();
+  const [open, setOpen] = (0, import_react67.useState)(false);
+  const [requested, setRequested] = (0, import_react67.useState)(false);
+  const requestedRef = (0, import_react67.useRef)(false);
+  const trigger = (0, import_react67.useRef)(null);
+  const confirm = (0, import_react67.useRef)(null);
+  const id = (0, import_react67.useId)();
   function close() {
     setOpen(false);
     trigger.current?.focus();
@@ -4547,11 +4994,11 @@ function ConfirmationAlternative({ label, blocked, onOpen, onConfirm }) {
     setRequested(true);
     onConfirm();
   }
-  (0, import_react62.useEffect)(() => {
+  (0, import_react67.useEffect)(() => {
     if (open) confirm.current?.focus();
   }, [open]);
-  return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
       Button,
       {
         type: "button",
@@ -4565,7 +5012,7 @@ function ConfirmationAlternative({ label, blocked, onOpen, onConfirm }) {
         children: "\u5206\u6B65\u786E\u8BA4\uFF08\u65E0\u9700\u957F\u6309\uFF09"
       }
     ),
-    open && /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
+    open && /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
       "div",
       {
         id,
@@ -4576,16 +5023,16 @@ function ConfirmationAlternative({ label, blocked, onOpen, onConfirm }) {
           if (event.key === "Escape") close();
         },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("p", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("p", { children: [
             "\u786E\u8BA4\u6267\u884C\u201C",
             label,
             "\u201D\uFF1F"
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "hf-confirm-actions", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Button, { type: "button", variant: "outline", onClick: close, children: "\u53D6\u6D88" }),
-            /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Button, { type: "button", ref: confirm, disabled: blocked || requested, onClick: request, children: "\u786E\u8BA4\u6267\u884C" })
+          /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "hf-confirm-actions", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(Button, { type: "button", variant: "outline", onClick: close, children: "\u53D6\u6D88" }),
+            /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(Button, { type: "button", ref: confirm, disabled: blocked || requested, onClick: request, children: "\u786E\u8BA4\u6267\u884C" })
           ] }),
-          requested && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("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__ */ (0, import_jsx_runtime88.jsx)("p", { className: "hf-confirm-hint", role: "status", children: "\u5DF2\u53D1\u51FA\u786E\u8BA4\u8BF7\u6C42\uFF0C\u8BF7\u7B49\u5F85\u64CD\u4F5C\u7ED3\u679C" })
         ]
       }
     )
@@ -4593,7 +5040,7 @@ function ConfirmationAlternative({ label, blocked, onOpen, onConfirm }) {
 }
 
 // src/feedback/HoldToConfirm.tsx
-var import_jsx_runtime81 = require("react/jsx-runtime");
+var import_jsx_runtime89 = require("react/jsx-runtime");
 function HoldToConfirm({
   actionKey,
   label,
@@ -4607,14 +5054,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 = (0, import_react63.useId)();
-  return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: `hf-hold-confirm ${className}`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("p", { id: hintId, className: "hf-confirm-hint", children: [
+  const hintId = (0, import_react68.useId)();
+  return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: `hf-hold-confirm ${className}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("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__ */ (0, import_jsx_runtime81.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
       Button,
       {
         type: "button",
@@ -4651,8 +5098,8 @@ function HoldToConfirm({
         children: loading ? "\u6B63\u5728\u5904\u7406\u8BF7\u6C42" : label
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "hf-hold-confirm__track", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("span", { style: { width: `${hold.progress * 100}%` } }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: "hf-hold-confirm__track", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { style: { width: `${hold.progress * 100}%` } }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
       ConfirmationAlternative,
       {
         label,
@@ -4662,16 +5109,16 @@ function HoldToConfirm({
       },
       JSON.stringify([actionKey, milliseconds, blocked])
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("p", { className: "hf-confirm-hint", role: "status", children: hold.message }),
-    error && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("p", { className: "hf-confirm-error hf-tone--danger", role: "alert", children: error })
+    /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("p", { className: "hf-confirm-hint", role: "status", children: hold.message }),
+    error && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("p", { className: "hf-confirm-error hf-tone--danger", role: "alert", children: error })
   ] });
 }
 
 // src/feedback/TypedConfirm.tsx
-var import_react64 = require("react");
-var import_jsx_runtime82 = require("react/jsx-runtime");
+var import_react69 = require("react");
+var import_jsx_runtime90 = require("react/jsx-runtime");
 function TypedConfirm(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(TypedConfirmFields, { ...props }, JSON.stringify([props.actionKey, props.confirmationText]));
+  return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(TypedConfirmFields, { ...props }, JSON.stringify([props.actionKey, props.confirmationText]));
 }
 function TypedConfirmFields({
   confirmationText,
@@ -4684,12 +5131,12 @@ function TypedConfirmFields({
   error,
   className = ""
 }) {
-  const [value, setValue] = (0, import_react64.useState)("");
-  const [composing, setComposing] = (0, import_react64.useState)(false);
-  const [requested, setRequested] = (0, import_react64.useState)(false);
-  const composingRef = (0, import_react64.useRef)(false);
-  const valueRef = (0, import_react64.useRef)("");
-  const titleId = (0, import_react64.useId)();
+  const [value, setValue] = (0, import_react69.useState)("");
+  const [composing, setComposing] = (0, import_react69.useState)(false);
+  const [requested, setRequested] = (0, import_react69.useState)(false);
+  const composingRef = (0, import_react69.useRef)(false);
+  const valueRef = (0, import_react69.useRef)("");
+  const titleId = (0, import_react69.useId)();
   const validTarget = confirmationText.trim().length > 0 && !/[\r\n]/.test(confirmationText);
   const blocked = disabled || loading;
   const matches = validTarget && value === confirmationText && !composing;
@@ -4700,15 +5147,15 @@ function TypedConfirmFields({
     setRequested(true);
     onConfirm();
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("section", { className: `hf-typed-confirm ${className}`, "aria-labelledby": titleId, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("h3", { id: titleId, children: label }),
-    description && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("p", { children: description }),
-    validTarget ? /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("p", { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("section", { className: `hf-typed-confirm ${className}`, "aria-labelledby": titleId, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("h3", { id: titleId, children: label }),
+    description && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("p", { children: description }),
+    validTarget ? /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("p", { children: [
       "\u8F93\u5165 ",
-      /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("code", { children: confirmationText }),
+      /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("code", { children: confirmationText }),
       " \u4EE5\u786E\u8BA4\uFF0C\u9700\u5B8C\u5168\u4E00\u81F4\u3002"
-    ] }) : /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("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__ */ (0, import_jsx_runtime82.jsx)(
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("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__ */ (0, import_jsx_runtime90.jsx)(
       Input,
       {
         label: "\u786E\u8BA4\u6587\u5B57",
@@ -4738,21 +5185,21 @@ function TypedConfirmFields({
         }
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Button, { type: "button", disabled: blocked || !matches, onClick: confirm, children: loading ? "\u6B63\u5728\u5904\u7406\u8BF7\u6C42" : confirmLabel }),
-    /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("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__ */ (0, import_jsx_runtime82.jsx)("p", { className: "hf-confirm-error hf-tone--danger", role: "alert", children: error })
+    /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(Button, { type: "button", disabled: blocked || !matches, onClick: confirm, children: loading ? "\u6B63\u5728\u5904\u7406\u8BF7\u6C42" : confirmLabel }),
+    /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("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__ */ (0, import_jsx_runtime90.jsx)("p", { className: "hf-confirm-error hf-tone--danger", role: "alert", children: error })
   ] });
 }
 
 // src/data-display/SwipeActions.tsx
-var import_react66 = require("react");
+var import_react71 = require("react");
 
 // src/data-display/useSwipeReveal.ts
-var import_react65 = require("react");
+var import_react70 = require("react");
 function useSwipeReveal({ open, disabled, width, onChange }) {
-  const session = (0, import_react65.useRef)(null);
-  const [offset, setOffset] = (0, import_react65.useState)(null);
-  const cleanup = (0, import_react65.useRef)(null);
+  const session = (0, import_react70.useRef)(null);
+  const [offset, setOffset] = (0, import_react70.useState)(null);
+  const cleanup = (0, import_react70.useRef)(null);
   function cancel() {
     cleanup.current?.();
     cleanup.current = null;
@@ -4798,7 +5245,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);
   }
-  (0, import_react65.useEffect)(() => () => {
+  (0, import_react70.useEffect)(() => () => {
     cleanup.current?.();
     session.current = null;
   }, []);
@@ -4806,10 +5253,10 @@ function useSwipeReveal({ open, disabled, width, onChange }) {
 }
 
 // src/data-display/SwipeActions.tsx
-var import_jsx_runtime83 = require("react/jsx-runtime");
+var import_jsx_runtime91 = require("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__ */ (0, import_jsx_runtime83.jsx)(SwipeActionsRow, { ...props }, identity);
+  return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(SwipeActionsRow, { ...props }, identity);
 }
 function SwipeActionsRow({
   label,
@@ -4821,10 +5268,10 @@ function SwipeActionsRow({
   disabled = false,
   className = ""
 }) {
-  const [internal, setInternal] = (0, import_react66.useState)(defaultOpen);
-  const trigger = (0, import_react66.useRef)(null);
-  const tools = (0, import_react66.useRef)(null);
-  const id = (0, import_react66.useId)();
+  const [internal, setInternal] = (0, import_react71.useState)(defaultOpen);
+  const trigger = (0, import_react71.useRef)(null);
+  const tools = (0, import_react71.useRef)(null);
+  const id = (0, import_react71.useId)();
   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);
@@ -4834,7 +5281,7 @@ function SwipeActionsRow({
     onOpenChange?.(next);
   }
   const swipe = useSwipeReveal({ open, disabled: blocked, width: 144, onChange: request });
-  (0, import_react66.useEffect)(() => {
+  (0, import_react71.useEffect)(() => {
     if (!open) return;
     const frame = requestAnimationFrame(() => {
       if (document.activeElement === trigger.current) tools.current?.querySelector("button:not(:disabled)")?.focus();
@@ -4851,10 +5298,10 @@ function SwipeActionsRow({
     close();
     action.onAction();
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: `hf-swipe-actions ${className}`, onKeyDown: (event) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: `hf-swipe-actions ${className}`, onKeyDown: (event) => {
     if (event.key === "Escape") close();
   }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(
       "div",
       {
         className: "hf-swipe-actions__viewport",
@@ -4870,7 +5317,7 @@ function SwipeActionsRow({
           if (!event.currentTarget.contains(event.relatedTarget)) swipe.cancel();
         },
         children: [
-          open && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("div", { id, ref: tools, className: "hf-swipe-actions__tools", children: actions.map((action, index) => /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+          open && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { id, ref: tools, className: "hf-swipe-actions__tools", children: actions.map((action, index) => /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
             Button,
             {
               type: "button",
@@ -4882,7 +5329,7 @@ function SwipeActionsRow({
             },
             index
           )) }),
-          /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
             "div",
             {
               className: "hf-swipe-actions__content",
@@ -4895,7 +5342,7 @@ function SwipeActionsRow({
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(
       Button,
       {
         type: "button",
@@ -4916,16 +5363,16 @@ function SwipeActionsRow({
         ]
       }
     ),
-    !valid && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("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__ */ (0, import_jsx_runtime91.jsx)("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
-var import_react67 = require("react");
-var import_jsx_runtime84 = require("react/jsx-runtime");
+var import_react72 = require("react");
+var import_jsx_runtime92 = require("react/jsx-runtime");
 function ChecklistConfirm(props) {
   const identity = JSON.stringify([props.actionKey, props.items.map(({ id, label, description }) => [id, label, description])]);
-  return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(ChecklistConfirmFields, { ...props }, identity);
+  return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(ChecklistConfirmFields, { ...props }, identity);
 }
 function ChecklistConfirmFields({
   title,
@@ -4937,11 +5384,11 @@ function ChecklistConfirmFields({
   error,
   className = ""
 }) {
-  const [checked, setChecked] = (0, import_react67.useState)(/* @__PURE__ */ new Set());
-  const [requested, setRequested] = (0, import_react67.useState)(false);
-  const lock = (0, import_react67.useRef)(false);
-  const first = (0, import_react67.useRef)(null);
-  const titleId = (0, import_react67.useId)();
+  const [checked, setChecked] = (0, import_react72.useState)(/* @__PURE__ */ new Set());
+  const [requested, setRequested] = (0, import_react72.useState)(false);
+  const lock = (0, import_react72.useRef)(false);
+  const first = (0, import_react72.useRef)(null);
+  const titleId = (0, import_react72.useId)();
   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));
@@ -4964,10 +5411,10 @@ function ChecklistConfirmFields({
     first.current?.focus();
     onConfirm();
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("section", { className: `hf-checklist-confirm ${className}`, "aria-labelledby": titleId, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("h3", { id: titleId, children: title }),
-    !valid && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("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__ */ (0, import_jsx_runtime84.jsx)("div", { className: "hf-checklist-confirm__items", children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("section", { className: `hf-checklist-confirm ${className}`, "aria-labelledby": titleId, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("h3", { id: titleId, children: title }),
+    !valid && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("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__ */ (0, import_jsx_runtime92.jsx)("div", { className: "hf-checklist-confirm__items", children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
       Checkbox,
       {
         ref: index === 0 ? first : void 0,
@@ -4979,22 +5426,22 @@ function ChecklistConfirmFields({
       },
       index
     )) }),
-    /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("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__ */ (0, import_jsx_runtime84.jsx)(Button, { type: "button", disabled: blocked || !allChecked, onClick: confirm, children: loading ? "\u6B63\u5728\u5904\u7406\u8BF7\u6C42" : confirmLabel }),
-    error && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("p", { role: "alert", className: "hf-tone--danger hf-row-error", children: error })
+    /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("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__ */ (0, import_jsx_runtime92.jsx)(Button, { type: "button", disabled: blocked || !allChecked, onClick: confirm, children: loading ? "\u6B63\u5728\u5904\u7406\u8BF7\u6C42" : confirmLabel }),
+    error && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("p", { role: "alert", className: "hf-tone--danger hf-row-error", children: error })
   ] });
 }
 
 // src/feedback/UndoNotice.tsx
-var import_react70 = require("react");
+var import_react75 = require("react");
 
 // src/feedback/useUndoDeadline.ts
-var import_react68 = require("react");
+var import_react73 = require("react");
 function useUndoDeadline(expiresAt, active) {
-  const [now, setNow] = (0, import_react68.useState)(() => Date.now());
+  const [now, setNow] = (0, import_react73.useState)(() => Date.now());
   const valid = expiresAt === void 0 || Number.isFinite(expiresAt);
   const expired = expiresAt !== void 0 && valid && expiresAt <= Math.max(now, Date.now());
-  (0, import_react68.useEffect)(() => {
+  (0, import_react73.useEffect)(() => {
     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())));
@@ -5009,12 +5456,12 @@ function useUndoDeadline(expiresAt, active) {
 }
 
 // src/feedback/useUndoRequest.ts
-var import_react69 = require("react");
+var import_react74 = require("react");
 function useUndoRequest(onUndo) {
-  const [phase, setPhase] = (0, import_react69.useState)("ready");
-  const currentPhase = (0, import_react69.useRef)("ready");
-  const request = (0, import_react69.useRef)(null);
-  (0, import_react69.useEffect)(() => () => request.current?.abort(), []);
+  const [phase, setPhase] = (0, import_react74.useState)("ready");
+  const currentPhase = (0, import_react74.useRef)("ready");
+  const request = (0, import_react74.useRef)(null);
+  (0, import_react74.useEffect)(() => () => request.current?.abort(), []);
   async function undo() {
     if (currentPhase.current === "pending" || currentPhase.current === "undone") return;
     const controller = new AbortController();
@@ -5038,9 +5485,9 @@ function useUndoRequest(onUndo) {
 }
 
 // src/feedback/UndoNotice.tsx
-var import_jsx_runtime85 = require("react/jsx-runtime");
+var import_jsx_runtime93 = require("react/jsx-runtime");
 function UndoNotice(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(UndoNoticeSession, { ...props }, props.operationKey);
+  return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(UndoNoticeSession, { ...props }, props.operationKey);
 }
 function UndoNoticeSession({
   operationKey,
@@ -5055,8 +5502,8 @@ function UndoNoticeSession({
 }) {
   const { phase, undo } = useUndoRequest(onUndo);
   const deadline = useUndoDeadline(expiresAt, phase === "ready" || phase === "failed");
-  const messageId = (0, import_react70.useId)();
-  const statusId = (0, import_react70.useId)();
+  const messageId = (0, import_react75.useId)();
+  const statusId = (0, import_react75.useId)();
   const valid = deadline.valid && !!operationKey.trim() && !!message.trim() && !!undoLabel.trim();
   const pending = phase === "pending";
   const undone = phase === "undone";
@@ -5066,18 +5513,18 @@ function UndoNoticeSession({
     if (blocked || expiresAt !== void 0 && Date.now() >= expiresAt) return;
     void undo();
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("section", { className: `hf-undo-notice ${className}`.trim(), "aria-labelledby": messageId, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "hf-undo-notice__content", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("p", { id: messageId, className: "hf-undo-notice__message", children: message }),
-      /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("p", { id: statusId, role: "status", "aria-atomic": "true", className: "hf-undo-notice__status", children: status }),
-      phase === "failed" && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("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__ */ (0, import_jsx_runtime85.jsxs)("p", { className: "hf-undo-notice__deadline", "aria-live": "off", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("section", { className: `hf-undo-notice ${className}`.trim(), "aria-labelledby": messageId, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "hf-undo-notice__content", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("p", { id: messageId, className: "hf-undo-notice__message", children: message }),
+      /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("p", { id: statusId, role: "status", "aria-atomic": "true", className: "hf-undo-notice__status", children: status }),
+      phase === "failed" && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("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__ */ (0, import_jsx_runtime93.jsxs)("p", { className: "hf-undo-notice__deadline", "aria-live": "off", children: [
         "\u5269\u4F59 ",
         deadline.remaining,
         " \u79D2"
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
       Button,
       {
         type: "button",
@@ -5092,93 +5539,11 @@ function UndoNoticeSession({
   ] });
 }
 
-// src/navigation/useReadingPosition.ts
-var import_react71 = require("react");
-function useReadingPosition(target) {
-  const [snapshot, setSnapshot] = (0, import_react71.useState)({ target, value: 0 });
-  (0, import_react71.useEffect)(() => {
-    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
-var import_jsx_runtime86 = require("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__ */ (0, import_jsx_runtime86.jsxs)("div", { className: `hf-reading-progress ${className}`.trim(), children: [
-    showValue && /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "hf-reading-progress__caption", "aria-hidden": "true", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { children: name }),
-      /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("span", { children: [
-        value,
-        "%"
-      ] })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
-      "div",
-      {
-        className: "hf-reading-progress__track",
-        role: "progressbar",
-        "aria-label": name,
-        "aria-valuemin": 0,
-        "aria-valuemax": 100,
-        "aria-valuenow": value,
-        children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { className: "hf-reading-progress__fill", style: { width: `${value}%` } })
-      }
-    )
-  ] });
-}
-
 // src/data-display/LoadMore.tsx
-var import_react72 = require("react");
-var import_jsx_runtime87 = require("react/jsx-runtime");
+var import_react76 = require("react");
+var import_jsx_runtime94 = require("react/jsx-runtime");
 function LoadMore(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(LoadMoreControl, { ...props }, props.resetKey);
+  return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(LoadMoreControl, { ...props }, props.resetKey);
 }
 function LoadMoreControl({
   onLoad,
@@ -5189,12 +5554,12 @@ function LoadMoreControl({
   className = "",
   trigger = 0
 }) {
-  const [phase, setPhase] = (0, import_react72.useState)("idle");
-  const request = (0, import_react72.useRef)(null);
-  const alive = (0, import_react72.useRef)(true);
-  const latest = (0, import_react72.useRef)({ onLoad, hasMore, disabled });
+  const [phase, setPhase] = (0, import_react76.useState)("idle");
+  const request = (0, import_react76.useRef)(null);
+  const alive = (0, import_react76.useRef)(true);
+  const latest = (0, import_react76.useRef)({ onLoad, hasMore, disabled });
   latest.current = { onLoad, hasMore, disabled };
-  (0, import_react72.useEffect)(() => {
+  (0, import_react76.useEffect)(() => {
     alive.current = true;
     return () => {
       alive.current = false;
@@ -5215,32 +5580,32 @@ function LoadMoreControl({
       if (request.current === controller) request.current = null;
     }
   }
-  const seen = (0, import_react72.useRef)(0);
-  (0, import_react72.useEffect)(() => {
+  const seen = (0, import_react76.useRef)(0);
+  (0, import_react76.useEffect)(() => {
     if (trigger === seen.current) return;
     seen.current = trigger;
     if (phase !== "error") void load();
   }, [trigger]);
   const blocked = disabled || !hasMore || phase === "pending";
-  return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: `hf-content-loading ${className}`.trim(), "aria-busy": phase === "pending", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("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__ */ (0, import_jsx_runtime87.jsx)("p", { role: "alert", className: "hf-tone--danger", children: errorMessage.trim() || "\u52A0\u8F7D\u5931\u8D25\uFF0C\u8BF7\u91CD\u8BD5\u3002" }),
-    /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Button, { type: "button", variant: "outline", "aria-disabled": blocked, onClick: () => {
+  return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: `hf-content-loading ${className}`.trim(), "aria-busy": phase === "pending", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("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__ */ (0, import_jsx_runtime94.jsx)("p", { role: "alert", className: "hf-tone--danger", children: errorMessage.trim() || "\u52A0\u8F7D\u5931\u8D25\uFF0C\u8BF7\u91CD\u8BD5\u3002" }),
+    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(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
-var import_react73 = require("react");
-var import_jsx_runtime88 = require("react/jsx-runtime");
+var import_react77 = require("react");
+var import_jsx_runtime95 = require("react/jsx-runtime");
 function InfiniteScroll(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(InfiniteScrollSession, { ...props }, props.resetKey);
+  return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(InfiniteScrollSession, { ...props }, props.resetKey);
 }
 function InfiniteScrollSession({ children, root, rootMargin = "0px", ...props }) {
-  const sentinel = (0, import_react73.useRef)(null);
-  const [trigger, setTrigger] = (0, import_react73.useState)(0);
-  (0, import_react73.useEffect)(() => {
+  const sentinel = (0, import_react77.useRef)(null);
+  const [trigger, setTrigger] = (0, import_react77.useState)(0);
+  (0, import_react77.useEffect)(() => {
     if (!sentinel.current || root === null || props.disabled || !props.hasMore || typeof IntersectionObserver === "undefined") return;
     let inside = false;
     let observer;
@@ -5256,16 +5621,16 @@ function InfiniteScrollSession({ children, root, rootMargin = "0px", ...props })
     observer.observe(sentinel.current);
     return () => observer.disconnect();
   }, [root, rootMargin, props.disabled, props.hasMore]);
-  return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "hf-infinite-scroll", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "hf-infinite-scroll", children: [
     children,
-    /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { ref: sentinel, className: "hf-infinite-scroll__sentinel", "aria-hidden": "true" }),
-    /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(LoadMoreControl, { ...props, trigger })
+    /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { ref: sentinel, className: "hf-infinite-scroll__sentinel", "aria-hidden": "true" }),
+    /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(LoadMoreControl, { ...props, trigger })
   ] });
 }
 
 // src/data-display/LazyLoad.tsx
-var import_react74 = require("react");
-var import_jsx_runtime89 = require("react/jsx-runtime");
+var import_react78 = require("react");
+var import_jsx_runtime96 = require("react/jsx-runtime");
 function LazyLoad({
   children,
   placeholder,
@@ -5276,16 +5641,16 @@ function LazyLoad({
   label = "\u663E\u793A\u5185\u5BB9",
   className = ""
 }) {
-  const target = (0, import_react74.useRef)(null);
-  const [mounted, setMounted] = (0, import_react74.useState)(false);
-  const restoreFocus = (0, import_react74.useRef)(false);
-  (0, import_react74.useEffect)(() => {
+  const target = (0, import_react78.useRef)(null);
+  const [mounted, setMounted] = (0, import_react78.useState)(false);
+  const restoreFocus = (0, import_react78.useRef)(false);
+  (0, import_react78.useEffect)(() => {
     if (mounted && restoreFocus.current) {
       target.current?.focus({ preventScroll: true });
       restoreFocus.current = false;
     }
   }, [mounted]);
-  (0, import_react74.useEffect)(() => {
+  (0, import_react78.useEffect)(() => {
     if (mounted) return;
     if (disabled) {
       setMounted(true);
@@ -5311,16 +5676,16 @@ function LazyLoad({
     observer.observe(target.current);
     return () => observer.disconnect();
   }, [mounted, disabled, root, rootMargin]);
-  return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
     "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__ */ (0, import_jsx_runtime89.jsxs)(import_jsx_runtime89.Fragment, { children: [
+      children: mounted || disabled ? children : /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(import_jsx_runtime96.Fragment, { children: [
         placeholder,
-        /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(Button, { type: "button", variant: "outline", onClick: () => {
+        /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(Button, { type: "button", variant: "outline", onClick: () => {
           restoreFocus.current = true;
           setMounted(true);
         }, children: label.trim() || "\u663E\u793A\u5185\u5BB9" })
@@ -5330,24 +5695,24 @@ function LazyLoad({
 }
 
 // src/feedback/OptimisticUpdate.tsx
-var import_react76 = require("react");
+var import_react80 = require("react");
 
 // src/feedback/useOptimisticRequest.ts
-var import_react75 = require("react");
+var import_react79 = require("react");
 function useOptimisticRequest(initialValue, onUpdate, disabled) {
-  const [view, setView] = (0, import_react75.useState)(
+  const [view, setView] = (0, import_react79.useState)(
     { value: initialValue, phase: "idle" }
   );
-  const currentView = (0, import_react75.useRef)(view);
-  const confirmed = (0, import_react75.useRef)(initialValue);
-  const desired = (0, import_react75.useRef)(null);
-  const failed = (0, import_react75.useRef)(null);
-  const active = (0, import_react75.useRef)(null);
-  const sequence = (0, import_react75.useRef)(0);
-  const alive = (0, import_react75.useRef)(true);
-  const latest = (0, import_react75.useRef)({ onUpdate, disabled });
+  const currentView = (0, import_react79.useRef)(view);
+  const confirmed = (0, import_react79.useRef)(initialValue);
+  const desired = (0, import_react79.useRef)(null);
+  const failed = (0, import_react79.useRef)(null);
+  const active = (0, import_react79.useRef)(null);
+  const sequence = (0, import_react79.useRef)(0);
+  const alive = (0, import_react79.useRef)(true);
+  const latest = (0, import_react79.useRef)({ onUpdate, disabled });
   latest.current = { onUpdate, disabled };
-  (0, import_react75.useEffect)(() => {
+  (0, import_react79.useEffect)(() => {
     alive.current = true;
     return () => {
       alive.current = false;
@@ -5397,9 +5762,9 @@ function useOptimisticRequest(initialValue, onUpdate, disabled) {
 }
 
 // src/feedback/OptimisticUpdate.tsx
-var import_jsx_runtime90 = require("react/jsx-runtime");
+var import_jsx_runtime97 = require("react/jsx-runtime");
 function OptimisticUpdate(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(OptimisticSession, { ...props }, props.operationKey);
+  return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(OptimisticSession, { ...props }, props.operationKey);
 }
 function OptimisticSession({
   initialValue,
@@ -5411,12 +5776,149 @@ function OptimisticSession({
   className = ""
 }) {
   const state = useOptimisticRequest(initialValue, onUpdate, disabled);
-  const statusId = (0, import_react76.useId)();
+  const statusId = (0, import_react80.useId)();
   const name = label.trim() || "\u66F4\u65B0";
-  return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: `hf-optimistic-update ${className}`.trim(), role: "group", "aria-label": name, "aria-describedby": statusId, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: `hf-optimistic-update ${className}`.trim(), role: "group", "aria-label": name, "aria-describedby": statusId, children: [
     children(state),
-    /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("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__ */ (0, import_jsx_runtime90.jsx)("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__ */ (0, import_jsx_runtime97.jsx)("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__ */ (0, import_jsx_runtime97.jsx)("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
+var import_react82 = require("react");
+
+// src/feedback/useTaskProgress.ts
+var import_react81 = require("react");
+var clamp = (value) => Math.min(100, Math.max(0, Number.isFinite(value) ? value : 0));
+function useTaskProgress(run, stageIds, disabled) {
+  const [snapshot, setSnapshot] = (0, import_react81.useState)({
+    phase: "idle",
+    progress: 0
+  });
+  const runRef = (0, import_react81.useRef)(run);
+  const controllerRef = (0, import_react81.useRef)(void 0);
+  const generationRef = (0, import_react81.useRef)(0);
+  runRef.current = run;
+  const start = (0, import_react81.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 = (0, import_react81.useCallback)(() => {
+    if (!controllerRef.current) return;
+    generationRef.current += 1;
+    controllerRef.current.abort();
+    controllerRef.current = void 0;
+    setSnapshot((current) => ({ ...current, phase: "cancelled" }));
+  }, []);
+  const retry = (0, import_react81.useCallback)(() => {
+    if (snapshot.phase !== "error" && snapshot.phase !== "cancelled") return;
+    start();
+  }, [snapshot.phase, start]);
+  (0, import_react81.useEffect)(() => () => {
+    generationRef.current += 1;
+    controllerRef.current?.abort();
+    controllerRef.current = void 0;
+  }, []);
+  return { ...snapshot, start, cancel, retry };
+}
+
+// src/feedback/TaskProgress.tsx
+var import_jsx_runtime98 = require("react/jsx-runtime");
+function TaskProgress(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(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 = (0, import_react82.useMemo)(() => stages.map((stage) => stage.id), [stageSignature]);
+  const state = useTaskProgress(run, stageIds, disabled || stages.length === 0);
+  const statusId = (0, import_react82.useId)();
+  const activeIndex = state.activeStageId ? stageIds.indexOf(state.activeStageId) : -1;
+  (0, import_react82.useEffect)(() => {
+    if (!autoStart || disabled || stages.length === 0) return;
+    const timer = window.setTimeout(state.start, 0);
+    return () => window.clearTimeout(timer);
+  }, [autoStart, disabled, stages.length, state.start]);
+  (0, import_react82.useEffect)(() => {
+    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__ */ (0, import_jsx_runtime98.jsxs)("section", { className: `hf-task-progress ${className}`.trim(), "aria-labelledby": `${statusId}-title`, "aria-busy": state.phase === "running", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("header", { className: "hf-task-progress__header", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("h3", { id: `${statusId}-title`, children: title }),
+        /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("p", { id: statusId, role: "status", "aria-live": "polite", "aria-atomic": "true", children: statusText })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("strong", { "aria-hidden": "true", children: [
+        Math.round(state.progress),
+        "%"
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+      "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__ */ (0, import_jsx_runtime98.jsx)("span", { style: { width: `${state.progress}%` } })
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("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__ */ (0, import_jsx_runtime98.jsxs)("li", { "data-status": status, "aria-current": status === "active" ? "step" : void 0, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("span", { className: "hf-task-progress__marker", "aria-hidden": "true", children: status === "complete" ? "\u2713" : index + 1 }),
+        /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("strong", { children: stage.label }),
+          stage.description && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("p", { children: stage.description })
+        ] })
+      ] }, stage.id);
+    }) }),
+    state.phase === "error" && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("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__ */ (0, import_jsx_runtime98.jsx)("div", { className: "hf-task-progress__result", children: renderResult(state.result) }),
+    /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: "hf-task-progress__actions", children: [
+      state.phase === "idle" && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Button, { type: "button", disabled: disabled || stages.length === 0, onClick: state.start, children: "\u5F00\u59CB\u4EFB\u52A1" }),
+      state.phase === "running" && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Button, { type: "button", variant: "outline", onClick: state.cancel, children: "\u53D6\u6D88\u4EFB\u52A1" }),
+      (state.phase === "error" || state.phase === "cancelled") && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Button, { type: "button", disabled, onClick: state.retry, children: "\u91CD\u65B0\u6267\u884C" })
+    ] })
   ] });
 }
 // Annotate the CommonJS export names for ESM import in node:
@@ -5433,7 +5935,9 @@ function OptimisticSession({
   AvailabilityGrid,
   Avatar,
   AvatarGroup,
+  BackToTop,
   Badge,
+  BottomNavigation,
   Breadcrumb,
   Button,
   ButtonGroup,
@@ -5482,6 +5986,7 @@ function OptimisticSession({
   GanttChart,
   Grid,
   Hero,
+  HierarchicalSidebar,
   HoldToConfirm,
   HotspotGuide,
   Icon,
@@ -5498,11 +6003,13 @@ function OptimisticSession({
   LoadMore,
   LoadingDots,
   LoadingOverlay,
+  LongPageNavigation,
   MarkdownContent,
   Masonry,
   MegaMenu,
   MemberPicker,
   MentionInput,
+  MobileContentNavigation,
   MobileNavigation,
   Modal,
   ModelSelector,
@@ -5524,6 +6031,7 @@ function OptimisticSession({
   ProgressBar,
   ProgressRing,
   PromptSuggestions,
+  PullToRefresh,
   QueryBuilder,
   Radio,
   RadioGroup,
@@ -5559,6 +6067,7 @@ function OptimisticSession({
   Table,
   Tabs,
   Tag,
+  TaskProgress,
   Textarea,
   ThemeProvider,
   TimePicker,