@underverse-ui/underverse 1.0.123 → 1.0.125

package/dist/index.cjs

@@ -4687,6 +4687,9 @@ var Label = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
 ));
 Label.displayName = "Label";
 
+// src/components/Avatar.tsx
+var React16 = __toESM(require("react"), 1);
+
 // src/components/SmartImage.tsx
 var import_image = __toESM(require("next/image"), 1);
 var import_react8 = __toESM(require("react"), 1);
@@ -4708,55 +4711,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 = import_react8.default.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] = import_react8.default.useState(() => normalize2(src));
   import_react8.default.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__ */ (0, import_jsx_runtime17.jsx)(
-    "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__ */ (0, import_jsx_runtime17.jsx)(Wrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: wrapperClass, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
       import_image.default,
       {
         src: resolvedSrc,
@@ -4766,8 +4769,9 @@ function SmartImage({
         onError: handleError,
         priority,
         quality,
+        unoptimized,
         style: { objectFit: fit, objectPosition },
-        className: cn("transition-all duration-300", imageClassName)
+        className: imgClass
       }
     ) });
   }
@@ -4791,8 +4795,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
         }
       )
     }
@@ -4820,7 +4825,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 = "?",
@@ -4828,11 +4833,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__ */ (0, import_jsx_runtime18.jsxs)(
     "div",
     {
@@ -4846,7 +4855,19 @@ var Avatar = ({
       ...props,
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "absolute inset-0 overflow-hidden rounded-full", children: [
-          hasValidSrc && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+          hasValidSrc && imageStrategy === "img" && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+            "img",
+            {
+              src,
+              alt,
+              loading: imageLoading,
+              decoding: "async",
+              draggable: false,
+              fetchPriority: imageFetchPriority,
+              className: "h-full w-full object-cover"
+            }
+          ),
+          hasValidSrc && imageStrategy === "next-image" && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
             SmartImage,
             {
               src,
@@ -4857,7 +4878,8 @@ var Avatar = ({
               roundedClass: "rounded-full",
               fit: "cover",
               objectPosition: "center",
-              quality: 80
+              quality: 80,
+              imageClassName: "transition-none"
             }
           ),
           !hasValidSrc && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
@@ -4867,7 +4889,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
             }
           ) })
         ] }),
@@ -4886,7 +4908,7 @@ var Avatar = ({
       ]
     }
   );
-};
+});
 var Avatar_default = Avatar;
 
 // src/components/Skeleton.tsx
@@ -5382,7 +5404,7 @@ var LoadingProgress = ({
 };
 
 // src/components/Modal.tsx
-var React17 = __toESM(require("react"), 1);
+var React18 = __toESM(require("react"), 1);
 var import_react_dom2 = require("react-dom");
 var import_lucide_react7 = require("lucide-react");
 var import_jsx_runtime21 = require("react/jsx-runtime");
@@ -5412,17 +5434,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;
@@ -5442,7 +5464,7 @@ var Modal = ({
       }
     }
   }, [isOpen, isVisible]);
