@underverse-ui/underverse 1.0.124 → 1.0.126

package/dist/index.cjs

@@ -874,6 +874,9 @@ var en_default = {
       accent: "Accent",
       textColor: "Text Color",
       highlight: "Highlight",
+      automatic: "Automatic",
+      moreColors: "More Colors...",
+      color: "Color",
       done: "Done"
     },
     toolbar: {
@@ -888,6 +891,7 @@ var en_default = {
       subscript: "Subscript",
       superscript: "Superscript",
       link: "Link",
+      removeLink: "Remove Link",
       image: "Insert Image",
       table: "Insert Table",
       alignment: "Alignment",
@@ -1139,6 +1143,9 @@ var vi_default = {
       accent: "Nh\u1EA5n",
       textColor: "M\xE0u ch\u1EEF",
       highlight: "N\u1ED5i b\u1EADt",
+      automatic: "T\u1EF1 \u0111\u1ED9ng",
+      moreColors: "Th\xEAm m\xE0u...",
+      color: "M\xE0u",
       done: "Xong"
     },
     toolbar: {
@@ -1153,6 +1160,7 @@ var vi_default = {
       subscript: "Ch\u1EC9 s\u1ED1 d\u01B0\u1EDBi",
       superscript: "Ch\u1EC9 s\u1ED1 tr\xEAn",
       link: "Li\xEAn k\u1EBFt",
+      removeLink: "G\u1EE1 li\xEAn k\u1EBFt",
       image: "Ch\xE8n \u1EA3nh",
       table: "Ch\xE8n b\u1EA3ng",
       alignment: "C\u0103n ch\u1EC9nh",
@@ -1404,6 +1412,9 @@ var ko_default = {
       accent: "\uAC15\uC870",
       textColor: "\uD14D\uC2A4\uD2B8 \uC0C9\uC0C1",
       highlight: "\uD615\uAD11\uD39C",
+      automatic: "\uC790\uB3D9",
+      moreColors: "\uB2E4\uB978 \uC0C9...",
+      color: "\uC0C9\uC0C1",
       done: "\uC644\uB8CC"
     },
     toolbar: {
@@ -1418,6 +1429,7 @@ var ko_default = {
       subscript: "\uC544\uB798 \uCCA8\uC790",
       superscript: "\uC704 \uCCA8\uC790",
       link: "\uB9C1\uD06C",
+      removeLink: "\uB9C1\uD06C \uC81C\uAC70",
       image: "\uC774\uBBF8\uC9C0",
       table: "\uD45C",
       alignment: "\uC815\uB82C",
@@ -1668,6 +1680,9 @@ var ja_default = {
       accent: "\u30A2\u30AF\u30BB\u30F3\u30C8",
       textColor: "\u30C6\u30AD\u30B9\u30C8\u8272",
       highlight: "\u30CF\u30A4\u30E9\u30A4\u30C8",
+      automatic: "\u81EA\u52D5",
+      moreColors: "\u305D\u306E\u4ED6\u306E\u8272...",
+      color: "\u8272",
       done: "\u5B8C\u4E86"
     },
     toolbar: {
@@ -1682,6 +1697,7 @@ var ja_default = {
       subscript: "\u4E0B\u4ED8\u304D",
       superscript: "\u4E0A\u4ED8\u304D",
       link: "\u30EA\u30F3\u30AF",
+      removeLink: "\u30EA\u30F3\u30AF\u3092\u89E3\u9664",
       image: "\u753B\u50CF",
       table: "\u8868",
       alignment: "\u914D\u7F6E",
@@ -4687,6 +4703,9 @@ var Label = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
 ));
 Label.displayName = "Label";
 
+// src/components/Avatar.tsx
+var React16 = __toESM(require("react"), 1);
+
 // src/components/SmartImage.tsx
 var import_image = __toESM(require("next/image"), 1);
 var import_react8 = __toESM(require("react"), 1);
@@ -4708,55 +4727,55 @@ function SmartImage({
   quality = 80,
   fit = "cover",
   objectPosition,
-  fallbackSrc = DEFAULT_FALLBACK
+  fallbackSrc = DEFAULT_FALLBACK,
+  transition = false,
+  unoptimized = false
 }) {
-  const normalize2 = (input) => {
-    if (!input || input.length === 0) return fallbackSrc;
-    const raw = input.trim();
-    if (raw.startsWith("/images/products/") && /\.(jpg|jpeg)($|\?)/i.test(raw)) {
-      return raw.replace(/\.(jpg|jpeg)(?=$|\?)/i, ".png");
-    }
-    if (raw.startsWith("//")) {
-      return `https:${raw}`;
-    }
-    if (/^(https?:|data:|blob:)/i.test(raw)) {
-      return FAILED_SRCS.has(raw) ? fallbackSrc : raw;
-    }
-    if (raw.startsWith("/")) {
-      return FAILED_SRCS.has(raw) ? fallbackSrc : raw;
-    }
-    const normalized = `/${raw.replace(/^\.\/?/, "")}`;
-    return FAILED_SRCS.has(normalized) ? fallbackSrc : normalized;
-  };
+  const normalize2 = import_react8.default.useCallback(
+    (input) => {
+      if (!input || input.length === 0) return fallbackSrc;
+      const raw = input.trim();
+      if (raw.startsWith("/images/products/") && /\.(jpg|jpeg)($|\?)/i.test(raw)) {
+        return raw.replace(/\.(jpg|jpeg)(?=$|\?)/i, ".png");
+      }
+      if (raw.startsWith("//")) {
+        return `https:${raw}`;
+      }
+      if (/^(https?:|data:|blob:)/i.test(raw)) {
+        return FAILED_SRCS.has(raw) ? fallbackSrc : raw;
+      }
+      if (raw.startsWith("/")) {
+        return FAILED_SRCS.has(raw) ? fallbackSrc : raw;
+      }
+      const normalized = `/${raw.replace(/^\.\/?/, "")}`;
+      return FAILED_SRCS.has(normalized) ? fallbackSrc : normalized;
+    },
+    [fallbackSrc]
+  );
   const [resolvedSrc, setResolvedSrc] = import_react8.default.useState(() => normalize2(src));
   import_react8.default.useEffect(() => {
-    setResolvedSrc(normalize2(src));
-  }, [src]);
+    const next = normalize2(src);
+    setResolvedSrc((current) => current === next ? current : next);
+  }, [normalize2, src]);
   const handleError = () => {
     if (resolvedSrc && resolvedSrc !== fallbackSrc) FAILED_SRCS.add(resolvedSrc);
-    if (resolvedSrc.endsWith(".jpg")) {
-      const next = resolvedSrc.replace(/\.jpg($|\?)/, ".png$1");
+    if (/\.(jpg|jpeg)(\?.*)?$/i.test(resolvedSrc)) {
+      const next = resolvedSrc.replace(/\.(jpg|jpeg)(?=$|\?)/i, ".png");
       setResolvedSrc(next);
     } else if (resolvedSrc !== fallbackSrc) {
       setResolvedSrc(fallbackSrc);
     }
   };
-  const Wrapper = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-    "div",
-    {
-      className: cn(
-        "relative overflow-hidden bg-muted/30",
-        // remove any default focus outline/ring for visual consistency with Card
-        "outline-none focus:outline-none focus-visible:outline-none ring-0 focus:ring-0",
-        ratioClass,
-        roundedClass,
-        className
-      ),
-      children
-    }
+  const wrapperClass = cn(
+    "relative overflow-hidden bg-muted/30",
+    "outline-none focus:outline-none focus-visible:outline-none ring-0 focus:ring-0",
+    ratioClass,
+    roundedClass,
+    className
   );
+  const imgClass = cn(transition ? "transition-opacity duration-300" : "transition-none", imageClassName);
   if (fill) {
-    return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Wrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: wrapperClass, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
       import_image.default,
       {
         src: resolvedSrc,
@@ -4766,8 +4785,9 @@ function SmartImage({
         onError: handleError,
         priority,
         quality,
+        unoptimized,
         style: { objectFit: fit, objectPosition },
-        className: cn("transition-all duration-300", imageClassName)
+        className: imgClass
       }
     ) });
   }
@@ -4791,8 +4811,9 @@ function SmartImage({
           onError: handleError,
           priority,
           quality,
+          unoptimized,
           style: { objectFit: fit, objectPosition, width: "100%", height: "100%" },
-          className: cn("transition-all duration-300", imageClassName)
+          className: imgClass
         }
       )
     }
@@ -4820,7 +4841,7 @@ var statusDotSizes = {
   lg: "w-4 h-4 border-2",
   xl: "w-5 h-5 border-[3px]"
 };
-var Avatar = ({
+var Avatar = React16.memo(function Avatar2({
   src,
   alt = "avatar",
   fallback = "?",
@@ -4828,11 +4849,15 @@ var Avatar = ({
   showStatus = true,
   status = "online",
   hideStatusOnHover = true,
+  imageStrategy = "img",
+  imageLoading = "lazy",
+  imageFetchPriority,
   className,
   onClick,
   ...props
-}) => {
+}) {
   const hasValidSrc = !!(src && src.trim().length > 0);
+  const fallbackText = (fallback || "?").trim().charAt(0).toUpperCase() || "?";
   return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
     "div",
     {
@@ -4846,7 +4871,19 @@ var Avatar = ({
       ...props,
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "absolute inset-0 overflow-hidden rounded-full", children: [
-          hasValidSrc && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+          hasValidSrc && imageStrategy === "img" && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+            "img",
+            {
+              src,
+              alt,
+              loading: imageLoading,
+              decoding: "async",
+              draggable: false,
+              fetchPriority: imageFetchPriority,
+              className: "h-full w-full object-cover"
+            }
+          ),
+          hasValidSrc && imageStrategy === "next-image" && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
             SmartImage,
             {
               src,
@@ -4857,7 +4894,8 @@ var Avatar = ({
               roundedClass: "rounded-full",
               fit: "cover",
               objectPosition: "center",
-              quality: 80
+              quality: 80,
+              imageClassName: "transition-none"
             }
           ),
           !hasValidSrc && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
@@ -4867,7 +4905,7 @@ var Avatar = ({
                 "font-bold uppercase bg-linear-to-br from-primary to-primary/80 bg-clip-text text-transparent",
                 "transition-all duration-200 animate-fade-in"
               ),
-              children: fallback
+              children: fallbackText
             }
           ) })
         ] }),
@@ -4886,7 +4924,7 @@ var Avatar = ({
       ]
     }
   );
-};
+});
 var Avatar_default = Avatar;
 
 // src/components/Skeleton.tsx
@@ -5382,7 +5420,7 @@ var LoadingProgress = ({
 };
 
 // src/components/Modal.tsx
-var React17 = __toESM(require("react"), 1);
+var React18 = __toESM(require("react"), 1);
 var import_react_dom2 = require("react-dom");
 var import_lucide_react7 = require("lucide-react");
 var import_jsx_runtime21 = require("react/jsx-runtime");
@@ -5412,17 +5450,17 @@ var Modal = ({
   height
 }) => {
   const gi18n = useGlobalI18n();
-  const [isMounted, setIsMounted] = React17.useState(false);
-  const [isVisible, setIsVisible] = React17.useState(false);
-  const [isAnimating, setIsAnimating] = React17.useState(true);
-  const mouseDownTarget = React17.useRef(null);
-  const modalContentRef = React17.useRef(null);
-  React17.useEffect(() => {
+  const [isMounted, setIsMounted] = React18.useState(false);
+  const [isVisible, setIsVisible] = React18.useState(false);
+  const [isAnimating, setIsAnimating] = React18.useState(true);
+  const mouseDownTarget = React18.useRef(null);
+  const modalContentRef = React18.useRef(null);
+  React18.useEffect(() => {
     setIsMounted(true);
     return () => setIsMounted(false);
   }, []);
-  const animationRef = React17.useRef(false);
-  React17.useEffect(() => {
+  const animationRef = React18.useRef(false);
+  React18.useEffect(() => {
     if (isOpen) {
       if (animationRef.current) return;
       animationRef.current = true;
@@ -5442,7 +5480,7 @@ var Modal = ({
       }
     }
   }, [isOpen, isVisible]);
-  React17.useEffect(() => {
+  React18.useEffect(() => {
     if (!isOpen || !closeOnEsc) return;
     const handleEscape = (event) => {
       if (event.key === "Escape") {
@@ -5452,7 +5490,7 @@ var Modal = ({
     document.addEventListener("keydown", handleEscape);
     return () => document.removeEventListener("keydown", handleEscape);
   }, [isOpen, closeOnEsc, onClose]);
-  React17.useEffect(() => {
+  React18.useEffect(() => {
     if (isOpen) {
       document.body.style.overflow = "hidden";
     } else {
@@ -5738,7 +5776,7 @@ var ToastComponent = ({ toast, onRemove }) => {
 var Toast_default = ToastProvider;
 
 // src/components/Popover.tsx
-var React19 = __toESM(require("react"), 1);
+var React20 = __toESM(require("react"), 1);
 var import_react_dom3 = require("react-dom");
 
 // src/utils/animations.ts
@@ -6028,14 +6066,14 @@ var Popover = ({
   contentWidth
 }) => {
   const isControlled = open !== void 0;
-  const [internalOpen, setInternalOpen] = React19.useState(false);
-  const triggerRef = React19.useRef(null);
-  const positionerRef = React19.useRef(null);
-  const panelRef = React19.useRef(null);
-  const lastAppliedRef = React19.useRef(null);
+  const [internalOpen, setInternalOpen] = React20.useState(false);
+  const triggerRef = React20.useRef(null);
+  const positionerRef = React20.useRef(null);
+  const panelRef = React20.useRef(null);
+  const lastAppliedRef = React20.useRef(null);
   useShadCNAnimations();
   const isOpen = isControlled ? open : internalOpen;
-  const setIsOpen = React19.useCallback(
+  const setIsOpen = React20.useCallback(
     (next) => {
       if (!isControlled) setInternalOpen(next);
       onOpenChange?.(next);
@@ -6044,16 +6082,16 @@ var Popover = ({
   );
   const offset = 4;
   const padding = 8;
-  const triggerSelector = React19.useId();
-  const initialPlacement = React19.useMemo(() => normalizePlacement(placement), [placement]);
-  React19.useLayoutEffect(() => {
+  const triggerSelector = React20.useId();
+  const initialPlacement = React20.useMemo(() => normalizePlacement(placement), [placement]);
+  React20.useLayoutEffect(() => {
     if (typeof document === "undefined") return;
     const triggerEl = document.querySelector(`[data-underverse-popover-trigger="${triggerSelector}"]`);
     if (triggerEl) {
       triggerRef.current = triggerEl;
     }
   }, [triggerSelector, trigger]);
-  const updatePosition = React19.useCallback(() => {
+  const updatePosition = React20.useCallback(() => {
     const triggerEl = triggerRef.current;
     const positionerEl = positionerRef.current;
     const panelEl = panelRef.current;
@@ -6090,7 +6128,7 @@ var Popover = ({
     if (positionerEl.style.visibility !== "visible") positionerEl.style.visibility = "visible";
     if (positionerEl.style.pointerEvents !== "auto") positionerEl.style.pointerEvents = "auto";
   }, [placement, matchTriggerWidth, contentWidth]);
-  React19.useLayoutEffect(() => {
+  React20.useLayoutEffect(() => {
     if (!isOpen) return;
     updatePosition();
     let raf1 = 0;
@@ -6104,7 +6142,7 @@ var Popover = ({
       cancelAnimationFrame(raf2);
     };
   }, [isOpen, updatePosition]);
-  React19.useEffect(() => {
+  React20.useEffect(() => {
     if (!isOpen) return;
     let raf = 0;
     const tick = () => {
@@ -6114,7 +6152,7 @@ var Popover = ({
     raf = window.requestAnimationFrame(tick);
     return () => window.cancelAnimationFrame(raf);
   }, [isOpen, updatePosition]);
-  React19.useEffect(() => {
+  React20.useEffect(() => {
     if (!isOpen) return;
     let raf = 0;
     const handler = () => {
@@ -6132,7 +6170,7 @@ var Popover = ({
       document.removeEventListener("scroll", handler, true);
     };
   }, [isOpen, updatePosition]);
-  React19.useEffect(() => {
+  React20.useEffect(() => {
     if (!isOpen) return;
     if (typeof ResizeObserver === "undefined") return;
     const ro = new ResizeObserver(() => updatePosition());
@@ -6140,13 +6178,13 @@ var Popover = ({
     if (triggerRef.current) ro.observe(triggerRef.current);
     return () => ro.disconnect();
   }, [isOpen, updatePosition]);
-  React19.useLayoutEffect(() => {
+  React20.useLayoutEffect(() => {
     if (!isOpen) {
       lastAppliedRef.current = null;
       return;
     }
   }, [isOpen]);
-  React19.useEffect(() => {
+  React20.useEffect(() => {
     if (!isOpen) return;
     const handleClickOutside = (event) => {
       const target = event.target;
@@ -6232,7 +6270,7 @@ var Popover = ({
     (() => {
       const triggerProps = trigger.props;
       const childRef = triggerProps.ref;
-      return React19.cloneElement(trigger, {
+      return React20.cloneElement(trigger, {
         ...triggerProps,
         ref: mergeRefs(childRef, (node) => {
           triggerRef.current = node;
@@ -6262,7 +6300,7 @@ var Popover = ({
 };
 
 // src/components/Sheet.tsx
-var React20 = __toESM(require("react"), 1);
+var React21 = __toESM(require("react"), 1);
 var import_react_dom4 = require("react-dom");
 var import_lucide_react9 = require("lucide-react");
 var import_jsx_runtime24 = require("react/jsx-runtime");
@@ -6348,19 +6386,19 @@ var Sheet = ({
   onResize
 }) => {
   const gi18n = useGlobalI18n();
-  const [mounted, setMounted] = React20.useState(false);
-  const [isAnimating, setIsAnimating] = React20.useState(true);
-  const [isVisible, setIsVisible] = React20.useState(false);
-  const [isResizing, setIsResizing] = React20.useState(false);
-  const [sheetSize, setSheetSize] = React20.useState(null);
-  const sheetRef = React20.useRef(null);
-  const resizeStateRef = React20.useRef(null);
+  const [mounted, setMounted] = React21.useState(false);
+  const [isAnimating, setIsAnimating] = React21.useState(true);
+  const [isVisible, setIsVisible] = React21.useState(false);
+  const [isResizing, setIsResizing] = React21.useState(false);
+  const [sheetSize, setSheetSize] = React21.useState(null);
+  const sheetRef = React21.useRef(null);
+  const resizeStateRef = React21.useRef(null);
   const isHorizontalSheet = side === "left" || side === "right";
   const canResize = resizable && size !== "full";
-  React20.useEffect(() => {
+  React21.useEffect(() => {
     setMounted(true);
   }, []);
-  React20.useEffect(() => {
+  React21.useEffect(() => {
     if (!closeOnEscape) return;
     const handleEscape = (e) => {
       if (e.key === "Escape" && open) {
@@ -6370,7 +6408,7 @@ var Sheet = ({
     document.addEventListener("keydown", handleEscape);
     return () => document.removeEventListener("keydown", handleEscape);
   }, [open, closeOnEscape, onOpenChange]);
-  React20.useEffect(() => {
+  React21.useEffect(() => {
     if (open) {
       document.body.style.overflow = "hidden";
     } else {
@@ -6380,7 +6418,7 @@ var Sheet = ({
       document.body.style.overflow = "unset";
     };
   }, [open]);
-  React20.useEffect(() => {
+  React21.useEffect(() => {
     if (open) {
       setIsVisible(true);
       setIsAnimating(true);
@@ -6403,19 +6441,19 @@ var Sheet = ({
   const handleClose = () => {
     onOpenChange(false);
   };
-  const clampResizeSize = React20.useCallback((nextSize) => {
+  const clampResizeSize = React21.useCallback((nextSize) => {
     const viewportSize = isHorizontalSheet ? window.innerWidth : window.innerHeight;
     const resolvedMaxSize = maxSize ?? Math.round(viewportSize * 0.9);
     return Math.min(Math.max(nextSize, minSize), resolvedMaxSize);
   }, [isHorizontalSheet, maxSize, minSize]);
-  const endResize = React20.useCallback(() => {
+  const endResize = React21.useCallback(() => {
     if (!resizeStateRef.current) return;
     resizeStateRef.current = null;
     setIsResizing(false);
     document.body.style.cursor = "";
     document.body.style.userSelect = "";
   }, []);
-  const handleResizePointerMove = React20.useCallback((event) => {
+  const handleResizePointerMove = React21.useCallback((event) => {
     const resizeState = resizeStateRef.current;
     if (!resizeState || event.pointerId !== resizeState.pointerId) return;
     const delta = isHorizontalSheet ? side === "right" ? resizeState.startClientX - event.clientX : event.clientX - resizeState.startClientX : side === "bottom" ? resizeState.startClientY - event.clientY : event.clientY - resizeState.startClientY;
@@ -6423,12 +6461,12 @@ var Sheet = ({
     setSheetSize(nextSize);
     onResize?.(nextSize);
   }, [clampResizeSize, isHorizontalSheet, onResize, side]);
-  const handleResizePointerUp = React20.useCallback((event) => {
+  const handleResizePointerUp = React21.useCallback((event) => {
     const resizeState = resizeStateRef.current;
     if (!resizeState || event.pointerId !== resizeState.pointerId) return;
     endResize();
   }, [endResize]);
-  React20.useEffect(() => {
+  React21.useEffect(() => {
     if (!isResizing) return void 0;
     window.addEventListener("pointermove", handleResizePointerMove);
     window.addEventListener("pointerup", handleResizePointerUp);
@@ -6439,10 +6477,10 @@ var Sheet = ({
       window.removeEventListener("pointercancel", handleResizePointerUp);
     };
   }, [handleResizePointerMove, handleResizePointerUp, isResizing]);
-  React20.useEffect(() => {
+  React21.useEffect(() => {
     if (!open) endResize();
   }, [endResize, open]);
-  React20.useEffect(() => endResize, [endResize]);
+  React21.useEffect(() => endResize, [endResize]);
   const handleResizePointerDown = (event) => {
     if (!canResize || !sheetRef.current) return;
     const rect = sheetRef.current.getBoundingClientRect();
@@ -6780,7 +6818,7 @@ var ButtonLoading = ({ isLoading, children, className, disabled, loadingText })
 };
 
 // src/components/Breadcrumb.tsx
-var React22 = __toESM(require("react"), 1);
+var React23 = __toESM(require("react"), 1);
 var import_lucide_react12 = require("lucide-react");
 var import_jsx_runtime27 = require("react/jsx-runtime");
 var NextLink = null;
@@ -6828,8 +6866,8 @@ var Breadcrumb = ({
   collapsible = true
 }) => {
   const gi18n = useGlobalI18n();
-  const [isCollapsed, setIsCollapsed] = React22.useState(false);
-  React22.useEffect(() => {
+  const [isCollapsed, setIsCollapsed] = React23.useState(false);
+  React23.useEffect(() => {
     if (collapsible && items.length > maxItems) {
       setIsCollapsed(true);
     }
@@ -6847,7 +6885,7 @@ var Breadcrumb = ({
     const SeparatorComponent = separator;
     return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(SeparatorComponent, { className: cn("text-muted-foreground", sizeStyles5[size].icon) });
   };
-  const processedItems = React22.useMemo(() => {
+  const processedItems = React23.useMemo(() => {
     let finalItems = [...items];
     if (showHome && finalItems[0]?.href !== homeHref) {
       finalItems.unshift({
@@ -6920,7 +6958,7 @@ var Breadcrumb = ({
 var Breadcrumb_default = Breadcrumb;
 
 // src/components/Tab.tsx
-var React23 = __toESM(require("react"), 1);
+var React24 = __toESM(require("react"), 1);
 var import_jsx_runtime28 = require("react/jsx-runtime");
 var sizeStyles6 = {
   sm: {
@@ -7018,11 +7056,11 @@ var Tabs = ({
   noContentPadding = false,
   animateContent = true
 }) => {
-  const [active, setActive] = React23.useState(defaultValue || tabs[0]?.value);
-  const [underlineStyle, setUnderlineStyle] = React23.useState({});
-  const tabRefs = React23.useRef([]);
-  const autoId = React23.useId();
-  const baseId = React23.useMemo(() => getTabsBaseId(tabs, id, autoId), [autoId, id, tabs]);
+  const [active, setActive] = React24.useState(defaultValue || tabs[0]?.value);
+  const [underlineStyle, setUnderlineStyle] = React24.useState({});
+  const tabRefs = React24.useRef([]);
+  const autoId = React24.useId();
+  const baseId = React24.useMemo(() => getTabsBaseId(tabs, id, autoId), [autoId, id, tabs]);
   const handleTabChange = (value) => {
     setActive(value);
     onTabChange?.(value);
@@ -7049,7 +7087,7 @@ var Tabs = ({
       tabRefs.current[next]?.focus();
     }
   };
-  React23.useEffect(() => {
+  React24.useEffect(() => {
     if (variant === "underline" && orientation === "horizontal") {
       const activeIndex2 = tabs.findIndex((tab) => tab.value === active);
       const activeTab2 = tabRefs.current[activeIndex2];
@@ -7062,7 +7100,7 @@ var Tabs = ({
       }
     }
   }, [active, variant, orientation, tabs]);
-  React23.useEffect(() => {
+  React24.useEffect(() => {
     if (typeof window === "undefined") return;
     const syncFromHash = () => {
       const nextValue = resolveTabValueFromHash(window.location.hash, tabs, baseId);
@@ -7414,11 +7452,11 @@ var SelectDropdown = ({ options, value, onChange, placeholder = "Select...", cla
 var DropdownMenu_default = DropdownMenu;
 
 // src/components/Pagination.tsx
-var React26 = __toESM(require("react"), 1);
+var React27 = __toESM(require("react"), 1);
 var import_lucide_react14 = require("lucide-react");
 
 // src/components/Combobox.tsx
-var React25 = __toESM(require("react"), 1);
+var React26 = __toESM(require("react"), 1);
 var import_react15 = require("react");
 var import_react_virtual = require("@tanstack/react-virtual");
 var import_lucide_react13 = require("lucide-react");
@@ -7500,13 +7538,13 @@ var Combobox = ({
   const searchPlaceholder = searchPlaceholderProp ?? gi18n.searchPlaceholder ?? "Search\u2026";
   const emptyText = emptyTextProp ?? gi18n.noResults ?? "No results found";
   const loadingText = loadingTextProp ?? gi18n.loading ?? "Loading...";
-  const [open, setOpen] = React25.useState(false);
-  const [query, setQuery] = React25.useState("");
-  const [activeIndex, setActiveIndex] = React25.useState(null);
-  const [localRequiredError, setLocalRequiredError] = React25.useState();
+  const [open, setOpen] = React26.useState(false);
+  const [query, setQuery] = React26.useState("");
+  const [activeIndex, setActiveIndex] = React26.useState(null);
+  const [localRequiredError, setLocalRequiredError] = React26.useState();
   useShadCNAnimations();
-  const inputRef = React25.useRef(null);
-  const optionsViewportRef = React25.useRef(null);
+  const inputRef = React26.useRef(null);
+  const optionsViewportRef = React26.useRef(null);
   useOverlayScrollbarTarget(optionsViewportRef, { enabled: open && useOverlayScrollbar && !virtualized });
   const autoId = (0, import_react15.useId)();
   const resolvedId = id ? String(id) : `combobox-${autoId}`;
@@ -7515,7 +7553,7 @@ var Combobox = ({
   const trimmedQuery = query.trim();
   const queryMeetsMinimum = trimmedQuery.length >= minSearchLength;
   const shouldPromptForSearch = minSearchLength > 0 && !queryMeetsMinimum && (searchMode === "manual" || showSearchPromptWhenEmptyQuery);
-  const filteredOptions = React25.useMemo(
+  const filteredOptions = React26.useMemo(
     () => {
       if (shouldPromptForSearch) return [];
       if (!enableSearch || searchMode === "manual") return options;
@@ -7525,7 +7563,7 @@ var Combobox = ({
     },
     [enableSearch, options, searchMode, shouldPromptForSearch, trimmedQuery]
   );
-  const renderLimitedOptions = React25.useMemo(
+  const renderLimitedOptions = React26.useMemo(
     () => {
       if (trimmedQuery || maxInitialOptions === void 0 || maxInitialOptions < 1) {
         return filteredOptions;
@@ -7544,15 +7582,15 @@ var Combobox = ({
     enabled: canVirtualize
   });
   const virtualItems = canVirtualize ? optionVirtualizer.getVirtualItems() : [];
-  const triggerRef = React25.useRef(null);
-  const scrollVirtualListToIndex = React25.useCallback((index) => {
+  const triggerRef = React26.useRef(null);
+  const scrollVirtualListToIndex = React26.useCallback((index) => {
     if (!canVirtualize || renderLimitedOptions.length === 0) return;
     optionVirtualizer.scrollToIndex(index, { align: "auto" });
   }, [canVirtualize, optionVirtualizer, renderLimitedOptions.length]);
-  const scrollVirtualListToStart = React25.useCallback(() => {
+  const scrollVirtualListToStart = React26.useCallback(() => {
     scrollVirtualListToIndex(0);
   }, [scrollVirtualListToIndex]);
-  const moveActiveIndex = React25.useCallback((direction) => {
+  const moveActiveIndex = React26.useCallback((direction) => {
     if (renderLimitedOptions.length === 0) return;
     const next = activeIndex === null ? direction === 1 ? 0 : renderLimitedOptions.length - 1 : (activeIndex + direction + renderLimitedOptions.length) % renderLimitedOptions.length;
     setActiveIndex(next);
@@ -7576,7 +7614,7 @@ var Combobox = ({
     onChange(null);
     setOpen(false);
   };
-  React25.useEffect(() => {
+  React26.useEffect(() => {
     if (!open) {
       setQuery("");
       setActiveIndex(null);
@@ -7587,12 +7625,12 @@ var Combobox = ({
       }, 100);
     }
   }, [enableSearch, open, scrollVirtualListToStart]);
-  React25.useEffect(() => {
+  React26.useEffect(() => {
     if (!onSearchChange) return void 0;
     const timeoutId = window.setTimeout(() => onSearchChange(query), searchDebounceMs);
     return () => window.clearTimeout(timeoutId);
   }, [onSearchChange, query, searchDebounceMs]);
-  React25.useEffect(() => {
+  React26.useEffect(() => {
     if (process.env.NODE_ENV !== "production" && options.length > 300 && !virtualized && searchMode !== "manual" && maxInitialOptions === void 0) {
       console.warn(
         '[Underverse UI] Combobox received more than 300 options without virtualization, manual search, or maxInitialOptions. Use virtualized, searchMode="manual", or maxInitialOptions to avoid rendering a large dropdown.'
@@ -7604,12 +7642,12 @@ var Combobox = ({
   const selectedIcon = selectedOption ? getOptionIcon(selectedOption) : void 0;
   const hasValue = value !== void 0 && value !== null && value !== "";
   const effectiveError = error ?? localRequiredError;
-  React25.useEffect(() => {
+  React26.useEffect(() => {
     if (disabled || !required || hasValue) {
       setLocalRequiredError(void 0);
     }
   }, [disabled, hasValue, required]);
-  const groupedOptions = React25.useMemo(() => {
+  const groupedOptions = React26.useMemo(() => {
     if (!groupBy) return null;
     const groups = {};
     renderLimitedOptions.forEach((opt) => {
@@ -8026,7 +8064,7 @@ var Pagination = ({
   labels
 }) => {
   const t = useSmartTranslations("Pagination");
-  React26.useEffect(() => {
+  React27.useEffect(() => {
     if (disabled) return;
     const handleKey = (e) => {
       if (e.target && e.target.tagName === "INPUT") return;
@@ -8677,7 +8715,7 @@ function formatDateSmart(date, locale = "en") {
 
 // src/components/DatePicker.tsx
 var import_lucide_react15 = require("lucide-react");
-var React29 = __toESM(require("react"), 1);
+var React30 = __toESM(require("react"), 1);
 var import_react19 = require("react");
 var import_jsx_runtime35 = require("react/jsx-runtime");
 var DatePicker = ({
@@ -8701,20 +8739,20 @@ var DatePicker = ({
   const t = useSmartTranslations("DatePicker");
   const tv = useSmartTranslations("ValidationInput");
   const locale = useSmartLocale();
-  const [isOpen, setIsOpen] = React29.useState(false);
-  const [viewDate, setViewDate] = React29.useState(value || /* @__PURE__ */ new Date());
-  const [viewMode, setViewMode] = React29.useState("calendar");
-  const [localRequiredError, setLocalRequiredError] = React29.useState();
-  const triggerRef = React29.useRef(null);
-  const wheelContainerRef = React29.useRef(null);
-  const wheelDeltaRef = React29.useRef(0);
-  const normalizeToLocalDay = React29.useCallback((date) => {
+  const [isOpen, setIsOpen] = React30.useState(false);
+  const [viewDate, setViewDate] = React30.useState(value || /* @__PURE__ */ new Date());
+  const [viewMode, setViewMode] = React30.useState("calendar");
+  const [localRequiredError, setLocalRequiredError] = React30.useState();
+  const triggerRef = React30.useRef(null);
+  const wheelContainerRef = React30.useRef(null);
+  const wheelDeltaRef = React30.useRef(0);
+  const normalizeToLocalDay = React30.useCallback((date) => {
     if (!date) return null;
     return new Date(date.getFullYear(), date.getMonth(), date.getDate());
   }, []);
-  const minDay = React29.useMemo(() => normalizeToLocalDay(minDate), [minDate, normalizeToLocalDay]);
-  const maxDay = React29.useMemo(() => normalizeToLocalDay(maxDate), [maxDate, normalizeToLocalDay]);
-  const isDateDisabled = React29.useCallback(
+  const minDay = React30.useMemo(() => normalizeToLocalDay(minDate), [minDate, normalizeToLocalDay]);
+  const maxDay = React30.useMemo(() => normalizeToLocalDay(maxDate), [maxDate, normalizeToLocalDay]);
+  const isDateDisabled = React30.useCallback(
     (date) => {
       const day = normalizeToLocalDay(date);
       if (!day) return false;
@@ -8783,19 +8821,19 @@ var DatePicker = ({
       footerMargin: "mt-5 pt-4 gap-2.5"
     }
   };
-  React29.useEffect(() => {
+  React30.useEffect(() => {
     if (value) {
       setViewDate(value);
     } else {
       setViewDate(/* @__PURE__ */ new Date());
     }
   }, [value]);
-  React29.useEffect(() => {
+  React30.useEffect(() => {
     if (disabled || !required || value) {
       setLocalRequiredError(void 0);
     }
   }, [disabled, required, value]);
-  React29.useEffect(() => {
+  React30.useEffect(() => {
     if (!isOpen) {
       setViewMode("calendar");
     }
@@ -8825,7 +8863,7 @@ var DatePicker = ({
   const getFirstDayOfMonth = (date) => {
     return new Date(date.getFullYear(), date.getMonth(), 1).getDay();
   };
-  const navigateMonth = React29.useCallback((direction) => {
+  const navigateMonth = React30.useCallback((direction) => {
     setViewDate((prev) => {
       const newDate = new Date(prev);
       newDate.setMonth(prev.getMonth() + (direction === "next" ? 1 : -1));
@@ -8839,7 +8877,7 @@ var DatePicker = ({
     const node = el;
     return node.scrollHeight > node.clientHeight + 1;
   };
-  React29.useEffect(() => {
+  React30.useEffect(() => {
     if (!isOpen) return;
     const container = wheelContainerRef.current;
     if (!container) return;
@@ -9254,11 +9292,11 @@ var DateRangePicker = ({
   const locale = useSmartLocale();
   const t = useSmartTranslations("DatePicker");
   const tv = useSmartTranslations("ValidationInput");
-  const [isOpen, setIsOpen] = React29.useState(false);
-  const [viewMode, setViewMode] = React29.useState("calendar");
-  const [localRequiredError, setLocalRequiredError] = React29.useState();
-  const wheelContainerRef = React29.useRef(null);
-  const wheelDeltaRef = React29.useRef(0);
+  const [isOpen, setIsOpen] = React30.useState(false);
+  const [viewMode, setViewMode] = React30.useState("calendar");
+  const [localRequiredError, setLocalRequiredError] = React30.useState();
+  const wheelContainerRef = React30.useRef(null);
+  const wheelDeltaRef = React30.useRef(0);
   const sizeStyles8 = {
     sm: {
       trigger: "px-2.5 py-1.5 text-sm h-8 md:h-7 md:text-xs md:py-1",
@@ -9316,24 +9354,24 @@ var DateRangePicker = ({
     if (!date) return null;
     return new Date(date.getFullYear(), date.getMonth(), date.getDate());
   };
-  const minDay = React29.useMemo(() => normalizeToLocal(minDate), [minDate]);
-  const maxDay = React29.useMemo(() => normalizeToLocal(maxDate), [maxDate]);
-  const [viewDate, setViewDate] = React29.useState(startDate || /* @__PURE__ */ new Date());
-  const [tempStart, setTempStart] = React29.useState(normalizeToLocal(startDate));
-  const [tempEnd, setTempEnd] = React29.useState(normalizeToLocal(endDate));
-  const [hoveredDate, setHoveredDate] = React29.useState(null);
-  React29.useEffect(() => {
+  const minDay = React30.useMemo(() => normalizeToLocal(minDate), [minDate]);
+  const maxDay = React30.useMemo(() => normalizeToLocal(maxDate), [maxDate]);
+  const [viewDate, setViewDate] = React30.useState(startDate || /* @__PURE__ */ new Date());
+  const [tempStart, setTempStart] = React30.useState(normalizeToLocal(startDate));
+  const [tempEnd, setTempEnd] = React30.useState(normalizeToLocal(endDate));
+  const [hoveredDate, setHoveredDate] = React30.useState(null);
+  React30.useEffect(() => {
     setTempStart(normalizeToLocal(startDate));
   }, [startDate]);
-  React29.useEffect(() => {
+  React30.useEffect(() => {
     setTempEnd(normalizeToLocal(endDate));
   }, [endDate]);
-  React29.useEffect(() => {
+  React30.useEffect(() => {
     if (!isOpen) {
       setViewMode("calendar");
     }
   }, [isOpen]);
-  React29.useEffect(() => {
+  React30.useEffect(() => {
     if (!required || startDate && endDate) {
       setLocalRequiredError(void 0);
     }
@@ -9345,10 +9383,10 @@ var DateRangePicker = ({
   const inRange = (d, s, e) => d > s && d < e;
   const getDaysInMonth = (d) => new Date(d.getFullYear(), d.getMonth() + 1, 0).getDate();
   const getFirstDayOfMonth = (d) => new Date(d.getFullYear(), d.getMonth(), 1).getDay();
-  const navigateMonth = React29.useCallback((direction) => {
+  const navigateMonth = React30.useCallback((direction) => {
     setViewDate((prev) => new Date(prev.getFullYear(), prev.getMonth() + (direction === "next" ? 1 : -1), 1));
   }, []);
-  const navigateYearRange = React29.useCallback((direction) => {
+  const navigateYearRange = React30.useCallback((direction) => {
     setViewDate((prev) => new Date(prev.getFullYear() + (direction === "next" ? 12 : -12), prev.getMonth(), 1));
   }, []);
   const isElementVerticallyScrollable = (el) => {
@@ -9358,7 +9396,7 @@ var DateRangePicker = ({
     const node = el;
     return node.scrollHeight > node.clientHeight + 1;
   };
-  React29.useEffect(() => {
+  React30.useEffect(() => {
     if (!isOpen) return;
     const container = wheelContainerRef.current;
     if (!container) return;
@@ -9537,7 +9575,7 @@ var DateRangePicker = ({
       );
     }) });
   };
-  const todayDate = React29.useMemo(() => {
+  const todayDate = React30.useMemo(() => {
     const today = /* @__PURE__ */ new Date();
     return new Date(today.getFullYear(), today.getMonth(), today.getDate());
   }, []);
@@ -9779,15 +9817,15 @@ var CompactDatePicker = ({ value, onChange, className }) => {
 };
 
 // src/components/DateTimePicker.tsx
-var React33 = __toESM(require("react"), 1);
+var React34 = __toESM(require("react"), 1);
 var import_lucide_react19 = require("lucide-react");
 
 // src/components/Calendar.tsx
 var import_lucide_react17 = require("lucide-react");
-var React31 = __toESM(require("react"), 1);
+var React32 = __toESM(require("react"), 1);
 
 // src/components/MonthYearPicker.tsx
-var React30 = __toESM(require("react"), 1);
+var React31 = __toESM(require("react"), 1);
 var import_lucide_react16 = require("lucide-react");
 var import_jsx_runtime36 = require("react/jsx-runtime");
 var DEFAULT_MONTH_NAMES = [
@@ -9830,20 +9868,20 @@ function WheelColumn({
 }) {
   const height = itemHeight * WHEEL_VISIBLE_ITEMS;
   const paddingY = (height - itemHeight) / 2;
-  const rafRef = React30.useRef(0);
-  const lastVirtualIndexRef = React30.useRef(null);
-  const wheelDeltaRef = React30.useRef(0);
-  const scrollEndTimeoutRef = React30.useRef(null);
-  const suppressScrollSelectUntilRef = React30.useRef(0);
-  const suppressItemClickUntilRef = React30.useRef(0);
-  const dragRef = React30.useRef(null);
-  const draggingRef = React30.useRef(false);
-  const inertialRef = React30.useRef(false);
-  const inertiaRafRef = React30.useRef(null);
-  const inertiaVelocityRef = React30.useRef(0);
-  const inertiaLastTimeRef = React30.useRef(0);
-  const moveSamplesRef = React30.useRef([]);
-  const ui = React30.useMemo(() => {
+  const rafRef = React31.useRef(0);
+  const lastVirtualIndexRef = React31.useRef(null);
+  const wheelDeltaRef = React31.useRef(0);
+  const scrollEndTimeoutRef = React31.useRef(null);
+  const suppressScrollSelectUntilRef = React31.useRef(0);
+  const suppressItemClickUntilRef = React31.useRef(0);
+  const dragRef = React31.useRef(null);
+  const draggingRef = React31.useRef(false);
+  const inertialRef = React31.useRef(false);
+  const inertiaRafRef = React31.useRef(null);
+  const inertiaVelocityRef = React31.useRef(0);
+  const inertiaLastTimeRef = React31.useRef(0);
+  const moveSamplesRef = React31.useRef([]);
+  const ui = React31.useMemo(() => {
     if (size === "sm") {
       return {
         columnWidth: column === "month" ? "min-w-24 max-w-32" : "min-w-16 max-w-20",
@@ -9870,9 +9908,9 @@ function WheelColumn({
       fadeHeight: "h-12"
     };
   }, [size, column]);
-  const baseOffset = React30.useMemo(() => loop ? items.length : 0, [items.length, loop]);
-  const extendedItems = React30.useMemo(() => loop ? [...items, ...items, ...items] : items, [items, loop]);
-  const getNearestVirtualIndex = React30.useCallback(
+  const baseOffset = React31.useMemo(() => loop ? items.length : 0, [items.length, loop]);
+  const extendedItems = React31.useMemo(() => loop ? [...items, ...items, ...items] : items, [items, loop]);
+  const getNearestVirtualIndex = React31.useCallback(
     (realIndex, fromVirtual) => {
       const len = items.length;
       if (len <= 0) return 0;
@@ -9891,7 +9929,7 @@ function WheelColumn({
     },
     [items.length, loop]
   );
-  React30.useLayoutEffect(() => {
+  React31.useLayoutEffect(() => {
     const el = scrollRef.current;
     if (!el) return;
     const maxVirtual = Math.max(0, extendedItems.length - 1);
@@ -9919,7 +9957,7 @@ function WheelColumn({
       cancelAnimationFrame(rafRef.current);
     };
   }, [animate, baseOffset, extendedItems.length, getNearestVirtualIndex, itemHeight, loop, scrollRef, valueIndex]);
-  React30.useEffect(() => {
+  React31.useEffect(() => {
     const el = scrollRef.current;
     if (!el) return;
     const lastWheelSignRef = { current: 0 };
@@ -10007,11 +10045,11 @@ function WheelColumn({
       }, 120);
     });
   };
-  const currentVirtual = React30.useMemo(() => {
+  const currentVirtual = React31.useMemo(() => {
     if (!loop || items.length <= 0) return valueIndex;
     return baseOffset + valueIndex;
   }, [baseOffset, items.length, loop, valueIndex]);
-  const commitFromScrollTop = React30.useCallback(
+  const commitFromScrollTop = React31.useCallback(
     (behavior) => {
       const el = scrollRef.current;
       if (!el) return;
@@ -10089,7 +10127,7 @@ function WheelColumn({
       if (dt > 0) inertiaVelocityRef.current = (el.scrollTop - oldest.top) / dt;
     }
   };
-  const startInertia = React30.useCallback(() => {
+  const startInertia = React31.useCallback(() => {
     const el = scrollRef.current;
     if (!el) return;
     if (items.length <= 0) return;
@@ -10274,36 +10312,36 @@ function MonthYearPicker({
   };
   const isControlled = value !== void 0;
   const initial = parseValue(isControlled ? value : defaultValue) ?? { month: now.getMonth(), year: currentYear };
-  const [open, setOpen] = React30.useState(false);
-  const [parts, setParts] = React30.useState(initial);
-  const [focusedColumn, setFocusedColumn] = React30.useState(null);
-  const [localRequiredError, setLocalRequiredError] = React30.useState();
-  const [hasCommittedValue, setHasCommittedValue] = React30.useState(Boolean(parseValue(isControlled ? value : defaultValue)));
-  const monthScrollRef = React30.useRef(null);
-  const yearScrollRef = React30.useRef(null);
-  React30.useEffect(() => {
+  const [open, setOpen] = React31.useState(false);
+  const [parts, setParts] = React31.useState(initial);
+  const [focusedColumn, setFocusedColumn] = React31.useState(null);
+  const [localRequiredError, setLocalRequiredError] = React31.useState();
+  const [hasCommittedValue, setHasCommittedValue] = React31.useState(Boolean(parseValue(isControlled ? value : defaultValue)));
+  const monthScrollRef = React31.useRef(null);
+  const yearScrollRef = React31.useRef(null);
+  React31.useEffect(() => {
     if (isControlled) {
       const parsed = parseValue(value);
       if (parsed) setParts(parsed);
     }
   }, [value, isControlled]);
-  React30.useEffect(() => {
+  React31.useEffect(() => {
     if (isControlled) {
       setHasCommittedValue(Boolean(parseValue(value)));
     }
   }, [isControlled, value]);
   const hasValue = hasCommittedValue;
   const effectiveError = error ?? localRequiredError;
-  React30.useEffect(() => {
+  React31.useEffect(() => {
     if (disabled || !required || hasValue) {
       setLocalRequiredError(void 0);
     }
   }, [disabled, hasValue, required]);
-  const years = React30.useMemo(() => {
+  const years = React31.useMemo(() => {
     return Array.from({ length: resolvedMaxYear - resolvedMinYear + 1 }, (_, i) => resolvedMinYear + i);
   }, [resolvedMinYear, resolvedMaxYear]);
-  const months = React30.useMemo(() => Array.from({ length: 12 }, (_, i) => i), []);
-  const isDateInRange = React30.useCallback(
+  const months = React31.useMemo(() => Array.from({ length: 12 }, (_, i) => i), []);
+  const isDateInRange = React31.useCallback(
     (month, year) => {
       if (minDate) {
         const minMonth = minDate.getMonth();
@@ -10319,7 +10357,7 @@ function MonthYearPicker({
     },
     [minDate, maxDate]
   );
-  const emit = React30.useCallback(
+  const emit = React31.useCallback(
     (next) => {
       if (!next) {
         setLocalRequiredError(void 0);
@@ -10335,7 +10373,7 @@ function MonthYearPicker({
     },
     [isControlled, isDateInRange, onChange]
   );
-  const tryUpdate = React30.useCallback(
+  const tryUpdate = React31.useCallback(
     (next) => {
       if (!isDateInRange(next.month, next.year)) return false;
       setParts(next);
@@ -10771,12 +10809,12 @@ function Calendar3({
   ...rest
 }) {
   const isControlledMonth = month != null;
-  const [view, setView] = React31.useState(() => month ?? defaultMonth ?? /* @__PURE__ */ new Date());
-  React31.useEffect(() => {
+  const [view, setView] = React32.useState(() => month ?? defaultMonth ?? /* @__PURE__ */ new Date());
+  React32.useEffect(() => {
     if (isControlledMonth && month) setView(month);
   }, [isControlledMonth, month]);
   const isControlledValue = value !== void 0;
-  const [internal, setInternal] = React31.useState(defaultValue);
+  const [internal, setInternal] = React32.useState(defaultValue);
   const selected = isControlledValue ? value : internal;
   const goByView = (delta) => {
     const next = display === "week" ? addDays(view, delta * 7) : addMonths(view, delta);
@@ -10788,7 +10826,7 @@ function Calendar3({
   const weekdays = rotate(weekNames, weekStartsOn);
   const days = getMonthGrid(view, weekStartsOn);
   const today = /* @__PURE__ */ new Date();
-  const byDay = React31.useMemo(() => {
+  const byDay = React32.useMemo(() => {
     const map = /* @__PURE__ */ new Map();
     for (const e of events) {
       const d = toDate(e.date);
@@ -10800,11 +10838,11 @@ function Calendar3({
   }, [events]);
   const effectiveEnableEventSheet = enableEventSheet ?? !!renderEventSheet;
   const isEventSheetOpenControlled = eventSheetOpen !== void 0;
-  const [internalEventSheetOpen, setInternalEventSheetOpen] = React31.useState(false);
+  const [internalEventSheetOpen, setInternalEventSheetOpen] = React32.useState(false);
   const activeEventSheetOpen = isEventSheetOpenControlled ? !!eventSheetOpen : internalEventSheetOpen;
   const isSelectedEventControlled = selectedEventId !== void 0;
-  const [internalSelectedEventRef, setInternalSelectedEventRef] = React31.useState(null);
-  const setEventSheetOpen = React31.useCallback(
+  const [internalSelectedEventRef, setInternalSelectedEventRef] = React32.useState(null);
+  const setEventSheetOpen = React32.useCallback(
     (open) => {
       if (!isEventSheetOpenControlled) setInternalEventSheetOpen(open);
       onEventSheetOpenChange?.(open);
@@ -10815,7 +10853,7 @@ function Calendar3({
     },
     [isEventSheetOpenControlled, isSelectedEventControlled, onEventSheetOpenChange, onSelectedEventIdChange]
   );
-  const selectedEventRef = React31.useMemo(() => {
+  const selectedEventRef = React32.useMemo(() => {
     if (isSelectedEventControlled && selectedEventId != null) {
       const ev = events.find((e) => e.id === selectedEventId);
       if (!ev) return null;
@@ -10825,7 +10863,7 @@ function Calendar3({
     }
     return internalSelectedEventRef;
   }, [events, internalSelectedEventRef, isSelectedEventControlled, selectedEventId]);
-  const selectedEvent = React31.useMemo(() => {
+  const selectedEvent = React32.useMemo(() => {
     if (!selectedEventRef) return null;
     const list = byDay.get(selectedEventRef.dayKey) || [];
     if (selectedEventRef.eventId != null) {
@@ -10834,13 +10872,13 @@ function Calendar3({
     const idx = selectedEventRef.index ?? -1;
     return idx >= 0 && idx < list.length ? list[idx] : null;
   }, [byDay, selectedEventRef]);
-  const selectedEventDate = React31.useMemo(() => {
+  const selectedEventDate = React32.useMemo(() => {
     if (!selectedEventRef) return null;
     const [y, m, d] = selectedEventRef.dayKey.split("-").map((x) => Number(x));
     if (!Number.isFinite(y) || !Number.isFinite(m) || !Number.isFinite(d)) return null;
     return new Date(y, m, d);
   }, [selectedEventRef]);
-  const handleEventActivate = React31.useCallback(
+  const handleEventActivate = React32.useCallback(
     (event, date, dayKey, index) => {
       onEventClick?.(event, date);
       onSelectedEventIdChange?.(event.id ?? void 0);
@@ -10893,7 +10931,7 @@ function Calendar3({
       }
     }
   };
-  const isDateDisabled = React31.useCallback(
+  const isDateDisabled = React32.useCallback(
     (d) => {
       if (minDate && d < new Date(minDate.getFullYear(), minDate.getMonth(), minDate.getDate())) return true;
       if (maxDate && d > new Date(maxDate.getFullYear(), maxDate.getMonth(), maxDate.getDate())) return true;
@@ -10927,7 +10965,7 @@ function Calendar3({
     card: "border border-border/50 rounded-3xl bg-linear-to-br from-card via-background/95 to-card shadow-lg hover:shadow-xl transition-shadow duration-300 backdrop-blur-md",
     minimal: "bg-transparent"
   };
-  const weekDays = React31.useMemo(() => {
+  const weekDays = React32.useMemo(() => {
     const s = startOfWeek(view, weekStartsOn);
     return Array.from({ length: 7 }, (_, i) => addDays(s, i));
   }, [view, weekStartsOn]);
@@ -10948,7 +10986,7 @@ function Calendar3({
         const holidayMatch = isHoliday(d, holidays);
         const isHolidayDay = highlightHolidays && !!holidayMatch;
         const customDay = renderDay?.({ date: d, isCurrentMonth: inMonth, isToday: isToday2, isSelected: selectedDay, events: dayEvents });
-        if (customDay) return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(React31.Fragment, { children: customDay }, `${monthLabel}-${idx}`);
+        if (customDay) return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(React32.Fragment, { children: customDay }, `${monthLabel}-${idx}`);
         if (cellMode === "events") {
           const limit = Math.max(0, maxEventsPerDay);
           const visibleEvents = dayEvents.slice(0, limit);
@@ -11067,9 +11105,9 @@ function Calendar3({
       }) })
     ] });
   };
-  const minBound = React31.useMemo(() => minDate ? new Date(minDate.getFullYear(), minDate.getMonth(), minDate.getDate()) : void 0, [minDate]);
-  const maxBound = React31.useMemo(() => maxDate ? new Date(maxDate.getFullYear(), maxDate.getMonth(), maxDate.getDate()) : void 0, [maxDate]);
-  const prevDisabled = React31.useMemo(() => {
+  const minBound = React32.useMemo(() => minDate ? new Date(minDate.getFullYear(), minDate.getMonth(), minDate.getDate()) : void 0, [minDate]);
+  const maxBound = React32.useMemo(() => maxDate ? new Date(maxDate.getFullYear(), maxDate.getMonth(), maxDate.getDate()) : void 0, [maxDate]);
+  const prevDisabled = React32.useMemo(() => {
     if (!minBound) return false;
     if (display === "week") {
       const start = startOfWeek(view, weekStartsOn);
@@ -11079,7 +11117,7 @@ function Calendar3({
     const prevEnd = endOfMonth(addMonths(view, -1));
     return prevEnd < minBound;
   }, [display, view, weekStartsOn, minBound]);
-  const nextDisabled = React31.useMemo(() => {
+  const nextDisabled = React32.useMemo(() => {
     if (!maxBound) return false;
     if (display === "week") {
       const start = startOfWeek(view, weekStartsOn);
@@ -11156,7 +11194,7 @@ function Calendar3({
         const holidayMatch = isHoliday(d, holidays);
         const isHolidayDay = highlightHolidays && !!holidayMatch;
         const customDay = renderDay?.({ date: d, isCurrentMonth: inMonth, isToday: isToday2, isSelected: selectedDay, events: dayEvents });
-        if (customDay) return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(React31.Fragment, { children: customDay }, `wd-${idx}`);
+        if (customDay) return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(React32.Fragment, { children: customDay }, `wd-${idx}`);
         if (cellMode === "events") {
           const limit = Math.max(0, maxEventsPerDay);
           const visibleEvents = dayEvents.slice(0, limit);
@@ -11267,7 +11305,7 @@ function Calendar3({
           `wd-${idx}`
         );
       }) })
-    ] }) : /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: cn(months > 1 ? "grid md:grid-cols-2 lg:grid-cols-3 gap-4" : ""), children: Array.from({ length: Math.max(1, months) }, (_, i) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(React31.Fragment, { children: renderMonth(addMonths(view, i)) }, `cal-month-${view.getFullYear()}-${view.getMonth()}-${i}`)) }),
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: cn(months > 1 ? "grid md:grid-cols-2 lg:grid-cols-3 gap-4" : ""), children: Array.from({ length: Math.max(1, months) }, (_, i) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(React32.Fragment, { children: renderMonth(addMonths(view, i)) }, `cal-month-${view.getFullYear()}-${view.getMonth()}-${i}`)) }),
     effectiveEnableEventSheet && selectedEvent && selectedEventDate ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
       Sheet,
       {
@@ -11297,7 +11335,7 @@ function Calendar3({
 }
 
 // src/components/TimePicker.tsx
-var React32 = __toESM(require("react"), 1);
+var React33 = __toESM(require("react"), 1);
 var import_lucide_react18 = require("lucide-react");
 var import_jsx_runtime38 = require("react/jsx-runtime");
 var pad = (n) => n.toString().padStart(2, "0");
@@ -11324,21 +11362,21 @@ function WheelColumn2({
 }) {
   const height = itemHeight * WHEEL_VISIBLE_ITEMS2;
   const paddingY = (height - itemHeight) / 2;
-  const rafRef = React32.useRef(0);
-  const lastVirtualIndexRef = React32.useRef(null);
-  const wheelDeltaRef = React32.useRef(0);
-  const scrollEndTimeoutRef = React32.useRef(null);
-  const suppressScrollSelectUntilRef = React32.useRef(0);
-  const suppressItemClickUntilRef = React32.useRef(0);
-  const dragRef = React32.useRef(null);
-  const draggingRef = React32.useRef(false);
-  const inertialRef = React32.useRef(false);
-  const inertiaRafRef = React32.useRef(null);
-  const inertiaVelocityRef = React32.useRef(0);
-  const inertiaLastTimeRef = React32.useRef(0);
-  const moveSamplesRef = React32.useRef([]);
+  const rafRef = React33.useRef(0);
+  const lastVirtualIndexRef = React33.useRef(null);
+  const wheelDeltaRef = React33.useRef(0);
+  const scrollEndTimeoutRef = React33.useRef(null);
+  const suppressScrollSelectUntilRef = React33.useRef(0);
+  const suppressItemClickUntilRef = React33.useRef(0);
+  const dragRef = React33.useRef(null);
+  const draggingRef = React33.useRef(false);
+  const inertialRef = React33.useRef(false);
+  const inertiaRafRef = React33.useRef(null);
+  const inertiaVelocityRef = React33.useRef(0);
+  const inertiaLastTimeRef = React33.useRef(0);
+  const moveSamplesRef = React33.useRef([]);
   const loop = true;
-  const ui = React32.useMemo(() => {
+  const ui = React33.useMemo(() => {
     if (size === "sm") {
       return {
         columnWidth: "min-w-16 max-w-21",
@@ -11365,9 +11403,9 @@ function WheelColumn2({
       fadeHeight: "h-12"
     };
   }, [size]);
-  const baseOffset = React32.useMemo(() => loop ? items.length : 0, [items.length, loop]);
-  const extendedItems = React32.useMemo(() => loop ? [...items, ...items, ...items] : items, [items, loop]);
-  const getNearestVirtualIndex = React32.useCallback(
+  const baseOffset = React33.useMemo(() => loop ? items.length : 0, [items.length, loop]);
+  const extendedItems = React33.useMemo(() => loop ? [...items, ...items, ...items] : items, [items, loop]);
+  const getNearestVirtualIndex = React33.useCallback(
     (realIndex, fromVirtual) => {
       const len = items.length;
       if (len <= 0) return 0;
@@ -11386,7 +11424,7 @@ function WheelColumn2({
     },
     [items.length, loop]
   );
-  React32.useLayoutEffect(() => {
+  React33.useLayoutEffect(() => {
     const el = scrollRef.current;
     if (!el) return;
     const maxVirtual = Math.max(0, extendedItems.length - 1);
@@ -11414,7 +11452,7 @@ function WheelColumn2({
       cancelAnimationFrame(rafRef.current);
     };
   }, [animate, baseOffset, extendedItems.length, getNearestVirtualIndex, itemHeight, loop, scrollRef, valueIndex]);
-  React32.useEffect(() => {
+  React33.useEffect(() => {
     const el = scrollRef.current;
     if (!el) return;
     const lastWheelSignRef = { current: 0 };
@@ -11502,11 +11540,11 @@ function WheelColumn2({
       }, 120);
     });
   };
-  const currentVirtual = React32.useMemo(() => {
+  const currentVirtual = React33.useMemo(() => {
     if (!loop || items.length <= 0) return valueIndex;
     return baseOffset + valueIndex;
   }, [baseOffset, items.length, loop, valueIndex]);
-  const commitFromScrollTop = React32.useCallback(
+  const commitFromScrollTop = React33.useCallback(
     (behavior) => {
       const el = scrollRef.current;
       if (!el) return;
@@ -11584,7 +11622,7 @@ function WheelColumn2({
       if (dt > 0) inertiaVelocityRef.current = (el.scrollTop - oldest.top) / dt;
     }
   };
-  const startInertia = React32.useCallback(() => {
+  const startInertia = React33.useCallback(() => {
     const el = scrollRef.current;
     if (!el) return;
     if (items.length <= 0) return;
@@ -11785,44 +11823,44 @@ function TimePicker({
 }) {
   const tv = useSmartTranslations("ValidationInput");
   const gi18n = useGlobalI18n();
-  const autoId = React32.useId();
+  const autoId = React33.useId();
   const isControlled = value !== void 0;
   const now = /* @__PURE__ */ new Date();
   const initial = parseTime(isControlled ? value : defaultValue, format, includeSeconds) || (format === "12" ? { h: now.getHours() % 12 || 12, m: now.getMinutes(), s: now.getSeconds(), p: now.getHours() >= 12 ? "PM" : "AM" } : { h: now.getHours(), m: now.getMinutes(), s: now.getSeconds() });
-  const [open, setOpen] = React32.useState(false);
-  const [parts, setParts] = React32.useState(initial);
-  const [manualInput, setManualInput] = React32.useState(formatTime2(initial, format, includeSeconds));
-  const [isDirectEditing, setIsDirectEditing] = React32.useState(false);
-  const [focusedColumn, setFocusedColumn] = React32.useState(null);
-  const [localRequiredError, setLocalRequiredError] = React32.useState();
-  const [hasCommittedValue, setHasCommittedValue] = React32.useState(Boolean(isControlled ? value : defaultValue));
-  const hourScrollRef = React32.useRef(null);
-  const minuteScrollRef = React32.useRef(null);
-  const secondScrollRef = React32.useRef(null);
-  const periodRef = React32.useRef(null);
-  const directEditInputRef = React32.useRef(null);
+  const [open, setOpen] = React33.useState(false);
+  const [parts, setParts] = React33.useState(initial);
+  const [manualInput, setManualInput] = React33.useState(formatTime2(initial, format, includeSeconds));
+  const [isDirectEditing, setIsDirectEditing] = React33.useState(false);
+  const [focusedColumn, setFocusedColumn] = React33.useState(null);
+  const [localRequiredError, setLocalRequiredError] = React33.useState();
+  const [hasCommittedValue, setHasCommittedValue] = React33.useState(Boolean(isControlled ? value : defaultValue));
+  const hourScrollRef = React33.useRef(null);
+  const minuteScrollRef = React33.useRef(null);
+  const secondScrollRef = React33.useRef(null);
+  const periodRef = React33.useRef(null);
+  const directEditInputRef = React33.useRef(null);
   const triggerId = `time-picker-trigger-${autoId}`;
   const labelId = label ? `time-picker-label-${autoId}` : void 0;
-  React32.useEffect(() => {
+  React33.useEffect(() => {
     if (isControlled) {
       const parsed = parseTime(value, format, includeSeconds);
       if (parsed) setParts(parsed);
     }
   }, [value, isControlled, format, includeSeconds]);
-  React32.useEffect(() => {
+  React33.useEffect(() => {
     setManualInput(formatTime2(parts, format, includeSeconds));
   }, [format, includeSeconds, parts]);
-  React32.useEffect(() => {
+  React33.useEffect(() => {
     if (!isDirectEditing) return;
     directEditInputRef.current?.focus();
     directEditInputRef.current?.select();
   }, [isDirectEditing]);
-  React32.useEffect(() => {
+  React33.useEffect(() => {
     if (isControlled) {
       setHasCommittedValue(Boolean(value));
     }
   }, [isControlled, value]);
-  const isTimeDisabled = React32.useCallback(
+  const isTimeDisabled = React33.useCallback(
     (timeStr) => {
       if (!disabledTimes) return false;
       if (typeof disabledTimes === "function") return disabledTimes(timeStr);
@@ -11832,7 +11870,7 @@ function TimePicker({
   );
   const resolvedMinTime = minTime ?? min;
   const resolvedMaxTime = maxTime ?? max;
-  const toSeconds = React32.useCallback(
+  const toSeconds = React33.useCallback(
     (p) => {
       let h = p.h;
       if (format === "12") {
@@ -11844,7 +11882,7 @@ function TimePicker({
     },
     [format, includeSeconds]
   );
-  const isTimeInRange = React32.useCallback(
+  const isTimeInRange = React33.useCallback(
     (timeStr) => {
       if (!resolvedMinTime && !resolvedMaxTime) return true;
       const parsed = parseTime(timeStr, format, includeSeconds);
@@ -11862,7 +11900,7 @@ function TimePicker({
     },
     [format, includeSeconds, resolvedMaxTime, resolvedMinTime, toSeconds]
   );
-  const canEmit = React32.useCallback(
+  const canEmit = React33.useCallback(
     (next) => {
       const timeStr = next ? formatTime2(next, format, includeSeconds) : void 0;
       if (!timeStr) return true;
@@ -11872,7 +11910,7 @@ function TimePicker({
     },
     [format, includeSeconds, isTimeDisabled, isTimeInRange]
   );
-  const emit = React32.useCallback(
+  const emit = React33.useCallback(
     (next) => {
       const timeStr = next ? formatTime2(next, format, includeSeconds) : void 0;
       if (!canEmit(next)) return;
@@ -11884,7 +11922,7 @@ function TimePicker({
     },
     [canEmit, format, includeSeconds, isControlled, onChange]
   );
-  const tryUpdate = React32.useCallback(
+  const tryUpdate = React33.useCallback(
     (next) => {
       if (!canEmit(next)) return false;
       setParts(next);
@@ -11902,17 +11940,17 @@ function TimePicker({
       setFocusedColumn(null);
     }
   };
-  React32.useEffect(() => {
+  React33.useEffect(() => {
     if (disabled || !required || hasCommittedValue) {
       setLocalRequiredError(void 0);
     }
   }, [disabled, hasCommittedValue, required]);
-  const focusColumn = React32.useCallback((column) => {
+  const focusColumn = React33.useCallback((column) => {
     if (!column) return;
     const target = column === "hour" ? hourScrollRef.current : column === "minute" ? minuteScrollRef.current : column === "second" ? secondScrollRef.current : periodRef.current;
     target?.focus({ preventScroll: true });
   }, []);
-  React32.useEffect(() => {
+  React33.useEffect(() => {
     if (variant !== "inline" && !open) return;
     focusColumn(focusedColumn);
   }, [focusColumn, focusedColumn, open, variant]);
@@ -11994,7 +12032,7 @@ function TimePicker({
       }
     }
   };
-  const commitManualInput = React32.useCallback(
+  const commitManualInput = React33.useCallback(
     (input) => {
       const trimmed = input.trim();
       if (!trimmed) {
@@ -12025,12 +12063,12 @@ function TimePicker({
     },
     [display, format, includeSeconds, isTimeDisabled, isTimeInRange, tryUpdate]
   );
-  const startDirectEdit = React32.useCallback(() => {
+  const startDirectEdit = React33.useCallback(() => {
     if (disabled) return;
     setManualInput(display);
     setIsDirectEditing(true);
   }, [disabled, display]);
-  const stopDirectEdit = React32.useCallback(
+  const stopDirectEdit = React33.useCallback(
     (mode) => {
       if (mode === "commit") {
         commitManualInput(manualInput);
@@ -12606,8 +12644,8 @@ var DateTimePicker = ({
   const t = useSmartTranslations("DateTimePicker");
   const tv = useSmartTranslations("ValidationInput");
   const locale = useSmartLocale();
-  const [open, setOpen] = React33.useState(false);
-  const [localRequiredError, setLocalRequiredError] = React33.useState();
+  const [open, setOpen] = React34.useState(false);
+  const [localRequiredError, setLocalRequiredError] = React34.useState();
   const sizeStyles8 = {
     sm: {
       trigger: "h-8 px-2.5 py-1.5 text-sm md:h-7 md:text-xs",
@@ -12640,13 +12678,13 @@ var DateTimePicker = ({
       gap: "gap-4"
     }
   };
-  const [tempDate, setTempDate] = React33.useState(value);
-  const [calendarMonth, setCalendarMonth] = React33.useState(() => value ?? /* @__PURE__ */ new Date());
-  React33.useEffect(() => {
+  const [tempDate, setTempDate] = React34.useState(value);
+  const [calendarMonth, setCalendarMonth] = React34.useState(() => value ?? /* @__PURE__ */ new Date());
+  React34.useEffect(() => {
     setTempDate(value);
     setCalendarMonth(value ?? /* @__PURE__ */ new Date());
   }, [value, open]);
-  React33.useEffect(() => {
+  React34.useEffect(() => {
     if (disabled || !required || value) {
       setLocalRequiredError(void 0);
     }
@@ -12865,7 +12903,7 @@ var DateTimePicker = ({
 };
 
 // src/components/CalendarTimeline/CalendarTimeline.tsx
-var React39 = __toESM(require("react"), 1);
+var React40 = __toESM(require("react"), 1);
 var import_lucide_react23 = require("lucide-react");
 
 // src/components/CalendarTimeline/date.ts
@@ -13105,10 +13143,10 @@ function intervalPack(items) {
 }
 
 // src/components/CalendarTimeline/hooks.ts
-var React34 = __toESM(require("react"), 1);
+var React35 = __toESM(require("react"), 1);
 function useHorizontalScrollSync(args) {
   const { bodyRef, headerRef, leftRef } = args;
-  React34.useEffect(() => {
+  React35.useEffect(() => {
     const body = bodyRef.current;
     const header = headerRef.current;
     const left = leftRef?.current ?? null;
@@ -13166,9 +13204,9 @@ function lowerBound(arr, target) {
 function useVirtualVariableRows(args) {
   const { enabled, overscan, rowHeights, scrollRef } = args;
   const itemCount = rowHeights.length;
-  const [viewportHeight, setViewportHeight] = React34.useState(0);
-  const [scrollTop, setScrollTop] = React34.useState(0);
-  React34.useEffect(() => {
+  const [viewportHeight, setViewportHeight] = React35.useState(0);
+  const [scrollTop, setScrollTop] = React35.useState(0);
+  React35.useEffect(() => {
     if (!enabled) {
       setViewportHeight(0);
       return;
@@ -13181,7 +13219,7 @@ function useVirtualVariableRows(args) {
     ro.observe(el);
     return () => ro.disconnect();
   }, [enabled, scrollRef]);
-  React34.useEffect(() => {
+  React35.useEffect(() => {
     if (!enabled) {
       setScrollTop(0);
       return;
@@ -13206,7 +13244,7 @@ function useVirtualVariableRows(args) {
       el.removeEventListener("scroll", onScroll);
     };
   }, [enabled, scrollRef]);
-  const prefix = React34.useMemo(() => {
+  const prefix = React35.useMemo(() => {
     const out = new Array(itemCount + 1);
     out[0] = 0;
     for (let i = 0; i < itemCount; i++) {
@@ -13214,7 +13252,7 @@ function useVirtualVariableRows(args) {
     }
     return out;
   }, [itemCount, rowHeights]);
-  return React34.useMemo(() => {
+  return React35.useMemo(() => {
     if (!enabled) {
       return { startIndex: 0, endIndex: itemCount, topSpacer: 0, bottomSpacer: 0, totalHeight: prefix[itemCount] ?? 0 };
     }
@@ -13230,8 +13268,8 @@ function useVirtualVariableRows(args) {
   }, [enabled, itemCount, overscan, prefix, scrollTop, viewportHeight]);
 }
 function useClientWidth(ref) {
-  const [width, setWidth] = React34.useState(0);
-  React34.useEffect(() => {
+  const [width, setWidth] = React35.useState(0);
+  React35.useEffect(() => {
     const el = ref.current;
     if (!el) return;
     const update = () => setWidth(el.clientWidth);
@@ -13454,7 +13492,7 @@ function resourcesById(resources) {
 }
 
 // src/components/CalendarTimeline/CalendarTimelineHeader.tsx
-var React35 = __toESM(require("react"), 1);
+var React36 = __toESM(require("react"), 1);
 var import_lucide_react20 = require("lucide-react");
 var import_jsx_runtime41 = require("react/jsx-runtime");
 var VIEW_ICONS = {
@@ -13485,7 +13523,7 @@ function CalendarTimelineHeader(props) {
     headerRef,
     slotHeaderNodes
   } = props;
-  const resolvedAvailableViews = React35.useMemo(
+  const resolvedAvailableViews = React36.useMemo(
     () => availableViews?.length ? availableViews : ["month", "week", "day", "sprint"],
     [availableViews]
   );
@@ -13494,22 +13532,22 @@ function CalendarTimelineHeader(props) {
   const gi18n = useGlobalI18n();
   const dt = useSmartTranslations("DateTimePicker");
   const locale = useSmartLocale();
-  const [todayOpen, setTodayOpen] = React35.useState(false);
-  const [tempDate, setTempDate] = React35.useState(() => now);
-  const [calendarMonth, setCalendarMonth] = React35.useState(() => now);
-  React35.useEffect(() => {
+  const [todayOpen, setTodayOpen] = React36.useState(false);
+  const [tempDate, setTempDate] = React36.useState(() => now);
+  const [calendarMonth, setCalendarMonth] = React36.useState(() => now);
+  React36.useEffect(() => {
     if (!todayOpen) return;
     setTempDate(now);
     setCalendarMonth(now);
   }, [now, todayOpen]);
-  const monthLabel = React35.useCallback(
+  const monthLabel = React36.useCallback(
     (date) => date.toLocaleDateString(locale === "vi" ? "vi-VN" : "en-US", {
       month: "long",
       year: "numeric"
     }),
     [locale]
   );
-  const weekdays = React35.useMemo(() => {
+  const weekdays = React36.useMemo(() => {
     switch (locale) {
       case "vi":
         return ["CN", "T2", "T3", "T4", "T5", "T6", "T7"];
@@ -13521,12 +13559,12 @@ function CalendarTimelineHeader(props) {
         return ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"];
     }
   }, [locale]);
-  const getTimeString = React35.useCallback((date) => {
+  const getTimeString = React36.useCallback((date) => {
     const h = date.getHours();
     const m = date.getMinutes();
     return `${h.toString().padStart(2, "0")}:${m.toString().padStart(2, "0")}`;
   }, []);
-  const handleDateSelect = React35.useCallback((date) => {
+  const handleDateSelect = React36.useCallback((date) => {
     if (!(date instanceof Date)) return;
     setTempDate((prev) => {
       const next = new Date(date);
@@ -13534,7 +13572,7 @@ function CalendarTimelineHeader(props) {
       return next;
     });
   }, []);
-  const handleTimeChange = React35.useCallback((timeStr) => {
+  const handleTimeChange = React36.useCallback((timeStr) => {
     if (!timeStr) return;
     const [hStr, mStr] = timeStr.split(":");
     const h = parseInt(hStr, 10);
@@ -13546,7 +13584,7 @@ function CalendarTimelineHeader(props) {
       return next;
     });
   }, []);
-  const applyDateTime = React35.useCallback(() => {
+  const applyDateTime = React36.useCallback(() => {
     onApplyDateTime(tempDate);
     setTodayOpen(false);
   }, [onApplyDateTime, tempDate]);
@@ -13810,9 +13848,9 @@ function ResourceRowCell(props) {
 }
 
 // src/components/CalendarTimeline/CalendarTimelineGridOverlay.tsx
-var React36 = __toESM(require("react"), 1);
+var React37 = __toESM(require("react"), 1);
 var import_jsx_runtime43 = require("react/jsx-runtime");
-var CalendarTimelineGridOverlay = React36.memo(function CalendarTimelineGridOverlay2(props) {
+var CalendarTimelineGridOverlay = React37.memo(function CalendarTimelineGridOverlay2(props) {
   const {
     gridWidth,
     height,
@@ -13860,12 +13898,12 @@ var CalendarTimelineGridOverlay = React36.memo(function CalendarTimelineGridOver
 });
 
 // src/components/CalendarTimeline/CalendarTimelineSlotHeaderCell.tsx
-var React37 = __toESM(require("react"), 1);
+var React38 = __toESM(require("react"), 1);
 var import_lucide_react22 = require("lucide-react");
 var import_jsx_runtime44 = require("react/jsx-runtime");
-var CalendarTimelineSlotHeaderCell = React37.memo(function CalendarTimelineSlotHeaderCell2(props) {
+var CalendarTimelineSlotHeaderCell = React38.memo(function CalendarTimelineSlotHeaderCell2(props) {
   const { width, activeView, isToday: isToday2, label, ariaLabel, borderClassName, dayHeaderMarks, idx, className } = props;
-  const content = React37.useMemo(() => {
+  const content = React38.useMemo(() => {
     if (activeView === "day" && dayHeaderMarks) {
       if (dayHeaderMarks.showEllipsis[idx]) return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "text-xs text-muted-foreground/70 select-none", children: "\u2026" });
       if (!dayHeaderMarks.showTime[idx]) return null;
@@ -13888,7 +13926,7 @@ var CalendarTimelineSlotHeaderCell = React37.memo(function CalendarTimelineSlotH
 });
 
 // src/components/CalendarTimeline/internal-hooks.ts
-var React38 = __toESM(require("react"), 1);
+var React39 = __toESM(require("react"), 1);
 function useTimelineSlots(args) {
   const {
     activeView,
@@ -13903,7 +13941,7 @@ function useTimelineSlots(args) {
     formatters,
     dueDateSprint
   } = args;
-  const { slots, range } = React38.useMemo(() => {
+  const { slots, range } = React39.useMemo(() => {
     const { start, end, slotStarts: slotStarts2 } = computeSlotStarts({
       view: activeView,
       date: activeDate,
@@ -13958,18 +13996,18 @@ function useTimelineSlots(args) {
         const match = matchSprintDef(s, idx);
         if (match && sprintRangeText) {
           const rangeText = sprintRangeText(match.startMs, match.endMs);
-          return React38.createElement(
+          return React39.createElement(
             "span",
             { className: "inline-flex flex-col items-center leading-tight" },
-            React38.createElement("span", { className: "text-[11px] font-semibold text-foreground truncate max-w-32" }, match.title),
-            React38.createElement("span", { className: "text-[10px] font-medium text-muted-foreground/70" }, rangeText)
+            React39.createElement("span", { className: "text-[11px] font-semibold text-foreground truncate max-w-32" }, match.title),
+            React39.createElement("span", { className: "text-[10px] font-medium text-muted-foreground/70" }, rangeText)
           );
         }
-        return React38.createElement(
+        return React39.createElement(
           "span",
           { className: "inline-flex flex-col items-center leading-tight" },
-          React38.createElement("span", { className: "text-[10px] font-medium uppercase tracking-wider text-muted-foreground/70" }, "S"),
-          React38.createElement("span", { className: "text-sm font-semibold text-foreground" }, String(idx + 1).padStart(2, "0"))
+          React39.createElement("span", { className: "text-[10px] font-medium uppercase tracking-wider text-muted-foreground/70" }, "S"),
+          React39.createElement("span", { className: "text-sm font-semibold text-foreground" }, String(idx + 1).padStart(2, "0"))
         );
       })(),
       isToday: (() => {
@@ -13997,9 +14035,9 @@ function useTimelineSlots(args) {
     weekStartsOn,
     workHours
   ]);
-  const slotStarts = React38.useMemo(() => slots.map((s) => s.start), [slots]);
-  const todaySlotIdx = React38.useMemo(() => slots.findIndex((s) => s.isToday), [slots]);
-  const weekendSlotIdxs = React38.useMemo(() => {
+  const slotStarts = React39.useMemo(() => slots.map((s) => s.start), [slots]);
+  const todaySlotIdx = React39.useMemo(() => slots.findIndex((s) => s.isToday), [slots]);
+  const weekendSlotIdxs = React39.useMemo(() => {
     const out = [];
     for (let i = 0; i < slots.length; i++) if (slots[i]?.isWeekend) out.push(i);
     return out;
@@ -14008,16 +14046,16 @@ function useTimelineSlots(args) {
 }
 function useNormalizedEvents(args) {
   const { events, range, activeView, resolvedTimeZone, resources } = args;
-  const normalizedEvents = React38.useMemo(() => {
+  const normalizedEvents = React39.useMemo(() => {
     return normalizeEvents({ events, range, view: activeView, timeZone: resolvedTimeZone });
   }, [activeView, events, range, resolvedTimeZone]);
-  const eventsByResource = React38.useMemo(() => eventsByResourceId(normalizedEvents), [normalizedEvents]);
-  const resourceById = React38.useMemo(() => resourcesById(resources), [resources]);
+  const eventsByResource = React39.useMemo(() => eventsByResourceId(normalizedEvents), [normalizedEvents]);
+  const resourceById = React39.useMemo(() => resourcesById(resources), [resources]);
   return { normalizedEvents, eventsByResource, resourceById };
 }
 function useDayHeaderMarks(args) {
   const { enabled, activeView, normalizedEvents, slotStarts, slotCount } = args;
-  return React38.useMemo(() => {
+  return React39.useMemo(() => {
     if (!enabled) return null;
     if (activeView !== "day") return null;
     const n = slotCount;
@@ -14052,14 +14090,14 @@ function useSlotMetrics(args) {
     dayHeaderSmart,
     daySlotCompression
   } = args;
-  const fixedSlotWidth = React38.useMemo(() => {
+  const fixedSlotWidth = React39.useMemo(() => {
     const baseSlotWidth = activeView === "month" || activeView === "day" ? effectiveSlotMinWidth * 3 : effectiveSlotMinWidth;
     if (activeView !== "week") return baseSlotWidth;
     if (bodyClientWidth <= 0) return baseSlotWidth;
     if (slotsLength <= 0) return baseSlotWidth;
     return Math.max(baseSlotWidth, bodyClientWidth / slotsLength);
   }, [activeView, bodyClientWidth, effectiveSlotMinWidth, slotsLength]);
-  const slotMetrics = React38.useMemo(() => {
+  const slotMetrics = React39.useMemo(() => {
     const n = slotsLength;
     const widths = new Array(n).fill(fixedSlotWidth);
     const isAdaptiveView = activeView === "month" || activeView === "day";
@@ -14190,7 +14228,7 @@ function useSlotMetrics(args) {
 }
 function useLayoutsByResource(args) {
   const { eventsByResource, preview, slotStarts, slotsLength, slotLefts, getResourceRowHeight, laneGap, lanePaddingY, effectiveMaxLanesPerRow, eventHeight } = args;
-  return React38.useMemo(() => {
+  return React39.useMemo(() => {
     const map = /* @__PURE__ */ new Map();
     for (const [resourceId, list] of eventsByResource.entries()) {
       const mapped = list.map((ev) => {
@@ -14237,9 +14275,9 @@ function lowerBound2(arr, target) {
 }
 function useVisibleSlotRange(args) {
   const { enabled, overscan, scrollRef, slotLefts, slotCount } = args;
-  const [scrollLeft, setScrollLeft] = React38.useState(0);
-  const [viewportWidth, setViewportWidth] = React38.useState(0);
-  React38.useEffect(() => {
+  const [scrollLeft, setScrollLeft] = React39.useState(0);
+  const [viewportWidth, setViewportWidth] = React39.useState(0);
+  React39.useEffect(() => {
     if (!enabled) return;
     const el = scrollRef.current;
     if (!el) return;
@@ -14266,7 +14304,7 @@ function useVisibleSlotRange(args) {
       el.removeEventListener("scroll", onScroll);
     };
   }, [enabled, scrollRef]);
-  return React38.useMemo(() => {
+  return React39.useMemo(() => {
     if (!enabled) return { startIdx: 0, endIdx: slotCount };
     if (slotCount <= 0) return { startIdx: 0, endIdx: 0 };
     if (viewportWidth <= 0) return { startIdx: 0, endIdx: slotCount };
@@ -14365,14 +14403,14 @@ function CalendarTimeline({
 }) {
   const t = useSmartTranslations("CalendarTimeline");
   const detectedLocale = useSmartLocale();
-  const resolvedLocale = React39.useMemo(() => localeToBCP47(locale ?? detectedLocale), [locale, detectedLocale]);
-  const resolvedTimeZone = React39.useMemo(() => timeZone ?? Intl.DateTimeFormat().resolvedOptions().timeZone ?? "UTC", [timeZone]);
+  const resolvedLocale = React40.useMemo(() => localeToBCP47(locale ?? detectedLocale), [locale, detectedLocale]);
+  const resolvedTimeZone = React40.useMemo(() => timeZone ?? Intl.DateTimeFormat().resolvedOptions().timeZone ?? "UTC", [timeZone]);
   const effectiveEnableEventSheet = enableEventSheet ?? Boolean(renderEventSheet);
   const isViewOnly = interactions?.mode === "view";
   const isControlledSelectedEventId = selectedEventId !== void 0;
-  const [internalSelectedEventId, setInternalSelectedEventId] = React39.useState(defaultSelectedEventId ?? null);
+  const [internalSelectedEventId, setInternalSelectedEventId] = React40.useState(defaultSelectedEventId ?? null);
   const activeSelectedEventId = isControlledSelectedEventId ? selectedEventId : internalSelectedEventId;
-  const setSelectedEventId = React39.useCallback(
+  const setSelectedEventId = React40.useCallback(
     (next) => {
       if (!isControlledSelectedEventId) setInternalSelectedEventId(next);
       onSelectedEventIdChange?.(next);
@@ -14380,9 +14418,9 @@ function CalendarTimeline({
     [isControlledSelectedEventId, onSelectedEventIdChange]
   );
   const isControlledEventSheetOpen = eventSheetOpen !== void 0;
-  const [internalEventSheetOpen, setInternalEventSheetOpen] = React39.useState(defaultEventSheetOpen ?? false);
+  const [internalEventSheetOpen, setInternalEventSheetOpen] = React40.useState(defaultEventSheetOpen ?? false);
   const activeEventSheetOpen = isControlledEventSheetOpen ? Boolean(eventSheetOpen) : internalEventSheetOpen;
-  const setEventSheetOpen = React39.useCallback(
+  const setEventSheetOpen = React40.useCallback(
     (next) => {
       if (!isControlledEventSheetOpen) setInternalEventSheetOpen(next);
       onEventSheetOpenChange?.(next);
@@ -14391,12 +14429,12 @@ function CalendarTimeline({
     [isControlledEventSheetOpen, onEventSheetOpenChange, setSelectedEventId]
   );
   const showResourceColumn = !hideResourceColumn;
-  const sizeConfig = React39.useMemo(() => getSizeConfig(size), [size]);
+  const sizeConfig = React40.useMemo(() => getSizeConfig(size), [size]);
   const densityClass = sizeConfig.densityClass;
   const eventHeight = sizeConfig.eventHeight;
   const laneGap = sizeConfig.laneGap;
   const lanePaddingY = sizeConfig.lanePaddingY;
-  const canResizeColumn = React39.useMemo(() => {
+  const canResizeColumn = React40.useMemo(() => {
     const cfg = enableLayoutResize;
     if (!cfg) return false;
     if (isViewOnly) return false;
@@ -14404,7 +14442,7 @@ function CalendarTimeline({
     if (cfg === true) return true;
     return cfg.column !== false;
   }, [enableLayoutResize, isViewOnly, showResourceColumn]);
-  const canResizeRow = React39.useMemo(() => {
+  const canResizeRow = React40.useMemo(() => {
     const cfg = enableLayoutResize;
     if (!cfg) return false;
     if (isViewOnly) return false;
@@ -14413,19 +14451,19 @@ function CalendarTimeline({
     return cfg.row !== false;
   }, [enableLayoutResize, isViewOnly, showResourceColumn]);
   const isControlledResourceColumnWidth = resourceColumnWidth !== void 0;
-  const [internalResourceColumnWidth, setInternalResourceColumnWidth] = React39.useState(() => {
+  const [internalResourceColumnWidth, setInternalResourceColumnWidth] = React40.useState(() => {
     const init = defaultResourceColumnWidth ?? sizeConfig.resourceColumnWidth;
     return typeof init === "number" ? init : sizeConfig.resourceColumnWidth;
   });
-  React39.useEffect(() => {
+  React40.useEffect(() => {
     if (isControlledResourceColumnWidth) return;
     if (defaultResourceColumnWidth == null) return;
     setInternalResourceColumnWidth(defaultResourceColumnWidth);
   }, [defaultResourceColumnWidth, isControlledResourceColumnWidth]);
   const effectiveResourceColumnWidth = showResourceColumn ? isControlledResourceColumnWidth ? resourceColumnWidth : internalResourceColumnWidth : 0;
   const isControlledRowHeight = rowHeight !== void 0;
-  const [internalRowHeight, setInternalRowHeight] = React39.useState(() => defaultRowHeight ?? sizeConfig.rowHeight);
-  React39.useEffect(() => {
+  const [internalRowHeight, setInternalRowHeight] = React40.useState(() => defaultRowHeight ?? sizeConfig.rowHeight);
+  React40.useEffect(() => {
     if (isControlledRowHeight) return;
     if (defaultRowHeight == null) return;
     setInternalRowHeight(defaultRowHeight);
@@ -14436,14 +14474,14 @@ function CalendarTimeline({
   const colMax = maxResourceColumnWidth ?? 520;
   const rowMin = minRowHeight ?? 36;
   const rowMax = maxRowHeight ?? 120;
-  const viewList = React39.useMemo(() => Array.isArray(view) ? view : void 0, [view]);
-  const availableViews = React39.useMemo(() => {
+  const viewList = React40.useMemo(() => Array.isArray(view) ? view : void 0, [view]);
+  const availableViews = React40.useMemo(() => {
     if (onlyView) return [onlyView];
     if (viewList?.length) return viewList;
     return ["month", "week", "day", "sprint"];
   }, [onlyView, viewList]);
   const isControlledView = view !== void 0 && !Array.isArray(view);
-  const [internalView, setInternalView] = React39.useState(() => {
+  const [internalView, setInternalView] = React40.useState(() => {
     if (onlyView) return onlyView;
     if (viewList?.length) {
       if (defaultView && viewList.includes(defaultView)) return defaultView;
@@ -14452,13 +14490,13 @@ function CalendarTimeline({
     return defaultView ?? "month";
   });
   const activeView = onlyView ? onlyView : isControlledView ? view : internalView;
-  React39.useEffect(() => {
+  React40.useEffect(() => {
     if (onlyView || isControlledView) return;
     if (!availableViews.includes(internalView)) {
       setInternalView(availableViews[0] ?? "month");
     }
   }, [availableViews, internalView, isControlledView, onlyView]);
-  const effectiveSlotMinWidth = React39.useMemo(() => {
+  const effectiveSlotMinWidth = React40.useMemo(() => {
     if (slotMinWidth == null) {
       if (activeView === "month" && monthEventStyle === "compact") {
         return clamp5(Math.round(sizeConfig.slotMinWidth * 0.55), 32, sizeConfig.slotMinWidth);
@@ -14470,17 +14508,17 @@ function CalendarTimeline({
     return baseSlotMinWidth;
   }, [activeView, baseSlotMinWidth, monthEventStyle, sizeConfig.slotMinWidth, slotMinWidth]);
   const isControlledDate = date !== void 0;
-  const [internalDate, setInternalDate] = React39.useState(() => defaultDate ?? /* @__PURE__ */ new Date());
+  const [internalDate, setInternalDate] = React40.useState(() => defaultDate ?? /* @__PURE__ */ new Date());
   const activeDate = isControlledDate ? date : internalDate;
-  const resolvedNow = React39.useMemo(() => now ?? /* @__PURE__ */ new Date(), [now]);
-  const formatToken = React39.useCallback((key, params) => {
+  const resolvedNow = React40.useMemo(() => now ?? /* @__PURE__ */ new Date(), [now]);
+  const formatToken = React40.useCallback((key, params) => {
     let message = t(key);
     for (const [name, value] of Object.entries(params)) {
       message = message.replaceAll(`{${name}}`, String(value));
     }
     return message;
   }, [t]);
-  const l = React39.useMemo(
+  const l = React40.useMemo(
     () => ({
       today: labels?.today ?? t("today"),
       prev: labels?.prev ?? t("prev"),
@@ -14503,7 +14541,7 @@ function CalendarTimeline({
     }),
     [formatToken, labels, t]
   );
-  const setView = React39.useCallback(
+  const setView = React40.useCallback(
     (next) => {
       if (onlyView) return;
       if (!availableViews.includes(next)) return;
@@ -14512,14 +14550,14 @@ function CalendarTimeline({
     },
     [availableViews, isControlledView, onViewChange, onlyView]
   );
-  const setDate = React39.useCallback(
+  const setDate = React40.useCallback(
     (next) => {
       if (!isControlledDate) setInternalDate(next);
       onDateChange?.(next);
     },
     [isControlledDate, onDateChange]
   );
-  const navigate = React39.useCallback(
+  const navigate = React40.useCallback(
     (dir) => {
       const base2 = activeDate;
       if (activeView === "month") {
@@ -14538,17 +14576,17 @@ function CalendarTimeline({
     },
     [activeDate, activeView, resolvedTimeZone, setDate]
   );
-  const [internalCollapsed, setInternalCollapsed] = React39.useState(() => defaultGroupCollapsed ?? {});
+  const [internalCollapsed, setInternalCollapsed] = React40.useState(() => defaultGroupCollapsed ?? {});
   const collapsed = groupCollapsed ?? internalCollapsed;
-  const setCollapsed = React39.useCallback(
+  const setCollapsed = React40.useCallback(
     (next) => {
       if (!groupCollapsed) setInternalCollapsed(next);
       onGroupCollapsedChange?.(next);
     },
     [groupCollapsed, onGroupCollapsedChange]
   );
-  const rows = React39.useMemo(() => buildRows({ resources, groups, collapsed }), [resources, groups, collapsed]);
-  const groupResourceCounts = React39.useMemo(() => getGroupResourceCounts(resources), [resources]);
+  const rows = React40.useMemo(() => buildRows({ resources, groups, collapsed }), [resources, groups, collapsed]);
+  const groupResourceCounts = React40.useMemo(() => getGroupResourceCounts(resources), [resources]);
   const { slots, range, slotStarts, todaySlotIdx, weekendSlotIdxs } = useTimelineSlots({
     activeView,
     activeDate,
@@ -14562,12 +14600,12 @@ function CalendarTimeline({
     formatters,
     dueDateSprint
   });
-  React39.useEffect(() => {
+  React40.useEffect(() => {
     onRangeChange?.(range);
   }, [range, onRangeChange]);
-  const leftRef = React39.useRef(null);
-  const bodyRef = React39.useRef(null);
-  const headerRef = React39.useRef(null);
+  const leftRef = React40.useRef(null);
+  const bodyRef = React40.useRef(null);
+  const headerRef = React40.useRef(null);
   const bodyClientWidth = useClientWidth(bodyRef);
   const { normalizedEvents, eventsByResource, resourceById } = useNormalizedEvents({
     events,
@@ -14599,16 +14637,16 @@ function CalendarTimeline({
     slotLefts,
     slotCount: slots.length
   });
-  const selectedEvent = React39.useMemo(() => {
+  const selectedEvent = React40.useMemo(() => {
     if (!activeSelectedEventId) return null;
     const found2 = normalizedEvents.find((e) => e.id === activeSelectedEventId);
     return found2 ?? null;
   }, [activeSelectedEventId, normalizedEvents]);
-  const selectedResource = React39.useMemo(() => {
+  const selectedResource = React40.useMemo(() => {
     if (!selectedEvent) return void 0;
     return resourceById.get(selectedEvent.resourceId);
   }, [resourceById, selectedEvent]);
-  const selectedTimeText = React39.useMemo(() => {
+  const selectedTimeText = React40.useMemo(() => {
     if (!selectedEvent) return "";
     return formatters?.eventTime?.({
       start: selectedEvent._start,
@@ -14618,7 +14656,7 @@ function CalendarTimeline({
       view: activeView
     }) ?? defaultEventTime({ start: selectedEvent._start, end: selectedEvent._end, locale: resolvedLocale, timeZone: resolvedTimeZone, view: activeView });
   }, [activeView, formatters, resolvedLocale, resolvedTimeZone, selectedEvent]);
-  React39.useEffect(() => {
+  React40.useEffect(() => {
     if (!effectiveEnableEventSheet) return;
     if (activeEventSheetOpen && activeSelectedEventId && !selectedEvent) {
       setEventSheetOpen(false);
@@ -14628,24 +14666,24 @@ function CalendarTimeline({
   const virt = virtualization == null ? rows.length > 60 : Boolean(virtualization.enabled);
   const overscan = virtualization?.overscan ?? 8;
   const isControlledRowHeights = rowHeights !== void 0;
-  const [internalRowHeights, setInternalRowHeights] = React39.useState(() => defaultRowHeights ?? {});
-  React39.useEffect(() => {
+  const [internalRowHeights, setInternalRowHeights] = React40.useState(() => defaultRowHeights ?? {});
+  React40.useEffect(() => {
     if (isControlledRowHeights) return;
     if (!defaultRowHeights) return;
     setInternalRowHeights(defaultRowHeights);
   }, [defaultRowHeights, isControlledRowHeights]);
   const activeRowHeights = isControlledRowHeights ? rowHeights : internalRowHeights;
-  const autoRowHeightCfg = React39.useMemo(() => {
+  const autoRowHeightCfg = React40.useMemo(() => {
     if (!autoRowHeight) return null;
     return autoRowHeight === true ? {} : autoRowHeight;
   }, [autoRowHeight]);
-  const effectiveMaxLanesPerRow = React39.useMemo(() => {
+  const effectiveMaxLanesPerRow = React40.useMemo(() => {
     if (!autoRowHeightCfg) return maxLanesPerRow;
     const maxLanes = autoRowHeightCfg.maxLanesPerRow;
     if (typeof maxLanes === "number" && Number.isFinite(maxLanes) && maxLanes > 0) return Math.floor(maxLanes);
     return Number.POSITIVE_INFINITY;
   }, [autoRowHeightCfg, maxLanesPerRow]);
-  const autoRowHeightsByResource = React39.useMemo(() => {
+  const autoRowHeightsByResource = React40.useMemo(() => {
     if (!autoRowHeightCfg) return null;
     const maxRowHeight2 = autoRowHeightCfg.maxRowHeight;
     const out = /* @__PURE__ */ new Map();
@@ -14663,7 +14701,7 @@ function CalendarTimeline({
     }
     return out;
   }, [autoRowHeightCfg, eventHeight, eventsByResource, laneGap, lanePaddingY, slotStarts, slots.length, effectiveMaxLanesPerRow]);
-  const getResourceRowHeight = React39.useCallback(
+  const getResourceRowHeight = React40.useCallback(
     (resourceId) => {
       const h = activeRowHeights[resourceId];
       const base2 = typeof h === "number" && Number.isFinite(h) && h > 0 ? h : effectiveRowHeight;
@@ -14673,7 +14711,7 @@ function CalendarTimeline({
     },
     [activeRowHeights, autoRowHeightsByResource, effectiveRowHeight]
   );
-  const setRowHeightForResource = React39.useCallback(
+  const setRowHeightForResource = React40.useCallback(
     (resourceId, height) => {
       const clamped = clamp5(Math.round(height), rowMin, rowMax);
       onRowHeightChange?.(clamped);
@@ -14690,7 +14728,7 @@ function CalendarTimeline({
     },
     [activeRowHeights, isControlledRowHeights, onRowHeightChange, onRowHeightsChange, rowMax, rowMin]
   );
-  const rowHeightsArray = React39.useMemo(() => {
+  const rowHeightsArray = React40.useMemo(() => {
     return rows.map((r) => {
       if (r.kind === "resource") return getResourceRowHeight(r.resource.id);
       return sizeConfig.groupRowHeight;
@@ -14706,13 +14744,13 @@ function CalendarTimeline({
   const endRow = virt ? virtualResult.endIndex : rows.length;
   const topSpacer = virt ? virtualResult.topSpacer : 0;
   const bottomSpacer = virt ? virtualResult.bottomSpacer : 0;
-  const renderedRowsHeight = React39.useMemo(() => {
+  const renderedRowsHeight = React40.useMemo(() => {
     let h = 0;
     for (let i = startRow; i < endRow; i++) h += rowHeightsArray[i] ?? effectiveRowHeight;
     return h;
   }, [effectiveRowHeight, endRow, rowHeightsArray, startRow]);
-  const resizeRef = React39.useRef(null);
-  const setResourceColumnWidth = React39.useCallback(
+  const resizeRef = React40.useRef(null);
+  const setResourceColumnWidth = React40.useCallback(
     (next) => {
       const clamped = clamp5(Math.round(next), colMin, colMax);
       if (!isControlledResourceColumnWidth) setInternalResourceColumnWidth(clamped);
@@ -14720,7 +14758,7 @@ function CalendarTimeline({
     },
     [colMax, colMin, isControlledResourceColumnWidth, onResourceColumnWidthChange]
   );
-  const startResize = React39.useCallback(
+  const startResize = React40.useCallback(
     (mode, e, args) => {
       if (e.button !== 0 || e.ctrlKey) return;
       resizeRef.current = {
@@ -14763,7 +14801,7 @@ function CalendarTimeline({
     },
     [setResourceColumnWidth, setRowHeightForResource]
   );
-  React39.useEffect(() => {
+  React40.useEffect(() => {
     return () => {
       if (!resizeRef.current) return;
       resizeRef.current = null;
@@ -14771,7 +14809,7 @@ function CalendarTimeline({
       document.body.style.userSelect = "";
     };
   }, []);
-  const beginResizeColumn = React39.useCallback(
+  const beginResizeColumn = React40.useCallback(
     (e) => {
       if (!canResizeColumn) return;
       if (typeof effectiveResourceColumnWidth !== "number") return;
@@ -14779,7 +14817,7 @@ function CalendarTimeline({
     },
     [canResizeColumn, effectiveResourceColumnWidth, effectiveRowHeight, startResize]
   );
-  const beginResizeResourceRow = React39.useCallback(
+  const beginResizeResourceRow = React40.useCallback(
     (resourceId) => (e) => {
       if (!canResizeRow) return;
       startResize("row", e, {
@@ -14790,7 +14828,7 @@ function CalendarTimeline({
     },
     [canResizeRow, effectiveResourceColumnWidth, getResourceRowHeight, startResize]
   );
-  const title = React39.useMemo(() => {
+  const title = React40.useMemo(() => {
     if (activeView === "month") {
       return formatters?.monthTitle?.(activeDate, { locale: resolvedLocale, timeZone: resolvedTimeZone }) ?? defaultMonthTitle(activeDate, resolvedLocale, resolvedTimeZone);
     }
@@ -14817,11 +14855,11 @@ function CalendarTimeline({
   }, [activeDate, activeView, formatToken, formatters, l.sprint, l.week, range.end, range.start, resolvedLocale, resolvedTimeZone, slots.length]);
   const createMode = interactions?.createMode ?? "drag";
   const canCreate = !isViewOnly && (interactions?.creatable ?? false) && !!onCreateEvent;
-  const [createOpen, setCreateOpen] = React39.useState(false);
-  const [createResourceId, setCreateResourceId] = React39.useState(null);
-  const [createStartIdx, setCreateStartIdx] = React39.useState(0);
-  const [createEndIdx, setCreateEndIdx] = React39.useState(1);
-  const resourceOptions = React39.useMemo(() => {
+  const [createOpen, setCreateOpen] = React40.useState(false);
+  const [createResourceId, setCreateResourceId] = React40.useState(null);
+  const [createStartIdx, setCreateStartIdx] = React40.useState(0);
+  const [createEndIdx, setCreateEndIdx] = React40.useState(1);
+  const resourceOptions = React40.useMemo(() => {
     return resources.map((r) => ({
       label: typeof r.label === "string" ? r.label : r.id,
       value: r.id,
@@ -14829,7 +14867,7 @@ function CalendarTimeline({
       disabled: r.disabled ?? false
     }));
   }, [resources]);
-  const formatCreateBoundaryLabel = React39.useMemo(() => {
+  const formatCreateBoundaryLabel = React40.useMemo(() => {
     const timeFmt = getDtf(resolvedLocale, resolvedTimeZone, { hour: "2-digit", minute: "2-digit", hourCycle: "h23" });
     const dayFmt = getDtf(resolvedLocale, resolvedTimeZone, { weekday: "short", month: "short", day: "numeric" });
     const yearFmt = getDtf(resolvedLocale, resolvedTimeZone, { year: "numeric" });
@@ -14877,7 +14915,7 @@ function CalendarTimeline({
       return dayFmt.format(d);
     };
   }, [activeView, dueDateSprint, l.sprint, resolvedLocale, resolvedTimeZone, slotStarts]);
-  const openCreate = React39.useCallback(() => {
+  const openCreate = React40.useCallback(() => {
     if (!canCreate) return;
     if (activeEventSheetOpen) setEventSheetOpen(false);
     const firstResource = resources.find((r) => !r.disabled)?.id ?? resources[0]?.id ?? null;
@@ -14909,13 +14947,13 @@ function CalendarTimeline({
     slotStarts,
     slots.length
   ]);
-  React39.useEffect(() => {
+  React40.useEffect(() => {
     setCreateEndIdx((prev) => Math.min(slots.length, Math.max(prev, createStartIdx + 1)));
   }, [createStartIdx, slots.length]);
-  const createStartOptions = React39.useMemo(() => {
+  const createStartOptions = React40.useMemo(() => {
     return slotStarts.map((d, idx) => ({ label: formatCreateBoundaryLabel(d, { kind: "start", boundaryIdx: idx }), value: idx }));
   }, [formatCreateBoundaryLabel, slotStarts]);
-  const createEndOptions = React39.useMemo(() => {
+  const createEndOptions = React40.useMemo(() => {
     const out = [];
     for (let idx = createStartIdx + 1; idx <= slotStarts.length; idx++) {
       const boundary = idx >= slotStarts.length ? range.end : slotStarts[idx];
@@ -14923,7 +14961,7 @@ function CalendarTimeline({
     }
     return out;
   }, [createStartIdx, formatCreateBoundaryLabel, range.end, slotStarts]);
-  const commitCreate = React39.useCallback(() => {
+  const commitCreate = React40.useCallback(() => {
     if (!onCreateEvent) return;
     if (!createResourceId) return;
     const start = slotStarts[clamp5(createStartIdx, 0, Math.max(0, slotStarts.length - 1))];
@@ -14934,38 +14972,38 @@ function CalendarTimeline({
     onCreateEvent({ resourceId: createResourceId, start, end: endBoundary });
     setCreateOpen(false);
   }, [createEndIdx, createResourceId, createStartIdx, onCreateEvent, range.end, slotStarts]);
-  const dragRef = React39.useRef(null);
-  const [preview, setPreviewState] = React39.useState(null);
-  const previewRef = React39.useRef(null);
-  const setPreview = React39.useCallback((next) => {
+  const dragRef = React40.useRef(null);
+  const [preview, setPreviewState] = React40.useState(null);
+  const previewRef = React40.useRef(null);
+  const setPreview = React40.useCallback((next) => {
     previewRef.current = next;
     setPreviewState(next);
   }, []);
-  const suppressNextEventClickRef = React39.useRef(false);
-  const [hoverCell, setHoverCellState] = React39.useState(null);
-  const hoverCellRef = React39.useRef(null);
-  const setHoverCell = React39.useCallback((next) => {
+  const suppressNextEventClickRef = React40.useRef(false);
+  const [hoverCell, setHoverCellState] = React40.useState(null);
+  const hoverCellRef = React40.useRef(null);
+  const setHoverCell = React40.useCallback((next) => {
     hoverCellRef.current = next;
     setHoverCellState(next);
   }, []);
-  const autoScrollStateRef = React39.useRef({
+  const autoScrollStateRef = React40.useRef({
     dir: 0,
     speed: 0,
     lastClientX: 0,
     lastClientY: 0
   });
-  const autoScrollRafRef = React39.useRef(null);
-  const dragPreviewRafRef = React39.useRef(null);
-  const dragPreviewPointRef = React39.useRef(null);
-  const hoverCellRafRef = React39.useRef(null);
-  const hoverCellPendingRef = React39.useRef(null);
-  const stopAutoScroll = React39.useCallback(() => {
+  const autoScrollRafRef = React40.useRef(null);
+  const dragPreviewRafRef = React40.useRef(null);
+  const dragPreviewPointRef = React40.useRef(null);
+  const hoverCellRafRef = React40.useRef(null);
+  const hoverCellPendingRef = React40.useRef(null);
+  const stopAutoScroll = React40.useCallback(() => {
     if (autoScrollRafRef.current != null) cancelAnimationFrame(autoScrollRafRef.current);
     autoScrollRafRef.current = null;
     autoScrollStateRef.current.dir = 0;
     autoScrollStateRef.current.speed = 0;
   }, []);
-  const getPointerContext = React39.useCallback(
+  const getPointerContext = React40.useCallback(
     (clientX, clientY, opts) => {
       const body = bodyRef.current;
       if (!body) return null;
@@ -14983,7 +15021,7 @@ function CalendarTimeline({
     },
     [xToSlotIdx]
   );
-  const slotToDate = React39.useCallback(
+  const slotToDate = React40.useCallback(
     (slotIdx) => {
       const start = slotStarts[clamp5(slotIdx, 0, slotStarts.length - 1)];
       if (activeView === "day") {
@@ -14997,7 +15035,7 @@ function CalendarTimeline({
     },
     [activeView, dayTimeStepMinutes, resolvedTimeZone, slotStarts]
   );
-  const updateDragPreview = React39.useCallback(
+  const updateDragPreview = React40.useCallback(
     (clientX, clientY) => {
       const drag = dragRef.current;
       if (!drag) return;
@@ -15041,13 +15079,13 @@ function CalendarTimeline({
     },
     [getPointerContext, range.end, range.start, setPreview, slotToDate, slots.length]
   );
-  const flushDragPreview = React39.useCallback(() => {
+  const flushDragPreview = React40.useCallback(() => {
     dragPreviewRafRef.current = null;
     const point = dragPreviewPointRef.current;
     if (!point) return;
     updateDragPreview(point.x, point.y);
   }, [updateDragPreview]);
-  const scheduleDragPreview = React39.useCallback(
+  const scheduleDragPreview = React40.useCallback(
     (clientX, clientY) => {
       dragPreviewPointRef.current = { x: clientX, y: clientY };
       if (dragPreviewRafRef.current != null) return;
@@ -15055,7 +15093,7 @@ function CalendarTimeline({
     },
     [flushDragPreview]
   );
-  const applyHoverCell = React39.useCallback(
+  const applyHoverCell = React40.useCallback(
     (next) => {
       const prev = hoverCellRef.current;
       const same = prev == null && next == null || prev != null && next != null && prev.resourceId === next.resourceId && prev.slotIdx === next.slotIdx && Math.abs(prev.y - next.y) <= 0.5;
@@ -15064,11 +15102,11 @@ function CalendarTimeline({
     },
     [setHoverCell]
   );
-  const flushHoverCell = React39.useCallback(() => {
+  const flushHoverCell = React40.useCallback(() => {
     hoverCellRafRef.current = null;
     applyHoverCell(hoverCellPendingRef.current);
   }, [applyHoverCell]);
-  const scheduleHoverCell = React39.useCallback(
+  const scheduleHoverCell = React40.useCallback(
     (next) => {
       hoverCellPendingRef.current = next;
       if (hoverCellRafRef.current != null) return;
@@ -15076,7 +15114,7 @@ function CalendarTimeline({
     },
     [flushHoverCell]
   );
-  const autoScrollTick = React39.useCallback(() => {
+  const autoScrollTick = React40.useCallback(() => {
     const drag = dragRef.current;
     const body = bodyRef.current;
     const st = autoScrollStateRef.current;
@@ -15095,7 +15133,7 @@ function CalendarTimeline({
     updateDragPreview(st.lastClientX, st.lastClientY);
     autoScrollRafRef.current = requestAnimationFrame(autoScrollTick);
   }, [stopAutoScroll, updateDragPreview]);
-  const updateAutoScrollFromPointer = React39.useCallback(
+  const updateAutoScrollFromPointer = React40.useCallback(
     (clientX, clientY) => {
       const body = bodyRef.current;
       if (!body) return;
@@ -15126,8 +15164,8 @@ function CalendarTimeline({
     },
     [autoScrollTick, stopAutoScroll]
   );
-  React39.useEffect(() => stopAutoScroll, [stopAutoScroll]);
-  React39.useEffect(() => {
+  React40.useEffect(() => stopAutoScroll, [stopAutoScroll]);
+  React40.useEffect(() => {
     return () => {
       if (dragPreviewRafRef.current != null) cancelAnimationFrame(dragPreviewRafRef.current);
       if (hoverCellRafRef.current != null) cancelAnimationFrame(hoverCellRafRef.current);
@@ -15274,7 +15312,7 @@ function CalendarTimeline({
     }
     setPreview(null);
   };
-  const onBodyPointerLeave = React39.useCallback(() => {
+  const onBodyPointerLeave = React40.useCallback(() => {
     hoverCellPendingRef.current = null;
     if (hoverCellRafRef.current != null) {
       cancelAnimationFrame(hoverCellRafRef.current);
@@ -15301,7 +15339,7 @@ function CalendarTimeline({
       }
     );
   };
-  const slotHeaderNodes = React39.useMemo(() => {
+  const slotHeaderNodes = React40.useMemo(() => {
     const startIdx = colVirtEnabled ? visibleSlots.startIdx : 0;
     const endIdx = colVirtEnabled ? visibleSlots.endIdx : slots.length;
     const leftSpacer = startIdx > 0 ? slotLefts[startIdx] ?? 0 : 0;
@@ -15627,7 +15665,7 @@ function CalendarTimeline({
                               ]
                             }
                           );
-                          if (!enableEventTooltips) return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(React39.Fragment, { children: block }, ev.id);
+                          if (!enableEventTooltips) return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(React40.Fragment, { children: block }, ev.id);
                           const tooltipContent = /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "flex flex-col gap-0.5", children: [
                             /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "font-semibold", children: tooltipTitle }),
                             /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "text-xs opacity-80", children: timeText }),
@@ -15784,7 +15822,7 @@ function CalendarTimeline({
 }
 
 // src/components/MultiCombobox.tsx
-var React40 = __toESM(require("react"), 1);
+var React41 = __toESM(require("react"), 1);
 var import_react20 = require("react");
 var import_react_virtual2 = require("@tanstack/react-virtual");
 var import_lucide_react24 = require("lucide-react");
@@ -15852,17 +15890,17 @@ var MultiCombobox = ({
   const searchPlaceholder = searchPlaceholderProp ?? gi18n.searchPlaceholder ?? "Search...";
   const loadingText = loadingTextProp ?? gi18n.loading ?? "Loading...";
   const emptyText = emptyTextProp ?? gi18n.noResults ?? "No results found";
-  const [query, setQuery] = React40.useState("");
-  const [open, setOpen] = React40.useState(false);
-  const [activeIndex, setActiveIndex] = React40.useState(null);
-  const [localRequiredError, setLocalRequiredError] = React40.useState();
-  const inputRef = React40.useRef(null);
-  const listRef = React40.useRef([]);
-  const optionsListRef = React40.useRef(null);
+  const [query, setQuery] = React41.useState("");
+  const [open, setOpen] = React41.useState(false);
+  const [activeIndex, setActiveIndex] = React41.useState(null);
+  const [localRequiredError, setLocalRequiredError] = React41.useState();
+  const inputRef = React41.useRef(null);
+  const listRef = React41.useRef([]);
+  const optionsListRef = React41.useRef(null);
   useOverlayScrollbarTarget(optionsListRef, { enabled: open && useOverlayScrollbar && !virtualized });
-  const triggerRef = React40.useRef(null);
+  const triggerRef = React41.useRef(null);
   useShadCNAnimations();
-  const normalizedOptions = React40.useMemo(
+  const normalizedOptions = React41.useMemo(
     () => options.map(
       (o) => typeof o === "string" ? { value: o, label: o } : { value: o.value, label: o.label, icon: o.icon, description: o.description, disabled: o.disabled, group: o.group }
     ),
@@ -15872,7 +15910,7 @@ var MultiCombobox = ({
   const trimmedQuery = query.trim();
   const queryMeetsMinimum = trimmedQuery.length >= minSearchLength;
   const shouldPromptForSearch = minSearchLength > 0 && !queryMeetsMinimum && (searchMode === "manual" || showSearchPromptWhenEmptyQuery);
-  const filtered = React40.useMemo(() => {
+  const filtered = React41.useMemo(() => {
     if (shouldPromptForSearch) return [];
     if (!enableSearch || searchMode === "manual") return normalizedOptions;
     const normalizedQuery = trimmedQuery.toLowerCase();
@@ -15881,7 +15919,7 @@ var MultiCombobox = ({
       (opt) => opt.label.toLowerCase().includes(normalizedQuery) || opt.description?.toLowerCase().includes(normalizedQuery)
     );
   }, [enableSearch, normalizedOptions, searchMode, shouldPromptForSearch, trimmedQuery]);
-  const renderLimitedOptions = React40.useMemo(() => {
+  const renderLimitedOptions = React41.useMemo(() => {
     if (trimmedQuery || maxInitialOptions === void 0 || maxInitialOptions < 1) {
       return filtered;
     }
@@ -15897,14 +15935,14 @@ var MultiCombobox = ({
     enabled: canVirtualize
   });
   const virtualItems = canVirtualize ? optionVirtualizer.getVirtualItems() : [];
-  const scrollVirtualListToIndex = React40.useCallback((index) => {
+  const scrollVirtualListToIndex = React41.useCallback((index) => {
     if (!canVirtualize || renderLimitedOptions.length === 0) return;
     optionVirtualizer.scrollToIndex(index, { align: "auto" });
   }, [canVirtualize, optionVirtualizer, renderLimitedOptions.length]);
-  const scrollVirtualListToStart = React40.useCallback(() => {
+  const scrollVirtualListToStart = React41.useCallback(() => {
     scrollVirtualListToIndex(0);
   }, [scrollVirtualListToIndex]);
-  const groupedOptions = React40.useMemo(() => {
+  const groupedOptions = React41.useMemo(() => {
     if (!groupBy) return null;
     const groups = /* @__PURE__ */ new Map();
     renderLimitedOptions.forEach((opt) => {
@@ -15957,12 +15995,12 @@ var MultiCombobox = ({
     onChange([]);
   };
   const effectiveError = error ?? localRequiredError;
-  React40.useEffect(() => {
+  React41.useEffect(() => {
     if (disabled || !required || value.length > 0) {
       setLocalRequiredError(void 0);
     }
   }, [disabled, required, value.length]);
-  React40.useEffect(() => {
+  React41.useEffect(() => {
     if (open && enableSearch) {
       setTimeout(() => {
         inputRef.current?.focus();
@@ -15973,12 +16011,12 @@ var MultiCombobox = ({
       scrollVirtualListToStart();
     }
   }, [enableSearch, open, scrollVirtualListToStart]);
-  React40.useEffect(() => {
+  React41.useEffect(() => {
     if (!onSearchChange) return void 0;
     const timeoutId = window.setTimeout(() => onSearchChange(query), searchDebounceMs);
     return () => window.clearTimeout(timeoutId);
   }, [onSearchChange, query, searchDebounceMs]);
-  React40.useEffect(() => {
+  React41.useEffect(() => {
     if (process.env.NODE_ENV !== "production" && normalizedOptions.length > 300 && !virtualized && searchMode !== "manual" && maxInitialOptions === void 0) {
       console.warn(
         '[Underverse UI] MultiCombobox received more than 300 options without virtualization, manual search, or maxInitialOptions. Use virtualized, searchMode="manual", or maxInitialOptions to avoid rendering a large dropdown.'
@@ -16217,7 +16255,7 @@ var MultiCombobox = ({
       }
     )
   ] });
-  const selectedOptionFallbackMap = React40.useMemo(
+  const selectedOptionFallbackMap = React41.useMemo(
     () => new Map((selectedOptionsProp ?? []).map((option) => [option.value, option])),
     [selectedOptionsProp]
   );
@@ -16251,7 +16289,7 @@ var MultiCombobox = ({
         /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: cn("flex items-center gap-1.5 flex-1 overflow-hidden", size === "sm" ? "min-h-4" : size === "lg" ? "min-h-8" : "min-h-6"), children: value.length > 0 ? showTags ? /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_jsx_runtime46.Fragment, { children: [
           visibleTags.map((option) => {
             if (renderTag) {
-              return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(React40.Fragment, { children: renderTag(option, () => handleRemove(option.value)) }, option.value);
+              return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(React41.Fragment, { children: renderTag(option, () => handleRemove(option.value)) }, option.value);
             }
             return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
               "span",
@@ -16413,17 +16451,17 @@ var MultiCombobox = ({
 };
 
 // src/components/RadioGroup.tsx
-var React41 = __toESM(require("react"), 1);
+var React42 = __toESM(require("react"), 1);
 var import_jsx_runtime47 = require("react/jsx-runtime");
-var RadioGroupContext = React41.createContext(void 0);
+var RadioGroupContext = React42.createContext(void 0);
 var useRadioGroup = () => {
-  const context = React41.useContext(RadioGroupContext);
+  const context = React42.useContext(RadioGroupContext);
   if (!context) {
     throw new Error("RadioGroupItem must be used within a RadioGroup");
   }
   return context;
 };
-var RadioGroup = React41.forwardRef(
+var RadioGroup = React42.forwardRef(
   ({
     value,
     defaultValue,
@@ -16439,7 +16477,7 @@ var RadioGroup = React41.forwardRef(
     error = false,
     errorMessage
   }, ref) => {
-    const [internalValue, setInternalValue] = React41.useState(defaultValue || "");
+    const [internalValue, setInternalValue] = React42.useState(defaultValue || "");
     const isControlled = value !== void 0;
     const currentValue = isControlled ? value : internalValue;
     const handleValueChange = (newValue) => {
@@ -16450,7 +16488,7 @@ var RadioGroup = React41.forwardRef(
         onValueChange?.(newValue);
       }
     };
-    const uniqueId = React41.useId();
+    const uniqueId = React42.useId();
     const radioName = name || `radio-group-${uniqueId}`;
     return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
       RadioGroupContext.Provider,
@@ -16508,7 +16546,7 @@ var sizeStyles7 = {
     padding: "p-4"
   }
 };
-var RadioGroupItem = React41.forwardRef(
+var RadioGroupItem = React42.forwardRef(
   ({ value, id, disabled, className, children, label, labelClassName, description, icon }, ref) => {
     const { value: selectedValue, onValueChange, name, disabled: groupDisabled, size = "md", variant = "default" } = useRadioGroup();
     const isDisabled = disabled || groupDisabled;
@@ -16686,7 +16724,7 @@ var RadioGroupItem = React41.forwardRef(
 RadioGroupItem.displayName = "RadioGroupItem";
 
 // src/components/Slider.tsx
-var React42 = __toESM(require("react"), 1);
+var React43 = __toESM(require("react"), 1);
 var import_jsx_runtime48 = require("react/jsx-runtime");
 var SIZE_STYLES = {
   sm: {
@@ -16739,7 +16777,7 @@ function SliderTooltip({
     }
   );
 }
-var Slider = React42.forwardRef(
+var Slider = React43.forwardRef(
   ({
     className,
     mode = "single",
@@ -16775,28 +16813,28 @@ var Slider = React42.forwardRef(
   }, ref) => {
     const gi18n = useGlobalI18n();
     const isRange = mode === "range";
-    const trackRef = React42.useRef(null);
-    const [internalValue, setInternalValue] = React42.useState(defaultValue);
-    const [internalRange, setInternalRange] = React42.useState(() => {
+    const trackRef = React43.useRef(null);
+    const [internalValue, setInternalValue] = React43.useState(defaultValue);
+    const [internalRange, setInternalRange] = React43.useState(() => {
       if (defaultRangeValue) return defaultRangeValue;
       const v = clamp6(defaultValue, min, max);
       return [min, v];
     });
-    const [activeThumb, setActiveThumb] = React42.useState(null);
-    const dragRef = React42.useRef(null);
-    const [isHovering, setIsHovering] = React42.useState(false);
-    const [isDragging, setIsDragging] = React42.useState(false);
+    const [activeThumb, setActiveThumb] = React43.useState(null);
+    const dragRef = React43.useRef(null);
+    const [isHovering, setIsHovering] = React43.useState(false);
+    const [isDragging, setIsDragging] = React43.useState(false);
     const isControlled = value !== void 0;
     const currentValue = isControlled ? value : internalValue;
     const isRangeControlled = rangeValue !== void 0;
     const currentRange = isRangeControlled ? rangeValue : internalRange;
     const rangeMin = clamp6(currentRange[0] ?? min, min, max);
     const rangeMax = clamp6(currentRange[1] ?? max, min, max);
-    const normalizedRange = React42.useMemo(
+    const normalizedRange = React43.useMemo(
       () => rangeMin <= rangeMax ? [rangeMin, rangeMax] : [rangeMax, rangeMin],
       [rangeMax, rangeMin]
     );
-    const handleSingleChange = React42.useCallback(
+    const handleSingleChange = React43.useCallback(
       (e) => {
         const newValue = Number(e.target.value);
         if (!isControlled) {
@@ -16807,14 +16845,14 @@ var Slider = React42.forwardRef(
       },
       [isControlled, onChange, onValueChange]
     );
-    const emitRange = React42.useCallback(
+    const emitRange = React43.useCallback(
       (next) => {
         onRangeChange?.(next);
         onRangeValueChange?.(next);
       },
       [onRangeChange, onRangeValueChange]
     );
-    const handleRangeChange = React42.useCallback(
+    const handleRangeChange = React43.useCallback(
       (thumb) => (e) => {
         const nextVal = Number(e.target.value);
         const [curMin, curMax] = normalizedRange;
@@ -16830,7 +16868,7 @@ var Slider = React42.forwardRef(
     const rangeEndPct = (normalizedRange[1] - min) / denom * 100;
     const sizeStyles8 = SIZE_STYLES[size];
     const tooltipVisible = showTooltip && !disabled && (isHovering || isDragging);
-    const displayValue = React42.useMemo(() => {
+    const displayValue = React43.useMemo(() => {
       if (isRange) {
         const a = formatValue ? formatValue(normalizedRange[0]) : normalizedRange[0].toString();
         const b = formatValue ? formatValue(normalizedRange[1]) : normalizedRange[1].toString();
@@ -16838,7 +16876,7 @@ var Slider = React42.forwardRef(
       }
       return formatValue ? formatValue(currentValue) : currentValue.toString();
     }, [currentValue, formatValue, isRange, normalizedRange]);
-    const quantize = React42.useCallback(
+    const quantize = React43.useCallback(
       (v) => {
         const stepped = Math.round((v - min) / step) * step + min;
         const fixed = Number(stepped.toFixed(10));
@@ -16846,7 +16884,7 @@ var Slider = React42.forwardRef(
       },
       [max, min, step]
     );
-    const valueFromClientX = React42.useCallback(
+    const valueFromClientX = React43.useCallback(
       (clientX) => {
         const el = trackRef.current;
         if (!el) return min;
@@ -19182,7 +19220,7 @@ function FileUpload({
 }
 
 // src/components/Carousel.tsx
-var React45 = __toESM(require("react"), 1);
+var React46 = __toESM(require("react"), 1);
 var import_lucide_react29 = require("lucide-react");
 var import_jsx_runtime53 = require("react/jsx-runtime");
 function Carousel({
@@ -19208,16 +19246,16 @@ function Carousel({
   effectOptions
 }) {
   const gi18n = useGlobalI18n();
-  const [currentIndex, setCurrentIndex] = React45.useState(0);
-  const [isPaused, setIsPaused] = React45.useState(false);
-  const progressElRef = React45.useRef(null);
-  const carouselRef = React45.useRef(null);
-  const rafRef = React45.useRef(null);
-  const isDraggingRef = React45.useRef(false);
-  const dragDistanceRef = React45.useRef(0);
-  const startPosRef = React45.useRef(0);
-  const lastDragPositionRef = React45.useRef(0);
-  const slides = React45.useMemo(() => React45.Children.toArray(children), [children]);
+  const [currentIndex, setCurrentIndex] = React46.useState(0);
+  const [isPaused, setIsPaused] = React46.useState(false);
+  const progressElRef = React46.useRef(null);
+  const carouselRef = React46.useRef(null);
+  const rafRef = React46.useRef(null);
+  const isDraggingRef = React46.useRef(false);
+  const dragDistanceRef = React46.useRef(0);
+  const startPosRef = React46.useRef(0);
+  const lastDragPositionRef = React46.useRef(0);
+  const slides = React46.useMemo(() => React46.Children.toArray(children), [children]);
   const totalSlides = slides.length;
   const isHorizontal = orientation === "horizontal";
   const effectiveAnimation = slidesToShow > 1 && !["slide", "coverflow", "stack"].includes(animation) ? "slide" : animation;
@@ -19225,7 +19263,7 @@ function Carousel({
   const effectiveSlidesToShow = isDeckAnimation ? 1 : slidesToShow;
   const maxIndex = Math.max(0, totalSlides - effectiveSlidesToShow);
   const shouldShowArrows = showArrows && isHorizontal;
-  const presetEffectOptions = React45.useMemo(() => {
+  const presetEffectOptions = React46.useMemo(() => {
     if (effectPreset === "cinematic") {
       return effectiveAnimation === "stack" ? {
         mainScale: 1.08,
@@ -19320,7 +19358,7 @@ function Carousel({
     }
     return {};
   }, [effectPreset, effectiveAnimation]);
-  const mergedEffectOptions = React45.useMemo(
+  const mergedEffectOptions = React46.useMemo(
     () => ({
       mainScale: 1.04,
       sideScale: effectiveAnimation === "stack" ? 0.93 : 0.88,
@@ -19339,7 +19377,7 @@ function Carousel({
     }),
     [effectOptions, effectiveAnimation, presetEffectOptions]
   );
-  const scrollPrev = React45.useCallback(() => {
+  const scrollPrev = React46.useCallback(() => {
     setCurrentIndex((prev) => {
       if (prev === 0) {
         return loop ? maxIndex : 0;
@@ -19347,7 +19385,7 @@ function Carousel({
       return Math.max(0, prev - slidesToScroll);
     });
   }, [loop, maxIndex, slidesToScroll]);
-  const scrollNext = React45.useCallback(() => {
+  const scrollNext = React46.useCallback(() => {
     setCurrentIndex((prev) => {
       if (prev >= maxIndex) {
         return loop ? 0 : maxIndex;
@@ -19355,13 +19393,13 @@ function Carousel({
       return Math.min(maxIndex, prev + slidesToScroll);
     });
   }, [loop, maxIndex, slidesToScroll]);
-  const scrollTo = React45.useCallback(
+  const scrollTo = React46.useCallback(
     (index) => {
       setCurrentIndex(Math.min(maxIndex, Math.max(0, index)));
     },
     [maxIndex]
   );
-  const handleKeyDown2 = React45.useCallback(
+  const handleKeyDown2 = React46.useCallback(
     (e) => {
       if (e.key === "ArrowLeft" || e.key === "ArrowUp") {
         e.preventDefault();
@@ -19379,7 +19417,7 @@ function Carousel({
     },
     [scrollPrev, scrollNext, scrollTo, maxIndex]
   );
-  React45.useEffect(() => {
+  React46.useEffect(() => {
     const stop = () => {
       if (rafRef.current != null) {
         cancelAnimationFrame(rafRef.current);
@@ -19439,7 +19477,7 @@ function Carousel({
     startPosRef.current = 0;
     lastDragPositionRef.current = 0;
   };
-  const handleDeckAreaClick = React45.useCallback((event) => {
+  const handleDeckAreaClick = React46.useCallback((event) => {
     if (!isDeckAnimation || dragDistanceRef.current > 8) {
       dragDistanceRef.current = 0;
       return;
@@ -19456,7 +19494,7 @@ function Carousel({
       scrollNext();
     }
   }, [isDeckAnimation, scrollNext, scrollPrev]);
-  React45.useEffect(() => {
+  React46.useEffect(() => {
     onSlideChange?.(currentIndex);
   }, [currentIndex, onSlideChange]);
   const getAnimationStyles2 = () => {
@@ -19470,7 +19508,7 @@ function Carousel({
     };
   };
   const slideWidth = 100 / effectiveSlidesToShow;
-  const getLoopDistance = React45.useCallback(
+  const getLoopDistance = React46.useCallback(
     (index) => {
       if (totalSlides <= 0) return 0;
       const forward = index - currentIndex;
@@ -19482,7 +19520,7 @@ function Carousel({
     },
     [currentIndex, loop, totalSlides]
   );
-  const getDeckSlideStyles = React45.useCallback(
+  const getDeckSlideStyles = React46.useCallback(
     (index) => {
       const distance = getLoopDistance(index);
       const absDistance = Math.abs(distance);
@@ -19562,7 +19600,7 @@ function Carousel({
             "aria-atomic": "false",
             "aria-live": autoScroll ? "off" : "polite",
             children: slides.map((child, idx) => {
-              const key = React45.isValidElement(child) && child.key || idx;
+              const key = React46.isValidElement(child) && child.key || idx;
               const ariaHidden = effectiveAnimation === "slide" ? idx < currentIndex || idx >= currentIndex + slidesToShow : idx !== currentIndex;
               if (isDeckAnimation) {
                 return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
@@ -19685,7 +19723,7 @@ function Carousel({
               "max-md:gap-1.5 max-md:p-2",
               isHorizontal ? "flex-row" : "flex-col"
             ),
-            children: React45.Children.map(children, (child, idx) => /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+            children: React46.Children.map(children, (child, idx) => /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
               "button",
               {
                 onClick: () => scrollTo(idx),
@@ -19983,7 +20021,7 @@ function FallingIcons({
 }
 
 // src/components/List.tsx
-var React47 = __toESM(require("react"), 1);
+var React48 = __toESM(require("react"), 1);
 var import_lucide_react30 = require("lucide-react");
 var import_jsx_runtime55 = require("react/jsx-runtime");
 var SIZE_STYLES2 = {
@@ -20009,7 +20047,7 @@ var ListItemSkeleton = ({ size }) => {
     ] })
   ] });
 };
-var ListRoot = React47.forwardRef(
+var ListRoot = React48.forwardRef(
   ({
     as = "ul",
     ordered,
@@ -20030,7 +20068,7 @@ var ListRoot = React47.forwardRef(
     ...rest
   }, ref) => {
     const Comp = ordered ? "ol" : as;
-    const childCount = React47.Children.count(children);
+    const childCount = React48.Children.count(children);
     const hasChildren = childCount > 0;
     const variantClasses3 = {
       plain: "",
@@ -20084,14 +20122,14 @@ var ListRoot = React47.forwardRef(
           className
         ),
         ...rest,
-        children: React47.Children.map(children, (child, idx) => {
-          if (!React47.isValidElement(child)) return child;
+        children: React48.Children.map(children, (child, idx) => {
+          if (!React48.isValidElement(child)) return child;
           const childClass = cn(
             child.props?.className,
             hoverable && variant !== "flush" && "hover:bg-accent/50 focus:bg-accent/60 focus:outline-none transition-colors",
             variant === "flush" && "hover:bg-accent/30"
           );
-          return React47.cloneElement(child, {
+          return React48.cloneElement(child, {
             className: childClass,
             // Pass global item class to contentClassName of ListItem
             contentClassName: cn(itemClassName, child.props?.contentClassName),
@@ -20106,7 +20144,7 @@ var ListRoot = React47.forwardRef(
   }
 );
 ListRoot.displayName = "List";
-var ListItem = React47.forwardRef(
+var ListItem = React48.forwardRef(
   ({
     as = "li",
     selected = false,
@@ -20129,7 +20167,7 @@ var ListItem = React47.forwardRef(
     children,
     ...rest
   }, ref) => {
-    const [internalExpanded, setInternalExpanded] = React47.useState(false);
+    const [internalExpanded, setInternalExpanded] = React48.useState(false);
     const isExpanded = controlledExpanded !== void 0 ? controlledExpanded : internalExpanded;
     const sizeAttr = rest["data-size"];
     const resolvedSize = sizeAttr && ["xs", "sm", "md", "lg"].includes(sizeAttr) ? sizeAttr : "md";
@@ -20197,7 +20235,7 @@ var List = Object.assign(ListRoot, { Item: ListItem });
 var List_default = List;
 
 // src/components/Watermark.tsx
-var React48 = __toESM(require("react"), 1);
+var React49 = __toESM(require("react"), 1);
 var import_react_dom5 = require("react-dom");
 var import_jsx_runtime56 = require("react/jsx-runtime");
 var PRESETS2 = {
@@ -20209,8 +20247,8 @@ var PRESETS2 = {
   internal: { text: "INTERNAL USE ONLY", color: "rgba(156, 163, 175, 0.15)", rotate: -22, fontSize: 13, fontWeight: "600" }
 };
 function useWatermarkDataURL(opts) {
-  const [url, setUrl] = React48.useState(null);
-  React48.useEffect(() => {
+  const [url, setUrl] = React49.useState(null);
+  React49.useEffect(() => {
     let cancelled = false;
     const text = opts.text;
     const image = opts.image;
@@ -20387,9 +20425,9 @@ var Watermark = ({
   children,
   ...rest
 }) => {
-  const [visible, setVisible] = React48.useState(true);
-  const [isDark, setIsDark] = React48.useState(false);
-  React48.useEffect(() => {
+  const [visible, setVisible] = React49.useState(true);
+  const [isDark, setIsDark] = React49.useState(false);
+  React49.useEffect(() => {
     if (!darkMode) return;
     const checkDarkMode = () => {
       const isDarkMode = document.documentElement.classList.contains("dark") || window.matchMedia("(prefers-color-scheme: dark)").matches;
@@ -20491,7 +20529,7 @@ var Watermark = ({
 var Watermark_default = Watermark;
 
 // src/components/Timeline.tsx
-var React49 = __toESM(require("react"), 1);
+var React50 = __toESM(require("react"), 1);
 var import_lucide_react31 = require("lucide-react");
 var import_jsx_runtime57 = require("react/jsx-runtime");
 var SIZE_STYLE = {
@@ -20544,7 +20582,7 @@ var STATUS_COLOR = {
   error: "bg-destructive",
   info: "bg-info"
 };
-var TimelineContext = React49.createContext(null);
+var TimelineContext = React50.createContext(null);
 var LINE_STYLE_MAP = {
   solid: "border-solid",
   dashed: "border-dashed",
@@ -20572,7 +20610,7 @@ var Marker = ({ index, last, size, color, status = "default", lineColor, lineSty
     !last && showLine && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: cn("flex-1 border-l-2", LINE_STYLE_MAP[lineStyle]), style: { borderColor: lineColor || "hsl(var(--border))" } })
   ] });
 };
-var TimelineRoot = React49.forwardRef(
+var TimelineRoot = React50.forwardRef(
   ({
     align = "left",
     variant = "default",
@@ -20602,7 +20640,7 @@ var TimelineRoot = React49.forwardRef(
   }
 );
 TimelineRoot.displayName = "Timeline";
-var TimelineItem = React49.forwardRef(
+var TimelineItem = React50.forwardRef(
   ({
     title,
     description,
@@ -20621,11 +20659,11 @@ var TimelineItem = React49.forwardRef(
     children,
     ...rest
   }, ref) => {
-    const ctx = React49.useContext(TimelineContext);
+    const ctx = React50.useContext(TimelineContext);
     const idx = rest["data-index"];
     const isLast = Boolean(rest["data-last"]);
     const sz = SIZE_STYLE[ctx.size];
-    const [internalExpanded, setInternalExpanded] = React49.useState(false);
+    const [internalExpanded, setInternalExpanded] = React50.useState(false);
     const isExpanded = controlledExpanded !== void 0 ? controlledExpanded : internalExpanded;
     const toggleExpanded = () => {
       const newExpanded = !isExpanded;
@@ -20767,7 +20805,7 @@ var Timeline = Object.assign(TimelineRoot, { Item: TimelineItem });
 var Timeline_default = Timeline;
 
 // src/components/ColorPicker.tsx
-var React50 = __toESM(require("react"), 1);
+var React51 = __toESM(require("react"), 1);
 var import_lucide_react32 = require("lucide-react");
 var import_jsx_runtime58 = require("react/jsx-runtime");
 var clamp7 = (n, min, max) => Math.max(min, Math.min(max, n));
@@ -20962,12 +21000,12 @@ function ColorPicker({
   const gi18n = useGlobalI18n();
   const isControlled = value !== void 0;
   const initial = parseAnyColor(isControlled ? value : defaultValue) || { r: 79, g: 70, b: 229, a: 1 };
-  const [rgba, setRgba] = React50.useState(initial);
-  const [open, setOpen] = React50.useState(false);
-  const [text, setText] = React50.useState(() => formatOutput(initial, withAlpha, format));
-  const [copied, setCopied] = React50.useState(false);
-  const [recentColors, setRecentColors] = React50.useState([]);
-  React50.useEffect(() => {
+  const [rgba, setRgba] = React51.useState(initial);
+  const [open, setOpen] = React51.useState(false);
+  const [text, setText] = React51.useState(() => formatOutput(initial, withAlpha, format));
+  const [copied, setCopied] = React51.useState(false);
+  const [recentColors, setRecentColors] = React51.useState([]);
+  React51.useEffect(() => {
     if (isControlled) {
       const parsed = parseAnyColor(value);
       if (parsed) {
@@ -23478,10 +23516,10 @@ function DataTable({
 var DataTable_default = DataTable;
 
 // src/components/Form.tsx
-var React64 = __toESM(require("react"), 1);
+var React65 = __toESM(require("react"), 1);
 var import_react_hook_form = require("react-hook-form");
 var import_jsx_runtime69 = require("react/jsx-runtime");
-var FormConfigContext = React64.createContext({ size: "md" });
+var FormConfigContext = React65.createContext({ size: "md" });
 var FormWrapper = ({
   children,
   onSubmit,
@@ -23494,7 +23532,7 @@ var FormWrapper = ({
   const methods = (0, import_react_hook_form.useForm)({
     defaultValues: initialValues
   });
-  React64.useEffect(() => {
+  React65.useEffect(() => {
     if (initialValues) {
       methods.reset(initialValues);
     }
@@ -23503,15 +23541,15 @@ var FormWrapper = ({
   return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_react_hook_form.FormProvider, { ...methods, children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(FormConfigContext.Provider, { value: { size }, children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("form", { onSubmit: methods.handleSubmit(onSubmit), className, ...formProps, children }) }) });
 };
 var Form = FormWrapper;
-var FormFieldContext = React64.createContext({});
+var FormFieldContext = React65.createContext({});
 var FormField = ({
   ...props
 }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_react_hook_form.Controller, { ...props }) });
 };
 var useFormField = () => {
-  const fieldContext = React64.useContext(FormFieldContext);
-  const itemContext = React64.useContext(FormItemContext);
+  const fieldContext = React65.useContext(FormFieldContext);
+  const itemContext = React65.useContext(FormItemContext);
   const { getFieldState, formState } = (0, import_react_hook_form.useFormContext)();
   if (!fieldContext) {
     throw new Error("useFormField must be used within FormField");
@@ -23527,16 +23565,16 @@ var useFormField = () => {
     ...fieldState
   };
 };
-var FormItemContext = React64.createContext({});
-var FormItem = React64.forwardRef(({ className, ...props }, ref) => {
-  const id = React64.useId();
+var FormItemContext = React65.createContext({});
+var FormItem = React65.forwardRef(({ className, ...props }, ref) => {
+  const id = React65.useId();
   return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { ref, className: cn("group space-y-2", className), ...props }) });
 });
 FormItem.displayName = "FormItem";
-var FormLabel = React64.forwardRef(
+var FormLabel = React65.forwardRef(
   ({ className, children, required, ...props }, ref) => {
     const { error, formItemId } = useFormField();
-    const config = React64.useContext(FormConfigContext);
+    const config = React65.useContext(FormConfigContext);
     const sizeClass = config.size === "sm" ? "text-xs" : config.size === "lg" ? "text-base" : "text-sm";
     return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
       Label,
@@ -23559,7 +23597,7 @@ var FormLabel = React64.forwardRef(
   }
 );
 FormLabel.displayName = "FormLabel";
-var FormControl = React64.forwardRef(({ ...props }, ref) => {
+var FormControl = React65.forwardRef(({ ...props }, ref) => {
   const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
   return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
     "div",
@@ -23573,12 +23611,12 @@ var FormControl = React64.forwardRef(({ ...props }, ref) => {
   );
 });
 FormControl.displayName = "FormControl";
-var FormDescription = React64.forwardRef(({ className, ...props }, ref) => {
+var FormDescription = React65.forwardRef(({ className, ...props }, ref) => {
   const { formDescriptionId } = useFormField();
   return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("p", { ref, id: formDescriptionId, className: cn("text-sm text-muted-foreground", className), ...props });
 });
 FormDescription.displayName = "FormDescription";
-var FormMessage = React64.forwardRef(({ className, children, ...props }, ref) => {
+var FormMessage = React65.forwardRef(({ className, children, ...props }, ref) => {
   const { error, formMessageId } = useFormField();
   const body = error ? String(error?.message) : children;
   if (!body) {
@@ -23587,7 +23625,7 @@ var FormMessage = React64.forwardRef(({ className, children, ...props }, ref) =>
   return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("p", { ref, id: formMessageId, className: cn("text-sm font-medium text-destructive", className), ...props, children: body });
 });
 FormMessage.displayName = "FormMessage";
-var FormInput = React64.forwardRef(({ name, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(FormConfigContext.Consumer, { children: ({ size }) => /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+var FormInput = React65.forwardRef(({ name, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(FormConfigContext.Consumer, { children: ({ size }) => /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
   FormField,
   {
     name,
@@ -23598,7 +23636,7 @@ var FormInput = React64.forwardRef(({ name, ...props }, ref) => /* @__PURE__ */
   }
 ) }));
 FormInput.displayName = "FormInput";
-var FormCheckbox = React64.forwardRef(({ name, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(FormConfigContext.Consumer, { children: ({ size }) => /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+var FormCheckbox = React65.forwardRef(({ name, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(FormConfigContext.Consumer, { children: ({ size }) => /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
   FormField,
   {
     name,
@@ -23622,9 +23660,9 @@ var FormCheckbox = React64.forwardRef(({ name, ...props }, ref) => /* @__PURE__
   }
 ) }));
 FormCheckbox.displayName = "FormCheckbox";
-var FormActions = React64.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { ref, className: cn("flex gap-2 justify-end", className), ...props }));
+var FormActions = React65.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { ref, className: cn("flex gap-2 justify-end", className), ...props }));
 FormActions.displayName = "FormActions";
-var FormSubmitButton = React64.forwardRef(
+var FormSubmitButton = React65.forwardRef(
   ({ children, loading: loading2, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(FormConfigContext.Consumer, { children: ({ size }) => /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(Button_default, { ref, type: "submit", size: props.size ?? size, disabled: loading2, ...props, children }) })
 );
 FormSubmitButton.displayName = "FormSubmitButton";
@@ -23914,7 +23952,7 @@ var VARIANT_STYLES_ALERT = {
 };
 
 // src/contexts/translation-adapter.tsx
-var React66 = __toESM(require("react"), 1);
+var React67 = __toESM(require("react"), 1);
 var import_jsx_runtime74 = require("react/jsx-runtime");
 function isUnresolvedTranslation2(value, namespace, key) {
   return value === key || value === `${namespace}.${key}`;
@@ -23939,7 +23977,7 @@ function useTranslations(namespace) {
   const nextIntlBridge = useNextIntlBridge();
   const internalLocale = useUnderverseLocale();
   const internalT = useUnderverseTranslations(namespace);
-  return React66.useCallback((key, params) => {
+  return React67.useCallback((key, params) => {
     if (nextIntlBridge) {
       const nextIntlResult = nextIntlBridge.translate(namespace, key, params);
       if (nextIntlResult.translated && !isUnresolvedTranslation2(nextIntlResult.translated, namespace, key)) {
@@ -23964,8 +24002,8 @@ function useLocale2() {
 }
 
 // src/components/UEditor/UEditor.tsx
-var import_react54 = __toESM(require("react"), 1);
-var import_react55 = require("@tiptap/react");
+var import_react56 = __toESM(require("react"), 1);
+var import_react57 = require("@tiptap/react");
 
 // src/components/UEditor/extensions.ts
 var import_extension_document = __toESM(require("@tiptap/extension-document"), 1);
@@ -25418,12 +25456,113 @@ function buildUEditorExtensions({
 
 // src/components/UEditor/toolbar.tsx
 var import_react49 = __toESM(require("react"), 1);
+var import_react_dom8 = require("react-dom");
+var import_react50 = require("@tiptap/react");
 var import_lucide_react44 = require("lucide-react");
 
 // src/components/UEditor/colors.tsx
 var import_react47 = require("react");
 var import_lucide_react42 = require("lucide-react");
 var import_jsx_runtime78 = require("react/jsx-runtime");
+var TextColorIcon = ({ color }) => {
+  const underlineColor = color && color !== "inherit" ? color : "currentColor";
+  return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("span", { className: "relative flex h-5 w-5 items-center justify-center leading-none", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "text-[15px] font-semibold leading-none", children: "A" }),
+    /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+      "span",
+      {
+        "aria-hidden": "true",
+        className: "absolute bottom-0 left-1/2 h-0.5 w-4 -translate-x-1/2 rounded-full",
+        style: { backgroundColor: underlineColor }
+      }
+    )
+  ] });
+};
+var HighlightColorIcon = ({ color }) => {
+  const underlineColor = color || "currentColor";
+  return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("span", { className: "relative flex h-5 w-5 items-center justify-center leading-none", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_lucide_react42.Highlighter, { className: "h-4 w-4" }),
+    /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+      "span",
+      {
+        "aria-hidden": "true",
+        className: "absolute bottom-0 left-1/2 h-0.5 w-4 -translate-x-1/2 rounded-full",
+        style: { backgroundColor: underlineColor }
+      }
+    )
+  ] });
+};
+var EDITOR_COLOR_SWATCHES = [
+  "#000000",
+  "#3f3f46",
+  "#713f12",
+  "#14532d",
+  "#164e63",
+  "#1e3a8a",
+  "#3730a3",
+  "#404040",
+  "#b91c1c",
+  "#c2410c",
+  "#a16207",
+  "#15803d",
+  "#0f766e",
+  "#2563eb",
+  "#4f46e5",
+  "#737373",
+  "#ef4444",
+  "#f97316",
+  "#eab308",
+  "#22c55e",
+  "#14b8a6",
+  "#3b82f6",
+  "#7c3aed",
+  "#a3a3a3",
+  "#f43f5e",
+  "#f59e0b",
+  "#facc15",
+  "#00e676",
+  "#22d3ee",
+  "#06b6d4",
+  "#be185d",
+  "#bdbdbd",
+  "#f9a8d4",
+  "#fecaca",
+  "#fde68a",
+  "#bbf7d0",
+  "#a7f3d0",
+  "#bae6fd",
+  "#c4b5fd",
+  "#f5f5f5"
+];
+var HIGHLIGHT_COLOR_SWATCHES = [
+  "#fef08a",
+  "#fde68a",
+  "#fed7aa",
+  "#fecaca",
+  "#fbcfe8",
+  "#e9d5ff",
+  "#c7d2fe",
+  "#bfdbfe",
+  "#bae6fd",
+  "#ccfbf1",
+  "#bbf7d0",
+  "#d9f99d",
+  "#e5e7eb",
+  "#fca5a5",
+  "#fdba74",
+  "#facc15",
+  "#86efac",
+  "#5eead4",
+  "#7dd3fc",
+  "#a5b4fc",
+  "#d8b4fe",
+  "#f0abfc",
+  "#f9a8d4",
+  "#d4d4d4"
+];
+function buildColorOptions(colors, prefix) {
+  return colors.map((color, index) => ({ name: `${prefix} ${index + 1}`, color }));
+}
 var useEditorColors = () => {
   const t = useSmartTranslations("UEditor");
   const textColors = (0, import_react47.useMemo)(
@@ -25435,7 +25574,8 @@ var useEditorColors = () => {
       { name: t("colors.success"), color: "var(--success)", cssClass: "text-success" },
       { name: t("colors.warning"), color: "var(--warning)", cssClass: "text-warning" },
       { name: t("colors.destructive"), color: "var(--destructive)", cssClass: "text-destructive" },
-      { name: t("colors.info"), color: "var(--info)", cssClass: "text-info" }
+      { name: t("colors.info"), color: "var(--info)", cssClass: "text-info" },
+      ...buildColorOptions(EDITOR_COLOR_SWATCHES, t("colors.color"))
     ],
     [t]
   );
@@ -25449,7 +25589,8 @@ var useEditorColors = () => {
       { name: t("colors.warning"), color: "color-mix(in oklch, var(--warning) 20%, transparent)", cssClass: "bg-warning/20" },
       { name: t("colors.destructive"), color: "color-mix(in oklch, var(--destructive) 20%, transparent)", cssClass: "bg-destructive/20" },
       { name: t("colors.info"), color: "color-mix(in oklch, var(--info) 20%, transparent)", cssClass: "bg-info/20" },
-      { name: t("colors.accent"), color: "var(--accent)", cssClass: "bg-accent" }
+      { name: t("colors.accent"), color: "var(--accent)", cssClass: "bg-accent" },
+      ...buildColorOptions(HIGHLIGHT_COLOR_SWATCHES, t("colors.color"))
     ],
     [t]
   );
@@ -25460,26 +25601,81 @@ var EditorColorPalette = ({
   currentColor,
   onSelect,
   label
-}) => /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "p-2", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "text-xs font-medium text-muted-foreground uppercase tracking-wider px-2", children: label }),
-  /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "grid grid-cols-4 gap-1.5 mt-2", children: colors.map((c) => /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Tooltip, { placement: "top", content: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "text-xs font-medium", children: c.name }), children: /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
-    "button",
-    {
-      type: "button",
-      onMouseDown: (e) => e.preventDefault(),
-      onClick: () => onSelect(c.color),
-      className: cn(
-        "flex items-center justify-center w-9 h-9 rounded-lg border-2 transition-all hover:scale-105",
-        currentColor === c.color ? "border-primary ring-2 ring-primary/20" : "border-border/50 hover:border-primary/50"
-      ),
-      style: { backgroundColor: c.color || "transparent" },
-      children: [
-        c.color === "" && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_lucide_react42.X, { className: "w-4 h-4 text-muted-foreground" }),
-        c.color === "inherit" && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "text-xs font-medium", children: "A" })
-      ]
-    }
-  ) }, c.name)) })
-] });
+}) => {
+  const t = useSmartTranslations("UEditor");
+  const colorInputRef = (0, import_react47.useRef)(null);
+  const automaticColor = colors[0]?.color ?? "";
+  const paletteColors = colors.slice(1);
+  return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "w-56 p-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "px-1 text-[11px] font-semibold uppercase tracking-wide text-muted-foreground", children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
+      "button",
+      {
+        type: "button",
+        onMouseDown: (e) => e.preventDefault(),
+        onClick: () => onSelect(automaticColor),
+        className: cn(
+          "mt-2 flex h-9 w-full items-center gap-3 rounded-md border px-2 text-sm transition-colors",
+          "bg-muted/50 hover:bg-muted",
+          currentColor === automaticColor ? "border-primary text-primary" : "border-transparent text-foreground"
+        ),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "flex h-5 w-5 items-center justify-center rounded border border-border bg-background", children: currentColor === automaticColor && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_lucide_react42.Check, { className: "h-3.5 w-3.5" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "flex-1 text-center", children: t("colors.automatic") })
+        ]
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "mt-2 grid grid-cols-8 gap-1", children: paletteColors.map((c) => /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Tooltip, { placement: "top", content: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "text-xs font-medium", children: c.name }), children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+      "button",
+      {
+        type: "button",
+        "aria-label": c.name,
+        onMouseDown: (e) => e.preventDefault(),
+        onClick: () => onSelect(c.color),
+        className: cn(
+          "relative h-5 w-5 rounded-[3px] border transition-transform hover:scale-110",
+          currentColor === c.color ? "border-primary ring-2 ring-primary/25" : "border-border/70"
+        ),
+        style: { backgroundColor: c.color || "transparent" },
+        children: currentColor === c.color && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_lucide_react42.Check, { className: "h-3.5 w-3.5 text-white drop-shadow-[0_1px_1px_rgba(0,0,0,0.8)]" }) })
+      }
+    ) }, `${c.name}-${c.color}`)) }),
+    /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
+      "button",
+      {
+        type: "button",
+        onMouseDown: (e) => e.preventDefault(),
+        onClick: () => colorInputRef.current?.click(),
+        className: "mt-3 flex h-9 w-full items-center gap-3 rounded-md px-2 text-sm text-foreground transition-colors hover:bg-muted",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+            "span",
+            {
+              "aria-hidden": "true",
+              className: "h-5 w-5 rounded border border-border",
+              style: {
+                background: "linear-gradient(135deg, #ff004c 0%, #fffb00 22%, #00ff66 42%, #00d5ff 62%, #2446ff 78%, #ff00d4 100%)"
+              }
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "flex-1 text-center", children: t("colors.moreColors") }),
+          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_lucide_react42.Palette, { className: "h-4 w-4 text-muted-foreground" }),
+          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+            "input",
+            {
+              ref: colorInputRef,
+              type: "color",
+              value: currentColor.startsWith("#") ? currentColor : "#000000",
+              onChange: (event) => onSelect(event.target.value),
+              className: "sr-only",
+              tabIndex: -1
+            }
+          )
+        ]
+      }
+    )
+  ] });
+};
 
 // src/components/UEditor/image-commands.ts
 var import_state4 = require("@tiptap/pm/state");
@@ -25691,12 +25887,23 @@ function getDefaultFontFamilies(t) {
 }
 function getDefaultFontSizes() {
   return [
+    { label: "8", value: "8px" },
+    { label: "9", value: "9px" },
+    { label: "10", value: "10px" },
+    { label: "11", value: "11px" },
     { label: "12", value: "12px" },
     { label: "14", value: "14px" },
     { label: "16", value: "16px" },
     { label: "18", value: "18px" },
+    { label: "20", value: "20px" },
+    { label: "22", value: "22px" },
     { label: "24", value: "24px" },
-    { label: "32", value: "32px" }
+    { label: "26", value: "26px" },
+    { label: "28", value: "28px" },
+    { label: "36", value: "36px" },
+    { label: "48", value: "48px" },
+    { label: "72", value: "72px" },
+    { label: "96", value: "96px" }
   ];
 }
 function getDefaultLineHeights() {
@@ -25744,10 +25951,11 @@ var ToolbarButton = import_react49.default.forwardRef(({ onClick, onMouseDown, a
       onClick,
       disabled,
       className: cn(
-        "flex items-center justify-center w-8 h-8 rounded-lg transition-all duration-200",
-        "hover:bg-accent hover:scale-105",
+        "flex items-center justify-center w-8 h-8 rounded-md transition-colors duration-150",
+        "gap-0.5 [&_svg+svg]:-ml-1",
+        "hover:bg-accent",
         "focus:outline-none focus:ring-2 focus:ring-primary/20",
-        "disabled:opacity-40 disabled:cursor-not-allowed disabled:hover:scale-100",
+        "disabled:opacity-40 disabled:cursor-not-allowed",
         active ? "bg-primary/10 text-primary shadow-sm" : "text-muted-foreground hover:text-foreground",
         className
       ),
@@ -25760,7 +25968,7 @@ var ToolbarButton = import_react49.default.forwardRef(({ onClick, onMouseDown, a
   return button;
 });
 ToolbarButton.displayName = "ToolbarButton";
-var ToolbarDivider = () => /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "w-px h-6 bg-border/50 mx-1" });
+var ToolbarDivider = () => /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "mx-0.5 h-5 w-px bg-border/60" });
 var TableInsertGrid = ({
   insertLabel,
   previewTemplate,
@@ -25771,39 +25979,32 @@ var TableInsertGrid = ({
   const maxCols = 8;
   return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "mb-2 rounded-xl border border-border/60 bg-muted/20 p-2", children: [
     /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "mb-2 text-sm font-medium text-foreground", children: formatTableInsertLabel(previewTemplate, selection.rows, selection.cols) }),
-    /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
-      "div",
-      {
-        className: "grid grid-cols-8 gap-1",
-        onMouseLeave: () => setSelection((prev) => prev),
-        children: Array.from({ length: maxRows }).map(
-          (_, rowIndex) => Array.from({ length: maxCols }).map((__, colIndex) => {
-            const rows = rowIndex + 1;
-            const cols = colIndex + 1;
-            const active = rows <= selection.rows && cols <= selection.cols;
-            return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
-              "button",
-              {
-                type: "button",
-                "aria-label": formatTableInsertLabel(previewTemplate, rows, cols),
-                onMouseDown: (e) => e.preventDefault(),
-                onMouseEnter: () => setSelection({ rows, cols }),
-                onFocus: () => setSelection({ rows, cols }),
-                onClick: () => onInsert(rows, cols),
-                className: cn(
-                  "h-5 w-5 rounded-sm border transition-colors",
-                  active ? "border-primary bg-primary/20" : "border-border/70 bg-background hover:border-primary/60 hover:bg-primary/10"
-                )
-              },
-              `${rows}-${cols}`
-            );
-          })
-        )
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "mt-2 text-xs text-muted-foreground", children: insertLabel })
-  ] });
-};
+    /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "grid grid-cols-8 gap-1", onMouseLeave: () => setSelection((prev) => prev), children: Array.from({ length: maxRows }).map(
+      (_, rowIndex) => Array.from({ length: maxCols }).map((__, colIndex) => {
+        const rows = rowIndex + 1;
+        const cols = colIndex + 1;
+        const active = rows <= selection.rows && cols <= selection.cols;
+        return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+          "button",
+          {
+            type: "button",
+            "aria-label": formatTableInsertLabel(previewTemplate, rows, cols),
+            onMouseDown: (e) => e.preventDefault(),
+            onMouseEnter: () => setSelection({ rows, cols }),
+            onFocus: () => setSelection({ rows, cols }),
+            onClick: () => onInsert(rows, cols),
+            className: cn(
+              "h-5 w-5 rounded-sm border transition-colors",
+              active ? "border-primary bg-primary/20" : "border-border/70 bg-background hover:border-primary/60 hover:bg-primary/10"
+            )
+          },
+          `${rows}-${cols}`
+        );
+      })
+    ) }),
+    /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "mt-2 text-xs text-muted-foreground", children: insertLabel })
+  ] });
+};
 var EditorToolbar = ({
   editor,
   variant,
@@ -25817,14 +26018,23 @@ var EditorToolbar = ({
   letterSpacings
 }) => {
   const t = useSmartTranslations("UEditor");
+  (0, import_react50.useEditorState)({
+    editor,
+    selector: ({ transactionNumber }) => transactionNumber
+  });
   const { textColors, highlightColors } = useEditorColors();
   const [showImageInput, setShowImageInput] = (0, import_react49.useState)(false);
+  const [showLinkInput, setShowLinkInput] = (0, import_react49.useState)(false);
   const [isTableMenuOpen, setIsTableMenuOpen] = (0, import_react49.useState)(false);
   const tableCommandAnchorPosRef = (0, import_react49.useRef)(null);
   const fileInputRef = (0, import_react49.useRef)(null);
   const [isUploadingImage, setIsUploadingImage] = (0, import_react49.useState)(false);
   const [imageUploadError, setImageUploadError] = (0, import_react49.useState)(null);
   const [fontSizeDraft, setFontSizeDraft] = (0, import_react49.useState)("");
+  const [isFontSizeMenuOpen, setIsFontSizeMenuOpen] = (0, import_react49.useState)(false);
+  const [fontSizeMenuPosition, setFontSizeMenuPosition] = (0, import_react49.useState)({ top: 0, left: 0 });
+  const fontSizeControlRef = (0, import_react49.useRef)(null);
+  const fontSizeMenuRef = (0, import_react49.useRef)(null);
   const isImageSelected = editor.isActive("image");
   const imageAttrs = editor.getAttributes("image");
   const tableAttrs = editor.getAttributes("table");
@@ -25836,30 +26046,23 @@ var EditorToolbar = ({
   const hasTableContext = isTableSelected || tableCommandAnchorPosRef.current !== null;
   const currentFontFamily = normalizeStyleValue(textStyleAttrs.fontFamily);
   const currentFontSize = normalizeStyleValue(textStyleAttrs.fontSize);
+  const currentTextColor = normalizeStyleValue(textStyleAttrs.color) || "inherit";
+  const currentHighlightColor = normalizeStyleValue(editor.getAttributes("highlight").color) || "";
   const currentLineHeight = normalizeStyleValue(textStyleAttrs.lineHeight);
   const currentLetterSpacing = normalizeStyleValue(textStyleAttrs.letterSpacing);
-  const availableFontFamilies = import_react49.default.useMemo(
-    () => fontFamilies ?? getDefaultFontFamilies(t),
-    [fontFamilies, t]
-  );
-  const availableFontSizes = import_react49.default.useMemo(
-    () => fontSizes ?? getDefaultFontSizes(),
-    [fontSizes]
-  );
-  const availableLineHeights = import_react49.default.useMemo(
-    () => lineHeights ?? getDefaultLineHeights(),
-    [lineHeights]
-  );
-  const availableLetterSpacings = import_react49.default.useMemo(
-    () => letterSpacings ?? getDefaultLetterSpacings(),
-    [letterSpacings]
-  );
-  const currentFontFamilyLabel = availableFontFamilies.find((option) => normalizeStyleValue(option.value) === currentFontFamily)?.label ?? t("toolbar.fontDefault");
+  const availableFontFamilies = import_react49.default.useMemo(() => fontFamilies ?? getDefaultFontFamilies(t), [fontFamilies, t]);
+  const availableFontSizes = import_react49.default.useMemo(() => fontSizes ?? getDefaultFontSizes(), [fontSizes]);
+  const availableLineHeights = import_react49.default.useMemo(() => lineHeights ?? getDefaultLineHeights(), [lineHeights]);
+  const availableLetterSpacings = import_react49.default.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 ?? t("toolbar.sizeDefault");
   const currentLineHeightLabel = availableLineHeights.find((option) => normalizeStyleValue(option.value) === currentLineHeight)?.label ?? t("toolbar.lineHeightDefault");
   const currentLetterSpacingLabel = availableLetterSpacings.find((option) => normalizeStyleValue(option.value) === currentLetterSpacing)?.label ?? t("toolbar.letterSpacingDefault");
+  const displayedFontFamilyLabel = currentFontFamily ? currentFontFamilyLabel : availableFontFamilies[0]?.label ?? t("toolbar.fontDefault");
   import_react49.default.useEffect(() => {
-    setFontSizeDraft(currentFontSize.replace(/px$/i, ""));
+    if (document.activeElement === fontSizeControlRef.current?.querySelector("input")) return;
+    setFontSizeDraft(currentFontSize.replace(/px$/i, "") || "16");
   }, [currentFontSize]);
   const applyFontSizeDraft = () => {
     const normalized = fontSizeDraft.trim();
@@ -25871,7 +26074,39 @@ var EditorToolbar = ({
     if (!Number.isFinite(parsed) || parsed <= 0) return;
     const clamped = Math.min(96, Math.max(8, parsed));
     editor.chain().focus().setFontSize(`${clamped}px`).run();
+    setFontSizeDraft(String(clamped));
+  };
+  const updateFontSizeMenuPosition = import_react49.default.useCallback(() => {
+    const rect = fontSizeControlRef.current?.getBoundingClientRect();
+    if (!rect) return;
+    setFontSizeMenuPosition({
+      top: Math.round(rect.bottom + 4),
+      left: Math.round(rect.left)
+    });
+  }, []);
+  const toggleFontSizeMenu = () => {
+    updateFontSizeMenuPosition();
+    setIsFontSizeMenuOpen((open) => !open);
   };
+  import_react49.default.useEffect(() => {
+    if (!isFontSizeMenuOpen) return;
+    updateFontSizeMenuPosition();
+    const handlePointerDown = (event) => {
+      const target = event.target;
+      if (fontSizeControlRef.current?.contains(target)) return;
+      if (fontSizeMenuRef.current?.contains(target)) return;
+      setIsFontSizeMenuOpen(false);
+    };
+    const handleLayoutChange = () => updateFontSizeMenuPosition();
+    document.addEventListener("mousedown", handlePointerDown);
+    window.addEventListener("resize", handleLayoutChange);
+    window.addEventListener("scroll", handleLayoutChange, true);
+    return () => {
+      document.removeEventListener("mousedown", handlePointerDown);
+      window.removeEventListener("resize", handleLayoutChange);
+      window.removeEventListener("scroll", handleLayoutChange, true);
+    };
+  }, [isFontSizeMenuOpen, updateFontSizeMenuPosition]);
   const insertImageFiles = async (files) => {
     if (files.length === 0) return;
     setIsUploadingImage(true);
@@ -25893,7 +26128,7 @@ var EditorToolbar = ({
     setIsUploadingImage(false);
   };
   if (variant === "minimal") {
-    return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "flex items-center gap-1 p-2 border-b bg-muted/30", children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "flex items-center gap-1 border-b border-border/35 bg-muted/30 p-2", children: [
       /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().toggleBold().run(), active: editor.isActive("bold"), title: t("toolbar.bold"), children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_lucide_react44.Bold, { className: "w-4 h-4" }) }),
       /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().toggleItalic().run(), active: editor.isActive("italic"), title: t("toolbar.italic"), children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_lucide_react44.Italic, { className: "w-4 h-4" }) }),
       /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
@@ -25907,70 +26142,23 @@ var EditorToolbar = ({
       )
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "flex flex-wrap items-center gap-1 p-2 border-b bg-linear-to-r from-muted/30 to-transparent", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
-      DropdownMenu,
-      {
-        contentClassName: "p-2",
-        trigger: /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(ToolbarButton, { onClick: () => {
-        }, title: t("toolbar.textStyle"), className: "px-2 w-auto gap-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_lucide_react44.Type, { className: "w-4 h-4" }),
-          /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_lucide_react44.ChevronDown, { className: "w-3 h-3" })
-        ] }),
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
-            DropdownMenuItem,
-            {
-              icon: import_lucide_react44.Type,
-              label: t("toolbar.normal"),
-              onClick: () => editor.chain().focus().setParagraph().run(),
-              active: editor.isActive("paragraph")
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
-            DropdownMenuItem,
-            {
-              icon: import_lucide_react44.Heading1,
-              label: t("toolbar.heading1"),
-              onClick: () => editor.chain().focus().toggleHeading({ level: 1 }).run(),
-              active: editor.isActive("heading", { level: 1 }),
-              shortcut: "Ctrl+Alt+1"
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
-            DropdownMenuItem,
-            {
-              icon: import_lucide_react44.Heading2,
-              label: t("toolbar.heading2"),
-              onClick: () => editor.chain().focus().toggleHeading({ level: 2 }).run(),
-              active: editor.isActive("heading", { level: 2 }),
-              shortcut: "Ctrl+Alt+2"
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
-            DropdownMenuItem,
-            {
-              icon: import_lucide_react44.Heading3,
-              label: t("toolbar.heading3"),
-              onClick: () => editor.chain().focus().toggleHeading({ level: 3 }).run(),
-              active: editor.isActive("heading", { level: 3 }),
-              shortcut: "Ctrl+Alt+3"
-            }
-          )
-        ]
-      }
-    ),
+  return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "flex flex-wrap items-center gap-0.5 border-b border-border/35 bg-linear-to-r from-muted/25 to-transparent p-1.5", children: [
     /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
       DropdownMenu,
       {
-        trigger: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
-          ToolbarButton,
+        trigger: /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
+          "button",
           {
-            onClick: () => {
-            },
-            title: t("toolbar.fontFamily"),
-            className: "relative",
-            children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_lucide_react44.Type, { className: "w-4 h-4" })
+            type: "button",
+            "aria-label": t("toolbar.fontFamily"),
+            className: cn(
+              "flex h-8 min-w-34 max-w-42 items-center justify-between gap-2 rounded-full border border-border/60 bg-muted/30 px-2.5 text-xs text-foreground",
+              "transition-colors hover:bg-accent focus:outline-none focus:ring-2 focus:ring-primary/20"
+            ),
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("span", { className: "truncate", children: displayedFontFamilyLabel }),
+              /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_lucide_react44.ChevronDown, { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground" })
+            ]
           }
         ),
         contentClassName: "max-h-80 overflow-y-auto min-w-56 p-2",
@@ -25990,30 +26178,24 @@ var EditorToolbar = ({
               label: option.label,
               onClick: () => editor.chain().focus().setFontFamily(option.value).run(),
               active: normalizeStyleValue(option.value) === currentFontFamily,
-              className: "font-medium"
+              className: "font-medium "
             },
             option.value
           ))
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
-      DropdownMenu,
-      {
-        closeOnSelect: false,
-        trigger: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
-          ToolbarButton,
-          {
-            onClick: () => {
-            },
-            title: t("toolbar.fontSize"),
-            className: "px-2 w-auto min-w-9",
-            children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("span", { className: "text-[10px] font-semibold leading-none", children: currentFontSize.replace(/px$/i, "") || "T" })
-          }
-        ),
-        contentClassName: "max-h-80 overflow-y-auto min-w-44 p-2",
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "mb-2 rounded-lg border border-border/60 bg-muted/30 p-2", children: /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("label", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(import_jsx_runtime81.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
+        "div",
+        {
+          ref: fontSizeControlRef,
+          "aria-label": t("toolbar.fontSize"),
+          className: cn(
+            "flex h-8 min-w-16 items-center overflow-hidden rounded-full border border-border/60 bg-muted/30 text-xs font-semibold text-foreground",
+            "transition-colors focus-within:ring-2 focus-within:ring-primary/20"
+          ),
+          children: [
             /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
               "input",
               {
@@ -26023,6 +26205,7 @@ var EditorToolbar = ({
                 step: 1,
                 value: fontSizeDraft,
                 onChange: (e) => setFontSizeDraft(e.target.value),
+                onBlur: applyFontSizeDraft,
                 onMouseDown: (e) => e.stopPropagation(),
                 onClick: (e) => e.stopPropagation(),
                 onKeyDown: (e) => {
@@ -26033,48 +26216,116 @@ var EditorToolbar = ({
                   }
                 },
                 "aria-label": t("toolbar.fontSize"),
-                className: "h-8 w-full rounded-md border border-border bg-background px-2 text-sm outline-none focus:ring-2 focus:ring-primary/20"
+                className: "h-full w-10 bg-transparent px-1 text-center text-xs font-semibold outline-none [appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("span", { className: "text-xs text-muted-foreground", children: "px" })
-          ] }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+              "button",
+              {
+                type: "button",
+                "aria-label": t("toolbar.fontSize"),
+                "aria-expanded": isFontSizeMenuOpen,
+                onClick: toggleFontSizeMenu,
+                className: "flex h-full w-7 items-center justify-center border-l border-border/50 text-muted-foreground transition-colors hover:bg-accent hover:text-foreground",
+                children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_lucide_react44.ChevronDown, { className: "h-3.5 w-3.5" })
+              }
+            )
+          ]
+        }
+      ),
+      isFontSizeMenuOpen && typeof document !== "undefined" && (0, import_react_dom8.createPortal)(
+        /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+          "div",
+          {
+            ref: fontSizeMenuRef,
+            className: "fixed z-[10000] max-h-64 w-12 overflow-y-auto rounded-md border border-border/70 bg-popover p-0.5 text-popover-foreground shadow-md",
+            style: { top: fontSizeMenuPosition.top, left: fontSizeMenuPosition.left },
+            children: availableFontSizes.map((option) => {
+              const active = normalizeStyleValue(option.value) === currentFontSize;
+              return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+                "button",
+                {
+                  type: "button",
+                  onMouseDown: (e) => e.preventDefault(),
+                  onClick: () => {
+                    editor.chain().focus().setFontSize(option.value).run();
+                    setFontSizeDraft(option.label);
+                    setIsFontSizeMenuOpen(false);
+                  },
+                  className: cn(
+                    "flex h-6 w-full items-center justify-center rounded text-xs leading-none transition-colors",
+                    active ? "bg-primary/15 text-primary" : "text-foreground hover:bg-accent hover:text-accent-foreground"
+                  ),
+                  children: option.label
+                },
+                option.value
+              );
+            })
+          }
+        ),
+        document.body
+      )
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
+      DropdownMenu,
+      {
+        contentClassName: "p-2",
+        trigger: /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(ToolbarButton, { onClick: () => {
+        }, title: t("toolbar.textStyle"), className: "px-2 w-auto gap-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_lucide_react44.Type, { className: "w-4 h-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_lucide_react44.ChevronDown, { className: "w-3 h-3" })
+        ] }),
+        children: [
           /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
             DropdownMenuItem,
             {
               icon: import_lucide_react44.Type,
-              label: t("toolbar.sizeDefault"),
-              onClick: () => editor.chain().focus().unsetFontSize().run(),
-              active: !currentFontSize
+              label: t("toolbar.normal"),
+              onClick: () => editor.chain().focus().setParagraph().run(),
+              active: editor.isActive("paragraph")
             }
           ),
-          availableFontSizes.map((option) => /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
             DropdownMenuItem,
             {
-              label: option.label,
-              onClick: () => editor.chain().focus().setFontSize(option.value).run(),
-              active: normalizeStyleValue(option.value) === currentFontSize
-            },
-            option.value
-          ))
+              icon: import_lucide_react44.Heading1,
+              label: t("toolbar.heading1"),
+              onClick: () => editor.chain().focus().toggleHeading({ level: 1 }).run(),
+              active: editor.isActive("heading", { level: 1 }),
+              shortcut: "Ctrl+Alt+1"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+            DropdownMenuItem,
+            {
+              icon: import_lucide_react44.Heading2,
+              label: t("toolbar.heading2"),
+              onClick: () => editor.chain().focus().toggleHeading({ level: 2 }).run(),
+              active: editor.isActive("heading", { level: 2 }),
+              shortcut: "Ctrl+Alt+2"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+            DropdownMenuItem,
+            {
+              icon: import_lucide_react44.Heading3,
+              label: t("toolbar.heading3"),
+              onClick: () => editor.chain().focus().toggleHeading({ level: 3 }).run(),
+              active: editor.isActive("heading", { level: 3 }),
+              shortcut: "Ctrl+Alt+3"
+            }
+          )
         ]
       }
     ),
     /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
       DropdownMenu,
       {
-        trigger: /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
-          ToolbarButton,
-          {
-            onClick: () => {
-            },
-            title: t("toolbar.lineHeight"),
-            className: "gap-0.5",
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_lucide_react44.ArrowUp, { className: "w-3 h-3" }),
-              /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_lucide_react44.ArrowDown, { className: "w-3 h-3" })
-            ]
-          }
-        ),
+        trigger: /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(ToolbarButton, { onClick: () => {
+        }, title: t("toolbar.lineHeight"), className: "gap-0.5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_lucide_react44.ArrowUp, { className: "w-3 h-3" }),
+          /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_lucide_react44.ArrowDown, { className: "w-3 h-3" })
+        ] }),
         contentClassName: "max-h-72 overflow-y-auto p-2",
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
@@ -26101,19 +26352,11 @@ var EditorToolbar = ({
     /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
       DropdownMenu,
       {
-        trigger: /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
-          ToolbarButton,
-          {
-            onClick: () => {
-            },
-            title: t("toolbar.letterSpacing"),
-            className: "gap-0.5",
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_lucide_react44.ArrowLeft, { className: "w-3 h-3" }),
-              /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_lucide_react44.ArrowRight, { className: "w-3 h-3" })
-            ]
-          }
-        ),
+        trigger: /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(ToolbarButton, { onClick: () => {
+        }, title: t("toolbar.letterSpacing"), className: "gap-0.5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_lucide_react44.ArrowLeft, { className: "w-3 h-3" }),
+          /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_lucide_react44.ArrowRight, { className: "w-3 h-3" })
+        ] }),
         contentClassName: "max-h-72 overflow-y-auto p-2",
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
@@ -26151,20 +26394,68 @@ var EditorToolbar = ({
     ),
     /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().toggleStrike().run(), active: editor.isActive("strike"), title: t("toolbar.strike"), children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_lucide_react44.Strikethrough, { className: "w-4 h-4" }) }),
     /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().toggleCode().run(), active: editor.isActive("code"), title: t("toolbar.code"), children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_lucide_react44.Code, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+      ToolbarButton,
+      {
+        onClick: () => editor.chain().focus().toggleSubscript().run(),
+        active: editor.isActive("subscript"),
+        title: t("toolbar.subscript"),
+        children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_lucide_react44.Subscript, { className: "w-4 h-4" })
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+      ToolbarButton,
+      {
+        onClick: () => editor.chain().focus().toggleSuperscript().run(),
+        active: editor.isActive("superscript"),
+        title: t("toolbar.superscript"),
+        children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_lucide_react44.Superscript, { className: "w-4 h-4" })
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+      DropdownMenu,
+      {
+        contentClassName: "min-w-72",
+        trigger: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(ToolbarButton, { onClick: () => setShowLinkInput(!editor.isActive("link")), active: editor.isActive("link"), title: t("toolbar.link"), children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_lucide_react44.Link, { className: "w-4 h-4" }) }),
+        children: showLinkInput ? /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+          LinkInput,
+          {
+            initialUrl: String(editor.getAttributes("link").href ?? ""),
+            onSubmit: (url) => {
+              editor.chain().focus().extendMarkRange("link").setLink({ href: url }).run();
+              setShowLinkInput(false);
+            },
+            onCancel: () => setShowLinkInput(false)
+          }
+        ) : /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(import_jsx_runtime81.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(DropdownMenuItem, { icon: import_lucide_react44.Link, label: t("toolbar.link"), onClick: () => setShowLinkInput(true), active: editor.isActive("link") }),
+          /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+            DropdownMenuItem,
+            {
+              icon: import_lucide_react44.Trash2,
+              label: t("toolbar.removeLink"),
+              onClick: () => editor.chain().focus().extendMarkRange("link").unsetLink().run(),
+              disabled: !editor.isActive("link"),
+              destructive: true
+            }
+          )
+        ] })
+      }
+    ),
     /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(ToolbarDivider, {}),
     /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
       DropdownMenu,
       {
         trigger: /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(ToolbarButton, { onClick: () => {
         }, title: t("colors.textColor"), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_lucide_react44.Palette, { className: "w-4 h-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(TextColorIcon, { color: currentTextColor }),
           /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_lucide_react44.ChevronDown, { className: "w-3 h-3" })
         ] }),
         children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
           EditorColorPalette,
           {
             colors: textColors,
-            currentColor: editor.getAttributes("textStyle").color || "inherit",
+            currentColor: currentTextColor,
             onSelect: (color) => {
               if (color === "inherit") {
                 editor.chain().focus().unsetColor().run();
@@ -26182,14 +26473,14 @@ var EditorToolbar = ({
       {
         trigger: /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(ToolbarButton, { onClick: () => {
         }, active: editor.isActive("highlight"), title: t("colors.highlight"), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_lucide_react44.Highlighter, { className: "w-4 h-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(HighlightColorIcon, { color: currentHighlightColor }),
           /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_lucide_react44.ChevronDown, { className: "w-3 h-3" })
         ] }),
         children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
           EditorColorPalette,
           {
             colors: highlightColors,
-            currentColor: editor.getAttributes("highlight").color || "",
+            currentColor: currentHighlightColor,
             onSelect: (color) => {
               if (color === "") {
                 editor.chain().focus().unsetHighlight().run();
@@ -26614,41 +26905,23 @@ var EditorToolbar = ({
       }
     ),
     /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(ToolbarDivider, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
-      ToolbarButton,
-      {
-        onClick: () => editor.chain().focus().toggleSubscript().run(),
-        active: editor.isActive("subscript"),
-        title: t("toolbar.subscript"),
-        children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_lucide_react44.Subscript, { className: "w-4 h-4" })
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
-      ToolbarButton,
-      {
-        onClick: () => editor.chain().focus().toggleSuperscript().run(),
-        active: editor.isActive("superscript"),
-        title: t("toolbar.superscript"),
-        children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_lucide_react44.Superscript, { className: "w-4 h-4" })
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(ToolbarDivider, {}),
     /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().undo().run(), disabled: !editor.can().undo(), title: t("toolbar.undo"), children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_lucide_react44.Undo, { className: "w-4 h-4" }) }),
     /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().redo().run(), disabled: !editor.can().redo(), title: t("toolbar.redo"), children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_lucide_react44.Redo, { className: "w-4 h-4" }) })
   ] });
 };
 
 // src/components/UEditor/menus.tsx
-var import_react50 = require("react");
-var import_react_dom8 = require("react-dom");
+var import_react51 = require("react");
+var import_react52 = require("@tiptap/react");
+var import_react_dom9 = require("react-dom");
 var import_lucide_react45 = require("lucide-react");
 var import_jsx_runtime82 = require("react/jsx-runtime");
 var FloatingSlashCommandMenu = ({ editor, onClose }) => {
   const t = useSmartTranslations("UEditor");
-  const messages = (0, import_react50.useMemo)(() => buildSlashCommandMessages(t), [t]);
-  const items = (0, import_react50.useMemo)(() => buildSlashCommandItems({ query: "", messages }), [messages]);
-  const listRef = (0, import_react50.useRef)(null);
-  (0, import_react50.useEffect)(() => {
+  const messages = (0, import_react51.useMemo)(() => buildSlashCommandMessages(t), [t]);
+  const items = (0, import_react51.useMemo)(() => buildSlashCommandItems({ query: "", messages }), [messages]);
+  const listRef = (0, import_react51.useRef)(null);
+  (0, import_react51.useEffect)(() => {
     const handleKeyDown2 = (event) => {
       if (event.key === "Escape") {
         event.preventDefault();
@@ -26678,7 +26951,7 @@ var FloatingSlashCommandMenu = ({ editor, onClose }) => {
 };
 var FloatingMenuContent = ({ editor }) => {
   const t = useSmartTranslations("UEditor");
-  const [showCommands, setShowCommands] = (0, import_react50.useState)(false);
+  const [showCommands, setShowCommands] = (0, import_react51.useState)(false);
   if (showCommands) {
     return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(FloatingSlashCommandMenu, { editor, onClose: () => setShowCommands(false) });
   }
@@ -26702,28 +26975,52 @@ var BubbleMenuContent = ({
   lineHeights
 }) => {
   const t = useSmartTranslations("UEditor");
+  (0, import_react52.useEditorState)({
+    editor,
+    selector: ({ transactionNumber }) => transactionNumber
+  });
   const { textColors, highlightColors } = useEditorColors();
-  const [showLinkInput, setShowLinkInput] = (0, import_react50.useState)(false);
-  const [showEditorColorPalette, setShowEditorColorPalette] = (0, import_react50.useState)(false);
+  const [showLinkInput, setShowLinkInput] = (0, import_react51.useState)(false);
+  const [activeColorPalette, setActiveColorPalette] = (0, import_react51.useState)(null);
+  const [showTypographyPanel, setShowTypographyPanel] = (0, import_react51.useState)(false);
+  const [showFontSizeOptions, setShowFontSizeOptions] = (0, import_react51.useState)(false);
+  const [fontSizeDraft, setFontSizeDraft] = (0, import_react51.useState)("");
   const isImageSelected = editor.isActive("image");
   const imageAttrs = editor.getAttributes("image");
   const imageLayout = imageAttrs.imageLayout === "left" || imageAttrs.imageLayout === "right" ? imageAttrs.imageLayout : "block";
   const imageWidthPreset = imageAttrs.imageWidthPreset === "sm" || imageAttrs.imageWidthPreset === "md" || imageAttrs.imageWidthPreset === "lg" ? imageAttrs.imageWidthPreset : null;
   const textStyleAttrs = editor.getAttributes("textStyle");
+  const currentTextColor = normalizeStyleValue(textStyleAttrs.color) || "inherit";
+  const currentHighlightColor = normalizeStyleValue(editor.getAttributes("highlight").color) || "";
   const currentFontSize = normalizeStyleValue(textStyleAttrs.fontSize);
   const currentLineHeight = normalizeStyleValue(textStyleAttrs.lineHeight);
-  const quickFontSizes = (0, import_react50.useMemo)(
+  const quickFontSizes = (0, import_react51.useMemo)(
     () => (fontSizes ?? getDefaultFontSizes()).filter((option) => ["14px", "16px", "24px"].includes(option.value)),
     [fontSizes]
   );
-  const quickLineHeights = (0, import_react50.useMemo)(
+  const quickLineHeights = (0, import_react51.useMemo)(
     () => (lineHeights ?? getDefaultLineHeights()).filter((option) => ["1.2", "1.5", "1.75"].includes(option.value)),
     [lineHeights]
   );
-  (0, import_react50.useEffect)(() => {
+  (0, import_react51.useEffect)(() => {
+    setFontSizeDraft(currentFontSize.replace(/px$/i, ""));
+  }, [currentFontSize]);
+  const applyFontSizeDraft = () => {
+    const normalized = fontSizeDraft.trim();
+    if (!normalized) {
+      editor.chain().focus().unsetFontSize().run();
+      return;
+    }
+    const parsed = Number.parseFloat(normalized);
+    if (!Number.isFinite(parsed) || parsed <= 0) return;
+    const clamped = Math.min(96, Math.max(8, parsed));
+    editor.chain().focus().setFontSize(`${clamped}px`).run();
+    setFontSizeDraft(String(clamped));
+  };
+  (0, import_react51.useEffect)(() => {
     onKeepOpenChange?.(showLinkInput);
   }, [onKeepOpenChange, showLinkInput]);
-  (0, import_react50.useEffect)(() => {
+  (0, import_react51.useEffect)(() => {
     if (!showLinkInput) return;
     const close2 = () => setShowLinkInput(false);
     editor.on("selectionUpdate", close2);
@@ -26750,44 +27047,37 @@ var BubbleMenuContent = ({
       }
     );
   }
-  if (showEditorColorPalette) {
-    return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "w-48", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
-        EditorColorPalette,
-        {
-          colors: textColors,
-          currentColor: editor.getAttributes("textStyle").color || "inherit",
-          onSelect: (color) => {
-            if (color === "inherit") {
-              editor.chain().focus().unsetColor().run();
-            } else {
-              editor.chain().focus().setColor(color).run();
-            }
-          },
-          label: t("colors.textColor")
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "border-t my-1" }),
+  if (activeColorPalette) {
+    const isTextPalette = activeColorPalette === "text";
+    return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "w-56", children: [
       /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
         EditorColorPalette,
         {
-          colors: highlightColors,
-          currentColor: editor.getAttributes("highlight").color || "",
+          colors: isTextPalette ? textColors : highlightColors,
+          currentColor: isTextPalette ? currentTextColor : currentHighlightColor,
           onSelect: (color) => {
-            if (color === "") {
-              editor.chain().focus().unsetHighlight().run();
+            if (isTextPalette) {
+              if (color === "inherit") {
+                editor.chain().focus().unsetColor().run();
+              } else {
+                editor.chain().focus().setColor(color).run();
+              }
             } else {
-              editor.chain().focus().toggleHighlight({ color }).run();
+              if (color === "") {
+                editor.chain().focus().unsetHighlight().run();
+              } else {
+                editor.chain().focus().toggleHighlight({ color }).run();
+              }
             }
           },
-          label: t("colors.highlight")
+          label: isTextPalette ? t("colors.textColor") : t("colors.highlight")
         }
       ),
       /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "p-2 border-t", children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
         "button",
         {
           type: "button",
-          onClick: () => setShowEditorColorPalette(false),
+          onClick: () => setActiveColorPalette(null),
           className: "w-full py-1.5 text-sm rounded-lg hover:bg-muted transition-colors",
           children: t("colors.done")
         }
@@ -26808,6 +27098,162 @@ var BubbleMenuContent = ({
       /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(ToolbarButton, { onClick: () => deleteSelectedImage(editor), title: t("toolbar.imageDelete"), className: "text-destructive hover:text-destructive", children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_lucide_react45.Trash2, { className: "w-4 h-4" }) })
     ] });
   }
+  if (showTypographyPanel) {
+    return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "w-72 p-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "mb-2 flex items-center justify-between gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { className: "px-1 text-[11px] font-semibold uppercase tracking-wide text-muted-foreground", children: t("toolbar.textStyle") }),
+        /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+          "button",
+          {
+            type: "button",
+            onClick: () => setShowTypographyPanel(false),
+            className: "rounded-md px-2 py-1 text-xs text-muted-foreground transition-colors hover:bg-muted hover:text-foreground",
+            children: t("colors.done")
+          }
+        )
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "mb-1 px-1 text-[11px] font-medium text-muted-foreground", children: t("toolbar.fontSize") }),
+          /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "flex h-9 items-center overflow-hidden rounded-md border border-border/60 bg-muted/40", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+              "input",
+              {
+                type: "number",
+                min: 8,
+                max: 96,
+                step: 1,
+                value: fontSizeDraft,
+                onChange: (event) => setFontSizeDraft(event.target.value),
+                onBlur: applyFontSizeDraft,
+                onMouseDown: (event) => event.stopPropagation(),
+                onClick: (event) => event.stopPropagation(),
+                onKeyDown: (event) => {
+                  event.stopPropagation();
+                  if (event.key === "Enter") {
+                    event.preventDefault();
+                    applyFontSizeDraft();
+                  }
+                },
+                "aria-label": t("toolbar.fontSize"),
+                placeholder: "A",
+                className: "h-full min-w-0 flex-1 bg-transparent px-2 text-center text-sm font-semibold text-foreground outline-none [appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none"
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { className: "border-l border-border/50 px-2 text-[11px] text-muted-foreground", children: "px" }),
+            /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+              "button",
+              {
+                type: "button",
+                "aria-label": t("toolbar.fontSize"),
+                onClick: () => setShowFontSizeOptions((open) => !open),
+                className: cn(
+                  "flex h-full w-9 items-center justify-center border-l border-border/50 transition-colors hover:bg-muted",
+                  showFontSizeOptions && "bg-primary/10 text-primary"
+                ),
+                children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_lucide_react45.ChevronDown, { className: "h-4 w-4" })
+              }
+            )
+          ] }),
+          showFontSizeOptions && /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "mt-1 grid grid-cols-4 gap-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+              "button",
+              {
+                type: "button",
+                onClick: () => {
+                  editor.chain().focus().unsetFontSize().run();
+                  setShowFontSizeOptions(false);
+                },
+                className: cn(
+                  "h-8 rounded-md text-xs font-semibold transition-colors hover:bg-muted",
+                  !currentFontSize ? "bg-primary/10 text-primary" : "bg-muted/40 text-foreground"
+                ),
+                children: "A"
+              }
+            ),
+            quickFontSizes.map((option) => /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+              "button",
+              {
+                type: "button",
+                onClick: () => {
+                  editor.chain().focus().setFontSize(option.value).run();
+                  setShowFontSizeOptions(false);
+                },
+                className: cn(
+                  "h-8 rounded-md text-xs font-semibold transition-colors hover:bg-muted",
+                  normalizeStyleValue(option.value) === currentFontSize ? "bg-primary/10 text-primary" : "bg-muted/40 text-foreground"
+                ),
+                children: option.label
+              },
+              option.value
+            ))
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "mb-1 px-1 text-[11px] font-medium text-muted-foreground", children: t("toolbar.lineHeight") }),
+          /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "grid grid-cols-4 gap-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+              "button",
+              {
+                type: "button",
+                onClick: () => editor.chain().focus().unsetLineHeight().run(),
+                className: cn(
+                  "h-8 rounded-md text-xs font-semibold transition-colors hover:bg-muted",
+                  !currentLineHeight ? "bg-primary/10 text-primary" : "bg-muted/40 text-foreground"
+                ),
+                children: "LH"
+              }
+            ),
+            quickLineHeights.map((option) => /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+              "button",
+              {
+                type: "button",
+                onClick: () => editor.chain().focus().setLineHeight(option.value).run(),
+                className: cn(
+                  "h-8 rounded-md text-xs font-semibold transition-colors hover:bg-muted",
+                  normalizeStyleValue(option.value) === currentLineHeight ? "bg-primary/10 text-primary" : "bg-muted/40 text-foreground"
+                ),
+                children: option.label
+              },
+              option.value
+            ))
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "grid grid-cols-2 gap-1 border-t border-border/40 pt-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(
+            "button",
+            {
+              type: "button",
+              onClick: () => editor.chain().focus().toggleSubscript().run(),
+              className: cn(
+                "flex h-8 items-center justify-center gap-2 rounded-md text-xs font-semibold transition-colors hover:bg-muted",
+                editor.isActive("subscript") ? "bg-primary/10 text-primary" : "bg-muted/40 text-foreground"
+              ),
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_lucide_react45.Subscript, { className: "h-4 w-4" }),
+                t("toolbar.subscript")
+              ]
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(
+            "button",
+            {
+              type: "button",
+              onClick: () => editor.chain().focus().toggleSuperscript().run(),
+              className: cn(
+                "flex h-8 items-center justify-center gap-2 rounded-md text-xs font-semibold transition-colors hover:bg-muted",
+                editor.isActive("superscript") ? "bg-primary/10 text-primary" : "bg-muted/40 text-foreground"
+              ),
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_lucide_react45.Superscript, { className: "h-4 w-4" }),
+                t("toolbar.superscript")
+              ]
+            }
+          )
+        ] })
+      ] })
+    ] });
+  }
   return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "flex items-center gap-0.5 p-1", children: [
     /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().toggleBold().run(), active: editor.isActive("bold"), title: t("toolbar.bold"), children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_lucide_react45.Bold, { className: "w-4 h-4" }) }),
     /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().toggleItalic().run(), active: editor.isActive("italic"), title: t("toolbar.italic"), children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_lucide_react45.Italic, { className: "w-4 h-4" }) }),
@@ -26837,68 +27283,16 @@ var BubbleMenuContent = ({
         children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_lucide_react45.Link, { className: "w-4 h-4" })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(ToolbarButton, { onClick: () => setShowEditorColorPalette(true), title: t("colors.textColor"), children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_lucide_react45.Palette, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "w-px h-6 bg-border/50 mx-1" }),
-    /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
-      ToolbarButton,
-      {
-        onClick: () => editor.chain().focus().unsetFontSize().run(),
-        active: !currentFontSize,
-        title: t("toolbar.sizeDefault"),
-        className: "px-2 w-auto",
-        children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { className: "text-[10px] font-semibold", children: "A" })
-      }
-    ),
-    quickFontSizes.map((option) => /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
-      ToolbarButton,
-      {
-        onClick: () => editor.chain().focus().setFontSize(option.value).run(),
-        active: normalizeStyleValue(option.value) === currentFontSize,
-        title: `${t("toolbar.fontSize")} ${option.label}`,
-        className: "px-2 w-auto",
-        children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { className: "text-[10px] font-semibold", children: option.label })
-      },
-      option.value
-    )),
-    /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "w-px h-6 bg-border/50 mx-1" }),
-    /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
-      ToolbarButton,
-      {
-        onClick: () => editor.chain().focus().unsetLineHeight().run(),
-        active: !currentLineHeight,
-        title: t("toolbar.lineHeightDefault"),
-        className: "px-2 w-auto",
-        children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { className: "text-[10px] font-semibold leading-none", children: "LH" })
-      }
-    ),
-    quickLineHeights.map((option) => /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
-      ToolbarButton,
-      {
-        onClick: () => editor.chain().focus().setLineHeight(option.value).run(),
-        active: normalizeStyleValue(option.value) === currentLineHeight,
-        title: `${t("toolbar.lineHeight")} ${option.label}`,
-        className: "px-2 w-auto",
-        children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { className: "text-[10px] font-semibold", children: option.label })
-      },
-      option.value
-    )),
+    /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(ToolbarButton, { onClick: () => setActiveColorPalette("text"), title: t("colors.textColor"), children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(TextColorIcon, { color: currentTextColor }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(ToolbarButton, { onClick: () => setActiveColorPalette("highlight"), active: editor.isActive("highlight"), title: t("colors.highlight"), children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(HighlightColorIcon, { color: currentHighlightColor }) }),
     /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "w-px h-6 bg-border/50 mx-1" }),
     /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
       ToolbarButton,
       {
-        onClick: () => editor.chain().focus().toggleSubscript().run(),
-        active: editor.isActive("subscript"),
-        title: t("toolbar.subscript"),
-        children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_lucide_react45.Subscript, { className: "w-4 h-4" })
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
-      ToolbarButton,
-      {
-        onClick: () => editor.chain().focus().toggleSuperscript().run(),
-        active: editor.isActive("superscript"),
-        title: t("toolbar.superscript"),
-        children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_lucide_react45.Superscript, { className: "w-4 h-4" })
+        onClick: () => setShowTypographyPanel(true),
+        active: Boolean(currentFontSize || currentLineHeight || editor.isActive("subscript") || editor.isActive("superscript")),
+        title: t("toolbar.textStyle"),
+        children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_lucide_react45.Type, { className: "w-4 h-4" })
       }
     )
   ] });
@@ -26910,16 +27304,16 @@ var CustomBubbleMenu = ({
 }) => {
   const SHOW_DELAY_MS = 180;
   const BUBBLE_MENU_OFFSET = 16;
-  const [isVisible, setIsVisible] = (0, import_react50.useState)(false);
-  const [position, setPosition] = (0, import_react50.useState)({ top: 0, left: 0 });
-  const menuRef = (0, import_react50.useRef)(null);
-  const keepOpenRef = (0, import_react50.useRef)(false);
-  const showTimeoutRef = (0, import_react50.useRef)(null);
-  const setKeepOpen = (0, import_react50.useCallback)((next) => {
+  const [isVisible, setIsVisible] = (0, import_react51.useState)(false);
+  const [position, setPosition] = (0, import_react51.useState)({ top: 0, left: 0 });
+  const menuRef = (0, import_react51.useRef)(null);
+  const keepOpenRef = (0, import_react51.useRef)(false);
+  const showTimeoutRef = (0, import_react51.useRef)(null);
+  const setKeepOpen = (0, import_react51.useCallback)((next) => {
     keepOpenRef.current = next;
     if (next) setIsVisible(true);
   }, []);
-  (0, import_react50.useEffect)(() => {
+  (0, import_react51.useEffect)(() => {
     const clearShowTimeout = () => {
       if (showTimeoutRef.current) {
         clearTimeout(showTimeoutRef.current);
@@ -26967,12 +27361,12 @@ var CustomBubbleMenu = ({
     };
   }, [editor]);
   if (!isVisible) return null;
-  return (0, import_react_dom8.createPortal)(
+  return (0, import_react_dom9.createPortal)(
     /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
       "div",
       {
         ref: menuRef,
-        className: "fixed z-50 flex rounded-2xl border border-border/50 bg-card text-card-foreground shadow-lg backdrop-blur-sm overflow-hidden animate-in fade-in-0 zoom-in-95",
+        className: "fixed z-50 flex rounded-xl border border-border/40 bg-card text-card-foreground shadow-lg backdrop-blur-sm overflow-hidden animate-in fade-in-0 zoom-in-95",
         style: {
           top: `${position.top}px`,
           left: `${position.left}px`,
@@ -26995,9 +27389,9 @@ var CustomBubbleMenu = ({
 };
 var CustomFloatingMenu = ({ editor }) => {
   const FLOATING_MENU_OFFSET = 16;
-  const [isVisible, setIsVisible] = (0, import_react50.useState)(false);
-  const [position, setPosition] = (0, import_react50.useState)({ top: 0, left: 0 });
-  (0, import_react50.useEffect)(() => {
+  const [isVisible, setIsVisible] = (0, import_react51.useState)(false);
+  const [position, setPosition] = (0, import_react51.useState)({ top: 0, left: 0 });
+  (0, import_react51.useEffect)(() => {
     const updatePosition = () => {
       const { state, view } = editor;
       const { $from, empty } = state.selection;
@@ -27023,7 +27417,7 @@ var CustomFloatingMenu = ({ editor }) => {
     };
   }, [editor]);
   if (!isVisible) return null;
-  return (0, import_react_dom8.createPortal)(
+  return (0, import_react_dom9.createPortal)(
     /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
       "div",
       {
@@ -27332,7 +27726,7 @@ async function prepareUEditorContentForSave({
 }
 
 // src/components/UEditor/table-controls.tsx
-var import_react51 = __toESM(require("react"), 1);
+var import_react53 = __toESM(require("react"), 1);
 
 // node_modules/prosemirror-model/dist/index.js
 function findDiffStart(a, b, pos) {
@@ -31798,16 +32192,16 @@ function collectChildren(node) {
 }
 function TableControls({ editor, containerRef }) {
   const t = useSmartTranslations("UEditor");
-  const [layout, setLayout] = import_react51.default.useState(null);
-  const [dragPreview, setDragPreview] = import_react51.default.useState(null);
-  const [hoverState, setHoverState] = import_react51.default.useState(DEFAULT_HOVER_STATE);
-  const [openMenuKey, setOpenMenuKey] = import_react51.default.useState(null);
-  const layoutRef = import_react51.default.useRef(null);
-  const dragStateRef = import_react51.default.useRef(null);
-  import_react51.default.useEffect(() => {
+  const [layout, setLayout] = import_react53.default.useState(null);
+  const [dragPreview, setDragPreview] = import_react53.default.useState(null);
+  const [hoverState, setHoverState] = import_react53.default.useState(DEFAULT_HOVER_STATE);
+  const [openMenuKey, setOpenMenuKey] = import_react53.default.useState(null);
+  const layoutRef = import_react53.default.useRef(null);
+  const dragStateRef = import_react53.default.useRef(null);
+  import_react53.default.useEffect(() => {
     layoutRef.current = layout;
   }, [layout]);
-  const syncFromCell = import_react51.default.useCallback((cell) => {
+  const syncFromCell = import_react53.default.useCallback((cell) => {
     const surface = containerRef.current;
     if (!surface || !cell) {
       setLayout(null);
@@ -31815,10 +32209,10 @@ function TableControls({ editor, containerRef }) {
     }
     setLayout(buildLayout(editor, surface, cell));
   }, [containerRef, editor]);
-  const syncFromSelection = import_react51.default.useCallback(() => {
+  const syncFromSelection = import_react53.default.useCallback(() => {
     syncFromCell(getSelectedCell(editor));
   }, [editor, syncFromCell]);
-  const refreshCurrentLayout = import_react51.default.useCallback(() => {
+  const refreshCurrentLayout = import_react53.default.useCallback(() => {
     setLayout((prev) => {
       if (!prev) return prev;
       const surface = containerRef.current;
@@ -31828,12 +32222,12 @@ function TableControls({ editor, containerRef }) {
       return cell ? buildLayout(editor, surface, cell) : null;
     });
   }, [containerRef, editor]);
-  const clearDrag = import_react51.default.useCallback(() => {
+  const clearDrag = import_react53.default.useCallback(() => {
     dragStateRef.current = null;
     setDragPreview(null);
     document.body.style.cursor = "";
   }, []);
-  const updateHoverState = import_react51.default.useCallback((event) => {
+  const updateHoverState = import_react53.default.useCallback((event) => {
     const activeLayout = layoutRef.current;
     const surface = containerRef.current;
     if (!activeLayout || !surface || dragStateRef.current) {
@@ -31871,7 +32265,7 @@ function TableControls({ editor, containerRef }) {
       };
     });
   }, [containerRef]);
-  import_react51.default.useEffect(() => {
+  import_react53.default.useEffect(() => {
     const proseMirror = editor.view.dom;
     const surface = containerRef.current;
     if (!surface) return void 0;
@@ -31916,7 +32310,7 @@ function TableControls({ editor, containerRef }) {
       editor.off("update", refreshCurrentLayout);
     };
   }, [clearDrag, containerRef, editor, refreshCurrentLayout, syncFromCell, syncFromSelection, updateHoverState]);
-  const runAtCellPos = import_react51.default.useCallback((cellPos, command, options) => {
+  const runAtCellPos = import_react53.default.useCallback((cellPos, command, options) => {
     if (cellPos == null) return false;
     focusCell(editor, cellPos);
     const result = command(editor.chain().focus(null, { scrollIntoView: false })).run();
@@ -31925,17 +32319,17 @@ function TableControls({ editor, containerRef }) {
     }
     return result;
   }, [editor, syncFromSelection]);
-  const runAtActiveCell = import_react51.default.useCallback((command, options) => {
+  const runAtActiveCell = import_react53.default.useCallback((command, options) => {
     return runAtCellPos(layoutRef.current?.cellPos ?? null, command, options);
   }, [runAtCellPos]);
-  const getCurrentCornerCellPos = import_react51.default.useCallback(() => {
+  const getCurrentCornerCellPos = import_react53.default.useCallback(() => {
     const activePos = layoutRef.current?.cellPos ?? editor.state.selection.from;
     return getLastCellPosFromState(editor, activePos);
   }, [editor]);
-  const runAtCornerCell = import_react51.default.useCallback((command, options) => {
+  const runAtCornerCell = import_react53.default.useCallback((command, options) => {
     return runAtCellPos(getCurrentCornerCellPos(), command, options);
   }, [getCurrentCornerCellPos, runAtCellPos]);
-  const replaceTableAtCellPos = import_react51.default.useCallback((cellPos, updateTable) => {
+  const replaceTableAtCellPos = import_react53.default.useCallback((cellPos, updateTable) => {
     if (cellPos == null) return false;
     const tableInfo = findTableInfo(editor, cellPos);
     if (!tableInfo) return false;
@@ -31945,10 +32339,10 @@ function TableControls({ editor, containerRef }) {
     requestAnimationFrame(syncFromSelection);
     return true;
   }, [editor, syncFromSelection]);
-  const createEmptyCellNode = import_react51.default.useCallback((cellNode) => {
+  const createEmptyCellNode = import_react53.default.useCallback((cellNode) => {
     return cellNode.type.createAndFill(cellNode.attrs) ?? cellNode;
   }, []);
-  const duplicateRowAt = import_react51.default.useCallback((rowIndex, cellPos) => {
+  const duplicateRowAt = import_react53.default.useCallback((rowIndex, cellPos) => {
     return replaceTableAtCellPos(cellPos, (tableNode) => {
       const rows = collectChildren(tableNode);
       const rowNode = rows[rowIndex];
@@ -31957,7 +32351,7 @@ function TableControls({ editor, containerRef }) {
       return tableNode.type.create(tableNode.attrs, rows);
     });
   }, [replaceTableAtCellPos]);
-  const clearRowAt = import_react51.default.useCallback((rowIndex, cellPos) => {
+  const clearRowAt = import_react53.default.useCallback((rowIndex, cellPos) => {
     return replaceTableAtCellPos(cellPos, (tableNode) => {
       const rows = collectChildren(tableNode);
       const rowNode = rows[rowIndex];
@@ -31967,7 +32361,7 @@ function TableControls({ editor, containerRef }) {
       return tableNode.type.create(tableNode.attrs, rows);
     });
   }, [createEmptyCellNode, replaceTableAtCellPos]);
-  const duplicateColumnAt = import_react51.default.useCallback((columnIndex, cellPos) => {
+  const duplicateColumnAt = import_react53.default.useCallback((columnIndex, cellPos) => {
     return replaceTableAtCellPos(cellPos, (tableNode) => {
       const rows = collectChildren(tableNode).map((rowNode) => {
         const cells = collectChildren(rowNode);
@@ -31979,7 +32373,7 @@ function TableControls({ editor, containerRef }) {
       return tableNode.type.create(tableNode.attrs, rows);
     });
   }, [replaceTableAtCellPos]);
-  const clearColumnAt = import_react51.default.useCallback((columnIndex, cellPos) => {
+  const clearColumnAt = import_react53.default.useCallback((columnIndex, cellPos) => {
     return replaceTableAtCellPos(cellPos, (tableNode) => {
       const rows = collectChildren(tableNode).map((rowNode) => {
         const cells = collectChildren(rowNode);
@@ -31991,7 +32385,7 @@ function TableControls({ editor, containerRef }) {
       return tableNode.type.create(tableNode.attrs, rows);
     });
   }, [createEmptyCellNode, replaceTableAtCellPos]);
-  const expandTableBy = import_react51.default.useCallback((rows, cols) => {
+  const expandTableBy = import_react53.default.useCallback((rows, cols) => {
     let ok = true;
     for (let index = 0; index < rows; index += 1) {
       ok = runAtCornerCell((chain) => chain.addRowAfter(), { sync: false });
@@ -32007,9 +32401,9 @@ function TableControls({ editor, containerRef }) {
   const canExpandTable = Boolean(layout);
   const controlsVisible = dragPreview !== null;
   const tableMenuOpen = openMenuKey === "table";
-  const getRowMenuKey = import_react51.default.useCallback((index) => `row:${index}`, []);
-  const getColumnMenuKey = import_react51.default.useCallback((index) => `column:${index}`, []);
-  import_react51.default.useEffect(() => {
+  const getRowMenuKey = import_react53.default.useCallback((index) => `row:${index}`, []);
+  const getColumnMenuKey = import_react53.default.useCallback((index) => `column:${index}`, []);
+  import_react53.default.useEffect(() => {
     const handleMouseMove = (event) => {
       const dragState = dragStateRef.current;
       const activeLayout = layoutRef.current;
@@ -32096,7 +32490,7 @@ function TableControls({ editor, containerRef }) {
       window.removeEventListener("blur", clearDrag);
     };
   }, [clearDrag, containerRef, editor, expandTableBy, syncFromSelection]);
-  const menuItems = import_react51.default.useMemo(() => {
+  const menuItems = import_react53.default.useMemo(() => {
     if (!layout) return [];
     return [
       {
@@ -32164,7 +32558,7 @@ function TableControls({ editor, containerRef }) {
       }
     ];
   }, [layout, runAtActiveCell, t]);
-  const getRowHandleMenuItems = import_react51.default.useCallback((rowHandle) => [
+  const getRowHandleMenuItems = import_react53.default.useCallback((rowHandle) => [
     {
       label: t("tableMenu.addRowBefore"),
       icon: import_lucide_react46.ArrowUp,
@@ -32192,7 +32586,7 @@ function TableControls({ editor, containerRef }) {
       destructive: true
     }
   ], [clearRowAt, duplicateRowAt, runAtCellPos, t]);
-  const getColumnHandleMenuItems = import_react51.default.useCallback((columnHandle) => [
+  const getColumnHandleMenuItems = import_react53.default.useCallback((columnHandle) => [
     {
       label: t("tableMenu.addColumnBefore"),
       icon: import_lucide_react46.ArrowLeft,
@@ -32741,10 +33135,10 @@ var UEDITOR_PROSEMIRROR_CLASS_NAME = cn(
 );
 
 // src/components/UEditor/use-table-interactions.ts
-var import_react53 = __toESM(require("react"), 1);
+var import_react55 = __toESM(require("react"), 1);
 
 // src/components/UEditor/use-table-row-resize.ts
-var import_react52 = __toESM(require("react"), 1);
+var import_react54 = __toESM(require("react"), 1);
 function useTableRowResize({
   editor,
   setHoveredTableCell,
@@ -32753,9 +33147,9 @@ function useTableRowResize({
   clearAllTableResizeHover,
   scheduleTableLayoutSync
 }) {
-  const commitFrameRef = (0, import_react52.useRef)(null);
-  const stateRef = (0, import_react52.useRef)(null);
-  const commitPreview = import_react52.default.useCallback(() => {
+  const commitFrameRef = (0, import_react54.useRef)(null);
+  const stateRef = (0, import_react54.useRef)(null);
+  const commitPreview = import_react54.default.useCallback(() => {
     if (!editor) return;
     const state = stateRef.current;
     if (!state) return;
@@ -32790,22 +33184,22 @@ function useTableRowResize({
     showRowGuide(state.tableElement, state.rowElement, state.cellElement);
     scheduleTableLayoutSync();
   }, [editor, scheduleTableLayoutSync, showRowGuide]);
-  const scheduleCommit = import_react52.default.useCallback(() => {
+  const scheduleCommit = import_react54.default.useCallback(() => {
     if (commitFrameRef.current !== null) return;
     commitFrameRef.current = window.requestAnimationFrame(() => {
       commitFrameRef.current = null;
       commitPreview();
     });
   }, [commitPreview]);
-  const syncActiveGuide = import_react52.default.useCallback(() => {
+  const syncActiveGuide = import_react54.default.useCallback(() => {
     const state = stateRef.current;
     if (!state) return false;
     setHoveredTableCell(state.cellElement);
     showRowGuide(state.tableElement, state.rowElement, state.cellElement);
     return true;
   }, [setHoveredTableCell, showRowGuide]);
-  const isResizing = import_react52.default.useCallback(() => stateRef.current !== null, []);
-  const beginResize = import_react52.default.useCallback((event, table, row, cell) => {
+  const isResizing = import_react54.default.useCallback(() => stateRef.current !== null, []);
+  const beginResize = import_react54.default.useCallback((event, table, row, cell) => {
     if (!editor || !isRowResizeHotspot(cell, event.clientX, event.clientY)) {
       return false;
     }
@@ -32831,7 +33225,7 @@ function useTableRowResize({
     event.stopPropagation();
     return true;
   }, [editor, setHoveredTableCell, showRowGuide]);
-  const handlePointerMove = import_react52.default.useCallback((event) => {
+  const handlePointerMove = import_react54.default.useCallback((event) => {
     const state = stateRef.current;
     if (!state) return;
     const nextHeight = Math.max(
@@ -32847,7 +33241,7 @@ function useTableRowResize({
     document.body.style.cursor = "row-resize";
     scheduleCommit();
   }, [scheduleCommit, showRowGuide]);
-  const handlePointerUp = import_react52.default.useCallback((event) => {
+  const handlePointerUp = import_react54.default.useCallback((event) => {
     if (!editor) return;
     const state = stateRef.current;
     if (!state) return;
@@ -32877,7 +33271,7 @@ function useTableRowResize({
     clearAllTableResizeHover();
     scheduleTableLayoutSync();
   }, [clearAllTableResizeHover, clearHoveredTableCell, commitPreview, editor, scheduleTableLayoutSync]);
-  const cancelResize = import_react52.default.useCallback(() => {
+  const cancelResize = import_react54.default.useCallback(() => {
     if (!stateRef.current) return;
     if (commitFrameRef.current !== null) {
       window.cancelAnimationFrame(commitFrameRef.current);
@@ -32889,7 +33283,7 @@ function useTableRowResize({
     clearAllTableResizeHover();
     scheduleTableLayoutSync();
   }, [clearAllTableResizeHover, clearHoveredTableCell, scheduleTableLayoutSync]);
-  const cleanup = import_react52.default.useCallback(() => {
+  const cleanup = import_react54.default.useCallback(() => {
     if (commitFrameRef.current !== null) {
       window.cancelAnimationFrame(commitFrameRef.current);
       commitFrameRef.current = null;
@@ -32910,40 +33304,40 @@ function useTableRowResize({
 
 // src/components/UEditor/use-table-interactions.ts
 function useUEditorTableInteractions(editor, editable = true) {
-  const editorContentRef = (0, import_react53.useRef)(null);
-  const tableColumnGuideRef = (0, import_react53.useRef)(null);
-  const tableRowGuideRef = (0, import_react53.useRef)(null);
-  const activeTableCellHighlightRef = (0, import_react53.useRef)(null);
-  const hoveredTableCellRef = (0, import_react53.useRef)(null);
-  const activeTableCellRef = (0, import_react53.useRef)(null);
-  const suppressActiveCellHighlightRef = (0, import_react53.useRef)(false);
-  const tableLayoutSyncFrameRef = (0, import_react53.useRef)(null);
-  const setEditorResizeCursor = import_react53.default.useCallback((cursor) => {
+  const editorContentRef = (0, import_react55.useRef)(null);
+  const tableColumnGuideRef = (0, import_react55.useRef)(null);
+  const tableRowGuideRef = (0, import_react55.useRef)(null);
+  const activeTableCellHighlightRef = (0, import_react55.useRef)(null);
+  const hoveredTableCellRef = (0, import_react55.useRef)(null);
+  const activeTableCellRef = (0, import_react55.useRef)(null);
+  const suppressActiveCellHighlightRef = (0, import_react55.useRef)(false);
+  const tableLayoutSyncFrameRef = (0, import_react55.useRef)(null);
+  const setEditorResizeCursor = import_react55.default.useCallback((cursor) => {
     const proseMirror = editorContentRef.current?.querySelector(".ProseMirror");
     if (proseMirror) {
       proseMirror.style.cursor = cursor;
     }
   }, []);
-  const hideColumnGuide = import_react53.default.useCallback(() => {
+  const hideColumnGuide = import_react55.default.useCallback(() => {
     editorContentRef.current?.classList.remove("resize-cursor");
     const guide = tableColumnGuideRef.current;
     if (guide) {
       guide.style.opacity = "0";
     }
   }, []);
-  const hideRowGuide = import_react53.default.useCallback(() => {
+  const hideRowGuide = import_react55.default.useCallback(() => {
     editorContentRef.current?.classList.remove("resize-row-cursor");
     const guide = tableRowGuideRef.current;
     if (guide) {
       guide.style.opacity = "0";
     }
   }, []);
-  const clearAllTableResizeHover = import_react53.default.useCallback(() => {
+  const clearAllTableResizeHover = import_react55.default.useCallback(() => {
     setEditorResizeCursor("");
     hideColumnGuide();
     hideRowGuide();
   }, [hideColumnGuide, hideRowGuide, setEditorResizeCursor]);
-  const updateActiveCellHighlight = import_react53.default.useCallback((cell) => {
+  const updateActiveCellHighlight = import_react55.default.useCallback((cell) => {
     const surface = editorContentRef.current;
     const highlight = activeTableCellHighlightRef.current;
     if (!highlight) return;
@@ -32958,7 +33352,7 @@ function useUEditorTableInteractions(editor, editable = true) {
     highlight.style.width = `${metrics.width}px`;
     highlight.style.height = `${metrics.height}px`;
   }, []);
-  const scheduleTableLayoutSync = import_react53.default.useCallback(() => {
+  const scheduleTableLayoutSync = import_react55.default.useCallback(() => {
     if (tableLayoutSyncFrameRef.current !== null) return;
     tableLayoutSyncFrameRef.current = window.requestAnimationFrame(() => {
       tableLayoutSyncFrameRef.current = null;
@@ -32966,22 +33360,22 @@ function useUEditorTableInteractions(editor, editable = true) {
       editorContentRef.current?.dispatchEvent(new CustomEvent(UEDITOR_TABLE_LAYOUT_CHANGE_EVENT));
     });
   }, [updateActiveCellHighlight]);
-  const setActiveTableCell = import_react53.default.useCallback((cell) => {
+  const setActiveTableCell = import_react55.default.useCallback((cell) => {
     if (activeTableCellRef.current === cell) return;
     activeTableCellRef.current = cell;
     updateActiveCellHighlight(activeTableCellRef.current);
   }, [updateActiveCellHighlight]);
-  const clearActiveTableCell = import_react53.default.useCallback(() => {
+  const clearActiveTableCell = import_react55.default.useCallback(() => {
     activeTableCellRef.current = null;
     updateActiveCellHighlight(null);
   }, [updateActiveCellHighlight]);
-  const setHoveredTableCell = import_react53.default.useCallback((cell) => {
+  const setHoveredTableCell = import_react55.default.useCallback((cell) => {
     hoveredTableCellRef.current = cell;
   }, []);
-  const clearHoveredTableCell = import_react53.default.useCallback(() => {
+  const clearHoveredTableCell = import_react55.default.useCallback(() => {
     hoveredTableCellRef.current = null;
   }, []);
-  const showColumnGuide = import_react53.default.useCallback((table, row, cell) => {
+  const showColumnGuide = import_react55.default.useCallback((table, row, cell) => {
     const surface = editorContentRef.current;
     const guide = tableColumnGuideRef.current;
     if (!surface || !guide) return;
@@ -32994,7 +33388,7 @@ function useUEditorTableInteractions(editor, editable = true) {
     surface.classList.add("resize-cursor");
     setEditorResizeCursor("col-resize");
   }, [setEditorResizeCursor]);
-  const showRowGuide = import_react53.default.useCallback((table, row, cell) => {
+  const showRowGuide = import_react55.default.useCallback((table, row, cell) => {
     const surface = editorContentRef.current;
     const guide = tableRowGuideRef.current;
     if (!surface || !guide) return;
@@ -33023,11 +33417,11 @@ function useUEditorTableInteractions(editor, editable = true) {
     clearAllTableResizeHover,
     scheduleTableLayoutSync
   });
-  const syncActiveTableCellFromSelection = import_react53.default.useCallback(() => {
+  const syncActiveTableCellFromSelection = import_react55.default.useCallback(() => {
     if (!editor) return;
     setActiveTableCell(getSelectionTableCell(editor.view));
   }, [editor, setActiveTableCell]);
-  (0, import_react53.useEffect)(() => {
+  (0, import_react55.useEffect)(() => {
     if (!editor || !editable) return void 0;
     const proseMirror = editor.view.dom;
     const surface = editorContentRef.current;
@@ -33188,7 +33582,7 @@ function useUEditorTableInteractions(editor, editable = true) {
 
 // src/components/UEditor/UEditor.tsx
 var import_jsx_runtime85 = require("react/jsx-runtime");
-var UEditor = import_react54.default.forwardRef(({
+var UEditor = import_react56.default.forwardRef(({
   content = "",
   onChange,
   onHtmlChange,
@@ -33219,9 +33613,9 @@ var UEditor = import_react54.default.forwardRef(({
 }, ref) => {
   const t = useSmartTranslations("UEditor");
   const effectivePlaceholder = placeholder ?? t("placeholder");
-  const inFlightPrepareRef = (0, import_react54.useRef)(null);
-  const lastAppliedContentRef = (0, import_react54.useRef)(content ?? "");
-  const extensions = (0, import_react54.useMemo)(
+  const inFlightPrepareRef = (0, import_react56.useRef)(null);
+  const lastAppliedContentRef = (0, import_react56.useRef)(content ?? "");
+  const extensions = (0, import_react56.useMemo)(
     () => buildUEditorExtensions({
       placeholder: effectivePlaceholder,
       translate: t,
@@ -33235,7 +33629,7 @@ var UEditor = import_react54.default.forwardRef(({
     }),
     [effectivePlaceholder, t, maxCharacters, uploadImage, imageInsertMode, maxImageFileSize, allowedImageMimeTypes, fallbackToDataUrl, editable]
   );
-  const editor = (0, import_react55.useEditor)({
+  const editor = (0, import_react57.useEditor)({
     immediatelyRender: false,
     extensions,
     content,
@@ -33281,7 +33675,7 @@ var UEditor = import_react54.default.forwardRef(({
     tableRowGuideRef,
     activeTableCellHighlightRef
   } = useUEditorTableInteractions(editor, editable);
-  (0, import_react54.useImperativeHandle)(
+  (0, import_react56.useImperativeHandle)(
     ref,
     () => ({
       prepareContentForSave: async ({ throwOnError = false } = {}) => {
@@ -33304,7 +33698,7 @@ var UEditor = import_react54.default.forwardRef(({
     }),
     [content, editor, uploadImageForSave, uploadImageConcurrency]
   );
-  (0, import_react54.useEffect)(() => {
+  (0, import_react56.useEffect)(() => {
     if (!editor) return;
     const nextContent = content ?? "";
     if (lastAppliedContentRef.current === nextContent) return;
@@ -33399,7 +33793,7 @@ var UEditor = import_react54.default.forwardRef(({
               ),
               editable && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(TableControls, { editor, containerRef: editorContentRef }),
               /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
-                import_react55.EditorContent,
+                import_react57.EditorContent,
                 {
                   editor,
                   className: "min-h-full"