@underverse-ui/underverse 1.0.123 → 1.0.125

package/dist/index.js

@@ -4501,6 +4501,9 @@ var Label = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
 ));
 Label.displayName = "Label";
 
+// src/components/Avatar.tsx
+import * as React16 from "react";
+
 // src/components/SmartImage.tsx
 import Image2 from "next/image";
 import React15 from "react";
@@ -4522,55 +4525,55 @@ function SmartImage({
   quality = 80,
   fit = "cover",
   objectPosition,
-  fallbackSrc = DEFAULT_FALLBACK
+  fallbackSrc = DEFAULT_FALLBACK,
+  transition = false,
+  unoptimized = false
 }) {
-  const normalize2 = (input) => {
-    if (!input || input.length === 0) return fallbackSrc;
-    const raw = input.trim();
-    if (raw.startsWith("/images/products/") && /\.(jpg|jpeg)($|\?)/i.test(raw)) {
-      return raw.replace(/\.(jpg|jpeg)(?=$|\?)/i, ".png");
-    }
-    if (raw.startsWith("//")) {
-      return `https:${raw}`;
-    }
-    if (/^(https?:|data:|blob:)/i.test(raw)) {
-      return FAILED_SRCS.has(raw) ? fallbackSrc : raw;
-    }
-    if (raw.startsWith("/")) {
-      return FAILED_SRCS.has(raw) ? fallbackSrc : raw;
-    }
-    const normalized = `/${raw.replace(/^\.\/?/, "")}`;
-    return FAILED_SRCS.has(normalized) ? fallbackSrc : normalized;
-  };
+  const normalize2 = React15.useCallback(
+    (input) => {
+      if (!input || input.length === 0) return fallbackSrc;
+      const raw = input.trim();
+      if (raw.startsWith("/images/products/") && /\.(jpg|jpeg)($|\?)/i.test(raw)) {
+        return raw.replace(/\.(jpg|jpeg)(?=$|\?)/i, ".png");
+      }
+      if (raw.startsWith("//")) {
+        return `https:${raw}`;
+      }
+      if (/^(https?:|data:|blob:)/i.test(raw)) {
+        return FAILED_SRCS.has(raw) ? fallbackSrc : raw;
+      }
+      if (raw.startsWith("/")) {
+        return FAILED_SRCS.has(raw) ? fallbackSrc : raw;
+      }
+      const normalized = `/${raw.replace(/^\.\/?/, "")}`;
+      return FAILED_SRCS.has(normalized) ? fallbackSrc : normalized;
+    },
+    [fallbackSrc]
+  );
   const [resolvedSrc, setResolvedSrc] = React15.useState(() => normalize2(src));
   React15.useEffect(() => {
-    setResolvedSrc(normalize2(src));
-  }, [src]);
+    const next = normalize2(src);
+    setResolvedSrc((current) => current === next ? current : next);
+  }, [normalize2, src]);
   const handleError = () => {
     if (resolvedSrc && resolvedSrc !== fallbackSrc) FAILED_SRCS.add(resolvedSrc);
-    if (resolvedSrc.endsWith(".jpg")) {
-      const next = resolvedSrc.replace(/\.jpg($|\?)/, ".png$1");
+    if (/\.(jpg|jpeg)(\?.*)?$/i.test(resolvedSrc)) {
+      const next = resolvedSrc.replace(/\.(jpg|jpeg)(?=$|\?)/i, ".png");
       setResolvedSrc(next);
     } else if (resolvedSrc !== fallbackSrc) {
       setResolvedSrc(fallbackSrc);
     }
   };
-  const Wrapper = ({ children }) => /* @__PURE__ */ jsx17(
-    "div",
-    {
-      className: cn(
-        "relative overflow-hidden bg-muted/30",
-        // remove any default focus outline/ring for visual consistency with Card
-        "outline-none focus:outline-none focus-visible:outline-none ring-0 focus:ring-0",
-        ratioClass,
-        roundedClass,
-        className
-      ),
-      children
-    }
+  const wrapperClass = cn(
+    "relative overflow-hidden bg-muted/30",
+    "outline-none focus:outline-none focus-visible:outline-none ring-0 focus:ring-0",
+    ratioClass,
+    roundedClass,
+    className
   );
+  const imgClass = cn(transition ? "transition-opacity duration-300" : "transition-none", imageClassName);
   if (fill) {
-    return /* @__PURE__ */ jsx17(Wrapper, { children: /* @__PURE__ */ jsx17(
+    return /* @__PURE__ */ jsx17("div", { className: wrapperClass, children: /* @__PURE__ */ jsx17(
       Image2,
       {
         src: resolvedSrc,
@@ -4580,8 +4583,9 @@ function SmartImage({
         onError: handleError,
         priority,
         quality,
+        unoptimized,
         style: { objectFit: fit, objectPosition },
-        className: cn("transition-all duration-300", imageClassName)
+        className: imgClass
       }
     ) });
   }
@@ -4605,8 +4609,9 @@ function SmartImage({
           onError: handleError,
           priority,
           quality,
+          unoptimized,
           style: { objectFit: fit, objectPosition, width: "100%", height: "100%" },
-          className: cn("transition-all duration-300", imageClassName)
+          className: imgClass
         }
       )
     }
@@ -4634,7 +4639,7 @@ var statusDotSizes = {
   lg: "w-4 h-4 border-2",
   xl: "w-5 h-5 border-[3px]"
 };
-var Avatar = ({
+var Avatar = React16.memo(function Avatar2({
   src,
   alt = "avatar",
   fallback = "?",
@@ -4642,11 +4647,15 @@ var Avatar = ({
   showStatus = true,
   status = "online",
   hideStatusOnHover = true,
+  imageStrategy = "img",
+  imageLoading = "lazy",
+  imageFetchPriority,
   className,
   onClick,
   ...props
-}) => {
+}) {
   const hasValidSrc = !!(src && src.trim().length > 0);
+  const fallbackText = (fallback || "?").trim().charAt(0).toUpperCase() || "?";
   return /* @__PURE__ */ jsxs10(
     "div",
     {
@@ -4660,7 +4669,19 @@ var Avatar = ({
       ...props,
       children: [
         /* @__PURE__ */ jsxs10("div", { className: "absolute inset-0 overflow-hidden rounded-full", children: [
-          hasValidSrc && /* @__PURE__ */ jsx18(
+          hasValidSrc && imageStrategy === "img" && /* @__PURE__ */ jsx18(
+            "img",
+            {
+              src,
+              alt,
+              loading: imageLoading,
+              decoding: "async",
+              draggable: false,
+              fetchPriority: imageFetchPriority,
+              className: "h-full w-full object-cover"
+            }
+          ),
+          hasValidSrc && imageStrategy === "next-image" && /* @__PURE__ */ jsx18(
             SmartImage,
             {
               src,
@@ -4671,7 +4692,8 @@ var Avatar = ({
               roundedClass: "rounded-full",
               fit: "cover",
               objectPosition: "center",
-              quality: 80
+              quality: 80,
+              imageClassName: "transition-none"
             }
           ),
           !hasValidSrc && /* @__PURE__ */ jsx18("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx18(
@@ -4681,7 +4703,7 @@ var Avatar = ({
                 "font-bold uppercase bg-linear-to-br from-primary to-primary/80 bg-clip-text text-transparent",
                 "transition-all duration-200 animate-fade-in"
               ),
-              children: fallback
+              children: fallbackText
             }
           ) })
         ] }),
@@ -4700,7 +4722,7 @@ var Avatar = ({
       ]
     }
   );
-};
+});
 var Avatar_default = Avatar;
 
 // src/components/Skeleton.tsx
@@ -4828,7 +4850,7 @@ var SkeletonTable = ({ rows = 5, columns = 4, className }) => {
 var Skeleton_default = Skeleton;
 
 // src/components/Progress.tsx
-import React16 from "react";
+import React17 from "react";
 import { Check as Check2, X as X4, Clock } from "lucide-react";
 import { Fragment as Fragment4, jsx as jsx20, jsxs as jsxs12 } from "react/jsx-runtime";
 var variantStyles3 = {
@@ -4862,8 +4884,8 @@ var Progress = ({
   const percentage = Math.min(Math.max(value / max * 100, 0), 100);
   const isComplete = status === "complete" || percentage >= 100;
   const isError = status === "error";
-  const labelId = React16.useId();
-  const descId = React16.useId();
+  const labelId = React17.useId();
+  const descId = React17.useId();
   const getStatusIcon = () => {
     if (isComplete) return /* @__PURE__ */ jsx20(Check2, { className: "w-4 h-4 text-success" });
     if (isError) return /* @__PURE__ */ jsx20(X4, { className: "w-4 h-4 text-destructive" });
@@ -5196,7 +5218,7 @@ var LoadingProgress = ({
 };
 
 // src/components/Modal.tsx
-import * as React17 from "react";
+import * as React18 from "react";
 import { createPortal as createPortal2 } from "react-dom";
 import { X as X5 } from "lucide-react";
 import { jsx as jsx21, jsxs as jsxs13 } from "react/jsx-runtime";
@@ -5226,17 +5248,17 @@ var Modal = ({
   height
 }) => {
   const gi18n = useGlobalI18n();
-  const [isMounted, setIsMounted] = React17.useState(false);
-  const [isVisible, setIsVisible] = React17.useState(false);
-  const [isAnimating, setIsAnimating] = React17.useState(true);
-  const mouseDownTarget = React17.useRef(null);
-  const modalContentRef = React17.useRef(null);
-  React17.useEffect(() => {
+  const [isMounted, setIsMounted] = React18.useState(false);
+  const [isVisible, setIsVisible] = React18.useState(false);
+  const [isAnimating, setIsAnimating] = React18.useState(true);
+  const mouseDownTarget = React18.useRef(null);
+  const modalContentRef = React18.useRef(null);
+  React18.useEffect(() => {
     setIsMounted(true);
     return () => setIsMounted(false);
   }, []);
-  const animationRef = React17.useRef(false);
-  React17.useEffect(() => {
+  const animationRef = React18.useRef(false);
+  React18.useEffect(() => {
     if (isOpen) {
       if (animationRef.current) return;
       animationRef.current = true;
@@ -5256,7 +5278,7 @@ var Modal = ({
       }
     }
   }, [isOpen, isVisible]);
-  React17.useEffect(() => {
+  React18.useEffect(() => {
     if (!isOpen || !closeOnEsc) return;
     const handleEscape = (event) => {
       if (event.key === "Escape") {
@@ -5266,7 +5288,7 @@ var Modal = ({
     document.addEventListener("keydown", handleEscape);
     return () => document.removeEventListener("keydown", handleEscape);
   }, [isOpen, closeOnEsc, onClose]);
-  React17.useEffect(() => {
+  React18.useEffect(() => {
     if (isOpen) {
       document.body.style.overflow = "hidden";
     } else {
@@ -5552,7 +5574,7 @@ var ToastComponent = ({ toast, onRemove }) => {
 var Toast_default = ToastProvider;
 
 // src/components/Popover.tsx
-import * as React19 from "react";
+import * as React20 from "react";
 import { createPortal as createPortal3 } from "react-dom";
 
 // src/utils/animations.ts
@@ -5842,14 +5864,14 @@ var Popover = ({
   contentWidth
 }) => {
   const isControlled = open !== void 0;
-  const [internalOpen, setInternalOpen] = React19.useState(false);
-  const triggerRef = React19.useRef(null);
-  const positionerRef = React19.useRef(null);
-  const panelRef = React19.useRef(null);
-  const lastAppliedRef = React19.useRef(null);
+  const [internalOpen, setInternalOpen] = React20.useState(false);
+  const triggerRef = React20.useRef(null);
+  const positionerRef = React20.useRef(null);
+  const panelRef = React20.useRef(null);
+  const lastAppliedRef = React20.useRef(null);
   useShadCNAnimations();
   const isOpen = isControlled ? open : internalOpen;
-  const setIsOpen = React19.useCallback(
+  const setIsOpen = React20.useCallback(
     (next) => {
       if (!isControlled) setInternalOpen(next);
       onOpenChange?.(next);
@@ -5858,16 +5880,16 @@ var Popover = ({
   );
   const offset = 4;
   const padding = 8;
-  const triggerSelector = React19.useId();
-  const initialPlacement = React19.useMemo(() => normalizePlacement(placement), [placement]);
-  React19.useLayoutEffect(() => {
+  const triggerSelector = React20.useId();
+  const initialPlacement = React20.useMemo(() => normalizePlacement(placement), [placement]);
+  React20.useLayoutEffect(() => {
     if (typeof document === "undefined") return;
     const triggerEl = document.querySelector(`[data-underverse-popover-trigger="${triggerSelector}"]`);
     if (triggerEl) {
       triggerRef.current = triggerEl;
     }
   }, [triggerSelector, trigger]);
-  const updatePosition = React19.useCallback(() => {
+  const updatePosition = React20.useCallback(() => {
     const triggerEl = triggerRef.current;
     const positionerEl = positionerRef.current;
     const panelEl = panelRef.current;
@@ -5904,7 +5926,7 @@ var Popover = ({
     if (positionerEl.style.visibility !== "visible") positionerEl.style.visibility = "visible";
     if (positionerEl.style.pointerEvents !== "auto") positionerEl.style.pointerEvents = "auto";
   }, [placement, matchTriggerWidth, contentWidth]);
-  React19.useLayoutEffect(() => {
+  React20.useLayoutEffect(() => {
     if (!isOpen) return;
     updatePosition();
     let raf1 = 0;
@@ -5918,7 +5940,7 @@ var Popover = ({
       cancelAnimationFrame(raf2);
     };
   }, [isOpen, updatePosition]);
-  React19.useEffect(() => {
+  React20.useEffect(() => {
     if (!isOpen) return;
     let raf = 0;
     const tick = () => {
@@ -5928,7 +5950,7 @@ var Popover = ({
     raf = window.requestAnimationFrame(tick);
     return () => window.cancelAnimationFrame(raf);
   }, [isOpen, updatePosition]);
-  React19.useEffect(() => {
+  React20.useEffect(() => {
     if (!isOpen) return;
     let raf = 0;
     const handler = () => {
@@ -5946,7 +5968,7 @@ var Popover = ({
       document.removeEventListener("scroll", handler, true);
     };
   }, [isOpen, updatePosition]);
-  React19.useEffect(() => {
+  React20.useEffect(() => {
     if (!isOpen) return;
     if (typeof ResizeObserver === "undefined") return;
     const ro = new ResizeObserver(() => updatePosition());
@@ -5954,13 +5976,13 @@ var Popover = ({
     if (triggerRef.current) ro.observe(triggerRef.current);
     return () => ro.disconnect();
   }, [isOpen, updatePosition]);
-  React19.useLayoutEffect(() => {
+  React20.useLayoutEffect(() => {
     if (!isOpen) {
       lastAppliedRef.current = null;
       return;
     }
   }, [isOpen]);
-  React19.useEffect(() => {
+  React20.useEffect(() => {
     if (!isOpen) return;
     const handleClickOutside = (event) => {
       const target = event.target;
@@ -6046,7 +6068,7 @@ var Popover = ({
     (() => {
       const triggerProps = trigger.props;
       const childRef = triggerProps.ref;
-      return React19.cloneElement(trigger, {
+      return React20.cloneElement(trigger, {
         ...triggerProps,
         ref: mergeRefs(childRef, (node) => {
           triggerRef.current = node;
@@ -6076,7 +6098,7 @@ var Popover = ({
 };
 
 // src/components/Sheet.tsx
-import * as React20 from "react";
+import * as React21 from "react";
 import { createPortal as createPortal4 } from "react-dom";
 import { X as X7 } from "lucide-react";
 import { jsx as jsx24, jsxs as jsxs16 } from "react/jsx-runtime";
@@ -6162,19 +6184,19 @@ var Sheet = ({
   onResize
 }) => {
   const gi18n = useGlobalI18n();
-  const [mounted, setMounted] = React20.useState(false);
-  const [isAnimating, setIsAnimating] = React20.useState(true);
-  const [isVisible, setIsVisible] = React20.useState(false);
-  const [isResizing, setIsResizing] = React20.useState(false);
-  const [sheetSize, setSheetSize] = React20.useState(null);
-  const sheetRef = React20.useRef(null);
-  const resizeStateRef = React20.useRef(null);
+  const [mounted, setMounted] = React21.useState(false);
+  const [isAnimating, setIsAnimating] = React21.useState(true);
+  const [isVisible, setIsVisible] = React21.useState(false);
+  const [isResizing, setIsResizing] = React21.useState(false);
+  const [sheetSize, setSheetSize] = React21.useState(null);
+  const sheetRef = React21.useRef(null);
+  const resizeStateRef = React21.useRef(null);
   const isHorizontalSheet = side === "left" || side === "right";
   const canResize = resizable && size !== "full";
-  React20.useEffect(() => {
+  React21.useEffect(() => {
     setMounted(true);
   }, []);
-  React20.useEffect(() => {
+  React21.useEffect(() => {
     if (!closeOnEscape) return;
     const handleEscape = (e) => {
       if (e.key === "Escape" && open) {
@@ -6184,7 +6206,7 @@ var Sheet = ({
     document.addEventListener("keydown", handleEscape);
     return () => document.removeEventListener("keydown", handleEscape);
   }, [open, closeOnEscape, onOpenChange]);
-  React20.useEffect(() => {
+  React21.useEffect(() => {
     if (open) {
       document.body.style.overflow = "hidden";
     } else {
@@ -6194,7 +6216,7 @@ var Sheet = ({
       document.body.style.overflow = "unset";
     };
   }, [open]);
-  React20.useEffect(() => {
+  React21.useEffect(() => {
     if (open) {
       setIsVisible(true);
       setIsAnimating(true);
@@ -6217,19 +6239,19 @@ var Sheet = ({
   const handleClose = () => {
     onOpenChange(false);
   };
-  const clampResizeSize = React20.useCallback((nextSize) => {
+  const clampResizeSize = React21.useCallback((nextSize) => {
     const viewportSize = isHorizontalSheet ? window.innerWidth : window.innerHeight;
     const resolvedMaxSize = maxSize ?? Math.round(viewportSize * 0.9);
     return Math.min(Math.max(nextSize, minSize), resolvedMaxSize);
   }, [isHorizontalSheet, maxSize, minSize]);
-  const endResize = React20.useCallback(() => {
+  const endResize = React21.useCallback(() => {
     if (!resizeStateRef.current) return;
     resizeStateRef.current = null;
     setIsResizing(false);
     document.body.style.cursor = "";
     document.body.style.userSelect = "";
   }, []);
-  const handleResizePointerMove = React20.useCallback((event) => {
+  const handleResizePointerMove = React21.useCallback((event) => {
     const resizeState = resizeStateRef.current;
     if (!resizeState || event.pointerId !== resizeState.pointerId) return;
     const delta = isHorizontalSheet ? side === "right" ? resizeState.startClientX - event.clientX : event.clientX - resizeState.startClientX : side === "bottom" ? resizeState.startClientY - event.clientY : event.clientY - resizeState.startClientY;
@@ -6237,12 +6259,12 @@ var Sheet = ({
     setSheetSize(nextSize);
     onResize?.(nextSize);
   }, [clampResizeSize, isHorizontalSheet, onResize, side]);
-  const handleResizePointerUp = React20.useCallback((event) => {
+  const handleResizePointerUp = React21.useCallback((event) => {
     const resizeState = resizeStateRef.current;
     if (!resizeState || event.pointerId !== resizeState.pointerId) return;
     endResize();
   }, [endResize]);
-  React20.useEffect(() => {
+  React21.useEffect(() => {
     if (!isResizing) return void 0;
     window.addEventListener("pointermove", handleResizePointerMove);
     window.addEventListener("pointerup", handleResizePointerUp);
@@ -6253,10 +6275,10 @@ var Sheet = ({
       window.removeEventListener("pointercancel", handleResizePointerUp);
     };
   }, [handleResizePointerMove, handleResizePointerUp, isResizing]);
-  React20.useEffect(() => {
+  React21.useEffect(() => {
     if (!open) endResize();
   }, [endResize, open]);
-  React20.useEffect(() => endResize, [endResize]);
+  React21.useEffect(() => endResize, [endResize]);
   const handleResizePointerDown = (event) => {
     if (!canResize || !sheetRef.current) return;
     const rect = sheetRef.current.getBoundingClientRect();
@@ -6474,7 +6496,7 @@ var Alert = ({
 var Alert_default = Alert;
 
 // src/components/GlobalLoading.tsx
-import React21, { useEffect as useEffect10, useState as useState14 } from "react";
+import React22, { useEffect as useEffect10, useState as useState14 } from "react";
 import { Activity as Activity2 } from "lucide-react";
 
 // src/utils/loading.ts
@@ -6580,7 +6602,7 @@ var InlineLoading = ({ isLoading, text, className, size = "md" }) => {
   ] });
 };
 var ButtonLoading = ({ isLoading, children, className, disabled, loadingText }) => {
-  const child = React21.isValidElement(children) ? React21.cloneElement(children, {
+  const child = React22.isValidElement(children) ? React22.cloneElement(children, {
     disabled: (children.props?.disabled ?? false) || disabled || isLoading,
     "aria-busy": isLoading || void 0
   }) : children;
@@ -6594,7 +6616,7 @@ var ButtonLoading = ({ isLoading, children, className, disabled, loadingText })
 };
 
 // src/components/Breadcrumb.tsx
-import * as React22 from "react";
+import * as React23 from "react";
 import { ChevronRight, Home, MoreHorizontal } from "lucide-react";
 import { jsx as jsx27, jsxs as jsxs19 } from "react/jsx-runtime";
 var NextLink = null;
@@ -6642,8 +6664,8 @@ var Breadcrumb = ({
   collapsible = true
 }) => {
   const gi18n = useGlobalI18n();
-  const [isCollapsed, setIsCollapsed] = React22.useState(false);
-  React22.useEffect(() => {
+  const [isCollapsed, setIsCollapsed] = React23.useState(false);
+  React23.useEffect(() => {
     if (collapsible && items.length > maxItems) {
       setIsCollapsed(true);
     }
@@ -6661,7 +6683,7 @@ var Breadcrumb = ({
     const SeparatorComponent = separator;
     return /* @__PURE__ */ jsx27(SeparatorComponent, { className: cn("text-muted-foreground", sizeStyles5[size].icon) });
   };
-  const processedItems = React22.useMemo(() => {
+  const processedItems = React23.useMemo(() => {
     let finalItems = [...items];
     if (showHome && finalItems[0]?.href !== homeHref) {
       finalItems.unshift({
@@ -6734,7 +6756,7 @@ var Breadcrumb = ({
 var Breadcrumb_default = Breadcrumb;
 
 // src/components/Tab.tsx
-import * as React23 from "react";
+import * as React24 from "react";
 import { jsx as jsx28, jsxs as jsxs20 } from "react/jsx-runtime";
 var sizeStyles6 = {
   sm: {
@@ -6832,11 +6854,11 @@ var Tabs = ({
   noContentPadding = false,
   animateContent = true
 }) => {
-  const [active, setActive] = React23.useState(defaultValue || tabs[0]?.value);
-  const [underlineStyle, setUnderlineStyle] = React23.useState({});
-  const tabRefs = React23.useRef([]);
-  const autoId = React23.useId();
-  const baseId = React23.useMemo(() => getTabsBaseId(tabs, id, autoId), [autoId, id, tabs]);
+  const [active, setActive] = React24.useState(defaultValue || tabs[0]?.value);
+  const [underlineStyle, setUnderlineStyle] = React24.useState({});
+  const tabRefs = React24.useRef([]);
+  const autoId = React24.useId();
+  const baseId = React24.useMemo(() => getTabsBaseId(tabs, id, autoId), [autoId, id, tabs]);
   const handleTabChange = (value) => {
     setActive(value);
     onTabChange?.(value);
@@ -6863,7 +6885,7 @@ var Tabs = ({
       tabRefs.current[next]?.focus();
     }
   };
-  React23.useEffect(() => {
+  React24.useEffect(() => {
     if (variant === "underline" && orientation === "horizontal") {
       const activeIndex2 = tabs.findIndex((tab) => tab.value === active);
       const activeTab2 = tabRefs.current[activeIndex2];
@@ -6876,7 +6898,7 @@ var Tabs = ({
       }
     }
   }, [active, variant, orientation, tabs]);
-  React23.useEffect(() => {
+  React24.useEffect(() => {
     if (typeof window === "undefined") return;
     const syncFromHash = () => {
       const nextValue = resolveTabValueFromHash(window.location.hash, tabs, baseId);
@@ -7006,12 +7028,12 @@ var VerticalTabs = ({ sidebarWidth = "w-48", className, ...props }) => {
 };
 
 // src/components/DropdownMenu.tsx
-import React24, { useState as useState17 } from "react";
+import React25, { useState as useState17 } from "react";
 import { jsx as jsx29, jsxs as jsxs21 } from "react/jsx-runtime";
 function useResettingIndex(resetToken) {
-  const [state, setState] = React24.useState({ resetToken, index: -1 });
+  const [state, setState] = React25.useState({ resetToken, index: -1 });
   const activeIndex = Object.is(state.resetToken, resetToken) ? state.index : -1;
-  const setActiveIndex = React24.useCallback((nextIndex) => {
+  const setActiveIndex = React25.useCallback((nextIndex) => {
     setState((prev) => {
       const prevIndex = Object.is(prev.resetToken, resetToken) ? prev.index : -1;
       return {
@@ -7037,12 +7059,12 @@ var DropdownMenu = ({
   const [internalOpen, setInternalOpen] = useState17(false);
   const open = isOpen !== void 0 ? isOpen : internalOpen;
   const setOpen = onOpenChange || setInternalOpen;
-  const triggerRef = React24.useRef(null);
-  const menuRef = React24.useRef(null);
-  const itemsRef = React24.useRef([]);
+  const triggerRef = React25.useRef(null);
+  const menuRef = React25.useRef(null);
+  const itemsRef = React25.useRef([]);
   const [activeIndex, setActiveIndex] = useResettingIndex(open);
   useShadCNAnimations();
-  React24.useEffect(() => {
+  React25.useEffect(() => {
     if (!open) return;
     const handleKeyNav = (e) => {
       const active = document.activeElement;
@@ -7118,7 +7140,7 @@ var DropdownMenu = ({
   }) : children });
   const triggerProps = trigger.props;
   const childRef = triggerProps.ref;
-  const enhancedTrigger = React24.cloneElement(trigger, {
+  const enhancedTrigger = React25.cloneElement(trigger, {
     ...triggerProps,
     ref: mergeRefs(childRef, (node) => {
       triggerRef.current = node;
@@ -7228,11 +7250,11 @@ var SelectDropdown = ({ options, value, onChange, placeholder = "Select...", cla
 var DropdownMenu_default = DropdownMenu;
 
 // src/components/Pagination.tsx
-import * as React26 from "react";
+import * as React27 from "react";
 import { ChevronLeft, ChevronRight as ChevronRight2, ChevronsLeft, ChevronsRight } from "lucide-react";
 
 // src/components/Combobox.tsx
-import * as React25 from "react";
+import * as React26 from "react";
 import { useId as useId6 } from "react";
 import { useVirtualizer } from "@tanstack/react-virtual";
 import { ChevronDown, Search as Search4, SearchX, Check as Check3, X as X9 } from "lucide-react";
@@ -7314,13 +7336,13 @@ var Combobox = ({
   const searchPlaceholder = searchPlaceholderProp ?? gi18n.searchPlaceholder ?? "Search\u2026";
   const emptyText = emptyTextProp ?? gi18n.noResults ?? "No results found";
   const loadingText = loadingTextProp ?? gi18n.loading ?? "Loading...";
-  const [open, setOpen] = React25.useState(false);
-  const [query, setQuery] = React25.useState("");
-  const [activeIndex, setActiveIndex] = React25.useState(null);
-  const [localRequiredError, setLocalRequiredError] = React25.useState();
+  const [open, setOpen] = React26.useState(false);
+  const [query, setQuery] = React26.useState("");
+  const [activeIndex, setActiveIndex] = React26.useState(null);
+  const [localRequiredError, setLocalRequiredError] = React26.useState();
   useShadCNAnimations();
-  const inputRef = React25.useRef(null);
-  const optionsViewportRef = React25.useRef(null);
+  const inputRef = React26.useRef(null);
+  const optionsViewportRef = React26.useRef(null);
   useOverlayScrollbarTarget(optionsViewportRef, { enabled: open && useOverlayScrollbar && !virtualized });
   const autoId = useId6();
   const resolvedId = id ? String(id) : `combobox-${autoId}`;
@@ -7329,7 +7351,7 @@ var Combobox = ({
   const trimmedQuery = query.trim();
   const queryMeetsMinimum = trimmedQuery.length >= minSearchLength;
   const shouldPromptForSearch = minSearchLength > 0 && !queryMeetsMinimum && (searchMode === "manual" || showSearchPromptWhenEmptyQuery);
-  const filteredOptions = React25.useMemo(
+  const filteredOptions = React26.useMemo(
     () => {
       if (shouldPromptForSearch) return [];
       if (!enableSearch || searchMode === "manual") return options;
@@ -7339,7 +7361,7 @@ var Combobox = ({
     },
     [enableSearch, options, searchMode, shouldPromptForSearch, trimmedQuery]
   );
-  const renderLimitedOptions = React25.useMemo(
+  const renderLimitedOptions = React26.useMemo(
     () => {
       if (trimmedQuery || maxInitialOptions === void 0 || maxInitialOptions < 1) {
         return filteredOptions;
@@ -7358,15 +7380,15 @@ var Combobox = ({
     enabled: canVirtualize
   });
   const virtualItems = canVirtualize ? optionVirtualizer.getVirtualItems() : [];
-  const triggerRef = React25.useRef(null);
-  const scrollVirtualListToIndex = React25.useCallback((index) => {
+  const triggerRef = React26.useRef(null);
+  const scrollVirtualListToIndex = React26.useCallback((index) => {
     if (!canVirtualize || renderLimitedOptions.length === 0) return;
     optionVirtualizer.scrollToIndex(index, { align: "auto" });
   }, [canVirtualize, optionVirtualizer, renderLimitedOptions.length]);
-  const scrollVirtualListToStart = React25.useCallback(() => {
+  const scrollVirtualListToStart = React26.useCallback(() => {
     scrollVirtualListToIndex(0);
   }, [scrollVirtualListToIndex]);
-  const moveActiveIndex = React25.useCallback((direction) => {
+  const moveActiveIndex = React26.useCallback((direction) => {
     if (renderLimitedOptions.length === 0) return;
     const next = activeIndex === null ? direction === 1 ? 0 : renderLimitedOptions.length - 1 : (activeIndex + direction + renderLimitedOptions.length) % renderLimitedOptions.length;
     setActiveIndex(next);
@@ -7390,7 +7412,7 @@ var Combobox = ({
     onChange(null);
     setOpen(false);
   };
-  React25.useEffect(() => {
+  React26.useEffect(() => {
     if (!open) {
       setQuery("");
       setActiveIndex(null);
@@ -7401,12 +7423,12 @@ var Combobox = ({
       }, 100);
     }
   }, [enableSearch, open, scrollVirtualListToStart]);
-  React25.useEffect(() => {
+  React26.useEffect(() => {
     if (!onSearchChange) return void 0;
     const timeoutId = window.setTimeout(() => onSearchChange(query), searchDebounceMs);
     return () => window.clearTimeout(timeoutId);
   }, [onSearchChange, query, searchDebounceMs]);
-  React25.useEffect(() => {
+  React26.useEffect(() => {
     if (process.env.NODE_ENV !== "production" && options.length > 300 && !virtualized && searchMode !== "manual" && maxInitialOptions === void 0) {
       console.warn(
         '[Underverse UI] Combobox received more than 300 options without virtualization, manual search, or maxInitialOptions. Use virtualized, searchMode="manual", or maxInitialOptions to avoid rendering a large dropdown.'
@@ -7418,12 +7440,12 @@ var Combobox = ({
   const selectedIcon = selectedOption ? getOptionIcon(selectedOption) : void 0;
   const hasValue = value !== void 0 && value !== null && value !== "";
   const effectiveError = error ?? localRequiredError;
-  React25.useEffect(() => {
+  React26.useEffect(() => {
     if (disabled || !required || hasValue) {
       setLocalRequiredError(void 0);
     }
   }, [disabled, hasValue, required]);
-  const groupedOptions = React25.useMemo(() => {
+  const groupedOptions = React26.useMemo(() => {
     if (!groupBy) return null;
     const groups = {};
     renderLimitedOptions.forEach((opt) => {
@@ -7840,7 +7862,7 @@ var Pagination = ({
   labels
 }) => {
   const t = useSmartTranslations("Pagination");
-  React26.useEffect(() => {
+  React27.useEffect(() => {
     if (disabled) return;
     const handleKey = (e) => {
       if (e.target && e.target.tagName === "INPUT") return;
@@ -8145,7 +8167,7 @@ var CompactPagination = ({ page, totalPages, onChange, className, disabled = fal
 };
 
 // src/components/Section.tsx
-import React27 from "react";
+import React28 from "react";
 import { jsx as jsx32 } from "react/jsx-runtime";
 var gradientDirectionMap = {
   "to-r": "to right",
@@ -8178,7 +8200,7 @@ var variantClasses = {
   accent: "bg-accent/10",
   gradient: ""
 };
-var Section = React27.forwardRef(
+var Section = React28.forwardRef(
   ({
     children,
     className,
@@ -8491,7 +8513,7 @@ function formatDateSmart(date, locale = "en") {
 
 // src/components/DatePicker.tsx
 import { Calendar, ChevronLeft as ChevronLeft2, ChevronRight as ChevronRight3, Sparkles, X as XIcon } from "lucide-react";
-import * as React29 from "react";
+import * as React30 from "react";
 import { useId as useId7 } from "react";
 import { Fragment as Fragment7, jsx as jsx35, jsxs as jsxs24 } from "react/jsx-runtime";
 var DatePicker = ({
@@ -8515,20 +8537,20 @@ var DatePicker = ({
   const t = useSmartTranslations("DatePicker");
   const tv = useSmartTranslations("ValidationInput");
   const locale = useSmartLocale();
-  const [isOpen, setIsOpen] = React29.useState(false);
-  const [viewDate, setViewDate] = React29.useState(value || /* @__PURE__ */ new Date());
-  const [viewMode, setViewMode] = React29.useState("calendar");
-  const [localRequiredError, setLocalRequiredError] = React29.useState();
-  const triggerRef = React29.useRef(null);
-  const wheelContainerRef = React29.useRef(null);
-  const wheelDeltaRef = React29.useRef(0);
-  const normalizeToLocalDay = React29.useCallback((date) => {
+  const [isOpen, setIsOpen] = React30.useState(false);
+  const [viewDate, setViewDate] = React30.useState(value || /* @__PURE__ */ new Date());
+  const [viewMode, setViewMode] = React30.useState("calendar");
+  const [localRequiredError, setLocalRequiredError] = React30.useState();
+  const triggerRef = React30.useRef(null);
+  const wheelContainerRef = React30.useRef(null);
+  const wheelDeltaRef = React30.useRef(0);
+  const normalizeToLocalDay = React30.useCallback((date) => {
     if (!date) return null;
     return new Date(date.getFullYear(), date.getMonth(), date.getDate());
   }, []);
-  const minDay = React29.useMemo(() => normalizeToLocalDay(minDate), [minDate, normalizeToLocalDay]);
-  const maxDay = React29.useMemo(() => normalizeToLocalDay(maxDate), [maxDate, normalizeToLocalDay]);
-  const isDateDisabled = React29.useCallback(
+  const minDay = React30.useMemo(() => normalizeToLocalDay(minDate), [minDate, normalizeToLocalDay]);
+  const maxDay = React30.useMemo(() => normalizeToLocalDay(maxDate), [maxDate, normalizeToLocalDay]);
+  const isDateDisabled = React30.useCallback(
     (date) => {
       const day = normalizeToLocalDay(date);
       if (!day) return false;
@@ -8597,19 +8619,19 @@ var DatePicker = ({
       footerMargin: "mt-5 pt-4 gap-2.5"
     }
   };
-  React29.useEffect(() => {
+  React30.useEffect(() => {
     if (value) {
       setViewDate(value);
     } else {
       setViewDate(/* @__PURE__ */ new Date());
     }
   }, [value]);
-  React29.useEffect(() => {
+  React30.useEffect(() => {
     if (disabled || !required || value) {
       setLocalRequiredError(void 0);
     }
   }, [disabled, required, value]);
-  React29.useEffect(() => {
+  React30.useEffect(() => {
     if (!isOpen) {
       setViewMode("calendar");
     }
@@ -8639,7 +8661,7 @@ var DatePicker = ({
   const getFirstDayOfMonth = (date) => {
     return new Date(date.getFullYear(), date.getMonth(), 1).getDay();
   };
-  const navigateMonth = React29.useCallback((direction) => {
+  const navigateMonth = React30.useCallback((direction) => {
     setViewDate((prev) => {
       const newDate = new Date(prev);
       newDate.setMonth(prev.getMonth() + (direction === "next" ? 1 : -1));
@@ -8653,7 +8675,7 @@ var DatePicker = ({
     const node = el;
     return node.scrollHeight > node.clientHeight + 1;
   };
-  React29.useEffect(() => {
+  React30.useEffect(() => {
     if (!isOpen) return;
     const container = wheelContainerRef.current;
     if (!container) return;
@@ -9068,11 +9090,11 @@ var DateRangePicker = ({
   const locale = useSmartLocale();
   const t = useSmartTranslations("DatePicker");
   const tv = useSmartTranslations("ValidationInput");
-  const [isOpen, setIsOpen] = React29.useState(false);
-  const [viewMode, setViewMode] = React29.useState("calendar");
-  const [localRequiredError, setLocalRequiredError] = React29.useState();
-  const wheelContainerRef = React29.useRef(null);
-  const wheelDeltaRef = React29.useRef(0);
+  const [isOpen, setIsOpen] = React30.useState(false);
+  const [viewMode, setViewMode] = React30.useState("calendar");
+  const [localRequiredError, setLocalRequiredError] = React30.useState();
+  const wheelContainerRef = React30.useRef(null);
+  const wheelDeltaRef = React30.useRef(0);
   const sizeStyles8 = {
     sm: {
       trigger: "px-2.5 py-1.5 text-sm h-8 md:h-7 md:text-xs md:py-1",
@@ -9130,24 +9152,24 @@ var DateRangePicker = ({
     if (!date) return null;
     return new Date(date.getFullYear(), date.getMonth(), date.getDate());
   };
-  const minDay = React29.useMemo(() => normalizeToLocal(minDate), [minDate]);
-  const maxDay = React29.useMemo(() => normalizeToLocal(maxDate), [maxDate]);
-  const [viewDate, setViewDate] = React29.useState(startDate || /* @__PURE__ */ new Date());
-  const [tempStart, setTempStart] = React29.useState(normalizeToLocal(startDate));
-  const [tempEnd, setTempEnd] = React29.useState(normalizeToLocal(endDate));
-  const [hoveredDate, setHoveredDate] = React29.useState(null);
-  React29.useEffect(() => {
+  const minDay = React30.useMemo(() => normalizeToLocal(minDate), [minDate]);
+  const maxDay = React30.useMemo(() => normalizeToLocal(maxDate), [maxDate]);
+  const [viewDate, setViewDate] = React30.useState(startDate || /* @__PURE__ */ new Date());
+  const [tempStart, setTempStart] = React30.useState(normalizeToLocal(startDate));
+  const [tempEnd, setTempEnd] = React30.useState(normalizeToLocal(endDate));
+  const [hoveredDate, setHoveredDate] = React30.useState(null);
+  React30.useEffect(() => {
     setTempStart(normalizeToLocal(startDate));
   }, [startDate]);
-  React29.useEffect(() => {
+  React30.useEffect(() => {
     setTempEnd(normalizeToLocal(endDate));
   }, [endDate]);
-  React29.useEffect(() => {
+  React30.useEffect(() => {
     if (!isOpen) {
       setViewMode("calendar");
     }
   }, [isOpen]);
-  React29.useEffect(() => {
+  React30.useEffect(() => {
     if (!required || startDate && endDate) {
       setLocalRequiredError(void 0);
     }
@@ -9159,10 +9181,10 @@ var DateRangePicker = ({
   const inRange = (d, s, e) => d > s && d < e;
   const getDaysInMonth = (d) => new Date(d.getFullYear(), d.getMonth() + 1, 0).getDate();
   const getFirstDayOfMonth = (d) => new Date(d.getFullYear(), d.getMonth(), 1).getDay();
-  const navigateMonth = React29.useCallback((direction) => {
+  const navigateMonth = React30.useCallback((direction) => {
     setViewDate((prev) => new Date(prev.getFullYear(), prev.getMonth() + (direction === "next" ? 1 : -1), 1));
   }, []);
-  const navigateYearRange = React29.useCallback((direction) => {
+  const navigateYearRange = React30.useCallback((direction) => {
     setViewDate((prev) => new Date(prev.getFullYear() + (direction === "next" ? 12 : -12), prev.getMonth(), 1));
   }, []);
   const isElementVerticallyScrollable = (el) => {
@@ -9172,7 +9194,7 @@ var DateRangePicker = ({
     const node = el;
     return node.scrollHeight > node.clientHeight + 1;
   };
-  React29.useEffect(() => {
+  React30.useEffect(() => {
     if (!isOpen) return;
     const container = wheelContainerRef.current;
     if (!container) return;
@@ -9351,7 +9373,7 @@ var DateRangePicker = ({
       );
     }) });
   };
-  const todayDate = React29.useMemo(() => {
+  const todayDate = React30.useMemo(() => {
     const today = /* @__PURE__ */ new Date();
     return new Date(today.getFullYear(), today.getMonth(), today.getDate());
   }, []);
@@ -9593,15 +9615,15 @@ var CompactDatePicker = ({ value, onChange, className }) => {
 };
 
 // src/components/DateTimePicker.tsx
-import * as React33 from "react";
+import * as React34 from "react";
 import { Calendar as CalendarIcon, X as X12 } from "lucide-react";
 
 // src/components/Calendar.tsx
 import { ChevronLeft as ChevronLeft3, ChevronRight as ChevronRight4 } from "lucide-react";
-import * as React31 from "react";
+import * as React32 from "react";
 
 // src/components/MonthYearPicker.tsx
-import * as React30 from "react";
+import * as React31 from "react";
 import { Calendar as Calendar2, X as X10, Check as Check4, ChevronDown as ChevronDown2 } from "lucide-react";
 import { jsx as jsx36, jsxs as jsxs25 } from "react/jsx-runtime";
 var DEFAULT_MONTH_NAMES = [
@@ -9644,20 +9666,20 @@ function WheelColumn({
 }) {
   const height = itemHeight * WHEEL_VISIBLE_ITEMS;
   const paddingY = (height - itemHeight) / 2;
-  const rafRef = React30.useRef(0);
-  const lastVirtualIndexRef = React30.useRef(null);
-  const wheelDeltaRef = React30.useRef(0);
-  const scrollEndTimeoutRef = React30.useRef(null);
-  const suppressScrollSelectUntilRef = React30.useRef(0);
-  const suppressItemClickUntilRef = React30.useRef(0);
-  const dragRef = React30.useRef(null);
-  const draggingRef = React30.useRef(false);
-  const inertialRef = React30.useRef(false);
-  const inertiaRafRef = React30.useRef(null);
-  const inertiaVelocityRef = React30.useRef(0);
-  const inertiaLastTimeRef = React30.useRef(0);
-  const moveSamplesRef = React30.useRef([]);
-  const ui = React30.useMemo(() => {
+  const rafRef = React31.useRef(0);
+  const lastVirtualIndexRef = React31.useRef(null);
+  const wheelDeltaRef = React31.useRef(0);
+  const scrollEndTimeoutRef = React31.useRef(null);
+  const suppressScrollSelectUntilRef = React31.useRef(0);
+  const suppressItemClickUntilRef = React31.useRef(0);
+  const dragRef = React31.useRef(null);
+  const draggingRef = React31.useRef(false);
+  const inertialRef = React31.useRef(false);
+  const inertiaRafRef = React31.useRef(null);
+  const inertiaVelocityRef = React31.useRef(0);
+  const inertiaLastTimeRef = React31.useRef(0);
+  const moveSamplesRef = React31.useRef([]);
+  const ui = React31.useMemo(() => {
     if (size === "sm") {
       return {
         columnWidth: column === "month" ? "min-w-24 max-w-32" : "min-w-16 max-w-20",
@@ -9684,9 +9706,9 @@ function WheelColumn({
       fadeHeight: "h-12"
     };
   }, [size, column]);
-  const baseOffset = React30.useMemo(() => loop ? items.length : 0, [items.length, loop]);
-  const extendedItems = React30.useMemo(() => loop ? [...items, ...items, ...items] : items, [items, loop]);
-  const getNearestVirtualIndex = React30.useCallback(
+  const baseOffset = React31.useMemo(() => loop ? items.length : 0, [items.length, loop]);
+  const extendedItems = React31.useMemo(() => loop ? [...items, ...items, ...items] : items, [items, loop]);
+  const getNearestVirtualIndex = React31.useCallback(
     (realIndex, fromVirtual) => {
       const len = items.length;
       if (len <= 0) return 0;
@@ -9705,7 +9727,7 @@ function WheelColumn({
     },
     [items.length, loop]
   );
-  React30.useLayoutEffect(() => {
+  React31.useLayoutEffect(() => {
     const el = scrollRef.current;
     if (!el) return;
     const maxVirtual = Math.max(0, extendedItems.length - 1);
@@ -9733,7 +9755,7 @@ function WheelColumn({
       cancelAnimationFrame(rafRef.current);
     };
   }, [animate, baseOffset, extendedItems.length, getNearestVirtualIndex, itemHeight, loop, scrollRef, valueIndex]);
-  React30.useEffect(() => {
+  React31.useEffect(() => {
     const el = scrollRef.current;
     if (!el) return;
     const lastWheelSignRef = { current: 0 };
@@ -9821,11 +9843,11 @@ function WheelColumn({
       }, 120);
     });
   };
-  const currentVirtual = React30.useMemo(() => {
+  const currentVirtual = React31.useMemo(() => {
     if (!loop || items.length <= 0) return valueIndex;
     return baseOffset + valueIndex;
   }, [baseOffset, items.length, loop, valueIndex]);
-  const commitFromScrollTop = React30.useCallback(
+  const commitFromScrollTop = React31.useCallback(
     (behavior) => {
       const el = scrollRef.current;
       if (!el) return;
@@ -9903,7 +9925,7 @@ function WheelColumn({
       if (dt > 0) inertiaVelocityRef.current = (el.scrollTop - oldest.top) / dt;
     }
   };
-  const startInertia = React30.useCallback(() => {
+  const startInertia = React31.useCallback(() => {
     const el = scrollRef.current;
     if (!el) return;
     if (items.length <= 0) return;
@@ -10088,36 +10110,36 @@ function MonthYearPicker({
   };
   const isControlled = value !== void 0;
   const initial = parseValue(isControlled ? value : defaultValue) ?? { month: now.getMonth(), year: currentYear };
-  const [open, setOpen] = React30.useState(false);
-  const [parts, setParts] = React30.useState(initial);
-  const [focusedColumn, setFocusedColumn] = React30.useState(null);
-  const [localRequiredError, setLocalRequiredError] = React30.useState();
-  const [hasCommittedValue, setHasCommittedValue] = React30.useState(Boolean(parseValue(isControlled ? value : defaultValue)));
-  const monthScrollRef = React30.useRef(null);
-  const yearScrollRef = React30.useRef(null);
-  React30.useEffect(() => {
+  const [open, setOpen] = React31.useState(false);
+  const [parts, setParts] = React31.useState(initial);
+  const [focusedColumn, setFocusedColumn] = React31.useState(null);
+  const [localRequiredError, setLocalRequiredError] = React31.useState();
+  const [hasCommittedValue, setHasCommittedValue] = React31.useState(Boolean(parseValue(isControlled ? value : defaultValue)));
+  const monthScrollRef = React31.useRef(null);
+  const yearScrollRef = React31.useRef(null);
+  React31.useEffect(() => {
     if (isControlled) {
       const parsed = parseValue(value);
       if (parsed) setParts(parsed);
     }
   }, [value, isControlled]);
-  React30.useEffect(() => {
+  React31.useEffect(() => {
     if (isControlled) {
       setHasCommittedValue(Boolean(parseValue(value)));
     }
   }, [isControlled, value]);
   const hasValue = hasCommittedValue;
   const effectiveError = error ?? localRequiredError;
-  React30.useEffect(() => {
+  React31.useEffect(() => {
     if (disabled || !required || hasValue) {
       setLocalRequiredError(void 0);
     }
   }, [disabled, hasValue, required]);
-  const years = React30.useMemo(() => {
+  const years = React31.useMemo(() => {
     return Array.from({ length: resolvedMaxYear - resolvedMinYear + 1 }, (_, i) => resolvedMinYear + i);
   }, [resolvedMinYear, resolvedMaxYear]);
-  const months = React30.useMemo(() => Array.from({ length: 12 }, (_, i) => i), []);
-  const isDateInRange = React30.useCallback(
+  const months = React31.useMemo(() => Array.from({ length: 12 }, (_, i) => i), []);
+  const isDateInRange = React31.useCallback(
     (month, year) => {
       if (minDate) {
         const minMonth = minDate.getMonth();
@@ -10133,7 +10155,7 @@ function MonthYearPicker({
     },
     [minDate, maxDate]
   );
-  const emit = React30.useCallback(
+  const emit = React31.useCallback(
     (next) => {
       if (!next) {
         setLocalRequiredError(void 0);
@@ -10149,7 +10171,7 @@ function MonthYearPicker({
     },
     [isControlled, isDateInRange, onChange]
   );
-  const tryUpdate = React30.useCallback(
+  const tryUpdate = React31.useCallback(
     (next) => {
       if (!isDateInRange(next.month, next.year)) return false;
       setParts(next);
@@ -10585,12 +10607,12 @@ function Calendar3({
   ...rest
 }) {
   const isControlledMonth = month != null;
-  const [view, setView] = React31.useState(() => month ?? defaultMonth ?? /* @__PURE__ */ new Date());
-  React31.useEffect(() => {
+  const [view, setView] = React32.useState(() => month ?? defaultMonth ?? /* @__PURE__ */ new Date());
+  React32.useEffect(() => {
     if (isControlledMonth && month) setView(month);
   }, [isControlledMonth, month]);
   const isControlledValue = value !== void 0;
-  const [internal, setInternal] = React31.useState(defaultValue);
+  const [internal, setInternal] = React32.useState(defaultValue);
   const selected = isControlledValue ? value : internal;
   const goByView = (delta) => {
     const next = display === "week" ? addDays(view, delta * 7) : addMonths(view, delta);
@@ -10602,7 +10624,7 @@ function Calendar3({
   const weekdays = rotate(weekNames, weekStartsOn);
   const days = getMonthGrid(view, weekStartsOn);
   const today = /* @__PURE__ */ new Date();
-  const byDay = React31.useMemo(() => {
+  const byDay = React32.useMemo(() => {
     const map = /* @__PURE__ */ new Map();
     for (const e of events) {
       const d = toDate(e.date);
@@ -10614,11 +10636,11 @@ function Calendar3({
   }, [events]);
   const effectiveEnableEventSheet = enableEventSheet ?? !!renderEventSheet;
   const isEventSheetOpenControlled = eventSheetOpen !== void 0;
-  const [internalEventSheetOpen, setInternalEventSheetOpen] = React31.useState(false);
+  const [internalEventSheetOpen, setInternalEventSheetOpen] = React32.useState(false);
   const activeEventSheetOpen = isEventSheetOpenControlled ? !!eventSheetOpen : internalEventSheetOpen;
   const isSelectedEventControlled = selectedEventId !== void 0;
-  const [internalSelectedEventRef, setInternalSelectedEventRef] = React31.useState(null);
-  const setEventSheetOpen = React31.useCallback(
+  const [internalSelectedEventRef, setInternalSelectedEventRef] = React32.useState(null);
+  const setEventSheetOpen = React32.useCallback(
     (open) => {
       if (!isEventSheetOpenControlled) setInternalEventSheetOpen(open);
       onEventSheetOpenChange?.(open);
@@ -10629,7 +10651,7 @@ function Calendar3({
     },
     [isEventSheetOpenControlled, isSelectedEventControlled, onEventSheetOpenChange, onSelectedEventIdChange]
   );
-  const selectedEventRef = React31.useMemo(() => {
+  const selectedEventRef = React32.useMemo(() => {
     if (isSelectedEventControlled && selectedEventId != null) {
       const ev = events.find((e) => e.id === selectedEventId);
       if (!ev) return null;
@@ -10639,7 +10661,7 @@ function Calendar3({
     }
     return internalSelectedEventRef;
   }, [events, internalSelectedEventRef, isSelectedEventControlled, selectedEventId]);
-  const selectedEvent = React31.useMemo(() => {
+  const selectedEvent = React32.useMemo(() => {
     if (!selectedEventRef) return null;
     const list = byDay.get(selectedEventRef.dayKey) || [];
     if (selectedEventRef.eventId != null) {
@@ -10648,13 +10670,13 @@ function Calendar3({
     const idx = selectedEventRef.index ?? -1;
     return idx >= 0 && idx < list.length ? list[idx] : null;
   }, [byDay, selectedEventRef]);
-  const selectedEventDate = React31.useMemo(() => {
+  const selectedEventDate = React32.useMemo(() => {
     if (!selectedEventRef) return null;
     const [y, m, d] = selectedEventRef.dayKey.split("-").map((x) => Number(x));
     if (!Number.isFinite(y) || !Number.isFinite(m) || !Number.isFinite(d)) return null;
     return new Date(y, m, d);
   }, [selectedEventRef]);
-  const handleEventActivate = React31.useCallback(
+  const handleEventActivate = React32.useCallback(
     (event, date, dayKey, index) => {
       onEventClick?.(event, date);
       onSelectedEventIdChange?.(event.id ?? void 0);
@@ -10707,7 +10729,7 @@ function Calendar3({
       }
     }
   };
-  const isDateDisabled = React31.useCallback(
+  const isDateDisabled = React32.useCallback(
     (d) => {
       if (minDate && d < new Date(minDate.getFullYear(), minDate.getMonth(), minDate.getDate())) return true;
       if (maxDate && d > new Date(maxDate.getFullYear(), maxDate.getMonth(), maxDate.getDate())) return true;
@@ -10741,7 +10763,7 @@ function Calendar3({
     card: "border border-border/50 rounded-3xl bg-linear-to-br from-card via-background/95 to-card shadow-lg hover:shadow-xl transition-shadow duration-300 backdrop-blur-md",
     minimal: "bg-transparent"
   };
-  const weekDays = React31.useMemo(() => {
+  const weekDays = React32.useMemo(() => {
     const s = startOfWeek(view, weekStartsOn);
     return Array.from({ length: 7 }, (_, i) => addDays(s, i));
   }, [view, weekStartsOn]);
@@ -10762,7 +10784,7 @@ function Calendar3({
         const holidayMatch = isHoliday(d, holidays);
         const isHolidayDay = highlightHolidays && !!holidayMatch;
         const customDay = renderDay?.({ date: d, isCurrentMonth: inMonth, isToday: isToday2, isSelected: selectedDay, events: dayEvents });
-        if (customDay) return /* @__PURE__ */ jsx37(React31.Fragment, { children: customDay }, `${monthLabel}-${idx}`);
+        if (customDay) return /* @__PURE__ */ jsx37(React32.Fragment, { children: customDay }, `${monthLabel}-${idx}`);
         if (cellMode === "events") {
           const limit = Math.max(0, maxEventsPerDay);
           const visibleEvents = dayEvents.slice(0, limit);
@@ -10881,9 +10903,9 @@ function Calendar3({
       }) })
     ] });
   };
-  const minBound = React31.useMemo(() => minDate ? new Date(minDate.getFullYear(), minDate.getMonth(), minDate.getDate()) : void 0, [minDate]);
-  const maxBound = React31.useMemo(() => maxDate ? new Date(maxDate.getFullYear(), maxDate.getMonth(), maxDate.getDate()) : void 0, [maxDate]);
-  const prevDisabled = React31.useMemo(() => {
+  const minBound = React32.useMemo(() => minDate ? new Date(minDate.getFullYear(), minDate.getMonth(), minDate.getDate()) : void 0, [minDate]);
+  const maxBound = React32.useMemo(() => maxDate ? new Date(maxDate.getFullYear(), maxDate.getMonth(), maxDate.getDate()) : void 0, [maxDate]);
+  const prevDisabled = React32.useMemo(() => {
     if (!minBound) return false;
     if (display === "week") {
       const start = startOfWeek(view, weekStartsOn);
@@ -10893,7 +10915,7 @@ function Calendar3({
     const prevEnd = endOfMonth(addMonths(view, -1));
     return prevEnd < minBound;
   }, [display, view, weekStartsOn, minBound]);
-  const nextDisabled = React31.useMemo(() => {
+  const nextDisabled = React32.useMemo(() => {
     if (!maxBound) return false;
     if (display === "week") {
       const start = startOfWeek(view, weekStartsOn);
@@ -10970,7 +10992,7 @@ function Calendar3({
         const holidayMatch = isHoliday(d, holidays);
         const isHolidayDay = highlightHolidays && !!holidayMatch;
         const customDay = renderDay?.({ date: d, isCurrentMonth: inMonth, isToday: isToday2, isSelected: selectedDay, events: dayEvents });
-        if (customDay) return /* @__PURE__ */ jsx37(React31.Fragment, { children: customDay }, `wd-${idx}`);
+        if (customDay) return /* @__PURE__ */ jsx37(React32.Fragment, { children: customDay }, `wd-${idx}`);
         if (cellMode === "events") {
           const limit = Math.max(0, maxEventsPerDay);
           const visibleEvents = dayEvents.slice(0, limit);
@@ -11081,7 +11103,7 @@ function Calendar3({
           `wd-${idx}`
         );
       }) })
-    ] }) : /* @__PURE__ */ jsx37("div", { className: cn(months > 1 ? "grid md:grid-cols-2 lg:grid-cols-3 gap-4" : ""), children: Array.from({ length: Math.max(1, months) }, (_, i) => /* @__PURE__ */ jsx37(React31.Fragment, { children: renderMonth(addMonths(view, i)) }, `cal-month-${view.getFullYear()}-${view.getMonth()}-${i}`)) }),
+    ] }) : /* @__PURE__ */ jsx37("div", { className: cn(months > 1 ? "grid md:grid-cols-2 lg:grid-cols-3 gap-4" : ""), children: Array.from({ length: Math.max(1, months) }, (_, i) => /* @__PURE__ */ jsx37(React32.Fragment, { children: renderMonth(addMonths(view, i)) }, `cal-month-${view.getFullYear()}-${view.getMonth()}-${i}`)) }),
     effectiveEnableEventSheet && selectedEvent && selectedEventDate ? /* @__PURE__ */ jsx37(
       Sheet,
       {
@@ -11111,7 +11133,7 @@ function Calendar3({
 }
 
 // src/components/TimePicker.tsx
-import * as React32 from "react";
+import * as React33 from "react";
 import { Clock as Clock2, X as X11, Check as Check5, Sun, Moon, Sunset, Coffee } from "lucide-react";
 import { Fragment as Fragment10, jsx as jsx38, jsxs as jsxs27 } from "react/jsx-runtime";
 var pad = (n) => n.toString().padStart(2, "0");
@@ -11138,21 +11160,21 @@ function WheelColumn2({
 }) {
   const height = itemHeight * WHEEL_VISIBLE_ITEMS2;
   const paddingY = (height - itemHeight) / 2;
-  const rafRef = React32.useRef(0);
-  const lastVirtualIndexRef = React32.useRef(null);
-  const wheelDeltaRef = React32.useRef(0);
-  const scrollEndTimeoutRef = React32.useRef(null);
-  const suppressScrollSelectUntilRef = React32.useRef(0);
-  const suppressItemClickUntilRef = React32.useRef(0);
-  const dragRef = React32.useRef(null);
-  const draggingRef = React32.useRef(false);
-  const inertialRef = React32.useRef(false);
-  const inertiaRafRef = React32.useRef(null);
-  const inertiaVelocityRef = React32.useRef(0);
-  const inertiaLastTimeRef = React32.useRef(0);
-  const moveSamplesRef = React32.useRef([]);
+  const rafRef = React33.useRef(0);
+  const lastVirtualIndexRef = React33.useRef(null);
+  const wheelDeltaRef = React33.useRef(0);
+  const scrollEndTimeoutRef = React33.useRef(null);
+  const suppressScrollSelectUntilRef = React33.useRef(0);
+  const suppressItemClickUntilRef = React33.useRef(0);
+  const dragRef = React33.useRef(null);
+  const draggingRef = React33.useRef(false);
+  const inertialRef = React33.useRef(false);
+  const inertiaRafRef = React33.useRef(null);
+  const inertiaVelocityRef = React33.useRef(0);
+  const inertiaLastTimeRef = React33.useRef(0);
+  const moveSamplesRef = React33.useRef([]);
   const loop = true;
-  const ui = React32.useMemo(() => {
+  const ui = React33.useMemo(() => {
     if (size === "sm") {
       return {
         columnWidth: "min-w-16 max-w-21",
@@ -11179,9 +11201,9 @@ function WheelColumn2({
       fadeHeight: "h-12"
     };
   }, [size]);
-  const baseOffset = React32.useMemo(() => loop ? items.length : 0, [items.length, loop]);
-  const extendedItems = React32.useMemo(() => loop ? [...items, ...items, ...items] : items, [items, loop]);
-  const getNearestVirtualIndex = React32.useCallback(
+  const baseOffset = React33.useMemo(() => loop ? items.length : 0, [items.length, loop]);
+  const extendedItems = React33.useMemo(() => loop ? [...items, ...items, ...items] : items, [items, loop]);
+  const getNearestVirtualIndex = React33.useCallback(
     (realIndex, fromVirtual) => {
       const len = items.length;
       if (len <= 0) return 0;
@@ -11200,7 +11222,7 @@ function WheelColumn2({
     },
     [items.length, loop]
   );
-  React32.useLayoutEffect(() => {
+  React33.useLayoutEffect(() => {
     const el = scrollRef.current;
     if (!el) return;
     const maxVirtual = Math.max(0, extendedItems.length - 1);
@@ -11228,7 +11250,7 @@ function WheelColumn2({
       cancelAnimationFrame(rafRef.current);
     };
   }, [animate, baseOffset, extendedItems.length, getNearestVirtualIndex, itemHeight, loop, scrollRef, valueIndex]);
-  React32.useEffect(() => {
+  React33.useEffect(() => {
     const el = scrollRef.current;
     if (!el) return;
     const lastWheelSignRef = { current: 0 };
@@ -11316,11 +11338,11 @@ function WheelColumn2({
       }, 120);
     });
   };
-  const currentVirtual = React32.useMemo(() => {
+  const currentVirtual = React33.useMemo(() => {
     if (!loop || items.length <= 0) return valueIndex;
     return baseOffset + valueIndex;
   }, [baseOffset, items.length, loop, valueIndex]);
-  const commitFromScrollTop = React32.useCallback(
+  const commitFromScrollTop = React33.useCallback(
     (behavior) => {
       const el = scrollRef.current;
       if (!el) return;
@@ -11398,7 +11420,7 @@ function WheelColumn2({
       if (dt > 0) inertiaVelocityRef.current = (el.scrollTop - oldest.top) / dt;
     }
   };
-  const startInertia = React32.useCallback(() => {
+  const startInertia = React33.useCallback(() => {
     const el = scrollRef.current;
     if (!el) return;
     if (items.length <= 0) return;
@@ -11599,44 +11621,44 @@ function TimePicker({
 }) {
   const tv = useSmartTranslations("ValidationInput");
   const gi18n = useGlobalI18n();
-  const autoId = React32.useId();
+  const autoId = React33.useId();
   const isControlled = value !== void 0;
   const now = /* @__PURE__ */ new Date();
   const initial = parseTime(isControlled ? value : defaultValue, format, includeSeconds) || (format === "12" ? { h: now.getHours() % 12 || 12, m: now.getMinutes(), s: now.getSeconds(), p: now.getHours() >= 12 ? "PM" : "AM" } : { h: now.getHours(), m: now.getMinutes(), s: now.getSeconds() });
-  const [open, setOpen] = React32.useState(false);
-  const [parts, setParts] = React32.useState(initial);
-  const [manualInput, setManualInput] = React32.useState(formatTime2(initial, format, includeSeconds));
-  const [isDirectEditing, setIsDirectEditing] = React32.useState(false);
-  const [focusedColumn, setFocusedColumn] = React32.useState(null);
-  const [localRequiredError, setLocalRequiredError] = React32.useState();
-  const [hasCommittedValue, setHasCommittedValue] = React32.useState(Boolean(isControlled ? value : defaultValue));
-  const hourScrollRef = React32.useRef(null);
-  const minuteScrollRef = React32.useRef(null);
-  const secondScrollRef = React32.useRef(null);
-  const periodRef = React32.useRef(null);
-  const directEditInputRef = React32.useRef(null);
+  const [open, setOpen] = React33.useState(false);
+  const [parts, setParts] = React33.useState(initial);
+  const [manualInput, setManualInput] = React33.useState(formatTime2(initial, format, includeSeconds));
+  const [isDirectEditing, setIsDirectEditing] = React33.useState(false);
+  const [focusedColumn, setFocusedColumn] = React33.useState(null);
+  const [localRequiredError, setLocalRequiredError] = React33.useState();
+  const [hasCommittedValue, setHasCommittedValue] = React33.useState(Boolean(isControlled ? value : defaultValue));
+  const hourScrollRef = React33.useRef(null);
+  const minuteScrollRef = React33.useRef(null);
+  const secondScrollRef = React33.useRef(null);
+  const periodRef = React33.useRef(null);
+  const directEditInputRef = React33.useRef(null);
   const triggerId = `time-picker-trigger-${autoId}`;
   const labelId = label ? `time-picker-label-${autoId}` : void 0;
-  React32.useEffect(() => {
+  React33.useEffect(() => {
     if (isControlled) {
       const parsed = parseTime(value, format, includeSeconds);
       if (parsed) setParts(parsed);
     }
   }, [value, isControlled, format, includeSeconds]);
-  React32.useEffect(() => {
+  React33.useEffect(() => {
     setManualInput(formatTime2(parts, format, includeSeconds));
   }, [format, includeSeconds, parts]);
-  React32.useEffect(() => {
+  React33.useEffect(() => {
     if (!isDirectEditing) return;
     directEditInputRef.current?.focus();
     directEditInputRef.current?.select();
   }, [isDirectEditing]);
-  React32.useEffect(() => {
+  React33.useEffect(() => {
     if (isControlled) {
       setHasCommittedValue(Boolean(value));
     }
   }, [isControlled, value]);
-  const isTimeDisabled = React32.useCallback(
+  const isTimeDisabled = React33.useCallback(
     (timeStr) => {
       if (!disabledTimes) return false;
       if (typeof disabledTimes === "function") return disabledTimes(timeStr);
@@ -11646,7 +11668,7 @@ function TimePicker({
   );
   const resolvedMinTime = minTime ?? min;
   const resolvedMaxTime = maxTime ?? max;
-  const toSeconds = React32.useCallback(
+  const toSeconds = React33.useCallback(
     (p) => {
       let h = p.h;
       if (format === "12") {
@@ -11658,7 +11680,7 @@ function TimePicker({
     },
     [format, includeSeconds]
   );
-  const isTimeInRange = React32.useCallback(
+  const isTimeInRange = React33.useCallback(
     (timeStr) => {
       if (!resolvedMinTime && !resolvedMaxTime) return true;
       const parsed = parseTime(timeStr, format, includeSeconds);
@@ -11676,7 +11698,7 @@ function TimePicker({
     },
     [format, includeSeconds, resolvedMaxTime, resolvedMinTime, toSeconds]
   );
-  const canEmit = React32.useCallback(
+  const canEmit = React33.useCallback(
     (next) => {
       const timeStr = next ? formatTime2(next, format, includeSeconds) : void 0;
       if (!timeStr) return true;
@@ -11686,7 +11708,7 @@ function TimePicker({
     },
     [format, includeSeconds, isTimeDisabled, isTimeInRange]
   );
-  const emit = React32.useCallback(
+  const emit = React33.useCallback(
     (next) => {
       const timeStr = next ? formatTime2(next, format, includeSeconds) : void 0;
       if (!canEmit(next)) return;
@@ -11698,7 +11720,7 @@ function TimePicker({
     },
     [canEmit, format, includeSeconds, isControlled, onChange]
   );
-  const tryUpdate = React32.useCallback(
+  const tryUpdate = React33.useCallback(
     (next) => {
       if (!canEmit(next)) return false;
       setParts(next);
@@ -11716,17 +11738,17 @@ function TimePicker({
       setFocusedColumn(null);
     }
   };
-  React32.useEffect(() => {
+  React33.useEffect(() => {
     if (disabled || !required || hasCommittedValue) {
       setLocalRequiredError(void 0);
     }
   }, [disabled, hasCommittedValue, required]);
-  const focusColumn = React32.useCallback((column) => {
+  const focusColumn = React33.useCallback((column) => {
     if (!column) return;
     const target = column === "hour" ? hourScrollRef.current : column === "minute" ? minuteScrollRef.current : column === "second" ? secondScrollRef.current : periodRef.current;
     target?.focus({ preventScroll: true });
   }, []);
-  React32.useEffect(() => {
+  React33.useEffect(() => {
     if (variant !== "inline" && !open) return;
     focusColumn(focusedColumn);
   }, [focusColumn, focusedColumn, open, variant]);
@@ -11808,7 +11830,7 @@ function TimePicker({
       }
     }
   };
-  const commitManualInput = React32.useCallback(
+  const commitManualInput = React33.useCallback(
     (input) => {
       const trimmed = input.trim();
       if (!trimmed) {
@@ -11839,12 +11861,12 @@ function TimePicker({
     },
     [display, format, includeSeconds, isTimeDisabled, isTimeInRange, tryUpdate]
   );
-  const startDirectEdit = React32.useCallback(() => {
+  const startDirectEdit = React33.useCallback(() => {
     if (disabled) return;
     setManualInput(display);
     setIsDirectEditing(true);
   }, [disabled, display]);
-  const stopDirectEdit = React32.useCallback(
+  const stopDirectEdit = React33.useCallback(
     (mode) => {
       if (mode === "commit") {
         commitManualInput(manualInput);
@@ -12420,8 +12442,8 @@ var DateTimePicker = ({
   const t = useSmartTranslations("DateTimePicker");
   const tv = useSmartTranslations("ValidationInput");
   const locale = useSmartLocale();
-  const [open, setOpen] = React33.useState(false);
-  const [localRequiredError, setLocalRequiredError] = React33.useState();
+  const [open, setOpen] = React34.useState(false);
+  const [localRequiredError, setLocalRequiredError] = React34.useState();
   const sizeStyles8 = {
     sm: {
       trigger: "h-8 px-2.5 py-1.5 text-sm md:h-7 md:text-xs",
@@ -12454,13 +12476,13 @@ var DateTimePicker = ({
       gap: "gap-4"
     }
   };
-  const [tempDate, setTempDate] = React33.useState(value);
-  const [calendarMonth, setCalendarMonth] = React33.useState(() => value ?? /* @__PURE__ */ new Date());
-  React33.useEffect(() => {
+  const [tempDate, setTempDate] = React34.useState(value);
+  const [calendarMonth, setCalendarMonth] = React34.useState(() => value ?? /* @__PURE__ */ new Date());
+  React34.useEffect(() => {
     setTempDate(value);
     setCalendarMonth(value ?? /* @__PURE__ */ new Date());
   }, [value, open]);
-  React33.useEffect(() => {
+  React34.useEffect(() => {
     if (disabled || !required || value) {
       setLocalRequiredError(void 0);
     }
@@ -12679,7 +12701,7 @@ var DateTimePicker = ({
 };
 
 // src/components/CalendarTimeline/CalendarTimeline.tsx
-import * as React39 from "react";
+import * as React40 from "react";
 import { Plus as Plus2 } from "lucide-react";
 
 // src/components/CalendarTimeline/date.ts
@@ -12919,10 +12941,10 @@ function intervalPack(items) {
 }
 
 // src/components/CalendarTimeline/hooks.ts
-import * as React34 from "react";
+import * as React35 from "react";
 function useHorizontalScrollSync(args) {
   const { bodyRef, headerRef, leftRef } = args;
-  React34.useEffect(() => {
+  React35.useEffect(() => {
     const body = bodyRef.current;
     const header = headerRef.current;
     const left = leftRef?.current ?? null;
@@ -12980,9 +13002,9 @@ function lowerBound(arr, target) {
 function useVirtualVariableRows(args) {
   const { enabled, overscan, rowHeights, scrollRef } = args;
   const itemCount = rowHeights.length;
-  const [viewportHeight, setViewportHeight] = React34.useState(0);
-  const [scrollTop, setScrollTop] = React34.useState(0);
-  React34.useEffect(() => {
+  const [viewportHeight, setViewportHeight] = React35.useState(0);
+  const [scrollTop, setScrollTop] = React35.useState(0);
+  React35.useEffect(() => {
     if (!enabled) {
       setViewportHeight(0);
       return;
@@ -12995,7 +13017,7 @@ function useVirtualVariableRows(args) {
     ro.observe(el);
     return () => ro.disconnect();
   }, [enabled, scrollRef]);
-  React34.useEffect(() => {
+  React35.useEffect(() => {
     if (!enabled) {
       setScrollTop(0);
       return;
@@ -13020,7 +13042,7 @@ function useVirtualVariableRows(args) {
       el.removeEventListener("scroll", onScroll);
     };
   }, [enabled, scrollRef]);
-  const prefix = React34.useMemo(() => {
+  const prefix = React35.useMemo(() => {
     const out = new Array(itemCount + 1);
     out[0] = 0;
     for (let i = 0; i < itemCount; i++) {
@@ -13028,7 +13050,7 @@ function useVirtualVariableRows(args) {
     }
     return out;
   }, [itemCount, rowHeights]);
-  return React34.useMemo(() => {
+  return React35.useMemo(() => {
     if (!enabled) {
       return { startIndex: 0, endIndex: itemCount, topSpacer: 0, bottomSpacer: 0, totalHeight: prefix[itemCount] ?? 0 };
     }
@@ -13044,8 +13066,8 @@ function useVirtualVariableRows(args) {
   }, [enabled, itemCount, overscan, prefix, scrollTop, viewportHeight]);
 }
 function useClientWidth(ref) {
-  const [width, setWidth] = React34.useState(0);
-  React34.useEffect(() => {
+  const [width, setWidth] = React35.useState(0);
+  React35.useEffect(() => {
     const el = ref.current;
     if (!el) return;
     const update = () => setWidth(el.clientWidth);
@@ -13268,7 +13290,7 @@ function resourcesById(resources) {
 }
 
 // src/components/CalendarTimeline/CalendarTimelineHeader.tsx
-import * as React35 from "react";
+import * as React36 from "react";
 import { Calendar as Calendar4, CalendarDays, CalendarRange, ChevronLeft as ChevronLeft4, ChevronRight as ChevronRight5, GripVertical, Plus } from "lucide-react";
 import { jsx as jsx41, jsxs as jsxs30 } from "react/jsx-runtime";
 var VIEW_ICONS = {
@@ -13299,7 +13321,7 @@ function CalendarTimelineHeader(props) {
     headerRef,
     slotHeaderNodes
   } = props;
-  const resolvedAvailableViews = React35.useMemo(
+  const resolvedAvailableViews = React36.useMemo(
     () => availableViews?.length ? availableViews : ["month", "week", "day", "sprint"],
     [availableViews]
   );
@@ -13308,22 +13330,22 @@ function CalendarTimelineHeader(props) {
   const gi18n = useGlobalI18n();
   const dt = useSmartTranslations("DateTimePicker");
   const locale = useSmartLocale();
-  const [todayOpen, setTodayOpen] = React35.useState(false);
-  const [tempDate, setTempDate] = React35.useState(() => now);
-  const [calendarMonth, setCalendarMonth] = React35.useState(() => now);
-  React35.useEffect(() => {
+  const [todayOpen, setTodayOpen] = React36.useState(false);
+  const [tempDate, setTempDate] = React36.useState(() => now);
+  const [calendarMonth, setCalendarMonth] = React36.useState(() => now);
+  React36.useEffect(() => {
     if (!todayOpen) return;
     setTempDate(now);
     setCalendarMonth(now);
   }, [now, todayOpen]);
-  const monthLabel = React35.useCallback(
+  const monthLabel = React36.useCallback(
     (date) => date.toLocaleDateString(locale === "vi" ? "vi-VN" : "en-US", {
       month: "long",
       year: "numeric"
     }),
     [locale]
   );
-  const weekdays = React35.useMemo(() => {
+  const weekdays = React36.useMemo(() => {
     switch (locale) {
       case "vi":
         return ["CN", "T2", "T3", "T4", "T5", "T6", "T7"];
@@ -13335,12 +13357,12 @@ function CalendarTimelineHeader(props) {
         return ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"];
     }
   }, [locale]);
-  const getTimeString = React35.useCallback((date) => {
+  const getTimeString = React36.useCallback((date) => {
     const h = date.getHours();
     const m = date.getMinutes();
     return `${h.toString().padStart(2, "0")}:${m.toString().padStart(2, "0")}`;
   }, []);
-  const handleDateSelect = React35.useCallback((date) => {
+  const handleDateSelect = React36.useCallback((date) => {
     if (!(date instanceof Date)) return;
     setTempDate((prev) => {
       const next = new Date(date);
@@ -13348,7 +13370,7 @@ function CalendarTimelineHeader(props) {
       return next;
     });
   }, []);
-  const handleTimeChange = React35.useCallback((timeStr) => {
+  const handleTimeChange = React36.useCallback((timeStr) => {
     if (!timeStr) return;
     const [hStr, mStr] = timeStr.split(":");
     const h = parseInt(hStr, 10);
@@ -13360,7 +13382,7 @@ function CalendarTimelineHeader(props) {
       return next;
     });
   }, []);
-  const applyDateTime = React35.useCallback(() => {
+  const applyDateTime = React36.useCallback(() => {
     onApplyDateTime(tempDate);
     setTodayOpen(false);
   }, [onApplyDateTime, tempDate]);
@@ -13624,9 +13646,9 @@ function ResourceRowCell(props) {
 }
 
 // src/components/CalendarTimeline/CalendarTimelineGridOverlay.tsx
-import * as React36 from "react";
+import * as React37 from "react";
 import { jsx as jsx43, jsxs as jsxs32 } from "react/jsx-runtime";
-var CalendarTimelineGridOverlay = React36.memo(function CalendarTimelineGridOverlay2(props) {
+var CalendarTimelineGridOverlay = React37.memo(function CalendarTimelineGridOverlay2(props) {
   const {
     gridWidth,
     height,
@@ -13674,12 +13696,12 @@ var CalendarTimelineGridOverlay = React36.memo(function CalendarTimelineGridOver
 });
 
 // src/components/CalendarTimeline/CalendarTimelineSlotHeaderCell.tsx
-import * as React37 from "react";
+import * as React38 from "react";
 import { Dot } from "lucide-react";
 import { jsx as jsx44, jsxs as jsxs33 } from "react/jsx-runtime";
-var CalendarTimelineSlotHeaderCell = React37.memo(function CalendarTimelineSlotHeaderCell2(props) {
+var CalendarTimelineSlotHeaderCell = React38.memo(function CalendarTimelineSlotHeaderCell2(props) {
   const { width, activeView, isToday: isToday2, label, ariaLabel, borderClassName, dayHeaderMarks, idx, className } = props;
-  const content = React37.useMemo(() => {
+  const content = React38.useMemo(() => {
     if (activeView === "day" && dayHeaderMarks) {
       if (dayHeaderMarks.showEllipsis[idx]) return /* @__PURE__ */ jsx44("span", { className: "text-xs text-muted-foreground/70 select-none", children: "\u2026" });
       if (!dayHeaderMarks.showTime[idx]) return null;
@@ -13702,7 +13724,7 @@ var CalendarTimelineSlotHeaderCell = React37.memo(function CalendarTimelineSlotH
 });
 
 // src/components/CalendarTimeline/internal-hooks.ts
-import * as React38 from "react";
+import * as React39 from "react";
 function useTimelineSlots(args) {
   const {
     activeView,
@@ -13717,7 +13739,7 @@ function useTimelineSlots(args) {
     formatters,
     dueDateSprint
   } = args;
-  const { slots, range } = React38.useMemo(() => {
+  const { slots, range } = React39.useMemo(() => {
     const { start, end, slotStarts: slotStarts2 } = computeSlotStarts({
       view: activeView,
       date: activeDate,
@@ -13772,18 +13794,18 @@ function useTimelineSlots(args) {
         const match = matchSprintDef(s, idx);
         if (match && sprintRangeText) {
           const rangeText = sprintRangeText(match.startMs, match.endMs);
-          return React38.createElement(
+          return React39.createElement(
             "span",
             { className: "inline-flex flex-col items-center leading-tight" },
-            React38.createElement("span", { className: "text-[11px] font-semibold text-foreground truncate max-w-32" }, match.title),
-            React38.createElement("span", { className: "text-[10px] font-medium text-muted-foreground/70" }, rangeText)
+            React39.createElement("span", { className: "text-[11px] font-semibold text-foreground truncate max-w-32" }, match.title),
+            React39.createElement("span", { className: "text-[10px] font-medium text-muted-foreground/70" }, rangeText)
           );
         }
-        return React38.createElement(
+        return React39.createElement(
           "span",
           { className: "inline-flex flex-col items-center leading-tight" },
-          React38.createElement("span", { className: "text-[10px] font-medium uppercase tracking-wider text-muted-foreground/70" }, "S"),
-          React38.createElement("span", { className: "text-sm font-semibold text-foreground" }, String(idx + 1).padStart(2, "0"))
+          React39.createElement("span", { className: "text-[10px] font-medium uppercase tracking-wider text-muted-foreground/70" }, "S"),
+          React39.createElement("span", { className: "text-sm font-semibold text-foreground" }, String(idx + 1).padStart(2, "0"))
         );
       })(),
       isToday: (() => {
@@ -13811,9 +13833,9 @@ function useTimelineSlots(args) {
     weekStartsOn,
     workHours
   ]);
-  const slotStarts = React38.useMemo(() => slots.map((s) => s.start), [slots]);
-  const todaySlotIdx = React38.useMemo(() => slots.findIndex((s) => s.isToday), [slots]);
-  const weekendSlotIdxs = React38.useMemo(() => {
+  const slotStarts = React39.useMemo(() => slots.map((s) => s.start), [slots]);
+  const todaySlotIdx = React39.useMemo(() => slots.findIndex((s) => s.isToday), [slots]);
+  const weekendSlotIdxs = React39.useMemo(() => {
     const out = [];
     for (let i = 0; i < slots.length; i++) if (slots[i]?.isWeekend) out.push(i);
     return out;
@@ -13822,16 +13844,16 @@ function useTimelineSlots(args) {
 }
 function useNormalizedEvents(args) {
   const { events, range, activeView, resolvedTimeZone, resources } = args;
-  const normalizedEvents = React38.useMemo(() => {
+  const normalizedEvents = React39.useMemo(() => {
     return normalizeEvents({ events, range, view: activeView, timeZone: resolvedTimeZone });
   }, [activeView, events, range, resolvedTimeZone]);
-  const eventsByResource = React38.useMemo(() => eventsByResourceId(normalizedEvents), [normalizedEvents]);
-  const resourceById = React38.useMemo(() => resourcesById(resources), [resources]);
+  const eventsByResource = React39.useMemo(() => eventsByResourceId(normalizedEvents), [normalizedEvents]);
+  const resourceById = React39.useMemo(() => resourcesById(resources), [resources]);
   return { normalizedEvents, eventsByResource, resourceById };
 }
 function useDayHeaderMarks(args) {
   const { enabled, activeView, normalizedEvents, slotStarts, slotCount } = args;
-  return React38.useMemo(() => {
+  return React39.useMemo(() => {
     if (!enabled) return null;
     if (activeView !== "day") return null;
     const n = slotCount;
@@ -13866,14 +13888,14 @@ function useSlotMetrics(args) {
     dayHeaderSmart,
     daySlotCompression
   } = args;
-  const fixedSlotWidth = React38.useMemo(() => {
+  const fixedSlotWidth = React39.useMemo(() => {
     const baseSlotWidth = activeView === "month" || activeView === "day" ? effectiveSlotMinWidth * 3 : effectiveSlotMinWidth;
     if (activeView !== "week") return baseSlotWidth;
     if (bodyClientWidth <= 0) return baseSlotWidth;
     if (slotsLength <= 0) return baseSlotWidth;
     return Math.max(baseSlotWidth, bodyClientWidth / slotsLength);
   }, [activeView, bodyClientWidth, effectiveSlotMinWidth, slotsLength]);
-  const slotMetrics = React38.useMemo(() => {
+  const slotMetrics = React39.useMemo(() => {
     const n = slotsLength;
     const widths = new Array(n).fill(fixedSlotWidth);
     const isAdaptiveView = activeView === "month" || activeView === "day";
@@ -14004,7 +14026,7 @@ function useSlotMetrics(args) {
 }
 function useLayoutsByResource(args) {
   const { eventsByResource, preview, slotStarts, slotsLength, slotLefts, getResourceRowHeight, laneGap, lanePaddingY, effectiveMaxLanesPerRow, eventHeight } = args;
-  return React38.useMemo(() => {
+  return React39.useMemo(() => {
     const map = /* @__PURE__ */ new Map();
     for (const [resourceId, list] of eventsByResource.entries()) {
       const mapped = list.map((ev) => {
@@ -14051,9 +14073,9 @@ function lowerBound2(arr, target) {
 }
 function useVisibleSlotRange(args) {
   const { enabled, overscan, scrollRef, slotLefts, slotCount } = args;
-  const [scrollLeft, setScrollLeft] = React38.useState(0);
-  const [viewportWidth, setViewportWidth] = React38.useState(0);
-  React38.useEffect(() => {
+  const [scrollLeft, setScrollLeft] = React39.useState(0);
+  const [viewportWidth, setViewportWidth] = React39.useState(0);
+  React39.useEffect(() => {
     if (!enabled) return;
     const el = scrollRef.current;
     if (!el) return;
@@ -14080,7 +14102,7 @@ function useVisibleSlotRange(args) {
       el.removeEventListener("scroll", onScroll);
     };
   }, [enabled, scrollRef]);
-  return React38.useMemo(() => {
+  return React39.useMemo(() => {
     if (!enabled) return { startIdx: 0, endIdx: slotCount };
     if (slotCount <= 0) return { startIdx: 0, endIdx: 0 };
     if (viewportWidth <= 0) return { startIdx: 0, endIdx: slotCount };
@@ -14179,14 +14201,14 @@ function CalendarTimeline({
 }) {
   const t = useSmartTranslations("CalendarTimeline");
   const detectedLocale = useSmartLocale();
-  const resolvedLocale = React39.useMemo(() => localeToBCP47(locale ?? detectedLocale), [locale, detectedLocale]);
-  const resolvedTimeZone = React39.useMemo(() => timeZone ?? Intl.DateTimeFormat().resolvedOptions().timeZone ?? "UTC", [timeZone]);
+  const resolvedLocale = React40.useMemo(() => localeToBCP47(locale ?? detectedLocale), [locale, detectedLocale]);
+  const resolvedTimeZone = React40.useMemo(() => timeZone ?? Intl.DateTimeFormat().resolvedOptions().timeZone ?? "UTC", [timeZone]);
   const effectiveEnableEventSheet = enableEventSheet ?? Boolean(renderEventSheet);
   const isViewOnly = interactions?.mode === "view";
   const isControlledSelectedEventId = selectedEventId !== void 0;
-  const [internalSelectedEventId, setInternalSelectedEventId] = React39.useState(defaultSelectedEventId ?? null);
+  const [internalSelectedEventId, setInternalSelectedEventId] = React40.useState(defaultSelectedEventId ?? null);
   const activeSelectedEventId = isControlledSelectedEventId ? selectedEventId : internalSelectedEventId;
-  const setSelectedEventId = React39.useCallback(
+  const setSelectedEventId = React40.useCallback(
     (next) => {
       if (!isControlledSelectedEventId) setInternalSelectedEventId(next);
       onSelectedEventIdChange?.(next);
@@ -14194,9 +14216,9 @@ function CalendarTimeline({
     [isControlledSelectedEventId, onSelectedEventIdChange]
   );
   const isControlledEventSheetOpen = eventSheetOpen !== void 0;
-  const [internalEventSheetOpen, setInternalEventSheetOpen] = React39.useState(defaultEventSheetOpen ?? false);
+  const [internalEventSheetOpen, setInternalEventSheetOpen] = React40.useState(defaultEventSheetOpen ?? false);
   const activeEventSheetOpen = isControlledEventSheetOpen ? Boolean(eventSheetOpen) : internalEventSheetOpen;
-  const setEventSheetOpen = React39.useCallback(
+  const setEventSheetOpen = React40.useCallback(
     (next) => {
       if (!isControlledEventSheetOpen) setInternalEventSheetOpen(next);
       onEventSheetOpenChange?.(next);
@@ -14205,12 +14227,12 @@ function CalendarTimeline({
     [isControlledEventSheetOpen, onEventSheetOpenChange, setSelectedEventId]
   );
   const showResourceColumn = !hideResourceColumn;
-  const sizeConfig = React39.useMemo(() => getSizeConfig(size), [size]);
+  const sizeConfig = React40.useMemo(() => getSizeConfig(size), [size]);
   const densityClass = sizeConfig.densityClass;
   const eventHeight = sizeConfig.eventHeight;
   const laneGap = sizeConfig.laneGap;
   const lanePaddingY = sizeConfig.lanePaddingY;
-  const canResizeColumn = React39.useMemo(() => {
+  const canResizeColumn = React40.useMemo(() => {
     const cfg = enableLayoutResize;
     if (!cfg) return false;
     if (isViewOnly) return false;
@@ -14218,7 +14240,7 @@ function CalendarTimeline({
     if (cfg === true) return true;
     return cfg.column !== false;
   }, [enableLayoutResize, isViewOnly, showResourceColumn]);
-  const canResizeRow = React39.useMemo(() => {
+  const canResizeRow = React40.useMemo(() => {
     const cfg = enableLayoutResize;
     if (!cfg) return false;
     if (isViewOnly) return false;
@@ -14227,19 +14249,19 @@ function CalendarTimeline({
     return cfg.row !== false;
   }, [enableLayoutResize, isViewOnly, showResourceColumn]);
   const isControlledResourceColumnWidth = resourceColumnWidth !== void 0;
-  const [internalResourceColumnWidth, setInternalResourceColumnWidth] = React39.useState(() => {
+  const [internalResourceColumnWidth, setInternalResourceColumnWidth] = React40.useState(() => {
     const init = defaultResourceColumnWidth ?? sizeConfig.resourceColumnWidth;
     return typeof init === "number" ? init : sizeConfig.resourceColumnWidth;
   });
-  React39.useEffect(() => {
+  React40.useEffect(() => {
     if (isControlledResourceColumnWidth) return;
     if (defaultResourceColumnWidth == null) return;
     setInternalResourceColumnWidth(defaultResourceColumnWidth);
   }, [defaultResourceColumnWidth, isControlledResourceColumnWidth]);
   const effectiveResourceColumnWidth = showResourceColumn ? isControlledResourceColumnWidth ? resourceColumnWidth : internalResourceColumnWidth : 0;
   const isControlledRowHeight = rowHeight !== void 0;
-  const [internalRowHeight, setInternalRowHeight] = React39.useState(() => defaultRowHeight ?? sizeConfig.rowHeight);
-  React39.useEffect(() => {
+  const [internalRowHeight, setInternalRowHeight] = React40.useState(() => defaultRowHeight ?? sizeConfig.rowHeight);
+  React40.useEffect(() => {
     if (isControlledRowHeight) return;
     if (defaultRowHeight == null) return;
     setInternalRowHeight(defaultRowHeight);
@@ -14250,14 +14272,14 @@ function CalendarTimeline({
   const colMax = maxResourceColumnWidth ?? 520;
   const rowMin = minRowHeight ?? 36;
   const rowMax = maxRowHeight ?? 120;
-  const viewList = React39.useMemo(() => Array.isArray(view) ? view : void 0, [view]);
-  const availableViews = React39.useMemo(() => {
+  const viewList = React40.useMemo(() => Array.isArray(view) ? view : void 0, [view]);
+  const availableViews = React40.useMemo(() => {
     if (onlyView) return [onlyView];
     if (viewList?.length) return viewList;
     return ["month", "week", "day", "sprint"];
   }, [onlyView, viewList]);
   const isControlledView = view !== void 0 && !Array.isArray(view);
-  const [internalView, setInternalView] = React39.useState(() => {
+  const [internalView, setInternalView] = React40.useState(() => {
     if (onlyView) return onlyView;
     if (viewList?.length) {
       if (defaultView && viewList.includes(defaultView)) return defaultView;
@@ -14266,13 +14288,13 @@ function CalendarTimeline({
     return defaultView ?? "month";
   });
   const activeView = onlyView ? onlyView : isControlledView ? view : internalView;
-  React39.useEffect(() => {
+  React40.useEffect(() => {
     if (onlyView || isControlledView) return;
     if (!availableViews.includes(internalView)) {
       setInternalView(availableViews[0] ?? "month");
     }
   }, [availableViews, internalView, isControlledView, onlyView]);
-  const effectiveSlotMinWidth = React39.useMemo(() => {
+  const effectiveSlotMinWidth = React40.useMemo(() => {
     if (slotMinWidth == null) {
       if (activeView === "month" && monthEventStyle === "compact") {
         return clamp5(Math.round(sizeConfig.slotMinWidth * 0.55), 32, sizeConfig.slotMinWidth);
@@ -14284,17 +14306,17 @@ function CalendarTimeline({
     return baseSlotMinWidth;
   }, [activeView, baseSlotMinWidth, monthEventStyle, sizeConfig.slotMinWidth, slotMinWidth]);
   const isControlledDate = date !== void 0;
-  const [internalDate, setInternalDate] = React39.useState(() => defaultDate ?? /* @__PURE__ */ new Date());
+  const [internalDate, setInternalDate] = React40.useState(() => defaultDate ?? /* @__PURE__ */ new Date());
   const activeDate = isControlledDate ? date : internalDate;
-  const resolvedNow = React39.useMemo(() => now ?? /* @__PURE__ */ new Date(), [now]);
-  const formatToken = React39.useCallback((key, params) => {
+  const resolvedNow = React40.useMemo(() => now ?? /* @__PURE__ */ new Date(), [now]);
+  const formatToken = React40.useCallback((key, params) => {
     let message = t(key);
     for (const [name, value] of Object.entries(params)) {
       message = message.replaceAll(`{${name}}`, String(value));
     }
     return message;
   }, [t]);
-  const l = React39.useMemo(
+  const l = React40.useMemo(
     () => ({
       today: labels?.today ?? t("today"),
       prev: labels?.prev ?? t("prev"),
@@ -14317,7 +14339,7 @@ function CalendarTimeline({
     }),
     [formatToken, labels, t]
   );
-  const setView = React39.useCallback(
+  const setView = React40.useCallback(
     (next) => {
       if (onlyView) return;
       if (!availableViews.includes(next)) return;
@@ -14326,14 +14348,14 @@ function CalendarTimeline({
     },
     [availableViews, isControlledView, onViewChange, onlyView]
   );
-  const setDate = React39.useCallback(
+  const setDate = React40.useCallback(
     (next) => {
       if (!isControlledDate) setInternalDate(next);
       onDateChange?.(next);
     },
     [isControlledDate, onDateChange]
   );
-  const navigate = React39.useCallback(
+  const navigate = React40.useCallback(
     (dir) => {
       const base2 = activeDate;
       if (activeView === "month") {
@@ -14352,17 +14374,17 @@ function CalendarTimeline({
     },
     [activeDate, activeView, resolvedTimeZone, setDate]
   );
-  const [internalCollapsed, setInternalCollapsed] = React39.useState(() => defaultGroupCollapsed ?? {});
+  const [internalCollapsed, setInternalCollapsed] = React40.useState(() => defaultGroupCollapsed ?? {});
   const collapsed = groupCollapsed ?? internalCollapsed;
-  const setCollapsed = React39.useCallback(
+  const setCollapsed = React40.useCallback(
     (next) => {
       if (!groupCollapsed) setInternalCollapsed(next);
       onGroupCollapsedChange?.(next);
     },
     [groupCollapsed, onGroupCollapsedChange]
   );
-  const rows = React39.useMemo(() => buildRows({ resources, groups, collapsed }), [resources, groups, collapsed]);
-  const groupResourceCounts = React39.useMemo(() => getGroupResourceCounts(resources), [resources]);
+  const rows = React40.useMemo(() => buildRows({ resources, groups, collapsed }), [resources, groups, collapsed]);
+  const groupResourceCounts = React40.useMemo(() => getGroupResourceCounts(resources), [resources]);
   const { slots, range, slotStarts, todaySlotIdx, weekendSlotIdxs } = useTimelineSlots({
     activeView,
     activeDate,
@@ -14376,12 +14398,12 @@ function CalendarTimeline({
     formatters,
     dueDateSprint
   });
-  React39.useEffect(() => {
+  React40.useEffect(() => {
     onRangeChange?.(range);
   }, [range, onRangeChange]);
-  const leftRef = React39.useRef(null);
-  const bodyRef = React39.useRef(null);
-  const headerRef = React39.useRef(null);
+  const leftRef = React40.useRef(null);
+  const bodyRef = React40.useRef(null);
+  const headerRef = React40.useRef(null);
   const bodyClientWidth = useClientWidth(bodyRef);
   const { normalizedEvents, eventsByResource, resourceById } = useNormalizedEvents({
     events,
@@ -14413,16 +14435,16 @@ function CalendarTimeline({
     slotLefts,
     slotCount: slots.length
   });
-  const selectedEvent = React39.useMemo(() => {
+  const selectedEvent = React40.useMemo(() => {
     if (!activeSelectedEventId) return null;
     const found2 = normalizedEvents.find((e) => e.id === activeSelectedEventId);
     return found2 ?? null;
   }, [activeSelectedEventId, normalizedEvents]);
-  const selectedResource = React39.useMemo(() => {
+  const selectedResource = React40.useMemo(() => {
     if (!selectedEvent) return void 0;
     return resourceById.get(selectedEvent.resourceId);
   }, [resourceById, selectedEvent]);
-  const selectedTimeText = React39.useMemo(() => {
+  const selectedTimeText = React40.useMemo(() => {
     if (!selectedEvent) return "";
     return formatters?.eventTime?.({
       start: selectedEvent._start,
@@ -14432,7 +14454,7 @@ function CalendarTimeline({
       view: activeView
     }) ?? defaultEventTime({ start: selectedEvent._start, end: selectedEvent._end, locale: resolvedLocale, timeZone: resolvedTimeZone, view: activeView });
   }, [activeView, formatters, resolvedLocale, resolvedTimeZone, selectedEvent]);
-  React39.useEffect(() => {
+  React40.useEffect(() => {
     if (!effectiveEnableEventSheet) return;
     if (activeEventSheetOpen && activeSelectedEventId && !selectedEvent) {
       setEventSheetOpen(false);
@@ -14442,24 +14464,24 @@ function CalendarTimeline({
   const virt = virtualization == null ? rows.length > 60 : Boolean(virtualization.enabled);
   const overscan = virtualization?.overscan ?? 8;
   const isControlledRowHeights = rowHeights !== void 0;
-  const [internalRowHeights, setInternalRowHeights] = React39.useState(() => defaultRowHeights ?? {});
-  React39.useEffect(() => {
+  const [internalRowHeights, setInternalRowHeights] = React40.useState(() => defaultRowHeights ?? {});
+  React40.useEffect(() => {
     if (isControlledRowHeights) return;
     if (!defaultRowHeights) return;
     setInternalRowHeights(defaultRowHeights);
   }, [defaultRowHeights, isControlledRowHeights]);
   const activeRowHeights = isControlledRowHeights ? rowHeights : internalRowHeights;
-  const autoRowHeightCfg = React39.useMemo(() => {
+  const autoRowHeightCfg = React40.useMemo(() => {
     if (!autoRowHeight) return null;
     return autoRowHeight === true ? {} : autoRowHeight;
   }, [autoRowHeight]);
-  const effectiveMaxLanesPerRow = React39.useMemo(() => {
+  const effectiveMaxLanesPerRow = React40.useMemo(() => {
     if (!autoRowHeightCfg) return maxLanesPerRow;
     const maxLanes = autoRowHeightCfg.maxLanesPerRow;
     if (typeof maxLanes === "number" && Number.isFinite(maxLanes) && maxLanes > 0) return Math.floor(maxLanes);
     return Number.POSITIVE_INFINITY;
   }, [autoRowHeightCfg, maxLanesPerRow]);
-  const autoRowHeightsByResource = React39.useMemo(() => {
+  const autoRowHeightsByResource = React40.useMemo(() => {
     if (!autoRowHeightCfg) return null;
     const maxRowHeight2 = autoRowHeightCfg.maxRowHeight;
     const out = /* @__PURE__ */ new Map();
@@ -14477,7 +14499,7 @@ function CalendarTimeline({
     }
     return out;
   }, [autoRowHeightCfg, eventHeight, eventsByResource, laneGap, lanePaddingY, slotStarts, slots.length, effectiveMaxLanesPerRow]);
-  const getResourceRowHeight = React39.useCallback(
+  const getResourceRowHeight = React40.useCallback(
     (resourceId) => {
       const h = activeRowHeights[resourceId];
       const base2 = typeof h === "number" && Number.isFinite(h) && h > 0 ? h : effectiveRowHeight;
@@ -14487,7 +14509,7 @@ function CalendarTimeline({
     },
     [activeRowHeights, autoRowHeightsByResource, effectiveRowHeight]
   );
-  const setRowHeightForResource = React39.useCallback(
+  const setRowHeightForResource = React40.useCallback(
     (resourceId, height) => {
       const clamped = clamp5(Math.round(height), rowMin, rowMax);
       onRowHeightChange?.(clamped);
@@ -14504,7 +14526,7 @@ function CalendarTimeline({
     },
     [activeRowHeights, isControlledRowHeights, onRowHeightChange, onRowHeightsChange, rowMax, rowMin]
   );
-  const rowHeightsArray = React39.useMemo(() => {
+  const rowHeightsArray = React40.useMemo(() => {
     return rows.map((r) => {
       if (r.kind === "resource") return getResourceRowHeight(r.resource.id);
       return sizeConfig.groupRowHeight;
@@ -14520,13 +14542,13 @@ function CalendarTimeline({
   const endRow = virt ? virtualResult.endIndex : rows.length;
   const topSpacer = virt ? virtualResult.topSpacer : 0;
   const bottomSpacer = virt ? virtualResult.bottomSpacer : 0;
-  const renderedRowsHeight = React39.useMemo(() => {
+  const renderedRowsHeight = React40.useMemo(() => {
     let h = 0;
     for (let i = startRow; i < endRow; i++) h += rowHeightsArray[i] ?? effectiveRowHeight;
     return h;
   }, [effectiveRowHeight, endRow, rowHeightsArray, startRow]);
-  const resizeRef = React39.useRef(null);
-  const setResourceColumnWidth = React39.useCallback(
+  const resizeRef = React40.useRef(null);
+  const setResourceColumnWidth = React40.useCallback(
     (next) => {
       const clamped = clamp5(Math.round(next), colMin, colMax);
       if (!isControlledResourceColumnWidth) setInternalResourceColumnWidth(clamped);
@@ -14534,7 +14556,7 @@ function CalendarTimeline({
     },
     [colMax, colMin, isControlledResourceColumnWidth, onResourceColumnWidthChange]
   );
-  const startResize = React39.useCallback(
+  const startResize = React40.useCallback(
     (mode, e, args) => {
       if (e.button !== 0 || e.ctrlKey) return;
       resizeRef.current = {
@@ -14577,7 +14599,7 @@ function CalendarTimeline({
     },
     [setResourceColumnWidth, setRowHeightForResource]
   );
-  React39.useEffect(() => {
+  React40.useEffect(() => {
     return () => {
       if (!resizeRef.current) return;
       resizeRef.current = null;
@@ -14585,7 +14607,7 @@ function CalendarTimeline({
       document.body.style.userSelect = "";
     };
   }, []);
-  const beginResizeColumn = React39.useCallback(
+  const beginResizeColumn = React40.useCallback(
     (e) => {
       if (!canResizeColumn) return;
       if (typeof effectiveResourceColumnWidth !== "number") return;
@@ -14593,7 +14615,7 @@ function CalendarTimeline({
     },
     [canResizeColumn, effectiveResourceColumnWidth, effectiveRowHeight, startResize]
   );
-  const beginResizeResourceRow = React39.useCallback(
+  const beginResizeResourceRow = React40.useCallback(
     (resourceId) => (e) => {
       if (!canResizeRow) return;
       startResize("row", e, {
@@ -14604,7 +14626,7 @@ function CalendarTimeline({
     },
     [canResizeRow, effectiveResourceColumnWidth, getResourceRowHeight, startResize]
   );
-  const title = React39.useMemo(() => {
+  const title = React40.useMemo(() => {
     if (activeView === "month") {
       return formatters?.monthTitle?.(activeDate, { locale: resolvedLocale, timeZone: resolvedTimeZone }) ?? defaultMonthTitle(activeDate, resolvedLocale, resolvedTimeZone);
     }
@@ -14631,11 +14653,11 @@ function CalendarTimeline({
   }, [activeDate, activeView, formatToken, formatters, l.sprint, l.week, range.end, range.start, resolvedLocale, resolvedTimeZone, slots.length]);
   const createMode = interactions?.createMode ?? "drag";
   const canCreate = !isViewOnly && (interactions?.creatable ?? false) && !!onCreateEvent;
-  const [createOpen, setCreateOpen] = React39.useState(false);
-  const [createResourceId, setCreateResourceId] = React39.useState(null);
-  const [createStartIdx, setCreateStartIdx] = React39.useState(0);
-  const [createEndIdx, setCreateEndIdx] = React39.useState(1);
-  const resourceOptions = React39.useMemo(() => {
+  const [createOpen, setCreateOpen] = React40.useState(false);
+  const [createResourceId, setCreateResourceId] = React40.useState(null);
+  const [createStartIdx, setCreateStartIdx] = React40.useState(0);
+  const [createEndIdx, setCreateEndIdx] = React40.useState(1);
+  const resourceOptions = React40.useMemo(() => {
     return resources.map((r) => ({
       label: typeof r.label === "string" ? r.label : r.id,
       value: r.id,
@@ -14643,7 +14665,7 @@ function CalendarTimeline({
       disabled: r.disabled ?? false
     }));
   }, [resources]);
-  const formatCreateBoundaryLabel = React39.useMemo(() => {
+  const formatCreateBoundaryLabel = React40.useMemo(() => {
     const timeFmt = getDtf(resolvedLocale, resolvedTimeZone, { hour: "2-digit", minute: "2-digit", hourCycle: "h23" });
     const dayFmt = getDtf(resolvedLocale, resolvedTimeZone, { weekday: "short", month: "short", day: "numeric" });
     const yearFmt = getDtf(resolvedLocale, resolvedTimeZone, { year: "numeric" });
@@ -14691,7 +14713,7 @@ function CalendarTimeline({
       return dayFmt.format(d);
     };
   }, [activeView, dueDateSprint, l.sprint, resolvedLocale, resolvedTimeZone, slotStarts]);
-  const openCreate = React39.useCallback(() => {
+  const openCreate = React40.useCallback(() => {
     if (!canCreate) return;
     if (activeEventSheetOpen) setEventSheetOpen(false);
     const firstResource = resources.find((r) => !r.disabled)?.id ?? resources[0]?.id ?? null;
@@ -14723,13 +14745,13 @@ function CalendarTimeline({
     slotStarts,
     slots.length
   ]);
-  React39.useEffect(() => {
+  React40.useEffect(() => {
     setCreateEndIdx((prev) => Math.min(slots.length, Math.max(prev, createStartIdx + 1)));
   }, [createStartIdx, slots.length]);
-  const createStartOptions = React39.useMemo(() => {
+  const createStartOptions = React40.useMemo(() => {
     return slotStarts.map((d, idx) => ({ label: formatCreateBoundaryLabel(d, { kind: "start", boundaryIdx: idx }), value: idx }));
   }, [formatCreateBoundaryLabel, slotStarts]);
-  const createEndOptions = React39.useMemo(() => {
+  const createEndOptions = React40.useMemo(() => {
     const out = [];
     for (let idx = createStartIdx + 1; idx <= slotStarts.length; idx++) {
       const boundary = idx >= slotStarts.length ? range.end : slotStarts[idx];
@@ -14737,7 +14759,7 @@ function CalendarTimeline({
     }
     return out;
   }, [createStartIdx, formatCreateBoundaryLabel, range.end, slotStarts]);
-  const commitCreate = React39.useCallback(() => {
+  const commitCreate = React40.useCallback(() => {
     if (!onCreateEvent) return;
     if (!createResourceId) return;
     const start = slotStarts[clamp5(createStartIdx, 0, Math.max(0, slotStarts.length - 1))];
@@ -14748,38 +14770,38 @@ function CalendarTimeline({
     onCreateEvent({ resourceId: createResourceId, start, end: endBoundary });
     setCreateOpen(false);
   }, [createEndIdx, createResourceId, createStartIdx, onCreateEvent, range.end, slotStarts]);
-  const dragRef = React39.useRef(null);
-  const [preview, setPreviewState] = React39.useState(null);
-  const previewRef = React39.useRef(null);
-  const setPreview = React39.useCallback((next) => {
+  const dragRef = React40.useRef(null);
+  const [preview, setPreviewState] = React40.useState(null);
+  const previewRef = React40.useRef(null);
+  const setPreview = React40.useCallback((next) => {
     previewRef.current = next;
     setPreviewState(next);
   }, []);
-  const suppressNextEventClickRef = React39.useRef(false);
-  const [hoverCell, setHoverCellState] = React39.useState(null);
-  const hoverCellRef = React39.useRef(null);
-  const setHoverCell = React39.useCallback((next) => {
+  const suppressNextEventClickRef = React40.useRef(false);
+  const [hoverCell, setHoverCellState] = React40.useState(null);
+  const hoverCellRef = React40.useRef(null);
+  const setHoverCell = React40.useCallback((next) => {
     hoverCellRef.current = next;
     setHoverCellState(next);
   }, []);
-  const autoScrollStateRef = React39.useRef({
+  const autoScrollStateRef = React40.useRef({
     dir: 0,
     speed: 0,
     lastClientX: 0,
     lastClientY: 0
   });
-  const autoScrollRafRef = React39.useRef(null);
-  const dragPreviewRafRef = React39.useRef(null);
-  const dragPreviewPointRef = React39.useRef(null);
-  const hoverCellRafRef = React39.useRef(null);
-  const hoverCellPendingRef = React39.useRef(null);
-  const stopAutoScroll = React39.useCallback(() => {
+  const autoScrollRafRef = React40.useRef(null);
+  const dragPreviewRafRef = React40.useRef(null);
+  const dragPreviewPointRef = React40.useRef(null);
+  const hoverCellRafRef = React40.useRef(null);
+  const hoverCellPendingRef = React40.useRef(null);
+  const stopAutoScroll = React40.useCallback(() => {
     if (autoScrollRafRef.current != null) cancelAnimationFrame(autoScrollRafRef.current);
     autoScrollRafRef.current = null;
     autoScrollStateRef.current.dir = 0;
     autoScrollStateRef.current.speed = 0;
   }, []);
-  const getPointerContext = React39.useCallback(
+  const getPointerContext = React40.useCallback(
     (clientX, clientY, opts) => {
       const body = bodyRef.current;
       if (!body) return null;
@@ -14797,7 +14819,7 @@ function CalendarTimeline({
     },
     [xToSlotIdx]
   );
-  const slotToDate = React39.useCallback(
+  const slotToDate = React40.useCallback(
     (slotIdx) => {
       const start = slotStarts[clamp5(slotIdx, 0, slotStarts.length - 1)];
       if (activeView === "day") {
@@ -14811,7 +14833,7 @@ function CalendarTimeline({
     },
     [activeView, dayTimeStepMinutes, resolvedTimeZone, slotStarts]
   );
-  const updateDragPreview = React39.useCallback(
+  const updateDragPreview = React40.useCallback(
     (clientX, clientY) => {
       const drag = dragRef.current;
       if (!drag) return;
@@ -14855,13 +14877,13 @@ function CalendarTimeline({
     },
     [getPointerContext, range.end, range.start, setPreview, slotToDate, slots.length]
   );
-  const flushDragPreview = React39.useCallback(() => {
+  const flushDragPreview = React40.useCallback(() => {
     dragPreviewRafRef.current = null;
     const point = dragPreviewPointRef.current;
     if (!point) return;
     updateDragPreview(point.x, point.y);
   }, [updateDragPreview]);
-  const scheduleDragPreview = React39.useCallback(
+  const scheduleDragPreview = React40.useCallback(
     (clientX, clientY) => {
       dragPreviewPointRef.current = { x: clientX, y: clientY };
       if (dragPreviewRafRef.current != null) return;
@@ -14869,7 +14891,7 @@ function CalendarTimeline({
     },
     [flushDragPreview]
   );
-  const applyHoverCell = React39.useCallback(
+  const applyHoverCell = React40.useCallback(
     (next) => {
       const prev = hoverCellRef.current;
       const same = prev == null && next == null || prev != null && next != null && prev.resourceId === next.resourceId && prev.slotIdx === next.slotIdx && Math.abs(prev.y - next.y) <= 0.5;
@@ -14878,11 +14900,11 @@ function CalendarTimeline({
     },
     [setHoverCell]
   );
-  const flushHoverCell = React39.useCallback(() => {
+  const flushHoverCell = React40.useCallback(() => {
     hoverCellRafRef.current = null;
     applyHoverCell(hoverCellPendingRef.current);
   }, [applyHoverCell]);
-  const scheduleHoverCell = React39.useCallback(
+  const scheduleHoverCell = React40.useCallback(
     (next) => {
       hoverCellPendingRef.current = next;
       if (hoverCellRafRef.current != null) return;
@@ -14890,7 +14912,7 @@ function CalendarTimeline({
     },
     [flushHoverCell]
   );
-  const autoScrollTick = React39.useCallback(() => {
+  const autoScrollTick = React40.useCallback(() => {
     const drag = dragRef.current;
     const body = bodyRef.current;
     const st = autoScrollStateRef.current;
@@ -14909,7 +14931,7 @@ function CalendarTimeline({
     updateDragPreview(st.lastClientX, st.lastClientY);
     autoScrollRafRef.current = requestAnimationFrame(autoScrollTick);
   }, [stopAutoScroll, updateDragPreview]);
-  const updateAutoScrollFromPointer = React39.useCallback(
+  const updateAutoScrollFromPointer = React40.useCallback(
     (clientX, clientY) => {
       const body = bodyRef.current;
       if (!body) return;
@@ -14940,8 +14962,8 @@ function CalendarTimeline({
     },
     [autoScrollTick, stopAutoScroll]
   );
-  React39.useEffect(() => stopAutoScroll, [stopAutoScroll]);
-  React39.useEffect(() => {
+  React40.useEffect(() => stopAutoScroll, [stopAutoScroll]);
+  React40.useEffect(() => {
     return () => {
       if (dragPreviewRafRef.current != null) cancelAnimationFrame(dragPreviewRafRef.current);
       if (hoverCellRafRef.current != null) cancelAnimationFrame(hoverCellRafRef.current);
@@ -15088,7 +15110,7 @@ function CalendarTimeline({
     }
     setPreview(null);
   };
-  const onBodyPointerLeave = React39.useCallback(() => {
+  const onBodyPointerLeave = React40.useCallback(() => {
     hoverCellPendingRef.current = null;
     if (hoverCellRafRef.current != null) {
       cancelAnimationFrame(hoverCellRafRef.current);
@@ -15115,7 +15137,7 @@ function CalendarTimeline({
       }
     );
   };
-  const slotHeaderNodes = React39.useMemo(() => {
+  const slotHeaderNodes = React40.useMemo(() => {
     const startIdx = colVirtEnabled ? visibleSlots.startIdx : 0;
     const endIdx = colVirtEnabled ? visibleSlots.endIdx : slots.length;
     const leftSpacer = startIdx > 0 ? slotLefts[startIdx] ?? 0 : 0;
@@ -15441,7 +15463,7 @@ function CalendarTimeline({
                               ]
                             }
                           );
-                          if (!enableEventTooltips) return /* @__PURE__ */ jsx45(React39.Fragment, { children: block }, ev.id);
+                          if (!enableEventTooltips) return /* @__PURE__ */ jsx45(React40.Fragment, { children: block }, ev.id);
                           const tooltipContent = /* @__PURE__ */ jsxs34("div", { className: "flex flex-col gap-0.5", children: [
                             /* @__PURE__ */ jsx45("div", { className: "font-semibold", children: tooltipTitle }),
                             /* @__PURE__ */ jsx45("div", { className: "text-xs opacity-80", children: timeText }),
@@ -15598,7 +15620,7 @@ function CalendarTimeline({
 }
 
 // src/components/MultiCombobox.tsx
-import * as React40 from "react";
+import * as React41 from "react";
 import { useId as useId9 } from "react";
 import { useVirtualizer as useVirtualizer2 } from "@tanstack/react-virtual";
 import { ChevronDown as ChevronDown4, Search as Search5, Check as Check6, SearchX as SearchX2, Loader2 as Loader23, X as X13, Sparkles as Sparkles2 } from "lucide-react";
@@ -15666,17 +15688,17 @@ var MultiCombobox = ({
   const searchPlaceholder = searchPlaceholderProp ?? gi18n.searchPlaceholder ?? "Search...";
   const loadingText = loadingTextProp ?? gi18n.loading ?? "Loading...";
   const emptyText = emptyTextProp ?? gi18n.noResults ?? "No results found";
-  const [query, setQuery] = React40.useState("");
-  const [open, setOpen] = React40.useState(false);
-  const [activeIndex, setActiveIndex] = React40.useState(null);
-  const [localRequiredError, setLocalRequiredError] = React40.useState();
-  const inputRef = React40.useRef(null);
-  const listRef = React40.useRef([]);
-  const optionsListRef = React40.useRef(null);
+  const [query, setQuery] = React41.useState("");
+  const [open, setOpen] = React41.useState(false);
+  const [activeIndex, setActiveIndex] = React41.useState(null);
+  const [localRequiredError, setLocalRequiredError] = React41.useState();
+  const inputRef = React41.useRef(null);
+  const listRef = React41.useRef([]);
+  const optionsListRef = React41.useRef(null);
   useOverlayScrollbarTarget(optionsListRef, { enabled: open && useOverlayScrollbar && !virtualized });
-  const triggerRef = React40.useRef(null);
+  const triggerRef = React41.useRef(null);
   useShadCNAnimations();
-  const normalizedOptions = React40.useMemo(
+  const normalizedOptions = React41.useMemo(
     () => options.map(
       (o) => typeof o === "string" ? { value: o, label: o } : { value: o.value, label: o.label, icon: o.icon, description: o.description, disabled: o.disabled, group: o.group }
     ),
@@ -15686,7 +15708,7 @@ var MultiCombobox = ({
   const trimmedQuery = query.trim();
   const queryMeetsMinimum = trimmedQuery.length >= minSearchLength;
   const shouldPromptForSearch = minSearchLength > 0 && !queryMeetsMinimum && (searchMode === "manual" || showSearchPromptWhenEmptyQuery);
-  const filtered = React40.useMemo(() => {
+  const filtered = React41.useMemo(() => {
     if (shouldPromptForSearch) return [];
     if (!enableSearch || searchMode === "manual") return normalizedOptions;
     const normalizedQuery = trimmedQuery.toLowerCase();
@@ -15695,7 +15717,7 @@ var MultiCombobox = ({
       (opt) => opt.label.toLowerCase().includes(normalizedQuery) || opt.description?.toLowerCase().includes(normalizedQuery)
     );
   }, [enableSearch, normalizedOptions, searchMode, shouldPromptForSearch, trimmedQuery]);
-  const renderLimitedOptions = React40.useMemo(() => {
+  const renderLimitedOptions = React41.useMemo(() => {
     if (trimmedQuery || maxInitialOptions === void 0 || maxInitialOptions < 1) {
       return filtered;
     }
@@ -15711,14 +15733,14 @@ var MultiCombobox = ({
     enabled: canVirtualize
   });
   const virtualItems = canVirtualize ? optionVirtualizer.getVirtualItems() : [];
-  const scrollVirtualListToIndex = React40.useCallback((index) => {
+  const scrollVirtualListToIndex = React41.useCallback((index) => {
     if (!canVirtualize || renderLimitedOptions.length === 0) return;
     optionVirtualizer.scrollToIndex(index, { align: "auto" });
   }, [canVirtualize, optionVirtualizer, renderLimitedOptions.length]);
-  const scrollVirtualListToStart = React40.useCallback(() => {
+  const scrollVirtualListToStart = React41.useCallback(() => {
     scrollVirtualListToIndex(0);
   }, [scrollVirtualListToIndex]);
-  const groupedOptions = React40.useMemo(() => {
+  const groupedOptions = React41.useMemo(() => {
     if (!groupBy) return null;
     const groups = /* @__PURE__ */ new Map();
     renderLimitedOptions.forEach((opt) => {
@@ -15771,12 +15793,12 @@ var MultiCombobox = ({
     onChange([]);
   };
   const effectiveError = error ?? localRequiredError;
-  React40.useEffect(() => {
+  React41.useEffect(() => {
     if (disabled || !required || value.length > 0) {
       setLocalRequiredError(void 0);
     }
   }, [disabled, required, value.length]);
-  React40.useEffect(() => {
+  React41.useEffect(() => {
     if (open && enableSearch) {
       setTimeout(() => {
         inputRef.current?.focus();
@@ -15787,12 +15809,12 @@ var MultiCombobox = ({
       scrollVirtualListToStart();
     }
   }, [enableSearch, open, scrollVirtualListToStart]);
-  React40.useEffect(() => {
+  React41.useEffect(() => {
     if (!onSearchChange) return void 0;
     const timeoutId = window.setTimeout(() => onSearchChange(query), searchDebounceMs);
     return () => window.clearTimeout(timeoutId);
   }, [onSearchChange, query, searchDebounceMs]);
-  React40.useEffect(() => {
+  React41.useEffect(() => {
     if (process.env.NODE_ENV !== "production" && normalizedOptions.length > 300 && !virtualized && searchMode !== "manual" && maxInitialOptions === void 0) {
       console.warn(
         '[Underverse UI] MultiCombobox received more than 300 options without virtualization, manual search, or maxInitialOptions. Use virtualized, searchMode="manual", or maxInitialOptions to avoid rendering a large dropdown.'
@@ -16031,7 +16053,7 @@ var MultiCombobox = ({
       }
     )
   ] });
-  const selectedOptionFallbackMap = React40.useMemo(
+  const selectedOptionFallbackMap = React41.useMemo(
     () => new Map((selectedOptionsProp ?? []).map((option) => [option.value, option])),
     [selectedOptionsProp]
   );
@@ -16065,7 +16087,7 @@ var MultiCombobox = ({
         /* @__PURE__ */ jsx46("div", { className: cn("flex items-center gap-1.5 flex-1 overflow-hidden", size === "sm" ? "min-h-4" : size === "lg" ? "min-h-8" : "min-h-6"), children: value.length > 0 ? showTags ? /* @__PURE__ */ jsxs35(Fragment14, { children: [
           visibleTags.map((option) => {
             if (renderTag) {
-              return /* @__PURE__ */ jsx46(React40.Fragment, { children: renderTag(option, () => handleRemove(option.value)) }, option.value);
+              return /* @__PURE__ */ jsx46(React41.Fragment, { children: renderTag(option, () => handleRemove(option.value)) }, option.value);
             }
             return /* @__PURE__ */ jsxs35(
               "span",
@@ -16227,17 +16249,17 @@ var MultiCombobox = ({
 };
 
 // src/components/RadioGroup.tsx
-import * as React41 from "react";
+import * as React42 from "react";
 import { jsx as jsx47, jsxs as jsxs36 } from "react/jsx-runtime";
-var RadioGroupContext = React41.createContext(void 0);
+var RadioGroupContext = React42.createContext(void 0);
 var useRadioGroup = () => {
-  const context = React41.useContext(RadioGroupContext);
+  const context = React42.useContext(RadioGroupContext);
   if (!context) {
     throw new Error("RadioGroupItem must be used within a RadioGroup");
   }
   return context;
 };
-var RadioGroup = React41.forwardRef(
+var RadioGroup = React42.forwardRef(
   ({
     value,
     defaultValue,
@@ -16253,7 +16275,7 @@ var RadioGroup = React41.forwardRef(
     error = false,
     errorMessage
   }, ref) => {
-    const [internalValue, setInternalValue] = React41.useState(defaultValue || "");
+    const [internalValue, setInternalValue] = React42.useState(defaultValue || "");
     const isControlled = value !== void 0;
     const currentValue = isControlled ? value : internalValue;
     const handleValueChange = (newValue) => {
@@ -16264,7 +16286,7 @@ var RadioGroup = React41.forwardRef(
         onValueChange?.(newValue);
       }
     };
-    const uniqueId = React41.useId();
+    const uniqueId = React42.useId();
     const radioName = name || `radio-group-${uniqueId}`;
     return /* @__PURE__ */ jsx47(
       RadioGroupContext.Provider,
@@ -16322,7 +16344,7 @@ var sizeStyles7 = {
     padding: "p-4"
   }
 };
-var RadioGroupItem = React41.forwardRef(
+var RadioGroupItem = React42.forwardRef(
   ({ value, id, disabled, className, children, label, labelClassName, description, icon }, ref) => {
     const { value: selectedValue, onValueChange, name, disabled: groupDisabled, size = "md", variant = "default" } = useRadioGroup();
     const isDisabled = disabled || groupDisabled;
@@ -16500,7 +16522,7 @@ var RadioGroupItem = React41.forwardRef(
 RadioGroupItem.displayName = "RadioGroupItem";
 
 // src/components/Slider.tsx
-import * as React42 from "react";
+import * as React43 from "react";
 import { Fragment as Fragment15, jsx as jsx48, jsxs as jsxs37 } from "react/jsx-runtime";
 var SIZE_STYLES = {
   sm: {
@@ -16553,7 +16575,7 @@ function SliderTooltip({
     }
   );
 }
-var Slider = React42.forwardRef(
+var Slider = React43.forwardRef(
   ({
     className,
     mode = "single",
@@ -16589,28 +16611,28 @@ var Slider = React42.forwardRef(
   }, ref) => {
     const gi18n = useGlobalI18n();
     const isRange = mode === "range";
-    const trackRef = React42.useRef(null);
-    const [internalValue, setInternalValue] = React42.useState(defaultValue);
-    const [internalRange, setInternalRange] = React42.useState(() => {
+    const trackRef = React43.useRef(null);
+    const [internalValue, setInternalValue] = React43.useState(defaultValue);
+    const [internalRange, setInternalRange] = React43.useState(() => {
       if (defaultRangeValue) return defaultRangeValue;
       const v = clamp6(defaultValue, min, max);
       return [min, v];
     });
-    const [activeThumb, setActiveThumb] = React42.useState(null);
-    const dragRef = React42.useRef(null);
-    const [isHovering, setIsHovering] = React42.useState(false);
-    const [isDragging, setIsDragging] = React42.useState(false);
+    const [activeThumb, setActiveThumb] = React43.useState(null);
+    const dragRef = React43.useRef(null);
+    const [isHovering, setIsHovering] = React43.useState(false);
+    const [isDragging, setIsDragging] = React43.useState(false);
     const isControlled = value !== void 0;
     const currentValue = isControlled ? value : internalValue;
     const isRangeControlled = rangeValue !== void 0;
     const currentRange = isRangeControlled ? rangeValue : internalRange;
     const rangeMin = clamp6(currentRange[0] ?? min, min, max);
     const rangeMax = clamp6(currentRange[1] ?? max, min, max);
-    const normalizedRange = React42.useMemo(
+    const normalizedRange = React43.useMemo(
       () => rangeMin <= rangeMax ? [rangeMin, rangeMax] : [rangeMax, rangeMin],
       [rangeMax, rangeMin]
     );
-    const handleSingleChange = React42.useCallback(
+    const handleSingleChange = React43.useCallback(
       (e) => {
         const newValue = Number(e.target.value);
         if (!isControlled) {
@@ -16621,14 +16643,14 @@ var Slider = React42.forwardRef(
       },
       [isControlled, onChange, onValueChange]
     );
-    const emitRange = React42.useCallback(
+    const emitRange = React43.useCallback(
       (next) => {
         onRangeChange?.(next);
         onRangeValueChange?.(next);
       },
       [onRangeChange, onRangeValueChange]
     );
-    const handleRangeChange = React42.useCallback(
+    const handleRangeChange = React43.useCallback(
       (thumb) => (e) => {
         const nextVal = Number(e.target.value);
         const [curMin, curMax] = normalizedRange;
@@ -16644,7 +16666,7 @@ var Slider = React42.forwardRef(
     const rangeEndPct = (normalizedRange[1] - min) / denom * 100;
     const sizeStyles8 = SIZE_STYLES[size];
     const tooltipVisible = showTooltip && !disabled && (isHovering || isDragging);
-    const displayValue = React42.useMemo(() => {
+    const displayValue = React43.useMemo(() => {
       if (isRange) {
         const a = formatValue ? formatValue(normalizedRange[0]) : normalizedRange[0].toString();
         const b = formatValue ? formatValue(normalizedRange[1]) : normalizedRange[1].toString();
@@ -16652,7 +16674,7 @@ var Slider = React42.forwardRef(
       }
       return formatValue ? formatValue(currentValue) : currentValue.toString();
     }, [currentValue, formatValue, isRange, normalizedRange]);
-    const quantize = React42.useCallback(
+    const quantize = React43.useCallback(
       (v) => {
         const stepped = Math.round((v - min) / step) * step + min;
         const fixed = Number(stepped.toFixed(10));
@@ -16660,7 +16682,7 @@ var Slider = React42.forwardRef(
       },
       [max, min, step]
     );
-    const valueFromClientX = React42.useCallback(
+    const valueFromClientX = React43.useCallback(
       (clientX) => {
         const el = trackRef.current;
         if (!el) return min;
@@ -16917,7 +16939,7 @@ Slider.displayName = "Slider";
 
 // src/components/OverlayControls.tsx
 import { Dot as Dot2, Maximize2, Pause, Play, RotateCcw, RotateCw, Volume2, VolumeX } from "lucide-react";
-import React43 from "react";
+import React44 from "react";
 import { Fragment as Fragment16, jsx as jsx49, jsxs as jsxs38 } from "react/jsx-runtime";
 function resolveKeyboardEventElement(target) {
   if (target instanceof Element) return target;
@@ -16967,24 +16989,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] = React43.useState(false);
-  const rateWrapRef = React43.useRef(null);
-  const [controlsVisible, setControlsVisible] = React43.useState(true);
-  const hideTimerRef = React43.useRef(null);
-  const [previewData, setPreviewData] = React43.useState(null);
-  const sliderRef = React43.useRef(null);
-  const [isDragging, setIsDragging] = React43.useState(false);
-  const [dragValue, setDragValue] = React43.useState(value);
-  React43.useEffect(() => {
+  const [rateOpen, setRateOpen] = React44.useState(false);
+  const rateWrapRef = React44.useRef(null);
+  const [controlsVisible, setControlsVisible] = React44.useState(true);
+  const hideTimerRef = React44.useRef(null);
+  const [previewData, setPreviewData] = React44.useState(null);
+  const sliderRef = React44.useRef(null);
+  const [isDragging, setIsDragging] = React44.useState(false);
+  const [dragValue, setDragValue] = React44.useState(value);
+  React44.useEffect(() => {
     if (!isDragging) {
       setDragValue(value);
     }
   }, [value, isDragging]);
-  const [keyboardFeedback, setKeyboardFeedback] = React43.useState(null);
-  const feedbackTimerRef = React43.useRef(null);
-  const seekAccumulatorRef = React43.useRef(0);
-  const seekAccumulatorTimerRef = React43.useRef(null);
-  React43.useEffect(() => {
+  const [keyboardFeedback, setKeyboardFeedback] = React44.useState(null);
+  const feedbackTimerRef = React44.useRef(null);
+  const seekAccumulatorRef = React44.useRef(0);
+  const seekAccumulatorTimerRef = React44.useRef(null);
+  React44.useEffect(() => {
     const onDocDown = (e) => {
       if (!rateOpen) return;
       const wrap = rateWrapRef.current;
@@ -16995,7 +17017,7 @@ function OverlayControls({
     document.addEventListener("mousedown", onDocDown);
     return () => document.removeEventListener("mousedown", onDocDown);
   }, [rateOpen]);
-  React43.useEffect(() => {
+  React44.useEffect(() => {
     if (!autoHide || showOnHover) return;
     const resetTimer = () => {
       if (hideTimerRef.current) clearTimeout(hideTimerRef.current);
@@ -17018,14 +17040,14 @@ function OverlayControls({
       document.removeEventListener("mousemove", handleMouseMove);
     };
   }, [autoHide, autoHideDelay, showOnHover]);
-  const showFeedback = React43.useCallback((type, value2) => {
+  const showFeedback = React44.useCallback((type, value2) => {
     if (feedbackTimerRef.current) clearTimeout(feedbackTimerRef.current);
     setKeyboardFeedback({ type, value: value2 });
     feedbackTimerRef.current = setTimeout(() => {
       setKeyboardFeedback(null);
     }, 800);
   }, []);
-  const accumulateSeek = React43.useCallback((seconds) => {
+  const accumulateSeek = React44.useCallback((seconds) => {
     if (seekAccumulatorTimerRef.current) clearTimeout(seekAccumulatorTimerRef.current);
     seekAccumulatorRef.current += seconds;
     showFeedback("seek", seekAccumulatorRef.current);
@@ -17033,7 +17055,7 @@ function OverlayControls({
       seekAccumulatorRef.current = 0;
     }, 1e3);
   }, [showFeedback]);
-  React43.useEffect(() => {
+  React44.useEffect(() => {
     if (!enableKeyboardShortcuts) return;
     const handleKeyDown2 = (e) => {
       if (isEditableKeyboardTarget(e.target)) return;
@@ -19012,7 +19034,7 @@ function FileUpload({
 }
 
 // src/components/Carousel.tsx
-import * as React45 from "react";
+import * as React46 from "react";
 import { ChevronLeft as ChevronLeft5, ChevronRight as ChevronRight7 } from "lucide-react";
 import { Fragment as Fragment18, jsx as jsx53, jsxs as jsxs42 } from "react/jsx-runtime";
 function Carousel({
@@ -19038,16 +19060,16 @@ function Carousel({
   effectOptions
 }) {
   const gi18n = useGlobalI18n();
-  const [currentIndex, setCurrentIndex] = React45.useState(0);
-  const [isPaused, setIsPaused] = React45.useState(false);
-  const progressElRef = React45.useRef(null);
-  const carouselRef = React45.useRef(null);
-  const rafRef = React45.useRef(null);
-  const isDraggingRef = React45.useRef(false);
-  const dragDistanceRef = React45.useRef(0);
-  const startPosRef = React45.useRef(0);
-  const lastDragPositionRef = React45.useRef(0);
-  const slides = React45.useMemo(() => React45.Children.toArray(children), [children]);
+  const [currentIndex, setCurrentIndex] = React46.useState(0);
+  const [isPaused, setIsPaused] = React46.useState(false);
+  const progressElRef = React46.useRef(null);
+  const carouselRef = React46.useRef(null);
+  const rafRef = React46.useRef(null);
+  const isDraggingRef = React46.useRef(false);
+  const dragDistanceRef = React46.useRef(0);
+  const startPosRef = React46.useRef(0);
+  const lastDragPositionRef = React46.useRef(0);
+  const slides = React46.useMemo(() => React46.Children.toArray(children), [children]);
   const totalSlides = slides.length;
   const isHorizontal = orientation === "horizontal";
   const effectiveAnimation = slidesToShow > 1 && !["slide", "coverflow", "stack"].includes(animation) ? "slide" : animation;
@@ -19055,7 +19077,7 @@ function Carousel({
   const effectiveSlidesToShow = isDeckAnimation ? 1 : slidesToShow;
   const maxIndex = Math.max(0, totalSlides - effectiveSlidesToShow);
   const shouldShowArrows = showArrows && isHorizontal;
-  const presetEffectOptions = React45.useMemo(() => {
+  const presetEffectOptions = React46.useMemo(() => {
     if (effectPreset === "cinematic") {
       return effectiveAnimation === "stack" ? {
         mainScale: 1.08,
@@ -19150,7 +19172,7 @@ function Carousel({
     }
     return {};
   }, [effectPreset, effectiveAnimation]);
-  const mergedEffectOptions = React45.useMemo(
+  const mergedEffectOptions = React46.useMemo(
     () => ({
       mainScale: 1.04,
       sideScale: effectiveAnimation === "stack" ? 0.93 : 0.88,
@@ -19169,7 +19191,7 @@ function Carousel({
     }),
     [effectOptions, effectiveAnimation, presetEffectOptions]
   );
-  const scrollPrev = React45.useCallback(() => {
+  const scrollPrev = React46.useCallback(() => {
     setCurrentIndex((prev) => {
       if (prev === 0) {
         return loop ? maxIndex : 0;
@@ -19177,7 +19199,7 @@ function Carousel({
       return Math.max(0, prev - slidesToScroll);
     });
   }, [loop, maxIndex, slidesToScroll]);
-  const scrollNext = React45.useCallback(() => {
+  const scrollNext = React46.useCallback(() => {
     setCurrentIndex((prev) => {
       if (prev >= maxIndex) {
         return loop ? 0 : maxIndex;
@@ -19185,13 +19207,13 @@ function Carousel({
       return Math.min(maxIndex, prev + slidesToScroll);
     });
   }, [loop, maxIndex, slidesToScroll]);
-  const scrollTo = React45.useCallback(
+  const scrollTo = React46.useCallback(
     (index) => {
       setCurrentIndex(Math.min(maxIndex, Math.max(0, index)));
     },
     [maxIndex]
   );
-  const handleKeyDown2 = React45.useCallback(
+  const handleKeyDown2 = React46.useCallback(
     (e) => {
       if (e.key === "ArrowLeft" || e.key === "ArrowUp") {
         e.preventDefault();
@@ -19209,7 +19231,7 @@ function Carousel({
     },
     [scrollPrev, scrollNext, scrollTo, maxIndex]
   );
-  React45.useEffect(() => {
+  React46.useEffect(() => {
     const stop = () => {
       if (rafRef.current != null) {
         cancelAnimationFrame(rafRef.current);
@@ -19269,7 +19291,7 @@ function Carousel({
     startPosRef.current = 0;
     lastDragPositionRef.current = 0;
   };
-  const handleDeckAreaClick = React45.useCallback((event) => {
+  const handleDeckAreaClick = React46.useCallback((event) => {
     if (!isDeckAnimation || dragDistanceRef.current > 8) {
       dragDistanceRef.current = 0;
       return;
@@ -19286,7 +19308,7 @@ function Carousel({
       scrollNext();
     }
   }, [isDeckAnimation, scrollNext, scrollPrev]);
-  React45.useEffect(() => {
+  React46.useEffect(() => {
     onSlideChange?.(currentIndex);
   }, [currentIndex, onSlideChange]);
   const getAnimationStyles2 = () => {
@@ -19300,7 +19322,7 @@ function Carousel({
     };
   };
   const slideWidth = 100 / effectiveSlidesToShow;
-  const getLoopDistance = React45.useCallback(
+  const getLoopDistance = React46.useCallback(
     (index) => {
       if (totalSlides <= 0) return 0;
       const forward = index - currentIndex;
@@ -19312,7 +19334,7 @@ function Carousel({
     },
     [currentIndex, loop, totalSlides]
   );
-  const getDeckSlideStyles = React45.useCallback(
+  const getDeckSlideStyles = React46.useCallback(
     (index) => {
       const distance = getLoopDistance(index);
       const absDistance = Math.abs(distance);
@@ -19392,7 +19414,7 @@ function Carousel({
             "aria-atomic": "false",
             "aria-live": autoScroll ? "off" : "polite",
             children: slides.map((child, idx) => {
-              const key = React45.isValidElement(child) && child.key || idx;
+              const key = React46.isValidElement(child) && child.key || idx;
               const ariaHidden = effectiveAnimation === "slide" ? idx < currentIndex || idx >= currentIndex + slidesToShow : idx !== currentIndex;
               if (isDeckAnimation) {
                 return /* @__PURE__ */ jsx53(
@@ -19515,7 +19537,7 @@ function Carousel({
               "max-md:gap-1.5 max-md:p-2",
               isHorizontal ? "flex-row" : "flex-col"
             ),
-            children: React45.Children.map(children, (child, idx) => /* @__PURE__ */ jsx53(
+            children: React46.Children.map(children, (child, idx) => /* @__PURE__ */ jsx53(
               "button",
               {
                 onClick: () => scrollTo(idx),
@@ -19537,7 +19559,7 @@ function Carousel({
 }
 
 // src/components/FallingIcons.tsx
-import React46 from "react";
+import React47 from "react";
 import { jsx as jsx54, jsxs as jsxs43 } from "react/jsx-runtime";
 var DEFAULT_COUNT = 24;
 var DEFAULT_SPEED_RANGE = [6, 14];
@@ -19565,10 +19587,10 @@ function FallingIcons({
   physics,
   easingFunction = "linear"
 }) {
-  const uid = React46.useId().replace(/[:]/g, "");
-  const containerRef = React46.useRef(null);
-  const [fallDist, setFallDist] = React46.useState(null);
-  const idRef = React46.useRef(1);
+  const uid = React47.useId().replace(/[:]/g, "");
+  const containerRef = React47.useRef(null);
+  const [fallDist, setFallDist] = React47.useState(null);
+  const idRef = React47.useRef(1);
   const gravity = physics?.gravity ?? 1;
   const windDirection = physics?.windDirection ?? 0;
   const windStrength = physics?.windStrength ?? 0;
@@ -19582,7 +19604,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 = React46.useCallback(() => {
+  const makeParticle = React47.useCallback(() => {
     const rnd = (min, max) => min + Math.random() * (max - min);
     return {
       leftPct: rnd(0, 100),
@@ -19596,12 +19618,12 @@ function FallingIcons({
       key: idRef.current++
     };
   }, [sizeRange, speedRange, horizontalDrift, gravity, windDirection, windStrength]);
-  const [particles, setParticles] = React46.useState([]);
-  React46.useEffect(() => {
+  const [particles, setParticles] = React47.useState([]);
+  React47.useEffect(() => {
     const arr = Array.from({ length: Math.max(0, count) }).map(() => makeParticle());
     setParticles(arr);
   }, [count, makeParticle]);
-  React46.useEffect(() => {
+  React47.useEffect(() => {
     if (fullScreen) {
       const measure2 = () => setFallDist(window.innerHeight + 200);
       measure2();
@@ -19626,14 +19648,14 @@ function FallingIcons({
   const SpinName = `uv-spin-${uid}`;
   const PopName = `uv-pop-${uid}`;
   const PhysicsSpinName = `uv-physics-spin-${uid}`;
-  const glowStyles = React46.useMemo(() => {
+  const glowStyles = React47.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 = React46.useMemo(
+  const FallbackIcon = React47.useMemo(
     () => function FallingIconsFallbackIcon(props) {
       return /* @__PURE__ */ jsx54("svg", { viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true", ...props, children: /* @__PURE__ */ jsx54("circle", { cx: "12", cy: "12", r: "10" }) });
     },
@@ -19695,7 +19717,7 @@ function FallingIcons({
             });
           };
           const trailParticles = trail ? Array.from({ length: Math.min(5, Math.max(1, trailLength)) }) : [];
-          return /* @__PURE__ */ jsxs43(React46.Fragment, { children: [
+          return /* @__PURE__ */ jsxs43(React47.Fragment, { children: [
             trail && trailParticles.map((_, trailIndex) => {
               const trailDelay = p.delay - (trailIndex + 1) * 0.15;
               const trailOpacity = 1 - (trailIndex + 1) * (1 / (trailParticles.length + 1));
@@ -19813,7 +19835,7 @@ function FallingIcons({
 }
 
 // src/components/List.tsx
-import * as React47 from "react";
+import * as React48 from "react";
 import { ChevronRight as ChevronRight8 } from "lucide-react";
 import { Fragment as Fragment19, jsx as jsx55, jsxs as jsxs44 } from "react/jsx-runtime";
 var SIZE_STYLES2 = {
@@ -19839,7 +19861,7 @@ var ListItemSkeleton = ({ size }) => {
     ] })
   ] });
 };
-var ListRoot = React47.forwardRef(
+var ListRoot = React48.forwardRef(
   ({
     as = "ul",
     ordered,
@@ -19860,7 +19882,7 @@ var ListRoot = React47.forwardRef(
     ...rest
   }, ref) => {
     const Comp = ordered ? "ol" : as;
-    const childCount = React47.Children.count(children);
+    const childCount = React48.Children.count(children);
     const hasChildren = childCount > 0;
     const variantClasses3 = {
       plain: "",
@@ -19914,14 +19936,14 @@ var ListRoot = React47.forwardRef(
           className
         ),
         ...rest,
-        children: React47.Children.map(children, (child, idx) => {
-          if (!React47.isValidElement(child)) return child;
+        children: React48.Children.map(children, (child, idx) => {
+          if (!React48.isValidElement(child)) return child;
           const childClass = cn(
             child.props?.className,
             hoverable && variant !== "flush" && "hover:bg-accent/50 focus:bg-accent/60 focus:outline-none transition-colors",
             variant === "flush" && "hover:bg-accent/30"
           );
-          return React47.cloneElement(child, {
+          return React48.cloneElement(child, {
             className: childClass,
             // Pass global item class to contentClassName of ListItem
             contentClassName: cn(itemClassName, child.props?.contentClassName),
@@ -19936,7 +19958,7 @@ var ListRoot = React47.forwardRef(
   }
 );
 ListRoot.displayName = "List";
-var ListItem = React47.forwardRef(
+var ListItem = React48.forwardRef(
   ({
     as = "li",
     selected = false,
@@ -19959,7 +19981,7 @@ var ListItem = React47.forwardRef(
     children,
     ...rest
   }, ref) => {
-    const [internalExpanded, setInternalExpanded] = React47.useState(false);
+    const [internalExpanded, setInternalExpanded] = React48.useState(false);
     const isExpanded = controlledExpanded !== void 0 ? controlledExpanded : internalExpanded;
     const sizeAttr = rest["data-size"];
     const resolvedSize = sizeAttr && ["xs", "sm", "md", "lg"].includes(sizeAttr) ? sizeAttr : "md";
@@ -20027,7 +20049,7 @@ var List = Object.assign(ListRoot, { Item: ListItem });
 var List_default = List;
 
 // src/components/Watermark.tsx
-import * as React48 from "react";
+import * as React49 from "react";
 import { createPortal as createPortal5 } from "react-dom";
 import { Fragment as Fragment20, jsx as jsx56, jsxs as jsxs45 } from "react/jsx-runtime";
 var PRESETS2 = {
@@ -20039,8 +20061,8 @@ var PRESETS2 = {
   internal: { text: "INTERNAL USE ONLY", color: "rgba(156, 163, 175, 0.15)", rotate: -22, fontSize: 13, fontWeight: "600" }
 };
 function useWatermarkDataURL(opts) {
-  const [url, setUrl] = React48.useState(null);
-  React48.useEffect(() => {
+  const [url, setUrl] = React49.useState(null);
+  React49.useEffect(() => {
     let cancelled = false;
     const text = opts.text;
     const image = opts.image;
@@ -20217,9 +20239,9 @@ var Watermark = ({
   children,
   ...rest
 }) => {
-  const [visible, setVisible] = React48.useState(true);
-  const [isDark, setIsDark] = React48.useState(false);
-  React48.useEffect(() => {
+  const [visible, setVisible] = React49.useState(true);
+  const [isDark, setIsDark] = React49.useState(false);
+  React49.useEffect(() => {
     if (!darkMode) return;
     const checkDarkMode = () => {
       const isDarkMode = document.documentElement.classList.contains("dark") || window.matchMedia("(prefers-color-scheme: dark)").matches;
@@ -20321,7 +20343,7 @@ var Watermark = ({
 var Watermark_default = Watermark;
 
 // src/components/Timeline.tsx
-import * as React49 from "react";
+import * as React50 from "react";
 import { ChevronDown as ChevronDown6 } from "lucide-react";
 import { jsx as jsx57, jsxs as jsxs46 } from "react/jsx-runtime";
 var SIZE_STYLE = {
@@ -20374,7 +20396,7 @@ var STATUS_COLOR = {
   error: "bg-destructive",
   info: "bg-info"
 };
-var TimelineContext = React49.createContext(null);
+var TimelineContext = React50.createContext(null);
 var LINE_STYLE_MAP = {
   solid: "border-solid",
   dashed: "border-dashed",
@@ -20402,7 +20424,7 @@ var Marker = ({ index, last, size, color, status = "default", lineColor, lineSty
     !last && showLine && /* @__PURE__ */ jsx57("div", { className: cn("flex-1 border-l-2", LINE_STYLE_MAP[lineStyle]), style: { borderColor: lineColor || "hsl(var(--border))" } })
   ] });
 };
-var TimelineRoot = React49.forwardRef(
+var TimelineRoot = React50.forwardRef(
   ({
     align = "left",
     variant = "default",
@@ -20432,7 +20454,7 @@ var TimelineRoot = React49.forwardRef(
   }
 );
 TimelineRoot.displayName = "Timeline";
-var TimelineItem = React49.forwardRef(
+var TimelineItem = React50.forwardRef(
   ({
     title,
     description,
@@ -20451,11 +20473,11 @@ var TimelineItem = React49.forwardRef(
     children,
     ...rest
   }, ref) => {
-    const ctx = React49.useContext(TimelineContext);
+    const ctx = React50.useContext(TimelineContext);
     const idx = rest["data-index"];
     const isLast = Boolean(rest["data-last"]);
     const sz = SIZE_STYLE[ctx.size];
-    const [internalExpanded, setInternalExpanded] = React49.useState(false);
+    const [internalExpanded, setInternalExpanded] = React50.useState(false);
     const isExpanded = controlledExpanded !== void 0 ? controlledExpanded : internalExpanded;
     const toggleExpanded = () => {
       const newExpanded = !isExpanded;
@@ -20597,7 +20619,7 @@ var Timeline = Object.assign(TimelineRoot, { Item: TimelineItem });
 var Timeline_default = Timeline;
 
 // src/components/ColorPicker.tsx
-import * as React50 from "react";
+import * as React51 from "react";
 import { Pipette, X as X16, Copy, Check as Check9, Palette, History } from "lucide-react";
 import { jsx as jsx58, jsxs as jsxs47 } from "react/jsx-runtime";
 var clamp7 = (n, min, max) => Math.max(min, Math.min(max, n));
@@ -20792,12 +20814,12 @@ function ColorPicker({
   const gi18n = useGlobalI18n();
   const isControlled = value !== void 0;
   const initial = parseAnyColor(isControlled ? value : defaultValue) || { r: 79, g: 70, b: 229, a: 1 };
-  const [rgba, setRgba] = React50.useState(initial);
-  const [open, setOpen] = React50.useState(false);
-  const [text, setText] = React50.useState(() => formatOutput(initial, withAlpha, format));
-  const [copied, setCopied] = React50.useState(false);
-  const [recentColors, setRecentColors] = React50.useState([]);
-  React50.useEffect(() => {
+  const [rgba, setRgba] = React51.useState(initial);
+  const [open, setOpen] = React51.useState(false);
+  const [text, setText] = React51.useState(() => formatOutput(initial, withAlpha, format));
+  const [copied, setCopied] = React51.useState(false);
+  const [recentColors, setRecentColors] = React51.useState([]);
+  React51.useEffect(() => {
     if (isControlled) {
       const parsed = parseAnyColor(value);
       if (parsed) {
@@ -21484,7 +21506,7 @@ var MusicPlayer = ({
 var MusicPlayer_default = MusicPlayer;
 
 // src/components/Grid.tsx
-import React52, { useId as useId12 } from "react";
+import React53, { useId as useId12 } from "react";
 import { Fragment as Fragment21, jsx as jsx60, jsxs as jsxs49 } from "react/jsx-runtime";
 var BP_MIN = {
   sm: 640,
@@ -21524,7 +21546,7 @@ function getVariantClasses(variant = "default", outlined) {
   };
   return variants[variant] || "";
 }
-var GridRoot = React52.forwardRef(
+var GridRoot = React53.forwardRef(
   ({
     columns,
     rows,
@@ -21608,7 +21630,7 @@ var GridRoot = React52.forwardRef(
   }
 );
 GridRoot.displayName = "Grid";
-var GridItem = React52.forwardRef(
+var GridItem = React53.forwardRef(
   ({
     colSpan,
     rowSpan,
@@ -21768,7 +21790,7 @@ var LoadingBar = ({
 };
 
 // src/components/Table.tsx
-import React53 from "react";
+import React54 from "react";
 import { jsx as jsx63, jsxs as jsxs51 } from "react/jsx-runtime";
 var TABLE_BASE_CLASS = "w-full border-collapse caption-bottom text-sm";
 var TABLE_CONTAINER_BASE_CLASS = [
@@ -21786,8 +21808,8 @@ function assignRef(ref, value) {
     ref.current = value;
   }
 }
-var TableContainer = React53.forwardRef(({ className, useOverlayScrollbar = false, ...props }, ref) => {
-  const containerRef = React53.useRef(null);
+var TableContainer = React54.forwardRef(({ className, useOverlayScrollbar = false, ...props }, ref) => {
+  const containerRef = React54.useRef(null);
   useOverlayScrollbarTarget(containerRef, { enabled: useOverlayScrollbar });
   return /* @__PURE__ */ jsx63(
     "div",
@@ -21802,7 +21824,7 @@ var TableContainer = React53.forwardRef(({ className, useOverlayScrollbar = fals
   );
 });
 TableContainer.displayName = "TableContainer";
-var Table = React53.forwardRef(
+var Table = React54.forwardRef(
   ({ className, containerClassName, disableContainer = false, useOverlayScrollbar = false, ...props }, ref) => {
     if (disableContainer) {
       return /* @__PURE__ */ jsx63("table", { ref, className: cn(TABLE_BASE_CLASS, className), ...props });
@@ -21811,16 +21833,16 @@ var Table = React53.forwardRef(
   }
 );
 Table.displayName = "Table";
-var TableHeader = React53.forwardRef(({ className, children, filterRow, ...props }, ref) => /* @__PURE__ */ jsxs51("thead", { ref, className: cn("[&_tr]:border-b [&_tr]:border-border/50", "bg-muted", className), ...props, children: [
+var TableHeader = React54.forwardRef(({ className, children, filterRow, ...props }, ref) => /* @__PURE__ */ jsxs51("thead", { ref, className: cn("[&_tr]:border-b [&_tr]:border-border/50", "bg-muted", className), ...props, children: [
   children,
   filterRow
 ] }));
 TableHeader.displayName = "TableHeader";
-var TableBody = React53.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx63("tbody", { ref, className: cn("[&_tr:last-child]:border-0", className), ...props }));
+var TableBody = React54.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx63("tbody", { ref, className: cn("[&_tr:last-child]:border-0", className), ...props }));
 TableBody.displayName = "TableBody";
-var TableFooter = React53.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx63("tfoot", { ref, className: cn("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0", className), ...props }));
+var TableFooter = React54.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx63("tfoot", { ref, className: cn("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0", className), ...props }));
 TableFooter.displayName = "TableFooter";
-var TableRow = React53.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx63(
+var TableRow = React54.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx63(
   "tr",
   {
     ref,
@@ -21834,7 +21856,7 @@ var TableRow = React53.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TableRow.displayName = "TableRow";
-var TableHead = React53.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx63(
+var TableHead = React54.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx63(
   "th",
   {
     ref,
@@ -21843,26 +21865,26 @@ var TableHead = React53.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 TableHead.displayName = "TableHead";
-var TableCell = React53.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx63("td", { ref, className: cn("p-4 align-middle [&:has([role=checkbox])]:pr-0", className), ...props }));
+var TableCell = React54.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx63("td", { ref, className: cn("p-4 align-middle [&:has([role=checkbox])]:pr-0", className), ...props }));
 TableCell.displayName = "TableCell";
-var TableCaption = React53.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx63("caption", { ref, className: cn("mt-4 text-sm text-muted-foreground", className), ...props }));
+var TableCaption = React54.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx63("caption", { ref, className: cn("mt-4 text-sm text-muted-foreground", className), ...props }));
 TableCaption.displayName = "TableCaption";
 
 // src/components/DataTable/DataTable.tsx
 import { useVirtualizer as useVirtualizer4 } from "@tanstack/react-virtual";
-import React63 from "react";
+import React64 from "react";
 
 // src/components/DataTable/components/DataTableBody.tsx
-import React54 from "react";
+import React55 from "react";
 import { Fragment as Fragment23, jsx as jsx64, jsxs as jsxs52 } from "react/jsx-runtime";
 function DataTableOverflowText({
   text,
   align
 }) {
-  const triggerId = React54.useId();
-  const [isOverflowing, setIsOverflowing] = React54.useState(false);
+  const triggerId = React55.useId();
+  const [isOverflowing, setIsOverflowing] = React55.useState(false);
   const alignClass = align === "right" ? "text-right" : align === "center" ? "text-center" : "text-left";
-  const measureOverflow = React54.useCallback(() => {
+  const measureOverflow = React55.useCallback(() => {
     if (typeof document === "undefined") return;
     const element = document.querySelector(`[data-underverse-datatable-cell="${triggerId}"]`);
     if (!element) return;
@@ -21870,10 +21892,10 @@ function DataTableOverflowText({
       element.scrollWidth - element.clientWidth > 1 || element.scrollHeight - element.clientHeight > 1
     );
   }, [triggerId]);
-  React54.useLayoutEffect(() => {
+  React55.useLayoutEffect(() => {
     measureOverflow();
   }, [measureOverflow, text]);
-  React54.useEffect(() => {
+  React55.useEffect(() => {
     if (typeof document === "undefined") return;
     const element = document.querySelector(`[data-underverse-datatable-cell="${triggerId}"]`);
     if (!element) return;
@@ -21994,7 +22016,7 @@ function DataTableBodyRows({
 }
 
 // src/components/DataTable/components/DataTableHeader.tsx
-import React55 from "react";
+import React56 from "react";
 import { Filter as FilterIcon } from "lucide-react";
 import { Fragment as Fragment24, jsx as jsx65, jsxs as jsxs53 } from "react/jsx-runtime";
 function getColumnLabel(title) {
@@ -22004,7 +22026,7 @@ function getColumnLabel(title) {
   if (Array.isArray(title)) {
     return title.map((item) => getColumnLabel(item)).filter(Boolean).join(" ").replace(/\s+/g, " ").trim();
   }
-  if (React55.isValidElement(title)) {
+  if (React56.isValidElement(title)) {
     return getColumnLabel(title.props.children);
   }
   return "";
@@ -22030,7 +22052,7 @@ function DataTableHeader({
   t
 }) {
   const gi18n = useGlobalI18n();
-  const renderFilterControl = React55.useCallback(
+  const renderFilterControl = React56.useCallback(
     (col) => {
       if (!col.filter) return null;
       const key = col.key;
@@ -22084,7 +22106,7 @@ function DataTableHeader({
     },
     [filters, setCurPage, setFilters, size]
   );
-  const renderHeaderContent = React55.useCallback(
+  const renderHeaderContent = React56.useCallback(
     (col, isLeaf) => {
       if (!isLeaf) {
         return /* @__PURE__ */ jsx65(
@@ -22301,7 +22323,7 @@ function DataTableHeader({
 }
 
 // src/components/DataTable/components/Pagination.tsx
-import React56 from "react";
+import React57 from "react";
 import { jsx as jsx66, jsxs as jsxs54 } from "react/jsx-runtime";
 function DataTablePagination({
   totalItems,
@@ -22313,7 +22335,7 @@ function DataTablePagination({
   size
 }) {
   const totalPages = Math.ceil(totalItems / curPageSize);
-  const pages = React56.useMemo(() => {
+  const pages = React57.useMemo(() => {
     const result = [];
     if (totalPages <= 5) {
       for (let i = 1; i <= totalPages; i++) result.push(i);
@@ -22395,7 +22417,7 @@ function DataTablePagination({
 }
 
 // src/components/DataTable/components/Toolbar.tsx
-import React57 from "react";
+import React58 from "react";
 
 // src/components/DataTable/utils/headers.ts
 function isLeafColumn(col) {
@@ -22516,7 +22538,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 = React57.useMemo(() => getLeafColumns(columns), [columns]);
+  const leafCols = React58.useMemo(() => getLeafColumns(columns), [columns]);
   return /* @__PURE__ */ jsxs55("div", { className: "flex items-center justify-between gap-4 mb-1", children: [
     /* @__PURE__ */ jsx67("div", { className: captionClass + " text-muted-foreground", children: caption }),
     /* @__PURE__ */ jsxs55("div", { className: "flex items-center gap-2", children: [
@@ -22584,10 +22606,10 @@ function DataTableToolbar({
 }
 
 // src/components/DataTable/hooks/useDebounced.ts
-import React58 from "react";
+import React59 from "react";
 function useDebounced(value, delay = 300) {
-  const [debounced, setDebounced] = React58.useState(value);
-  React58.useEffect(() => {
+  const [debounced, setDebounced] = React59.useState(value);
+  React59.useEffect(() => {
     const id = setTimeout(() => setDebounced(value), delay);
     return () => clearTimeout(id);
   }, [value, delay]);
@@ -22595,7 +22617,7 @@ function useDebounced(value, delay = 300) {
 }
 
 // src/components/DataTable/hooks/useDataTableModel.ts
-import React59 from "react";
+import React60 from "react";
 
 // src/components/DataTable/utils/columns.ts
 function getColumnWidth(col, fallback = 150) {
@@ -22623,22 +22645,22 @@ function useDataTableModel({
   isServerMode,
   total
 }) {
-  const visibleColsSet = React59.useMemo(() => new Set(visibleCols), [visibleCols]);
-  const allLeafColumns = React59.useMemo(() => getLeafColumns(columns), [columns]);
-  const columnMap = React59.useMemo(() => {
+  const visibleColsSet = React60.useMemo(() => new Set(visibleCols), [visibleCols]);
+  const allLeafColumns = React60.useMemo(() => getLeafColumns(columns), [columns]);
+  const columnMap = React60.useMemo(() => {
     return new Map(allLeafColumns.map((column) => [column.key, column]));
   }, [allLeafColumns]);
-  const visibleColumns = React59.useMemo(() => {
+  const visibleColumns = React60.useMemo(() => {
     return filterVisibleColumns(columns, visibleColsSet);
   }, [columns, visibleColsSet]);
-  const leafColumns = React59.useMemo(() => {
+  const leafColumns = React60.useMemo(() => {
     return getLeafColumnsWithFixedInheritance(visibleColumns);
   }, [visibleColumns]);
-  const headerRows = React59.useMemo(() => buildHeaderRows(visibleColumns), [visibleColumns]);
-  const totalColumnsWidth = React59.useMemo(() => {
+  const headerRows = React60.useMemo(() => buildHeaderRows(visibleColumns), [visibleColumns]);
+  const totalColumnsWidth = React60.useMemo(() => {
     return leafColumns.reduce((sum, column) => sum + getColumnWidth(column), 0);
   }, [leafColumns]);
-  const processedData = React59.useMemo(() => {
+  const processedData = React60.useMemo(() => {
     if (isServerMode) return data;
     let result = [...data];
     if (Object.keys(filters).length > 0) {
@@ -22670,7 +22692,7 @@ function useDataTableModel({
     return result;
   }, [columnMap, data, filters, isServerMode, sort]);
   const totalItems = isServerMode ? total : processedData.length;
-  const displayedData = React59.useMemo(() => {
+  const displayedData = React60.useMemo(() => {
     if (isServerMode) return data;
     const start = (curPage - 1) * curPageSize;
     return processedData.slice(start, start + curPageSize);
@@ -22686,10 +22708,10 @@ function useDataTableModel({
 }
 
 // src/components/DataTable/hooks/useDataTableState.ts
-import React61 from "react";
+import React62 from "react";
 
 // src/components/DataTable/hooks/usePageSizeStorage.ts
-import React60 from "react";
+import React61 from "react";
 function readStoredPageSize(storageKey) {
   if (typeof window === "undefined" || !storageKey) return null;
   try {
@@ -22702,8 +22724,8 @@ function readStoredPageSize(storageKey) {
   }
 }
 function usePageSizeStorage({ pageSize, storageKey }) {
-  const storedPageSize = React60.useMemo(() => readStoredPageSize(storageKey), [storageKey]);
-  const [overrideState, setOverrideState] = React60.useState({
+  const storedPageSize = React61.useMemo(() => readStoredPageSize(storageKey), [storageKey]);
+  const [overrideState, setOverrideState] = React61.useState({
     storageKey,
     pageSize: null
   });
@@ -22711,7 +22733,7 @@ function usePageSizeStorage({ pageSize, storageKey }) {
   const persistedPageSize = storageKey ? overridePageSize ?? storedPageSize : null;
   const loadedFromStorage = persistedPageSize != null;
   const curPageSize = storageKey ? persistedPageSize ?? pageSize : overridePageSize ?? pageSize;
-  const setCurPageSize = React60.useCallback(
+  const setCurPageSize = React61.useCallback(
     (nextPageSize) => {
       const baseValue = storageKey ? persistedPageSize ?? pageSize : overridePageSize ?? pageSize;
       const resolved = typeof nextPageSize === "function" ? nextPageSize(baseValue) : nextPageSize;
@@ -22740,17 +22762,17 @@ function useDataTableState({
   size,
   storageKey
 }) {
-  const allLeafColumns = React61.useMemo(() => getLeafColumns(columns), [columns]);
-  const defaultVisibleLeafKeys = React61.useMemo(() => allLeafColumns.filter((column) => column.visible !== false).map((column) => column.key), [allLeafColumns]);
-  const knownLeafKeysRef = React61.useRef(new Set(defaultVisibleLeafKeys));
-  const [headerAlign, setHeaderAlign] = React61.useState("left");
-  const [visibleCols, setVisibleCols] = React61.useState(defaultVisibleLeafKeys);
-  const [filters, setFilters] = React61.useState({});
-  const [sort, setSort] = React61.useState(null);
-  const [density, setDensity] = React61.useState(() => SIZE_TO_DENSITY[size]);
-  const [curPage, setCurPage] = React61.useState(page);
+  const allLeafColumns = React62.useMemo(() => getLeafColumns(columns), [columns]);
+  const defaultVisibleLeafKeys = React62.useMemo(() => allLeafColumns.filter((column) => column.visible !== false).map((column) => column.key), [allLeafColumns]);
+  const knownLeafKeysRef = React62.useRef(new Set(defaultVisibleLeafKeys));
+  const [headerAlign, setHeaderAlign] = React62.useState("left");
+  const [visibleCols, setVisibleCols] = React62.useState(defaultVisibleLeafKeys);
+  const [filters, setFilters] = React62.useState({});
+  const [sort, setSort] = React62.useState(null);
+  const [density, setDensity] = React62.useState(() => SIZE_TO_DENSITY[size]);
+  const [curPage, setCurPage] = React62.useState(page);
   const { curPageSize, setCurPageSize } = usePageSizeStorage({ pageSize, storageKey });
-  React61.useEffect(() => {
+  React62.useEffect(() => {
     const knownLeafKeys = knownLeafKeysRef.current;
     setVisibleCols((prev) => {
       const prevSet = new Set(prev);
@@ -22758,10 +22780,10 @@ function useDataTableState({
     });
     knownLeafKeysRef.current = new Set(allLeafColumns.map((column) => column.key));
   }, [allLeafColumns]);
-  React61.useEffect(() => {
+  React62.useEffect(() => {
     setCurPage(page);
   }, [page]);
-  React61.useEffect(() => {
+  React62.useEffect(() => {
     setDensity(SIZE_TO_DENSITY[size]);
   }, [size]);
   return {
@@ -22783,7 +22805,7 @@ function useDataTableState({
 }
 
 // src/components/DataTable/hooks/useStickyColumns.ts
-import React62 from "react";
+import React63 from "react";
 
 // src/components/DataTable/utils/sticky.ts
 function buildStickyLayout(visibleColumns) {
@@ -22830,8 +22852,8 @@ function resolveGroupStickyPosition(column, positions) {
 
 // src/components/DataTable/hooks/useStickyColumns.ts
 function useStickyColumns(visibleColumns) {
-  const { positions, leftBoundaryKey, rightBoundaryKey } = React62.useMemo(() => buildStickyLayout(visibleColumns), [visibleColumns]);
-  const getStickyColumnStyle = React62.useCallback(
+  const { positions, leftBoundaryKey, rightBoundaryKey } = React63.useMemo(() => buildStickyLayout(visibleColumns), [visibleColumns]);
+  const getStickyColumnStyle = React63.useCallback(
     (col) => {
       const pos = resolveStickyPosition(col, positions);
       if (!pos) return {};
@@ -22842,7 +22864,7 @@ function useStickyColumns(visibleColumns) {
     },
     [positions]
   );
-  const getBoundaryShadowClass = React62.useCallback(
+  const getBoundaryShadowClass = React63.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)]";
@@ -22854,14 +22876,14 @@ function useStickyColumns(visibleColumns) {
     },
     [leftBoundaryKey, rightBoundaryKey]
   );
-  const getStickyHeaderClass = React62.useCallback(
+  const getStickyHeaderClass = React63.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 = React62.useCallback(
+  const getStickyCellClass = React63.useCallback(
     (col, isStripedRow) => {
       if (!col.fixed) return "";
       return cn(
@@ -22874,7 +22896,7 @@ function useStickyColumns(visibleColumns) {
     },
     [getBoundaryShadowClass]
   );
-  const getStickyHeaderCellStyle = React62.useCallback(
+  const getStickyHeaderCellStyle = React63.useCallback(
     (headerCell) => {
       const col = headerCell.column;
       if (headerCell.isLeaf) {
@@ -23065,8 +23087,8 @@ function DataTable({
   labels
 }) {
   const t = useSmartTranslations("Common");
-  const [columnWidthOverrides, setColumnWidthOverrides] = React63.useState({});
-  const columnsWithWidthOverrides = React63.useMemo(
+  const [columnWidthOverrides, setColumnWidthOverrides] = React64.useState({});
+  const columnsWithWidthOverrides = React64.useMemo(
     () => applyColumnWidthOverrides(columns, columnWidthOverrides),
     [columnWidthOverrides, columns]
   );
@@ -23092,7 +23114,7 @@ function DataTable({
     size,
     storageKey
   });
-  React63.useEffect(() => {
+  React64.useEffect(() => {
     if (process.env.NODE_ENV === "development") {
       const warnings = validateColumns(columnsWithWidthOverrides);
       warnings.forEach((w) => console.warn(`[DataTable] ${w}`));
@@ -23100,8 +23122,8 @@ function DataTable({
   }, [columnsWithWidthOverrides]);
   const debouncedFilters = useDebounced(filters, 350);
   const isServerMode = Boolean(onQueryChange);
-  const hasEmittedQuery = React63.useRef(false);
-  React63.useEffect(() => {
+  const hasEmittedQuery = React64.useRef(false);
+  React64.useEffect(() => {
     if (!onQueryChange) return;
     if (!hasEmittedQuery.current) {
       hasEmittedQuery.current = true;
@@ -23109,7 +23131,7 @@ function DataTable({
     }
     onQueryChange({ filters: debouncedFilters, sort, page: curPage, pageSize: curPageSize });
   }, [debouncedFilters, sort, curPage, curPageSize, onQueryChange]);
-  React63.useEffect(() => {
+  React64.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;
@@ -23142,8 +23164,8 @@ function DataTable({
     if (typeof rowKey === "function") return String(rowKey(row));
     return String(row[rowKey]);
   };
-  const viewportRef = React63.useRef(null);
-  const tableRef = React63.useRef(null);
+  const viewportRef = React64.useRef(null);
+  const tableRef = React64.useRef(null);
   const canVirtualizeRows = virtualizedRows && !loading2 && displayedData.length > 0;
   const shouldUseScrollViewport = stickyHeader || canVirtualizeRows;
   const rowVirtualizer = useVirtualizer4({
@@ -23164,7 +23186,7 @@ function DataTable({
     enabled: useOverlayScrollbar && !canVirtualizeRows,
     overflowX: overlayOverflowX
   });
-  const autoFitColumn = React63.useCallback((columnKey) => {
+  const autoFitColumn = React64.useCallback((columnKey) => {
     const tableElement = tableRef.current;
     if (!tableElement) return;
     const nodes = Array.from(
@@ -23308,10 +23330,10 @@ function DataTable({
 var DataTable_default = DataTable;
 
 // src/components/Form.tsx
-import * as React64 from "react";
+import * as React65 from "react";
 import { Controller, FormProvider, useFormContext, useForm } from "react-hook-form";
 import { jsx as jsx69, jsxs as jsxs57 } from "react/jsx-runtime";
-var FormConfigContext = React64.createContext({ size: "md" });
+var FormConfigContext = React65.createContext({ size: "md" });
 var FormWrapper = ({
   children,
   onSubmit,
@@ -23324,7 +23346,7 @@ var FormWrapper = ({
   const methods = useForm({
     defaultValues: initialValues
   });
-  React64.useEffect(() => {
+  React65.useEffect(() => {
     if (initialValues) {
       methods.reset(initialValues);
     }
@@ -23333,15 +23355,15 @@ var FormWrapper = ({
   return /* @__PURE__ */ jsx69(FormProvider, { ...methods, children: /* @__PURE__ */ jsx69(FormConfigContext.Provider, { value: { size }, children: /* @__PURE__ */ jsx69("form", { onSubmit: methods.handleSubmit(onSubmit), className, ...formProps, children }) }) });
 };
 var Form = FormWrapper;
-var FormFieldContext = React64.createContext({});
+var FormFieldContext = React65.createContext({});
 var FormField = ({
   ...props
 }) => {
   return /* @__PURE__ */ jsx69(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ jsx69(Controller, { ...props }) });
 };
 var useFormField = () => {
-  const fieldContext = React64.useContext(FormFieldContext);
-  const itemContext = React64.useContext(FormItemContext);
+  const fieldContext = React65.useContext(FormFieldContext);
+  const itemContext = React65.useContext(FormItemContext);
   const { getFieldState, formState } = useFormContext();
   if (!fieldContext) {
     throw new Error("useFormField must be used within FormField");
@@ -23357,16 +23379,16 @@ var useFormField = () => {
     ...fieldState
   };
 };
-var FormItemContext = React64.createContext({});
-var FormItem = React64.forwardRef(({ className, ...props }, ref) => {
-  const id = React64.useId();
+var FormItemContext = React65.createContext({});
+var FormItem = React65.forwardRef(({ className, ...props }, ref) => {
+  const id = React65.useId();
   return /* @__PURE__ */ jsx69(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsx69("div", { ref, className: cn("group space-y-2", className), ...props }) });
 });
 FormItem.displayName = "FormItem";
-var FormLabel = React64.forwardRef(
+var FormLabel = React65.forwardRef(
   ({ className, children, required, ...props }, ref) => {
     const { error, formItemId } = useFormField();
-    const config = React64.useContext(FormConfigContext);
+    const config = React65.useContext(FormConfigContext);
     const sizeClass = config.size === "sm" ? "text-xs" : config.size === "lg" ? "text-base" : "text-sm";
     return /* @__PURE__ */ jsxs57(
       Label,
@@ -23389,7 +23411,7 @@ var FormLabel = React64.forwardRef(
   }
 );
 FormLabel.displayName = "FormLabel";
-var FormControl = React64.forwardRef(({ ...props }, ref) => {
+var FormControl = React65.forwardRef(({ ...props }, ref) => {
   const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
   return /* @__PURE__ */ jsx69(
     "div",
@@ -23403,12 +23425,12 @@ var FormControl = React64.forwardRef(({ ...props }, ref) => {
   );
 });
 FormControl.displayName = "FormControl";
-var FormDescription = React64.forwardRef(({ className, ...props }, ref) => {
+var FormDescription = React65.forwardRef(({ className, ...props }, ref) => {
   const { formDescriptionId } = useFormField();
   return /* @__PURE__ */ jsx69("p", { ref, id: formDescriptionId, className: cn("text-sm text-muted-foreground", className), ...props });
 });
 FormDescription.displayName = "FormDescription";
-var FormMessage = React64.forwardRef(({ className, children, ...props }, ref) => {
+var FormMessage = React65.forwardRef(({ className, children, ...props }, ref) => {
   const { error, formMessageId } = useFormField();
   const body = error ? String(error?.message) : children;
   if (!body) {
@@ -23417,7 +23439,7 @@ var FormMessage = React64.forwardRef(({ className, children, ...props }, ref) =>
   return /* @__PURE__ */ jsx69("p", { ref, id: formMessageId, className: cn("text-sm font-medium text-destructive", className), ...props, children: body });
 });
 FormMessage.displayName = "FormMessage";
-var FormInput = React64.forwardRef(({ name, ...props }, ref) => /* @__PURE__ */ jsx69(FormConfigContext.Consumer, { children: ({ size }) => /* @__PURE__ */ jsx69(
+var FormInput = React65.forwardRef(({ name, ...props }, ref) => /* @__PURE__ */ jsx69(FormConfigContext.Consumer, { children: ({ size }) => /* @__PURE__ */ jsx69(
   FormField,
   {
     name,
@@ -23428,7 +23450,7 @@ var FormInput = React64.forwardRef(({ name, ...props }, ref) => /* @__PURE__ */
   }
 ) }));
 FormInput.displayName = "FormInput";
-var FormCheckbox = React64.forwardRef(({ name, ...props }, ref) => /* @__PURE__ */ jsx69(FormConfigContext.Consumer, { children: ({ size }) => /* @__PURE__ */ jsx69(
+var FormCheckbox = React65.forwardRef(({ name, ...props }, ref) => /* @__PURE__ */ jsx69(FormConfigContext.Consumer, { children: ({ size }) => /* @__PURE__ */ jsx69(
   FormField,
   {
     name,
@@ -23452,9 +23474,9 @@ var FormCheckbox = React64.forwardRef(({ name, ...props }, ref) => /* @__PURE__
   }
 ) }));
 FormCheckbox.displayName = "FormCheckbox";
-var FormActions = React64.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx69("div", { ref, className: cn("flex gap-2 justify-end", className), ...props }));
+var FormActions = React65.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx69("div", { ref, className: cn("flex gap-2 justify-end", className), ...props }));
 FormActions.displayName = "FormActions";
-var FormSubmitButton = React64.forwardRef(
+var FormSubmitButton = React65.forwardRef(
   ({ children, loading: loading2, ...props }, ref) => /* @__PURE__ */ jsx69(FormConfigContext.Consumer, { children: ({ size }) => /* @__PURE__ */ jsx69(Button_default, { ref, type: "submit", size: props.size ?? size, disabled: loading2, ...props, children }) })
 );
 FormSubmitButton.displayName = "FormSubmitButton";
@@ -23744,7 +23766,7 @@ var VARIANT_STYLES_ALERT = {
 };
 
 // src/contexts/translation-adapter.tsx
-import * as React66 from "react";
+import * as React67 from "react";
 import { jsx as jsx74 } from "react/jsx-runtime";
 function isUnresolvedTranslation2(value, namespace, key) {
   return value === key || value === `${namespace}.${key}`;
@@ -23769,7 +23791,7 @@ function useTranslations(namespace) {
   const nextIntlBridge = useNextIntlBridge();
   const internalLocale = useUnderverseLocale();
   const internalT = useUnderverseTranslations(namespace);
-  return React66.useCallback((key, params) => {
+  return React67.useCallback((key, params) => {
     if (nextIntlBridge) {
       const nextIntlResult = nextIntlBridge.translate(namespace, key, params);
       if (nextIntlResult.translated && !isUnresolvedTranslation2(nextIntlResult.translated, namespace, key)) {
@@ -23794,7 +23816,7 @@ function useLocale2() {
 }
 
 // src/components/UEditor/UEditor.tsx
-import React77, { useEffect as useEffect36, useImperativeHandle as useImperativeHandle3, useMemo as useMemo24, useRef as useRef34 } from "react";
+import React78, { useEffect as useEffect36, useImperativeHandle as useImperativeHandle3, useMemo as useMemo24, useRef as useRef34 } from "react";
 import { useEditor, EditorContent } from "@tiptap/react";
 
 // src/components/UEditor/extensions.ts
@@ -23833,7 +23855,7 @@ import { common, createLowlight } from "lowlight";
 import { Extension } from "@tiptap/core";
 import Suggestion from "@tiptap/suggestion";
 import { ReactRenderer } from "@tiptap/react";
-import React67, { forwardRef as forwardRef14, useEffect as useEffect31, useImperativeHandle, useRef as useRef27 } from "react";
+import React68, { forwardRef as forwardRef14, useEffect as useEffect31, useImperativeHandle, useRef as useRef27 } from "react";
 import {
   FileCode as FileCode2,
   Heading1,
@@ -23896,9 +23918,9 @@ var DEFAULT_MESSAGES = {
   tableDesc: "Insert a table"
 };
 function useResettingIndex2(resetToken) {
-  const [state, setState] = React67.useState({ resetToken, index: 0 });
+  const [state, setState] = React68.useState({ resetToken, index: 0 });
   const selectedIndex = Object.is(state.resetToken, resetToken) ? state.index : 0;
-  const setSelectedIndex = React67.useCallback((nextIndex) => {
+  const setSelectedIndex = React68.useCallback((nextIndex) => {
     setState((prev) => {
       const prevIndex = Object.is(prev.resetToken, resetToken) ? prev.index : 0;
       return {
@@ -24324,13 +24346,13 @@ import { Extension as Extension3 } from "@tiptap/core";
 import Suggestion2 from "@tiptap/suggestion";
 import { ReactRenderer as ReactRenderer2 } from "@tiptap/react";
 import { PluginKey } from "@tiptap/pm/state";
-import React68, { forwardRef as forwardRef15, useImperativeHandle as useImperativeHandle2 } from "react";
+import React69, { forwardRef as forwardRef15, useImperativeHandle as useImperativeHandle2 } from "react";
 import { Smile as Smile2 } from "lucide-react";
 import { jsx as jsx76, jsxs as jsxs63 } from "react/jsx-runtime";
 function useResettingIndex3(resetToken) {
-  const [state, setState] = React68.useState({ resetToken, index: 0 });
+  const [state, setState] = React69.useState({ resetToken, index: 0 });
   const selectedIndex = Object.is(state.resetToken, resetToken) ? state.index : 0;
-  const setSelectedIndex = React68.useCallback((nextIndex) => {
+  const setSelectedIndex = React69.useCallback((nextIndex) => {
     setState((prev) => {
       const prevIndex = Object.is(prev.resetToken, resetToken) ? prev.index : 0;
       return {
@@ -25213,7 +25235,7 @@ function buildUEditorExtensions({
       types: ["heading", "paragraph", "image"]
     }),
     table_align_default.configure({
-      resizable: true,
+      resizable: editable,
       handleWidth: 10,
       allowTableNodeSelection: true,
       HTMLAttributes: {
@@ -25259,7 +25281,7 @@ function buildUEditorExtensions({
 }
 
 // src/components/UEditor/toolbar.tsx
-import React72, { useRef as useRef30, useState as useState44 } from "react";
+import React73, { useRef as useRef30, useState as useState44 } from "react";
 import {
   AlignCenter,
   AlignJustify,
@@ -25609,7 +25631,7 @@ function fileToDataUrl2(file) {
 function formatTableInsertLabel(template, rows, cols) {
   return template.replace("{rows}", String(rows)).replace("{cols}", String(cols));
 }
-var ToolbarButton = React72.forwardRef(({ onClick, onMouseDown, active, disabled, children, title, className }, ref) => {
+var ToolbarButton = React73.forwardRef(({ onClick, onMouseDown, active, disabled, children, title, className }, ref) => {
   const button = /* @__PURE__ */ jsx81(
     "button",
     {
@@ -25645,7 +25667,7 @@ var TableInsertGrid = ({
   previewTemplate,
   onInsert
 }) => {
-  const [selection, setSelection] = React72.useState({ rows: 3, cols: 3 });
+  const [selection, setSelection] = React73.useState({ rows: 3, cols: 3 });
   const maxRows = 8;
   const maxCols = 8;
   return /* @__PURE__ */ jsxs67("div", { className: "mb-2 rounded-xl border border-border/60 bg-muted/20 p-2", children: [
@@ -25717,19 +25739,19 @@ var EditorToolbar = ({
   const currentFontSize = normalizeStyleValue(textStyleAttrs.fontSize);
   const currentLineHeight = normalizeStyleValue(textStyleAttrs.lineHeight);
   const currentLetterSpacing = normalizeStyleValue(textStyleAttrs.letterSpacing);
-  const availableFontFamilies = React72.useMemo(
+  const availableFontFamilies = React73.useMemo(
     () => fontFamilies ?? getDefaultFontFamilies(t),
     [fontFamilies, t]
   );
-  const availableFontSizes = React72.useMemo(
+  const availableFontSizes = React73.useMemo(
     () => fontSizes ?? getDefaultFontSizes(),
     [fontSizes]
   );
-  const availableLineHeights = React72.useMemo(
+  const availableLineHeights = React73.useMemo(
     () => lineHeights ?? getDefaultLineHeights(),
     [lineHeights]
   );
-  const availableLetterSpacings = React72.useMemo(
+  const availableLetterSpacings = React73.useMemo(
     () => letterSpacings ?? getDefaultLetterSpacings(),
     [letterSpacings]
   );
@@ -25737,7 +25759,7 @@ var EditorToolbar = ({
   const currentFontSizeLabel = availableFontSizes.find((option) => normalizeStyleValue(option.value) === currentFontSize)?.label ?? t("toolbar.sizeDefault");
   const currentLineHeightLabel = availableLineHeights.find((option) => normalizeStyleValue(option.value) === currentLineHeight)?.label ?? t("toolbar.lineHeightDefault");
   const currentLetterSpacingLabel = availableLetterSpacings.find((option) => normalizeStyleValue(option.value) === currentLetterSpacing)?.label ?? t("toolbar.letterSpacingDefault");
-  React72.useEffect(() => {
+  React73.useEffect(() => {
     setFontSizeDraft(currentFontSize.replace(/px$/i, ""));
   }, [currentFontSize]);
   const applyFontSizeDraft = () => {
@@ -27227,7 +27249,7 @@ async function prepareUEditorContentForSave({
 }
 
 // src/components/UEditor/table-controls.tsx
-import React74 from "react";
+import React75 from "react";
 
 // node_modules/prosemirror-model/dist/index.js
 function findDiffStart(a, b, pos) {
@@ -31707,16 +31729,16 @@ function collectChildren(node) {
 }
 function TableControls({ editor, containerRef }) {
   const t = useSmartTranslations("UEditor");
-  const [layout, setLayout] = React74.useState(null);
-  const [dragPreview, setDragPreview] = React74.useState(null);
-  const [hoverState, setHoverState] = React74.useState(DEFAULT_HOVER_STATE);
-  const [openMenuKey, setOpenMenuKey] = React74.useState(null);
-  const layoutRef = React74.useRef(null);
-  const dragStateRef = React74.useRef(null);
-  React74.useEffect(() => {
+  const [layout, setLayout] = React75.useState(null);
+  const [dragPreview, setDragPreview] = React75.useState(null);
+  const [hoverState, setHoverState] = React75.useState(DEFAULT_HOVER_STATE);
+  const [openMenuKey, setOpenMenuKey] = React75.useState(null);
+  const layoutRef = React75.useRef(null);
+  const dragStateRef = React75.useRef(null);
+  React75.useEffect(() => {
     layoutRef.current = layout;
   }, [layout]);
-  const syncFromCell = React74.useCallback((cell) => {
+  const syncFromCell = React75.useCallback((cell) => {
     const surface = containerRef.current;
     if (!surface || !cell) {
       setLayout(null);
@@ -31724,10 +31746,10 @@ function TableControls({ editor, containerRef }) {
     }
     setLayout(buildLayout(editor, surface, cell));
   }, [containerRef, editor]);
-  const syncFromSelection = React74.useCallback(() => {
+  const syncFromSelection = React75.useCallback(() => {
     syncFromCell(getSelectedCell(editor));
   }, [editor, syncFromCell]);
-  const refreshCurrentLayout = React74.useCallback(() => {
+  const refreshCurrentLayout = React75.useCallback(() => {
     setLayout((prev) => {
       if (!prev) return prev;
       const surface = containerRef.current;
@@ -31737,12 +31759,12 @@ function TableControls({ editor, containerRef }) {
       return cell ? buildLayout(editor, surface, cell) : null;
     });
   }, [containerRef, editor]);
-  const clearDrag = React74.useCallback(() => {
+  const clearDrag = React75.useCallback(() => {
     dragStateRef.current = null;
     setDragPreview(null);
     document.body.style.cursor = "";
   }, []);
-  const updateHoverState = React74.useCallback((event) => {
+  const updateHoverState = React75.useCallback((event) => {
     const activeLayout = layoutRef.current;
     const surface = containerRef.current;
     if (!activeLayout || !surface || dragStateRef.current) {
@@ -31780,7 +31802,7 @@ function TableControls({ editor, containerRef }) {
       };
     });
   }, [containerRef]);
-  React74.useEffect(() => {
+  React75.useEffect(() => {
     const proseMirror = editor.view.dom;
     const surface = containerRef.current;
     if (!surface) return void 0;
@@ -31825,7 +31847,7 @@ function TableControls({ editor, containerRef }) {
       editor.off("update", refreshCurrentLayout);
     };
   }, [clearDrag, containerRef, editor, refreshCurrentLayout, syncFromCell, syncFromSelection, updateHoverState]);
-  const runAtCellPos = React74.useCallback((cellPos, command, options) => {
+  const runAtCellPos = React75.useCallback((cellPos, command, options) => {
     if (cellPos == null) return false;
     focusCell(editor, cellPos);
     const result = command(editor.chain().focus(null, { scrollIntoView: false })).run();
@@ -31834,17 +31856,17 @@ function TableControls({ editor, containerRef }) {
     }
     return result;
   }, [editor, syncFromSelection]);
-  const runAtActiveCell = React74.useCallback((command, options) => {
+  const runAtActiveCell = React75.useCallback((command, options) => {
     return runAtCellPos(layoutRef.current?.cellPos ?? null, command, options);
   }, [runAtCellPos]);
-  const getCurrentCornerCellPos = React74.useCallback(() => {
+  const getCurrentCornerCellPos = React75.useCallback(() => {
     const activePos = layoutRef.current?.cellPos ?? editor.state.selection.from;
     return getLastCellPosFromState(editor, activePos);
   }, [editor]);
-  const runAtCornerCell = React74.useCallback((command, options) => {
+  const runAtCornerCell = React75.useCallback((command, options) => {
     return runAtCellPos(getCurrentCornerCellPos(), command, options);
   }, [getCurrentCornerCellPos, runAtCellPos]);
-  const replaceTableAtCellPos = React74.useCallback((cellPos, updateTable) => {
+  const replaceTableAtCellPos = React75.useCallback((cellPos, updateTable) => {
     if (cellPos == null) return false;
     const tableInfo = findTableInfo(editor, cellPos);
     if (!tableInfo) return false;
@@ -31854,10 +31876,10 @@ function TableControls({ editor, containerRef }) {
     requestAnimationFrame(syncFromSelection);
     return true;
   }, [editor, syncFromSelection]);
-  const createEmptyCellNode = React74.useCallback((cellNode) => {
+  const createEmptyCellNode = React75.useCallback((cellNode) => {
     return cellNode.type.createAndFill(cellNode.attrs) ?? cellNode;
   }, []);
-  const duplicateRowAt = React74.useCallback((rowIndex, cellPos) => {
+  const duplicateRowAt = React75.useCallback((rowIndex, cellPos) => {
     return replaceTableAtCellPos(cellPos, (tableNode) => {
       const rows = collectChildren(tableNode);
       const rowNode = rows[rowIndex];
@@ -31866,7 +31888,7 @@ function TableControls({ editor, containerRef }) {
       return tableNode.type.create(tableNode.attrs, rows);
     });
   }, [replaceTableAtCellPos]);
-  const clearRowAt = React74.useCallback((rowIndex, cellPos) => {
+  const clearRowAt = React75.useCallback((rowIndex, cellPos) => {
     return replaceTableAtCellPos(cellPos, (tableNode) => {
       const rows = collectChildren(tableNode);
       const rowNode = rows[rowIndex];
@@ -31876,7 +31898,7 @@ function TableControls({ editor, containerRef }) {
       return tableNode.type.create(tableNode.attrs, rows);
     });
   }, [createEmptyCellNode, replaceTableAtCellPos]);
-  const duplicateColumnAt = React74.useCallback((columnIndex, cellPos) => {
+  const duplicateColumnAt = React75.useCallback((columnIndex, cellPos) => {
     return replaceTableAtCellPos(cellPos, (tableNode) => {
       const rows = collectChildren(tableNode).map((rowNode) => {
         const cells = collectChildren(rowNode);
@@ -31888,7 +31910,7 @@ function TableControls({ editor, containerRef }) {
       return tableNode.type.create(tableNode.attrs, rows);
     });
   }, [replaceTableAtCellPos]);
-  const clearColumnAt = React74.useCallback((columnIndex, cellPos) => {
+  const clearColumnAt = React75.useCallback((columnIndex, cellPos) => {
     return replaceTableAtCellPos(cellPos, (tableNode) => {
       const rows = collectChildren(tableNode).map((rowNode) => {
         const cells = collectChildren(rowNode);
@@ -31900,7 +31922,7 @@ function TableControls({ editor, containerRef }) {
       return tableNode.type.create(tableNode.attrs, rows);
     });
   }, [createEmptyCellNode, replaceTableAtCellPos]);
-  const expandTableBy = React74.useCallback((rows, cols) => {
+  const expandTableBy = React75.useCallback((rows, cols) => {
     let ok = true;
     for (let index = 0; index < rows; index += 1) {
       ok = runAtCornerCell((chain) => chain.addRowAfter(), { sync: false });
@@ -31916,9 +31938,9 @@ function TableControls({ editor, containerRef }) {
   const canExpandTable = Boolean(layout);
   const controlsVisible = dragPreview !== null;
   const tableMenuOpen = openMenuKey === "table";
-  const getRowMenuKey = React74.useCallback((index) => `row:${index}`, []);
-  const getColumnMenuKey = React74.useCallback((index) => `column:${index}`, []);
-  React74.useEffect(() => {
+  const getRowMenuKey = React75.useCallback((index) => `row:${index}`, []);
+  const getColumnMenuKey = React75.useCallback((index) => `column:${index}`, []);
+  React75.useEffect(() => {
     const handleMouseMove = (event) => {
       const dragState = dragStateRef.current;
       const activeLayout = layoutRef.current;
@@ -32005,7 +32027,7 @@ function TableControls({ editor, containerRef }) {
       window.removeEventListener("blur", clearDrag);
     };
   }, [clearDrag, containerRef, editor, expandTableBy, syncFromSelection]);
-  const menuItems = React74.useMemo(() => {
+  const menuItems = React75.useMemo(() => {
     if (!layout) return [];
     return [
       {
@@ -32073,7 +32095,7 @@ function TableControls({ editor, containerRef }) {
       }
     ];
   }, [layout, runAtActiveCell, t]);
-  const getRowHandleMenuItems = React74.useCallback((rowHandle) => [
+  const getRowHandleMenuItems = React75.useCallback((rowHandle) => [
     {
       label: t("tableMenu.addRowBefore"),
       icon: ArrowUp2,
@@ -32101,7 +32123,7 @@ function TableControls({ editor, containerRef }) {
       destructive: true
     }
   ], [clearRowAt, duplicateRowAt, runAtCellPos, t]);
-  const getColumnHandleMenuItems = React74.useCallback((columnHandle) => [
+  const getColumnHandleMenuItems = React75.useCallback((columnHandle) => [
     {
       label: t("tableMenu.addColumnBefore"),
       icon: ArrowLeft2,
@@ -32650,10 +32672,10 @@ var UEDITOR_PROSEMIRROR_CLASS_NAME = cn(
 );
 
 // src/components/UEditor/use-table-interactions.ts
-import React76, { useEffect as useEffect35, useRef as useRef33 } from "react";
+import React77, { useEffect as useEffect35, useRef as useRef33 } from "react";
 
 // src/components/UEditor/use-table-row-resize.ts
-import React75, { useRef as useRef32 } from "react";
+import React76, { useRef as useRef32 } from "react";
 function useTableRowResize({
   editor,
   setHoveredTableCell,
@@ -32664,7 +32686,7 @@ function useTableRowResize({
 }) {
   const commitFrameRef = useRef32(null);
   const stateRef = useRef32(null);
-  const commitPreview = React75.useCallback(() => {
+  const commitPreview = React76.useCallback(() => {
     if (!editor) return;
     const state = stateRef.current;
     if (!state) return;
@@ -32699,22 +32721,22 @@ function useTableRowResize({
     showRowGuide(state.tableElement, state.rowElement, state.cellElement);
     scheduleTableLayoutSync();
   }, [editor, scheduleTableLayoutSync, showRowGuide]);
-  const scheduleCommit = React75.useCallback(() => {
+  const scheduleCommit = React76.useCallback(() => {
     if (commitFrameRef.current !== null) return;
     commitFrameRef.current = window.requestAnimationFrame(() => {
       commitFrameRef.current = null;
       commitPreview();
     });
   }, [commitPreview]);
-  const syncActiveGuide = React75.useCallback(() => {
+  const syncActiveGuide = React76.useCallback(() => {
     const state = stateRef.current;
     if (!state) return false;
     setHoveredTableCell(state.cellElement);
     showRowGuide(state.tableElement, state.rowElement, state.cellElement);
     return true;
   }, [setHoveredTableCell, showRowGuide]);
-  const isResizing = React75.useCallback(() => stateRef.current !== null, []);
-  const beginResize = React75.useCallback((event, table, row, cell) => {
+  const isResizing = React76.useCallback(() => stateRef.current !== null, []);
+  const beginResize = React76.useCallback((event, table, row, cell) => {
     if (!editor || !isRowResizeHotspot(cell, event.clientX, event.clientY)) {
       return false;
     }
@@ -32740,7 +32762,7 @@ function useTableRowResize({
     event.stopPropagation();
     return true;
   }, [editor, setHoveredTableCell, showRowGuide]);
-  const handlePointerMove = React75.useCallback((event) => {
+  const handlePointerMove = React76.useCallback((event) => {
     const state = stateRef.current;
     if (!state) return;
     const nextHeight = Math.max(
@@ -32756,7 +32778,7 @@ function useTableRowResize({
     document.body.style.cursor = "row-resize";
     scheduleCommit();
   }, [scheduleCommit, showRowGuide]);
-  const handlePointerUp = React75.useCallback((event) => {
+  const handlePointerUp = React76.useCallback((event) => {
     if (!editor) return;
     const state = stateRef.current;
     if (!state) return;
@@ -32786,7 +32808,7 @@ function useTableRowResize({
     clearAllTableResizeHover();
     scheduleTableLayoutSync();
   }, [clearAllTableResizeHover, clearHoveredTableCell, commitPreview, editor, scheduleTableLayoutSync]);
-  const cancelResize = React75.useCallback(() => {
+  const cancelResize = React76.useCallback(() => {
     if (!stateRef.current) return;
     if (commitFrameRef.current !== null) {
       window.cancelAnimationFrame(commitFrameRef.current);
@@ -32798,7 +32820,7 @@ function useTableRowResize({
     clearAllTableResizeHover();
     scheduleTableLayoutSync();
   }, [clearAllTableResizeHover, clearHoveredTableCell, scheduleTableLayoutSync]);
-  const cleanup = React75.useCallback(() => {
+  const cleanup = React76.useCallback(() => {
     if (commitFrameRef.current !== null) {
       window.cancelAnimationFrame(commitFrameRef.current);
       commitFrameRef.current = null;
@@ -32818,7 +32840,7 @@ function useTableRowResize({
 }
 
 // src/components/UEditor/use-table-interactions.ts
-function useUEditorTableInteractions(editor) {
+function useUEditorTableInteractions(editor, editable = true) {
   const editorContentRef = useRef33(null);
   const tableColumnGuideRef = useRef33(null);
   const tableRowGuideRef = useRef33(null);
@@ -32827,32 +32849,32 @@ function useUEditorTableInteractions(editor) {
   const activeTableCellRef = useRef33(null);
   const suppressActiveCellHighlightRef = useRef33(false);
   const tableLayoutSyncFrameRef = useRef33(null);
-  const setEditorResizeCursor = React76.useCallback((cursor) => {
+  const setEditorResizeCursor = React77.useCallback((cursor) => {
     const proseMirror = editorContentRef.current?.querySelector(".ProseMirror");
     if (proseMirror) {
       proseMirror.style.cursor = cursor;
     }
   }, []);
-  const hideColumnGuide = React76.useCallback(() => {
+  const hideColumnGuide = React77.useCallback(() => {
     editorContentRef.current?.classList.remove("resize-cursor");
     const guide = tableColumnGuideRef.current;
     if (guide) {
       guide.style.opacity = "0";
     }
   }, []);
-  const hideRowGuide = React76.useCallback(() => {
+  const hideRowGuide = React77.useCallback(() => {
     editorContentRef.current?.classList.remove("resize-row-cursor");
     const guide = tableRowGuideRef.current;
     if (guide) {
       guide.style.opacity = "0";
     }
   }, []);
-  const clearAllTableResizeHover = React76.useCallback(() => {
+  const clearAllTableResizeHover = React77.useCallback(() => {
     setEditorResizeCursor("");
     hideColumnGuide();
     hideRowGuide();
   }, [hideColumnGuide, hideRowGuide, setEditorResizeCursor]);
-  const updateActiveCellHighlight = React76.useCallback((cell) => {
+  const updateActiveCellHighlight = React77.useCallback((cell) => {
     const surface = editorContentRef.current;
     const highlight = activeTableCellHighlightRef.current;
     if (!highlight) return;
@@ -32867,7 +32889,7 @@ function useUEditorTableInteractions(editor) {
     highlight.style.width = `${metrics.width}px`;
     highlight.style.height = `${metrics.height}px`;
   }, []);
-  const scheduleTableLayoutSync = React76.useCallback(() => {
+  const scheduleTableLayoutSync = React77.useCallback(() => {
     if (tableLayoutSyncFrameRef.current !== null) return;
     tableLayoutSyncFrameRef.current = window.requestAnimationFrame(() => {
       tableLayoutSyncFrameRef.current = null;
@@ -32875,22 +32897,22 @@ function useUEditorTableInteractions(editor) {
       editorContentRef.current?.dispatchEvent(new CustomEvent(UEDITOR_TABLE_LAYOUT_CHANGE_EVENT));
     });
   }, [updateActiveCellHighlight]);
-  const setActiveTableCell = React76.useCallback((cell) => {
+  const setActiveTableCell = React77.useCallback((cell) => {
     if (activeTableCellRef.current === cell) return;
     activeTableCellRef.current = cell;
     updateActiveCellHighlight(activeTableCellRef.current);
   }, [updateActiveCellHighlight]);
-  const clearActiveTableCell = React76.useCallback(() => {
+  const clearActiveTableCell = React77.useCallback(() => {
     activeTableCellRef.current = null;
     updateActiveCellHighlight(null);
   }, [updateActiveCellHighlight]);
-  const setHoveredTableCell = React76.useCallback((cell) => {
+  const setHoveredTableCell = React77.useCallback((cell) => {
     hoveredTableCellRef.current = cell;
   }, []);
-  const clearHoveredTableCell = React76.useCallback(() => {
+  const clearHoveredTableCell = React77.useCallback(() => {
     hoveredTableCellRef.current = null;
   }, []);
-  const showColumnGuide = React76.useCallback((table, row, cell) => {
+  const showColumnGuide = React77.useCallback((table, row, cell) => {
     const surface = editorContentRef.current;
     const guide = tableColumnGuideRef.current;
     if (!surface || !guide) return;
@@ -32903,7 +32925,7 @@ function useUEditorTableInteractions(editor) {
     surface.classList.add("resize-cursor");
     setEditorResizeCursor("col-resize");
   }, [setEditorResizeCursor]);
-  const showRowGuide = React76.useCallback((table, row, cell) => {
+  const showRowGuide = React77.useCallback((table, row, cell) => {
     const surface = editorContentRef.current;
     const guide = tableRowGuideRef.current;
     if (!surface || !guide) return;
@@ -32932,12 +32954,12 @@ function useUEditorTableInteractions(editor) {
     clearAllTableResizeHover,
     scheduleTableLayoutSync
   });
-  const syncActiveTableCellFromSelection = React76.useCallback(() => {
+  const syncActiveTableCellFromSelection = React77.useCallback(() => {
     if (!editor) return;
     setActiveTableCell(getSelectionTableCell(editor.view));
   }, [editor, setActiveTableCell]);
   useEffect35(() => {
-    if (!editor) return void 0;
+    if (!editor || !editable) return void 0;
     const proseMirror = editor.view.dom;
     const surface = editorContentRef.current;
     let selectionSyncTimeoutId = 0;
@@ -33086,7 +33108,7 @@ function useUEditorTableInteractions(editor) {
       clearHoveredTableCell();
       clearAllTableResizeHover();
     };
-  }, [beginResize, cancelResize, cleanupRowResize, clearActiveTableCell, clearAllTableResizeHover, clearHoveredTableCell, editor, handleRowResizePointerMove, handleRowResizePointerUp, hideColumnGuide, hideRowGuide, isRowResizing, showColumnGuide, showRowGuide, syncActiveRowResizeGuide, syncActiveTableCellFromSelection, updateActiveCellHighlight]);
+  }, [beginResize, cancelResize, cleanupRowResize, clearActiveTableCell, clearAllTableResizeHover, clearHoveredTableCell, editable, editor, handleRowResizePointerMove, handleRowResizePointerUp, hideColumnGuide, hideRowGuide, isRowResizing, showColumnGuide, showRowGuide, syncActiveRowResizeGuide, syncActiveTableCellFromSelection, updateActiveCellHighlight]);
   return {
     editorContentRef,
     tableColumnGuideRef,
@@ -33097,7 +33119,7 @@ function useUEditorTableInteractions(editor) {
 
 // src/components/UEditor/UEditor.tsx
 import { jsx as jsx84, jsxs as jsxs71 } from "react/jsx-runtime";
-var UEditor = React77.forwardRef(({
+var UEditor = React78.forwardRef(({
   content = "",
   onChange,
   onHtmlChange,
@@ -33189,7 +33211,7 @@ var UEditor = React77.forwardRef(({
     tableColumnGuideRef,
     tableRowGuideRef,
     activeTableCellHighlightRef
-  } = useUEditorTableInteractions(editor);
+  } = useUEditorTableInteractions(editor, editable);
   useImperativeHandle3(
     ref,
     () => ({
@@ -33236,11 +33258,14 @@ var UEditor = React77.forwardRef(({
     "div",
     {
       className: cn(
-        "group relative flex flex-col rounded-2xl md:rounded-3xl border border-border/50 bg-card text-card-foreground overflow-hidden",
-        "transition-[transform,box-shadow,border-color,background-color] duration-300 ease-soft",
-        "shadow-sm focus-within:shadow-md focus-within:border-primary/15",
-        "backdrop-blur-sm",
-        variant === "notion" && "hover:shadow-md",
+        "group relative flex flex-col text-card-foreground",
+        editable ? [
+          "rounded-2xl md:rounded-3xl border border-border/50 bg-card overflow-hidden",
+          "transition-[transform,box-shadow,border-color,background-color] duration-300 ease-soft",
+          "shadow-sm focus-within:shadow-md focus-within:border-primary/15",
+          "backdrop-blur-sm",
+          variant === "notion" && "hover:shadow-md"
+        ] : "rounded-none",
         className
       ),
       children: [
@@ -33274,7 +33299,7 @@ var UEditor = React77.forwardRef(({
             ref: editorContentRef,
             className: "relative flex-1 overflow-y-auto",
             style: {
-              minHeight,
+              minHeight: editable ? minHeight : void 0,
               maxHeight
             },
             children: [