@underverse-ui/underverse 1.0.53 → 1.0.55

package/dist/index.cjs

@@ -3667,7 +3667,7 @@ var ToastProvider = ({ children, position = "top-right", maxToasts = 5 }) => {
         return updated.slice(0, maxToasts);
       });
     },
-    [maxToasts, removeToast]
+    [maxToasts]
   );
   const positionClasses = {
     "top-right": "top-4 right-4",
@@ -4075,6 +4075,7 @@ var React15 = __toESM(require("react"), 1);
 var import_react_dom3 = require("react-dom");
 
 // src/utils/animations.ts
+var import_react8 = require("react");
 var shadcnAnimationStyles = `
   /* ============================================
    * DROPDOWN / POPOVER ANIMATIONS
@@ -4240,7 +4241,7 @@ var shadcnAnimationStyles = `
     transition: backdrop-filter 200ms ease, background-color 200ms ease;
   }
 `;
-function useShadCNAnimations() {
+function ensureAnimationStylesInjected() {
   if (typeof document !== "undefined") {
     const styleId = "shadcn-animations";
     if (!document.getElementById(styleId)) {
@@ -4251,8 +4252,13 @@ function useShadCNAnimations() {
     }
   }
 }
+function useShadCNAnimations() {
+  (0, import_react8.useEffect)(() => {
+    ensureAnimationStylesInjected();
+  }, []);
+}
 function injectAnimationStyles() {
-  useShadCNAnimations();
+  ensureAnimationStylesInjected();
 }
 function getAnimationStyles() {
   return shadcnAnimationStyles;
@@ -4665,7 +4671,8 @@ var Sheet = ({
   closeOnOutsideClick = true,
   closeOnEscape = true,
   header,
-  footer
+  footer,
+  overlayOpacity
 }) => {
   const [mounted, setMounted] = React16.useState(false);
   const [isAnimating, setIsAnimating] = React16.useState(true);
@@ -4724,8 +4731,9 @@ var Sheet = ({
         className: cn(
           "fixed inset-0 transition-all duration-300 ease-out",
           variant === "overlay" ? "bg-background/95 backdrop-blur-sm" : "bg-background/80 backdrop-blur-sm",
-          open && !isAnimating ? "opacity-100" : "opacity-0"
+          overlayOpacity === void 0 && (open && !isAnimating ? "opacity-100" : "opacity-0")
         ),
+        style: overlayOpacity !== void 0 ? { opacity: open && !isAnimating ? overlayOpacity : 0 } : void 0,
         onClick: handleOverlayClick
       }
     ),
@@ -4794,7 +4802,7 @@ var SidebarSheet = ({ navigation, children, ...props }) => {
 };
 
 // src/components/Alert.tsx
-var import_react8 = require("react");
+var import_react9 = require("react");
 var import_lucide_react9 = require("lucide-react");
 var import_jsx_runtime20 = require("react/jsx-runtime");
 var variantConfig = {
@@ -4835,7 +4843,7 @@ var variantConfig = {
   }
 };
 var Alert = ({ title, description, variant = "default", className, icon, dismissible = false, onClose, actions, closeAriaLabel }) => {
-  const [open, setOpen] = (0, import_react8.useState)(true);
+  const [open, setOpen] = (0, import_react9.useState)(true);
   const t = useSmartTranslations("Common");
   if (!open) return null;
   const handleClose = () => {
@@ -4880,7 +4888,7 @@ var Alert = ({ title, description, variant = "default", className, icon, dismiss
 var Alert_default = Alert;
 
 // src/components/GlobalLoading.tsx
-var import_react9 = __toESM(require("react"), 1);
+var import_react10 = __toESM(require("react"), 1);
 var import_lucide_react10 = require("lucide-react");
 
 // src/utils/loading.ts
@@ -4927,8 +4935,8 @@ var loading = new LoadingManager();
 // src/components/GlobalLoading.tsx
 var import_jsx_runtime21 = require("react/jsx-runtime");
 var GlobalLoading = ({ className, backdrop = true, position = "fixed", size = "lg" }) => {
-  const [state, setState] = (0, import_react9.useState)(() => loading.getState());
-  (0, import_react9.useEffect)(() => {
+  const [state, setState] = (0, import_react10.useState)(() => loading.getState());
+  (0, import_react10.useEffect)(() => {
     const unsubscribe = loading.subscribe(setState);
     return unsubscribe;
   }, []);
@@ -4985,7 +4993,7 @@ var InlineLoading = ({ isLoading, text, className, size = "md" }) => {
   ] });
 };
 var ButtonLoading = ({ isLoading, children, className, disabled, loadingText }) => {
-  const child = import_react9.default.isValidElement(children) ? import_react9.default.cloneElement(children, {
+  const child = import_react10.default.isValidElement(children) ? import_react10.default.cloneElement(children, {
     disabled: (children.props?.disabled ?? false) || disabled || isLoading,
     "aria-busy": isLoading || void 0
   }) : children;
@@ -5335,7 +5343,7 @@ var VerticalTabs = ({ sidebarWidth = "w-48", className, ...props }) => {
 };
 
 // src/components/DropdownMenu.tsx
-var import_react10 = __toESM(require("react"), 1);
+var import_react11 = __toESM(require("react"), 1);
 var import_jsx_runtime24 = require("react/jsx-runtime");
 var DropdownMenu = ({
   trigger,
@@ -5349,18 +5357,18 @@ var DropdownMenu = ({
   onOpenChange,
   items
 }) => {
-  const [internalOpen, setInternalOpen] = (0, import_react10.useState)(false);
-  const triggerRef = import_react10.default.useRef(null);
-  const menuRef = import_react10.default.useRef(null);
-  const itemsRef = import_react10.default.useRef([]);
-  const [activeIndex, setActiveIndex] = (0, import_react10.useState)(-1);
+  const [internalOpen, setInternalOpen] = (0, import_react11.useState)(false);
+  const triggerRef = import_react11.default.useRef(null);
+  const menuRef = import_react11.default.useRef(null);
+  const itemsRef = import_react11.default.useRef([]);
+  const [activeIndex, setActiveIndex] = (0, import_react11.useState)(-1);
   useShadCNAnimations();
   const open = isOpen !== void 0 ? isOpen : internalOpen;
   const setOpen = onOpenChange || setInternalOpen;
-  import_react10.default.useEffect(() => {
+  import_react11.default.useEffect(() => {
     if (open) setActiveIndex(-1);
   }, [open]);
-  import_react10.default.useEffect(() => {
+  import_react11.default.useEffect(() => {
     if (!open) return;
     const handleKeyNav = (e) => {
       const active = document.activeElement;
@@ -5434,7 +5442,7 @@ var DropdownMenu = ({
       index
     );
   }) : children });
-  const enhancedTrigger = import_react10.default.cloneElement(trigger, {
+  const enhancedTrigger = import_react11.default.cloneElement(trigger, {
     ref: triggerRef,
     "aria-haspopup": "menu",
     "aria-expanded": open,
@@ -5548,11 +5556,11 @@ var import_lucide_react13 = require("lucide-react");
 
 // src/components/Combobox.tsx
 var React22 = __toESM(require("react"), 1);
-var import_react12 = require("react");
+var import_react13 = require("react");
 var import_lucide_react12 = require("lucide-react");
 
 // src/components/OverlayScrollbarProvider.tsx
-var import_react11 = require("react");
+var import_react12 = require("react");
 var import_overlayscrollbars = require("overlayscrollbars");
 
 // src/utils/overlay-scrollbar-controller.ts
@@ -5718,7 +5726,7 @@ function createOverlayScrollbarController({
 
 // src/components/OverlayScrollbarProvider.tsx
 var import_jsx_runtime25 = require("react/jsx-runtime");
-var OverlayScrollbarConfigContext = (0, import_react11.createContext)(DEFAULT_OVERLAY_SCROLLBAR_BEHAVIOR);
+var OverlayScrollbarConfigContext = (0, import_react12.createContext)(DEFAULT_OVERLAY_SCROLLBAR_BEHAVIOR);
 function OverlayScrollbarProvider({
   enabled = DEFAULT_OVERLAY_SCROLLBAR_BEHAVIOR.enabled,
   theme = DEFAULT_OVERLAY_SCROLLBAR_BEHAVIOR.theme,
@@ -5731,7 +5739,7 @@ function OverlayScrollbarProvider({
   selector,
   children
 } = {}) {
-  const value = (0, import_react11.useMemo)(
+  const value = (0, import_react12.useMemo)(
     () => resolveOverlayScrollbarBehavior({
       enabled,
       theme,
@@ -5748,32 +5756,15 @@ function OverlayScrollbarProvider({
   return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(OverlayScrollbarConfigContext.Provider, { value, children: children ?? null });
 }
 function useOverlayScrollbarTarget(targetRef, options = {}) {
-  const inherited = (0, import_react11.useContext)(OverlayScrollbarConfigContext);
-  const resolved = (0, import_react11.useMemo)(
+  const inherited = (0, import_react12.useContext)(OverlayScrollbarConfigContext);
+  const resolved = (0, import_react12.useMemo)(
     () => resolveOverlayScrollbarBehavior({
       ...inherited,
       ...options
     }),
-    [
-      inherited.enabled,
-      inherited.theme,
-      inherited.visibility,
-      inherited.autoHide,
-      inherited.autoHideDelay,
-      inherited.dragScroll,
-      inherited.clickScroll,
-      inherited.exclude,
-      options.enabled,
-      options.theme,
-      options.visibility,
-      options.autoHide,
-      options.autoHideDelay,
-      options.dragScroll,
-      options.clickScroll,
-      options.exclude
-    ]
+    [inherited, options]
   );
-  (0, import_react11.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     if (typeof window === "undefined") return;
     const target = targetRef.current;
     if (!target) return;
@@ -5787,17 +5778,7 @@ function useOverlayScrollbarTarget(targetRef, options = {}) {
     return () => {
       controller.destroy();
     };
-  }, [
-    targetRef,
-    resolved.enabled,
-    resolved.theme,
-    resolved.visibility,
-    resolved.autoHide,
-    resolved.autoHideDelay,
-    resolved.dragScroll,
-    resolved.clickScroll,
-    resolved.exclude
-  ]);
+  }, [targetRef, resolved]);
 }
 var OverlayScrollbarProvider_default = OverlayScrollbarProvider;
 
@@ -5858,7 +5839,7 @@ var Combobox = ({
   const inputRef = React22.useRef(null);
   const optionsViewportRef = React22.useRef(null);
   useOverlayScrollbarTarget(optionsViewportRef, { enabled: useOverlayScrollbar });
-  const autoId = (0, import_react12.useId)();
+  const autoId = (0, import_react13.useId)();
   const resolvedId = id ? String(id) : `combobox-${autoId}`;
   const labelId = label ? `${resolvedId}-label` : void 0;
   const enableSearch = options.length > 10;
@@ -6543,7 +6524,7 @@ var CompactPagination = ({ page, totalPages, onChange, className, disabled = fal
 };
 
 // src/components/Section.tsx
-var import_react13 = __toESM(require("react"), 1);
+var import_react14 = __toESM(require("react"), 1);
 var import_jsx_runtime28 = require("react/jsx-runtime");
 var gradientDirectionMap = {
   "to-r": "to right",
@@ -6576,7 +6557,7 @@ var variantClasses = {
   accent: "bg-accent/10",
   gradient: ""
 };
-var Section = import_react13.default.forwardRef(
+var Section = import_react14.default.forwardRef(
   ({
     children,
     className,
@@ -6616,7 +6597,7 @@ Section.displayName = "Section";
 var Section_default = Section;
 
 // src/components/ScrollArea.tsx
-var import_react14 = require("react");
+var import_react15 = require("react");
 var import_jsx_runtime29 = require("react/jsx-runtime");
 var variantClasses2 = {
   default: "bg-background",
@@ -6624,9 +6605,9 @@ var variantClasses2 = {
   primary: "bg-primary/5",
   accent: "bg-accent/10"
 };
-var ScrollArea = (0, import_react14.forwardRef)(
+var ScrollArea = (0, import_react15.forwardRef)(
   ({ className, contentClassName, children, variant = "default", outlined = false, useOverlayScrollbar = false, ...props }, ref) => {
-    const viewportRef = (0, import_react14.useRef)(null);
+    const viewportRef = (0, import_react15.useRef)(null);
     useOverlayScrollbarTarget(viewportRef, { enabled: useOverlayScrollbar });
     return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
       "div",
@@ -6647,11 +6628,11 @@ var ScrollArea = (0, import_react14.forwardRef)(
 ScrollArea.displayName = "ScrollArea";
 
 // src/components/OverlayScrollArea.tsx
-var import_react15 = require("react");
+var import_react16 = require("react");
 var import_jsx_runtime30 = require("react/jsx-runtime");
-var OverlayScrollArea = (0, import_react15.forwardRef)(
+var OverlayScrollArea = (0, import_react16.forwardRef)(
   ({ className, viewportClassName, viewportProps, enabled = true, overlayScrollbarOptions, children, ...props }, ref) => {
-    const viewportRef = (0, import_react15.useRef)(null);
+    const viewportRef = (0, import_react16.useRef)(null);
     useOverlayScrollbarTarget(viewportRef, {
       enabled,
       ...overlayScrollbarOptions
@@ -6886,7 +6867,7 @@ function formatDateSmart(date, locale = "en") {
 // src/components/DatePicker.tsx
 var import_lucide_react14 = require("lucide-react");
 var React26 = __toESM(require("react"), 1);
-var import_react16 = require("react");
+var import_react17 = require("react");
 var import_jsx_runtime31 = require("react/jsx-runtime");
 var DatePicker = ({
   id,
@@ -7285,7 +7266,7 @@ var DatePicker = ({
       )
     ] })
   ] });
-  const autoId = (0, import_react16.useId)();
+  const autoId = (0, import_react17.useId)();
   const resolvedId = id ? String(id) : `datepicker-${autoId}`;
   const labelId = label ? `${resolvedId}-label` : void 0;
   const labelSize = sizeStyles8[size].label;
@@ -11868,6 +11849,7 @@ function useSlotMetrics(args) {
   }, [
     activeView,
     adaptiveSlotWidths,
+    bodyClientWidth,
     dayHeaderMarks,
     dayHeaderSmart,
     daySlotCompression,
@@ -11980,6 +11962,7 @@ function CalendarTimeline({
   size = "md",
   enableEventSheet,
   eventSheetSize = "md",
+  eventSheetOverlayOpacity,
   renderEventSheet,
   selectedEventId,
   defaultSelectedEventId,
@@ -12253,7 +12236,7 @@ function CalendarTimeline({
   });
   React36.useEffect(() => {
     onRangeChange?.(range);
-  }, [range.start, range.end, onRangeChange]);
+  }, [range, onRangeChange]);
   const leftRef = React36.useRef(null);
   const bodyRef = React36.useRef(null);
   const headerRef = React36.useRef(null);
@@ -12565,7 +12548,7 @@ function CalendarTimeline({
       }
       return dayFmt.format(d);
     };
-  }, [activeView, dueDateSprint, l.sprint, resolvedLocale, resolvedTimeZone, slotStarts, slotStarts.length]);
+  }, [activeView, dueDateSprint, l.sprint, resolvedLocale, resolvedTimeZone, slotStarts]);
   const openCreate = React36.useCallback(() => {
     if (!canCreate) return;
     if (activeEventSheetOpen) setEventSheetOpen(false);
@@ -12728,7 +12711,7 @@ function CalendarTimeline({
         return;
       }
     },
-    [getPointerContext, range.end, range.start, slotToDate, slots.length]
+    [getPointerContext, range.end, range.start, setPreview, slotToDate, slots.length]
   );
   const flushDragPreview = React36.useCallback(() => {
     dragPreviewRafRef.current = null;
@@ -13396,6 +13379,7 @@ function CalendarTimeline({
             onOpenChange: setEventSheetOpen,
             side: "right",
             size: eventSheetSize,
+            overlayOpacity: eventSheetOverlayOpacity,
             title: selectedEvent.title ?? "Event",
             description: selectedTimeText || void 0,
             children: renderEventSheet ? renderEventSheet({
@@ -13472,7 +13456,7 @@ function CalendarTimeline({
 
 // src/components/MultiCombobox.tsx
 var React37 = __toESM(require("react"), 1);
-var import_react17 = require("react");
+var import_react18 = require("react");
 var import_lucide_react23 = require("lucide-react");
 var import_jsx_runtime42 = require("react/jsx-runtime");
 var MultiCombobox = ({
@@ -13601,7 +13585,7 @@ var MultiCombobox = ({
     outline: "border-2 border-input bg-transparent hover:border-primary",
     ghost: "border border-transparent bg-muted/50 hover:bg-muted"
   };
-  const autoId = (0, import_react17.useId)();
+  const autoId = (0, import_react18.useId)();
   const resolvedId = id ? String(id) : `multicombobox-${autoId}`;
   const labelId = label ? `${resolvedId}-label` : void 0;
   const labelSize = size === "sm" ? "text-xs" : size === "lg" ? "text-base" : "text-sm";
@@ -14281,7 +14265,10 @@ var Slider = React39.forwardRef(
     const currentRange = isRangeControlled ? rangeValue : internalRange;
     const rangeMin = clamp6(currentRange[0] ?? min, min, max);
     const rangeMax = clamp6(currentRange[1] ?? max, min, max);
-    const normalizedRange = rangeMin <= rangeMax ? [rangeMin, rangeMax] : [rangeMax, rangeMin];
+    const normalizedRange = React39.useMemo(
+      () => rangeMin <= rangeMax ? [rangeMin, rangeMax] : [rangeMax, rangeMin],
+      [rangeMax, rangeMin]
+    );
     const handleSingleChange = React39.useCallback(
       (e) => {
         const newValue = Number(e.target.value);
@@ -14587,7 +14574,7 @@ Slider.displayName = "Slider";
 
 // src/components/OverlayControls.tsx
 var import_lucide_react24 = require("lucide-react");
-var import_react18 = __toESM(require("react"), 1);
+var import_react19 = __toESM(require("react"), 1);
 var import_jsx_runtime45 = require("react/jsx-runtime");
 function OverlayControls({
   mode,
@@ -14618,24 +14605,24 @@ function OverlayControls({
 }) {
   const hoverClasses = showOnHover ? "opacity-0 pointer-events-none group-hover:opacity-100 group-hover:pointer-events-auto" : "opacity-100 pointer-events-auto";
   const showControlsBar = mode === "review";
-  const [rateOpen, setRateOpen] = import_react18.default.useState(false);
-  const rateWrapRef = import_react18.default.useRef(null);
-  const [controlsVisible, setControlsVisible] = import_react18.default.useState(true);
-  const hideTimerRef = import_react18.default.useRef(null);
-  const [previewData, setPreviewData] = import_react18.default.useState(null);
-  const sliderRef = import_react18.default.useRef(null);
-  const [isDragging, setIsDragging] = import_react18.default.useState(false);
-  const [dragValue, setDragValue] = import_react18.default.useState(value);
-  import_react18.default.useEffect(() => {
+  const [rateOpen, setRateOpen] = import_react19.default.useState(false);
+  const rateWrapRef = import_react19.default.useRef(null);
+  const [controlsVisible, setControlsVisible] = import_react19.default.useState(true);
+  const hideTimerRef = import_react19.default.useRef(null);
+  const [previewData, setPreviewData] = import_react19.default.useState(null);
+  const sliderRef = import_react19.default.useRef(null);
+  const [isDragging, setIsDragging] = import_react19.default.useState(false);
+  const [dragValue, setDragValue] = import_react19.default.useState(value);
+  import_react19.default.useEffect(() => {
     if (!isDragging) {
       setDragValue(value);
     }
   }, [value, isDragging]);
-  const [keyboardFeedback, setKeyboardFeedback] = import_react18.default.useState(null);
-  const feedbackTimerRef = import_react18.default.useRef(null);
-  const seekAccumulatorRef = import_react18.default.useRef(0);
-  const seekAccumulatorTimerRef = import_react18.default.useRef(null);
-  import_react18.default.useEffect(() => {
+  const [keyboardFeedback, setKeyboardFeedback] = import_react19.default.useState(null);
+  const feedbackTimerRef = import_react19.default.useRef(null);
+  const seekAccumulatorRef = import_react19.default.useRef(0);
+  const seekAccumulatorTimerRef = import_react19.default.useRef(null);
+  import_react19.default.useEffect(() => {
     const onDocDown = (e) => {
       if (!rateOpen) return;
       const wrap = rateWrapRef.current;
@@ -14646,7 +14633,7 @@ function OverlayControls({
     document.addEventListener("mousedown", onDocDown);
     return () => document.removeEventListener("mousedown", onDocDown);
   }, [rateOpen]);
-  import_react18.default.useEffect(() => {
+  import_react19.default.useEffect(() => {
     if (!autoHide || showOnHover) return;
     const resetTimer = () => {
       if (hideTimerRef.current) clearTimeout(hideTimerRef.current);
@@ -14669,22 +14656,22 @@ function OverlayControls({
       document.removeEventListener("mousemove", handleMouseMove);
     };
   }, [autoHide, autoHideDelay, showOnHover]);
-  const showFeedback = (type, value2) => {
+  const showFeedback = import_react19.default.useCallback((type, value2) => {
     if (feedbackTimerRef.current) clearTimeout(feedbackTimerRef.current);
     setKeyboardFeedback({ type, value: value2 });
     feedbackTimerRef.current = setTimeout(() => {
       setKeyboardFeedback(null);
     }, 800);
-  };
-  const accumulateSeek = (seconds) => {
+  }, []);
+  const accumulateSeek = import_react19.default.useCallback((seconds) => {
     if (seekAccumulatorTimerRef.current) clearTimeout(seekAccumulatorTimerRef.current);
     seekAccumulatorRef.current += seconds;
     showFeedback("seek", seekAccumulatorRef.current);
     seekAccumulatorTimerRef.current = setTimeout(() => {
       seekAccumulatorRef.current = 0;
     }, 1e3);
-  };
-  import_react18.default.useEffect(() => {
+  }, [showFeedback]);
+  import_react19.default.useEffect(() => {
     if (!enableKeyboardShortcuts) return;
     const handleKeyDown = (e) => {
       if (e.target instanceof HTMLInputElement || e.target instanceof HTMLTextAreaElement) return;
@@ -14782,6 +14769,7 @@ function OverlayControls({
     onSkip,
     skipSeconds,
     onChange,
+    onCommit,
     value,
     max,
     onVolumeChange,
@@ -14789,7 +14777,9 @@ function OverlayControls({
     onToggleFullscreen,
     onToggleMute,
     playing,
-    muted
+    muted,
+    accumulateSeek,
+    showFeedback
   ]);
   const formatTime3 = (sec) => {
     if (!isFinite(sec) || sec < 0) return "0:00";
@@ -15019,7 +15009,7 @@ function OverlayControls({
 }
 
 // src/components/CategoryTreeSelect.tsx
-var import_react19 = require("react");
+var import_react20 = require("react");
 var import_lucide_react25 = require("lucide-react");
 var import_jsx_runtime46 = require("react/jsx-runtime");
 var defaultLabels = {
@@ -15052,22 +15042,25 @@ function CategoryTreeSelect(props) {
     useOverlayScrollbar = false,
     singleSelect = false
   } = props;
-  const [isOpen, setIsOpen] = (0, import_react19.useState)(false);
-  const [expandedNodes, setExpandedNodes] = (0, import_react19.useState)(/* @__PURE__ */ new Set());
-  const [query, setQuery] = (0, import_react19.useState)("");
-  const searchInputRef = (0, import_react19.useRef)(null);
-  const dropdownViewportRef = (0, import_react19.useRef)(null);
+  const [isOpen, setIsOpen] = (0, import_react20.useState)(false);
+  const [expandedNodes, setExpandedNodes] = (0, import_react20.useState)(/* @__PURE__ */ new Set());
+  const [query, setQuery] = (0, import_react20.useState)("");
+  const searchInputRef = (0, import_react20.useRef)(null);
+  const dropdownViewportRef = (0, import_react20.useRef)(null);
   useOverlayScrollbarTarget(dropdownViewportRef, { enabled: useOverlayScrollbar });
-  const autoId = (0, import_react19.useId)();
+  const autoId = (0, import_react20.useId)();
   const resolvedId = id ? String(id) : `category-tree-select-${autoId}`;
   const labelId = label ? `${resolvedId}-label` : void 0;
   const helperId = helperText && !error ? `${resolvedId}-helper` : void 0;
   const errorId = error ? `${resolvedId}-error` : void 0;
   const describedBy = errorId || helperId;
   const mergedLabels = { ...defaultLabels, ...labels };
-  const valueArray = singleSelect ? props.value != null ? [props.value] : [] : props.value || [];
-  const selectedIds = (0, import_react19.useMemo)(() => new Set(valueArray), [valueArray]);
-  const { parentCategories, childrenMap, byId } = (0, import_react19.useMemo)(() => {
+  const valueArray = (0, import_react20.useMemo)(
+    () => singleSelect ? props.value != null ? [props.value] : [] : props.value ?? [],
+    [props.value, singleSelect]
+  );
+  const selectedIds = (0, import_react20.useMemo)(() => new Set(valueArray), [valueArray]);
+  const { parentCategories, childrenMap, byId } = (0, import_react20.useMemo)(() => {
     const byId2 = /* @__PURE__ */ new Map();
     const childrenMap2 = /* @__PURE__ */ new Map();
     const parentCategories2 = [];
@@ -15082,10 +15075,10 @@ function CategoryTreeSelect(props) {
     }
     return { parentCategories: parentCategories2, childrenMap: childrenMap2, byId: byId2 };
   }, [categories]);
-  const isSearchEnabled = (0, import_react19.useMemo)(() => enableSearch ?? categories.length > 10, [enableSearch, categories.length]);
-  const normalizedQuery = (0, import_react19.useMemo)(() => query.trim().toLowerCase(), [query]);
+  const isSearchEnabled = (0, import_react20.useMemo)(() => enableSearch ?? categories.length > 10, [enableSearch, categories.length]);
+  const normalizedQuery = (0, import_react20.useMemo)(() => query.trim().toLowerCase(), [query]);
   const isSearchMode = isSearchEnabled && normalizedQuery.length > 0;
-  const visibleIds = (0, import_react19.useMemo)(() => {
+  const visibleIds = (0, import_react20.useMemo)(() => {
     if (!isSearchMode) return null;
     const matches = categories.filter((c) => c.name.toLowerCase().includes(normalizedQuery));
     if (matches.length === 0) return /* @__PURE__ */ new Set();
@@ -15124,21 +15117,21 @@ function CategoryTreeSelect(props) {
     }
     return visible;
   }, [byId, categories, childrenMap, isSearchMode, normalizedQuery]);
-  (0, import_react19.useEffect)(() => {
+  (0, import_react20.useEffect)(() => {
     if (!isOpen) setQuery("");
   }, [isOpen]);
-  (0, import_react19.useEffect)(() => {
+  (0, import_react20.useEffect)(() => {
     if (!isOpen) return;
     if (!isSearchEnabled) return;
     const t = setTimeout(() => searchInputRef.current?.focus(), 50);
     return () => clearTimeout(t);
   }, [isOpen, isSearchEnabled]);
-  (0, import_react19.useEffect)(() => {
+  (0, import_react20.useEffect)(() => {
     if ((viewOnly || inline) && defaultExpanded) {
       const allParentIds = categories.filter((c) => childrenMap.has(c.id)).map((c) => c.id);
       setExpandedNodes(new Set(allParentIds));
     }
-  }, [viewOnly, inline, defaultExpanded, categories]);
+  }, [viewOnly, inline, defaultExpanded, categories, childrenMap]);
   const toggleExpand = (id2) => {
     if (isSearchMode) return;
     const newExpanded = new Set(expandedNodes);
@@ -15296,11 +15289,11 @@ function CategoryTreeSelect(props) {
       )
     ] }) });
   };
-  const effectiveParentCategories = (0, import_react19.useMemo)(() => {
+  const effectiveParentCategories = (0, import_react20.useMemo)(() => {
     if (!isSearchMode) return parentCategories;
     return parentCategories.filter((c) => visibleIds?.has(c.id));
   }, [isSearchMode, parentCategories, visibleIds]);
-  const effectiveChildrenMap = (0, import_react19.useMemo)(() => {
+  const effectiveChildrenMap = (0, import_react20.useMemo)(() => {
     if (!isSearchMode || !visibleIds) return childrenMap;
     const next = /* @__PURE__ */ new Map();
     for (const [parentId, children] of childrenMap.entries()) {
@@ -15470,6 +15463,7 @@ function CategoryTreeSelect(props) {
             disabled,
             role: "combobox",
             "aria-haspopup": "tree",
+            "aria-expanded": isOpen,
             "aria-controls": `${resolvedId}-tree`,
             "aria-labelledby": labelId,
             "aria-describedby": describedBy,
@@ -15541,7 +15535,7 @@ function CategoryTreeSelect(props) {
 }
 
 // src/components/ImageUpload.tsx
-var import_react20 = require("react");
+var import_react21 = require("react");
 var import_lucide_react26 = require("lucide-react");
 var import_jsx_runtime47 = require("react/jsx-runtime");
 function ImageUpload({
@@ -15559,10 +15553,10 @@ function ImageUpload({
   browseText,
   supportedFormatsText
 }) {
-  const [isDragging, setIsDragging] = (0, import_react20.useState)(false);
-  const [uploading, setUploading] = (0, import_react20.useState)(false);
-  const [uploadedImages, setUploadedImages] = (0, import_react20.useState)([]);
-  const fileInputRef = (0, import_react20.useRef)(null);
+  const [isDragging, setIsDragging] = (0, import_react21.useState)(false);
+  const [uploading, setUploading] = (0, import_react21.useState)(false);
+  const [uploadedImages, setUploadedImages] = (0, import_react21.useState)([]);
+  const fileInputRef = (0, import_react21.useRef)(null);
   const { addToast } = useToast();
   const t = useSmartTranslations("OCR.imageUpload");
   const previewSizes = {
@@ -15570,7 +15564,7 @@ function ImageUpload({
     md: "w-24 h-24",
     lg: "w-32 h-32"
   };
-  const handleDragOver = (0, import_react20.useCallback)(
+  const handleDragOver = (0, import_react21.useCallback)(
     (e) => {
       e.preventDefault();
       if (!disabled) {
@@ -15579,11 +15573,11 @@ function ImageUpload({
     },
     [disabled]
   );
-  const handleDragLeave = (0, import_react20.useCallback)((e) => {
+  const handleDragLeave = (0, import_react21.useCallback)((e) => {
     e.preventDefault();
     setIsDragging(false);
   }, []);
-  const handleFiles = (0, import_react20.useCallback)(
+  const handleFiles = (0, import_react21.useCallback)(
     async (files) => {
       if (files.length === 0) return;
       const validFiles = files.filter((file) => {
@@ -15650,7 +15644,7 @@ function ImageUpload({
     },
     [maxSize, addToast, onUpload]
   );
-  const handleDrop = (0, import_react20.useCallback)(
+  const handleDrop = (0, import_react21.useCallback)(
     (e) => {
       e.preventDefault();
       setIsDragging(false);
@@ -15660,7 +15654,7 @@ function ImageUpload({
     },
     [disabled, handleFiles]
   );
-  const handleFileSelect = (0, import_react20.useCallback)(
+  const handleFileSelect = (0, import_react21.useCallback)(
     (e) => {
       const files = Array.from(e.target.files || []);
       handleFiles(files);
@@ -15764,11 +15758,8 @@ function ImageUpload({
 
 // src/components/FileUpload.tsx
 var import_lucide_react27 = require("lucide-react");
-var import_react21 = require("react");
-var import_jsx_runtime48 = (
-  // eslint-disable-next-line @next/next/no-img-element
-  require("react/jsx-runtime")
-);
+var import_react22 = require("react");
+var import_jsx_runtime48 = require("react/jsx-runtime");
 var formatFileSize = (bytes) => {
   if (bytes === 0) return "0 Bytes";
   const k = 1024;
@@ -15874,12 +15865,12 @@ function FileUpload({
   allowPreview = true,
   initialFiles = []
 }) {
-  const [isDragging, setIsDragging] = (0, import_react21.useState)(false);
-  const [files, setFiles] = (0, import_react21.useState)(initialFiles);
-  const fileInputRef = (0, import_react21.useRef)(null);
+  const [isDragging, setIsDragging] = (0, import_react22.useState)(false);
+  const [files, setFiles] = (0, import_react22.useState)(initialFiles);
+  const fileInputRef = (0, import_react22.useRef)(null);
   const { addToast } = useToast();
   const t = useSmartTranslations("FileUpload");
-  const sizeConfig = (0, import_react21.useMemo)(
+  const sizeConfig = (0, import_react22.useMemo)(
     () => ({
       sm: {
         padding: "p-4",
@@ -15912,7 +15903,7 @@ function FileUpload({
     []
   );
   const currentSize = sizeConfig[size];
-  const handleDragOver = (0, import_react21.useCallback)(
+  const handleDragOver = (0, import_react22.useCallback)(
     (e) => {
       e.preventDefault();
       e.stopPropagation();
@@ -15922,12 +15913,12 @@ function FileUpload({
     },
     [disabled]
   );
-  const handleDragLeave = (0, import_react21.useCallback)((e) => {
+  const handleDragLeave = (0, import_react22.useCallback)((e) => {
     e.preventDefault();
     e.stopPropagation();
     setIsDragging(false);
   }, []);
-  const processFiles = (0, import_react21.useCallback)(
+  const processFiles = (0, import_react22.useCallback)(
     async (fileList) => {
       if (fileList.length === 0) return;
       const remainingSlots = maxFiles - files.length;
@@ -16000,7 +15991,7 @@ function FileUpload({
     },
     [files, maxFiles, maxSize, uploadHandler, onUpload, onChange, addToast, t]
   );
-  const handleDrop = (0, import_react21.useCallback)(
+  const handleDrop = (0, import_react22.useCallback)(
     (e) => {
       e.preventDefault();
       e.stopPropagation();
@@ -16011,7 +16002,7 @@ function FileUpload({
     },
     [disabled, processFiles]
   );
-  const handleFileSelect = (0, import_react21.useCallback)(
+  const handleFileSelect = (0, import_react22.useCallback)(
     (e) => {
       const selectedFiles = Array.from(e.target.files || []);
       processFiles(selectedFiles);
@@ -16021,7 +16012,7 @@ function FileUpload({
     },
     [processFiles]
   );
-  const handleRemove = (0, import_react21.useCallback)(
+  const handleRemove = (0, import_react22.useCallback)(
     (fileId) => {
       setFiles((prev) => {
         const fileToRemove = prev.find((f) => f.id === fileId);
@@ -16039,7 +16030,7 @@ function FileUpload({
   const handleBrowseClick = () => {
     fileInputRef.current?.click();
   };
-  const handleRetry = (0, import_react21.useCallback)(
+  const handleRetry = (0, import_react22.useCallback)(
     (fileEntry) => {
       if (!uploadHandler || !fileEntry.file) return;
       processFiles([fileEntry.file]);
@@ -16565,7 +16556,7 @@ function Carousel({
 }
 
 // src/components/FallingIcons.tsx
-var import_react22 = __toESM(require("react"), 1);
+var import_react23 = __toESM(require("react"), 1);
 var import_jsx_runtime50 = require("react/jsx-runtime");
 var DEFAULT_COUNT = 24;
 var DEFAULT_SPEED_RANGE = [6, 14];
@@ -16593,10 +16584,10 @@ function FallingIcons({
   physics,
   easingFunction = "linear"
 }) {
-  const uid = import_react22.default.useId().replace(/[:]/g, "");
-  const containerRef = import_react22.default.useRef(null);
-  const [fallDist, setFallDist] = import_react22.default.useState(null);
-  const idRef = import_react22.default.useRef(1);
+  const uid = import_react23.default.useId().replace(/[:]/g, "");
+  const containerRef = import_react23.default.useRef(null);
+  const [fallDist, setFallDist] = import_react23.default.useState(null);
+  const idRef = import_react23.default.useRef(1);
   const gravity = physics?.gravity ?? 1;
   const windDirection = physics?.windDirection ?? 0;
   const windStrength = physics?.windStrength ?? 0;
@@ -16610,7 +16601,7 @@ function FallingIcons({
     bounce: "cubic-bezier(0.68, -0.55, 0.265, 1.55)",
     elastic: "cubic-bezier(0.175, 0.885, 0.32, 1.275)"
   };
-  const makeParticle = import_react22.default.useCallback(() => {
+  const makeParticle = import_react23.default.useCallback(() => {
     const rnd = (min, max) => min + Math.random() * (max - min);
     return {
       leftPct: rnd(0, 100),
@@ -16624,12 +16615,12 @@ function FallingIcons({
       key: idRef.current++
     };
   }, [sizeRange, speedRange, horizontalDrift, gravity, windDirection, windStrength]);
-  const [particles, setParticles] = import_react22.default.useState([]);
-  import_react22.default.useEffect(() => {
+  const [particles, setParticles] = import_react23.default.useState([]);
+  import_react23.default.useEffect(() => {
     const arr = Array.from({ length: Math.max(0, count) }).map(() => makeParticle());
     setParticles(arr);
   }, [count, makeParticle]);
-  import_react22.default.useEffect(() => {
+  import_react23.default.useEffect(() => {
     if (fullScreen) {
       const measure2 = () => setFallDist(window.innerHeight + 200);
       measure2();
@@ -16654,18 +16645,22 @@ function FallingIcons({
   const SpinName = `uv-spin-${uid}`;
   const PopName = `uv-pop-${uid}`;
   const PhysicsSpinName = `uv-physics-spin-${uid}`;
-  const glowStyles = import_react22.default.useMemo(() => {
+  const glowStyles = import_react23.default.useMemo(() => {
     if (!glow) return {};
     const intensity = Math.max(0, Math.min(1, glowIntensity));
     return {
       filter: `drop-shadow(0 0 ${4 * intensity}px ${glowColor}) drop-shadow(0 0 ${8 * intensity}px ${glowColor})`
     };
   }, [glow, glowColor, glowIntensity]);
-  const FallbackIcon = import_react22.default.useMemo(
-    () => (props) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("svg", { viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("circle", { cx: "12", cy: "12", r: "10" }) }),
+  const FallbackIcon = import_react23.default.useMemo(
+    () => function FallingIconsFallbackIcon(props) {
+      return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("svg", { viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("circle", { cx: "12", cy: "12", r: "10" }) });
+    },
     []
   );
-  const TheIcon = imageUrl ? ({ className: imgClassName }) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("img", { src: imageUrl, alt: "", className: cn("w-full h-full object-cover rounded-lg", imgClassName), draggable: false }) : Icon || FallbackIcon;
+  const TheIcon = imageUrl ? function FallingIconsImage({ className: imgClassName }) {
+    return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("img", { src: imageUrl, alt: "", className: cn("w-full h-full object-cover rounded-lg", imgClassName), draggable: false });
+  } : Icon || FallbackIcon;
   return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
     "div",
     {
@@ -16719,7 +16714,7 @@ function FallingIcons({
             });
           };
           const trailParticles = trail ? Array.from({ length: Math.min(5, Math.max(1, trailLength)) }) : [];
-          return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(import_react22.default.Fragment, { children: [
+          return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(import_react23.default.Fragment, { children: [
             trail && trailParticles.map((_, trailIndex) => {
               const trailDelay = p.delay - (trailIndex + 1) * 0.15;
               const trailOpacity = 1 - (trailIndex + 1) * (1 / (trailParticles.length + 1));
@@ -18126,7 +18121,7 @@ function ColorPicker({
 }
 
 // src/components/MusicPlayer.tsx
-var import_react23 = require("react");
+var import_react24 = require("react");
 var import_lucide_react32 = require("lucide-react");
 var import_jsx_runtime55 = require("react/jsx-runtime");
 var DEFAULT_PLAYLIST = [
@@ -18247,21 +18242,21 @@ var MusicPlayer = ({
   showPlaylist: initialShowPlaylist = true,
   className = ""
 }) => {
-  const [currentSongIndex, setCurrentSongIndex] = (0, import_react23.useState)(0);
-  const [isPlaying, setIsPlaying] = (0, import_react23.useState)(false);
-  const [currentTime, setCurrentTime] = (0, import_react23.useState)(0);
-  const [duration, setDuration] = (0, import_react23.useState)(0);
-  const [volume, setVolume] = (0, import_react23.useState)(1);
-  const [isMuted, setIsMuted] = (0, import_react23.useState)(false);
-  const [showPlaylist, setShowPlaylist] = (0, import_react23.useState)(initialShowPlaylist);
-  const audioRef = (0, import_react23.useRef)(null);
+  const [currentSongIndex, setCurrentSongIndex] = (0, import_react24.useState)(0);
+  const [isPlaying, setIsPlaying] = (0, import_react24.useState)(false);
+  const [currentTime, setCurrentTime] = (0, import_react24.useState)(0);
+  const [duration, setDuration] = (0, import_react24.useState)(0);
+  const [volume, setVolume] = (0, import_react24.useState)(1);
+  const [isMuted, setIsMuted] = (0, import_react24.useState)(false);
+  const [showPlaylist, setShowPlaylist] = (0, import_react24.useState)(initialShowPlaylist);
+  const audioRef = (0, import_react24.useRef)(null);
   const currentSong = playlist[currentSongIndex];
-  (0, import_react23.useEffect)(() => {
+  (0, import_react24.useEffect)(() => {
     if (audioRef.current) {
       audioRef.current.volume = volume;
     }
   }, [volume]);
-  (0, import_react23.useEffect)(() => {
+  (0, import_react24.useEffect)(() => {
     if (autoPlay && audioRef.current) {
       audioRef.current.play().catch(() => {
         setIsPlaying(false);
@@ -18337,7 +18332,7 @@ var MusicPlayer = ({
     setCurrentSongIndex(index);
     setIsPlaying(true);
   };
-  (0, import_react23.useEffect)(() => {
+  (0, import_react24.useEffect)(() => {
     if (audioRef.current) {
       if (currentSong.startTime !== void 0) {
         audioRef.current.currentTime = currentSong.startTime;
@@ -18479,7 +18474,7 @@ var MusicPlayer = ({
 var MusicPlayer_default = MusicPlayer;
 
 // src/components/Grid.tsx
-var import_react24 = __toESM(require("react"), 1);
+var import_react25 = __toESM(require("react"), 1);
 var import_jsx_runtime56 = require("react/jsx-runtime");
 var BP_MIN = {
   sm: 640,
@@ -18519,7 +18514,7 @@ function getVariantClasses(variant = "default", outlined) {
   };
   return variants[variant] || "";
 }
-var GridRoot = import_react24.default.forwardRef(
+var GridRoot = import_react25.default.forwardRef(
   ({
     columns,
     rows,
@@ -18544,7 +18539,7 @@ var GridRoot = import_react24.default.forwardRef(
     children,
     ...rest
   }, ref) => {
-    const id = (0, import_react24.useId)().replace(/[:]/g, "");
+    const id = (0, import_react25.useId)().replace(/[:]/g, "");
     const baseClass = `uv-grid-${id}`;
     const baseCols = toTemplateCols(columns, minColumnWidth);
     const baseRows = toTemplateRows(rows);
@@ -18603,7 +18598,7 @@ var GridRoot = import_react24.default.forwardRef(
   }
 );
 GridRoot.displayName = "Grid";
-var GridItem = import_react24.default.forwardRef(
+var GridItem = import_react25.default.forwardRef(
   ({
     colSpan,
     rowSpan,
@@ -18667,10 +18662,10 @@ var Grid = Object.assign(GridRoot, { Item: GridItem });
 var Grid_default = Grid;
 
 // src/components/LineChart.tsx
-var import_react26 = require("react");
+var import_react27 = require("react");
 
 // src/components/ChartTooltip.tsx
-var import_react25 = require("react");
+var import_react26 = require("react");
 var import_react_dom6 = require("react-dom");
 var import_jsx_runtime57 = require("react/jsx-runtime");
 function ChartTooltip({
@@ -18686,13 +18681,13 @@ function ChartTooltip({
   containerRef,
   formatter
 }) {
-  const [isMounted, setIsMounted] = (0, import_react25.useState)(false);
-  const [position, setPosition] = (0, import_react25.useState)(null);
-  const tooltipRef = (0, import_react25.useRef)(null);
-  (0, import_react25.useEffect)(() => {
+  const [isMounted, setIsMounted] = (0, import_react26.useState)(false);
+  const [position, setPosition] = (0, import_react26.useState)(null);
+  const tooltipRef = (0, import_react26.useRef)(null);
+  (0, import_react26.useEffect)(() => {
     setIsMounted(true);
   }, []);
-  (0, import_react25.useEffect)(() => {
+  (0, import_react26.useEffect)(() => {
     if (visible && containerRef?.current) {
       const rect = containerRef.current.getBoundingClientRect();
       const tw = tooltipRef.current?.offsetWidth ?? 160;
@@ -18769,6 +18764,7 @@ function ChartTooltip({
 }
 
 // src/utils/chart-utils.ts
+var React51 = __toESM(require("react"), 1);
 function getCatmullRomSpline(points, tension = 0.5) {
   if (points.length < 2) return "";
   if (points.length === 2) {
@@ -18817,14 +18813,14 @@ function LineChart({
   labelClassName,
   className = ""
 }) {
-  const svgRef = (0, import_react26.useRef)(null);
-  const clipId = (0, import_react26.useRef)(`line-clip-${Math.random().toString(36).slice(2, 8)}`).current;
+  const svgRef = (0, import_react27.useRef)(null);
+  const clipId = (0, import_react27.useRef)(`line-clip-${Math.random().toString(36).slice(2, 8)}`).current;
   const padding = { top: 20, right: 20, bottom: 40, left: 40 };
   const chartWidth = width - padding.left - padding.right;
   const chartHeight = height - padding.top - padding.bottom;
-  const [hoveredPoint, setHoveredPoint] = (0, import_react26.useState)(null);
-  const [hiddenSeries, setHiddenSeries] = (0, import_react26.useState)(/* @__PURE__ */ new Set());
-  const toggleSeries = (0, import_react26.useCallback)((name) => {
+  const [hoveredPoint, setHoveredPoint] = (0, import_react27.useState)(null);
+  const [hiddenSeries, setHiddenSeries] = (0, import_react27.useState)(/* @__PURE__ */ new Set());
+  const toggleSeries = (0, import_react27.useCallback)((name) => {
     setHiddenSeries((prev) => {
       const next = new Set(prev);
       if (next.has(name)) next.delete(name);
@@ -18832,13 +18828,13 @@ function LineChart({
       return next;
     });
   }, []);
-  const normalizedSeries = (0, import_react26.useMemo)(() => {
+  const normalizedSeries = (0, import_react27.useMemo)(() => {
     if (series && series.length > 0) return series;
     if (data && data.length > 0) return [{ name: "", data, color, fillColor }];
     return [];
   }, [series, data, color, fillColor]);
   const isMultiSeries = normalizedSeries.length > 1;
-  const { minValue, maxValue, processedSeries, labels } = (0, import_react26.useMemo)(() => {
+  const { minValue, maxValue, processedSeries, labels } = (0, import_react27.useMemo)(() => {
     if (!normalizedSeries.length || !normalizedSeries[0]?.data?.length) {
       return { minValue: 0, maxValue: 0, processedSeries: [], labels: [] };
     }
@@ -18867,7 +18863,7 @@ function LineChart({
     });
     return { minValue: min, maxValue: max, processedSeries: processed, labels: allLabels };
   }, [normalizedSeries, chartWidth, chartHeight, curved, padding.left, padding.top]);
-  const gridLines = (0, import_react26.useMemo)(() => {
+  const gridLines = (0, import_react27.useMemo)(() => {
     const lines = [];
     const steps = 5;
     for (let i = 0; i <= steps; i++) {
@@ -19070,7 +19066,7 @@ function LineChart({
 }
 
 // src/components/BarChart.tsx
-var import_react27 = require("react");
+var import_react28 = require("react");
 var import_jsx_runtime59 = require("react/jsx-runtime");
 function BarChart({
   data,
@@ -19091,18 +19087,21 @@ function BarChart({
   labelClassName,
   className = ""
 }) {
-  const svgRef = (0, import_react27.useRef)(null);
-  const padding = horizontal ? { top: 20, right: 40, bottom: 20, left: 80 } : { top: 20, right: 20, bottom: 40, left: 40 };
+  const svgRef = (0, import_react28.useRef)(null);
+  const padding = (0, import_react28.useMemo)(
+    () => horizontal ? { top: 20, right: 40, bottom: 20, left: 80 } : { top: 20, right: 20, bottom: 40, left: 40 },
+    [horizontal]
+  );
   const chartWidth = width - padding.left - padding.right;
   const chartHeight = height - padding.top - padding.bottom;
-  const [hoveredBar, setHoveredBar] = (0, import_react27.useState)(null);
-  const normalizedSeries = (0, import_react27.useMemo)(() => {
+  const [hoveredBar, setHoveredBar] = (0, import_react28.useState)(null);
+  const normalizedSeries = (0, import_react28.useMemo)(() => {
     if (series && series.length > 0) return series;
     if (data && data.length > 0) return [{ name: "", data, color }];
     return [];
   }, [series, data, color]);
   const isMultiSeries = normalizedSeries.length > 1;
-  const { maxValue, barGroups, gridLines } = (0, import_react27.useMemo)(() => {
+  const { maxValue, barGroups, gridLines } = (0, import_react28.useMemo)(() => {
     if (!normalizedSeries.length || !normalizedSeries[0]?.data?.length) {
       return { maxValue: 0, barGroups: [], gridLines: [] };
     }
@@ -19358,7 +19357,7 @@ function BarChart({
 }
 
 // src/components/PieChart.tsx
-var import_react28 = require("react");
+var import_react29 = require("react");
 var import_jsx_runtime60 = require("react/jsx-runtime");
 function PieChart({
   data,
@@ -19375,11 +19374,11 @@ function PieChart({
   labelClassName,
   className = ""
 }) {
-  const containerRef = (0, import_react28.useRef)(null);
+  const containerRef = (0, import_react29.useRef)(null);
   const center = size / 2;
   const radius = size / 2 - 10;
   const innerRadius = donut ? radius - donutWidth : 0;
-  const { segments, total } = (0, import_react28.useMemo)(() => {
+  const { segments, total } = (0, import_react29.useMemo)(() => {
     if (!data.length) return { segments: [], total: 0 };
     const sum = data.reduce((acc, d) => acc + d.value, 0);
     let currentAngle = startAngle;
@@ -19425,7 +19424,7 @@ function PieChart({
     });
     return { segments: segs, total: sum };
   }, [data, center, radius, innerRadius, donut, startAngle]);
-  const [hoveredSegment, setHoveredSegment] = (0, import_react28.useState)(null);
+  const [hoveredSegment, setHoveredSegment] = (0, import_react29.useState)(null);
   return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { ref: containerRef, className: `relative flex items-center gap-6 ${className}`, children: [
     /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("svg", { width: size + 40, height: size + 40, className: "overflow-visible", style: { fontFamily: "inherit" }, children: [
       /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("g", { transform: `translate(20, 20)`, children: [
@@ -19526,7 +19525,7 @@ function PieChart({
 }
 
 // src/components/AreaChart.tsx
-var import_react29 = require("react");
+var import_react30 = require("react");
 var import_jsx_runtime61 = require("react/jsx-runtime");
 function AreaChart({
   series,
@@ -19544,14 +19543,14 @@ function AreaChart({
   labelClassName,
   className = ""
 }) {
-  const containerRef = (0, import_react29.useRef)(null);
-  const clipId = (0, import_react29.useRef)(`area-clip-${Math.random().toString(36).slice(2, 8)}`).current;
-  const padding = { top: 20, right: 20, bottom: 40, left: 50 };
+  const containerRef = (0, import_react30.useRef)(null);
+  const clipId = (0, import_react30.useRef)(`area-clip-${Math.random().toString(36).slice(2, 8)}`).current;
+  const padding = (0, import_react30.useMemo)(() => ({ top: 20, right: 20, bottom: 40, left: 50 }), []);
   const chartWidth = width - padding.left - padding.right;
   const chartHeight = height - padding.top - padding.bottom;
-  const [hoveredPoint, setHoveredPoint] = (0, import_react29.useState)(null);
-  const [hiddenSeries, setHiddenSeries] = (0, import_react29.useState)(/* @__PURE__ */ new Set());
-  const toggleSeries = (0, import_react29.useCallback)((name) => {
+  const [hoveredPoint, setHoveredPoint] = (0, import_react30.useState)(null);
+  const [hiddenSeries, setHiddenSeries] = (0, import_react30.useState)(/* @__PURE__ */ new Set());
+  const toggleSeries = (0, import_react30.useCallback)((name) => {
     setHiddenSeries((prev) => {
       const next = new Set(prev);
       if (next.has(name)) next.delete(name);
@@ -19559,7 +19558,7 @@ function AreaChart({
       return next;
     });
   }, []);
-  const { processedSeries, gridLines, maxValue, labels } = (0, import_react29.useMemo)(() => {
+  const { processedSeries, gridLines, maxValue, labels } = (0, import_react30.useMemo)(() => {
     if (!series.length || !series[0]?.data?.length) {
       return { processedSeries: [], gridLines: [], maxValue: 0, labels: [] };
     }
@@ -19794,7 +19793,7 @@ function AreaChart({
 }
 
 // src/components/Sparkline.tsx
-var import_react30 = require("react");
+var import_react31 = require("react");
 var import_jsx_runtime62 = require("react/jsx-runtime");
 function Sparkline({
   data,
@@ -19813,7 +19812,7 @@ function Sparkline({
   const padding = 4;
   const chartWidth = width - padding * 2;
   const chartHeight = height - padding * 2;
-  const { points, linePath, areaPath, lineLength, trend } = (0, import_react30.useMemo)(() => {
+  const { points, linePath, areaPath, lineLength, trend } = (0, import_react31.useMemo)(() => {
     const normalizedData = data.map((d) => typeof d === "number" ? d : d.value);
     if (!normalizedData.length) {
       return { points: [], linePath: "", areaPath: "", lineLength: 0, trend: 0 };
@@ -19917,7 +19916,7 @@ function Sparkline({
 }
 
 // src/components/RadarChart.tsx
-var import_react31 = require("react");
+var import_react32 = require("react");
 var import_jsx_runtime63 = require("react/jsx-runtime");
 function RadarChart({
   series,
@@ -19931,12 +19930,12 @@ function RadarChart({
   labelClassName,
   className = ""
 }) {
-  const containerRef = (0, import_react31.useRef)(null);
+  const containerRef = (0, import_react32.useRef)(null);
   const center = size / 2;
   const radius = size / 2 - 40;
-  const [hoveredPoint, setHoveredPoint] = (0, import_react31.useState)(null);
-  const [hiddenSeries, setHiddenSeries] = (0, import_react31.useState)(/* @__PURE__ */ new Set());
-  const toggleSeries = (0, import_react31.useCallback)((name) => {
+  const [hoveredPoint, setHoveredPoint] = (0, import_react32.useState)(null);
+  const [hiddenSeries, setHiddenSeries] = (0, import_react32.useState)(/* @__PURE__ */ new Set());
+  const toggleSeries = (0, import_react32.useCallback)((name) => {
     setHiddenSeries((prev) => {
       const next = new Set(prev);
       if (next.has(name)) next.delete(name);
@@ -19944,7 +19943,7 @@ function RadarChart({
       return next;
     });
   }, []);
-  const { axes, processedSeries, levelPaths } = (0, import_react31.useMemo)(() => {
+  const { axes, processedSeries, levelPaths } = (0, import_react32.useMemo)(() => {
     if (!series.length || !series[0]?.data?.length) {
       return { axes: [], processedSeries: [], levelPaths: [] };
     }
@@ -20137,7 +20136,7 @@ function RadarChart({
 }
 
 // src/components/GaugeChart.tsx
-var import_react32 = require("react");
+var import_react33 = require("react");
 var import_jsx_runtime64 = require("react/jsx-runtime");
 function GaugeChart({
   value,
@@ -20160,7 +20159,7 @@ function GaugeChart({
 }) {
   const center = size / 2;
   const radius = center - thickness / 2 - 10;
-  const { backgroundPath, valuePath, percentage, needleAngle, zonePaths } = (0, import_react32.useMemo)(() => {
+  const { backgroundPath, valuePath, percentage, needleAngle, zonePaths } = (0, import_react33.useMemo)(() => {
     const normalizedValue = Math.min(Math.max(value, min), max);
     const pct = (normalizedValue - min) / (max - min);
     const totalAngle = endAngle - startAngle;
@@ -20315,11 +20314,11 @@ function GaugeChart({
 }
 
 // src/components/ClientOnly.tsx
-var import_react33 = require("react");
+var import_react34 = require("react");
 var import_jsx_runtime65 = require("react/jsx-runtime");
 function ClientOnly({ children, fallback = null }) {
-  const [hasMounted, setHasMounted] = (0, import_react33.useState)(false);
-  (0, import_react33.useEffect)(() => {
+  const [hasMounted, setHasMounted] = (0, import_react34.useState)(false);
+  (0, import_react34.useEffect)(() => {
     setHasMounted(true);
   }, []);
   if (!hasMounted) {
@@ -20415,7 +20414,7 @@ var LoadingBar = ({
 };
 
 // src/components/Table.tsx
-var import_react34 = __toESM(require("react"), 1);
+var import_react35 = __toESM(require("react"), 1);
 var import_jsx_runtime67 = require("react/jsx-runtime");
 var TABLE_BASE_CLASS = "w-full caption-bottom text-sm";
 var TABLE_CONTAINER_BASE_CLASS = [
@@ -20433,8 +20432,8 @@ function assignRef3(ref, value) {
     ref.current = value;
   }
 }
-var TableContainer = import_react34.default.forwardRef(({ className, useOverlayScrollbar = false, ...props }, ref) => {
-  const containerRef = import_react34.default.useRef(null);
+var TableContainer = import_react35.default.forwardRef(({ className, useOverlayScrollbar = false, ...props }, ref) => {
+  const containerRef = import_react35.default.useRef(null);
   useOverlayScrollbarTarget(containerRef, { enabled: useOverlayScrollbar });
   return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
     "div",
@@ -20449,7 +20448,7 @@ var TableContainer = import_react34.default.forwardRef(({ className, useOverlayS
   );
 });
 TableContainer.displayName = "TableContainer";
-var Table = import_react34.default.forwardRef(
+var Table = import_react35.default.forwardRef(
   ({ className, containerClassName, disableContainer = false, useOverlayScrollbar = false, ...props }, ref) => {
     if (disableContainer) {
       return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("table", { ref, className: cn(TABLE_BASE_CLASS, className), ...props });
@@ -20458,16 +20457,16 @@ var Table = import_react34.default.forwardRef(
   }
 );
 Table.displayName = "Table";
-var TableHeader = import_react34.default.forwardRef(({ className, children, filterRow, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("thead", { ref, className: cn("[&_tr]:border-b [&_tr]:border-border", "bg-muted", className), ...props, children: [
+var TableHeader = import_react35.default.forwardRef(({ className, children, filterRow, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("thead", { ref, className: cn("[&_tr]:border-b [&_tr]:border-border", "bg-muted", className), ...props, children: [
   children,
   filterRow
 ] }));
 TableHeader.displayName = "TableHeader";
-var TableBody = import_react34.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("tbody", { ref, className: cn("[&_tr:last-child]:border-0", className), ...props }));
+var TableBody = import_react35.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("tbody", { ref, className: cn("[&_tr:last-child]:border-0", className), ...props }));
 TableBody.displayName = "TableBody";
-var TableFooter = import_react34.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("tfoot", { ref, className: cn("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0", className), ...props }));
+var TableFooter = import_react35.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("tfoot", { ref, className: cn("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0", className), ...props }));
 TableFooter.displayName = "TableFooter";
-var TableRow = import_react34.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+var TableRow = import_react35.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
   "tr",
   {
     ref,
@@ -20481,7 +20480,7 @@ var TableRow = import_react34.default.forwardRef(({ className, ...props }, ref)
   }
 ));
 TableRow.displayName = "TableRow";
-var TableHead = import_react34.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+var TableHead = import_react35.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
   "th",
   {
     ref,
@@ -20490,13 +20489,13 @@ var TableHead = import_react34.default.forwardRef(({ className, ...props }, ref)
   }
 ));
 TableHead.displayName = "TableHead";
-var TableCell = import_react34.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("td", { ref, className: cn("p-4 align-middle [&:has([role=checkbox])]:pr-0", className), ...props }));
+var TableCell = import_react35.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("td", { ref, className: cn("p-4 align-middle [&:has([role=checkbox])]:pr-0", className), ...props }));
 TableCell.displayName = "TableCell";
-var TableCaption = import_react34.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("caption", { ref, className: cn("mt-4 text-sm text-muted-foreground", className), ...props }));
+var TableCaption = import_react35.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("caption", { ref, className: cn("mt-4 text-sm text-muted-foreground", className), ...props }));
 TableCaption.displayName = "TableCaption";
 
 // src/components/DataTable/DataTable.tsx
-var import_react43 = __toESM(require("react"), 1);
+var import_react44 = __toESM(require("react"), 1);
 
 // src/components/DataTable/components/DataTableBody.tsx
 var import_jsx_runtime68 = require("react/jsx-runtime");
@@ -20568,7 +20567,7 @@ function DataTableBodyRows({
 }
 
 // src/components/DataTable/components/DataTableHeader.tsx
-var import_react35 = __toESM(require("react"), 1);
+var import_react36 = __toESM(require("react"), 1);
 var import_lucide_react34 = require("lucide-react");
 var import_jsx_runtime69 = require("react/jsx-runtime");
 function DataTableHeader({
@@ -20588,7 +20587,7 @@ function DataTableHeader({
   getStickyHeaderCellStyle,
   t
 }) {
-  const renderFilterControl = import_react35.default.useCallback(
+  const renderFilterControl = import_react36.default.useCallback(
     (col) => {
       if (!col.filter) return null;
       const key = col.key;
@@ -20641,7 +20640,7 @@ function DataTableHeader({
     },
     [filters, setCurPage, setFilters, size]
   );
-  const renderHeaderContent = import_react35.default.useCallback(
+  const renderHeaderContent = import_react36.default.useCallback(
     (col, isLeaf) => {
       if (!isLeaf) {
         return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
@@ -20804,7 +20803,7 @@ function DataTableHeader({
 }
 
 // src/components/DataTable/components/Pagination.tsx
-var import_react36 = __toESM(require("react"), 1);
+var import_react37 = __toESM(require("react"), 1);
 var import_jsx_runtime70 = require("react/jsx-runtime");
 function DataTablePagination({
   totalItems,
@@ -20816,14 +20815,7 @@ function DataTablePagination({
   size
 }) {
   const totalPages = Math.ceil(totalItems / curPageSize);
-  if (!(totalItems > 0 && totalPages > 1)) return null;
-  const controlButtonSize = size === "lg" ? "md" : "sm";
-  const navBtnClass = size === "sm" ? "h-6 w-6 p-0 rounded-full" : size === "lg" ? "h-8 w-8 p-0 rounded-full" : "h-7 w-7 p-0 rounded-full";
-  const navIconClass = size === "sm" ? "h-3.5 w-3.5" : size === "lg" ? "h-5 w-5" : "h-4 w-4";
-  const pageBtnClass = size === "sm" ? "h-6 min-w-6 px-1.5 rounded-full text-[11px] font-medium transition-colors" : size === "lg" ? "h-8 min-w-8 px-2.5 rounded-full text-sm font-medium transition-colors" : "h-7 min-w-7 px-2 rounded-full text-xs font-medium transition-colors";
-  const containerTextClass = size === "sm" ? "text-[11px]" : size === "lg" ? "text-sm" : "text-xs";
-  const pageSizeClass = size === "sm" ? "w-16" : size === "lg" ? "w-24" : "w-20";
-  const pages = import_react36.default.useMemo(() => {
+  const pages = import_react37.default.useMemo(() => {
     const result = [];
     if (totalPages <= 5) {
       for (let i = 1; i <= totalPages; i++) result.push(i);
@@ -20838,6 +20830,13 @@ function DataTablePagination({
     result.push(totalPages);
     return result;
   }, [curPage, totalPages]);
+  if (!(totalItems > 0 && totalPages > 1)) return null;
+  const controlButtonSize = size === "lg" ? "md" : "sm";
+  const navBtnClass = size === "sm" ? "h-6 w-6 p-0 rounded-full" : size === "lg" ? "h-8 w-8 p-0 rounded-full" : "h-7 w-7 p-0 rounded-full";
+  const navIconClass = size === "sm" ? "h-3.5 w-3.5" : size === "lg" ? "h-5 w-5" : "h-4 w-4";
+  const pageBtnClass = size === "sm" ? "h-6 min-w-6 px-1.5 rounded-full text-[11px] font-medium transition-colors" : size === "lg" ? "h-8 min-w-8 px-2.5 rounded-full text-sm font-medium transition-colors" : "h-7 min-w-7 px-2 rounded-full text-xs font-medium transition-colors";
+  const containerTextClass = size === "sm" ? "text-[11px]" : size === "lg" ? "text-sm" : "text-xs";
+  const pageSizeClass = size === "sm" ? "w-16" : size === "lg" ? "w-24" : "w-20";
   return /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: cn("flex items-center justify-between gap-2 px-1 pt-3 text-muted-foreground", containerTextClass), children: [
     /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: "tabular-nums", children: [
       (curPage - 1) * curPageSize + 1,
@@ -20898,7 +20897,7 @@ function DataTablePagination({
 }
 
 // src/components/DataTable/components/Toolbar.tsx
-var import_react37 = __toESM(require("react"), 1);
+var import_react38 = __toESM(require("react"), 1);
 
 // src/components/DataTable/utils/headers.ts
 function isLeafColumn(col) {
@@ -21019,7 +21018,7 @@ function DataTableToolbar({
   const controlButtonClass = size === "sm" ? "h-7 px-2 text-xs" : size === "lg" ? "h-9 px-3 text-sm" : "h-8 px-2";
   const iconClass = size === "sm" ? "w-3.5 h-3.5 mr-1" : "w-4 h-4 mr-1";
   const captionClass = size === "sm" ? "text-xs" : size === "lg" ? "text-sm" : "text-sm";
-  const leafCols = import_react37.default.useMemo(() => getLeafColumns(columns), [columns]);
+  const leafCols = import_react38.default.useMemo(() => getLeafColumns(columns), [columns]);
   return /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { className: "flex items-center justify-between gap-4 mb-1", children: [
     /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("div", { className: captionClass + " text-muted-foreground", children: caption }),
     /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { className: "flex items-center gap-2", children: [
@@ -21087,10 +21086,10 @@ function DataTableToolbar({
 }
 
 // src/components/DataTable/hooks/useDebounced.ts
-var import_react38 = __toESM(require("react"), 1);
+var import_react39 = __toESM(require("react"), 1);
 function useDebounced(value, delay = 300) {
-  const [debounced, setDebounced] = import_react38.default.useState(value);
-  import_react38.default.useEffect(() => {
+  const [debounced, setDebounced] = import_react39.default.useState(value);
+  import_react39.default.useEffect(() => {
     const id = setTimeout(() => setDebounced(value), delay);
     return () => clearTimeout(id);
   }, [value, delay]);
@@ -21098,7 +21097,7 @@ function useDebounced(value, delay = 300) {
 }
 
 // src/components/DataTable/hooks/useDataTableModel.ts
-var import_react39 = __toESM(require("react"), 1);
+var import_react40 = __toESM(require("react"), 1);
 
 // src/components/DataTable/utils/columns.ts
 function getColumnWidth(col, fallback = 150) {
@@ -21126,22 +21125,22 @@ function useDataTableModel({
   isServerMode,
   total
 }) {
-  const visibleColsSet = import_react39.default.useMemo(() => new Set(visibleCols), [visibleCols]);
-  const allLeafColumns = import_react39.default.useMemo(() => getLeafColumns(columns), [columns]);
-  const columnMap = import_react39.default.useMemo(() => {
+  const visibleColsSet = import_react40.default.useMemo(() => new Set(visibleCols), [visibleCols]);
+  const allLeafColumns = import_react40.default.useMemo(() => getLeafColumns(columns), [columns]);
+  const columnMap = import_react40.default.useMemo(() => {
     return new Map(allLeafColumns.map((column) => [column.key, column]));
   }, [allLeafColumns]);
-  const visibleColumns = import_react39.default.useMemo(() => {
+  const visibleColumns = import_react40.default.useMemo(() => {
     return filterVisibleColumns(columns, visibleColsSet);
   }, [columns, visibleColsSet]);
-  const leafColumns = import_react39.default.useMemo(() => {
+  const leafColumns = import_react40.default.useMemo(() => {
     return getLeafColumnsWithFixedInheritance(visibleColumns);
   }, [visibleColumns]);
-  const headerRows = import_react39.default.useMemo(() => buildHeaderRows(visibleColumns), [visibleColumns]);
-  const totalColumnsWidth = import_react39.default.useMemo(() => {
+  const headerRows = import_react40.default.useMemo(() => buildHeaderRows(visibleColumns), [visibleColumns]);
+  const totalColumnsWidth = import_react40.default.useMemo(() => {
     return leafColumns.reduce((sum, column) => sum + getColumnWidth(column), 0);
   }, [leafColumns]);
-  const processedData = import_react39.default.useMemo(() => {
+  const processedData = import_react40.default.useMemo(() => {
     if (isServerMode) return data;
     let result = [...data];
     if (Object.keys(filters).length > 0) {
@@ -21173,7 +21172,7 @@ function useDataTableModel({
     return result;
   }, [columnMap, data, filters, isServerMode, sort]);
   const totalItems = isServerMode ? total : processedData.length;
-  const displayedData = import_react39.default.useMemo(() => {
+  const displayedData = import_react40.default.useMemo(() => {
     if (isServerMode) return data;
     const start = (curPage - 1) * curPageSize;
     return processedData.slice(start, start + curPageSize);
@@ -21189,13 +21188,13 @@ function useDataTableModel({
 }
 
 // src/components/DataTable/hooks/useDataTableState.ts
-var import_react41 = __toESM(require("react"), 1);
+var import_react42 = __toESM(require("react"), 1);
 
 // src/components/DataTable/hooks/usePageSizeStorage.ts
-var import_react40 = __toESM(require("react"), 1);
+var import_react41 = __toESM(require("react"), 1);
 function usePageSizeStorage({ pageSize, storageKey }) {
-  const loadedFromStorage = import_react40.default.useRef(false);
-  const [curPageSize, setCurPageSize] = import_react40.default.useState(() => {
+  const loadedFromStorage = import_react41.default.useRef(false);
+  const [curPageSize, setCurPageSize] = import_react41.default.useState(() => {
     if (typeof window === "undefined" || !storageKey) return pageSize;
     try {
       const saved = localStorage.getItem(`datatable_${storageKey}_pageSize`);
@@ -21210,11 +21209,11 @@ function usePageSizeStorage({ pageSize, storageKey }) {
     }
     return pageSize;
   });
-  const hasMounted = import_react40.default.useRef(false);
-  import_react40.default.useEffect(() => {
+  const hasMounted = import_react41.default.useRef(false);
+  import_react41.default.useEffect(() => {
     hasMounted.current = true;
   }, []);
-  import_react40.default.useEffect(() => {
+  import_react41.default.useEffect(() => {
     if (typeof window === "undefined" || !storageKey) return;
     if (!hasMounted.current) return;
     try {
@@ -21222,7 +21221,7 @@ function usePageSizeStorage({ pageSize, storageKey }) {
     } catch {
     }
   }, [curPageSize, storageKey]);
-  import_react40.default.useEffect(() => {
+  import_react41.default.useEffect(() => {
     if (storageKey && loadedFromStorage.current) return;
     setCurPageSize(pageSize);
   }, [pageSize, storageKey]);
@@ -21242,17 +21241,17 @@ function useDataTableState({
   size,
   storageKey
 }) {
-  const allLeafColumns = import_react41.default.useMemo(() => getLeafColumns(columns), [columns]);
-  const defaultVisibleLeafKeys = import_react41.default.useMemo(() => allLeafColumns.filter((column) => column.visible !== false).map((column) => column.key), [allLeafColumns]);
-  const knownLeafKeysRef = import_react41.default.useRef(new Set(defaultVisibleLeafKeys));
-  const [headerAlign, setHeaderAlign] = import_react41.default.useState("left");
-  const [visibleCols, setVisibleCols] = import_react41.default.useState(defaultVisibleLeafKeys);
-  const [filters, setFilters] = import_react41.default.useState({});
-  const [sort, setSort] = import_react41.default.useState(null);
-  const [density, setDensity] = import_react41.default.useState(() => SIZE_TO_DENSITY[size]);
-  const [curPage, setCurPage] = import_react41.default.useState(page);
+  const allLeafColumns = import_react42.default.useMemo(() => getLeafColumns(columns), [columns]);
+  const defaultVisibleLeafKeys = import_react42.default.useMemo(() => allLeafColumns.filter((column) => column.visible !== false).map((column) => column.key), [allLeafColumns]);
+  const knownLeafKeysRef = import_react42.default.useRef(new Set(defaultVisibleLeafKeys));
+  const [headerAlign, setHeaderAlign] = import_react42.default.useState("left");
+  const [visibleCols, setVisibleCols] = import_react42.default.useState(defaultVisibleLeafKeys);
+  const [filters, setFilters] = import_react42.default.useState({});
+  const [sort, setSort] = import_react42.default.useState(null);
+  const [density, setDensity] = import_react42.default.useState(() => SIZE_TO_DENSITY[size]);
+  const [curPage, setCurPage] = import_react42.default.useState(page);
   const { curPageSize, setCurPageSize } = usePageSizeStorage({ pageSize, storageKey });
-  import_react41.default.useEffect(() => {
+  import_react42.default.useEffect(() => {
     const knownLeafKeys = knownLeafKeysRef.current;
     setVisibleCols((prev) => {
       const prevSet = new Set(prev);
@@ -21260,10 +21259,10 @@ function useDataTableState({
     });
     knownLeafKeysRef.current = new Set(allLeafColumns.map((column) => column.key));
   }, [allLeafColumns]);
-  import_react41.default.useEffect(() => {
+  import_react42.default.useEffect(() => {
     setCurPage(page);
   }, [page]);
-  import_react41.default.useEffect(() => {
+  import_react42.default.useEffect(() => {
     setDensity(SIZE_TO_DENSITY[size]);
   }, [size]);
   return {
@@ -21285,7 +21284,7 @@ function useDataTableState({
 }
 
 // src/components/DataTable/hooks/useStickyColumns.ts
-var import_react42 = __toESM(require("react"), 1);
+var import_react43 = __toESM(require("react"), 1);
 
 // src/components/DataTable/utils/sticky.ts
 function buildStickyLayout(visibleColumns) {
@@ -21332,8 +21331,8 @@ function resolveGroupStickyPosition(column, positions) {
 
 // src/components/DataTable/hooks/useStickyColumns.ts
 function useStickyColumns(visibleColumns) {
-  const { positions, leftBoundaryKey, rightBoundaryKey } = import_react42.default.useMemo(() => buildStickyLayout(visibleColumns), [visibleColumns]);
-  const getStickyColumnStyle = import_react42.default.useCallback(
+  const { positions, leftBoundaryKey, rightBoundaryKey } = import_react43.default.useMemo(() => buildStickyLayout(visibleColumns), [visibleColumns]);
+  const getStickyColumnStyle = import_react43.default.useCallback(
     (col) => {
       const pos = resolveStickyPosition(col, positions);
       if (!pos) return {};
@@ -21344,7 +21343,7 @@ function useStickyColumns(visibleColumns) {
     },
     [positions]
   );
-  const getBoundaryShadowClass = import_react42.default.useCallback(
+  const getBoundaryShadowClass = import_react43.default.useCallback(
     (col) => {
       if (col.fixed === "left" && col.key === leftBoundaryKey) {
         return "border-r border-border/80 shadow-[10px_0_16px_-10px_rgba(0,0,0,0.55)]";
@@ -21356,14 +21355,14 @@ function useStickyColumns(visibleColumns) {
     },
     [leftBoundaryKey, rightBoundaryKey]
   );
-  const getStickyHeaderClass = import_react42.default.useCallback(
+  const getStickyHeaderClass = import_react43.default.useCallback(
     (col) => {
       if (!col.fixed) return "";
       return cn("sticky", col.fixed === "left" && "left-0", col.fixed === "right" && "right-0", getBoundaryShadowClass(col), "z-50 !bg-muted");
     },
     [getBoundaryShadowClass]
   );
-  const getStickyCellClass = import_react42.default.useCallback(
+  const getStickyCellClass = import_react43.default.useCallback(
     (col, isStripedRow) => {
       if (!col.fixed) return "";
       return cn(
@@ -21376,7 +21375,7 @@ function useStickyColumns(visibleColumns) {
     },
     [getBoundaryShadowClass]
   );
-  const getStickyHeaderCellStyle = import_react42.default.useCallback(
+  const getStickyHeaderCellStyle = import_react43.default.useCallback(
     (headerCell) => {
       const col = headerCell.column;
       if (headerCell.isLeaf) {
@@ -21523,7 +21522,7 @@ function DataTable({
     size,
     storageKey
   });
-  import_react43.default.useEffect(() => {
+  import_react44.default.useEffect(() => {
     if (process.env.NODE_ENV === "development") {
       const warnings = validateColumns(columns);
       warnings.forEach((w) => console.warn(`[DataTable] ${w}`));
@@ -21531,8 +21530,8 @@ function DataTable({
   }, [columns]);
   const debouncedFilters = useDebounced(filters, 350);
   const isServerMode = Boolean(onQueryChange);
-  const hasEmittedQuery = import_react43.default.useRef(false);
-  import_react43.default.useEffect(() => {
+  const hasEmittedQuery = import_react44.default.useRef(false);
+  import_react44.default.useEffect(() => {
     if (!onQueryChange) return;
     if (!hasEmittedQuery.current) {
       hasEmittedQuery.current = true;
@@ -21540,7 +21539,7 @@ function DataTable({
     }
     onQueryChange({ filters: debouncedFilters, sort, page: curPage, pageSize: curPageSize });
   }, [debouncedFilters, sort, curPage, curPageSize, onQueryChange]);
-  import_react43.default.useEffect(() => {
+  import_react44.default.useEffect(() => {
     if (process.env.NODE_ENV !== "development" || rowKey) return;
     const hasQueryFeatures = columns.some((column) => column.sortable || column.filter) || Boolean(pageSizeOptions?.length) || isServerMode;
     if (!hasQueryFeatures) return;
@@ -21568,7 +21567,7 @@ function DataTable({
     if (typeof rowKey === "function") return String(rowKey(row));
     return String(row[rowKey]);
   };
-  const viewportRef = import_react43.default.useRef(null);
+  const viewportRef = import_react44.default.useRef(null);
   useOverlayScrollbarTarget(viewportRef, { enabled: useOverlayScrollbar });
   return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: cn("space-y-2", className), children: [
     /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
@@ -21674,10 +21673,10 @@ function DataTable({
 var DataTable_default = DataTable;
 
 // src/components/Form.tsx
-var React68 = __toESM(require("react"), 1);
+var React69 = __toESM(require("react"), 1);
 var import_react_hook_form = require("react-hook-form");
 var import_jsx_runtime73 = require("react/jsx-runtime");
-var FormConfigContext = React68.createContext({ size: "md" });
+var FormConfigContext = React69.createContext({ size: "md" });
 var FormWrapper = ({
   children,
   onSubmit,
@@ -21690,7 +21689,7 @@ var FormWrapper = ({
   const methods = (0, import_react_hook_form.useForm)({
     defaultValues: initialValues
   });
-  React68.useEffect(() => {
+  React69.useEffect(() => {
     if (initialValues) {
       methods.reset(initialValues);
     }
@@ -21699,23 +21698,18 @@ var FormWrapper = ({
   return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_react_hook_form.FormProvider, { ...methods, children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(FormConfigContext.Provider, { value: { size }, children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("form", { onSubmit: methods.handleSubmit(onSubmit), className, ...formProps, children }) }) });
 };
 var Form = FormWrapper;
-var FormFieldContext = React68.createContext({});
+var FormFieldContext = React69.createContext({});
 var FormField = ({
   ...props
 }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_react_hook_form.Controller, { ...props }) });
 };
 var useFormField = () => {
-  const fieldContext = React68.useContext(FormFieldContext);
-  const itemContext = React68.useContext(FormItemContext);
+  const fieldContext = React69.useContext(FormFieldContext);
+  const itemContext = React69.useContext(FormItemContext);
   const { getFieldState, formState } = (0, import_react_hook_form.useFormContext)();
   if (!fieldContext) {
-    try {
-      const t = useSmartTranslations("Form");
-      throw new Error(t("validation.mustBeUsedWithinForm"));
-    } catch {
-      throw new Error("useFormField must be used within FormField");
-    }
+    throw new Error("useFormField must be used within FormField");
   }
   const fieldState = getFieldState(fieldContext.name, formState);
   const { id } = itemContext;
@@ -21728,16 +21722,16 @@ var useFormField = () => {
     ...fieldState
   };
 };
-var FormItemContext = React68.createContext({});
-var FormItem = React68.forwardRef(({ className, ...props }, ref) => {
-  const id = React68.useId();
+var FormItemContext = React69.createContext({});
+var FormItem = React69.forwardRef(({ className, ...props }, ref) => {
+  const id = React69.useId();
   return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { ref, className: cn("space-y-2", className), ...props }) });
 });
 FormItem.displayName = "FormItem";
-var FormLabel = React68.forwardRef(
+var FormLabel = React69.forwardRef(
   ({ className, children, required, ...props }, ref) => {
     const { error, formItemId } = useFormField();
-    const config = React68.useContext(FormConfigContext);
+    const config = React69.useContext(FormConfigContext);
     const sizeClass = config.size === "sm" ? "text-xs" : config.size === "lg" ? "text-base" : "text-sm";
     return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(Label, { ref, className: cn(sizeClass, error && "text-destructive", className), htmlFor: formItemId, ...props, children: [
       children,
@@ -21746,7 +21740,7 @@ var FormLabel = React68.forwardRef(
   }
 );
 FormLabel.displayName = "FormLabel";
-var FormControl = React68.forwardRef(({ ...props }, ref) => {
+var FormControl = React69.forwardRef(({ ...props }, ref) => {
   const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
   return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
     "div",
@@ -21760,12 +21754,12 @@ var FormControl = React68.forwardRef(({ ...props }, ref) => {
   );
 });
 FormControl.displayName = "FormControl";
-var FormDescription = React68.forwardRef(({ className, ...props }, ref) => {
+var FormDescription = React69.forwardRef(({ className, ...props }, ref) => {
   const { formDescriptionId } = useFormField();
   return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("p", { ref, id: formDescriptionId, className: cn("text-sm text-muted-foreground", className), ...props });
 });
 FormDescription.displayName = "FormDescription";
-var FormMessage = React68.forwardRef(({ className, children, ...props }, ref) => {
+var FormMessage = React69.forwardRef(({ className, children, ...props }, ref) => {
   const { error, formMessageId } = useFormField();
   const body = error ? String(error?.message) : children;
   if (!body) {
@@ -21774,7 +21768,7 @@ var FormMessage = React68.forwardRef(({ className, children, ...props }, ref) =>
   return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("p", { ref, id: formMessageId, className: cn("text-sm font-medium text-destructive", className), ...props, children: body });
 });
 FormMessage.displayName = "FormMessage";
-var FormInput = React68.forwardRef(({ name, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(FormConfigContext.Consumer, { children: ({ size }) => /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+var FormInput = React69.forwardRef(({ name, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(FormConfigContext.Consumer, { children: ({ size }) => /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
   FormField,
   {
     name,
@@ -21785,7 +21779,7 @@ var FormInput = React68.forwardRef(({ name, ...props }, ref) => /* @__PURE__ */
   }
 ) }));
 FormInput.displayName = "FormInput";
-var FormCheckbox = React68.forwardRef(({ name, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(FormConfigContext.Consumer, { children: ({ size }) => /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+var FormCheckbox = React69.forwardRef(({ name, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(FormConfigContext.Consumer, { children: ({ size }) => /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
   FormField,
   {
     name,
@@ -21809,9 +21803,9 @@ var FormCheckbox = React68.forwardRef(({ name, ...props }, ref) => /* @__PURE__
   }
 ) }));
 FormCheckbox.displayName = "FormCheckbox";
-var FormActions = React68.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { ref, className: cn("flex gap-2 justify-end", className), ...props }));
+var FormActions = React69.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { ref, className: cn("flex gap-2 justify-end", className), ...props }));
 FormActions.displayName = "FormActions";
-var FormSubmitButton = React68.forwardRef(
+var FormSubmitButton = React69.forwardRef(
   ({ children, loading: loading2, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(FormConfigContext.Consumer, { children: ({ size }) => /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Button_default, { ref, type: "submit", size: props.size ?? size, disabled: loading2, ...props, children }) })
 );
 FormSubmitButton.displayName = "FormSubmitButton";
@@ -21893,7 +21887,7 @@ function AccessDenied({
 
 // src/components/ThemeToggleHeadless.tsx
 var import_lucide_react37 = require("lucide-react");
-var import_react44 = require("react");
+var import_react45 = require("react");
 var import_react_dom7 = require("react-dom");
 var import_jsx_runtime76 = require("react/jsx-runtime");
 function ThemeToggleHeadless({
@@ -21902,11 +21896,11 @@ function ThemeToggleHeadless({
   labels,
   className
 }) {
-  const [isOpen, setIsOpen] = (0, import_react44.useState)(false);
-  const [mounted, setMounted] = (0, import_react44.useState)(false);
-  const triggerRef = (0, import_react44.useRef)(null);
-  const [dropdownPosition, setDropdownPosition] = (0, import_react44.useState)(null);
-  (0, import_react44.useEffect)(() => setMounted(true), []);
+  const [isOpen, setIsOpen] = (0, import_react45.useState)(false);
+  const [mounted, setMounted] = (0, import_react45.useState)(false);
+  const triggerRef = (0, import_react45.useRef)(null);
+  const [dropdownPosition, setDropdownPosition] = (0, import_react45.useState)(null);
+  (0, import_react45.useEffect)(() => setMounted(true), []);
   const themes = [
     { value: "light", label: labels?.light ?? "Light", icon: import_lucide_react37.Sun },
     { value: "dark", label: labels?.dark ?? "Dark", icon: import_lucide_react37.Moon },
@@ -21995,7 +21989,7 @@ function ThemeToggleHeadless({
 }
 
 // src/components/LanguageSwitcherHeadless.tsx
-var import_react45 = require("react");
+var import_react46 = require("react");
 var import_react_dom8 = require("react-dom");
 var import_lucide_react38 = require("lucide-react");
 var import_jsx_runtime77 = require("react/jsx-runtime");
@@ -22006,9 +22000,9 @@ function LanguageSwitcherHeadless({
   labels,
   className
 }) {
-  const [isOpen, setIsOpen] = (0, import_react45.useState)(false);
-  const [dropdownPosition, setDropdownPosition] = (0, import_react45.useState)(null);
-  const triggerButtonRef = (0, import_react45.useRef)(null);
+  const [isOpen, setIsOpen] = (0, import_react46.useState)(false);
+  const [dropdownPosition, setDropdownPosition] = (0, import_react46.useState)(null);
+  const triggerButtonRef = (0, import_react46.useRef)(null);
   const currentLanguage = locales.find((l) => l.code === currentLocale) || locales[0];
   const calculatePosition = () => {
     const rect = triggerButtonRef.current?.getBoundingClientRect();
@@ -22102,7 +22096,7 @@ var VARIANT_STYLES_ALERT = {
 };
 
 // ../../lib/i18n/translation-adapter.tsx
-var React70 = __toESM(require("react"), 1);
+var React71 = __toESM(require("react"), 1);
 var import_jsx_runtime78 = require("react/jsx-runtime");
 var defaultTranslations2 = {
   en: {
@@ -22467,9 +22461,9 @@ function resolveTranslationValue2(translations, namespace, key) {
   const value = resolveObjectPath2(namespaceValue, key);
   return typeof value === "string" ? value : null;
 }
-var TranslationContext2 = React70.createContext(null);
+var TranslationContext2 = React71.createContext(null);
 var UnderverseProvider = ({ children, locale = "en", translations }) => {
-  const t = React70.useCallback(
+  const t = React71.useCallback(
     (namespace) => {
       return (key) => {
         const mergedTranslations = {
@@ -22510,7 +22504,7 @@ function getInternalTranslation(namespace, locale) {
   };
 }
 function useTranslations(namespace) {
-  const underverseContext = React70.useContext(TranslationContext2);
+  const underverseContext = React71.useContext(TranslationContext2);
   if (underverseContext) {
     return (key, params) => {
       const result = underverseContext.t(namespace)(key);
@@ -22527,7 +22521,7 @@ function useTranslations(namespace) {
   return getInternalTranslation(namespace, "en");
 }
 function useLocale() {
-  const underverseContext = React70.useContext(TranslationContext2);
+  const underverseContext = React71.useContext(TranslationContext2);
   if (underverseContext) {
     return underverseContext.locale;
   }
@@ -22546,8 +22540,8 @@ function useLocale() {
 }
 
 // src/components/UEditor/UEditor.tsx
-var import_react57 = __toESM(require("react"), 1);
-var import_react58 = require("@tiptap/react");
+var import_react58 = __toESM(require("react"), 1);
+var import_react59 = require("@tiptap/react");
 
 // src/components/UEditor/extensions.ts
 var import_extension_document = __toESM(require("@tiptap/extension-document"), 1);
@@ -22586,8 +22580,8 @@ var import_lowlight = require("lowlight");
 // src/components/UEditor/slash-command.tsx
 var import_core = require("@tiptap/core");
 var import_suggestion = __toESM(require("@tiptap/suggestion"), 1);
-var import_react46 = require("@tiptap/react");
-var import_react47 = require("react");
+var import_react47 = require("@tiptap/react");
+var import_react48 = require("react");
 var import_lucide_react39 = require("lucide-react");
 var import_tippy = __toESM(require("tippy.js"), 1);
 var import_jsx_runtime79 = require("react/jsx-runtime");
@@ -22617,17 +22611,17 @@ var DEFAULT_MESSAGES = {
   table: "Table",
   tableDesc: "Insert a table"
 };
-var CommandList = (0, import_react47.forwardRef)((props, ref) => {
-  const [selectedIndex, setSelectedIndex] = (0, import_react47.useState)(0);
-  const listRef = (0, import_react47.useRef)(null);
-  (0, import_react47.useEffect)(() => {
+var CommandList = (0, import_react48.forwardRef)((props, ref) => {
+  const [selectedIndex, setSelectedIndex] = (0, import_react48.useState)(0);
+  const listRef = (0, import_react48.useRef)(null);
+  (0, import_react48.useEffect)(() => {
     setSelectedIndex(0);
   }, [props.items]);
-  (0, import_react47.useEffect)(() => {
+  (0, import_react48.useEffect)(() => {
     const selectedElement = listRef.current?.querySelector(`[data-index="${selectedIndex}"]`);
     selectedElement?.scrollIntoView({ block: "nearest" });
   }, [selectedIndex, props.items]);
-  (0, import_react47.useImperativeHandle)(ref, () => ({
+  (0, import_react48.useImperativeHandle)(ref, () => ({
     onKeyDown: ({ event }) => {
       if (event.key === "ArrowUp") {
         setSelectedIndex((prev) => (prev + props.items.length - 1) % props.items.length);
@@ -22798,7 +22792,7 @@ var SlashCommand = import_core.Extension.create({
           let popup;
           return {
             onStart: (props) => {
-              component = new import_react46.ReactRenderer(CommandList, {
+              component = new import_react47.ReactRenderer(CommandList, {
                 props: {
                   ...props,
                   messages
@@ -22946,9 +22940,9 @@ var ClipboardImages = import_core2.Extension.create({
 // src/components/UEditor/emoji-suggestion.tsx
 var import_core3 = require("@tiptap/core");
 var import_suggestion2 = __toESM(require("@tiptap/suggestion"), 1);
-var import_react48 = require("@tiptap/react");
+var import_react49 = require("@tiptap/react");
 var import_state2 = require("@tiptap/pm/state");
-var import_react49 = require("react");
+var import_react50 = require("react");
 var import_lucide_react40 = require("lucide-react");
 var import_tippy2 = __toESM(require("tippy.js"), 1);
 
@@ -23719,12 +23713,12 @@ var EMOJI_LIST = [
 
 // src/components/UEditor/emoji-suggestion.tsx
 var import_jsx_runtime80 = require("react/jsx-runtime");
-var EmojiList = (0, import_react49.forwardRef)((props, ref) => {
-  const [selectedIndex, setSelectedIndex] = (0, import_react49.useState)(0);
-  (0, import_react49.useEffect)(() => {
+var EmojiList = (0, import_react50.forwardRef)((props, ref) => {
+  const [selectedIndex, setSelectedIndex] = (0, import_react50.useState)(0);
+  (0, import_react50.useEffect)(() => {
     setSelectedIndex(0);
   }, [props.items]);
-  (0, import_react49.useImperativeHandle)(ref, () => ({
+  (0, import_react50.useImperativeHandle)(ref, () => ({
     onKeyDown: ({ event }) => {
       if (event.key === "ArrowUp") {
         setSelectedIndex((prev) => (prev + props.items.length - 1) % props.items.length);
@@ -23811,7 +23805,7 @@ var EmojiSuggestion = import_core3.Extension.create({
           let popup;
           return {
             onStart: (props) => {
-              component = new import_react48.ReactRenderer(EmojiList, {
+              component = new import_react49.ReactRenderer(EmojiList, {
                 props,
                 editor: props.editor
               });
@@ -23929,10 +23923,10 @@ var UEditorPlaceholder = import_core4.Extension.create({
 });
 
 // src/components/UEditor/resizable-image.tsx
-var import_react50 = require("react");
+var import_react51 = require("react");
 var import_extension_image = __toESM(require("@tiptap/extension-image"), 1);
 var import_core5 = require("@tiptap/core");
-var import_react51 = require("@tiptap/react");
+var import_react52 = require("@tiptap/react");
 var import_jsx_runtime81 = require("react/jsx-runtime");
 var MIN_IMAGE_SIZE_PX = 40;
 var AXIS_LOCK_THRESHOLD_PX = 4;
@@ -23949,15 +23943,15 @@ function clamp8(value, min, max) {
 }
 function ResizableImageNodeView(props) {
   const { node, selected, updateAttributes, editor, getPos } = props;
-  const wrapperRef = (0, import_react50.useRef)(null);
-  const imgRef = (0, import_react50.useRef)(null);
-  const [isHovered, setIsHovered] = (0, import_react50.useState)(false);
-  const [isResizing, setIsResizing] = (0, import_react50.useState)(false);
+  const wrapperRef = (0, import_react51.useRef)(null);
+  const imgRef = (0, import_react51.useRef)(null);
+  const [isHovered, setIsHovered] = (0, import_react51.useState)(false);
+  const [isResizing, setIsResizing] = (0, import_react51.useState)(false);
   const widthAttr = toNullableNumber(node.attrs["width"]);
   const heightAttr = toNullableNumber(node.attrs["height"]);
   const textAlign = String(node.attrs["textAlign"] ?? "");
-  const dragStateRef = (0, import_react50.useRef)(null);
-  (0, import_react50.useEffect)(() => {
+  const dragStateRef = (0, import_react51.useRef)(null);
+  (0, import_react51.useEffect)(() => {
     const img = imgRef.current;
     if (!img) return;
     img.style.width = widthAttr ? `${widthAttr}px` : "";
@@ -24052,7 +24046,7 @@ function ResizableImageNodeView(props) {
   const wrapperAlignClass = textAlign === "center" ? "mx-auto" : textAlign === "right" ? "ml-auto" : textAlign === "justify" ? "mx-auto" : "";
   const wrapperWidthClass = "w-fit";
   return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
-    import_react51.NodeViewWrapper,
+    import_react52.NodeViewWrapper,
     {
       as: "div",
       ref: wrapperRef,
@@ -24133,7 +24127,7 @@ var ResizableImage = import_extension_image.default.extend({
     return ["img", (0, import_core5.mergeAttributes)(this.options.HTMLAttributes, HTMLAttributes)];
   },
   addNodeView() {
-    return (0, import_react51.ReactNodeViewRenderer)(ResizableImageNodeView);
+    return (0, import_react52.ReactNodeViewRenderer)(ResizableImageNodeView);
   }
 }).configure({
   allowBase64: true,
@@ -24288,16 +24282,16 @@ function buildUEditorExtensions({
 }
 
 // src/components/UEditor/toolbar.tsx
-var import_react55 = __toESM(require("react"), 1);
+var import_react56 = __toESM(require("react"), 1);
 var import_lucide_react44 = require("lucide-react");
 
 // src/components/UEditor/colors.tsx
-var import_react52 = require("react");
+var import_react53 = require("react");
 var import_lucide_react41 = require("lucide-react");
 var import_jsx_runtime82 = require("react/jsx-runtime");
 var useEditorColors = () => {
   const t = useSmartTranslations("UEditor");
-  const textColors = (0, import_react52.useMemo)(
+  const textColors = (0, import_react53.useMemo)(
     () => [
       { name: t("colors.default"), color: "inherit", cssClass: "text-foreground" },
       { name: t("colors.muted"), color: "var(--muted-foreground)", cssClass: "text-muted-foreground" },
@@ -24310,7 +24304,7 @@ var useEditorColors = () => {
     ],
     [t]
   );
-  const highlightColors = (0, import_react52.useMemo)(
+  const highlightColors = (0, import_react53.useMemo)(
     () => [
       { name: t("colors.default"), color: "", cssClass: "" },
       { name: t("colors.muted"), color: "var(--muted)", cssClass: "bg-muted" },
@@ -24355,7 +24349,7 @@ var EditorColorPalette = ({
 ] });
 
 // src/components/UEditor/inputs.tsx
-var import_react53 = require("react");
+var import_react54 = require("react");
 var import_lucide_react42 = require("lucide-react");
 var import_jsx_runtime83 = require("react/jsx-runtime");
 function normalizeUrl(raw) {
@@ -24371,9 +24365,9 @@ var LinkInput = ({
   initialUrl = ""
 }) => {
   const t = useSmartTranslations("UEditor");
-  const [url, setUrl] = (0, import_react53.useState)(initialUrl);
-  const inputRef = (0, import_react53.useRef)(null);
-  (0, import_react53.useEffect)(() => {
+  const [url, setUrl] = (0, import_react54.useState)(initialUrl);
+  const inputRef = (0, import_react54.useRef)(null);
+  (0, import_react54.useEffect)(() => {
     inputRef.current?.focus();
     inputRef.current?.select();
   }, []);
@@ -24400,10 +24394,10 @@ var LinkInput = ({
 };
 var ImageInput = ({ onSubmit, onCancel }) => {
   const t = useSmartTranslations("UEditor");
-  const [url, setUrl] = (0, import_react53.useState)("");
-  const [alt, setAlt] = (0, import_react53.useState)("");
-  const inputRef = (0, import_react53.useRef)(null);
-  (0, import_react53.useEffect)(() => {
+  const [url, setUrl] = (0, import_react54.useState)("");
+  const [alt, setAlt] = (0, import_react54.useState)("");
+  const inputRef = (0, import_react54.useRef)(null);
+  (0, import_react54.useEffect)(() => {
     inputRef.current?.focus();
   }, []);
   const handleSubmit = (e) => {
@@ -24456,7 +24450,7 @@ var ImageInput = ({ onSubmit, onCancel }) => {
 };
 
 // src/components/UEditor/emoji-picker.tsx
-var import_react54 = require("react");
+var import_react55 = require("react");
 var import_lucide_react43 = require("lucide-react");
 var import_jsx_runtime84 = require("react/jsx-runtime");
 var CATEGORY_ICONS = {
@@ -24470,12 +24464,12 @@ var CATEGORY_ICONS = {
 };
 var EmojiPicker = ({ onSelect, onClose }) => {
   const t = useSmartTranslations("UEditor");
-  const [search, setSearch] = (0, import_react54.useState)("");
-  const [activeCategory, setActiveCategory] = (0, import_react54.useState)(EMOJI_LIST[0]?.id || "");
-  const scrollContainerRef = (0, import_react54.useRef)(null);
-  const categoryRefs = (0, import_react54.useRef)({});
-  const isUserScrolling = (0, import_react54.useRef)(false);
-  const filteredCategories = (0, import_react54.useMemo)(() => {
+  const [search, setSearch] = (0, import_react55.useState)("");
+  const [activeCategory, setActiveCategory] = (0, import_react55.useState)(EMOJI_LIST[0]?.id || "");
+  const scrollContainerRef = (0, import_react55.useRef)(null);
+  const categoryRefs = (0, import_react55.useRef)({});
+  const isUserScrolling = (0, import_react55.useRef)(false);
+  const filteredCategories = (0, import_react55.useMemo)(() => {
     if (!search.trim()) return EMOJI_LIST;
     const query = search.toLowerCase();
     return EMOJI_LIST.map((category) => ({
@@ -24489,7 +24483,7 @@ var EmojiPicker = ({ onSelect, onClose }) => {
     onSelect(emoji);
     setSearch("");
   };
-  (0, import_react54.useEffect)(() => {
+  (0, import_react55.useEffect)(() => {
     if (search) return;
     const container = scrollContainerRef.current;
     if (!container) return;
@@ -24529,7 +24523,7 @@ var EmojiPicker = ({ onSelect, onClose }) => {
       isUserScrolling.current = true;
     }, 500);
   };
-  (0, import_react54.useEffect)(() => {
+  (0, import_react55.useEffect)(() => {
     isUserScrolling.current = true;
   }, []);
   return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "w-96 bg-card border border-border rounded-2xl shadow-xl overflow-hidden flex flex-col max-h-128", children: [
@@ -24648,7 +24642,7 @@ function fileToDataUrl2(file) {
     reader.readAsDataURL(file);
   });
 }
-var ToolbarButton = import_react55.default.forwardRef(({ onClick, onMouseDown, active, disabled, children, title, className }, ref) => {
+var ToolbarButton = import_react56.default.forwardRef(({ onClick, onMouseDown, active, disabled, children, title, className }, ref) => {
   const button = /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
     "button",
     {
@@ -24686,10 +24680,10 @@ var EditorToolbar = ({
 }) => {
   const t = useSmartTranslations("UEditor");
   const { textColors, highlightColors } = useEditorColors();
-  const [showImageInput, setShowImageInput] = (0, import_react55.useState)(false);
-  const fileInputRef = (0, import_react55.useRef)(null);
-  const [isUploadingImage, setIsUploadingImage] = (0, import_react55.useState)(false);
-  const [imageUploadError, setImageUploadError] = (0, import_react55.useState)(null);
+  const [showImageInput, setShowImageInput] = (0, import_react56.useState)(false);
+  const fileInputRef = (0, import_react56.useRef)(null);
+  const [isUploadingImage, setIsUploadingImage] = (0, import_react56.useState)(false);
+  const [imageUploadError, setImageUploadError] = (0, import_react56.useState)(null);
   const insertImageFiles = async (files) => {
     if (files.length === 0) return;
     setIsUploadingImage(true);
@@ -25137,15 +25131,15 @@ var EditorToolbar = ({
 };
 
 // src/components/UEditor/menus.tsx
-var import_react56 = require("react");
+var import_react57 = require("react");
 var import_react_dom9 = require("react-dom");
 var import_lucide_react45 = require("lucide-react");
 var import_jsx_runtime86 = require("react/jsx-runtime");
 var SlashCommandMenu = ({ editor, onClose, filterText = "" }) => {
   const t = useSmartTranslations("UEditor");
-  const [selectedIndex, setSelectedIndex] = (0, import_react56.useState)(0);
-  const menuRef = (0, import_react56.useRef)(null);
-  const allCommands = (0, import_react56.useMemo)(
+  const [selectedIndex, setSelectedIndex] = (0, import_react57.useState)(0);
+  const menuRef = (0, import_react57.useRef)(null);
+  const allCommands = (0, import_react57.useMemo)(
     () => [
       {
         icon: import_lucide_react45.Type,
@@ -25216,19 +25210,19 @@ var SlashCommandMenu = ({ editor, onClose, filterText = "" }) => {
     ],
     [editor, t]
   );
-  const commands = (0, import_react56.useMemo)(() => {
+  const commands = (0, import_react57.useMemo)(() => {
     if (!filterText) return allCommands;
     const lowerFilter = filterText.toLowerCase();
     return allCommands.filter((cmd) => cmd.label.toLowerCase().includes(lowerFilter) || cmd.description.toLowerCase().includes(lowerFilter));
   }, [allCommands, filterText]);
-  (0, import_react56.useEffect)(() => {
+  (0, import_react57.useEffect)(() => {
     setSelectedIndex(0);
   }, [filterText]);
-  (0, import_react56.useEffect)(() => {
+  (0, import_react57.useEffect)(() => {
     const selectedElement = menuRef.current?.querySelector(`[data-index="${selectedIndex}"]`);
     selectedElement?.scrollIntoView({ block: "nearest" });
   }, [selectedIndex]);
-  const selectCommand = (0, import_react56.useCallback)(
+  const selectCommand = (0, import_react57.useCallback)(
     (index) => {
       const command = commands[index];
       if (command) {
@@ -25238,7 +25232,7 @@ var SlashCommandMenu = ({ editor, onClose, filterText = "" }) => {
     },
     [commands, onClose]
   );
-  (0, import_react56.useEffect)(() => {
+  (0, import_react57.useEffect)(() => {
     const handleKeyDown = (e) => {
       if (commands.length === 0) return;
       if (e.key === "ArrowDown") {
@@ -25298,7 +25292,7 @@ var SlashCommandMenu = ({ editor, onClose, filterText = "" }) => {
 };
 var FloatingMenuContent = ({ editor }) => {
   const t = useSmartTranslations("UEditor");
-  const [showCommands, setShowCommands] = (0, import_react56.useState)(false);
+  const [showCommands, setShowCommands] = (0, import_react57.useState)(false);
   if (showCommands) {
     return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(SlashCommandMenu, { editor, onClose: () => setShowCommands(false) });
   }
@@ -25321,12 +25315,12 @@ var BubbleMenuContent = ({
 }) => {
   const t = useSmartTranslations("UEditor");
   const { textColors, highlightColors } = useEditorColors();
-  const [showLinkInput, setShowLinkInput] = (0, import_react56.useState)(false);
-  const [showEditorColorPalette, setShowEditorColorPalette] = (0, import_react56.useState)(false);
-  (0, import_react56.useEffect)(() => {
+  const [showLinkInput, setShowLinkInput] = (0, import_react57.useState)(false);
+  const [showEditorColorPalette, setShowEditorColorPalette] = (0, import_react57.useState)(false);
+  (0, import_react57.useEffect)(() => {
     onKeepOpenChange?.(showLinkInput);
   }, [onKeepOpenChange, showLinkInput]);
-  (0, import_react56.useEffect)(() => {
+  (0, import_react57.useEffect)(() => {
     if (!showLinkInput) return;
     const close = () => setShowLinkInput(false);
     editor.on("selectionUpdate", close);
@@ -25449,15 +25443,15 @@ var BubbleMenuContent = ({
   ] });
 };
 var CustomBubbleMenu = ({ editor }) => {
-  const [isVisible, setIsVisible] = (0, import_react56.useState)(false);
-  const [position, setPosition] = (0, import_react56.useState)({ top: 0, left: 0 });
-  const menuRef = (0, import_react56.useRef)(null);
-  const keepOpenRef = (0, import_react56.useRef)(false);
-  const setKeepOpen = (0, import_react56.useCallback)((next) => {
+  const [isVisible, setIsVisible] = (0, import_react57.useState)(false);
+  const [position, setPosition] = (0, import_react57.useState)({ top: 0, left: 0 });
+  const menuRef = (0, import_react57.useRef)(null);
+  const keepOpenRef = (0, import_react57.useRef)(false);
+  const setKeepOpen = (0, import_react57.useCallback)((next) => {
     keepOpenRef.current = next;
     if (next) setIsVisible(true);
   }, []);
-  (0, import_react56.useEffect)(() => {
+  (0, import_react57.useEffect)(() => {
     const updatePosition = () => {
       const { state, view } = editor;
       const { from, to, empty } = state.selection;
@@ -25510,9 +25504,9 @@ var CustomBubbleMenu = ({ editor }) => {
   );
 };
 var CustomFloatingMenu = ({ editor }) => {
-  const [isVisible, setIsVisible] = (0, import_react56.useState)(false);
-  const [position, setPosition] = (0, import_react56.useState)({ top: 0, left: 0 });
-  (0, import_react56.useEffect)(() => {
+  const [isVisible, setIsVisible] = (0, import_react57.useState)(false);
+  const [position, setPosition] = (0, import_react57.useState)({ top: 0, left: 0 });
+  (0, import_react57.useEffect)(() => {
     const updatePosition = () => {
       const { state, view } = editor;
       const { $from, empty } = state.selection;
@@ -25831,7 +25825,7 @@ async function prepareUEditorContentForSave({
 
 // src/components/UEditor/UEditor.tsx
 var import_jsx_runtime88 = require("react/jsx-runtime");
-var UEditor = import_react57.default.forwardRef(({
+var UEditor = import_react58.default.forwardRef(({
   content = "",
   onChange,
   onHtmlChange,
@@ -25854,12 +25848,12 @@ var UEditor = import_react57.default.forwardRef(({
 }, ref) => {
   const t = useSmartTranslations("UEditor");
   const effectivePlaceholder = placeholder ?? t("placeholder");
-  const inFlightPrepareRef = (0, import_react57.useRef)(null);
-  const extensions = (0, import_react57.useMemo)(
+  const inFlightPrepareRef = (0, import_react58.useRef)(null);
+  const extensions = (0, import_react58.useMemo)(
     () => buildUEditorExtensions({ placeholder: effectivePlaceholder, translate: t, maxCharacters, uploadImage, imageInsertMode, editable }),
     [effectivePlaceholder, t, maxCharacters, uploadImage, imageInsertMode, editable]
   );
-  const editor = (0, import_react58.useEditor)({
+  const editor = (0, import_react59.useEditor)({
     immediatelyRender: false,
     extensions,
     content,
@@ -25973,7 +25967,7 @@ var UEditor = import_react57.default.forwardRef(({
       onJsonChange?.(editor2.getJSON());
     }
   });
-  (0, import_react57.useImperativeHandle)(
+  (0, import_react58.useImperativeHandle)(
     ref,
     () => ({
       prepareContentForSave: async ({ throwOnError = false } = {}) => {
@@ -25995,7 +25989,7 @@ var UEditor = import_react57.default.forwardRef(({
     }),
     [content, editor, uploadImageForSave]
   );
-  (0, import_react57.useEffect)(() => {
+  (0, import_react58.useEffect)(() => {
     if (editor && content !== editor.getHTML()) {
       if (editor.isEmpty && content) {
         editor.commands.setContent(content);
@@ -26028,7 +26022,7 @@ var UEditor = import_react57.default.forwardRef(({
         editable && showBubbleMenu && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(CustomBubbleMenu, { editor }),
         editable && showFloatingMenu && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(CustomFloatingMenu, { editor }),
         /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
-          import_react58.EditorContent,
+          import_react59.EditorContent,
           {
             editor,
             className: "flex-1 overflow-y-auto",