-  React17.useEffect(() => {
+  React18.useEffect(() => {
     if (!isOpen || !closeOnEsc) return;
     const handleEscape = (event) => {
       if (event.key === "Escape") {
@@ -5452,7 +5474,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 {
@@ -5738,7 +5760,7 @@ var ToastComponent = ({ toast, onRemove }) => {
 var Toast_default = ToastProvider;
 
 // src/components/Popover.tsx
-var React19 = __toESM(require("react"), 1);
+var React20 = __toESM(require("react"), 1);
 var import_react_dom3 = require("react-dom");
 
 // src/utils/animations.ts
@@ -6028,14 +6050,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);
@@ -6044,16 +6066,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;
@@ -6090,7 +6112,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;
@@ -6104,7 +6126,7 @@ var Popover = ({
       cancelAnimationFrame(raf2);
     };
   }, [isOpen, updatePosition]);
-  React19.useEffect(() => {
+  React20.useEffect(() => {
     if (!isOpen) return;
     let raf = 0;
     const tick = () => {
@@ -6114,7 +6136,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 = () => {
@@ -6132,7 +6154,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());
@@ -6140,13 +6162,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;
@@ -6232,7 +6254,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;
@@ -6262,7 +6284,7 @@ var Popover = ({
 };
 
 // src/components/Sheet.tsx
-var React20 = __toESM(require("react"), 1);
+var React21 = __toESM(require("react"), 1);
 var import_react_dom4 = require("react-dom");
 var import_lucide_react9 = require("lucide-react");
 var import_jsx_runtime24 = require("react/jsx-runtime");
@@ -6348,19 +6370,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) {
@@ -6370,7 +6392,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 {
@@ -6380,7 +6402,7 @@ var Sheet = ({
       document.body.style.overflow = "unset";
     };
   }, [open]);
-  React20.useEffect(() => {
+  React21.useEffect(() => {
     if (open) {
       setIsVisible(true);
       setIsAnimating(true);
@@ -6403,19 +6425,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;
@@ -6423,12 +6445,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);
@@ -6439,10 +6461,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();
@@ -6780,7 +6802,7 @@ var ButtonLoading = ({ isLoading, children, className, disabled, loadingText })
 };
 
 // src/components/Breadcrumb.tsx
-var React22 = __toESM(require("react"), 1);
+var React23 = __toESM(require("react"), 1);
 var import_lucide_react12 = require("lucide-react");
 var import_jsx_runtime27 = require("react/jsx-runtime");
 var NextLink = null;
@@ -6828,8 +6850,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);
     }
@@ -6847,7 +6869,7 @@ var Breadcrumb = ({
     const SeparatorComponent = separator;
     return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(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({
@@ -6920,7 +6942,7 @@ var Breadcrumb = ({
 var Breadcrumb_default = Breadcrumb;
 
 // src/components/Tab.tsx
-var React23 = __toESM(require("react"), 1);
+var React24 = __toESM(require("react"), 1);
 var import_jsx_runtime28 = require("react/jsx-runtime");
 var sizeStyles6 = {
   sm: {
@@ -7018,11 +7040,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);
@@ -7049,7 +7071,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];
@@ -7062,7 +7084,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);
@@ -7414,11 +7436,11 @@ var SelectDropdown = ({ options, value, onChange, placeholder = "Select...", cla
 var DropdownMenu_default = DropdownMenu;
 
 // src/components/Pagination.tsx
-var React26 = __toESM(require("react"), 1);
+var React27 = __toESM(require("react"), 1);
 var import_lucide_react14 = require("lucide-react");
 
 // src/components/Combobox.tsx
-var React25 = __toESM(require("react"), 1);
+var React26 = __toESM(require("react"), 1);
 var import_react15 = require("react");
 var import_react_virtual = require("@tanstack/react-virtual");
 var import_lucide_react13 = require("lucide-react");
@@ -7500,13 +7522,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 = (0, import_react15.useId)();
   const resolvedId = id ? String(id) : `combobox-${autoId}`;
@@ -7515,7 +7537,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;
@@ -7525,7 +7547,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;
@@ -7544,15 +7566,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);
@@ -7576,7 +7598,7 @@ var Combobox = ({
     onChange(null);
     setOpen(false);
   };
-  React25.useEffect(() => {
+  React26.useEffect(() => {
     if (!open) {
       setQuery("");
       setActiveIndex(null);
@@ -7587,12 +7609,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.'
@@ -7604,12 +7626,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) => {
@@ -8026,7 +8048,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;
@@ -8677,7 +8699,7 @@ function formatDateSmart(date, locale = "en") {
 
 // src/components/DatePicker.tsx
 var import_lucide_react15 = require("lucide-react");
-var React29 = __toESM(require("react"), 1);
+var React30 = __toESM(require("react"), 1);
 var import_react19 = require("react");
 var import_jsx_runtime35 = require("react/jsx-runtime");
 var DatePicker = ({
@@ -8701,20 +8723,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;
@@ -8783,19 +8805,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");
     }
@@ -8825,7 +8847,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));
@@ -8839,7 +8861,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;
@@ -9254,11 +9276,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",
@@ -9316,24 +9338,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);
     }
@@ -9345,10 +9367,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) => {
@@ -9358,7 +9380,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;
@@ -9537,7 +9559,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());
   }, []);
@@ -9779,15 +9801,15 @@ var CompactDatePicker = ({ value, onChange, className }) => {
 };
 
 // src/components/DateTimePicker.tsx
-var React33 = __toESM(require("react"), 1);
+var React34 = __toESM(require("react"), 1);
 var import_lucide_react19 = require("lucide-react");
 
 // src/components/Calendar.tsx
 var import_lucide_react17 = require("lucide-react");
-var React31 = __toESM(require("react"), 1);
+var React32 = __toESM(require("react"), 1);
 
 // src/components/MonthYearPicker.tsx
-var React30 = __toESM(require("react"), 1);
+var React31 = __toESM(require("react"), 1);
 var import_lucide_react16 = require("lucide-react");
 var import_jsx_runtime36 = require("react/jsx-runtime");
 var DEFAULT_MONTH_NAMES = [
@@ -9830,20 +9852,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",
@@ -9870,9 +9892,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;
@@ -9891,7 +9913,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);
@@ -9919,7 +9941,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 };
@@ -10007,11 +10029,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;
@@ -10089,7 +10111,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;
@@ -10274,36 +10296,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();
@@ -10319,7 +10341,7 @@ function MonthYearPicker({
     },
     [minDate, maxDate]
   );
-  const emit = React30.useCallback(
+  const emit = React31.useCallback(
     (next) => {
       if (!next) {
         setLocalRequiredError(void 0);
@@ -10335,7 +10357,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);
@@ -10771,12 +10793,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);
@@ -10788,7 +10810,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);
@@ -10800,11 +10822,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);
@@ -10815,7 +10837,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;
@@ -10825,7 +10847,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) {
@@ -10834,13 +10856,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);
@@ -10893,7 +10915,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;
@@ -10927,7 +10949,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]);
@@ -10948,7 +10970,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__ */ (0, import_jsx_runtime37.jsx)(React31.Fragment, { children: customDay }, `${monthLabel}-${idx}`);
+        if (customDay) return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(React32.Fragment, { children: customDay }, `${monthLabel}-${idx}`);
         if (cellMode === "events") {
           const limit = Math.max(0, maxEventsPerDay);
           const visibleEvents = dayEvents.slice(0, limit);
@@ -11067,9 +11089,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);
@@ -11079,7 +11101,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);
@@ -11156,7 +11178,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__ */ (0, import_jsx_runtime37.jsx)(React31.Fragment, { children: customDay }, `wd-${idx}`);
+        if (customDay) return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(React32.Fragment, { children: customDay }, `wd-${idx}`);
         if (cellMode === "events") {
           const limit = Math.max(0, maxEventsPerDay);
           const visibleEvents = dayEvents.slice(0, limit);
@@ -11267,7 +11289,7 @@ function Calendar3({
           `wd-${idx}`
         );
       }) })
-    ] }) : /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("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__ */ (0, import_jsx_runtime37.jsx)(React31.Fragment, { children: renderMonth(addMonths(view, i)) }, `cal-month-${view.getFullYear()}-${view.getMonth()}-${i}`)) }),
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("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__ */ (0, import_jsx_runtime37.jsx)(React32.Fragment, { children: renderMonth(addMonths(view, i)) }, `cal-month-${view.getFullYear()}-${view.getMonth()}-${i}`)) }),
     effectiveEnableEventSheet && selectedEvent && selectedEventDate ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
       Sheet,
       {
@@ -11297,7 +11319,7 @@ function Calendar3({
 }
 
 // src/components/TimePicker.tsx
-var React32 = __toESM(require("react"), 1);
+var React33 = __toESM(require("react"), 1);
 var import_lucide_react18 = require("lucide-react");
 var import_jsx_runtime38 = require("react/jsx-runtime");
 var pad = (n) => n.toString().padStart(2, "0");
@@ -11324,21 +11346,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",
@@ -11365,9 +11387,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;
@@ -11386,7 +11408,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);
@@ -11414,7 +11436,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 };
@@ -11502,11 +11524,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;
@@ -11584,7 +11606,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;
@@ -11785,44 +11807,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);
@@ -11832,7 +11854,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") {
@@ -11844,7 +11866,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);
@@ -11862,7 +11884,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;
@@ -11872,7 +11894,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;
@@ -11884,7 +11906,7 @@ function TimePicker({
     },
     [canEmit, format, includeSeconds, isControlled, onChange]
   );
-  const tryUpdate = React32.useCallback(
+  const tryUpdate = React33.useCallback(
     (next) => {
       if (!canEmit(next)) return false;
       setParts(next);
@@ -11902,17 +11924,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]);
@@ -11994,7 +12016,7 @@ function TimePicker({
       }
     }
   };
-  const commitManualInput = React32.useCallback(
+  const commitManualInput = React33.useCallback(
     (input) => {
       const trimmed = input.trim();
       if (!trimmed) {
@@ -12025,12 +12047,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);
@@ -12606,8 +12628,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",
@@ -12640,13 +12662,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);
     }
@@ -12865,7 +12887,7 @@ var DateTimePicker = ({
 };
 
 // src/components/CalendarTimeline/CalendarTimeline.tsx
-var React39 = __toESM(require("react"), 1);
+var React40 = __toESM(require("react"), 1);
 var import_lucide_react23 = require("lucide-react");
 
 // src/components/CalendarTimeline/date.ts
@@ -13105,10 +13127,10 @@ function intervalPack(items) {
 }
 
 // src/components/CalendarTimeline/hooks.ts
-var React34 = __toESM(require("react"), 1);
+var React35 = __toESM(require("react"), 1);
 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;
@@ -13166,9 +13188,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;
@@ -13181,7 +13203,7 @@ function useVirtualVariableRows(args) {
     ro.observe(el);
     return () => ro.disconnect();
   }, [enabled, scrollRef]);
-  React34.useEffect(() => {
+  React35.useEffect(() => {
     if (!enabled) {
       setScrollTop(0);
       return;
@@ -13206,7 +13228,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++) {
@@ -13214,7 +13236,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 };
     }
@@ -13230,8 +13252,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);
@@ -13454,7 +13476,7 @@ function resourcesById(resources) {
 }
 
 // src/components/CalendarTimeline/CalendarTimelineHeader.tsx
-var React35 = __toESM(require("react"), 1);
+var React36 = __toESM(require("react"), 1);
 var import_lucide_react20 = require("lucide-react");
 var import_jsx_runtime41 = require("react/jsx-runtime");
 var VIEW_ICONS = {
@@ -13485,7 +13507,7 @@ function CalendarTimelineHeader(props) {
     headerRef,
     slotHeaderNodes
   } = props;
-  const resolvedAvailableViews = React35.useMemo(
+  const resolvedAvailableViews = React36.useMemo(
     () => availableViews?.length ? availableViews : ["month", "week", "day", "sprint"],
     [availableViews]
   );
@@ -13494,22 +13516,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"];
@@ -13521,12 +13543,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);
@@ -13534,7 +13556,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);
@@ -13546,7 +13568,7 @@ function CalendarTimelineHeader(props) {
       return next;
     });
   }, []);
-  const applyDateTime = React35.useCallback(() => {
+  const applyDateTime = React36.useCallback(() => {
     onApplyDateTime(tempDate);
     setTodayOpen(false);
   }, [onApplyDateTime, tempDate]);
@@ -13810,9 +13832,9 @@ function ResourceRowCell(props) {
 }
 
 // src/components/CalendarTimeline/CalendarTimelineGridOverlay.tsx
-var React36 = __toESM(require("react"), 1);
+var React37 = __toESM(require("react"), 1);
 var import_jsx_runtime43 = require("react/jsx-runtime");
-var CalendarTimelineGridOverlay = React36.memo(function CalendarTimelineGridOverlay2(props) {
+var CalendarTimelineGridOverlay = React37.memo(function CalendarTimelineGridOverlay2(props) {
   const {
     gridWidth,
     height,
@@ -13860,12 +13882,12 @@ var CalendarTimelineGridOverlay = React36.memo(function CalendarTimelineGridOver
 });
 
 // src/components/CalendarTimeline/CalendarTimelineSlotHeaderCell.tsx
-var React37 = __toESM(require("react"), 1);
+var React38 = __toESM(require("react"), 1);
 var import_lucide_react22 = require("lucide-react");
 var import_jsx_runtime44 = require("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__ */ (0, import_jsx_runtime44.jsx)("span", { className: "text-xs text-muted-foreground/70 select-none", children: "\u2026" });
       if (!dayHeaderMarks.showTime[idx]) return null;
@@ -13888,7 +13910,7 @@ var CalendarTimelineSlotHeaderCell = React37.memo(function CalendarTimelineSlotH
 });
 
 // src/components/CalendarTimeline/internal-hooks.ts
-var React38 = __toESM(require("react"), 1);
+var React39 = __toESM(require("react"), 1);
 function useTimelineSlots(args) {
   const {
     activeView,
@@ -13903,7 +13925,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,
@@ -13958,18 +13980,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: (() => {
@@ -13997,9 +14019,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;
@@ -14008,16 +14030,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;
@@ -14052,14 +14074,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";
@@ -14190,7 +14212,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) => {
@@ -14237,9 +14259,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;
@@ -14266,7 +14288,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 };
@@ -14365,14 +14387,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);
@@ -14380,9 +14402,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);
@@ -14391,12 +14413,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;
@@ -14404,7 +14426,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;
@@ -14413,19 +14435,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);
@@ -14436,14 +14458,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;
@@ -14452,13 +14474,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);
@@ -14470,17 +14492,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"),
@@ -14503,7 +14525,7 @@ function CalendarTimeline({
     }),
     [formatToken, labels, t]
   );
-  const setView = React39.useCallback(
+  const setView = React40.useCallback(
     (next) => {
       if (onlyView) return;
       if (!availableViews.includes(next)) return;
@@ -14512,14 +14534,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") {
@@ -14538,17 +14560,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,
@@ -14562,12 +14584,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,
@@ -14599,16 +14621,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,
@@ -14618,7 +14640,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);
@@ -14628,24 +14650,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();
@@ -14663,7 +14685,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;
@@ -14673,7 +14695,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);
@@ -14690,7 +14712,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;
@@ -14706,13 +14728,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);
@@ -14720,7 +14742,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 = {
@@ -14763,7 +14785,7 @@ function CalendarTimeline({
     },
     [setResourceColumnWidth, setRowHeightForResource]
   );
-  React39.useEffect(() => {
+  React40.useEffect(() => {
     return () => {
       if (!resizeRef.current) return;
       resizeRef.current = null;
@@ -14771,7 +14793,7 @@ function CalendarTimeline({
       document.body.style.userSelect = "";
     };
   }, []);
-  const beginResizeColumn = React39.useCallback(
+  const beginResizeColumn = React40.useCallback(
     (e) => {
       if (!canResizeColumn) return;
       if (typeof effectiveResourceColumnWidth !== "number") return;
@@ -14779,7 +14801,7 @@ function CalendarTimeline({
     },
     [canResizeColumn, effectiveResourceColumnWidth, effectiveRowHeight, startResize]
   );
-  const beginResizeResourceRow = React39.useCallback(
+  const beginResizeResourceRow = React40.useCallback(
     (resourceId) => (e) => {
       if (!canResizeRow) return;
       startResize("row", e, {
@@ -14790,7 +14812,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);
     }
@@ -14817,11 +14839,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,
@@ -14829,7 +14851,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" });
@@ -14877,7 +14899,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;
@@ -14909,13 +14931,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];
@@ -14923,7 +14945,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))];
@@ -14934,38 +14956,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;
@@ -14983,7 +15005,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") {
@@ -14997,7 +15019,7 @@ function CalendarTimeline({
     },
     [activeView, dayTimeStepMinutes, resolvedTimeZone, slotStarts]
   );
-  const updateDragPreview = React39.useCallback(
+  const updateDragPreview = React40.useCallback(
     (clientX, clientY) => {
       const drag = dragRef.current;
       if (!drag) return;
@@ -15041,13 +15063,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;
@@ -15055,7 +15077,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;
@@ -15064,11 +15086,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;
@@ -15076,7 +15098,7 @@ function CalendarTimeline({
     },
     [flushHoverCell]
   );
-  const autoScrollTick = React39.useCallback(() => {
+  const autoScrollTick = React40.useCallback(() => {
     const drag = dragRef.current;
     const body = bodyRef.current;
     const st = autoScrollStateRef.current;
@@ -15095,7 +15117,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;
@@ -15126,8 +15148,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);
@@ -15274,7 +15296,7 @@ function CalendarTimeline({
     }
     setPreview(null);
   };
-  const onBodyPointerLeave = React39.useCallback(() => {
+  const onBodyPointerLeave = React40.useCallback(() => {
     hoverCellPendingRef.current = null;
     if (hoverCellRafRef.current != null) {
       cancelAnimationFrame(hoverCellRafRef.current);
@@ -15301,7 +15323,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;
@@ -15627,7 +15649,7 @@ function CalendarTimeline({
                               ]
                             }
                           );
-                          if (!enableEventTooltips) return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(React39.Fragment, { children: block }, ev.id);
+                          if (!enableEventTooltips) return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(React40.Fragment, { children: block }, ev.id);
                           const tooltipContent = /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "flex flex-col gap-0.5", children: [
                             /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "font-semibold", children: tooltipTitle }),
                             /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "text-xs opacity-80", children: timeText }),
@@ -15784,7 +15806,7 @@ function CalendarTimeline({
 }
 
 // src/components/MultiCombobox.tsx
-var React40 = __toESM(require("react"), 1);
+var React41 = __toESM(require("react"), 1);
 var import_react20 = require("react");
 var import_react_virtual2 = require("@tanstack/react-virtual");
 var import_lucide_react24 = require("lucide-react");
@@ -15852,17 +15874,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 }
     ),
@@ -15872,7 +15894,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();
@@ -15881,7 +15903,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;
     }
@@ -15897,14 +15919,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) => {
@@ -15957,12 +15979,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();
@@ -15973,12 +15995,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.'
@@ -16217,7 +16239,7 @@ var MultiCombobox = ({
       }
     )
   ] });
-  const selectedOptionFallbackMap = React40.useMemo(
+  const selectedOptionFallbackMap = React41.useMemo(
     () => new Map((selectedOptionsProp ?? []).map((option) => [option.value, option])),
     [selectedOptionsProp]
   );
@@ -16251,7 +16273,7 @@ var MultiCombobox = ({
         /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("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__ */ (0, import_jsx_runtime46.jsxs)(import_jsx_runtime46.Fragment, { children: [
           visibleTags.map((option) => {
             if (renderTag) {
-              return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(React40.Fragment, { children: renderTag(option, () => handleRemove(option.value)) }, option.value);
+              return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(React41.Fragment, { children: renderTag(option, () => handleRemove(option.value)) }, option.value);
             }
             return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
               "span",
@@ -16413,17 +16435,17 @@ var MultiCombobox = ({
 };
 
 // src/components/RadioGroup.tsx
-var React41 = __toESM(require("react"), 1);
+var React42 = __toESM(require("react"), 1);
 var import_jsx_runtime47 = require("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,
@@ -16439,7 +16461,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) => {
@@ -16450,7 +16472,7 @@ var RadioGroup = React41.forwardRef(
         onValueChange?.(newValue);
       }
     };
-    const uniqueId = React41.useId();
+    const uniqueId = React42.useId();
     const radioName = name || `radio-group-${uniqueId}`;
     return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
       RadioGroupContext.Provider,
@@ -16508,7 +16530,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;
@@ -16686,7 +16708,7 @@ var RadioGroupItem = React41.forwardRef(
 RadioGroupItem.displayName = "RadioGroupItem";
 
 // src/components/Slider.tsx
-var React42 = __toESM(require("react"), 1);
+var React43 = __toESM(require("react"), 1);
 var import_jsx_runtime48 = require("react/jsx-runtime");
 var SIZE_STYLES = {
   sm: {
@@ -16739,7 +16761,7 @@ function SliderTooltip({
     }
   );
 }
-var Slider = React42.forwardRef(
+var Slider = React43.forwardRef(
   ({
     className,
     mode = "single",
@@ -16775,28 +16797,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) {
@@ -16807,14 +16829,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;
@@ -16830,7 +16852,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();
@@ -16838,7 +16860,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));
@@ -16846,7 +16868,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;
@@ -19182,7 +19204,7 @@ function FileUpload({
 }
 
 // src/components/Carousel.tsx
-var React45 = __toESM(require("react"), 1);
+var React46 = __toESM(require("react"), 1);
 var import_lucide_react29 = require("lucide-react");
 var import_jsx_runtime53 = require("react/jsx-runtime");
 function Carousel({
@@ -19208,16 +19230,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;
@@ -19225,7 +19247,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,
@@ -19320,7 +19342,7 @@ function Carousel({
     }
     return {};
   }, [effectPreset, effectiveAnimation]);
-  const mergedEffectOptions = React45.useMemo(
+  const mergedEffectOptions = React46.useMemo(
     () => ({
       mainScale: 1.04,
       sideScale: effectiveAnimation === "stack" ? 0.93 : 0.88,
@@ -19339,7 +19361,7 @@ function Carousel({
     }),
     [effectOptions, effectiveAnimation, presetEffectOptions]
   );
-  const scrollPrev = React45.useCallback(() => {
+  const scrollPrev = React46.useCallback(() => {
     setCurrentIndex((prev) => {
       if (prev === 0) {
         return loop ? maxIndex : 0;
@@ -19347,7 +19369,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;
@@ -19355,13 +19377,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();
@@ -19379,7 +19401,7 @@ function Carousel({
     },
     [scrollPrev, scrollNext, scrollTo, maxIndex]
   );
-  React45.useEffect(() => {
+  React46.useEffect(() => {
     const stop = () => {
       if (rafRef.current != null) {
         cancelAnimationFrame(rafRef.current);
@@ -19439,7 +19461,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;
@@ -19456,7 +19478,7 @@ function Carousel({
       scrollNext();
     }
   }, [isDeckAnimation, scrollNext, scrollPrev]);
-  React45.useEffect(() => {
+  React46.useEffect(() => {
     onSlideChange?.(currentIndex);
   }, [currentIndex, onSlideChange]);
   const getAnimationStyles2 = () => {
@@ -19470,7 +19492,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;
@@ -19482,7 +19504,7 @@ function Carousel({
     },
     [currentIndex, loop, totalSlides]
   );
-  const getDeckSlideStyles = React45.useCallback(
+  const getDeckSlideStyles = React46.useCallback(
     (index) => {
       const distance = getLoopDistance(index);
       const absDistance = Math.abs(distance);
@@ -19562,7 +19584,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__ */ (0, import_jsx_runtime53.jsx)(
@@ -19685,7 +19707,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__ */ (0, import_jsx_runtime53.jsx)(
+            children: React46.Children.map(children, (child, idx) => /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
               "button",
               {
                 onClick: () => scrollTo(idx),
@@ -19983,7 +20005,7 @@ function FallingIcons({
 }
 
 // src/components/List.tsx
-var React47 = __toESM(require("react"), 1);
+var React48 = __toESM(require("react"), 1);
 var import_lucide_react30 = require("lucide-react");
 var import_jsx_runtime55 = require("react/jsx-runtime");
 var SIZE_STYLES2 = {
@@ -20009,7 +20031,7 @@ var ListItemSkeleton = ({ size }) => {
     ] })
   ] });
 };
-var ListRoot = React47.forwardRef(
+var ListRoot = React48.forwardRef(
   ({
     as = "ul",
     ordered,
@@ -20030,7 +20052,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: "",
@@ -20084,14 +20106,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),
@@ -20106,7 +20128,7 @@ var ListRoot = React47.forwardRef(
   }
 );
 ListRoot.displayName = "List";
-var ListItem = React47.forwardRef(
+var ListItem = React48.forwardRef(
   ({
     as = "li",
     selected = false,
@@ -20129,7 +20151,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";
@@ -20197,7 +20219,7 @@ var List = Object.assign(ListRoot, { Item: ListItem });
 var List_default = List;
 
 // src/components/Watermark.tsx
-var React48 = __toESM(require("react"), 1);
+var React49 = __toESM(require("react"), 1);
 var import_react_dom5 = require("react-dom");
 var import_jsx_runtime56 = require("react/jsx-runtime");
 var PRESETS2 = {
@@ -20209,8 +20231,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;
@@ -20387,9 +20409,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;
@@ -20491,7 +20513,7 @@ var Watermark = ({
 var Watermark_default = Watermark;
 
 // src/components/Timeline.tsx
-var React49 = __toESM(require("react"), 1);
+var React50 = __toESM(require("react"), 1);
 var import_lucide_react31 = require("lucide-react");
 var import_jsx_runtime57 = require("react/jsx-runtime");
 var SIZE_STYLE = {
@@ -20544,7 +20566,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",
@@ -20572,7 +20594,7 @@ var Marker = ({ index, last, size, color, status = "default", lineColor, lineSty
     !last && showLine && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("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",
@@ -20602,7 +20624,7 @@ var TimelineRoot = React49.forwardRef(
   }
 );
 TimelineRoot.displayName = "Timeline";
-var TimelineItem = React49.forwardRef(
+var TimelineItem = React50.forwardRef(
   ({
     title,
     description,
@@ -20621,11 +20643,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;
@@ -20767,7 +20789,7 @@ var Timeline = Object.assign(TimelineRoot, { Item: TimelineItem });
 var Timeline_default = Timeline;
 
 // src/components/ColorPicker.tsx
-var React50 = __toESM(require("react"), 1);
+var React51 = __toESM(require("react"), 1);
 var import_lucide_react32 = require("lucide-react");
 var import_jsx_runtime58 = require("react/jsx-runtime");
 var clamp7 = (n, min, max) => Math.max(min, Math.min(max, n));
@@ -20962,12 +20984,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) {
@@ -23478,10 +23500,10 @@ function DataTable({
 var DataTable_default = DataTable;
 
 // src/components/Form.tsx
-var React64 = __toESM(require("react"), 1);
+var React65 = __toESM(require("react"), 1);
 var import_react_hook_form = require("react-hook-form");
 var import_jsx_runtime69 = require("react/jsx-runtime");
-var FormConfigContext = React64.createContext({ size: "md" });
+var FormConfigContext = React65.createContext({ size: "md" });
 var FormWrapper = ({
   children,
   onSubmit,
@@ -23494,7 +23516,7 @@ var FormWrapper = ({
   const methods = (0, import_react_hook_form.useForm)({
     defaultValues: initialValues
   });
-  React64.useEffect(() => {
+  React65.useEffect(() => {
     if (initialValues) {
       methods.reset(initialValues);
     }
@@ -23503,15 +23525,15 @@ var FormWrapper = ({
   return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_react_hook_form.FormProvider, { ...methods, children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(FormConfigContext.Provider, { value: { size }, children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("form", { onSubmit: methods.handleSubmit(onSubmit), className, ...formProps, children }) }) });
 };
 var Form = FormWrapper;
-var FormFieldContext = React64.createContext({});
+var FormFieldContext = React65.createContext({});
 var FormField = ({
   ...props
 }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_react_hook_form.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 } = (0, import_react_hook_form.useFormContext)();
   if (!fieldContext) {
     throw new Error("useFormField must be used within FormField");
@@ -23527,16 +23549,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__ */ (0, import_jsx_runtime69.jsx)(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("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__ */ (0, import_jsx_runtime69.jsxs)(
       Label,
@@ -23559,7 +23581,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__ */ (0, import_jsx_runtime69.jsx)(
     "div",
@@ -23573,12 +23595,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__ */ (0, import_jsx_runtime69.jsx)("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) {
@@ -23587,7 +23609,7 @@ var FormMessage = React64.forwardRef(({ className, children, ...props }, ref) =>
   return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("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__ */ (0, import_jsx_runtime69.jsx)(FormConfigContext.Consumer, { children: ({ size }) => /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+var FormInput = React65.forwardRef(({ name, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(FormConfigContext.Consumer, { children: ({ size }) => /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
   FormField,
   {
     name,
@@ -23598,7 +23620,7 @@ var FormInput = React64.forwardRef(({ name, ...props }, ref) => /* @__PURE__ */
   }
 ) }));
 FormInput.displayName = "FormInput";
-var FormCheckbox = React64.forwardRef(({ name, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(FormConfigContext.Consumer, { children: ({ size }) => /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+var FormCheckbox = React65.forwardRef(({ name, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(FormConfigContext.Consumer, { children: ({ size }) => /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
   FormField,
   {
     name,
@@ -23622,9 +23644,9 @@ var FormCheckbox = React64.forwardRef(({ name, ...props }, ref) => /* @__PURE__
   }
 ) }));
 FormCheckbox.displayName = "FormCheckbox";
-var FormActions = React64.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { ref, className: cn("flex gap-2 justify-end", className), ...props }));
+var FormActions = React65.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("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__ */ (0, import_jsx_runtime69.jsx)(FormConfigContext.Consumer, { children: ({ size }) => /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(Button_default, { ref, type: "submit", size: props.size ?? size, disabled: loading2, ...props, children }) })
 );
 FormSubmitButton.displayName = "FormSubmitButton";
@@ -23914,7 +23936,7 @@ var VARIANT_STYLES_ALERT = {
 };
 
 // src/contexts/translation-adapter.tsx
-var React66 = __toESM(require("react"), 1);
+var React67 = __toESM(require("react"), 1);
 var import_jsx_runtime74 = require("react/jsx-runtime");
 function isUnresolvedTranslation2(value, namespace, key) {
   return value === key || value === `${namespace}.${key}`;
@@ -23939,7 +23961,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)) {
@@ -25371,7 +25393,7 @@ function buildUEditorExtensions({
       types: ["heading", "paragraph", "image"]
     }),
     table_align_default.configure({
-      resizable: true,
+      resizable: editable,
       handleWidth: 10,
       allowTableNodeSelection: true,
       HTMLAttributes: {
@@ -32909,7 +32931,7 @@ function useTableRowResize({
 }
 
 // src/components/UEditor/use-table-interactions.ts
-function useUEditorTableInteractions(editor) {
+function useUEditorTableInteractions(editor, editable = true) {
   const editorContentRef = (0, import_react53.useRef)(null);
   const tableColumnGuideRef = (0, import_react53.useRef)(null);
   const tableRowGuideRef = (0, import_react53.useRef)(null);
@@ -33028,7 +33050,7 @@ function useUEditorTableInteractions(editor) {
     setActiveTableCell(getSelectionTableCell(editor.view));
   }, [editor, setActiveTableCell]);
   (0, import_react53.useEffect)(() => {
-    if (!editor) return void 0;
+    if (!editor || !editable) return void 0;
     const proseMirror = editor.view.dom;
     const surface = editorContentRef.current;
     let selectionSyncTimeoutId = 0;
@@ -33177,7 +33199,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,
@@ -33280,7 +33302,7 @@ var UEditor = import_react54.default.forwardRef(({
     tableColumnGuideRef,
     tableRowGuideRef,
     activeTableCellHighlightRef
-  } = useUEditorTableInteractions(editor);
+  } = useUEditorTableInteractions(editor, editable);
   (0, import_react54.useImperativeHandle)(
     ref,
     () => ({
@@ -33327,11 +33349,14 @@ var UEditor = import_react54.default.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: [
@@ -33365,7 +33390,7 @@ var UEditor = import_react54.default.forwardRef(({
             ref: editorContentRef,
             className: "relative flex-1 overflow-y-auto",
             style: {
-              minHeight,
+              minHeight: editable ? minHeight : void 0,
               maxHeight
             },
             children: [