@underverse-ui/underverse 1.0.165 → 1.0.167

package/dist/index.js

@@ -3349,6 +3349,9 @@ var Input_default = Input;
 import { useEffect as useEffect4, useMemo as useMemo3, useRef as useRef4, useState as useState6 } from "react";
 import { Search as Search2, X as X2, Smile, Leaf, Utensils, Dumbbell, Lightbulb, Hash, Flag } from "lucide-react";
 
+// src/components/emoji-ui.tsx
+import React11 from "react";
+
 // src/components/Tooltip.tsx
 import * as React10 from "react";
 import { createPortal } from "react-dom";
@@ -3718,22 +3721,63 @@ function formatEmojiName(name) {
 function formatEmojiCountLabel(template, shown, total) {
   return template.replace("{shown}", String(shown)).replace("{total}", String(total));
 }
+function getEmojiUnifiedCode(emoji) {
+  const codePoints = [];
+  for (let i = 0; i < emoji.length; ) {
+    const codePoint = emoji.codePointAt(i);
+    if (codePoint === void 0) break;
+    let hex = codePoint.toString(16).toLowerCase();
+    if (hex.length < 4) {
+      hex = hex.padStart(4, "0");
+    }
+    codePoints.push(hex);
+    i += codePoint > 65535 ? 2 : 1;
+  }
+  return codePoints.join("-");
+}
+var globalEmojiBaseUrl = "https://underverse.infiniq.com.vn/emojis";
+function setEmojiBaseUrl(url) {
+  globalEmojiBaseUrl = url.endsWith("/") ? url.slice(0, -1) : url;
+}
+function getEmojiImageUrl(unified) {
+  return `${globalEmojiBaseUrl}/${unified}.png`;
+}
 var EmojiGridButton = ({ emoji, name, onClick, className, active = false }) => {
-  return /* @__PURE__ */ jsx12(Tooltip, { placement: "top", content: /* @__PURE__ */ jsx12("span", { className: "text-xs font-medium", children: formatEmojiName(name) }), children: /* @__PURE__ */ jsx12(
+  const [hasError, setHasError] = React11.useState(false);
+  const [isHovered, setIsHovered] = React11.useState(false);
+  const unified = React11.useMemo(() => getEmojiUnifiedCode(emoji), [emoji]);
+  const button = /* @__PURE__ */ jsx12(
     "button",
     {
       type: "button",
       "aria-label": formatEmojiName(name),
       onClick,
+      onMouseEnter: () => setIsHovered(true),
+      onMouseLeave: () => setIsHovered(false),
       className: cn(
-        "flex h-9 w-9 items-center justify-center rounded-lg transition-colors",
+        "group flex h-9 w-9 items-center justify-center rounded-xl transition-all duration-300",
+        "bg-transparent hover:bg-primary/10 border border-transparent hover:border-primary/20",
         "focus:outline-none focus:ring-2 focus:ring-primary/20",
-        active ? "bg-primary/10 ring-2 ring-primary/30" : "hover:bg-accent",
+        "scale-100 hover:scale-110 active:scale-95",
+        active ? "bg-primary/15 border-primary/30 ring-2 ring-primary/20" : "",
         className
       ),
-      children: emoji
+      children: hasError ? /* @__PURE__ */ jsx12("span", { className: "text-2xl transition-transform duration-300 group-hover:rotate-6", children: emoji }) : /* @__PURE__ */ jsx12(
+        "img",
+        {
+          src: getEmojiImageUrl(unified),
+          alt: emoji,
+          onError: () => setHasError(true),
+          className: "h-6.5 w-6.5 object-contain transition-all duration-300 group-hover:rotate-6 group-hover:drop-shadow-[0_2px_5px_rgba(0,0,0,0.15)]",
+          loading: "lazy"
+        }
+      )
     }
-  ) });
+  );
+  if (!isHovered) {
+    return button;
+  }
+  return /* @__PURE__ */ jsx12(Tooltip, { placement: "top", content: /* @__PURE__ */ jsx12("span", { className: "text-xs font-medium", children: formatEmojiName(name) }), children: button });
 };
 
 // src/components/UEditor/emojis.ts
@@ -4583,9 +4627,13 @@ var EmojiPicker = ({
       ref: assignRef2 ? (el) => {
         categoryRefs.current[category.id] = el;
       } : void 0,
+      className: "scroll-mt-3 mb-2",
       children: [
-        /* @__PURE__ */ jsx13("div", { className: "sticky top-0 z-10 bg-card py-1 text-xs font-semibold uppercase tracking-wider text-muted-foreground", children: category.name }),
-        /* @__PURE__ */ jsx13("div", { className: "grid gap-1", style: gridStyle, children: category.emojis.map((emoji) => /* @__PURE__ */ jsx13(
+        /* @__PURE__ */ jsxs7("div", { className: "sticky top-0 z-10 bg-card/85 backdrop-blur-md py-1.5 px-2 text-[10px] font-bold uppercase tracking-wider text-muted-foreground/90 border-b border-border/5 mb-2 flex items-center gap-1.5 rounded-lg select-none", children: [
+          /* @__PURE__ */ jsx13("span", { className: "w-1.5 h-1.5 rounded-full bg-primary/70 animate-pulse" }),
+          category.name
+        ] }),
+        /* @__PURE__ */ jsx13("div", { className: "grid gap-1.5 p-1", style: gridStyle, children: category.emojis.map((emoji) => /* @__PURE__ */ jsx13(
           EmojiGridButton,
           {
             emoji: emoji.emoji,
@@ -4599,10 +4647,10 @@ var EmojiPicker = ({
     },
     category.id
   );
-  const searchResultContent = filteredCategories.length > 0 ? filteredCategories.map((category) => /* @__PURE__ */ jsx13("div", { className: "mb-4", children: renderEmojiCategory(category) }, category.id)) : /* @__PURE__ */ jsxs7("div", { className: "flex h-full flex-col items-center justify-center text-center", children: [
-    /* @__PURE__ */ jsx13("div", { className: "mb-2 text-4xl", children: "\u{1F50D}" }),
-    /* @__PURE__ */ jsx13("div", { className: "text-sm font-medium text-muted-foreground", children: resolvedEmptyText }),
-    /* @__PURE__ */ jsx13("div", { className: "mt-1 text-xs text-muted-foreground", children: resolvedEmptyHint })
+  const searchResultContent = filteredCategories.length > 0 ? filteredCategories.map((category) => /* @__PURE__ */ jsx13("div", { className: "mb-4 animate-fade-in", children: renderEmojiCategory(category) }, category.id)) : /* @__PURE__ */ jsxs7("div", { className: "flex h-full flex-col items-center justify-center text-center py-12 animate-fade-in", children: [
+    /* @__PURE__ */ jsx13("div", { className: "mb-3 text-4xl animate-bounce", children: "\u{1F50D}" }),
+    /* @__PURE__ */ jsx13("div", { className: "text-sm font-semibold text-muted-foreground", children: resolvedEmptyText }),
+    /* @__PURE__ */ jsx13("div", { className: "mt-1 text-xs text-muted-foreground/80", children: resolvedEmptyHint })
   ] });
   const handleEmojiClick = (emoji) => {
     onEmojiSelect(emoji);
@@ -4622,13 +4670,13 @@ var EmojiPicker = ({
     "div",
     {
       className: cn(
-        "flex max-h-128 w-96 flex-col overflow-hidden",
-        isEmbedded ? "bg-transparent" : "rounded-2xl border border-border bg-card shadow-xl",
+        "flex max-h-128 w-96 flex-col overflow-hidden transition-all duration-300",
+        isEmbedded ? "bg-transparent" : "rounded-3xl border border-border/10 bg-gradient-to-b from-card/98 to-card/95 backdrop-blur-2xl shadow-[0_20px_50px_rgba(0,0,0,0.18)] dark:shadow-[0_20px_50px_rgba(0,0,0,0.45)] shadow-primary/2",
         className
       ),
       children: [
-        showSearch && /* @__PURE__ */ jsx13("div", { className: "shrink-0 border-b p-3 bg-transparent", children: /* @__PURE__ */ jsxs7("div", { className: "relative", children: [
-          /* @__PURE__ */ jsx13(Search2, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }),
+        showSearch && /* @__PURE__ */ jsx13("div", { className: "shrink-0 border-b border-border/10 p-3.5 bg-card/10", children: /* @__PURE__ */ jsxs7("div", { className: "relative group", children: [
+          /* @__PURE__ */ jsx13(Search2, { className: "absolute left-3.5 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground/60 transition-colors group-focus-within:text-primary" }),
           /* @__PURE__ */ jsx13(
             "input",
             {
@@ -4637,8 +4685,9 @@ var EmojiPicker = ({
               value: search,
               onChange: (e) => setSearch(e.target.value),
               className: cn(
-                "w-full rounded-full border border-border bg-background/90 py-2 pl-9 pr-9 text-sm shadow-sm",
-                "placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-primary/20"
+                "w-full rounded-2xl border border-border/10 bg-muted/20 py-2 pl-9.5 pr-9 text-sm transition-all duration-300",
+                "placeholder:text-muted-foreground/60 focus:outline-none focus:ring-2 focus:ring-primary/15 focus:border-primary/20",
+                "focus:bg-background/90 focus:shadow-[0_0_12px_rgba(var(--color-primary-rgb),0.04)]"
               )
             }
           ),
@@ -4647,13 +4696,21 @@ var EmojiPicker = ({
             {
               type: "button",
               onClick: () => setSearch(""),
-              className: "absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground",
+              className: "absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground/60 hover:text-foreground transition-colors",
               children: /* @__PURE__ */ jsx13(X2, { className: "h-4 w-4" })
             }
           )
         ] }) }),
-        /* @__PURE__ */ jsx13("div", { ref: scrollContainerRef, className: "shrink overflow-y-auto px-3 py-2", style: { height: maxHeight }, children: search ? searchResultContent : /* @__PURE__ */ jsx13("div", { className: "space-y-4", children: EMOJI_LIST.map((category) => renderEmojiCategory(category, true)) }) }),
-        !search && showCategoryNav && /* @__PURE__ */ jsx13("div", { className: cn("flex shrink-0 items-center justify-around border-t px-2 py-2", isEmbedded ? "bg-transparent" : "bg-muted/30"), children: EMOJI_LIST.map((category) => {
+        /* @__PURE__ */ jsx13(
+          "div",
+          {
+            ref: scrollContainerRef,
+            className: "shrink overflow-y-auto px-4 py-3 scrollbar-thin scrollbar-thumb-muted-foreground/15 hover:scrollbar-thumb-muted-foreground/25 scrollbar-track-transparent transition-all duration-200",
+            style: { height: maxHeight },
+            children: search ? searchResultContent : /* @__PURE__ */ jsx13("div", { className: "space-y-3", children: EMOJI_LIST.map((category) => renderEmojiCategory(category, true)) })
+          }
+        ),
+        !search && showCategoryNav && /* @__PURE__ */ jsx13("div", { className: cn("flex shrink-0 items-center justify-around border-t border-border/10 px-3 py-2 backdrop-blur-md bg-muted/5"), children: EMOJI_LIST.map((category) => {
           const IconComponent = CATEGORY_ICONS[category.id] || Smile;
           return /* @__PURE__ */ jsx13(
             "button",
@@ -4661,10 +4718,10 @@ var EmojiPicker = ({
               type: "button",
               onClick: () => handleCategoryClick(category.id),
               className: cn(
-                "rounded-lg p-2 transition-colors",
-                activeCategory === category.id ? "bg-primary/10 text-primary" : "text-muted-foreground hover:bg-accent hover:text-foreground"
+                "rounded-2xl p-2.5 transition-all duration-300",
+                activeCategory === category.id ? "bg-primary/10 text-primary scale-115 shadow-sm shadow-primary/5" : "text-muted-foreground/60 hover:bg-muted/40 hover:text-foreground hover:scale-105"
               ),
-              children: /* @__PURE__ */ jsx13(Tooltip, { placement: "top", content: /* @__PURE__ */ jsx13("span", { className: "text-xs font-medium", children: category.name }), children: /* @__PURE__ */ jsx13("span", { className: "inline-flex", children: /* @__PURE__ */ jsx13(IconComponent, { className: "h-5 w-5" }) }) })
+              children: /* @__PURE__ */ jsx13(Tooltip, { placement: "top", content: /* @__PURE__ */ jsx13("span", { className: "text-xs font-semibold", children: category.name }), children: /* @__PURE__ */ jsx13("span", { className: "inline-flex", children: /* @__PURE__ */ jsx13(IconComponent, { className: "h-4 w-4" }) }) })
             },
             category.id
           );
@@ -4971,7 +5028,7 @@ TagInput.displayName = "TagInput";
 var TagInput_default = TagInput;
 
 // src/components/Switch.tsx
-import * as React13 from "react";
+import * as React14 from "react";
 import { jsx as jsx15, jsxs as jsxs9 } from "react/jsx-runtime";
 var Switch = ({
   checked,
@@ -4984,7 +5041,7 @@ var Switch = ({
   className,
   ...props
 }) => {
-  const [isPressed, setIsPressed] = React13.useState(false);
+  const [isPressed, setIsPressed] = React14.useState(false);
   const sizeClasses2 = {
     sm: {
       track: "w-8 h-4",
@@ -5079,13 +5136,13 @@ Switch.displayName = "Switch";
 var Switch_default = Switch;
 
 // src/components/label.tsx
-import * as React14 from "react";
+import * as React15 from "react";
 import { cva } from "class-variance-authority";
 import { jsx as jsx16 } from "react/jsx-runtime";
 var labelVariants = cva(
   "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
 );
-var Label = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx16(
+var Label = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx16(
   "label",
   {
     ref,
@@ -5096,11 +5153,11 @@ var Label = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
 Label.displayName = "Label";
 
 // src/components/Avatar.tsx
-import * as React16 from "react";
+import * as React17 from "react";
 
 // src/components/SmartImage.tsx
 import Image2 from "next/image";
-import React15 from "react";
+import React16 from "react";
 import { jsx as jsx17 } from "react/jsx-runtime";
 var DEFAULT_FALLBACK = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400' viewBox='0 0 400 400'%3E%3Crect fill='%23f3f4f6' width='400' height='400'/%3E%3Cpath fill='%239ca3af' d='M160 150h80v60h-80z'/%3E%3Ccircle fill='%239ca3af' cx='180' cy='130' r='20'/%3E%3Cpath fill='%239ca3af' d='M120 240l60-60 40 40 40-30 60 50v40H120z'/%3E%3C/svg%3E";
 var FAILED_SRCS = /* @__PURE__ */ new Set();
@@ -5123,7 +5180,7 @@ function SmartImage({
   transition = false,
   unoptimized = false
 }) {
-  const normalize2 = React15.useCallback(
+  const normalize2 = React16.useCallback(
     (input) => {
       if (!input || input.length === 0) return fallbackSrc;
       const raw = input.trim();
@@ -5144,8 +5201,8 @@ function SmartImage({
     },
     [fallbackSrc]
   );
-  const [resolvedSrc, setResolvedSrc] = React15.useState(() => normalize2(src));
-  React15.useEffect(() => {
+  const [resolvedSrc, setResolvedSrc] = React16.useState(() => normalize2(src));
+  React16.useEffect(() => {
     const next = normalize2(src);
     setResolvedSrc((current) => current === next ? current : next);
   }, [normalize2, src]);
@@ -5233,7 +5290,7 @@ var statusDotSizes = {
   lg: "w-4 h-4 border-2",
   xl: "w-5 h-5 border-[3px]"
 };
-var Avatar = React16.memo(function Avatar2({
+var Avatar = React17.memo(function Avatar2({
   src,
   alt = "avatar",
   fallback = "?",
@@ -5444,7 +5501,7 @@ var SkeletonTable = ({ rows = 5, columns = 4, className }) => {
 var Skeleton_default = Skeleton;
 
 // src/components/Progress.tsx
-import React17 from "react";
+import React18 from "react";
 import { Check as Check2, X as X4, Clock } from "lucide-react";
 import { Fragment as Fragment4, jsx as jsx20, jsxs as jsxs12 } from "react/jsx-runtime";
 var variantStyles3 = {
@@ -5478,8 +5535,8 @@ var Progress = ({
   const percentage = Math.min(Math.max(value / max * 100, 0), 100);
   const isComplete = status === "complete" || percentage >= 100;
   const isError = status === "error";
-  const labelId = React17.useId();
-  const descId = React17.useId();
+  const labelId = React18.useId();
+  const descId = React18.useId();
   const getStatusIcon = () => {
     if (isComplete) return /* @__PURE__ */ jsx20(Check2, { className: "w-4 h-4 text-success" });
     if (isError) return /* @__PURE__ */ jsx20(X4, { className: "w-4 h-4 text-destructive" });
@@ -5812,7 +5869,7 @@ var LoadingProgress = ({
 };
 
 // src/components/Modal.tsx
-import * as React18 from "react";
+import * as React19 from "react";
 import { createPortal as createPortal2 } from "react-dom";
 import { X as X5 } from "lucide-react";
 import { jsx as jsx21, jsxs as jsxs13 } from "react/jsx-runtime";
@@ -5842,17 +5899,17 @@ var Modal = ({
   height
 }) => {
   const gi18n = useGlobalI18n();
-  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(() => {
+  const [isMounted, setIsMounted] = React19.useState(false);
+  const [isVisible, setIsVisible] = React19.useState(false);
+  const [isAnimating, setIsAnimating] = React19.useState(true);
+  const mouseDownTarget = React19.useRef(null);
+  const modalContentRef = React19.useRef(null);
+  React19.useEffect(() => {
     setIsMounted(true);
     return () => setIsMounted(false);
   }, []);
-  const animationRef = React18.useRef(false);
-  React18.useEffect(() => {
+  const animationRef = React19.useRef(false);
+  React19.useEffect(() => {
     if (isOpen) {
       if (animationRef.current) return;
       animationRef.current = true;
@@ -5872,7 +5929,7 @@ var Modal = ({
       }
     }
   }, [isOpen, isVisible]);
-  React18.useEffect(() => {
+  React19.useEffect(() => {
     if (!isOpen || !closeOnEsc) return;
     const handleEscape = (event) => {
       if (event.key === "Escape") {
@@ -5882,7 +5939,7 @@ var Modal = ({
     document.addEventListener("keydown", handleEscape);
     return () => document.removeEventListener("keydown", handleEscape);
   }, [isOpen, closeOnEsc, onClose]);
-  React18.useEffect(() => {
+  React19.useEffect(() => {
     if (isOpen) {
       document.body.style.overflow = "hidden";
     } else {
@@ -6168,7 +6225,7 @@ var ToastComponent = ({ toast, onRemove }) => {
 var Toast_default = ToastProvider;
 
 // src/components/Popover.tsx
-import * as React20 from "react";
+import * as React21 from "react";
 import { createPortal as createPortal3 } from "react-dom";
 
 // src/utils/animations.ts
@@ -6458,14 +6515,14 @@ var Popover = ({
   contentWidth
 }) => {
   const isControlled = open !== void 0;
-  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);
+  const [internalOpen, setInternalOpen] = React21.useState(false);
+  const triggerRef = React21.useRef(null);
+  const positionerRef = React21.useRef(null);
+  const panelRef = React21.useRef(null);
+  const lastAppliedRef = React21.useRef(null);
   useShadCNAnimations();
   const isOpen = isControlled ? open : internalOpen;
-  const setIsOpen = React20.useCallback(
+  const setIsOpen = React21.useCallback(
     (next) => {
       if (!isControlled) setInternalOpen(next);
       onOpenChange?.(next);
@@ -6474,16 +6531,16 @@ var Popover = ({
   );
   const offset = 4;
   const padding = 8;
-  const triggerSelector = React20.useId();
-  const initialPlacement = React20.useMemo(() => normalizePlacement(placement), [placement]);
-  React20.useLayoutEffect(() => {
+  const triggerSelector = React21.useId();
+  const initialPlacement = React21.useMemo(() => normalizePlacement(placement), [placement]);
+  React21.useLayoutEffect(() => {
     if (typeof document === "undefined") return;
     const triggerEl = document.querySelector(`[data-underverse-popover-trigger="${triggerSelector}"]`);
     if (triggerEl) {
       triggerRef.current = triggerEl;
     }
   }, [triggerSelector, trigger]);
-  const updatePosition = React20.useCallback(() => {
+  const updatePosition = React21.useCallback(() => {
     const triggerEl = triggerRef.current;
     const positionerEl = positionerRef.current;
     const panelEl = panelRef.current;
@@ -6520,7 +6577,7 @@ var Popover = ({
     if (positionerEl.style.visibility !== "visible") positionerEl.style.visibility = "visible";
     if (positionerEl.style.pointerEvents !== "auto") positionerEl.style.pointerEvents = "auto";
   }, [placement, matchTriggerWidth, contentWidth]);
-  React20.useLayoutEffect(() => {
+  React21.useLayoutEffect(() => {
     if (!isOpen) return;
     updatePosition();
     let raf1 = 0;
@@ -6534,7 +6591,7 @@ var Popover = ({
       cancelAnimationFrame(raf2);
     };
   }, [isOpen, updatePosition]);
-  React20.useEffect(() => {
+  React21.useEffect(() => {
     if (!isOpen) return;
     let raf = 0;
     const tick = () => {
@@ -6544,7 +6601,7 @@ var Popover = ({
     raf = window.requestAnimationFrame(tick);
     return () => window.cancelAnimationFrame(raf);
   }, [isOpen, updatePosition]);
-  React20.useEffect(() => {
+  React21.useEffect(() => {
     if (!isOpen) return;
     let raf = 0;
     const handler = () => {
@@ -6562,7 +6619,7 @@ var Popover = ({
       document.removeEventListener("scroll", handler, true);
     };
   }, [isOpen, updatePosition]);
-  React20.useEffect(() => {
+  React21.useEffect(() => {
     if (!isOpen) return;
     if (typeof ResizeObserver === "undefined") return;
     const ro = new ResizeObserver(() => updatePosition());
@@ -6570,13 +6627,13 @@ var Popover = ({
     if (triggerRef.current) ro.observe(triggerRef.current);
     return () => ro.disconnect();
   }, [isOpen, updatePosition]);
-  React20.useLayoutEffect(() => {
+  React21.useLayoutEffect(() => {
     if (!isOpen) {
       lastAppliedRef.current = null;
       return;
     }
   }, [isOpen]);
-  React20.useEffect(() => {
+  React21.useEffect(() => {
     if (!isOpen) return;
     const handleClickOutside = (event) => {
       const target = event.target;
@@ -6663,7 +6720,7 @@ var Popover = ({
     (() => {
       const triggerProps = trigger.props;
       const childRef = triggerProps.ref;
-      return React20.cloneElement(trigger, {
+      return React21.cloneElement(trigger, {
         ...triggerProps,
         ref: mergeRefs(childRef, (node) => {
           triggerRef.current = node;
@@ -6693,7 +6750,7 @@ var Popover = ({
 };
 
 // src/components/Sheet.tsx
-import * as React21 from "react";
+import * as React22 from "react";
 import { createPortal as createPortal4 } from "react-dom";
 import { X as X7 } from "lucide-react";
 import { jsx as jsx24, jsxs as jsxs16 } from "react/jsx-runtime";
@@ -6779,19 +6836,19 @@ var Sheet = ({
   onResize
 }) => {
   const gi18n = useGlobalI18n();
-  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 [mounted, setMounted] = React22.useState(false);
+  const [isAnimating, setIsAnimating] = React22.useState(true);
+  const [isVisible, setIsVisible] = React22.useState(false);
+  const [isResizing, setIsResizing] = React22.useState(false);
+  const [sheetSize, setSheetSize] = React22.useState(null);
+  const sheetRef = React22.useRef(null);
+  const resizeStateRef = React22.useRef(null);
   const isHorizontalSheet = side === "left" || side === "right";
   const canResize = resizable && size !== "full";
-  React21.useEffect(() => {
+  React22.useEffect(() => {
     setMounted(true);
   }, []);
-  React21.useEffect(() => {
+  React22.useEffect(() => {
     if (!closeOnEscape) return;
     const handleEscape = (e) => {
       if (e.key === "Escape" && open) {
@@ -6801,7 +6858,7 @@ var Sheet = ({
     document.addEventListener("keydown", handleEscape);
     return () => document.removeEventListener("keydown", handleEscape);
   }, [open, closeOnEscape, onOpenChange]);
-  React21.useEffect(() => {
+  React22.useEffect(() => {
     if (open) {
       document.body.style.overflow = "hidden";
     } else {
@@ -6811,7 +6868,7 @@ var Sheet = ({
       document.body.style.overflow = "unset";
     };
   }, [open]);
-  React21.useEffect(() => {
+  React22.useEffect(() => {
     if (open) {
       setIsVisible(true);
       setIsAnimating(true);
@@ -6834,19 +6891,19 @@ var Sheet = ({
   const handleClose = () => {
     onOpenChange(false);
   };
-  const clampResizeSize = React21.useCallback((nextSize) => {
+  const clampResizeSize = React22.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 = React21.useCallback(() => {
+  const endResize = React22.useCallback(() => {
     if (!resizeStateRef.current) return;
     resizeStateRef.current = null;
     setIsResizing(false);
     document.body.style.cursor = "";
     document.body.style.userSelect = "";
   }, []);
-  const handleResizePointerMove = React21.useCallback((event) => {
+  const handleResizePointerMove = React22.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;
@@ -6854,12 +6911,12 @@ var Sheet = ({
     setSheetSize(nextSize);
     onResize?.(nextSize);
   }, [clampResizeSize, isHorizontalSheet, onResize, side]);
-  const handleResizePointerUp = React21.useCallback((event) => {
+  const handleResizePointerUp = React22.useCallback((event) => {
     const resizeState = resizeStateRef.current;
     if (!resizeState || event.pointerId !== resizeState.pointerId) return;
     endResize();
   }, [endResize]);
-  React21.useEffect(() => {
+  React22.useEffect(() => {
     if (!isResizing) return void 0;
     window.addEventListener("pointermove", handleResizePointerMove);
     window.addEventListener("pointerup", handleResizePointerUp);
@@ -6870,10 +6927,10 @@ var Sheet = ({
       window.removeEventListener("pointercancel", handleResizePointerUp);
     };
   }, [handleResizePointerMove, handleResizePointerUp, isResizing]);
-  React21.useEffect(() => {
+  React22.useEffect(() => {
     if (!open) endResize();
   }, [endResize, open]);
-  React21.useEffect(() => endResize, [endResize]);
+  React22.useEffect(() => endResize, [endResize]);
   const handleResizePointerDown = (event) => {
     if (!canResize || !sheetRef.current) return;
     const rect = sheetRef.current.getBoundingClientRect();
@@ -7091,7 +7148,7 @@ var Alert = ({
 var Alert_default = Alert;
 
 // src/components/GlobalLoading.tsx
-import React22, { useEffect as useEffect10, useState as useState14 } from "react";
+import React23, { useEffect as useEffect10, useState as useState14 } from "react";
 import { Activity as Activity2 } from "lucide-react";
 
 // src/utils/loading.ts
@@ -7197,7 +7254,7 @@ var InlineLoading = ({ isLoading, text, className, size = "md" }) => {
   ] });
 };
 var ButtonLoading = ({ isLoading, children, className, disabled, loadingText }) => {
-  const child = React22.isValidElement(children) ? React22.cloneElement(children, {
+  const child = React23.isValidElement(children) ? React23.cloneElement(children, {
     disabled: (children.props?.disabled ?? false) || disabled || isLoading,
     "aria-busy": isLoading || void 0
   }) : children;
@@ -7211,7 +7268,7 @@ var ButtonLoading = ({ isLoading, children, className, disabled, loadingText })
 };
 
 // src/components/Breadcrumb.tsx
-import * as React23 from "react";
+import * as React24 from "react";
 import { ChevronRight, Home, MoreHorizontal } from "lucide-react";
 import { jsx as jsx27, jsxs as jsxs19 } from "react/jsx-runtime";
 var NextLink = null;
@@ -7259,8 +7316,8 @@ var Breadcrumb = ({
   collapsible = true
 }) => {
   const gi18n = useGlobalI18n();
-  const [isCollapsed, setIsCollapsed] = React23.useState(false);
-  React23.useEffect(() => {
+  const [isCollapsed, setIsCollapsed] = React24.useState(false);
+  React24.useEffect(() => {
     if (collapsible && items.length > maxItems) {
       setIsCollapsed(true);
     }
@@ -7278,7 +7335,7 @@ var Breadcrumb = ({
     const SeparatorComponent = separator;
     return /* @__PURE__ */ jsx27(SeparatorComponent, { className: cn("text-muted-foreground", sizeStyles5[size].icon) });
   };
-  const processedItems = React23.useMemo(() => {
+  const processedItems = React24.useMemo(() => {
     let finalItems = [...items];
     if (showHome && finalItems[0]?.href !== homeHref) {
       finalItems.unshift({
@@ -7351,7 +7408,7 @@ var Breadcrumb = ({
 var Breadcrumb_default = Breadcrumb;
 
 // src/components/Tab.tsx
-import * as React24 from "react";
+import * as React25 from "react";
 import { jsx as jsx28, jsxs as jsxs20 } from "react/jsx-runtime";
 var sizeStyles6 = {
   sm: {
@@ -7449,11 +7506,11 @@ var Tabs = ({
   noContentPadding = false,
   animateContent = true
 }) => {
-  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 [active, setActive] = React25.useState(defaultValue || tabs[0]?.value);
+  const [underlineStyle, setUnderlineStyle] = React25.useState({});
+  const tabRefs = React25.useRef([]);
+  const autoId = React25.useId();
+  const baseId = React25.useMemo(() => getTabsBaseId(tabs, id, autoId), [autoId, id, tabs]);
   const handleTabChange = (value) => {
     setActive(value);
     onTabChange?.(value);
@@ -7480,7 +7537,7 @@ var Tabs = ({
       tabRefs.current[next]?.focus();
     }
   };
-  React24.useEffect(() => {
+  React25.useEffect(() => {
     if (variant === "underline" && orientation === "horizontal") {
       const activeIndex2 = tabs.findIndex((tab) => tab.value === active);
       const activeTab2 = tabRefs.current[activeIndex2];
@@ -7493,7 +7550,7 @@ var Tabs = ({
       }
     }
   }, [active, variant, orientation, tabs]);
-  React24.useEffect(() => {
+  React25.useEffect(() => {
     if (typeof window === "undefined") return;
     const syncFromHash = () => {
       const nextValue = resolveTabValueFromHash(window.location.hash, tabs, baseId);
@@ -7623,18 +7680,18 @@ var VerticalTabs = ({ sidebarWidth = "w-48", className, ...props }) => {
 };
 
 // src/components/DropdownMenu.tsx
-import React25, { useState as useState17 } from "react";
+import React26, { useState as useState17 } from "react";
 import { ChevronRight as ChevronRight2 } from "lucide-react";
 import { jsx as jsx29, jsxs as jsxs21 } from "react/jsx-runtime";
-var DropdownMenuContext = React25.createContext(null);
+var DropdownMenuContext = React26.createContext(null);
 function useDropdownMenuClose() {
-  return React25.useContext(DropdownMenuContext)?.closeMenu ?? (() => {
+  return React26.useContext(DropdownMenuContext)?.closeMenu ?? (() => {
   });
 }
 function useResettingIndex(resetToken) {
-  const [state, setState] = React25.useState({ resetToken, index: -1 });
+  const [state, setState] = React26.useState({ resetToken, index: -1 });
   const activeIndex = Object.is(state.resetToken, resetToken) ? state.index : -1;
-  const setActiveIndex = React25.useCallback((nextIndex) => {
+  const setActiveIndex = React26.useCallback((nextIndex) => {
     setState((prev) => {
       const prevIndex = Object.is(prev.resetToken, resetToken) ? prev.index : -1;
       return {
@@ -7659,7 +7716,7 @@ var DropdownMenu = ({
 }) => {
   const [internalOpen, setInternalOpen] = useState17(false);
   const open = isOpen !== void 0 ? isOpen : internalOpen;
-  const setOpen = React25.useCallback(
+  const setOpen = React26.useCallback(
     (nextOpen) => {
       if (isOpen === void 0) {
         setInternalOpen(nextOpen);
@@ -7668,21 +7725,21 @@ var DropdownMenu = ({
     },
     [isOpen, onOpenChange]
   );
-  const triggerRef = React25.useRef(null);
-  const menuRef = React25.useRef(null);
-  const itemsRef = React25.useRef([]);
+  const triggerRef = React26.useRef(null);
+  const menuRef = React26.useRef(null);
+  const itemsRef = React26.useRef([]);
   const [activeIndex, setActiveIndex] = useResettingIndex(open);
-  const parentMenu = React25.useContext(DropdownMenuContext);
-  const closeMenu = React25.useCallback(() => {
+  const parentMenu = React26.useContext(DropdownMenuContext);
+  const closeMenu = React26.useCallback(() => {
     setOpen(false);
     parentMenu?.closeMenu();
   }, [parentMenu, setOpen]);
-  const getEnabledMenuItems = React25.useCallback(() => {
+  const getEnabledMenuItems = React26.useCallback(() => {
     const menuEl = menuRef.current;
     if (!menuEl) return [];
     return Array.from(menuEl.querySelectorAll("[data-dropdown-menu-item]")).filter((el) => !el.disabled);
   }, []);
-  const focusMenuItem = React25.useCallback((index) => {
+  const focusMenuItem = React26.useCallback((index) => {
     const enabled = getEnabledMenuItems();
     const item = enabled[index];
     if (!item) return;
@@ -7691,7 +7748,7 @@ var DropdownMenu = ({
     item.scrollIntoView({ block: "nearest" });
   }, [getEnabledMenuItems, setActiveIndex]);
   useShadCNAnimations();
-  React25.useEffect(() => {
+  React26.useEffect(() => {
     if (!open) return;
     const handleKeyNav = (e) => {
       const active = document.activeElement;
@@ -7728,7 +7785,7 @@ var DropdownMenu = ({
       document.removeEventListener("keydown", handleKeyNav, true);
     };
   }, [open, activeIndex, closeMenu, focusMenuItem, getEnabledMenuItems]);
-  const menuContext = React25.useMemo(
+  const menuContext = React26.useMemo(
     () => ({
       closeMenu,
       closeOnSelect
@@ -7775,7 +7832,7 @@ var DropdownMenu = ({
   }) : children }) });
   const triggerProps = trigger.props;
   const childRef = triggerProps.ref;
-  const enhancedTrigger = React25.cloneElement(trigger, {
+  const enhancedTrigger = React26.cloneElement(trigger, {
     ...triggerProps,
     ref: mergeRefs(childRef, (node) => {
       triggerRef.current = node;
@@ -7832,7 +7889,7 @@ var DropdownMenuItem = ({
   className,
   closeOnSelect
 }) => {
-  const menu = React25.useContext(DropdownMenuContext);
+  const menu = React26.useContext(DropdownMenuContext);
   const shouldCloseOnSelect = closeOnSelect ?? menu?.closeOnSelect ?? false;
   return /* @__PURE__ */ jsxs21(
     "button",
@@ -7923,11 +7980,11 @@ var SelectDropdown = ({ options, value, onChange, placeholder = "Select...", cla
 var DropdownMenu_default = DropdownMenu;
 
 // src/components/Pagination.tsx
-import * as React27 from "react";
+import * as React28 from "react";
 import { ChevronLeft, ChevronRight as ChevronRight3, ChevronsLeft, ChevronsRight } from "lucide-react";
 
 // src/components/Combobox.tsx
-import * as React26 from "react";
+import * as React27 from "react";
 import { useId as useId6 } from "react";
 import { useVirtualizer } from "@tanstack/react-virtual";
 import { ChevronDown, Search as Search4, SearchX, Check as Check3, X as X9 } from "lucide-react";
@@ -8009,13 +8066,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] = React26.useState(false);
-  const [query, setQuery] = React26.useState("");
-  const [activeIndex, setActiveIndex] = React26.useState(null);
-  const [localRequiredError, setLocalRequiredError] = React26.useState();
+  const [open, setOpen] = React27.useState(false);
+  const [query, setQuery] = React27.useState("");
+  const [activeIndex, setActiveIndex] = React27.useState(null);
+  const [localRequiredError, setLocalRequiredError] = React27.useState();
   useShadCNAnimations();
-  const inputRef = React26.useRef(null);
-  const optionsViewportRef = React26.useRef(null);
+  const inputRef = React27.useRef(null);
+  const optionsViewportRef = React27.useRef(null);
   useOverlayScrollbarTarget(optionsViewportRef, { enabled: open && useOverlayScrollbar && !virtualized });
   const autoId = useId6();
   const resolvedId = id ? String(id) : `combobox-${autoId}`;
@@ -8024,7 +8081,7 @@ var Combobox = ({
   const trimmedQuery = query.trim();
   const queryMeetsMinimum = trimmedQuery.length >= minSearchLength;
   const shouldPromptForSearch = minSearchLength > 0 && !queryMeetsMinimum && (searchMode === "manual" || showSearchPromptWhenEmptyQuery);
-  const filteredOptions = React26.useMemo(
+  const filteredOptions = React27.useMemo(
     () => {
       if (shouldPromptForSearch) return [];
       if (!enableSearch || searchMode === "manual") return options;
@@ -8034,7 +8091,7 @@ var Combobox = ({
     },
     [enableSearch, options, searchMode, shouldPromptForSearch, trimmedQuery]
   );
-  const renderLimitedOptions = React26.useMemo(
+  const renderLimitedOptions = React27.useMemo(
     () => {
       if (trimmedQuery || maxInitialOptions === void 0 || maxInitialOptions < 1) {
         return filteredOptions;
@@ -8053,15 +8110,15 @@ var Combobox = ({
     enabled: canVirtualize
   });
   const virtualItems = canVirtualize ? optionVirtualizer.getVirtualItems() : [];
-  const triggerRef = React26.useRef(null);
-  const scrollVirtualListToIndex = React26.useCallback((index) => {
+  const triggerRef = React27.useRef(null);
+  const scrollVirtualListToIndex = React27.useCallback((index) => {
     if (!canVirtualize || renderLimitedOptions.length === 0) return;
     optionVirtualizer.scrollToIndex(index, { align: "auto" });
   }, [canVirtualize, optionVirtualizer, renderLimitedOptions.length]);
-  const scrollVirtualListToStart = React26.useCallback(() => {
+  const scrollVirtualListToStart = React27.useCallback(() => {
     scrollVirtualListToIndex(0);
   }, [scrollVirtualListToIndex]);
-  const moveActiveIndex = React26.useCallback((direction) => {
+  const moveActiveIndex = React27.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);
@@ -8085,7 +8142,7 @@ var Combobox = ({
     onChange(null);
     setOpen(false);
   };
-  React26.useEffect(() => {
+  React27.useEffect(() => {
     if (!open) {
       setQuery("");
       setActiveIndex(null);
@@ -8096,12 +8153,12 @@ var Combobox = ({
       }, 100);
     }
   }, [enableSearch, open, scrollVirtualListToStart]);
-  React26.useEffect(() => {
+  React27.useEffect(() => {
     if (!onSearchChange) return void 0;
     const timeoutId = window.setTimeout(() => onSearchChange(query), searchDebounceMs);
     return () => window.clearTimeout(timeoutId);
   }, [onSearchChange, query, searchDebounceMs]);
-  React26.useEffect(() => {
+  React27.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.'
@@ -8113,12 +8170,12 @@ var Combobox = ({
   const selectedIcon = selectedOption ? getOptionIcon(selectedOption) : void 0;
   const hasValue = value !== void 0 && value !== null && value !== "";
   const effectiveError = error ?? localRequiredError;
-  React26.useEffect(() => {
+  React27.useEffect(() => {
     if (disabled || !required || hasValue) {
       setLocalRequiredError(void 0);
     }
   }, [disabled, hasValue, required]);
-  const groupedOptions = React26.useMemo(() => {
+  const groupedOptions = React27.useMemo(() => {
     if (!groupBy) return null;
     const groups = {};
     renderLimitedOptions.forEach((opt) => {
@@ -8535,7 +8592,7 @@ var Pagination = ({
   labels
 }) => {
   const t = useSmartTranslations("Pagination");
-  React27.useEffect(() => {
+  React28.useEffect(() => {
     if (disabled) return;
     const handleKey = (e) => {
       if (e.target && e.target.tagName === "INPUT") return;
@@ -8840,7 +8897,7 @@ var CompactPagination = ({ page, totalPages, onChange, className, disabled = fal
 };
 
 // src/components/Section.tsx
-import React28 from "react";
+import React29 from "react";
 import { jsx as jsx32 } from "react/jsx-runtime";
 var gradientDirectionMap = {
   "to-r": "to right",
@@ -8873,7 +8930,7 @@ var variantClasses = {
   accent: "bg-accent/10",
   gradient: ""
 };
-var Section = React28.forwardRef(
+var Section = React29.forwardRef(
   ({
     children,
     className,
@@ -9225,7 +9282,7 @@ function parseDateString(str, locale = "en") {
 
 // src/components/DatePicker.tsx
 import { Calendar, ChevronLeft as ChevronLeft2, ChevronRight as ChevronRight4, Sparkles, X as XIcon } from "lucide-react";
-import * as React30 from "react";
+import * as React31 from "react";
 import { useId as useId7 } from "react";
 import { Fragment as Fragment7, jsx as jsx35, jsxs as jsxs24 } from "react/jsx-runtime";
 var DatePicker = ({
@@ -9249,17 +9306,17 @@ var DatePicker = ({
   const t = useSmartTranslations("DatePicker");
   const tv = useSmartTranslations("ValidationInput");
   const locale = useSmartLocale();
-  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 inputRef = React30.useRef(null);
-  const wheelContainerRef = React30.useRef(null);
-  const wheelDeltaRef = React30.useRef(0);
-  const [isFocused, setIsFocused] = React30.useState(false);
-  const [inputValue, setInputValue] = React30.useState("");
-  React30.useEffect(() => {
+  const [isOpen, setIsOpen] = React31.useState(false);
+  const [viewDate, setViewDate] = React31.useState(value || /* @__PURE__ */ new Date());
+  const [viewMode, setViewMode] = React31.useState("calendar");
+  const [localRequiredError, setLocalRequiredError] = React31.useState();
+  const triggerRef = React31.useRef(null);
+  const inputRef = React31.useRef(null);
+  const wheelContainerRef = React31.useRef(null);
+  const wheelDeltaRef = React31.useRef(0);
+  const [isFocused, setIsFocused] = React31.useState(false);
+  const [inputValue, setInputValue] = React31.useState("");
+  React31.useEffect(() => {
     if (value) {
       const parsed = parseDateString(inputValue, locale);
       const isSame = parsed && parsed.getTime() === value.getTime();
@@ -9331,13 +9388,13 @@ var DatePicker = ({
       setIsOpen(false);
     }
   };
-  const normalizeToLocalDay = React30.useCallback((date) => {
+  const normalizeToLocalDay = React31.useCallback((date) => {
     if (!date) return null;
     return new Date(date.getFullYear(), date.getMonth(), date.getDate());
   }, []);
-  const minDay = React30.useMemo(() => normalizeToLocalDay(minDate), [minDate, normalizeToLocalDay]);
-  const maxDay = React30.useMemo(() => normalizeToLocalDay(maxDate), [maxDate, normalizeToLocalDay]);
-  const isDateDisabled = React30.useCallback(
+  const minDay = React31.useMemo(() => normalizeToLocalDay(minDate), [minDate, normalizeToLocalDay]);
+  const maxDay = React31.useMemo(() => normalizeToLocalDay(maxDate), [maxDate, normalizeToLocalDay]);
+  const isDateDisabled = React31.useCallback(
     (date) => {
       const day = normalizeToLocalDay(date);
       if (!day) return false;
@@ -9406,19 +9463,19 @@ var DatePicker = ({
       footerMargin: "mt-5 pt-4 gap-2.5"
     }
   };
-  React30.useEffect(() => {
+  React31.useEffect(() => {
     if (value) {
       setViewDate(value);
     } else {
       setViewDate(/* @__PURE__ */ new Date());
     }
   }, [value]);
-  React30.useEffect(() => {
+  React31.useEffect(() => {
     if (disabled || !required || value) {
       setLocalRequiredError(void 0);
     }
   }, [disabled, required, value]);
-  React30.useEffect(() => {
+  React31.useEffect(() => {
     if (!isOpen) {
       setViewMode("calendar");
     }
@@ -9448,7 +9505,7 @@ var DatePicker = ({
   const getFirstDayOfMonth = (date) => {
     return new Date(date.getFullYear(), date.getMonth(), 1).getDay();
   };
-  const navigateMonth = React30.useCallback((direction) => {
+  const navigateMonth = React31.useCallback((direction) => {
     setViewDate((prev) => {
       const newDate = new Date(prev);
       newDate.setMonth(prev.getMonth() + (direction === "next" ? 1 : -1));
@@ -9462,7 +9519,7 @@ var DatePicker = ({
     const node = el;
     return node.scrollHeight > node.clientHeight + 1;
   };
-  React30.useEffect(() => {
+  React31.useEffect(() => {
     if (!isOpen) return;
     const container = wheelContainerRef.current;
     if (!container) return;
@@ -9896,26 +9953,26 @@ var DateRangePicker = ({
   const locale = useSmartLocale();
   const t = useSmartTranslations("DatePicker");
   const tv = useSmartTranslations("ValidationInput");
-  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 triggerRef = React30.useRef(null);
-  const inputRef = React30.useRef(null);
-  const [isFocused, setIsFocused] = React30.useState(false);
-  const [inputValue, setInputValue] = React30.useState("");
-  const todayDate = React30.useMemo(() => {
+  const [isOpen, setIsOpen] = React31.useState(false);
+  const [viewMode, setViewMode] = React31.useState("calendar");
+  const [localRequiredError, setLocalRequiredError] = React31.useState();
+  const wheelContainerRef = React31.useRef(null);
+  const wheelDeltaRef = React31.useRef(0);
+  const triggerRef = React31.useRef(null);
+  const inputRef = React31.useRef(null);
+  const [isFocused, setIsFocused] = React31.useState(false);
+  const [inputValue, setInputValue] = React31.useState("");
+  const todayDate = React31.useMemo(() => {
     const today = /* @__PURE__ */ new Date();
     return new Date(today.getFullYear(), today.getMonth(), today.getDate());
   }, []);
-  const getRangeString = React30.useCallback((s, e) => {
+  const getRangeString = React31.useCallback((s, e) => {
     if (!s) return "";
     const startStr = formatDateShort(s, locale);
     if (!e) return `${startStr} - `;
     return `${startStr} - ${formatDateShort(e, locale)}`;
   }, [locale]);
-  React30.useEffect(() => {
+  React31.useEffect(() => {
     if (startDate) {
       const parts = inputValue.split(/\s*-\s*/);
       const inputStart = parts[0] ? parseDateString(parts[0], locale) : null;
@@ -10117,24 +10174,24 @@ var DateRangePicker = ({
     if (!date) return null;
     return new Date(date.getFullYear(), date.getMonth(), date.getDate());
   };
-  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(() => {
+  const minDay = React31.useMemo(() => normalizeToLocal(minDate), [minDate]);
+  const maxDay = React31.useMemo(() => normalizeToLocal(maxDate), [maxDate]);
+  const [viewDate, setViewDate] = React31.useState(startDate || /* @__PURE__ */ new Date());
+  const [tempStart, setTempStart] = React31.useState(normalizeToLocal(startDate));
+  const [tempEnd, setTempEnd] = React31.useState(normalizeToLocal(endDate));
+  const [hoveredDate, setHoveredDate] = React31.useState(null);
+  React31.useEffect(() => {
     setTempStart(normalizeToLocal(startDate));
   }, [startDate]);
-  React30.useEffect(() => {
+  React31.useEffect(() => {
     setTempEnd(normalizeToLocal(endDate));
   }, [endDate]);
-  React30.useEffect(() => {
+  React31.useEffect(() => {
     if (!isOpen) {
       setViewMode("calendar");
     }
   }, [isOpen]);
-  React30.useEffect(() => {
+  React31.useEffect(() => {
     if (!required || startDate && endDate) {
       setLocalRequiredError(void 0);
     }
@@ -10146,10 +10203,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 = React30.useCallback((direction) => {
+  const navigateMonth = React31.useCallback((direction) => {
     setViewDate((prev) => new Date(prev.getFullYear(), prev.getMonth() + (direction === "next" ? 1 : -1), 1));
   }, []);
-  const navigateYearRange = React30.useCallback((direction) => {
+  const navigateYearRange = React31.useCallback((direction) => {
     setViewDate((prev) => new Date(prev.getFullYear() + (direction === "next" ? 12 : -12), prev.getMonth(), 1));
   }, []);
   const isElementVerticallyScrollable = (el) => {
@@ -10159,7 +10216,7 @@ var DateRangePicker = ({
     const node = el;
     return node.scrollHeight > node.clientHeight + 1;
   };
-  React30.useEffect(() => {
+  React31.useEffect(() => {
     if (!isOpen) return;
     const container = wheelContainerRef.current;
     if (!container) return;
@@ -10602,15 +10659,15 @@ var CompactDatePicker = ({ value, onChange, className }) => {
 };
 
 // src/components/DateTimePicker.tsx
-import * as React34 from "react";
+import * as React35 from "react";
 import { Calendar as CalendarIcon, X as X12 } from "lucide-react";
 
 // src/components/Calendar.tsx
 import { ChevronLeft as ChevronLeft3, ChevronRight as ChevronRight5 } from "lucide-react";
-import * as React32 from "react";
+import * as React33 from "react";
 
 // src/components/MonthYearPicker.tsx
-import * as React31 from "react";
+import * as React32 from "react";
 import { Calendar as Calendar2, X as X10, Check as Check4, ChevronDown as ChevronDown2 } from "lucide-react";
 import { jsx as jsx36, jsxs as jsxs25 } from "react/jsx-runtime";
 var DEFAULT_MONTH_NAMES = [
@@ -10653,20 +10710,20 @@ function WheelColumn({
 }) {
   const height = itemHeight * WHEEL_VISIBLE_ITEMS;
   const paddingY = (height - itemHeight) / 2;
-  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(() => {
+  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 ui = React32.useMemo(() => {
     if (size === "sm") {
       return {
         columnWidth: column === "month" ? "min-w-24 max-w-32" : "min-w-16 max-w-20",
@@ -10693,9 +10750,9 @@ function WheelColumn({
       fadeHeight: "h-12"
     };
   }, [size, column]);
-  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(
+  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(
     (realIndex, fromVirtual) => {
       const len = items.length;
       if (len <= 0) return 0;
@@ -10714,7 +10771,7 @@ function WheelColumn({
     },
     [items.length, loop]
   );
-  React31.useLayoutEffect(() => {
+  React32.useLayoutEffect(() => {
     const el = scrollRef.current;
     if (!el) return;
     const maxVirtual = Math.max(0, extendedItems.length - 1);
@@ -10742,7 +10799,7 @@ function WheelColumn({
       cancelAnimationFrame(rafRef.current);
     };
   }, [animate, baseOffset, extendedItems.length, getNearestVirtualIndex, itemHeight, loop, scrollRef, valueIndex]);
-  React31.useEffect(() => {
+  React32.useEffect(() => {
     const el = scrollRef.current;
     if (!el) return;
     const lastWheelSignRef = { current: 0 };
@@ -10830,11 +10887,11 @@ function WheelColumn({
       }, 120);
     });
   };
-  const currentVirtual = React31.useMemo(() => {
+  const currentVirtual = React32.useMemo(() => {
     if (!loop || items.length <= 0) return valueIndex;
     return baseOffset + valueIndex;
   }, [baseOffset, items.length, loop, valueIndex]);
-  const commitFromScrollTop = React31.useCallback(
+  const commitFromScrollTop = React32.useCallback(
     (behavior) => {
       const el = scrollRef.current;
       if (!el) return;
@@ -10912,7 +10969,7 @@ function WheelColumn({
       if (dt > 0) inertiaVelocityRef.current = (el.scrollTop - oldest.top) / dt;
     }
   };
-  const startInertia = React31.useCallback(() => {
+  const startInertia = React32.useCallback(() => {
     const el = scrollRef.current;
     if (!el) return;
     if (items.length <= 0) return;
@@ -11097,36 +11154,36 @@ function MonthYearPicker({
   };
   const isControlled = value !== void 0;
   const initial = parseValue(isControlled ? value : defaultValue) ?? { month: now.getMonth(), year: currentYear };
-  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(() => {
+  const [open, setOpen] = React32.useState(false);
+  const [parts, setParts] = React32.useState(initial);
+  const [focusedColumn, setFocusedColumn] = React32.useState(null);
+  const [localRequiredError, setLocalRequiredError] = React32.useState();
+  const [hasCommittedValue, setHasCommittedValue] = React32.useState(Boolean(parseValue(isControlled ? value : defaultValue)));
+  const monthScrollRef = React32.useRef(null);
+  const yearScrollRef = React32.useRef(null);
+  React32.useEffect(() => {
     if (isControlled) {
       const parsed = parseValue(value);
       if (parsed) setParts(parsed);
     }
   }, [value, isControlled]);
-  React31.useEffect(() => {
+  React32.useEffect(() => {
     if (isControlled) {
       setHasCommittedValue(Boolean(parseValue(value)));
     }
   }, [isControlled, value]);
   const hasValue = hasCommittedValue;
   const effectiveError = error ?? localRequiredError;
-  React31.useEffect(() => {
+  React32.useEffect(() => {
     if (disabled || !required || hasValue) {
       setLocalRequiredError(void 0);
     }
   }, [disabled, hasValue, required]);
-  const years = React31.useMemo(() => {
+  const years = React32.useMemo(() => {
     return Array.from({ length: resolvedMaxYear - resolvedMinYear + 1 }, (_, i) => resolvedMinYear + i);
   }, [resolvedMinYear, resolvedMaxYear]);
-  const months = React31.useMemo(() => Array.from({ length: 12 }, (_, i) => i), []);
-  const isDateInRange = React31.useCallback(
+  const months = React32.useMemo(() => Array.from({ length: 12 }, (_, i) => i), []);
+  const isDateInRange = React32.useCallback(
     (month, year) => {
       if (minDate) {
         const minMonth = minDate.getMonth();
@@ -11142,7 +11199,7 @@ function MonthYearPicker({
     },
     [minDate, maxDate]
   );
-  const emit = React31.useCallback(
+  const emit = React32.useCallback(
     (next) => {
       if (!next) {
         setLocalRequiredError(void 0);
@@ -11158,7 +11215,7 @@ function MonthYearPicker({
     },
     [isControlled, isDateInRange, onChange]
   );
-  const tryUpdate = React31.useCallback(
+  const tryUpdate = React32.useCallback(
     (next) => {
       if (!isDateInRange(next.month, next.year)) return false;
       setParts(next);
@@ -11594,12 +11651,12 @@ function Calendar3({
   ...rest
 }) {
   const isControlledMonth = month != null;
-  const [view, setView] = React32.useState(() => month ?? defaultMonth ?? /* @__PURE__ */ new Date());
-  React32.useEffect(() => {
+  const [view, setView] = React33.useState(() => month ?? defaultMonth ?? /* @__PURE__ */ new Date());
+  React33.useEffect(() => {
     if (isControlledMonth && month) setView(month);
   }, [isControlledMonth, month]);
   const isControlledValue = value !== void 0;
-  const [internal, setInternal] = React32.useState(defaultValue);
+  const [internal, setInternal] = React33.useState(defaultValue);
   const selected = isControlledValue ? value : internal;
   const goByView = (delta) => {
     const next = display === "week" ? addDays(view, delta * 7) : addMonths(view, delta);
@@ -11611,7 +11668,7 @@ function Calendar3({
   const weekdays = rotate(weekNames, weekStartsOn);
   const days = getMonthGrid(view, weekStartsOn);
   const today = /* @__PURE__ */ new Date();
-  const byDay = React32.useMemo(() => {
+  const byDay = React33.useMemo(() => {
     const map = /* @__PURE__ */ new Map();
     for (const e of events) {
       const d = toDate(e.date);
@@ -11623,11 +11680,11 @@ function Calendar3({
   }, [events]);
   const effectiveEnableEventSheet = enableEventSheet ?? !!renderEventSheet;
   const isEventSheetOpenControlled = eventSheetOpen !== void 0;
-  const [internalEventSheetOpen, setInternalEventSheetOpen] = React32.useState(false);
+  const [internalEventSheetOpen, setInternalEventSheetOpen] = React33.useState(false);
   const activeEventSheetOpen = isEventSheetOpenControlled ? !!eventSheetOpen : internalEventSheetOpen;
   const isSelectedEventControlled = selectedEventId !== void 0;
-  const [internalSelectedEventRef, setInternalSelectedEventRef] = React32.useState(null);
-  const setEventSheetOpen = React32.useCallback(
+  const [internalSelectedEventRef, setInternalSelectedEventRef] = React33.useState(null);
+  const setEventSheetOpen = React33.useCallback(
     (open) => {
       if (!isEventSheetOpenControlled) setInternalEventSheetOpen(open);
       onEventSheetOpenChange?.(open);
@@ -11638,7 +11695,7 @@ function Calendar3({
     },
     [isEventSheetOpenControlled, isSelectedEventControlled, onEventSheetOpenChange, onSelectedEventIdChange]
   );
-  const selectedEventRef = React32.useMemo(() => {
+  const selectedEventRef = React33.useMemo(() => {
     if (isSelectedEventControlled && selectedEventId != null) {
       const ev = events.find((e) => e.id === selectedEventId);
       if (!ev) return null;
@@ -11648,7 +11705,7 @@ function Calendar3({
     }
     return internalSelectedEventRef;
   }, [events, internalSelectedEventRef, isSelectedEventControlled, selectedEventId]);
-  const selectedEvent = React32.useMemo(() => {
+  const selectedEvent = React33.useMemo(() => {
     if (!selectedEventRef) return null;
     const list = byDay.get(selectedEventRef.dayKey) || [];
     if (selectedEventRef.eventId != null) {
@@ -11657,13 +11714,13 @@ function Calendar3({
     const idx = selectedEventRef.index ?? -1;
     return idx >= 0 && idx < list.length ? list[idx] : null;
   }, [byDay, selectedEventRef]);
-  const selectedEventDate = React32.useMemo(() => {
+  const selectedEventDate = React33.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 = React32.useCallback(
+  const handleEventActivate = React33.useCallback(
     (event, date, dayKey, index) => {
       onEventClick?.(event, date);
       onSelectedEventIdChange?.(event.id ?? void 0);
@@ -11716,7 +11773,7 @@ function Calendar3({
       }
     }
   };
-  const isDateDisabled = React32.useCallback(
+  const isDateDisabled = React33.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;
@@ -11750,7 +11807,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 = React32.useMemo(() => {
+  const weekDays = React33.useMemo(() => {
     const s = startOfWeek(view, weekStartsOn);
     return Array.from({ length: 7 }, (_, i) => addDays(s, i));
   }, [view, weekStartsOn]);
@@ -11771,7 +11828,7 @@ function Calendar3({
         const holidayMatch = isHoliday(d, holidays);
         const isHolidayDay = highlightHolidays && !!holidayMatch;
         const customDay = renderDay?.({ date: d, isCurrentMonth: inMonth, isToday: isToday2, isSelected: selectedDay, events: dayEvents });
-        if (customDay) return /* @__PURE__ */ jsx37(React32.Fragment, { children: customDay }, `${monthLabel}-${idx}`);
+        if (customDay) return /* @__PURE__ */ jsx37(React33.Fragment, { children: customDay }, `${monthLabel}-${idx}`);
         if (cellMode === "events") {
           const limit = Math.max(0, maxEventsPerDay);
           const visibleEvents = dayEvents.slice(0, limit);
@@ -11890,9 +11947,9 @@ function Calendar3({
       }) })
     ] });
   };
-  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(() => {
+  const minBound = React33.useMemo(() => minDate ? new Date(minDate.getFullYear(), minDate.getMonth(), minDate.getDate()) : void 0, [minDate]);
+  const maxBound = React33.useMemo(() => maxDate ? new Date(maxDate.getFullYear(), maxDate.getMonth(), maxDate.getDate()) : void 0, [maxDate]);
+  const prevDisabled = React33.useMemo(() => {
     if (!minBound) return false;
     if (display === "week") {
       const start = startOfWeek(view, weekStartsOn);
@@ -11902,7 +11959,7 @@ function Calendar3({
     const prevEnd = endOfMonth(addMonths(view, -1));
     return prevEnd < minBound;
   }, [display, view, weekStartsOn, minBound]);
-  const nextDisabled = React32.useMemo(() => {
+  const nextDisabled = React33.useMemo(() => {
     if (!maxBound) return false;
     if (display === "week") {
       const start = startOfWeek(view, weekStartsOn);
@@ -11979,7 +12036,7 @@ function Calendar3({
         const holidayMatch = isHoliday(d, holidays);
         const isHolidayDay = highlightHolidays && !!holidayMatch;
         const customDay = renderDay?.({ date: d, isCurrentMonth: inMonth, isToday: isToday2, isSelected: selectedDay, events: dayEvents });
-        if (customDay) return /* @__PURE__ */ jsx37(React32.Fragment, { children: customDay }, `wd-${idx}`);
+        if (customDay) return /* @__PURE__ */ jsx37(React33.Fragment, { children: customDay }, `wd-${idx}`);
         if (cellMode === "events") {
           const limit = Math.max(0, maxEventsPerDay);
           const visibleEvents = dayEvents.slice(0, limit);
@@ -12090,7 +12147,7 @@ function Calendar3({
           `wd-${idx}`
         );
       }) })
-    ] }) : /* @__PURE__ */ jsx37("div", { className: cn(months > 1 ? "grid md:grid-cols-2 lg:grid-cols-3 gap-4" : ""), children: Array.from({ length: Math.max(1, months) }, (_, i) => /* @__PURE__ */ jsx37(React32.Fragment, { children: renderMonth(addMonths(view, i)) }, `cal-month-${view.getFullYear()}-${view.getMonth()}-${i}`)) }),
+    ] }) : /* @__PURE__ */ jsx37("div", { className: cn(months > 1 ? "grid md:grid-cols-2 lg:grid-cols-3 gap-4" : ""), children: Array.from({ length: Math.max(1, months) }, (_, i) => /* @__PURE__ */ jsx37(React33.Fragment, { children: renderMonth(addMonths(view, i)) }, `cal-month-${view.getFullYear()}-${view.getMonth()}-${i}`)) }),
     effectiveEnableEventSheet && selectedEvent && selectedEventDate ? /* @__PURE__ */ jsx37(
       Sheet,
       {
@@ -12120,7 +12177,7 @@ function Calendar3({
 }
 
 // src/components/TimePicker.tsx
-import * as React33 from "react";
+import * as React34 from "react";
 import { Clock as Clock2, X as X11, Check as Check5, Sun, Moon, Sunset, Coffee } from "lucide-react";
 import { Fragment as Fragment10, jsx as jsx38, jsxs as jsxs27 } from "react/jsx-runtime";
 var pad = (n) => n.toString().padStart(2, "0");
@@ -12147,21 +12204,21 @@ function WheelColumn2({
 }) {
   const height = itemHeight * WHEEL_VISIBLE_ITEMS2;
   const paddingY = (height - itemHeight) / 2;
-  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 rafRef = React34.useRef(0);
+  const lastVirtualIndexRef = React34.useRef(null);
+  const wheelDeltaRef = React34.useRef(0);
+  const scrollEndTimeoutRef = React34.useRef(null);
+  const suppressScrollSelectUntilRef = React34.useRef(0);
+  const suppressItemClickUntilRef = React34.useRef(0);
+  const dragRef = React34.useRef(null);
+  const draggingRef = React34.useRef(false);
+  const inertialRef = React34.useRef(false);
+  const inertiaRafRef = React34.useRef(null);
+  const inertiaVelocityRef = React34.useRef(0);
+  const inertiaLastTimeRef = React34.useRef(0);
+  const moveSamplesRef = React34.useRef([]);
   const loop = true;
-  const ui = React33.useMemo(() => {
+  const ui = React34.useMemo(() => {
     if (size === "sm") {
       return {
         columnWidth: "min-w-16 max-w-21",
@@ -12188,9 +12245,9 @@ function WheelColumn2({
       fadeHeight: "h-12"
     };
   }, [size]);
-  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(
+  const baseOffset = React34.useMemo(() => loop ? items.length : 0, [items.length, loop]);
+  const extendedItems = React34.useMemo(() => loop ? [...items, ...items, ...items] : items, [items, loop]);
+  const getNearestVirtualIndex = React34.useCallback(
     (realIndex, fromVirtual) => {
       const len = items.length;
       if (len <= 0) return 0;
@@ -12209,7 +12266,7 @@ function WheelColumn2({
     },
     [items.length, loop]
   );
-  React33.useLayoutEffect(() => {
+  React34.useLayoutEffect(() => {
     const el = scrollRef.current;
     if (!el) return;
     const maxVirtual = Math.max(0, extendedItems.length - 1);
@@ -12237,7 +12294,7 @@ function WheelColumn2({
       cancelAnimationFrame(rafRef.current);
     };
   }, [animate, baseOffset, extendedItems.length, getNearestVirtualIndex, itemHeight, loop, scrollRef, valueIndex]);
-  React33.useEffect(() => {
+  React34.useEffect(() => {
     const el = scrollRef.current;
     if (!el) return;
     const lastWheelSignRef = { current: 0 };
@@ -12325,11 +12382,11 @@ function WheelColumn2({
       }, 120);
     });
   };
-  const currentVirtual = React33.useMemo(() => {
+  const currentVirtual = React34.useMemo(() => {
     if (!loop || items.length <= 0) return valueIndex;
     return baseOffset + valueIndex;
   }, [baseOffset, items.length, loop, valueIndex]);
-  const commitFromScrollTop = React33.useCallback(
+  const commitFromScrollTop = React34.useCallback(
     (behavior) => {
       const el = scrollRef.current;
       if (!el) return;
@@ -12407,7 +12464,7 @@ function WheelColumn2({
       if (dt > 0) inertiaVelocityRef.current = (el.scrollTop - oldest.top) / dt;
     }
   };
-  const startInertia = React33.useCallback(() => {
+  const startInertia = React34.useCallback(() => {
     const el = scrollRef.current;
     if (!el) return;
     if (items.length <= 0) return;
@@ -12608,44 +12665,44 @@ function TimePicker({
 }) {
   const tv = useSmartTranslations("ValidationInput");
   const gi18n = useGlobalI18n();
-  const autoId = React33.useId();
+  const autoId = React34.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] = 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 [open, setOpen] = React34.useState(false);
+  const [parts, setParts] = React34.useState(initial);
+  const [manualInput, setManualInput] = React34.useState(formatTime2(initial, format, includeSeconds));
+  const [isDirectEditing, setIsDirectEditing] = React34.useState(false);
+  const [focusedColumn, setFocusedColumn] = React34.useState(null);
+  const [localRequiredError, setLocalRequiredError] = React34.useState();
+  const [hasCommittedValue, setHasCommittedValue] = React34.useState(Boolean(isControlled ? value : defaultValue));
+  const hourScrollRef = React34.useRef(null);
+  const minuteScrollRef = React34.useRef(null);
+  const secondScrollRef = React34.useRef(null);
+  const periodRef = React34.useRef(null);
+  const directEditInputRef = React34.useRef(null);
   const triggerId = `time-picker-trigger-${autoId}`;
   const labelId = label ? `time-picker-label-${autoId}` : void 0;
-  React33.useEffect(() => {
+  React34.useEffect(() => {
     if (isControlled) {
       const parsed = parseTime(value, format, includeSeconds);
       if (parsed) setParts(parsed);
     }
   }, [value, isControlled, format, includeSeconds]);
-  React33.useEffect(() => {
+  React34.useEffect(() => {
     setManualInput(formatTime2(parts, format, includeSeconds));
   }, [format, includeSeconds, parts]);
-  React33.useEffect(() => {
+  React34.useEffect(() => {
     if (!isDirectEditing) return;
     directEditInputRef.current?.focus();
     directEditInputRef.current?.select();
   }, [isDirectEditing]);
-  React33.useEffect(() => {
+  React34.useEffect(() => {
     if (isControlled) {
       setHasCommittedValue(Boolean(value));
     }
   }, [isControlled, value]);
-  const isTimeDisabled = React33.useCallback(
+  const isTimeDisabled = React34.useCallback(
     (timeStr) => {
       if (!disabledTimes) return false;
       if (typeof disabledTimes === "function") return disabledTimes(timeStr);
@@ -12655,7 +12712,7 @@ function TimePicker({
   );
   const resolvedMinTime = minTime ?? min;
   const resolvedMaxTime = maxTime ?? max;
-  const toSeconds = React33.useCallback(
+  const toSeconds = React34.useCallback(
     (p) => {
       let h = p.h;
       if (format === "12") {
@@ -12667,7 +12724,7 @@ function TimePicker({
     },
     [format, includeSeconds]
   );
-  const isTimeInRange = React33.useCallback(
+  const isTimeInRange = React34.useCallback(
     (timeStr) => {
       if (!resolvedMinTime && !resolvedMaxTime) return true;
       const parsed = parseTime(timeStr, format, includeSeconds);
@@ -12685,7 +12742,7 @@ function TimePicker({
     },
     [format, includeSeconds, resolvedMaxTime, resolvedMinTime, toSeconds]
   );
-  const canEmit = React33.useCallback(
+  const canEmit = React34.useCallback(
     (next) => {
       const timeStr = next ? formatTime2(next, format, includeSeconds) : void 0;
       if (!timeStr) return true;
@@ -12695,7 +12752,7 @@ function TimePicker({
     },
     [format, includeSeconds, isTimeDisabled, isTimeInRange]
   );
-  const emit = React33.useCallback(
+  const emit = React34.useCallback(
     (next) => {
       const timeStr = next ? formatTime2(next, format, includeSeconds) : void 0;
       if (!canEmit(next)) return;
@@ -12707,7 +12764,7 @@ function TimePicker({
     },
     [canEmit, format, includeSeconds, isControlled, onChange]
   );
-  const tryUpdate = React33.useCallback(
+  const tryUpdate = React34.useCallback(
     (next) => {
       if (!canEmit(next)) return false;
       setParts(next);
@@ -12725,17 +12782,17 @@ function TimePicker({
       setFocusedColumn(null);
     }
   };
-  React33.useEffect(() => {
+  React34.useEffect(() => {
     if (disabled || !required || hasCommittedValue) {
       setLocalRequiredError(void 0);
     }
   }, [disabled, hasCommittedValue, required]);
-  const focusColumn = React33.useCallback((column) => {
+  const focusColumn = React34.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 });
   }, []);
-  React33.useEffect(() => {
+  React34.useEffect(() => {
     if (variant !== "inline" && !open) return;
     focusColumn(focusedColumn);
   }, [focusColumn, focusedColumn, open, variant]);
@@ -12817,7 +12874,7 @@ function TimePicker({
       }
     }
   };
-  const commitManualInput = React33.useCallback(
+  const commitManualInput = React34.useCallback(
     (input) => {
       const trimmed = input.trim();
       if (!trimmed) {
@@ -12848,12 +12905,12 @@ function TimePicker({
     },
     [display, format, includeSeconds, isTimeDisabled, isTimeInRange, tryUpdate]
   );
-  const startDirectEdit = React33.useCallback(() => {
+  const startDirectEdit = React34.useCallback(() => {
     if (disabled) return;
     setManualInput(display);
     setIsDirectEditing(true);
   }, [disabled, display]);
-  const stopDirectEdit = React33.useCallback(
+  const stopDirectEdit = React34.useCallback(
     (mode) => {
       if (mode === "commit") {
         commitManualInput(manualInput);
@@ -13429,8 +13486,8 @@ var DateTimePicker = ({
   const t = useSmartTranslations("DateTimePicker");
   const tv = useSmartTranslations("ValidationInput");
   const locale = useSmartLocale();
-  const [open, setOpen] = React34.useState(false);
-  const [localRequiredError, setLocalRequiredError] = React34.useState();
+  const [open, setOpen] = React35.useState(false);
+  const [localRequiredError, setLocalRequiredError] = React35.useState();
   const sizeStyles8 = {
     sm: {
       trigger: "h-8 px-2.5 py-1.5 text-sm md:h-7 md:text-xs",
@@ -13463,13 +13520,13 @@ var DateTimePicker = ({
       gap: "gap-4"
     }
   };
-  const [tempDate, setTempDate] = React34.useState(value);
-  const [calendarMonth, setCalendarMonth] = React34.useState(() => value ?? /* @__PURE__ */ new Date());
-  React34.useEffect(() => {
+  const [tempDate, setTempDate] = React35.useState(value);
+  const [calendarMonth, setCalendarMonth] = React35.useState(() => value ?? /* @__PURE__ */ new Date());
+  React35.useEffect(() => {
     setTempDate(value);
     setCalendarMonth(value ?? /* @__PURE__ */ new Date());
   }, [value, open]);
-  React34.useEffect(() => {
+  React35.useEffect(() => {
     if (disabled || !required || value) {
       setLocalRequiredError(void 0);
     }
@@ -13688,7 +13745,7 @@ var DateTimePicker = ({
 };
 
 // src/components/CalendarTimeline/CalendarTimeline.tsx
-import * as React40 from "react";
+import * as React41 from "react";
 import { Plus as Plus2 } from "lucide-react";
 
 // src/components/CalendarTimeline/date.ts
@@ -13928,10 +13985,10 @@ function intervalPack(items) {
 }
 
 // src/components/CalendarTimeline/hooks.ts
-import * as React35 from "react";
+import * as React36 from "react";
 function useHorizontalScrollSync(args) {
   const { bodyRef, headerRef, leftRef } = args;
-  React35.useEffect(() => {
+  React36.useEffect(() => {
     const body = bodyRef.current;
     const header = headerRef.current;
     const left = leftRef?.current ?? null;
@@ -13989,9 +14046,9 @@ function lowerBound(arr, target) {
 function useVirtualVariableRows(args) {
   const { enabled, overscan, rowHeights, scrollRef } = args;
   const itemCount = rowHeights.length;
-  const [viewportHeight, setViewportHeight] = React35.useState(0);
-  const [scrollTop, setScrollTop] = React35.useState(0);
-  React35.useEffect(() => {
+  const [viewportHeight, setViewportHeight] = React36.useState(0);
+  const [scrollTop, setScrollTop] = React36.useState(0);
+  React36.useEffect(() => {
     if (!enabled) {
       setViewportHeight(0);
       return;
@@ -14004,7 +14061,7 @@ function useVirtualVariableRows(args) {
     ro.observe(el);
     return () => ro.disconnect();
   }, [enabled, scrollRef]);
-  React35.useEffect(() => {
+  React36.useEffect(() => {
     if (!enabled) {
       setScrollTop(0);
       return;
@@ -14029,7 +14086,7 @@ function useVirtualVariableRows(args) {
       el.removeEventListener("scroll", onScroll);
     };
   }, [enabled, scrollRef]);
-  const prefix = React35.useMemo(() => {
+  const prefix = React36.useMemo(() => {
     const out = new Array(itemCount + 1);
     out[0] = 0;
     for (let i = 0; i < itemCount; i++) {
@@ -14037,7 +14094,7 @@ function useVirtualVariableRows(args) {
     }
     return out;
   }, [itemCount, rowHeights]);
-  return React35.useMemo(() => {
+  return React36.useMemo(() => {
     if (!enabled) {
       return { startIndex: 0, endIndex: itemCount, topSpacer: 0, bottomSpacer: 0, totalHeight: prefix[itemCount] ?? 0 };
     }
@@ -14053,8 +14110,8 @@ function useVirtualVariableRows(args) {
   }, [enabled, itemCount, overscan, prefix, scrollTop, viewportHeight]);
 }
 function useClientWidth(ref) {
-  const [width, setWidth] = React35.useState(0);
-  React35.useEffect(() => {
+  const [width, setWidth] = React36.useState(0);
+  React36.useEffect(() => {
     const el = ref.current;
     if (!el) return;
     const update = () => setWidth(el.clientWidth);
@@ -14277,7 +14334,7 @@ function resourcesById(resources) {
 }
 
 // src/components/CalendarTimeline/CalendarTimelineHeader.tsx
-import * as React36 from "react";
+import * as React37 from "react";
 import { Calendar as Calendar4, CalendarDays, CalendarRange, ChevronLeft as ChevronLeft4, ChevronRight as ChevronRight6, GripVertical, Plus } from "lucide-react";
 import { jsx as jsx41, jsxs as jsxs30 } from "react/jsx-runtime";
 var VIEW_ICONS = {
@@ -14308,7 +14365,7 @@ function CalendarTimelineHeader(props) {
     headerRef,
     slotHeaderNodes
   } = props;
-  const resolvedAvailableViews = React36.useMemo(
+  const resolvedAvailableViews = React37.useMemo(
     () => availableViews?.length ? availableViews : ["month", "week", "day", "sprint"],
     [availableViews]
   );
@@ -14317,22 +14374,22 @@ function CalendarTimelineHeader(props) {
   const gi18n = useGlobalI18n();
   const dt = useSmartTranslations("DateTimePicker");
   const locale = useSmartLocale();
-  const [todayOpen, setTodayOpen] = React36.useState(false);
-  const [tempDate, setTempDate] = React36.useState(() => now);
-  const [calendarMonth, setCalendarMonth] = React36.useState(() => now);
-  React36.useEffect(() => {
+  const [todayOpen, setTodayOpen] = React37.useState(false);
+  const [tempDate, setTempDate] = React37.useState(() => now);
+  const [calendarMonth, setCalendarMonth] = React37.useState(() => now);
+  React37.useEffect(() => {
     if (!todayOpen) return;
     setTempDate(now);
     setCalendarMonth(now);
   }, [now, todayOpen]);
-  const monthLabel = React36.useCallback(
+  const monthLabel = React37.useCallback(
     (date) => date.toLocaleDateString(locale === "vi" ? "vi-VN" : "en-US", {
       month: "long",
       year: "numeric"
     }),
     [locale]
   );
-  const weekdays = React36.useMemo(() => {
+  const weekdays = React37.useMemo(() => {
     switch (locale) {
       case "vi":
         return ["CN", "T2", "T3", "T4", "T5", "T6", "T7"];
@@ -14344,12 +14401,12 @@ function CalendarTimelineHeader(props) {
         return ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"];
     }
   }, [locale]);
-  const getTimeString = React36.useCallback((date) => {
+  const getTimeString = React37.useCallback((date) => {
     const h = date.getHours();
     const m = date.getMinutes();
     return `${h.toString().padStart(2, "0")}:${m.toString().padStart(2, "0")}`;
   }, []);
-  const handleDateSelect = React36.useCallback((date) => {
+  const handleDateSelect = React37.useCallback((date) => {
     if (!(date instanceof Date)) return;
     setTempDate((prev) => {
       const next = new Date(date);
@@ -14357,7 +14414,7 @@ function CalendarTimelineHeader(props) {
       return next;
     });
   }, []);
-  const handleTimeChange = React36.useCallback((timeStr) => {
+  const handleTimeChange = React37.useCallback((timeStr) => {
     if (!timeStr) return;
     const [hStr, mStr] = timeStr.split(":");
     const h = parseInt(hStr, 10);
@@ -14369,7 +14426,7 @@ function CalendarTimelineHeader(props) {
       return next;
     });
   }, []);
-  const applyDateTime = React36.useCallback(() => {
+  const applyDateTime = React37.useCallback(() => {
     onApplyDateTime(tempDate);
     setTodayOpen(false);
   }, [onApplyDateTime, tempDate]);
@@ -14633,9 +14690,9 @@ function ResourceRowCell(props) {
 }
 
 // src/components/CalendarTimeline/CalendarTimelineGridOverlay.tsx
-import * as React37 from "react";
+import * as React38 from "react";
 import { jsx as jsx43, jsxs as jsxs32 } from "react/jsx-runtime";
-var CalendarTimelineGridOverlay = React37.memo(function CalendarTimelineGridOverlay2(props) {
+var CalendarTimelineGridOverlay = React38.memo(function CalendarTimelineGridOverlay2(props) {
   const {
     gridWidth,
     height,
@@ -14683,12 +14740,12 @@ var CalendarTimelineGridOverlay = React37.memo(function CalendarTimelineGridOver
 });
 
 // src/components/CalendarTimeline/CalendarTimelineSlotHeaderCell.tsx
-import * as React38 from "react";
+import * as React39 from "react";
 import { Dot } from "lucide-react";
 import { jsx as jsx44, jsxs as jsxs33 } from "react/jsx-runtime";
-var CalendarTimelineSlotHeaderCell = React38.memo(function CalendarTimelineSlotHeaderCell2(props) {
+var CalendarTimelineSlotHeaderCell = React39.memo(function CalendarTimelineSlotHeaderCell2(props) {
   const { width, activeView, isToday: isToday2, label, ariaLabel, borderClassName, dayHeaderMarks, idx, className } = props;
-  const content = React38.useMemo(() => {
+  const content = React39.useMemo(() => {
     if (activeView === "day" && dayHeaderMarks) {
       if (dayHeaderMarks.showEllipsis[idx]) return /* @__PURE__ */ jsx44("span", { className: "text-xs text-muted-foreground/70 select-none", children: "\u2026" });
       if (!dayHeaderMarks.showTime[idx]) return null;
@@ -14711,7 +14768,7 @@ var CalendarTimelineSlotHeaderCell = React38.memo(function CalendarTimelineSlotH
 });
 
 // src/components/CalendarTimeline/internal-hooks.ts
-import * as React39 from "react";
+import * as React40 from "react";
 function useTimelineSlots(args) {
   const {
     activeView,
@@ -14726,7 +14783,7 @@ function useTimelineSlots(args) {
     formatters,
     dueDateSprint
   } = args;
-  const { slots, range } = React39.useMemo(() => {
+  const { slots, range } = React40.useMemo(() => {
     const { start, end, slotStarts: slotStarts2 } = computeSlotStarts({
       view: activeView,
       date: activeDate,
@@ -14781,18 +14838,18 @@ function useTimelineSlots(args) {
         const match = matchSprintDef(s, idx);
         if (match && sprintRangeText) {
           const rangeText = sprintRangeText(match.startMs, match.endMs);
-          return React39.createElement(
+          return React40.createElement(
             "span",
             { className: "inline-flex flex-col items-center leading-tight" },
-            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)
+            React40.createElement("span", { className: "text-[11px] font-semibold text-foreground truncate max-w-32" }, match.title),
+            React40.createElement("span", { className: "text-[10px] font-medium text-muted-foreground/70" }, rangeText)
           );
         }
-        return React39.createElement(
+        return React40.createElement(
           "span",
           { className: "inline-flex flex-col items-center leading-tight" },
-          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"))
+          React40.createElement("span", { className: "text-[10px] font-medium uppercase tracking-wider text-muted-foreground/70" }, "S"),
+          React40.createElement("span", { className: "text-sm font-semibold text-foreground" }, String(idx + 1).padStart(2, "0"))
         );
       })(),
       isToday: (() => {
@@ -14820,9 +14877,9 @@ function useTimelineSlots(args) {
     weekStartsOn,
     workHours
   ]);
-  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 slotStarts = React40.useMemo(() => slots.map((s) => s.start), [slots]);
+  const todaySlotIdx = React40.useMemo(() => slots.findIndex((s) => s.isToday), [slots]);
+  const weekendSlotIdxs = React40.useMemo(() => {
     const out = [];
     for (let i = 0; i < slots.length; i++) if (slots[i]?.isWeekend) out.push(i);
     return out;
@@ -14831,16 +14888,16 @@ function useTimelineSlots(args) {
 }
 function useNormalizedEvents(args) {
   const { events, range, activeView, resolvedTimeZone, resources } = args;
-  const normalizedEvents = React39.useMemo(() => {
+  const normalizedEvents = React40.useMemo(() => {
     return normalizeEvents({ events, range, view: activeView, timeZone: resolvedTimeZone });
   }, [activeView, events, range, resolvedTimeZone]);
-  const eventsByResource = React39.useMemo(() => eventsByResourceId(normalizedEvents), [normalizedEvents]);
-  const resourceById = React39.useMemo(() => resourcesById(resources), [resources]);
+  const eventsByResource = React40.useMemo(() => eventsByResourceId(normalizedEvents), [normalizedEvents]);
+  const resourceById = React40.useMemo(() => resourcesById(resources), [resources]);
   return { normalizedEvents, eventsByResource, resourceById };
 }
 function useDayHeaderMarks(args) {
   const { enabled, activeView, normalizedEvents, slotStarts, slotCount } = args;
-  return React39.useMemo(() => {
+  return React40.useMemo(() => {
     if (!enabled) return null;
     if (activeView !== "day") return null;
     const n = slotCount;
@@ -14875,14 +14932,14 @@ function useSlotMetrics(args) {
     dayHeaderSmart,
     daySlotCompression
   } = args;
-  const fixedSlotWidth = React39.useMemo(() => {
+  const fixedSlotWidth = React40.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 = React39.useMemo(() => {
+  const slotMetrics = React40.useMemo(() => {
     const n = slotsLength;
     const widths = new Array(n).fill(fixedSlotWidth);
     const isAdaptiveView = activeView === "month" || activeView === "day";
@@ -15013,7 +15070,7 @@ function useSlotMetrics(args) {
 }
 function useLayoutsByResource(args) {
   const { eventsByResource, preview, slotStarts, slotsLength, slotLefts, getResourceRowHeight, laneGap, lanePaddingY, effectiveMaxLanesPerRow, eventHeight } = args;
-  return React39.useMemo(() => {
+  return React40.useMemo(() => {
     const map = /* @__PURE__ */ new Map();
     for (const [resourceId, list] of eventsByResource.entries()) {
       const mapped = list.map((ev) => {
@@ -15060,9 +15117,9 @@ function lowerBound2(arr, target) {
 }
 function useVisibleSlotRange(args) {
   const { enabled, overscan, scrollRef, slotLefts, slotCount } = args;
-  const [scrollLeft, setScrollLeft] = React39.useState(0);
-  const [viewportWidth, setViewportWidth] = React39.useState(0);
-  React39.useEffect(() => {
+  const [scrollLeft, setScrollLeft] = React40.useState(0);
+  const [viewportWidth, setViewportWidth] = React40.useState(0);
+  React40.useEffect(() => {
     if (!enabled) return;
     const el = scrollRef.current;
     if (!el) return;
@@ -15089,7 +15146,7 @@ function useVisibleSlotRange(args) {
       el.removeEventListener("scroll", onScroll);
     };
   }, [enabled, scrollRef]);
-  return React39.useMemo(() => {
+  return React40.useMemo(() => {
     if (!enabled) return { startIdx: 0, endIdx: slotCount };
     if (slotCount <= 0) return { startIdx: 0, endIdx: 0 };
     if (viewportWidth <= 0) return { startIdx: 0, endIdx: slotCount };
@@ -15188,14 +15245,14 @@ function CalendarTimeline({
 }) {
   const t = useSmartTranslations("CalendarTimeline");
   const detectedLocale = useSmartLocale();
-  const resolvedLocale = React40.useMemo(() => localeToBCP47(locale ?? detectedLocale), [locale, detectedLocale]);
-  const resolvedTimeZone = React40.useMemo(() => timeZone ?? Intl.DateTimeFormat().resolvedOptions().timeZone ?? "UTC", [timeZone]);
+  const resolvedLocale = React41.useMemo(() => localeToBCP47(locale ?? detectedLocale), [locale, detectedLocale]);
+  const resolvedTimeZone = React41.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] = React40.useState(defaultSelectedEventId ?? null);
+  const [internalSelectedEventId, setInternalSelectedEventId] = React41.useState(defaultSelectedEventId ?? null);
   const activeSelectedEventId = isControlledSelectedEventId ? selectedEventId : internalSelectedEventId;
-  const setSelectedEventId = React40.useCallback(
+  const setSelectedEventId = React41.useCallback(
     (next) => {
       if (!isControlledSelectedEventId) setInternalSelectedEventId(next);
       onSelectedEventIdChange?.(next);
@@ -15203,9 +15260,9 @@ function CalendarTimeline({
     [isControlledSelectedEventId, onSelectedEventIdChange]
   );
   const isControlledEventSheetOpen = eventSheetOpen !== void 0;
-  const [internalEventSheetOpen, setInternalEventSheetOpen] = React40.useState(defaultEventSheetOpen ?? false);
+  const [internalEventSheetOpen, setInternalEventSheetOpen] = React41.useState(defaultEventSheetOpen ?? false);
   const activeEventSheetOpen = isControlledEventSheetOpen ? Boolean(eventSheetOpen) : internalEventSheetOpen;
-  const setEventSheetOpen = React40.useCallback(
+  const setEventSheetOpen = React41.useCallback(
     (next) => {
       if (!isControlledEventSheetOpen) setInternalEventSheetOpen(next);
       onEventSheetOpenChange?.(next);
@@ -15214,12 +15271,12 @@ function CalendarTimeline({
     [isControlledEventSheetOpen, onEventSheetOpenChange, setSelectedEventId]
   );
   const showResourceColumn = !hideResourceColumn;
-  const sizeConfig = React40.useMemo(() => getSizeConfig(size), [size]);
+  const sizeConfig = React41.useMemo(() => getSizeConfig(size), [size]);
   const densityClass = sizeConfig.densityClass;
   const eventHeight = sizeConfig.eventHeight;
   const laneGap = sizeConfig.laneGap;
   const lanePaddingY = sizeConfig.lanePaddingY;
-  const canResizeColumn = React40.useMemo(() => {
+  const canResizeColumn = React41.useMemo(() => {
     const cfg = enableLayoutResize;
     if (!cfg) return false;
     if (isViewOnly) return false;
@@ -15227,7 +15284,7 @@ function CalendarTimeline({
     if (cfg === true) return true;
     return cfg.column !== false;
   }, [enableLayoutResize, isViewOnly, showResourceColumn]);
-  const canResizeRow = React40.useMemo(() => {
+  const canResizeRow = React41.useMemo(() => {
     const cfg = enableLayoutResize;
     if (!cfg) return false;
     if (isViewOnly) return false;
@@ -15236,19 +15293,19 @@ function CalendarTimeline({
     return cfg.row !== false;
   }, [enableLayoutResize, isViewOnly, showResourceColumn]);
   const isControlledResourceColumnWidth = resourceColumnWidth !== void 0;
-  const [internalResourceColumnWidth, setInternalResourceColumnWidth] = React40.useState(() => {
+  const [internalResourceColumnWidth, setInternalResourceColumnWidth] = React41.useState(() => {
     const init = defaultResourceColumnWidth ?? sizeConfig.resourceColumnWidth;
     return typeof init === "number" ? init : sizeConfig.resourceColumnWidth;
   });
-  React40.useEffect(() => {
+  React41.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] = React40.useState(() => defaultRowHeight ?? sizeConfig.rowHeight);
-  React40.useEffect(() => {
+  const [internalRowHeight, setInternalRowHeight] = React41.useState(() => defaultRowHeight ?? sizeConfig.rowHeight);
+  React41.useEffect(() => {
     if (isControlledRowHeight) return;
     if (defaultRowHeight == null) return;
     setInternalRowHeight(defaultRowHeight);
@@ -15259,14 +15316,14 @@ function CalendarTimeline({
   const colMax = maxResourceColumnWidth ?? 520;
   const rowMin = minRowHeight ?? 36;
   const rowMax = maxRowHeight ?? 120;
-  const viewList = React40.useMemo(() => Array.isArray(view) ? view : void 0, [view]);
-  const availableViews = React40.useMemo(() => {
+  const viewList = React41.useMemo(() => Array.isArray(view) ? view : void 0, [view]);
+  const availableViews = React41.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] = React40.useState(() => {
+  const [internalView, setInternalView] = React41.useState(() => {
     if (onlyView) return onlyView;
     if (viewList?.length) {
       if (defaultView && viewList.includes(defaultView)) return defaultView;
@@ -15275,13 +15332,13 @@ function CalendarTimeline({
     return defaultView ?? "month";
   });
   const activeView = onlyView ? onlyView : isControlledView ? view : internalView;
-  React40.useEffect(() => {
+  React41.useEffect(() => {
     if (onlyView || isControlledView) return;
     if (!availableViews.includes(internalView)) {
       setInternalView(availableViews[0] ?? "month");
     }
   }, [availableViews, internalView, isControlledView, onlyView]);
-  const effectiveSlotMinWidth = React40.useMemo(() => {
+  const effectiveSlotMinWidth = React41.useMemo(() => {
     if (slotMinWidth == null) {
       if (activeView === "month" && monthEventStyle === "compact") {
         return clamp5(Math.round(sizeConfig.slotMinWidth * 0.55), 32, sizeConfig.slotMinWidth);
@@ -15293,17 +15350,17 @@ function CalendarTimeline({
     return baseSlotMinWidth;
   }, [activeView, baseSlotMinWidth, monthEventStyle, sizeConfig.slotMinWidth, slotMinWidth]);
   const isControlledDate = date !== void 0;
-  const [internalDate, setInternalDate] = React40.useState(() => defaultDate ?? /* @__PURE__ */ new Date());
+  const [internalDate, setInternalDate] = React41.useState(() => defaultDate ?? /* @__PURE__ */ new Date());
   const activeDate = isControlledDate ? date : internalDate;
-  const resolvedNow = React40.useMemo(() => now ?? /* @__PURE__ */ new Date(), [now]);
-  const formatToken = React40.useCallback((key, params) => {
+  const resolvedNow = React41.useMemo(() => now ?? /* @__PURE__ */ new Date(), [now]);
+  const formatToken = React41.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 = React40.useMemo(
+  const l = React41.useMemo(
     () => ({
       today: labels?.today ?? t("today"),
       prev: labels?.prev ?? t("prev"),
@@ -15326,7 +15383,7 @@ function CalendarTimeline({
     }),
     [formatToken, labels, t]
   );
-  const setView = React40.useCallback(
+  const setView = React41.useCallback(
     (next) => {
       if (onlyView) return;
       if (!availableViews.includes(next)) return;
@@ -15335,14 +15392,14 @@ function CalendarTimeline({
     },
     [availableViews, isControlledView, onViewChange, onlyView]
   );
-  const setDate = React40.useCallback(
+  const setDate = React41.useCallback(
     (next) => {
       if (!isControlledDate) setInternalDate(next);
       onDateChange?.(next);
     },
     [isControlledDate, onDateChange]
   );
-  const navigate = React40.useCallback(
+  const navigate = React41.useCallback(
     (dir) => {
       const base2 = activeDate;
       if (activeView === "month") {
@@ -15361,17 +15418,17 @@ function CalendarTimeline({
     },
     [activeDate, activeView, resolvedTimeZone, setDate]
   );
-  const [internalCollapsed, setInternalCollapsed] = React40.useState(() => defaultGroupCollapsed ?? {});
+  const [internalCollapsed, setInternalCollapsed] = React41.useState(() => defaultGroupCollapsed ?? {});
   const collapsed = groupCollapsed ?? internalCollapsed;
-  const setCollapsed = React40.useCallback(
+  const setCollapsed = React41.useCallback(
     (next) => {
       if (!groupCollapsed) setInternalCollapsed(next);
       onGroupCollapsedChange?.(next);
     },
     [groupCollapsed, onGroupCollapsedChange]
   );
-  const rows = React40.useMemo(() => buildRows({ resources, groups, collapsed }), [resources, groups, collapsed]);
-  const groupResourceCounts = React40.useMemo(() => getGroupResourceCounts(resources), [resources]);
+  const rows = React41.useMemo(() => buildRows({ resources, groups, collapsed }), [resources, groups, collapsed]);
+  const groupResourceCounts = React41.useMemo(() => getGroupResourceCounts(resources), [resources]);
   const { slots, range, slotStarts, todaySlotIdx, weekendSlotIdxs } = useTimelineSlots({
     activeView,
     activeDate,
@@ -15385,12 +15442,12 @@ function CalendarTimeline({
     formatters,
     dueDateSprint
   });
-  React40.useEffect(() => {
+  React41.useEffect(() => {
     onRangeChange?.(range);
   }, [range, onRangeChange]);
-  const leftRef = React40.useRef(null);
-  const bodyRef = React40.useRef(null);
-  const headerRef = React40.useRef(null);
+  const leftRef = React41.useRef(null);
+  const bodyRef = React41.useRef(null);
+  const headerRef = React41.useRef(null);
   const bodyClientWidth = useClientWidth(bodyRef);
   const { normalizedEvents, eventsByResource, resourceById } = useNormalizedEvents({
     events,
@@ -15422,16 +15479,16 @@ function CalendarTimeline({
     slotLefts,
     slotCount: slots.length
   });
-  const selectedEvent = React40.useMemo(() => {
+  const selectedEvent = React41.useMemo(() => {
     if (!activeSelectedEventId) return null;
     const found2 = normalizedEvents.find((e) => e.id === activeSelectedEventId);
     return found2 ?? null;
   }, [activeSelectedEventId, normalizedEvents]);
-  const selectedResource = React40.useMemo(() => {
+  const selectedResource = React41.useMemo(() => {
     if (!selectedEvent) return void 0;
     return resourceById.get(selectedEvent.resourceId);
   }, [resourceById, selectedEvent]);
-  const selectedTimeText = React40.useMemo(() => {
+  const selectedTimeText = React41.useMemo(() => {
     if (!selectedEvent) return "";
     return formatters?.eventTime?.({
       start: selectedEvent._start,
@@ -15441,7 +15498,7 @@ function CalendarTimeline({
       view: activeView
     }) ?? defaultEventTime({ start: selectedEvent._start, end: selectedEvent._end, locale: resolvedLocale, timeZone: resolvedTimeZone, view: activeView });
   }, [activeView, formatters, resolvedLocale, resolvedTimeZone, selectedEvent]);
-  React40.useEffect(() => {
+  React41.useEffect(() => {
     if (!effectiveEnableEventSheet) return;
     if (activeEventSheetOpen && activeSelectedEventId && !selectedEvent) {
       setEventSheetOpen(false);
@@ -15451,24 +15508,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] = React40.useState(() => defaultRowHeights ?? {});
-  React40.useEffect(() => {
+  const [internalRowHeights, setInternalRowHeights] = React41.useState(() => defaultRowHeights ?? {});
+  React41.useEffect(() => {
     if (isControlledRowHeights) return;
     if (!defaultRowHeights) return;
     setInternalRowHeights(defaultRowHeights);
   }, [defaultRowHeights, isControlledRowHeights]);
   const activeRowHeights = isControlledRowHeights ? rowHeights : internalRowHeights;
-  const autoRowHeightCfg = React40.useMemo(() => {
+  const autoRowHeightCfg = React41.useMemo(() => {
     if (!autoRowHeight) return null;
     return autoRowHeight === true ? {} : autoRowHeight;
   }, [autoRowHeight]);
-  const effectiveMaxLanesPerRow = React40.useMemo(() => {
+  const effectiveMaxLanesPerRow = React41.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 = React40.useMemo(() => {
+  const autoRowHeightsByResource = React41.useMemo(() => {
     if (!autoRowHeightCfg) return null;
     const maxRowHeight2 = autoRowHeightCfg.maxRowHeight;
     const out = /* @__PURE__ */ new Map();
@@ -15486,7 +15543,7 @@ function CalendarTimeline({
     }
     return out;
   }, [autoRowHeightCfg, eventHeight, eventsByResource, laneGap, lanePaddingY, slotStarts, slots.length, effectiveMaxLanesPerRow]);
-  const getResourceRowHeight = React40.useCallback(
+  const getResourceRowHeight = React41.useCallback(
     (resourceId) => {
       const h = activeRowHeights[resourceId];
       const base2 = typeof h === "number" && Number.isFinite(h) && h > 0 ? h : effectiveRowHeight;
@@ -15496,7 +15553,7 @@ function CalendarTimeline({
     },
     [activeRowHeights, autoRowHeightsByResource, effectiveRowHeight]
   );
-  const setRowHeightForResource = React40.useCallback(
+  const setRowHeightForResource = React41.useCallback(
     (resourceId, height) => {
       const clamped = clamp5(Math.round(height), rowMin, rowMax);
       onRowHeightChange?.(clamped);
@@ -15513,7 +15570,7 @@ function CalendarTimeline({
     },
     [activeRowHeights, isControlledRowHeights, onRowHeightChange, onRowHeightsChange, rowMax, rowMin]
   );
-  const rowHeightsArray = React40.useMemo(() => {
+  const rowHeightsArray = React41.useMemo(() => {
     return rows.map((r) => {
       if (r.kind === "resource") return getResourceRowHeight(r.resource.id);
       return sizeConfig.groupRowHeight;
@@ -15529,13 +15586,13 @@ function CalendarTimeline({
   const endRow = virt ? virtualResult.endIndex : rows.length;
   const topSpacer = virt ? virtualResult.topSpacer : 0;
   const bottomSpacer = virt ? virtualResult.bottomSpacer : 0;
-  const renderedRowsHeight = React40.useMemo(() => {
+  const renderedRowsHeight = React41.useMemo(() => {
     let h = 0;
     for (let i = startRow; i < endRow; i++) h += rowHeightsArray[i] ?? effectiveRowHeight;
     return h;
   }, [effectiveRowHeight, endRow, rowHeightsArray, startRow]);
-  const resizeRef = React40.useRef(null);
-  const setResourceColumnWidth = React40.useCallback(
+  const resizeRef = React41.useRef(null);
+  const setResourceColumnWidth = React41.useCallback(
     (next) => {
       const clamped = clamp5(Math.round(next), colMin, colMax);
       if (!isControlledResourceColumnWidth) setInternalResourceColumnWidth(clamped);
@@ -15543,7 +15600,7 @@ function CalendarTimeline({
     },
     [colMax, colMin, isControlledResourceColumnWidth, onResourceColumnWidthChange]
   );
-  const startResize = React40.useCallback(
+  const startResize = React41.useCallback(
     (mode, e, args) => {
       if (e.button !== 0 || e.ctrlKey) return;
       resizeRef.current = {
@@ -15586,7 +15643,7 @@ function CalendarTimeline({
     },
     [setResourceColumnWidth, setRowHeightForResource]
   );
-  React40.useEffect(() => {
+  React41.useEffect(() => {
     return () => {
       if (!resizeRef.current) return;
       resizeRef.current = null;
@@ -15594,7 +15651,7 @@ function CalendarTimeline({
       document.body.style.userSelect = "";
     };
   }, []);
-  const beginResizeColumn = React40.useCallback(
+  const beginResizeColumn = React41.useCallback(
     (e) => {
       if (!canResizeColumn) return;
       if (typeof effectiveResourceColumnWidth !== "number") return;
@@ -15602,7 +15659,7 @@ function CalendarTimeline({
     },
     [canResizeColumn, effectiveResourceColumnWidth, effectiveRowHeight, startResize]
   );
-  const beginResizeResourceRow = React40.useCallback(
+  const beginResizeResourceRow = React41.useCallback(
     (resourceId) => (e) => {
       if (!canResizeRow) return;
       startResize("row", e, {
@@ -15613,7 +15670,7 @@ function CalendarTimeline({
     },
     [canResizeRow, effectiveResourceColumnWidth, getResourceRowHeight, startResize]
   );
-  const title = React40.useMemo(() => {
+  const title = React41.useMemo(() => {
     if (activeView === "month") {
       return formatters?.monthTitle?.(activeDate, { locale: resolvedLocale, timeZone: resolvedTimeZone }) ?? defaultMonthTitle(activeDate, resolvedLocale, resolvedTimeZone);
     }
@@ -15640,11 +15697,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] = 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(() => {
+  const [createOpen, setCreateOpen] = React41.useState(false);
+  const [createResourceId, setCreateResourceId] = React41.useState(null);
+  const [createStartIdx, setCreateStartIdx] = React41.useState(0);
+  const [createEndIdx, setCreateEndIdx] = React41.useState(1);
+  const resourceOptions = React41.useMemo(() => {
     return resources.map((r) => ({
       label: typeof r.label === "string" ? r.label : r.id,
       value: r.id,
@@ -15652,7 +15709,7 @@ function CalendarTimeline({
       disabled: r.disabled ?? false
     }));
   }, [resources]);
-  const formatCreateBoundaryLabel = React40.useMemo(() => {
+  const formatCreateBoundaryLabel = React41.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" });
@@ -15700,7 +15757,7 @@ function CalendarTimeline({
       return dayFmt.format(d);
     };
   }, [activeView, dueDateSprint, l.sprint, resolvedLocale, resolvedTimeZone, slotStarts]);
-  const openCreate = React40.useCallback(() => {
+  const openCreate = React41.useCallback(() => {
     if (!canCreate) return;
     if (activeEventSheetOpen) setEventSheetOpen(false);
     const firstResource = resources.find((r) => !r.disabled)?.id ?? resources[0]?.id ?? null;
@@ -15732,13 +15789,13 @@ function CalendarTimeline({
     slotStarts,
     slots.length
   ]);
-  React40.useEffect(() => {
+  React41.useEffect(() => {
     setCreateEndIdx((prev) => Math.min(slots.length, Math.max(prev, createStartIdx + 1)));
   }, [createStartIdx, slots.length]);
-  const createStartOptions = React40.useMemo(() => {
+  const createStartOptions = React41.useMemo(() => {
     return slotStarts.map((d, idx) => ({ label: formatCreateBoundaryLabel(d, { kind: "start", boundaryIdx: idx }), value: idx }));
   }, [formatCreateBoundaryLabel, slotStarts]);
-  const createEndOptions = React40.useMemo(() => {
+  const createEndOptions = React41.useMemo(() => {
     const out = [];
     for (let idx = createStartIdx + 1; idx <= slotStarts.length; idx++) {
       const boundary = idx >= slotStarts.length ? range.end : slotStarts[idx];
@@ -15746,7 +15803,7 @@ function CalendarTimeline({
     }
     return out;
   }, [createStartIdx, formatCreateBoundaryLabel, range.end, slotStarts]);
-  const commitCreate = React40.useCallback(() => {
+  const commitCreate = React41.useCallback(() => {
     if (!onCreateEvent) return;
     if (!createResourceId) return;
     const start = slotStarts[clamp5(createStartIdx, 0, Math.max(0, slotStarts.length - 1))];
@@ -15757,38 +15814,38 @@ function CalendarTimeline({
     onCreateEvent({ resourceId: createResourceId, start, end: endBoundary });
     setCreateOpen(false);
   }, [createEndIdx, createResourceId, createStartIdx, onCreateEvent, range.end, slotStarts]);
-  const dragRef = React40.useRef(null);
-  const [preview, setPreviewState] = React40.useState(null);
-  const previewRef = React40.useRef(null);
-  const setPreview = React40.useCallback((next) => {
+  const dragRef = React41.useRef(null);
+  const [preview, setPreviewState] = React41.useState(null);
+  const previewRef = React41.useRef(null);
+  const setPreview = React41.useCallback((next) => {
     previewRef.current = next;
     setPreviewState(next);
   }, []);
-  const suppressNextEventClickRef = React40.useRef(false);
-  const [hoverCell, setHoverCellState] = React40.useState(null);
-  const hoverCellRef = React40.useRef(null);
-  const setHoverCell = React40.useCallback((next) => {
+  const suppressNextEventClickRef = React41.useRef(false);
+  const [hoverCell, setHoverCellState] = React41.useState(null);
+  const hoverCellRef = React41.useRef(null);
+  const setHoverCell = React41.useCallback((next) => {
     hoverCellRef.current = next;
     setHoverCellState(next);
   }, []);
-  const autoScrollStateRef = React40.useRef({
+  const autoScrollStateRef = React41.useRef({
     dir: 0,
     speed: 0,
     lastClientX: 0,
     lastClientY: 0
   });
-  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(() => {
+  const autoScrollRafRef = React41.useRef(null);
+  const dragPreviewRafRef = React41.useRef(null);
+  const dragPreviewPointRef = React41.useRef(null);
+  const hoverCellRafRef = React41.useRef(null);
+  const hoverCellPendingRef = React41.useRef(null);
+  const stopAutoScroll = React41.useCallback(() => {
     if (autoScrollRafRef.current != null) cancelAnimationFrame(autoScrollRafRef.current);
     autoScrollRafRef.current = null;
     autoScrollStateRef.current.dir = 0;
     autoScrollStateRef.current.speed = 0;
   }, []);
-  const getPointerContext = React40.useCallback(
+  const getPointerContext = React41.useCallback(
     (clientX, clientY, opts) => {
       const body = bodyRef.current;
       if (!body) return null;
@@ -15806,7 +15863,7 @@ function CalendarTimeline({
     },
     [xToSlotIdx]
   );
-  const slotToDate = React40.useCallback(
+  const slotToDate = React41.useCallback(
     (slotIdx) => {
       const start = slotStarts[clamp5(slotIdx, 0, slotStarts.length - 1)];
       if (activeView === "day") {
@@ -15820,7 +15877,7 @@ function CalendarTimeline({
     },
     [activeView, dayTimeStepMinutes, resolvedTimeZone, slotStarts]
   );
-  const updateDragPreview = React40.useCallback(
+  const updateDragPreview = React41.useCallback(
     (clientX, clientY) => {
       const drag = dragRef.current;
       if (!drag) return;
@@ -15864,13 +15921,13 @@ function CalendarTimeline({
     },
     [getPointerContext, range.end, range.start, setPreview, slotToDate, slots.length]
   );
-  const flushDragPreview = React40.useCallback(() => {
+  const flushDragPreview = React41.useCallback(() => {
     dragPreviewRafRef.current = null;
     const point = dragPreviewPointRef.current;
     if (!point) return;
     updateDragPreview(point.x, point.y);
   }, [updateDragPreview]);
-  const scheduleDragPreview = React40.useCallback(
+  const scheduleDragPreview = React41.useCallback(
     (clientX, clientY) => {
       dragPreviewPointRef.current = { x: clientX, y: clientY };
       if (dragPreviewRafRef.current != null) return;
@@ -15878,7 +15935,7 @@ function CalendarTimeline({
     },
     [flushDragPreview]
   );
-  const applyHoverCell = React40.useCallback(
+  const applyHoverCell = React41.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;
@@ -15887,11 +15944,11 @@ function CalendarTimeline({
     },
     [setHoverCell]
   );
-  const flushHoverCell = React40.useCallback(() => {
+  const flushHoverCell = React41.useCallback(() => {
     hoverCellRafRef.current = null;
     applyHoverCell(hoverCellPendingRef.current);
   }, [applyHoverCell]);
-  const scheduleHoverCell = React40.useCallback(
+  const scheduleHoverCell = React41.useCallback(
     (next) => {
       hoverCellPendingRef.current = next;
       if (hoverCellRafRef.current != null) return;
@@ -15899,7 +15956,7 @@ function CalendarTimeline({
     },
     [flushHoverCell]
   );
-  const autoScrollTick = React40.useCallback(() => {
+  const autoScrollTick = React41.useCallback(() => {
     const drag = dragRef.current;
     const body = bodyRef.current;
     const st = autoScrollStateRef.current;
@@ -15918,7 +15975,7 @@ function CalendarTimeline({
     updateDragPreview(st.lastClientX, st.lastClientY);
     autoScrollRafRef.current = requestAnimationFrame(autoScrollTick);
   }, [stopAutoScroll, updateDragPreview]);
-  const updateAutoScrollFromPointer = React40.useCallback(
+  const updateAutoScrollFromPointer = React41.useCallback(
     (clientX, clientY) => {
       const body = bodyRef.current;
       if (!body) return;
@@ -15949,8 +16006,8 @@ function CalendarTimeline({
     },
     [autoScrollTick, stopAutoScroll]
   );
-  React40.useEffect(() => stopAutoScroll, [stopAutoScroll]);
-  React40.useEffect(() => {
+  React41.useEffect(() => stopAutoScroll, [stopAutoScroll]);
+  React41.useEffect(() => {
     return () => {
       if (dragPreviewRafRef.current != null) cancelAnimationFrame(dragPreviewRafRef.current);
       if (hoverCellRafRef.current != null) cancelAnimationFrame(hoverCellRafRef.current);
@@ -16097,7 +16154,7 @@ function CalendarTimeline({
     }
     setPreview(null);
   };
-  const onBodyPointerLeave = React40.useCallback(() => {
+  const onBodyPointerLeave = React41.useCallback(() => {
     hoverCellPendingRef.current = null;
     if (hoverCellRafRef.current != null) {
       cancelAnimationFrame(hoverCellRafRef.current);
@@ -16124,7 +16181,7 @@ function CalendarTimeline({
       }
     );
   };
-  const slotHeaderNodes = React40.useMemo(() => {
+  const slotHeaderNodes = React41.useMemo(() => {
     const startIdx = colVirtEnabled ? visibleSlots.startIdx : 0;
     const endIdx = colVirtEnabled ? visibleSlots.endIdx : slots.length;
     const leftSpacer = startIdx > 0 ? slotLefts[startIdx] ?? 0 : 0;
@@ -16450,7 +16507,7 @@ function CalendarTimeline({
                               ]
                             }
                           );
-                          if (!enableEventTooltips) return /* @__PURE__ */ jsx45(React40.Fragment, { children: block }, ev.id);
+                          if (!enableEventTooltips) return /* @__PURE__ */ jsx45(React41.Fragment, { children: block }, ev.id);
                           const tooltipContent = /* @__PURE__ */ jsxs34("div", { className: "flex flex-col gap-0.5", children: [
                             /* @__PURE__ */ jsx45("div", { className: "font-semibold", children: tooltipTitle }),
                             /* @__PURE__ */ jsx45("div", { className: "text-xs opacity-80", children: timeText }),
@@ -16607,7 +16664,7 @@ function CalendarTimeline({
 }
 
 // src/components/MultiCombobox.tsx
-import * as React41 from "react";
+import * as React42 from "react";
 import { useId as useId9 } from "react";
 import { useVirtualizer as useVirtualizer2 } from "@tanstack/react-virtual";
 import { ChevronDown as ChevronDown4, Search as Search5, Check as Check6, SearchX as SearchX2, Loader2 as Loader23, X as X13, Sparkles as Sparkles2 } from "lucide-react";
@@ -16675,17 +16732,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] = 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);
+  const [query, setQuery] = React42.useState("");
+  const [open, setOpen] = React42.useState(false);
+  const [activeIndex, setActiveIndex] = React42.useState(null);
+  const [localRequiredError, setLocalRequiredError] = React42.useState();
+  const inputRef = React42.useRef(null);
+  const listRef = React42.useRef([]);
+  const optionsListRef = React42.useRef(null);
   useOverlayScrollbarTarget(optionsListRef, { enabled: open && useOverlayScrollbar && !virtualized });
-  const triggerRef = React41.useRef(null);
+  const triggerRef = React42.useRef(null);
   useShadCNAnimations();
-  const normalizedOptions = React41.useMemo(
+  const normalizedOptions = React42.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 }
     ),
@@ -16695,7 +16752,7 @@ var MultiCombobox = ({
   const trimmedQuery = query.trim();
   const queryMeetsMinimum = trimmedQuery.length >= minSearchLength;
   const shouldPromptForSearch = minSearchLength > 0 && !queryMeetsMinimum && (searchMode === "manual" || showSearchPromptWhenEmptyQuery);
-  const filtered = React41.useMemo(() => {
+  const filtered = React42.useMemo(() => {
     if (shouldPromptForSearch) return [];
     if (!enableSearch || searchMode === "manual") return normalizedOptions;
     const normalizedQuery = trimmedQuery.toLowerCase();
@@ -16704,7 +16761,7 @@ var MultiCombobox = ({
       (opt) => opt.label.toLowerCase().includes(normalizedQuery) || opt.description?.toLowerCase().includes(normalizedQuery)
     );
   }, [enableSearch, normalizedOptions, searchMode, shouldPromptForSearch, trimmedQuery]);
-  const renderLimitedOptions = React41.useMemo(() => {
+  const renderLimitedOptions = React42.useMemo(() => {
     if (trimmedQuery || maxInitialOptions === void 0 || maxInitialOptions < 1) {
       return filtered;
     }
@@ -16720,14 +16777,14 @@ var MultiCombobox = ({
     enabled: canVirtualize
   });
   const virtualItems = canVirtualize ? optionVirtualizer.getVirtualItems() : [];
-  const scrollVirtualListToIndex = React41.useCallback((index) => {
+  const scrollVirtualListToIndex = React42.useCallback((index) => {
     if (!canVirtualize || renderLimitedOptions.length === 0) return;
     optionVirtualizer.scrollToIndex(index, { align: "auto" });
   }, [canVirtualize, optionVirtualizer, renderLimitedOptions.length]);
-  const scrollVirtualListToStart = React41.useCallback(() => {
+  const scrollVirtualListToStart = React42.useCallback(() => {
     scrollVirtualListToIndex(0);
   }, [scrollVirtualListToIndex]);
-  const groupedOptions = React41.useMemo(() => {
+  const groupedOptions = React42.useMemo(() => {
     if (!groupBy) return null;
     const groups = /* @__PURE__ */ new Map();
     renderLimitedOptions.forEach((opt) => {
@@ -16780,12 +16837,12 @@ var MultiCombobox = ({
     onChange([]);
   };
   const effectiveError = error ?? localRequiredError;
-  React41.useEffect(() => {
+  React42.useEffect(() => {
     if (disabled || !required || value.length > 0) {
       setLocalRequiredError(void 0);
     }
   }, [disabled, required, value.length]);
-  React41.useEffect(() => {
+  React42.useEffect(() => {
     if (open && enableSearch) {
       setTimeout(() => {
         inputRef.current?.focus();
@@ -16796,12 +16853,12 @@ var MultiCombobox = ({
       scrollVirtualListToStart();
     }
   }, [enableSearch, open, scrollVirtualListToStart]);
-  React41.useEffect(() => {
+  React42.useEffect(() => {
     if (!onSearchChange) return void 0;
     const timeoutId = window.setTimeout(() => onSearchChange(query), searchDebounceMs);
     return () => window.clearTimeout(timeoutId);
   }, [onSearchChange, query, searchDebounceMs]);
-  React41.useEffect(() => {
+  React42.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.'
@@ -17040,7 +17097,7 @@ var MultiCombobox = ({
       }
     )
   ] });
-  const selectedOptionFallbackMap = React41.useMemo(
+  const selectedOptionFallbackMap = React42.useMemo(
     () => new Map((selectedOptionsProp ?? []).map((option) => [option.value, option])),
     [selectedOptionsProp]
   );
@@ -17074,7 +17131,7 @@ var MultiCombobox = ({
         /* @__PURE__ */ jsx46("div", { className: cn("flex items-center gap-1.5 flex-1 overflow-hidden", size === "sm" ? "min-h-4" : size === "lg" ? "min-h-8" : "min-h-6"), children: value.length > 0 ? showTags ? /* @__PURE__ */ jsxs35(Fragment14, { children: [
           visibleTags.map((option) => {
             if (renderTag) {
-              return /* @__PURE__ */ jsx46(React41.Fragment, { children: renderTag(option, () => handleRemove(option.value)) }, option.value);
+              return /* @__PURE__ */ jsx46(React42.Fragment, { children: renderTag(option, () => handleRemove(option.value)) }, option.value);
             }
             return /* @__PURE__ */ jsxs35(
               "span",
@@ -17236,17 +17293,17 @@ var MultiCombobox = ({
 };
 
 // src/components/RadioGroup.tsx
-import * as React42 from "react";
+import * as React43 from "react";
 import { jsx as jsx47, jsxs as jsxs36 } from "react/jsx-runtime";
-var RadioGroupContext = React42.createContext(void 0);
+var RadioGroupContext = React43.createContext(void 0);
 var useRadioGroup = () => {
-  const context = React42.useContext(RadioGroupContext);
+  const context = React43.useContext(RadioGroupContext);
   if (!context) {
     throw new Error("RadioGroupItem must be used within a RadioGroup");
   }
   return context;
 };
-var RadioGroup = React42.forwardRef(
+var RadioGroup = React43.forwardRef(
   ({
     value,
     defaultValue,
@@ -17262,7 +17319,7 @@ var RadioGroup = React42.forwardRef(
     error = false,
     errorMessage
   }, ref) => {
-    const [internalValue, setInternalValue] = React42.useState(defaultValue || "");
+    const [internalValue, setInternalValue] = React43.useState(defaultValue || "");
     const isControlled = value !== void 0;
     const currentValue = isControlled ? value : internalValue;
     const handleValueChange = (newValue) => {
@@ -17273,7 +17330,7 @@ var RadioGroup = React42.forwardRef(
         onValueChange?.(newValue);
       }
     };
-    const uniqueId = React42.useId();
+    const uniqueId = React43.useId();
     const radioName = name || `radio-group-${uniqueId}`;
     return /* @__PURE__ */ jsx47(
       RadioGroupContext.Provider,
@@ -17331,7 +17388,7 @@ var sizeStyles7 = {
     padding: "p-4"
   }
 };
-var RadioGroupItem = React42.forwardRef(
+var RadioGroupItem = React43.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;
@@ -17509,7 +17566,7 @@ var RadioGroupItem = React42.forwardRef(
 RadioGroupItem.displayName = "RadioGroupItem";
 
 // src/components/Slider.tsx
-import * as React43 from "react";
+import * as React44 from "react";
 import { Fragment as Fragment15, jsx as jsx48, jsxs as jsxs37 } from "react/jsx-runtime";
 var SIZE_STYLES = {
   sm: {
@@ -17562,7 +17619,7 @@ function SliderTooltip({
     }
   );
 }
-var Slider = React43.forwardRef(
+var Slider = React44.forwardRef(
   ({
     className,
     mode = "single",
@@ -17598,28 +17655,28 @@ var Slider = React43.forwardRef(
   }, ref) => {
     const gi18n = useGlobalI18n();
     const isRange = mode === "range";
-    const trackRef = React43.useRef(null);
-    const [internalValue, setInternalValue] = React43.useState(defaultValue);
-    const [internalRange, setInternalRange] = React43.useState(() => {
+    const trackRef = React44.useRef(null);
+    const [internalValue, setInternalValue] = React44.useState(defaultValue);
+    const [internalRange, setInternalRange] = React44.useState(() => {
       if (defaultRangeValue) return defaultRangeValue;
       const v = clamp6(defaultValue, min, max);
       return [min, v];
     });
-    const [activeThumb, setActiveThumb] = React43.useState(null);
-    const dragRef = React43.useRef(null);
-    const [isHovering, setIsHovering] = React43.useState(false);
-    const [isDragging, setIsDragging] = React43.useState(false);
+    const [activeThumb, setActiveThumb] = React44.useState(null);
+    const dragRef = React44.useRef(null);
+    const [isHovering, setIsHovering] = React44.useState(false);
+    const [isDragging, setIsDragging] = React44.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 = React43.useMemo(
+    const normalizedRange = React44.useMemo(
       () => rangeMin <= rangeMax ? [rangeMin, rangeMax] : [rangeMax, rangeMin],
       [rangeMax, rangeMin]
     );
-    const handleSingleChange = React43.useCallback(
+    const handleSingleChange = React44.useCallback(
       (e) => {
         const newValue = Number(e.target.value);
         if (!isControlled) {
@@ -17630,14 +17687,14 @@ var Slider = React43.forwardRef(
       },
       [isControlled, onChange, onValueChange]
     );
-    const emitRange = React43.useCallback(
+    const emitRange = React44.useCallback(
       (next) => {
         onRangeChange?.(next);
         onRangeValueChange?.(next);
       },
       [onRangeChange, onRangeValueChange]
     );
-    const handleRangeChange = React43.useCallback(
+    const handleRangeChange = React44.useCallback(
       (thumb) => (e) => {
         const nextVal = Number(e.target.value);
         const [curMin, curMax] = normalizedRange;
@@ -17653,7 +17710,7 @@ var Slider = React43.forwardRef(
     const rangeEndPct = (normalizedRange[1] - min) / denom * 100;
     const sizeStyles8 = SIZE_STYLES[size];
     const tooltipVisible = showTooltip && !disabled && (isHovering || isDragging);
-    const displayValue = React43.useMemo(() => {
+    const displayValue = React44.useMemo(() => {
       if (isRange) {
         const a = formatValue ? formatValue(normalizedRange[0]) : normalizedRange[0].toString();
         const b = formatValue ? formatValue(normalizedRange[1]) : normalizedRange[1].toString();
@@ -17661,7 +17718,7 @@ var Slider = React43.forwardRef(
       }
       return formatValue ? formatValue(currentValue) : currentValue.toString();
     }, [currentValue, formatValue, isRange, normalizedRange]);
-    const quantize = React43.useCallback(
+    const quantize = React44.useCallback(
       (v) => {
         const stepped = Math.round((v - min) / step) * step + min;
         const fixed = Number(stepped.toFixed(10));
@@ -17669,7 +17726,7 @@ var Slider = React43.forwardRef(
       },
       [max, min, step]
     );
-    const valueFromClientX = React43.useCallback(
+    const valueFromClientX = React44.useCallback(
       (clientX) => {
         const el = trackRef.current;
         if (!el) return min;
@@ -17926,7 +17983,7 @@ Slider.displayName = "Slider";
 
 // src/components/OverlayControls.tsx
 import { Dot as Dot2, Maximize2, Pause, Play, RotateCcw, RotateCw, Volume2, VolumeX } from "lucide-react";
-import React44 from "react";
+import React45 from "react";
 import { Fragment as Fragment16, jsx as jsx49, jsxs as jsxs38 } from "react/jsx-runtime";
 function resolveKeyboardEventElement(target) {
   if (target instanceof Element) return target;
@@ -17976,24 +18033,24 @@ function OverlayControls({
 }) {
   const hoverClasses = showOnHover ? "opacity-0 pointer-events-none group-hover:opacity-100 group-hover:pointer-events-auto" : "opacity-100 pointer-events-auto";
   const showControlsBar = mode === "review";
-  const [rateOpen, setRateOpen] = React44.useState(false);
-  const rateWrapRef = React44.useRef(null);
-  const [controlsVisible, setControlsVisible] = React44.useState(true);
-  const hideTimerRef = React44.useRef(null);
-  const [previewData, setPreviewData] = React44.useState(null);
-  const sliderRef = React44.useRef(null);
-  const [isDragging, setIsDragging] = React44.useState(false);
-  const [dragValue, setDragValue] = React44.useState(value);
-  React44.useEffect(() => {
+  const [rateOpen, setRateOpen] = React45.useState(false);
+  const rateWrapRef = React45.useRef(null);
+  const [controlsVisible, setControlsVisible] = React45.useState(true);
+  const hideTimerRef = React45.useRef(null);
+  const [previewData, setPreviewData] = React45.useState(null);
+  const sliderRef = React45.useRef(null);
+  const [isDragging, setIsDragging] = React45.useState(false);
+  const [dragValue, setDragValue] = React45.useState(value);
+  React45.useEffect(() => {
     if (!isDragging) {
       setDragValue(value);
     }
   }, [value, isDragging]);
-  const [keyboardFeedback, setKeyboardFeedback] = React44.useState(null);
-  const feedbackTimerRef = React44.useRef(null);
-  const seekAccumulatorRef = React44.useRef(0);
-  const seekAccumulatorTimerRef = React44.useRef(null);
-  React44.useEffect(() => {
+  const [keyboardFeedback, setKeyboardFeedback] = React45.useState(null);
+  const feedbackTimerRef = React45.useRef(null);
+  const seekAccumulatorRef = React45.useRef(0);
+  const seekAccumulatorTimerRef = React45.useRef(null);
+  React45.useEffect(() => {
     const onDocDown = (e) => {
       if (!rateOpen) return;
       const wrap = rateWrapRef.current;
@@ -18004,7 +18061,7 @@ function OverlayControls({
     document.addEventListener("mousedown", onDocDown);
     return () => document.removeEventListener("mousedown", onDocDown);
   }, [rateOpen]);
-  React44.useEffect(() => {
+  React45.useEffect(() => {
     if (!autoHide || showOnHover) return;
     const resetTimer = () => {
       if (hideTimerRef.current) clearTimeout(hideTimerRef.current);
@@ -18027,14 +18084,14 @@ function OverlayControls({
       document.removeEventListener("mousemove", handleMouseMove2);
     };
   }, [autoHide, autoHideDelay, showOnHover]);
-  const showFeedback = React44.useCallback((type, value2) => {
+  const showFeedback = React45.useCallback((type, value2) => {
     if (feedbackTimerRef.current) clearTimeout(feedbackTimerRef.current);
     setKeyboardFeedback({ type, value: value2 });
     feedbackTimerRef.current = setTimeout(() => {
       setKeyboardFeedback(null);
     }, 800);
   }, []);
-  const accumulateSeek = React44.useCallback((seconds) => {
+  const accumulateSeek = React45.useCallback((seconds) => {
     if (seekAccumulatorTimerRef.current) clearTimeout(seekAccumulatorTimerRef.current);
     seekAccumulatorRef.current += seconds;
     showFeedback("seek", seekAccumulatorRef.current);
@@ -18042,7 +18099,7 @@ function OverlayControls({
       seekAccumulatorRef.current = 0;
     }, 1e3);
   }, [showFeedback]);
-  React44.useEffect(() => {
+  React45.useEffect(() => {
     if (!enableKeyboardShortcuts) return;
     const handleKeyDown2 = (e) => {
       if (isEditableKeyboardTarget(e.target)) return;
@@ -20021,7 +20078,7 @@ function FileUpload({
 }
 
 // src/components/Carousel.tsx
-import * as React46 from "react";
+import * as React47 from "react";
 import { ChevronLeft as ChevronLeft5, ChevronRight as ChevronRight8 } from "lucide-react";
 import { Fragment as Fragment18, jsx as jsx53, jsxs as jsxs42 } from "react/jsx-runtime";
 function Carousel({
@@ -20047,16 +20104,16 @@ function Carousel({
   effectOptions
 }) {
   const gi18n = useGlobalI18n();
-  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 [currentIndex, setCurrentIndex] = React47.useState(0);
+  const [isPaused, setIsPaused] = React47.useState(false);
+  const progressElRef = React47.useRef(null);
+  const carouselRef = React47.useRef(null);
+  const rafRef = React47.useRef(null);
+  const isDraggingRef = React47.useRef(false);
+  const dragDistanceRef = React47.useRef(0);
+  const startPosRef = React47.useRef(0);
+  const lastDragPositionRef = React47.useRef(0);
+  const slides = React47.useMemo(() => React47.Children.toArray(children), [children]);
   const totalSlides = slides.length;
   const isHorizontal = orientation === "horizontal";
   const effectiveAnimation = slidesToShow > 1 && !["slide", "coverflow", "stack"].includes(animation) ? "slide" : animation;
@@ -20064,7 +20121,7 @@ function Carousel({
   const effectiveSlidesToShow = isDeckAnimation ? 1 : slidesToShow;
   const maxIndex = Math.max(0, totalSlides - effectiveSlidesToShow);
   const shouldShowArrows = showArrows && isHorizontal;
-  const presetEffectOptions = React46.useMemo(() => {
+  const presetEffectOptions = React47.useMemo(() => {
     if (effectPreset === "cinematic") {
       return effectiveAnimation === "stack" ? {
         mainScale: 1.08,
@@ -20159,7 +20216,7 @@ function Carousel({
     }
     return {};
   }, [effectPreset, effectiveAnimation]);
-  const mergedEffectOptions = React46.useMemo(
+  const mergedEffectOptions = React47.useMemo(
     () => ({
       mainScale: 1.04,
       sideScale: effectiveAnimation === "stack" ? 0.93 : 0.88,
@@ -20178,7 +20235,7 @@ function Carousel({
     }),
     [effectOptions, effectiveAnimation, presetEffectOptions]
   );
-  const scrollPrev = React46.useCallback(() => {
+  const scrollPrev = React47.useCallback(() => {
     setCurrentIndex((prev) => {
       if (prev === 0) {
         return loop ? maxIndex : 0;
@@ -20186,7 +20243,7 @@ function Carousel({
       return Math.max(0, prev - slidesToScroll);
     });
   }, [loop, maxIndex, slidesToScroll]);
-  const scrollNext = React46.useCallback(() => {
+  const scrollNext = React47.useCallback(() => {
     setCurrentIndex((prev) => {
       if (prev >= maxIndex) {
         return loop ? 0 : maxIndex;
@@ -20194,13 +20251,13 @@ function Carousel({
       return Math.min(maxIndex, prev + slidesToScroll);
     });
   }, [loop, maxIndex, slidesToScroll]);
-  const scrollTo = React46.useCallback(
+  const scrollTo = React47.useCallback(
     (index) => {
       setCurrentIndex(Math.min(maxIndex, Math.max(0, index)));
     },
     [maxIndex]
   );
-  const handleKeyDown2 = React46.useCallback(
+  const handleKeyDown2 = React47.useCallback(
     (e) => {
       if (e.key === "ArrowLeft" || e.key === "ArrowUp") {
         e.preventDefault();
@@ -20218,7 +20275,7 @@ function Carousel({
     },
     [scrollPrev, scrollNext, scrollTo, maxIndex]
   );
-  React46.useEffect(() => {
+  React47.useEffect(() => {
     const stop = () => {
       if (rafRef.current != null) {
         cancelAnimationFrame(rafRef.current);
@@ -20278,7 +20335,7 @@ function Carousel({
     startPosRef.current = 0;
     lastDragPositionRef.current = 0;
   };
-  const handleDeckAreaClick = React46.useCallback((event) => {
+  const handleDeckAreaClick = React47.useCallback((event) => {
     if (!isDeckAnimation || dragDistanceRef.current > 8) {
       dragDistanceRef.current = 0;
       return;
@@ -20295,7 +20352,7 @@ function Carousel({
       scrollNext();
     }
   }, [isDeckAnimation, scrollNext, scrollPrev]);
-  React46.useEffect(() => {
+  React47.useEffect(() => {
     onSlideChange?.(currentIndex);
   }, [currentIndex, onSlideChange]);
   const getAnimationStyles2 = () => {
@@ -20309,7 +20366,7 @@ function Carousel({
     };
   };
   const slideWidth = 100 / effectiveSlidesToShow;
-  const getLoopDistance = React46.useCallback(
+  const getLoopDistance = React47.useCallback(
     (index) => {
       if (totalSlides <= 0) return 0;
       const forward = index - currentIndex;
@@ -20321,7 +20378,7 @@ function Carousel({
     },
     [currentIndex, loop, totalSlides]
   );
-  const getDeckSlideStyles = React46.useCallback(
+  const getDeckSlideStyles = React47.useCallback(
     (index) => {
       const distance = getLoopDistance(index);
       const absDistance = Math.abs(distance);
@@ -20401,7 +20458,7 @@ function Carousel({
             "aria-atomic": "false",
             "aria-live": autoScroll ? "off" : "polite",
             children: slides.map((child, idx) => {
-              const key = React46.isValidElement(child) && child.key || idx;
+              const key = React47.isValidElement(child) && child.key || idx;
               const ariaHidden = effectiveAnimation === "slide" ? idx < currentIndex || idx >= currentIndex + slidesToShow : idx !== currentIndex;
               if (isDeckAnimation) {
                 return /* @__PURE__ */ jsx53(
@@ -20524,7 +20581,7 @@ function Carousel({
               "max-md:gap-1.5 max-md:p-2",
               isHorizontal ? "flex-row" : "flex-col"
             ),
-            children: React46.Children.map(children, (child, idx) => /* @__PURE__ */ jsx53(
+            children: React47.Children.map(children, (child, idx) => /* @__PURE__ */ jsx53(
               "button",
               {
                 onClick: () => scrollTo(idx),
@@ -20546,7 +20603,7 @@ function Carousel({
 }
 
 // src/components/FallingIcons.tsx
-import React47 from "react";
+import React48 from "react";
 import { jsx as jsx54, jsxs as jsxs43 } from "react/jsx-runtime";
 var DEFAULT_COUNT = 24;
 var DEFAULT_SPEED_RANGE = [6, 14];
@@ -20574,10 +20631,10 @@ function FallingIcons({
   physics,
   easingFunction = "linear"
 }) {
-  const uid = React47.useId().replace(/[:]/g, "");
-  const containerRef = React47.useRef(null);
-  const [fallDist, setFallDist] = React47.useState(null);
-  const idRef = React47.useRef(1);
+  const uid = React48.useId().replace(/[:]/g, "");
+  const containerRef = React48.useRef(null);
+  const [fallDist, setFallDist] = React48.useState(null);
+  const idRef = React48.useRef(1);
   const gravity = physics?.gravity ?? 1;
   const windDirection = physics?.windDirection ?? 0;
   const windStrength = physics?.windStrength ?? 0;
@@ -20591,7 +20648,7 @@ function FallingIcons({
     bounce: "cubic-bezier(0.68, -0.55, 0.265, 1.55)",
     elastic: "cubic-bezier(0.175, 0.885, 0.32, 1.275)"
   };
-  const makeParticle = React47.useCallback(() => {
+  const makeParticle = React48.useCallback(() => {
     const rnd = (min, max) => min + Math.random() * (max - min);
     return {
       leftPct: rnd(0, 100),
@@ -20605,12 +20662,12 @@ function FallingIcons({
       key: idRef.current++
     };
   }, [sizeRange, speedRange, horizontalDrift, gravity, windDirection, windStrength]);
-  const [particles, setParticles] = React47.useState([]);
-  React47.useEffect(() => {
+  const [particles, setParticles] = React48.useState([]);
+  React48.useEffect(() => {
     const arr = Array.from({ length: Math.max(0, count) }).map(() => makeParticle());
     setParticles(arr);
   }, [count, makeParticle]);
-  React47.useEffect(() => {
+  React48.useEffect(() => {
     if (fullScreen) {
       const measure2 = () => setFallDist(window.innerHeight + 200);
       measure2();
@@ -20635,14 +20692,14 @@ function FallingIcons({
   const SpinName = `uv-spin-${uid}`;
   const PopName = `uv-pop-${uid}`;
   const PhysicsSpinName = `uv-physics-spin-${uid}`;
-  const glowStyles = React47.useMemo(() => {
+  const glowStyles = React48.useMemo(() => {
     if (!glow) return {};
     const intensity = Math.max(0, Math.min(1, glowIntensity));
     return {
       filter: `drop-shadow(0 0 ${4 * intensity}px ${glowColor}) drop-shadow(0 0 ${8 * intensity}px ${glowColor})`
     };
   }, [glow, glowColor, glowIntensity]);
-  const FallbackIcon = React47.useMemo(
+  const FallbackIcon = React48.useMemo(
     () => function FallingIconsFallbackIcon(props) {
       return /* @__PURE__ */ jsx54("svg", { viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true", ...props, children: /* @__PURE__ */ jsx54("circle", { cx: "12", cy: "12", r: "10" }) });
     },
@@ -20704,7 +20761,7 @@ function FallingIcons({
             });
           };
           const trailParticles = trail ? Array.from({ length: Math.min(5, Math.max(1, trailLength)) }) : [];
-          return /* @__PURE__ */ jsxs43(React47.Fragment, { children: [
+          return /* @__PURE__ */ jsxs43(React48.Fragment, { children: [
             trail && trailParticles.map((_, trailIndex) => {
               const trailDelay = p.delay - (trailIndex + 1) * 0.15;
               const trailOpacity = 1 - (trailIndex + 1) * (1 / (trailParticles.length + 1));
@@ -20822,7 +20879,7 @@ function FallingIcons({
 }
 
 // src/components/List.tsx
-import * as React48 from "react";
+import * as React49 from "react";
 import { ChevronRight as ChevronRight9 } from "lucide-react";
 import { Fragment as Fragment19, jsx as jsx55, jsxs as jsxs44 } from "react/jsx-runtime";
 var SIZE_STYLES2 = {
@@ -20848,7 +20905,7 @@ var ListItemSkeleton = ({ size }) => {
     ] })
   ] });
 };
-var ListRoot = React48.forwardRef(
+var ListRoot = React49.forwardRef(
   ({
     as = "ul",
     ordered,
@@ -20869,7 +20926,7 @@ var ListRoot = React48.forwardRef(
     ...rest
   }, ref) => {
     const Comp = ordered ? "ol" : as;
-    const childCount = React48.Children.count(children);
+    const childCount = React49.Children.count(children);
     const hasChildren = childCount > 0;
     const variantClasses3 = {
       plain: "",
@@ -20923,14 +20980,14 @@ var ListRoot = React48.forwardRef(
           className
         ),
         ...rest,
-        children: React48.Children.map(children, (child, idx) => {
-          if (!React48.isValidElement(child)) return child;
+        children: React49.Children.map(children, (child, idx) => {
+          if (!React49.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 React48.cloneElement(child, {
+          return React49.cloneElement(child, {
             className: childClass,
             // Pass global item class to contentClassName of ListItem
             contentClassName: cn(itemClassName, child.props?.contentClassName),
@@ -20945,7 +21002,7 @@ var ListRoot = React48.forwardRef(
   }
 );
 ListRoot.displayName = "List";
-var ListItem = React48.forwardRef(
+var ListItem = React49.forwardRef(
   ({
     as = "li",
     selected = false,
@@ -20968,7 +21025,7 @@ var ListItem = React48.forwardRef(
     children,
     ...rest
   }, ref) => {
-    const [internalExpanded, setInternalExpanded] = React48.useState(false);
+    const [internalExpanded, setInternalExpanded] = React49.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";
@@ -21036,7 +21093,7 @@ var List = Object.assign(ListRoot, { Item: ListItem });
 var List_default = List;
 
 // src/components/Watermark.tsx
-import * as React49 from "react";
+import * as React50 from "react";
 import { createPortal as createPortal5 } from "react-dom";
 import { Fragment as Fragment20, jsx as jsx56, jsxs as jsxs45 } from "react/jsx-runtime";
 var PRESETS2 = {
@@ -21048,8 +21105,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] = React49.useState(null);
-  React49.useEffect(() => {
+  const [url, setUrl] = React50.useState(null);
+  React50.useEffect(() => {
     let cancelled = false;
     const text = opts.text;
     const image = opts.image;
@@ -21226,9 +21283,9 @@ var Watermark = ({
   children,
   ...rest
 }) => {
-  const [visible, setVisible] = React49.useState(true);
-  const [isDark, setIsDark] = React49.useState(false);
-  React49.useEffect(() => {
+  const [visible, setVisible] = React50.useState(true);
+  const [isDark, setIsDark] = React50.useState(false);
+  React50.useEffect(() => {
     if (!darkMode) return;
     const checkDarkMode = () => {
       const isDarkMode = document.documentElement.classList.contains("dark") || window.matchMedia("(prefers-color-scheme: dark)").matches;
@@ -21330,7 +21387,7 @@ var Watermark = ({
 var Watermark_default = Watermark;
 
 // src/components/Timeline.tsx
-import * as React50 from "react";
+import * as React51 from "react";
 import { ChevronDown as ChevronDown6 } from "lucide-react";
 import { jsx as jsx57, jsxs as jsxs46 } from "react/jsx-runtime";
 var SIZE_STYLE = {
@@ -21383,7 +21440,7 @@ var STATUS_COLOR = {
   error: "bg-destructive",
   info: "bg-info"
 };
-var TimelineContext = React50.createContext(null);
+var TimelineContext = React51.createContext(null);
 var LINE_STYLE_MAP = {
   solid: "border-solid",
   dashed: "border-dashed",
@@ -21411,7 +21468,7 @@ var Marker = ({ index, last, size, color, status = "default", lineColor, lineSty
     !last && showLine && /* @__PURE__ */ jsx57("div", { className: cn("flex-1 border-l-2", LINE_STYLE_MAP[lineStyle]), style: { borderColor: lineColor || "hsl(var(--border))" } })
   ] });
 };
-var TimelineRoot = React50.forwardRef(
+var TimelineRoot = React51.forwardRef(
   ({
     align = "left",
     variant = "default",
@@ -21441,7 +21498,7 @@ var TimelineRoot = React50.forwardRef(
   }
 );
 TimelineRoot.displayName = "Timeline";
-var TimelineItem = React50.forwardRef(
+var TimelineItem = React51.forwardRef(
   ({
     title,
     description,
@@ -21460,11 +21517,11 @@ var TimelineItem = React50.forwardRef(
     children,
     ...rest
   }, ref) => {
-    const ctx = React50.useContext(TimelineContext);
+    const ctx = React51.useContext(TimelineContext);
     const idx = rest["data-index"];
     const isLast = Boolean(rest["data-last"]);
     const sz = SIZE_STYLE[ctx.size];
-    const [internalExpanded, setInternalExpanded] = React50.useState(false);
+    const [internalExpanded, setInternalExpanded] = React51.useState(false);
     const isExpanded = controlledExpanded !== void 0 ? controlledExpanded : internalExpanded;
     const toggleExpanded = () => {
       const newExpanded = !isExpanded;
@@ -21606,7 +21663,7 @@ var Timeline = Object.assign(TimelineRoot, { Item: TimelineItem });
 var Timeline_default = Timeline;
 
 // src/components/ColorPicker.tsx
-import * as React51 from "react";
+import * as React52 from "react";
 import { Pipette, X as X16, Copy, Check as Check9, Palette, History } from "lucide-react";
 import { jsx as jsx58, jsxs as jsxs47 } from "react/jsx-runtime";
 var clamp7 = (n, min, max) => Math.max(min, Math.min(max, n));
@@ -21801,12 +21858,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] = 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(() => {
+  const [rgba, setRgba] = React52.useState(initial);
+  const [open, setOpen] = React52.useState(false);
+  const [text, setText] = React52.useState(() => formatOutput(initial, withAlpha, format));
+  const [copied, setCopied] = React52.useState(false);
+  const [recentColors, setRecentColors] = React52.useState([]);
+  React52.useEffect(() => {
     if (isControlled) {
       const parsed = parseAnyColor(value);
       if (parsed) {
@@ -22493,7 +22550,7 @@ var MusicPlayer = ({
 var MusicPlayer_default = MusicPlayer;
 
 // src/components/Grid.tsx
-import React53, { useId as useId12 } from "react";
+import React54, { useId as useId12 } from "react";
 import { Fragment as Fragment21, jsx as jsx60, jsxs as jsxs49 } from "react/jsx-runtime";
 var BP_MIN = {
   sm: 640,
@@ -22533,7 +22590,7 @@ function getVariantClasses(variant = "default", outlined) {
   };
   return variants[variant] || "";
 }
-var GridRoot = React53.forwardRef(
+var GridRoot = React54.forwardRef(
   ({
     columns,
     rows,
@@ -22617,7 +22674,7 @@ var GridRoot = React53.forwardRef(
   }
 );
 GridRoot.displayName = "Grid";
-var GridItem = React53.forwardRef(
+var GridItem = React54.forwardRef(
   ({
     colSpan,
     rowSpan,
@@ -22777,7 +22834,7 @@ var LoadingBar = ({
 };
 
 // src/components/Table.tsx
-import React54 from "react";
+import React55 from "react";
 import { jsx as jsx63, jsxs as jsxs51 } from "react/jsx-runtime";
 var TABLE_BASE_CLASS = "w-full border-collapse caption-bottom text-sm";
 var TABLE_CONTAINER_BASE_CLASS = [
@@ -22795,8 +22852,8 @@ function assignRef(ref, value) {
     ref.current = value;
   }
 }
-var TableContainer = React54.forwardRef(({ className, useOverlayScrollbar = false, ...props }, ref) => {
-  const containerRef = React54.useRef(null);
+var TableContainer = React55.forwardRef(({ className, useOverlayScrollbar = false, ...props }, ref) => {
+  const containerRef = React55.useRef(null);
   useOverlayScrollbarTarget(containerRef, { enabled: useOverlayScrollbar });
   return /* @__PURE__ */ jsx63(
     "div",
@@ -22811,7 +22868,7 @@ var TableContainer = React54.forwardRef(({ className, useOverlayScrollbar = fals
   );
 });
 TableContainer.displayName = "TableContainer";
-var Table = React54.forwardRef(
+var Table = React55.forwardRef(
   ({ className, containerClassName, disableContainer = false, useOverlayScrollbar = false, ...props }, ref) => {
     if (disableContainer) {
       return /* @__PURE__ */ jsx63("table", { ref, className: cn(TABLE_BASE_CLASS, className), ...props });
@@ -22820,16 +22877,16 @@ var Table = React54.forwardRef(
   }
 );
 Table.displayName = "Table";
-var TableHeader = React54.forwardRef(({ className, children, filterRow, ...props }, ref) => /* @__PURE__ */ jsxs51("thead", { ref, className: cn("[&_tr]:border-b [&_tr]:border-border/50", "bg-muted", className), ...props, children: [
+var TableHeader = React55.forwardRef(({ className, children, filterRow, ...props }, ref) => /* @__PURE__ */ jsxs51("thead", { ref, className: cn("[&_tr]:border-b [&_tr]:border-border/50", "bg-muted", className), ...props, children: [
   children,
   filterRow
 ] }));
 TableHeader.displayName = "TableHeader";
-var TableBody = React54.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx63("tbody", { ref, className: cn("[&_tr:last-child]:border-0", className), ...props }));
+var TableBody = React55.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx63("tbody", { ref, className: cn("[&_tr:last-child]:border-0", className), ...props }));
 TableBody.displayName = "TableBody";
-var TableFooter = React54.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx63("tfoot", { ref, className: cn("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0", className), ...props }));
+var TableFooter = React55.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx63("tfoot", { ref, className: cn("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0", className), ...props }));
 TableFooter.displayName = "TableFooter";
-var TableRow = React54.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx63(
+var TableRow = React55.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx63(
   "tr",
   {
     ref,
@@ -22843,7 +22900,7 @@ var TableRow = React54.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TableRow.displayName = "TableRow";
-var TableHead = React54.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx63(
+var TableHead = React55.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx63(
   "th",
   {
     ref,
@@ -22852,26 +22909,26 @@ var TableHead = React54.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 TableHead.displayName = "TableHead";
-var TableCell = React54.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx63("td", { ref, className: cn("p-4 align-middle [&:has([role=checkbox])]:pr-0", className), ...props }));
+var TableCell = React55.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx63("td", { ref, className: cn("p-4 align-middle [&:has([role=checkbox])]:pr-0", className), ...props }));
 TableCell.displayName = "TableCell";
-var TableCaption = React54.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx63("caption", { ref, className: cn("mt-4 text-sm text-muted-foreground", className), ...props }));
+var TableCaption = React55.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx63("caption", { ref, className: cn("mt-4 text-sm text-muted-foreground", className), ...props }));
 TableCaption.displayName = "TableCaption";
 
 // src/components/DataTable/DataTable.tsx
 import { useVirtualizer as useVirtualizer4 } from "@tanstack/react-virtual";
-import React64 from "react";
+import React65 from "react";
 
 // src/components/DataTable/components/DataTableBody.tsx
-import React55 from "react";
+import React56 from "react";
 import { Fragment as Fragment23, jsx as jsx64, jsxs as jsxs52 } from "react/jsx-runtime";
 function DataTableOverflowText({
   text,
   align
 }) {
-  const triggerId = React55.useId();
-  const [isOverflowing, setIsOverflowing] = React55.useState(false);
+  const triggerId = React56.useId();
+  const [isOverflowing, setIsOverflowing] = React56.useState(false);
   const alignClass = align === "right" ? "text-right" : align === "center" ? "text-center" : "text-left";
-  const measureOverflow = React55.useCallback(() => {
+  const measureOverflow = React56.useCallback(() => {
     if (typeof document === "undefined") return;
     const element = document.querySelector(`[data-underverse-datatable-cell="${triggerId}"]`);
     if (!element) return;
@@ -22879,10 +22936,10 @@ function DataTableOverflowText({
       element.scrollWidth - element.clientWidth > 1 || element.scrollHeight - element.clientHeight > 1
     );
   }, [triggerId]);
-  React55.useLayoutEffect(() => {
+  React56.useLayoutEffect(() => {
     measureOverflow();
   }, [measureOverflow, text]);
-  React55.useEffect(() => {
+  React56.useEffect(() => {
     if (typeof document === "undefined") return;
     const element = document.querySelector(`[data-underverse-datatable-cell="${triggerId}"]`);
     if (!element) return;
@@ -23003,7 +23060,7 @@ function DataTableBodyRows({
 }
 
 // src/components/DataTable/components/DataTableHeader.tsx
-import React56 from "react";
+import React57 from "react";
 import { Filter as FilterIcon } from "lucide-react";
 
 // src/components/DataTable/utils/colorTag.ts
@@ -23095,7 +23152,7 @@ function getColumnLabel(title) {
   if (Array.isArray(title)) {
     return title.map((item) => getColumnLabel(item)).filter(Boolean).join(" ").replace(/\s+/g, " ").trim();
   }
-  if (React56.isValidElement(title)) {
+  if (React57.isValidElement(title)) {
     return getColumnLabel(title.props.children);
   }
   return "";
@@ -23122,7 +23179,7 @@ function DataTableHeader({
   columnColorGroups
 }) {
   const gi18n = useGlobalI18n();
-  const renderFilterControl = React56.useCallback(
+  const renderFilterControl = React57.useCallback(
     (col) => {
       if (!col.filter) return null;
       const key = col.key;
@@ -23176,7 +23233,7 @@ function DataTableHeader({
     },
     [filters, setCurPage, setFilters, size]
   );
-  const renderHeaderContent = React56.useCallback(
+  const renderHeaderContent = React57.useCallback(
     (col, isLeaf) => {
       if (!isLeaf) {
         return /* @__PURE__ */ jsx65(
@@ -23397,7 +23454,7 @@ function DataTableHeader({
 }
 
 // src/components/DataTable/components/Pagination.tsx
-import React57 from "react";
+import React58 from "react";
 import { jsx as jsx66, jsxs as jsxs54 } from "react/jsx-runtime";
 function DataTablePagination({
   totalItems,
@@ -23409,7 +23466,7 @@ function DataTablePagination({
   size
 }) {
   const totalPages = Math.ceil(totalItems / curPageSize);
-  const pages = React57.useMemo(() => {
+  const pages = React58.useMemo(() => {
     const result = [];
     if (totalPages <= 5) {
       for (let i = 1; i <= totalPages; i++) result.push(i);
@@ -23490,7 +23547,7 @@ function DataTablePagination({
 }
 
 // src/components/DataTable/components/Toolbar.tsx
-import React58 from "react";
+import React59 from "react";
 
 // src/components/DataTable/utils/headers.ts
 function isLeafColumn(col) {
@@ -23613,8 +23670,8 @@ function DataTableToolbar({
   const controlButtonClass = size === "sm" ? "h-7 px-2 text-xs" : size === "lg" ? "h-9 px-3 text-sm" : "h-8 px-2";
   const iconClass = size === "sm" ? "w-3.5 h-3.5 mr-1" : "w-4 h-4 mr-1";
   const captionClass = size === "sm" ? "text-xs" : size === "lg" ? "text-sm" : "text-sm";
-  const leafCols = React58.useMemo(() => getLeafColumns(columns), [columns]);
-  const { groups, ungrouped } = React58.useMemo(() => groupColumnsByColorTag(leafCols, columnColorGroups), [leafCols, columnColorGroups]);
+  const leafCols = React59.useMemo(() => getLeafColumns(columns), [columns]);
+  const { groups, ungrouped } = React59.useMemo(() => groupColumnsByColorTag(leafCols, columnColorGroups), [leafCols, columnColorGroups]);
   const handleSelectAll = () => setVisibleCols(leafCols.map((c) => c.key));
   const handleDefault = () => setVisibleCols(defaultVisibleKeys);
   return /* @__PURE__ */ jsxs55("div", { className: "flex items-center justify-between gap-4 mb-1", children: [
@@ -23655,7 +23712,7 @@ function DataTableToolbar({
               /* @__PURE__ */ jsx67(Button_default, { variant: "outline", size: "sm", className: "h-7 text-xs flex-1", onClick: handleDefault, children: labels?.default || t("default") || "Default" })
             ] }),
             /* @__PURE__ */ jsxs55("div", { className: "max-h-80 overflow-y-auto min-w-50", children: [
-              groups.length > 0 && groups.map((group) => /* @__PURE__ */ jsxs55(React58.Fragment, { children: [
+              groups.length > 0 && groups.map((group) => /* @__PURE__ */ jsxs55(React59.Fragment, { children: [
                 /* @__PURE__ */ jsxs55("div", { className: "px-3 py-1.5 text-[11px] font-semibold uppercase text-muted-foreground flex items-center gap-2 mt-1 bg-accent/30 sticky top-0 z-10 backdrop-blur-sm", children: [
                   /* @__PURE__ */ jsx67("span", { className: "w-2.5 h-2.5 rounded-full shadow-sm", style: { backgroundColor: group.colorTag } }),
                   group.label
@@ -23714,10 +23771,10 @@ function DataTableToolbar({
 }
 
 // src/components/DataTable/hooks/useDebounced.ts
-import React59 from "react";
+import React60 from "react";
 function useDebounced(value, delay = 300) {
-  const [debounced, setDebounced] = React59.useState(value);
-  React59.useEffect(() => {
+  const [debounced, setDebounced] = React60.useState(value);
+  React60.useEffect(() => {
     const id = setTimeout(() => setDebounced(value), delay);
     return () => clearTimeout(id);
   }, [value, delay]);
@@ -23725,7 +23782,7 @@ function useDebounced(value, delay = 300) {
 }
 
 // src/components/DataTable/hooks/useDataTableModel.ts
-import React60 from "react";
+import React61 from "react";
 
 // src/components/DataTable/utils/columns.ts
 function getColumnWidth(col, fallback = 150) {
@@ -23753,22 +23810,22 @@ function useDataTableModel({
   isServerMode,
   total
 }) {
-  const visibleColsSet = React60.useMemo(() => new Set(visibleCols), [visibleCols]);
-  const allLeafColumns = React60.useMemo(() => getLeafColumns(columns), [columns]);
-  const columnMap = React60.useMemo(() => {
+  const visibleColsSet = React61.useMemo(() => new Set(visibleCols), [visibleCols]);
+  const allLeafColumns = React61.useMemo(() => getLeafColumns(columns), [columns]);
+  const columnMap = React61.useMemo(() => {
     return new Map(allLeafColumns.map((column) => [column.key, column]));
   }, [allLeafColumns]);
-  const visibleColumns = React60.useMemo(() => {
+  const visibleColumns = React61.useMemo(() => {
     return filterVisibleColumns(columns, visibleColsSet);
   }, [columns, visibleColsSet]);
-  const leafColumns = React60.useMemo(() => {
+  const leafColumns = React61.useMemo(() => {
     return getLeafColumnsWithFixedInheritance(visibleColumns);
   }, [visibleColumns]);
-  const headerRows = React60.useMemo(() => buildHeaderRows(visibleColumns), [visibleColumns]);
-  const totalColumnsWidth = React60.useMemo(() => {
+  const headerRows = React61.useMemo(() => buildHeaderRows(visibleColumns), [visibleColumns]);
+  const totalColumnsWidth = React61.useMemo(() => {
     return leafColumns.reduce((sum, column) => sum + getColumnWidth(column), 0);
   }, [leafColumns]);
-  const processedData = React60.useMemo(() => {
+  const processedData = React61.useMemo(() => {
     if (isServerMode) return data;
     let result = [...data];
     if (Object.keys(filters).length > 0) {
@@ -23800,7 +23857,7 @@ function useDataTableModel({
     return result;
   }, [columnMap, data, filters, isServerMode, sort]);
   const totalItems = isServerMode ? total : processedData.length;
-  const displayedData = React60.useMemo(() => {
+  const displayedData = React61.useMemo(() => {
     if (isServerMode) return data;
     const start = (curPage - 1) * curPageSize;
     return processedData.slice(start, start + curPageSize);
@@ -23816,10 +23873,10 @@ function useDataTableModel({
 }
 
 // src/components/DataTable/hooks/useDataTableState.ts
-import React62 from "react";
+import React63 from "react";
 
 // src/components/DataTable/hooks/usePageSizeStorage.ts
-import React61 from "react";
+import React62 from "react";
 function readStoredPageSize(storageKey) {
   if (typeof window === "undefined" || !storageKey) return null;
   try {
@@ -23832,8 +23889,8 @@ function readStoredPageSize(storageKey) {
   }
 }
 function usePageSizeStorage({ pageSize, storageKey }) {
-  const storedPageSize = React61.useMemo(() => readStoredPageSize(storageKey), [storageKey]);
-  const [overrideState, setOverrideState] = React61.useState({
+  const storedPageSize = React62.useMemo(() => readStoredPageSize(storageKey), [storageKey]);
+  const [overrideState, setOverrideState] = React62.useState({
     storageKey,
     pageSize: null
   });
@@ -23841,7 +23898,7 @@ function usePageSizeStorage({ pageSize, storageKey }) {
   const persistedPageSize = storageKey ? overridePageSize ?? storedPageSize : null;
   const loadedFromStorage = persistedPageSize != null;
   const curPageSize = storageKey ? persistedPageSize ?? pageSize : overridePageSize ?? pageSize;
-  const setCurPageSize = React61.useCallback(
+  const setCurPageSize = React62.useCallback(
     (nextPageSize) => {
       const baseValue = storageKey ? persistedPageSize ?? pageSize : overridePageSize ?? pageSize;
       const resolved = typeof nextPageSize === "function" ? nextPageSize(baseValue) : nextPageSize;
@@ -23870,17 +23927,17 @@ function useDataTableState({
   size,
   storageKey
 }) {
-  const allLeafColumns = React62.useMemo(() => getLeafColumns(columns), [columns]);
-  const defaultVisibleLeafKeys = React62.useMemo(() => allLeafColumns.filter((column) => column.visible !== false).map((column) => column.key), [allLeafColumns]);
-  const knownLeafKeysRef = React62.useRef(new Set(defaultVisibleLeafKeys));
-  const [headerAlign, setHeaderAlign] = React62.useState("left");
-  const [visibleCols, setVisibleCols] = React62.useState(defaultVisibleLeafKeys);
-  const [filters, setFilters] = React62.useState({});
-  const [sort, setSort] = React62.useState(null);
-  const [density, setDensity] = React62.useState(() => SIZE_TO_DENSITY[size]);
-  const [curPage, setCurPage] = React62.useState(page);
+  const allLeafColumns = React63.useMemo(() => getLeafColumns(columns), [columns]);
+  const defaultVisibleLeafKeys = React63.useMemo(() => allLeafColumns.filter((column) => column.visible !== false).map((column) => column.key), [allLeafColumns]);
+  const knownLeafKeysRef = React63.useRef(new Set(defaultVisibleLeafKeys));
+  const [headerAlign, setHeaderAlign] = React63.useState("left");
+  const [visibleCols, setVisibleCols] = React63.useState(defaultVisibleLeafKeys);
+  const [filters, setFilters] = React63.useState({});
+  const [sort, setSort] = React63.useState(null);
+  const [density, setDensity] = React63.useState(() => SIZE_TO_DENSITY[size]);
+  const [curPage, setCurPage] = React63.useState(page);
   const { curPageSize, setCurPageSize } = usePageSizeStorage({ pageSize, storageKey });
-  React62.useEffect(() => {
+  React63.useEffect(() => {
     const knownLeafKeys = knownLeafKeysRef.current;
     setVisibleCols((prev) => {
       const prevSet = new Set(prev);
@@ -23888,10 +23945,10 @@ function useDataTableState({
     });
     knownLeafKeysRef.current = new Set(allLeafColumns.map((column) => column.key));
   }, [allLeafColumns]);
-  React62.useEffect(() => {
+  React63.useEffect(() => {
     setCurPage(page);
   }, [page]);
-  React62.useEffect(() => {
+  React63.useEffect(() => {
     setDensity(SIZE_TO_DENSITY[size]);
   }, [size]);
   return {
@@ -23913,7 +23970,7 @@ function useDataTableState({
 }
 
 // src/components/DataTable/hooks/useStickyColumns.ts
-import React63 from "react";
+import React64 from "react";
 
 // src/components/DataTable/utils/sticky.ts
 function buildStickyLayout(visibleColumns) {
@@ -23960,8 +24017,8 @@ function resolveGroupStickyPosition(column, positions) {
 
 // src/components/DataTable/hooks/useStickyColumns.ts
 function useStickyColumns(visibleColumns) {
-  const { positions, leftBoundaryKey, rightBoundaryKey } = React63.useMemo(() => buildStickyLayout(visibleColumns), [visibleColumns]);
-  const getStickyColumnStyle = React63.useCallback(
+  const { positions, leftBoundaryKey, rightBoundaryKey } = React64.useMemo(() => buildStickyLayout(visibleColumns), [visibleColumns]);
+  const getStickyColumnStyle = React64.useCallback(
     (col) => {
       const pos = resolveStickyPosition(col, positions);
       if (!pos) return {};
@@ -23972,7 +24029,7 @@ function useStickyColumns(visibleColumns) {
     },
     [positions]
   );
-  const getBoundaryShadowClass = React63.useCallback(
+  const getBoundaryShadowClass = React64.useCallback(
     (col) => {
       if (col.fixed === "left" && col.key === leftBoundaryKey) {
         return "border-r border-border/80 shadow-[10px_0_16px_-10px_rgba(0,0,0,0.55)]";
@@ -23984,14 +24041,14 @@ function useStickyColumns(visibleColumns) {
     },
     [leftBoundaryKey, rightBoundaryKey]
   );
-  const getStickyHeaderClass = React63.useCallback(
+  const getStickyHeaderClass = React64.useCallback(
     (col) => {
       if (!col.fixed) return "";
       return cn("sticky", col.fixed === "left" && "left-0", col.fixed === "right" && "right-0", getBoundaryShadowClass(col), "z-50");
     },
     [getBoundaryShadowClass]
   );
-  const getStickyCellClass = React63.useCallback(
+  const getStickyCellClass = React64.useCallback(
     (col, isStripedRow) => {
       if (!col.fixed) return "";
       return cn(
@@ -24004,7 +24061,7 @@ function useStickyColumns(visibleColumns) {
     },
     [getBoundaryShadowClass]
   );
-  const getStickyHeaderCellStyle = React63.useCallback(
+  const getStickyHeaderCellStyle = React64.useCallback(
     (headerCell) => {
       const col = headerCell.column;
       if (headerCell.isLeaf) {
@@ -24196,12 +24253,12 @@ function DataTable({
   columnColorGroups
 }) {
   const t = useSmartTranslations("Common");
-  const [columnWidthOverrides, setColumnWidthOverrides] = React64.useState({});
-  const columnsWithWidthOverrides = React64.useMemo(
+  const [columnWidthOverrides, setColumnWidthOverrides] = React65.useState({});
+  const columnsWithWidthOverrides = React65.useMemo(
     () => applyColumnWidthOverrides(columns, columnWidthOverrides),
     [columnWidthOverrides, columns]
   );
-  const defaultVisibleKeys = React64.useMemo(() => {
+  const defaultVisibleKeys = React65.useMemo(() => {
     return getLeafColumns(columnsWithWidthOverrides).filter((col) => col.visible !== false).map((col) => col.key);
   }, [columnsWithWidthOverrides]);
   const {
@@ -24226,7 +24283,7 @@ function DataTable({
     size,
     storageKey
   });
-  React64.useEffect(() => {
+  React65.useEffect(() => {
     if (process.env.NODE_ENV === "development") {
       const warnings = validateColumns(columnsWithWidthOverrides);
       warnings.forEach((w) => console.warn(`[DataTable] ${w}`));
@@ -24234,8 +24291,8 @@ function DataTable({
   }, [columnsWithWidthOverrides]);
   const debouncedFilters = useDebounced(filters, 350);
   const isServerMode = Boolean(onQueryChange);
-  const hasEmittedQuery = React64.useRef(false);
-  React64.useEffect(() => {
+  const hasEmittedQuery = React65.useRef(false);
+  React65.useEffect(() => {
     if (!onQueryChange) return;
     if (!hasEmittedQuery.current) {
       hasEmittedQuery.current = true;
@@ -24243,7 +24300,7 @@ function DataTable({
     }
     onQueryChange({ filters: debouncedFilters, sort, page: curPage, pageSize: curPageSize });
   }, [debouncedFilters, sort, curPage, curPageSize, onQueryChange]);
-  React64.useEffect(() => {
+  React65.useEffect(() => {
     if (process.env.NODE_ENV !== "development" || rowKey) return;
     const hasQueryFeatures = columns.some((column) => column.sortable || column.filter) || Boolean(pageSizeOptions?.length) || isServerMode;
     if (!hasQueryFeatures) return;
@@ -24276,8 +24333,8 @@ function DataTable({
     if (typeof rowKey === "function") return String(rowKey(row));
     return String(row[rowKey]);
   };
-  const viewportRef = React64.useRef(null);
-  const tableRef = React64.useRef(null);
+  const viewportRef = React65.useRef(null);
+  const tableRef = React65.useRef(null);
   const canVirtualizeRows = virtualizedRows && !loading2 && displayedData.length > 0;
   const shouldUseScrollViewport = stickyHeader || canVirtualizeRows;
   const rowVirtualizer = useVirtualizer4({
@@ -24298,7 +24355,7 @@ function DataTable({
     enabled: useOverlayScrollbar && !canVirtualizeRows,
     overflowX: overlayOverflowX
   });
-  const autoFitColumn = React64.useCallback((columnKey) => {
+  const autoFitColumn = React65.useCallback((columnKey) => {
     const tableElement = tableRef.current;
     if (!tableElement) return;
     const nodes = Array.from(
@@ -24445,10 +24502,10 @@ function DataTable({
 var DataTable_default = DataTable;
 
 // src/components/Form.tsx
-import * as React65 from "react";
+import * as React66 from "react";
 import { Controller, FormProvider, useFormContext, useForm } from "react-hook-form";
 import { jsx as jsx69, jsxs as jsxs57 } from "react/jsx-runtime";
-var FormConfigContext = React65.createContext({ size: "md" });
+var FormConfigContext = React66.createContext({ size: "md" });
 var FormWrapper = ({
   children,
   onSubmit,
@@ -24461,7 +24518,7 @@ var FormWrapper = ({
   const methods = useForm({
     defaultValues: initialValues
   });
-  React65.useEffect(() => {
+  React66.useEffect(() => {
     if (initialValues) {
       methods.reset(initialValues);
     }
@@ -24470,15 +24527,15 @@ var FormWrapper = ({
   return /* @__PURE__ */ jsx69(FormProvider, { ...methods, children: /* @__PURE__ */ jsx69(FormConfigContext.Provider, { value: { size }, children: /* @__PURE__ */ jsx69("form", { onSubmit: methods.handleSubmit(onSubmit), className, ...formProps, children }) }) });
 };
 var Form = FormWrapper;
-var FormFieldContext = React65.createContext({});
+var FormFieldContext = React66.createContext({});
 var FormField = ({
   ...props
 }) => {
   return /* @__PURE__ */ jsx69(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ jsx69(Controller, { ...props }) });
 };
 var useFormField = () => {
-  const fieldContext = React65.useContext(FormFieldContext);
-  const itemContext = React65.useContext(FormItemContext);
+  const fieldContext = React66.useContext(FormFieldContext);
+  const itemContext = React66.useContext(FormItemContext);
   const { getFieldState, formState } = useFormContext();
   if (!fieldContext) {
     throw new Error("useFormField must be used within FormField");
@@ -24494,16 +24551,16 @@ var useFormField = () => {
     ...fieldState
   };
 };
-var FormItemContext = React65.createContext({});
-var FormItem = React65.forwardRef(({ className, ...props }, ref) => {
-  const id = React65.useId();
+var FormItemContext = React66.createContext({});
+var FormItem = React66.forwardRef(({ className, ...props }, ref) => {
+  const id = React66.useId();
   return /* @__PURE__ */ jsx69(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsx69("div", { ref, className: cn("group space-y-2", className), ...props }) });
 });
 FormItem.displayName = "FormItem";
-var FormLabel = React65.forwardRef(
+var FormLabel = React66.forwardRef(
   ({ className, children, required, ...props }, ref) => {
     const { error, formItemId } = useFormField();
-    const config = React65.useContext(FormConfigContext);
+    const config = React66.useContext(FormConfigContext);
     const sizeClass = config.size === "sm" ? "text-xs" : config.size === "lg" ? "text-base" : "text-sm";
     return /* @__PURE__ */ jsxs57(
       Label,
@@ -24526,7 +24583,7 @@ var FormLabel = React65.forwardRef(
   }
 );
 FormLabel.displayName = "FormLabel";
-var FormControl = React65.forwardRef(({ ...props }, ref) => {
+var FormControl = React66.forwardRef(({ ...props }, ref) => {
   const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
   return /* @__PURE__ */ jsx69(
     "div",
@@ -24540,12 +24597,12 @@ var FormControl = React65.forwardRef(({ ...props }, ref) => {
   );
 });
 FormControl.displayName = "FormControl";
-var FormDescription = React65.forwardRef(({ className, ...props }, ref) => {
+var FormDescription = React66.forwardRef(({ className, ...props }, ref) => {
   const { formDescriptionId } = useFormField();
   return /* @__PURE__ */ jsx69("p", { ref, id: formDescriptionId, className: cn("text-sm text-muted-foreground", className), ...props });
 });
 FormDescription.displayName = "FormDescription";
-var FormMessage = React65.forwardRef(({ className, children, ...props }, ref) => {
+var FormMessage = React66.forwardRef(({ className, children, ...props }, ref) => {
   const { error, formMessageId } = useFormField();
   const body = error ? String(error?.message) : children;
   if (!body) {
@@ -24554,7 +24611,7 @@ var FormMessage = React65.forwardRef(({ className, children, ...props }, ref) =>
   return /* @__PURE__ */ jsx69("p", { ref, id: formMessageId, className: cn("text-sm font-medium text-destructive", className), ...props, children: body });
 });
 FormMessage.displayName = "FormMessage";
-var FormInput = React65.forwardRef(({ name, ...props }, ref) => /* @__PURE__ */ jsx69(FormConfigContext.Consumer, { children: ({ size }) => /* @__PURE__ */ jsx69(
+var FormInput = React66.forwardRef(({ name, ...props }, ref) => /* @__PURE__ */ jsx69(FormConfigContext.Consumer, { children: ({ size }) => /* @__PURE__ */ jsx69(
   FormField,
   {
     name,
@@ -24565,7 +24622,7 @@ var FormInput = React65.forwardRef(({ name, ...props }, ref) => /* @__PURE__ */
   }
 ) }));
 FormInput.displayName = "FormInput";
-var FormCheckbox = React65.forwardRef(({ name, ...props }, ref) => /* @__PURE__ */ jsx69(FormConfigContext.Consumer, { children: ({ size }) => /* @__PURE__ */ jsx69(
+var FormCheckbox = React66.forwardRef(({ name, ...props }, ref) => /* @__PURE__ */ jsx69(FormConfigContext.Consumer, { children: ({ size }) => /* @__PURE__ */ jsx69(
   FormField,
   {
     name,
@@ -24589,9 +24646,9 @@ var FormCheckbox = React65.forwardRef(({ name, ...props }, ref) => /* @__PURE__
   }
 ) }));
 FormCheckbox.displayName = "FormCheckbox";
-var FormActions = React65.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx69("div", { ref, className: cn("flex gap-2 justify-end", className), ...props }));
+var FormActions = React66.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx69("div", { ref, className: cn("flex gap-2 justify-end", className), ...props }));
 FormActions.displayName = "FormActions";
-var FormSubmitButton = React65.forwardRef(
+var FormSubmitButton = React66.forwardRef(
   ({ children, loading: loading2, ...props }, ref) => /* @__PURE__ */ jsx69(FormConfigContext.Consumer, { children: ({ size }) => /* @__PURE__ */ jsx69(Button_default, { ref, type: "submit", size: props.size ?? size, disabled: loading2, ...props, children }) })
 );
 FormSubmitButton.displayName = "FormSubmitButton";
@@ -24881,7 +24938,7 @@ var VARIANT_STYLES_ALERT = {
 };
 
 // src/contexts/translation-adapter.tsx
-import * as React67 from "react";
+import * as React68 from "react";
 import { jsx as jsx74 } from "react/jsx-runtime";
 function isUnresolvedTranslation2(value, namespace, key) {
   return value === key || value === `${namespace}.${key}`;
@@ -24906,7 +24963,7 @@ function useTranslations(namespace) {
   const nextIntlBridge = useNextIntlBridge();
   const internalLocale = useUnderverseLocale();
   const internalT = useUnderverseTranslations(namespace);
-  return React67.useCallback((key, params) => {
+  return React68.useCallback((key, params) => {
     if (nextIntlBridge) {
       const nextIntlResult = nextIntlBridge.translate(namespace, key, params);
       if (nextIntlResult.translated && !isUnresolvedTranslation2(nextIntlResult.translated, namespace, key)) {
@@ -24931,7 +24988,7 @@ function useLocale2() {
 }
 
 // src/components/UEditor/UEditor.tsx
-import React83, { useEffect as useEffect38, useImperativeHandle as useImperativeHandle4, useMemo as useMemo25, useRef as useRef37 } from "react";
+import React84, { useEffect as useEffect38, useImperativeHandle as useImperativeHandle4, useMemo as useMemo25, useRef as useRef37 } from "react";
 import { useEditor, EditorContent } from "@tiptap/react";
 
 // src/components/UEditor/extensions.ts
@@ -25091,7 +25148,7 @@ import { Node as Node3, mergeAttributes as mergeAttributes2 } from "@tiptap/core
 import { ReactNodeViewRenderer as ReactNodeViewRenderer2 } from "@tiptap/react";
 
 // src/components/UEditor/BookmarkView.tsx
-import React68, { useEffect as useEffect31, useState as useState42 } from "react";
+import React69, { useEffect as useEffect31, useState as useState42 } from "react";
 import { NodeViewWrapper as NodeViewWrapper2 } from "@tiptap/react";
 import { AlertCircle as AlertCircle4, ExternalLink as ExternalLink2, Globe as Globe2, RefreshCw } from "lucide-react";
 import { jsx as jsx77, jsxs as jsxs63 } from "react/jsx-runtime";
@@ -25101,8 +25158,8 @@ var BookmarkView = ({ node, updateAttributes, selected, editor }) => {
   const [loading2, setLoading] = useState42(false);
   const [error, setError] = useState42(false);
   const [retryToken, setRetryToken] = useState42(0);
-  const fetchedRetryTokenRef = React68.useRef(-1);
-  const fetchRequestIdRef = React68.useRef(0);
+  const fetchedRetryTokenRef = React69.useRef(-1);
+  const fetchRequestIdRef = React69.useRef(0);
   useEffect31(() => {
     if (title && retryToken === 0) return;
     if (fetchedRetryTokenRef.current === retryToken) return;
@@ -25967,7 +26024,7 @@ import { common, createLowlight } from "lowlight";
 import { Extension } from "@tiptap/core";
 import Suggestion from "@tiptap/suggestion";
 import { ReactRenderer } from "@tiptap/react";
-import React70, { forwardRef as forwardRef14, useEffect as useEffect33, useImperativeHandle, useRef as useRef28 } from "react";
+import React71, { forwardRef as forwardRef14, useEffect as useEffect33, useImperativeHandle, useRef as useRef28 } from "react";
 import {
   FileCode as FileCode2,
   Heading1,
@@ -26045,9 +26102,9 @@ var DEFAULT_MESSAGES = {
   formRadioDesc: "Insert an interactive radio button field"
 };
 function useResettingIndex2(resetToken) {
-  const [state, setState] = React70.useState({ resetToken, index: 0 });
+  const [state, setState] = React71.useState({ resetToken, index: 0 });
   const selectedIndex = Object.is(state.resetToken, resetToken) ? state.index : 0;
-  const setSelectedIndex = React70.useCallback((nextIndex) => {
+  const setSelectedIndex = React71.useCallback((nextIndex) => {
     setState((prev) => {
       const prevIndex = Object.is(prev.resetToken, resetToken) ? prev.index : 0;
       return {
@@ -27270,13 +27327,13 @@ import { Extension as Extension3 } from "@tiptap/core";
 import Suggestion2 from "@tiptap/suggestion";
 import { ReactRenderer as ReactRenderer2 } from "@tiptap/react";
 import { PluginKey as PluginKey2 } from "@tiptap/pm/state";
-import React71, { forwardRef as forwardRef15, useImperativeHandle as useImperativeHandle2 } from "react";
+import React72, { forwardRef as forwardRef15, useImperativeHandle as useImperativeHandle2 } from "react";
 import { Smile as Smile2 } from "lucide-react";
 import { jsx as jsx82, jsxs as jsxs67 } from "react/jsx-runtime";
 function useResettingIndex3(resetToken) {
-  const [state, setState] = React71.useState({ resetToken, index: 0 });
+  const [state, setState] = React72.useState({ resetToken, index: 0 });
   const selectedIndex = Object.is(state.resetToken, resetToken) ? state.index : 0;
-  const setSelectedIndex = React71.useCallback((nextIndex) => {
+  const setSelectedIndex = React72.useCallback((nextIndex) => {
     setState((prev) => {
       const prevIndex = Object.is(prev.resetToken, resetToken) ? prev.index : 0;
       return {
@@ -27425,7 +27482,7 @@ import { Extension as Extension4 } from "@tiptap/core";
 import Suggestion3 from "@tiptap/suggestion";
 import { ReactRenderer as ReactRenderer3 } from "@tiptap/react";
 import { PluginKey as PluginKey3 } from "@tiptap/pm/state";
-import React72, { forwardRef as forwardRef16, useImperativeHandle as useImperativeHandle3 } from "react";
+import React73, { forwardRef as forwardRef16, useImperativeHandle as useImperativeHandle3 } from "react";
 import { Sigma } from "lucide-react";
 import { jsx as jsx83, jsxs as jsxs68 } from "react/jsx-runtime";
 var FORMULA_FUNCTIONS = [
@@ -27474,8 +27531,8 @@ function buildFormulaSuggestionItems({ query }) {
 }
 var FormulaSuggestionList = forwardRef16((props, ref) => {
   const t = useSmartTranslations("UEditor");
-  const [selectedIndex, setSelectedIndex] = React72.useState(0);
-  React72.useEffect(() => {
+  const [selectedIndex, setSelectedIndex] = React73.useState(0);
+  React73.useEffect(() => {
     setSelectedIndex(0);
   }, [props.items]);
   useImperativeHandle3(ref, () => ({
@@ -28876,7 +28933,7 @@ var UEditorTable = Table3.extend({
 var table_align_default = UEditorTable;
 
 // src/components/UEditor/CodeBlockView.tsx
-import React74, { useState as useState45 } from "react";
+import React75, { useState as useState45 } from "react";
 import { NodeViewWrapper as NodeViewWrapper7, NodeViewContent as NodeViewContent2 } from "@tiptap/react";
 import { Check as Check11, Copy as Copy2, ChevronDown as ChevronDown7 } from "lucide-react";
 import { Fragment as Fragment27, jsx as jsx85, jsxs as jsxs70 } from "react/jsx-runtime";
@@ -28903,10 +28960,10 @@ var CodeBlockView = ({
 }) => {
   const [copied, setCopied] = useState45(false);
   const [isDropdownOpen, setIsDropdownOpen] = useState45(false);
-  const timeoutRef = React74.useRef(null);
+  const timeoutRef = React75.useRef(null);
   const currentLangValue = node.attrs.language || "text";
   const currentLangLabel = LANGUAGES.find((lang) => lang.value === currentLangValue)?.label || "Plain Text";
-  React74.useEffect(() => {
+  React75.useEffect(() => {
     return () => {
       if (timeoutRef.current) {
         clearTimeout(timeoutRef.current);
@@ -29411,7 +29468,7 @@ function buildUEditorExtensions({
 }
 
 // src/components/UEditor/toolbar.tsx
-import React77, { useRef as useRef32, useState as useState47 } from "react";
+import React78, { useRef as useRef32, useState as useState47 } from "react";
 import { useEditorState } from "@tiptap/react";
 import {
   AlignCenter,
@@ -30322,7 +30379,7 @@ function fileToDataUrl2(file) {
 function formatTableInsertLabel(template, rows, cols) {
   return template.replace("{rows}", String(rows)).replace("{cols}", String(cols));
 }
-var ToolbarButton = React77.forwardRef(({ onClick, onMouseDown, active, disabled, children, title, className }, ref) => {
+var ToolbarButton = React78.forwardRef(({ onClick, onMouseDown, active, disabled, children, title, className }, ref) => {
   const button = /* @__PURE__ */ jsx88(
     "button",
     {
@@ -30359,7 +30416,7 @@ var TableInsertGrid = ({
   previewTemplate,
   onInsert
 }) => {
-  const [selection, setSelection] = React77.useState({ rows: 3, cols: 3 });
+  const [selection, setSelection] = React78.useState({ rows: 3, cols: 3 });
   const maxRows = 8;
   const maxCols = 8;
   return /* @__PURE__ */ jsxs73("div", { className: "mb-2 rounded-xl border border-border/60 bg-muted/20 p-2", children: [
@@ -30445,10 +30502,10 @@ var EditorToolbar = ({
   const currentHighlightColor = normalizeStyleValue(editor.getAttributes("highlight").color) || "";
   const currentLineHeight = normalizeStyleValue(textStyleAttrs.lineHeight);
   const currentLetterSpacing = normalizeStyleValue(textStyleAttrs.letterSpacing);
-  const availableFontFamilies = React77.useMemo(() => fontFamilies ?? getDefaultFontFamilies(t), [fontFamilies, t]);
-  const availableFontSizes = React77.useMemo(() => fontSizes ?? getDefaultFontSizes(), [fontSizes]);
-  const availableLineHeights = React77.useMemo(() => lineHeights ?? getDefaultLineHeights(), [lineHeights]);
-  const availableLetterSpacings = React77.useMemo(() => letterSpacings ?? getDefaultLetterSpacings(), [letterSpacings]);
+  const availableFontFamilies = React78.useMemo(() => fontFamilies ?? getDefaultFontFamilies(t), [fontFamilies, t]);
+  const availableFontSizes = React78.useMemo(() => fontSizes ?? getDefaultFontSizes(), [fontSizes]);
+  const availableLineHeights = React78.useMemo(() => lineHeights ?? getDefaultLineHeights(), [lineHeights]);
+  const availableLetterSpacings = React78.useMemo(() => letterSpacings ?? getDefaultLetterSpacings(), [letterSpacings]);
   const currentFontFamilyDisplayValue = currentFontFamily.split(",")[0]?.trim() ?? currentFontFamily;
   const currentFontFamilyLabel = availableFontFamilies.find((option) => normalizeStyleValue(option.value) === currentFontFamily)?.label ?? (currentFontFamilyDisplayValue || t("toolbar.fontDefault"));
   const currentFontSizeLabel = availableFontSizes.find((option) => normalizeStyleValue(option.value) === currentFontSize)?.label ?? "13";
@@ -33517,7 +33574,7 @@ async function prepareUEditorContentForSave({
 }
 
 // src/components/UEditor/table-controls.tsx
-import React79 from "react";
+import React80 from "react";
 
 // node_modules/prosemirror-model/dist/index.js
 function findDiffStart(a, b, pos) {
@@ -38436,17 +38493,17 @@ function getSelectedCell(editor) {
 }
 function TableControls({ editor, containerRef }) {
   const t = useSmartTranslations("UEditor");
-  const [layout, setLayout] = React79.useState(null);
-  const [dragPreview, setDragPreview] = React79.useState(null);
-  const [hoverState, setHoverState] = React79.useState(DEFAULT_TABLE_HOVER_STATE);
-  const [openMenuKey, setOpenMenuKey] = React79.useState(null);
-  const layoutRef = React79.useRef(null);
-  const dragStateRef = React79.useRef(null);
-  const syncFrameRef = React79.useRef(null);
-  React79.useEffect(() => {
+  const [layout, setLayout] = React80.useState(null);
+  const [dragPreview, setDragPreview] = React80.useState(null);
+  const [hoverState, setHoverState] = React80.useState(DEFAULT_TABLE_HOVER_STATE);
+  const [openMenuKey, setOpenMenuKey] = React80.useState(null);
+  const layoutRef = React80.useRef(null);
+  const dragStateRef = React80.useRef(null);
+  const syncFrameRef = React80.useRef(null);
+  React80.useEffect(() => {
     layoutRef.current = layout;
   }, [layout]);
-  const syncFromCell = React79.useCallback((cell) => {
+  const syncFromCell = React80.useCallback((cell) => {
     const surface = containerRef.current;
     if (!surface || !cell) {
       setLayout(null);
@@ -38454,23 +38511,23 @@ function TableControls({ editor, containerRef }) {
     }
     setLayout(buildTableControlLayout(editor, surface, cell));
   }, [containerRef, editor]);
-  const syncFromSelection = React79.useCallback(() => {
+  const syncFromSelection = React80.useCallback(() => {
     syncFromCell(getSelectedCell(editor));
   }, [editor, syncFromCell]);
-  const scheduleSyncFromSelection = React79.useCallback(() => {
+  const scheduleSyncFromSelection = React80.useCallback(() => {
     if (syncFrameRef.current !== null) return;
     syncFrameRef.current = window.requestAnimationFrame(() => {
       syncFrameRef.current = null;
       syncFromSelection();
     });
   }, [syncFromSelection]);
-  React79.useEffect(() => () => {
+  React80.useEffect(() => () => {
     if (syncFrameRef.current !== null) {
       window.cancelAnimationFrame(syncFrameRef.current);
       syncFrameRef.current = null;
     }
   }, []);
-  const refreshCurrentLayout = React79.useCallback(() => {
+  const refreshCurrentLayout = React80.useCallback(() => {
     setLayout((prev) => {
       if (!prev) return prev;
       const surface = containerRef.current;
@@ -38480,12 +38537,12 @@ function TableControls({ editor, containerRef }) {
       return cell ? buildTableControlLayout(editor, surface, cell) : null;
     });
   }, [containerRef, editor]);
-  const clearDrag = React79.useCallback(() => {
+  const clearDrag = React80.useCallback(() => {
     dragStateRef.current = null;
     setDragPreview(null);
     document.body.style.cursor = "";
   }, []);
-  const updateHoverState = React79.useCallback((event) => {
+  const updateHoverState = React80.useCallback((event) => {
     const activeLayout = layoutRef.current;
     const surface = containerRef.current;
     if (!activeLayout || !surface || dragStateRef.current) {
@@ -38501,7 +38558,7 @@ function TableControls({ editor, containerRef }) {
       return areTableHoverStatesEqual(prev, nextState) ? prev : nextState;
     });
   }, [containerRef]);
-  React79.useEffect(() => {
+  React80.useEffect(() => {
     const proseMirror = editor.view.dom;
     const surface = containerRef.current;
     if (!surface) return void 0;
@@ -38552,37 +38609,37 @@ function TableControls({ editor, containerRef }) {
       editor.off("update", refreshCurrentLayout);
     };
   }, [clearDrag, containerRef, editor, refreshCurrentLayout, syncFromCell, syncFromSelection, updateHoverState]);
-  const runAtCellPos = React79.useCallback((cellPos, command, options) => {
+  const runAtCellPos = React80.useCallback((cellPos, command, options) => {
     const result = runTableCommandAtCellPos(editor, cellPos, command);
     if (options?.sync !== false) {
       scheduleSyncFromSelection();
     }
     return result;
   }, [editor, scheduleSyncFromSelection]);
-  const runAtActiveCell = React79.useCallback((command, options) => {
+  const runAtActiveCell = React80.useCallback((command, options) => {
     return runAtCellPos(layoutRef.current?.cellPos ?? null, command, options);
   }, [runAtCellPos]);
-  const duplicateRowAt = React79.useCallback((rowIndex, cellPos) => {
+  const duplicateRowAt = React80.useCallback((rowIndex, cellPos) => {
     const result = duplicateTableRowAt(editor, rowIndex, cellPos);
     scheduleSyncFromSelection();
     return result;
   }, [editor, scheduleSyncFromSelection]);
-  const clearRowAt = React79.useCallback((rowIndex, cellPos) => {
+  const clearRowAt = React80.useCallback((rowIndex, cellPos) => {
     const result = clearTableRowAt(editor, rowIndex, cellPos);
     scheduleSyncFromSelection();
     return result;
   }, [editor, scheduleSyncFromSelection]);
-  const duplicateColumnAt = React79.useCallback((columnIndex, cellPos) => {
+  const duplicateColumnAt = React80.useCallback((columnIndex, cellPos) => {
     const result = duplicateTableColumnAt(editor, columnIndex, cellPos);
     scheduleSyncFromSelection();
     return result;
   }, [editor, scheduleSyncFromSelection]);
-  const clearColumnAt = React79.useCallback((columnIndex, cellPos) => {
+  const clearColumnAt = React80.useCallback((columnIndex, cellPos) => {
     const result = clearTableColumnAt(editor, columnIndex, cellPos);
     scheduleSyncFromSelection();
     return result;
   }, [editor, scheduleSyncFromSelection]);
-  const expandTableBy = React79.useCallback((rows, cols) => {
+  const expandTableBy = React80.useCallback((rows, cols) => {
     const activeCellPos = layoutRef.current?.cellPos ?? editor.state.selection.from;
     const result = expandTableFromCell(editor, activeCellPos, rows, cols);
     scheduleSyncFromSelection();
@@ -38591,19 +38648,19 @@ function TableControls({ editor, containerRef }) {
   const canExpandTable = Boolean(layout);
   const controlsVisible = dragPreview !== null;
   const tableMenuOpen = openMenuKey === "table";
-  const startAddColumnDrag = React79.useCallback(() => {
+  const startAddColumnDrag = React80.useCallback(() => {
     setOpenMenuKey(null);
     dragStateRef.current = { kind: "add-column", previewCols: 1 };
     setDragPreview({ kind: "add-column", previewCols: 1 });
     document.body.style.cursor = "ew-resize";
   }, []);
-  const startAddRowDrag = React79.useCallback(() => {
+  const startAddRowDrag = React80.useCallback(() => {
     setOpenMenuKey(null);
     dragStateRef.current = { kind: "add-row", previewRows: 1 };
     setDragPreview({ kind: "add-row", previewRows: 1 });
     document.body.style.cursor = "ns-resize";
   }, []);
-  const startRowDrag = React79.useCallback((rowHandle) => {
+  const startRowDrag = React80.useCallback((rowHandle) => {
     setOpenMenuKey(null);
     dragStateRef.current = {
       kind: "row",
@@ -38620,7 +38677,7 @@ function TableControls({ editor, containerRef }) {
     });
     document.body.style.cursor = "grabbing";
   }, []);
-  const startColumnDrag = React79.useCallback((columnHandle) => {
+  const startColumnDrag = React80.useCallback((columnHandle) => {
     setOpenMenuKey(null);
     dragStateRef.current = {
       kind: "column",
@@ -38637,7 +38694,7 @@ function TableControls({ editor, containerRef }) {
     });
     document.body.style.cursor = "grabbing";
   }, []);
-  React79.useEffect(() => {
+  React80.useEffect(() => {
     const handleMouseMove2 = (event) => {
       const dragState = dragStateRef.current;
       const activeLayout = layoutRef.current;
@@ -38726,7 +38783,7 @@ function TableControls({ editor, containerRef }) {
       window.removeEventListener("blur", clearDrag);
     };
   }, [clearDrag, containerRef, editor, expandTableBy, scheduleSyncFromSelection]);
-  const menuItems = React79.useMemo(() => {
+  const menuItems = React80.useMemo(() => {
     if (!layout) return [];
     return [
       {
@@ -38794,7 +38851,7 @@ function TableControls({ editor, containerRef }) {
       }
     ];
   }, [layout, runAtActiveCell, t]);
-  const getRowHandleMenuItems = React79.useCallback((rowHandle) => [
+  const getRowHandleMenuItems = React80.useCallback((rowHandle) => [
     {
       label: t("tableMenu.addRowBefore"),
       icon: ArrowUp2,
@@ -38822,7 +38879,7 @@ function TableControls({ editor, containerRef }) {
       destructive: true
     }
   ], [clearRowAt, duplicateRowAt, runAtCellPos, t]);
-  const getColumnHandleMenuItems = React79.useCallback((columnHandle) => [
+  const getColumnHandleMenuItems = React80.useCallback((columnHandle) => [
     {
       label: t("tableMenu.addColumnBefore"),
       icon: ArrowLeft2,
@@ -39103,10 +39160,10 @@ var UEDITOR_PROSEMIRROR_CLASS_NAME = cn(
 );
 
 // src/components/UEditor/use-table-interactions.ts
-import React81, { useEffect as useEffect37, useRef as useRef35 } from "react";
+import React82, { useEffect as useEffect37, useRef as useRef35 } from "react";
 
 // src/components/UEditor/use-table-row-resize.ts
-import React80, { useRef as useRef34 } from "react";
+import React81, { useRef as useRef34 } from "react";
 function useTableRowResize({
   editor,
   setHoveredTableCell,
@@ -39116,15 +39173,15 @@ function useTableRowResize({
   scheduleTableLayoutSync
 }) {
   const stateRef = useRef34(null);
-  const syncActiveGuide = React80.useCallback(() => {
+  const syncActiveGuide = React81.useCallback(() => {
     const state = stateRef.current;
     if (!state) return false;
     setHoveredTableCell(state.cellElement);
     showRowGuide(state.tableElement, state.rowElement, state.cellElement, state.pendingHeight);
     return true;
   }, [setHoveredTableCell, showRowGuide]);
-  const isResizing = React80.useCallback(() => stateRef.current !== null, []);
-  const beginResize = React80.useCallback((event, table, row, cell) => {
+  const isResizing = React81.useCallback(() => stateRef.current !== null, []);
+  const beginResize = React81.useCallback((event, table, row, cell) => {
     if (!editor || !isRowResizeHotspot(cell, event.clientX, event.clientY)) {
       return false;
     }
@@ -39150,7 +39207,7 @@ function useTableRowResize({
     event.stopPropagation();
     return true;
   }, [editor, setHoveredTableCell, showRowGuide]);
-  const handlePointerMove = React80.useCallback((event) => {
+  const handlePointerMove = React81.useCallback((event) => {
     const state = stateRef.current;
     if (!state) return;
     const nextHeight = Math.max(
@@ -39167,7 +39224,7 @@ function useTableRowResize({
     document.body.style.cursor = "row-resize";
     showRowGuide(state.tableElement, state.rowElement, state.cellElement, nextHeight);
   }, [showRowGuide]);
-  const handlePointerUp = React80.useCallback((event) => {
+  const handlePointerUp = React81.useCallback((event) => {
     if (!editor) return;
     const state = stateRef.current;
     if (!state) return;
@@ -39191,7 +39248,7 @@ function useTableRowResize({
     clearAllTableResizeHover();
     scheduleTableLayoutSync();
   }, [clearAllTableResizeHover, clearHoveredTableCell, editor, scheduleTableLayoutSync]);
-  const cancelResize = React80.useCallback(() => {
+  const cancelResize = React81.useCallback(() => {
     if (!stateRef.current) return;
     stateRef.current = null;
     document.body.style.cursor = "";
@@ -39199,7 +39256,7 @@ function useTableRowResize({
     clearAllTableResizeHover();
     scheduleTableLayoutSync();
   }, [clearAllTableResizeHover, clearHoveredTableCell, scheduleTableLayoutSync]);
-  const cleanup = React80.useCallback(() => {
+  const cleanup = React81.useCallback(() => {
     stateRef.current = null;
     document.body.style.cursor = "";
   }, []);
@@ -39224,16 +39281,16 @@ function useUEditorTableInteractions(editor, editable = true) {
   const activeTableCellRef = useRef35(null);
   const suppressActiveCellHighlightRef = useRef35(false);
   const tableLayoutSyncFrameRef = useRef35(null);
-  const getProseMirrorElement = React81.useCallback(() => {
+  const getProseMirrorElement = React82.useCallback(() => {
     return editorContentRef.current?.querySelector(".ProseMirror");
   }, []);
-  const setEditorResizeCursor = React81.useCallback((cursor) => {
+  const setEditorResizeCursor = React82.useCallback((cursor) => {
     const proseMirror = getProseMirrorElement();
     if (proseMirror) {
       proseMirror.style.cursor = cursor;
     }
   }, [getProseMirrorElement]);
-  const hideColumnGuide = React81.useCallback(() => {
+  const hideColumnGuide = React82.useCallback(() => {
     editorContentRef.current?.classList.remove("resize-cursor");
     getProseMirrorElement()?.classList.remove("resize-cursor");
     const guide = tableColumnGuideRef.current;
@@ -39241,7 +39298,7 @@ function useUEditorTableInteractions(editor, editable = true) {
       guide.style.opacity = "0";
     }
   }, [getProseMirrorElement]);
-  const hideRowGuide = React81.useCallback(() => {
+  const hideRowGuide = React82.useCallback(() => {
     editorContentRef.current?.classList.remove("resize-row-cursor");
     getProseMirrorElement()?.classList.remove("resize-row-cursor");
     const guide = tableRowGuideRef.current;
@@ -39249,12 +39306,12 @@ function useUEditorTableInteractions(editor, editable = true) {
       guide.style.opacity = "0";
     }
   }, [getProseMirrorElement]);
-  const clearAllTableResizeHover = React81.useCallback(() => {
+  const clearAllTableResizeHover = React82.useCallback(() => {
     setEditorResizeCursor("");
     hideColumnGuide();
     hideRowGuide();
   }, [hideColumnGuide, hideRowGuide, setEditorResizeCursor]);
-  const updateActiveCellHighlight = React81.useCallback((cell) => {
+  const updateActiveCellHighlight = React82.useCallback((cell) => {
     const surface = editorContentRef.current;
     const highlight = activeTableCellHighlightRef.current;
     if (!highlight) return;
@@ -39269,7 +39326,7 @@ function useUEditorTableInteractions(editor, editable = true) {
     highlight.style.width = `${metrics.width}px`;
     highlight.style.height = `${metrics.height}px`;
   }, []);
-  const scheduleTableLayoutSync = React81.useCallback(() => {
+  const scheduleTableLayoutSync = React82.useCallback(() => {
     if (tableLayoutSyncFrameRef.current !== null) return;
     tableLayoutSyncFrameRef.current = window.requestAnimationFrame(() => {
       tableLayoutSyncFrameRef.current = null;
@@ -39277,7 +39334,7 @@ function useUEditorTableInteractions(editor, editable = true) {
       editorContentRef.current?.dispatchEvent(new CustomEvent(UEDITOR_TABLE_LAYOUT_CHANGE_EVENT));
     });
   }, [updateActiveCellHighlight]);
-  const setActiveTableCell = React81.useCallback((cell) => {
+  const setActiveTableCell = React82.useCallback((cell) => {
     if (activeTableCellRef.current === cell) {
       updateActiveCellHighlight(cell);
       return;
@@ -39285,17 +39342,17 @@ function useUEditorTableInteractions(editor, editable = true) {
     activeTableCellRef.current = cell;
     updateActiveCellHighlight(activeTableCellRef.current);
   }, [updateActiveCellHighlight]);
-  const clearActiveTableCell = React81.useCallback(() => {
+  const clearActiveTableCell = React82.useCallback(() => {
     activeTableCellRef.current = null;
     updateActiveCellHighlight(null);
   }, [updateActiveCellHighlight]);
-  const setHoveredTableCell = React81.useCallback((cell) => {
+  const setHoveredTableCell = React82.useCallback((cell) => {
     hoveredTableCellRef.current = cell;
   }, []);
-  const clearHoveredTableCell = React81.useCallback(() => {
+  const clearHoveredTableCell = React82.useCallback(() => {
     hoveredTableCellRef.current = null;
   }, []);
-  const showColumnGuide = React81.useCallback((table, row, cell) => {
+  const showColumnGuide = React82.useCallback((table, row, cell) => {
     const surface = editorContentRef.current;
     const guide = tableColumnGuideRef.current;
     if (!surface || !guide) return;
@@ -39309,7 +39366,7 @@ function useUEditorTableInteractions(editor, editable = true) {
     getProseMirrorElement()?.classList.add("resize-cursor");
     setEditorResizeCursor("col-resize");
   }, [getProseMirrorElement, setEditorResizeCursor]);
-  const showRowGuide = React81.useCallback((table, row, cell, previewHeight) => {
+  const showRowGuide = React82.useCallback((table, row, cell, previewHeight) => {
     const surface = editorContentRef.current;
     const guide = tableRowGuideRef.current;
     if (!surface || !guide) return;
@@ -39341,7 +39398,7 @@ function useUEditorTableInteractions(editor, editable = true) {
     clearAllTableResizeHover,
     scheduleTableLayoutSync
   });
-  const syncActiveTableCellFromSelection = React81.useCallback(() => {
+  const syncActiveTableCellFromSelection = React82.useCallback(() => {
     if (!editor) return;
     if (!editor.isFocused) {
       clearActiveTableCell();
@@ -39524,7 +39581,7 @@ function useUEditorTableInteractions(editor, editable = true) {
 }
 
 // src/components/UEditor/menu-bar.tsx
-import React82, { useMemo as useMemo24, useRef as useRef36, useState as useState49 } from "react";
+import React83, { useMemo as useMemo24, useRef as useRef36, useState as useState49 } from "react";
 import { useEditorState as useEditorState3 } from "@tiptap/react";
 import {
   AlignCenter as AlignCenter4,
@@ -39736,7 +39793,7 @@ function renderMenuItems(items) {
       case "sub":
         return /* @__PURE__ */ jsx95(DropdownMenuSub, { label: item.label, icon: item.icon, disabled: item.disabled, children: renderMenuItems(item.items) }, i);
       case "custom":
-        return /* @__PURE__ */ jsx95(React82.Fragment, { children: item.render() }, item.key);
+        return /* @__PURE__ */ jsx95(React83.Fragment, { children: item.render() }, item.key);
     }
   });
 }
@@ -40112,7 +40169,7 @@ function buildTableMenuItems(t, editor, onInsertTable) {
     }
   ];
 }
-var MenuBarTrigger = React82.forwardRef(
+var MenuBarTrigger = React83.forwardRef(
   ({ children, className, ...props }, ref) => /* @__PURE__ */ jsx95(
     "button",
     {
@@ -40579,7 +40636,7 @@ function getFormulaRangePickHighlight(container, pickState) {
 
 // src/components/UEditor/UEditor.tsx
 import { jsx as jsx96, jsxs as jsxs80 } from "react/jsx-runtime";
-var UEditor = React83.forwardRef(({
+var UEditor = React84.forwardRef(({
   content = "",
   onChange,
   onHtmlChange,
@@ -40625,8 +40682,8 @@ var UEditor = React83.forwardRef(({
   const scheduledFormulaRecalculateRef = useRef37(false);
   const formulaRangePickRef = useRef37(null);
   const formulaRangeSurfaceRef = useRef37(null);
-  const [formulaRangeHighlight, setFormulaRangeHighlight] = React83.useState(null);
-  const scheduleFormulaRecalculate = React83.useCallback((editor2, options) => {
+  const [formulaRangeHighlight, setFormulaRangeHighlight] = React84.useState(null);
+  const scheduleFormulaRecalculate = React84.useCallback((editor2, options) => {
     if (editor2.isDestroyed || scheduledFormulaRecalculateRef.current) return;
     if (!options?.force && isEditingTableFormulaText(editor2)) return;
     scheduledFormulaRecalculateRef.current = true;
@@ -40666,7 +40723,7 @@ var UEditor = React83.forwardRef(({
     ],
     [effectivePlaceholder, t, maxCharacters, uploadImage, resolvedUploadFile, imageInsertMode, maxImageFileSize, allowedImageMimeTypes, fallbackToDataUrl, editable, fetchMetadata, extraExtensions]
   );
-  const syncFormulaRangeHighlight = React83.useCallback((pickState) => {
+  const syncFormulaRangeHighlight = React84.useCallback((pickState) => {
     const container = formulaRangeSurfaceRef.current;
     setFormulaRangeHighlight(container && pickState ? getFormulaRangePickHighlight(container, pickState) : null);
   }, []);
@@ -41094,11 +41151,14 @@ export {
   cn as cnLocal,
   extractImageSrcsFromHtml,
   getAnimationStyles,
+  getEmojiImageUrl,
+  getEmojiUnifiedCode,
   getUnderverseMessages,
   injectAnimationStyles,
   loading,
   normalizeImageUrl,
   prepareUEditorContentForSave,
+  setEmojiBaseUrl,
   shadcnAnimationStyles,
   underverseMessages,
   useFormField,