@underverse-ui/underverse 1.0.53 → 1.0.55

package/dist/index.js

@@ -3478,7 +3478,7 @@ var ToastProvider = ({ children, position = "top-right", maxToasts = 5 }) => {
         return updated.slice(0, maxToasts);
       });
     },
-    [maxToasts, removeToast]
+    [maxToasts]
   );
   const positionClasses = {
     "top-right": "top-4 right-4",
@@ -3886,6 +3886,7 @@ import * as React15 from "react";
 import { createPortal as createPortal3 } from "react-dom";
 
 // src/utils/animations.ts
+import { useEffect as useEffect4 } from "react";
 var shadcnAnimationStyles = `
   /* ============================================
    * DROPDOWN / POPOVER ANIMATIONS
@@ -4051,7 +4052,7 @@ var shadcnAnimationStyles = `
     transition: backdrop-filter 200ms ease, background-color 200ms ease;
   }
 `;
-function useShadCNAnimations() {
+function ensureAnimationStylesInjected() {
   if (typeof document !== "undefined") {
     const styleId = "shadcn-animations";
     if (!document.getElementById(styleId)) {
@@ -4062,8 +4063,13 @@ function useShadCNAnimations() {
     }
   }
 }
+function useShadCNAnimations() {
+  useEffect4(() => {
+    ensureAnimationStylesInjected();
+  }, []);
+}
 function injectAnimationStyles() {
-  useShadCNAnimations();
+  ensureAnimationStylesInjected();
 }
 function getAnimationStyles() {
   return shadcnAnimationStyles;
@@ -4476,7 +4482,8 @@ var Sheet = ({
   closeOnOutsideClick = true,
   closeOnEscape = true,
   header,
-  footer
+  footer,
+  overlayOpacity
 }) => {
   const [mounted, setMounted] = React16.useState(false);
   const [isAnimating, setIsAnimating] = React16.useState(true);
@@ -4535,8 +4542,9 @@ var Sheet = ({
         className: cn(
           "fixed inset-0 transition-all duration-300 ease-out",
           variant === "overlay" ? "bg-background/95 backdrop-blur-sm" : "bg-background/80 backdrop-blur-sm",
-          open && !isAnimating ? "opacity-100" : "opacity-0"
+          overlayOpacity === void 0 && (open && !isAnimating ? "opacity-100" : "opacity-0")
         ),
+        style: overlayOpacity !== void 0 ? { opacity: open && !isAnimating ? overlayOpacity : 0 } : void 0,
         onClick: handleOverlayClick
       }
     ),
@@ -4691,7 +4699,7 @@ var Alert = ({ title, description, variant = "default", className, icon, dismiss
 var Alert_default = Alert;
 
 // src/components/GlobalLoading.tsx
-import React17, { useEffect as useEffect6, useState as useState12 } from "react";
+import React17, { useEffect as useEffect7, useState as useState12 } from "react";
 import { Activity as Activity2 } from "lucide-react";
 
 // src/utils/loading.ts
@@ -4739,7 +4747,7 @@ var loading = new LoadingManager();
 import { jsx as jsx21, jsxs as jsxs17 } from "react/jsx-runtime";
 var GlobalLoading = ({ className, backdrop = true, position = "fixed", size = "lg" }) => {
   const [state, setState] = useState12(() => loading.getState());
-  useEffect6(() => {
+  useEffect7(() => {
     const unsubscribe = loading.subscribe(setState);
     return unsubscribe;
   }, []);
@@ -5363,7 +5371,7 @@ import { useId as useId3 } from "react";
 import { ChevronDown, Search as Search3, SearchX, Check as Check3, X as X8 } from "lucide-react";
 
 // src/components/OverlayScrollbarProvider.tsx
-import { createContext as createContext4, useContext as useContext4, useEffect as useEffect9, useMemo as useMemo4 } from "react";
+import { createContext as createContext4, useContext as useContext4, useEffect as useEffect10, useMemo as useMemo4 } from "react";
 import { OverlayScrollbars } from "overlayscrollbars";
 
 // src/utils/overlay-scrollbar-controller.ts
@@ -5565,26 +5573,9 @@ function useOverlayScrollbarTarget(targetRef, options = {}) {
       ...inherited,
       ...options
     }),
-    [
-      inherited.enabled,
-      inherited.theme,
-      inherited.visibility,
-      inherited.autoHide,
-      inherited.autoHideDelay,
-      inherited.dragScroll,
-      inherited.clickScroll,
-      inherited.exclude,
-      options.enabled,
-      options.theme,
-      options.visibility,
-      options.autoHide,
-      options.autoHideDelay,
-      options.dragScroll,
-      options.clickScroll,
-      options.exclude
-    ]
+    [inherited, options]
   );
-  useEffect9(() => {
+  useEffect10(() => {
     if (typeof window === "undefined") return;
     const target = targetRef.current;
     if (!target) return;
@@ -5598,17 +5589,7 @@ function useOverlayScrollbarTarget(targetRef, options = {}) {
     return () => {
       controller.destroy();
     };
-  }, [
-    targetRef,
-    resolved.enabled,
-    resolved.theme,
-    resolved.visibility,
-    resolved.autoHide,
-    resolved.autoHideDelay,
-    resolved.dragScroll,
-    resolved.clickScroll,
-    resolved.exclude
-  ]);
+  }, [targetRef, resolved]);
 }
 var OverlayScrollbarProvider_default = OverlayScrollbarProvider;
 
@@ -11679,6 +11660,7 @@ function useSlotMetrics(args) {
   }, [
     activeView,
     adaptiveSlotWidths,
+    bodyClientWidth,
     dayHeaderMarks,
     dayHeaderSmart,
     daySlotCompression,
@@ -11791,6 +11773,7 @@ function CalendarTimeline({
   size = "md",
   enableEventSheet,
   eventSheetSize = "md",
+  eventSheetOverlayOpacity,
   renderEventSheet,
   selectedEventId,
   defaultSelectedEventId,
@@ -12064,7 +12047,7 @@ function CalendarTimeline({
   });
   React36.useEffect(() => {
     onRangeChange?.(range);
-  }, [range.start, range.end, onRangeChange]);
+  }, [range, onRangeChange]);
   const leftRef = React36.useRef(null);
   const bodyRef = React36.useRef(null);
   const headerRef = React36.useRef(null);
@@ -12376,7 +12359,7 @@ function CalendarTimeline({
       }
       return dayFmt.format(d);
     };
-  }, [activeView, dueDateSprint, l.sprint, resolvedLocale, resolvedTimeZone, slotStarts, slotStarts.length]);
+  }, [activeView, dueDateSprint, l.sprint, resolvedLocale, resolvedTimeZone, slotStarts]);
   const openCreate = React36.useCallback(() => {
     if (!canCreate) return;
     if (activeEventSheetOpen) setEventSheetOpen(false);
@@ -12539,7 +12522,7 @@ function CalendarTimeline({
         return;
       }
     },
-    [getPointerContext, range.end, range.start, slotToDate, slots.length]
+    [getPointerContext, range.end, range.start, setPreview, slotToDate, slots.length]
   );
   const flushDragPreview = React36.useCallback(() => {
     dragPreviewRafRef.current = null;
@@ -13207,6 +13190,7 @@ function CalendarTimeline({
             onOpenChange: setEventSheetOpen,
             side: "right",
             size: eventSheetSize,
+            overlayOpacity: eventSheetOverlayOpacity,
             title: selectedEvent.title ?? "Event",
             description: selectedTimeText || void 0,
             children: renderEventSheet ? renderEventSheet({
@@ -14092,7 +14076,10 @@ var Slider = React39.forwardRef(
     const currentRange = isRangeControlled ? rangeValue : internalRange;
     const rangeMin = clamp6(currentRange[0] ?? min, min, max);
     const rangeMax = clamp6(currentRange[1] ?? max, min, max);
-    const normalizedRange = rangeMin <= rangeMax ? [rangeMin, rangeMax] : [rangeMax, rangeMin];
+    const normalizedRange = React39.useMemo(
+      () => rangeMin <= rangeMax ? [rangeMin, rangeMax] : [rangeMax, rangeMin],
+      [rangeMax, rangeMin]
+    );
     const handleSingleChange = React39.useCallback(
       (e) => {
         const newValue = Number(e.target.value);
@@ -14480,21 +14467,21 @@ function OverlayControls({
       document.removeEventListener("mousemove", handleMouseMove);
     };
   }, [autoHide, autoHideDelay, showOnHover]);
-  const showFeedback = (type, value2) => {
+  const showFeedback = React40.useCallback((type, value2) => {
     if (feedbackTimerRef.current) clearTimeout(feedbackTimerRef.current);
     setKeyboardFeedback({ type, value: value2 });
     feedbackTimerRef.current = setTimeout(() => {
       setKeyboardFeedback(null);
     }, 800);
-  };
-  const accumulateSeek = (seconds) => {
+  }, []);
+  const accumulateSeek = React40.useCallback((seconds) => {
     if (seekAccumulatorTimerRef.current) clearTimeout(seekAccumulatorTimerRef.current);
     seekAccumulatorRef.current += seconds;
     showFeedback("seek", seekAccumulatorRef.current);
     seekAccumulatorTimerRef.current = setTimeout(() => {
       seekAccumulatorRef.current = 0;
     }, 1e3);
-  };
+  }, [showFeedback]);
   React40.useEffect(() => {
     if (!enableKeyboardShortcuts) return;
     const handleKeyDown = (e) => {
@@ -14593,6 +14580,7 @@ function OverlayControls({
     onSkip,
     skipSeconds,
     onChange,
+    onCommit,
     value,
     max,
     onVolumeChange,
@@ -14600,7 +14588,9 @@ function OverlayControls({
     onToggleFullscreen,
     onToggleMute,
     playing,
-    muted
+    muted,
+    accumulateSeek,
+    showFeedback
   ]);
   const formatTime3 = (sec) => {
     if (!isFinite(sec) || sec < 0) return "0:00";
@@ -14830,7 +14820,7 @@ function OverlayControls({
 }
 
 // src/components/CategoryTreeSelect.tsx
-import { useEffect as useEffect22, useId as useId7, useMemo as useMemo17, useRef as useRef17, useState as useState29 } from "react";
+import { useEffect as useEffect23, useId as useId7, useMemo as useMemo17, useRef as useRef17, useState as useState29 } from "react";
 import { ChevronRight as ChevronRight6, ChevronDown as ChevronDown5, FolderTree, Layers, Search as Search5, SearchX as SearchX3, X as X13 } from "lucide-react";
 import { jsx as jsx46, jsxs as jsxs38 } from "react/jsx-runtime";
 var defaultLabels = {
@@ -14876,7 +14866,10 @@ function CategoryTreeSelect(props) {
   const errorId = error ? `${resolvedId}-error` : void 0;
   const describedBy = errorId || helperId;
   const mergedLabels = { ...defaultLabels, ...labels };
-  const valueArray = singleSelect ? props.value != null ? [props.value] : [] : props.value || [];
+  const valueArray = useMemo17(
+    () => singleSelect ? props.value != null ? [props.value] : [] : props.value ?? [],
+    [props.value, singleSelect]
+  );
   const selectedIds = useMemo17(() => new Set(valueArray), [valueArray]);
   const { parentCategories, childrenMap, byId } = useMemo17(() => {
     const byId2 = /* @__PURE__ */ new Map();
@@ -14935,21 +14928,21 @@ function CategoryTreeSelect(props) {
     }
     return visible;
   }, [byId, categories, childrenMap, isSearchMode, normalizedQuery]);
-  useEffect22(() => {
+  useEffect23(() => {
     if (!isOpen) setQuery("");
   }, [isOpen]);
-  useEffect22(() => {
+  useEffect23(() => {
     if (!isOpen) return;
     if (!isSearchEnabled) return;
     const t = setTimeout(() => searchInputRef.current?.focus(), 50);
     return () => clearTimeout(t);
   }, [isOpen, isSearchEnabled]);
-  useEffect22(() => {
+  useEffect23(() => {
     if ((viewOnly || inline) && defaultExpanded) {
       const allParentIds = categories.filter((c) => childrenMap.has(c.id)).map((c) => c.id);
       setExpandedNodes(new Set(allParentIds));
     }
-  }, [viewOnly, inline, defaultExpanded, categories]);
+  }, [viewOnly, inline, defaultExpanded, categories, childrenMap]);
   const toggleExpand = (id2) => {
     if (isSearchMode) return;
     const newExpanded = new Set(expandedNodes);
@@ -15281,6 +15274,7 @@ function CategoryTreeSelect(props) {
             disabled,
             role: "combobox",
             "aria-haspopup": "tree",
+            "aria-expanded": isOpen,
             "aria-controls": `${resolvedId}-tree`,
             "aria-labelledby": labelId,
             "aria-describedby": describedBy,
@@ -15894,10 +15888,7 @@ function FileUpload({
                 "bg-linear-to-br from-muted/50 to-muted",
                 currentSize.fileIconSize
               ),
-              children: isImage && allowPreview ? (
-                // eslint-disable-next-line @next/next/no-img-element
-                /* @__PURE__ */ jsx48("img", { src: file.url, alt: file.name, className: "w-full h-full object-cover" })
-              ) : /* @__PURE__ */ jsx48(IconComponent, { className: cn("w-1/2 h-1/2", iconColor) })
+              children: isImage && allowPreview ? /* @__PURE__ */ jsx48("img", { src: file.url, alt: file.name, className: "w-full h-full object-cover" }) : /* @__PURE__ */ jsx48(IconComponent, { className: cn("w-1/2 h-1/2", iconColor) })
             }
           ),
           /* @__PURE__ */ jsxs40("div", { className: "flex-1 min-w-0", children: [
@@ -16489,10 +16480,14 @@ function FallingIcons({
     };
   }, [glow, glowColor, glowIntensity]);
   const FallbackIcon = React43.useMemo(
-    () => (props) => /* @__PURE__ */ jsx50("svg", { viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true", ...props, children: /* @__PURE__ */ jsx50("circle", { cx: "12", cy: "12", r: "10" }) }),
+    () => function FallingIconsFallbackIcon(props) {
+      return /* @__PURE__ */ jsx50("svg", { viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true", ...props, children: /* @__PURE__ */ jsx50("circle", { cx: "12", cy: "12", r: "10" }) });
+    },
     []
   );
-  const TheIcon = imageUrl ? ({ className: imgClassName }) => /* @__PURE__ */ jsx50("img", { src: imageUrl, alt: "", className: cn("w-full h-full object-cover rounded-lg", imgClassName), draggable: false }) : Icon || FallbackIcon;
+  const TheIcon = imageUrl ? function FallingIconsImage({ className: imgClassName }) {
+    return /* @__PURE__ */ jsx50("img", { src: imageUrl, alt: "", className: cn("w-full h-full object-cover rounded-lg", imgClassName), draggable: false });
+  } : Icon || FallbackIcon;
   return /* @__PURE__ */ jsxs42(
     "div",
     {
@@ -17953,7 +17948,7 @@ function ColorPicker({
 }
 
 // src/components/MusicPlayer.tsx
-import { useState as useState37, useRef as useRef21, useEffect as useEffect26 } from "react";
+import { useState as useState37, useRef as useRef21, useEffect as useEffect27 } from "react";
 import { Play as Play2, Pause as Pause2, SkipForward, SkipBack, Volume2 as Volume22, VolumeX as VolumeX2, List as List2, X as X16 } from "lucide-react";
 import { jsx as jsx55, jsxs as jsxs47 } from "react/jsx-runtime";
 var DEFAULT_PLAYLIST = [
@@ -18083,12 +18078,12 @@ var MusicPlayer = ({
   const [showPlaylist, setShowPlaylist] = useState37(initialShowPlaylist);
   const audioRef = useRef21(null);
   const currentSong = playlist[currentSongIndex];
-  useEffect26(() => {
+  useEffect27(() => {
     if (audioRef.current) {
       audioRef.current.volume = volume;
     }
   }, [volume]);
-  useEffect26(() => {
+  useEffect27(() => {
     if (autoPlay && audioRef.current) {
       audioRef.current.play().catch(() => {
         setIsPlaying(false);
@@ -18164,7 +18159,7 @@ var MusicPlayer = ({
     setCurrentSongIndex(index);
     setIsPlaying(true);
   };
-  useEffect26(() => {
+  useEffect27(() => {
     if (audioRef.current) {
       if (currentSong.startTime !== void 0) {
         audioRef.current.currentTime = currentSong.startTime;
@@ -18497,7 +18492,7 @@ var Grid_default = Grid;
 import { useMemo as useMemo19, useState as useState39, useRef as useRef23, useCallback as useCallback16 } from "react";
 
 // src/components/ChartTooltip.tsx
-import { useEffect as useEffect27, useState as useState38, useRef as useRef22 } from "react";
+import { useEffect as useEffect28, useState as useState38, useRef as useRef22 } from "react";
 import { createPortal as createPortal6 } from "react-dom";
 import { Fragment as Fragment21, jsx as jsx57, jsxs as jsxs49 } from "react/jsx-runtime";
 function ChartTooltip({
@@ -18516,10 +18511,10 @@ function ChartTooltip({
   const [isMounted, setIsMounted] = useState38(false);
   const [position, setPosition] = useState38(null);
   const tooltipRef = useRef22(null);
-  useEffect27(() => {
+  useEffect28(() => {
     setIsMounted(true);
   }, []);
-  useEffect27(() => {
+  useEffect28(() => {
     if (visible && containerRef?.current) {
       const rect = containerRef.current.getBoundingClientRect();
       const tw = tooltipRef.current?.offsetWidth ?? 160;
@@ -18596,6 +18591,7 @@ function ChartTooltip({
 }
 
 // src/utils/chart-utils.ts
+import * as React51 from "react";
 function getCatmullRomSpline(points, tension = 0.5) {
   if (points.length < 2) return "";
   if (points.length === 2) {
@@ -18919,7 +18915,10 @@ function BarChart({
   className = ""
 }) {
   const svgRef = useRef24(null);
-  const padding = horizontal ? { top: 20, right: 40, bottom: 20, left: 80 } : { top: 20, right: 20, bottom: 40, left: 40 };
+  const padding = useMemo20(
+    () => horizontal ? { top: 20, right: 40, bottom: 20, left: 80 } : { top: 20, right: 20, bottom: 40, left: 40 },
+    [horizontal]
+  );
   const chartWidth = width - padding.left - padding.right;
   const chartHeight = height - padding.top - padding.bottom;
   const [hoveredBar, setHoveredBar] = useState40(null);
@@ -19373,7 +19372,7 @@ function AreaChart({
 }) {
   const containerRef = useRef26(null);
   const clipId = useRef26(`area-clip-${Math.random().toString(36).slice(2, 8)}`).current;
-  const padding = { top: 20, right: 20, bottom: 40, left: 50 };
+  const padding = useMemo22(() => ({ top: 20, right: 20, bottom: 40, left: 50 }), []);
   const chartWidth = width - padding.left - padding.right;
   const chartHeight = height - padding.top - padding.bottom;
   const [hoveredPoint, setHoveredPoint] = useState42(null);
@@ -20142,11 +20141,11 @@ function GaugeChart({
 }
 
 // src/components/ClientOnly.tsx
-import { useEffect as useEffect28, useState as useState44 } from "react";
+import { useEffect as useEffect29, useState as useState44 } from "react";
 import { Fragment as Fragment24, jsx as jsx65 } from "react/jsx-runtime";
 function ClientOnly({ children, fallback = null }) {
   const [hasMounted, setHasMounted] = useState44(false);
-  useEffect28(() => {
+  useEffect29(() => {
     setHasMounted(true);
   }, []);
   if (!hasMounted) {
@@ -20242,7 +20241,7 @@ var LoadingBar = ({
 };
 
 // src/components/Table.tsx
-import React58 from "react";
+import React59 from "react";
 import { jsx as jsx67, jsxs as jsxs58 } from "react/jsx-runtime";
 var TABLE_BASE_CLASS = "w-full caption-bottom text-sm";
 var TABLE_CONTAINER_BASE_CLASS = [
@@ -20260,8 +20259,8 @@ function assignRef3(ref, value) {
     ref.current = value;
   }
 }
-var TableContainer = React58.forwardRef(({ className, useOverlayScrollbar = false, ...props }, ref) => {
-  const containerRef = React58.useRef(null);
+var TableContainer = React59.forwardRef(({ className, useOverlayScrollbar = false, ...props }, ref) => {
+  const containerRef = React59.useRef(null);
   useOverlayScrollbarTarget(containerRef, { enabled: useOverlayScrollbar });
   return /* @__PURE__ */ jsx67(
     "div",
@@ -20276,7 +20275,7 @@ var TableContainer = React58.forwardRef(({ className, useOverlayScrollbar = fals
   );
 });
 TableContainer.displayName = "TableContainer";
-var Table = React58.forwardRef(
+var Table = React59.forwardRef(
   ({ className, containerClassName, disableContainer = false, useOverlayScrollbar = false, ...props }, ref) => {
     if (disableContainer) {
       return /* @__PURE__ */ jsx67("table", { ref, className: cn(TABLE_BASE_CLASS, className), ...props });
@@ -20285,16 +20284,16 @@ var Table = React58.forwardRef(
   }
 );
 Table.displayName = "Table";
-var TableHeader = React58.forwardRef(({ className, children, filterRow, ...props }, ref) => /* @__PURE__ */ jsxs58("thead", { ref, className: cn("[&_tr]:border-b [&_tr]:border-border", "bg-muted", className), ...props, children: [
+var TableHeader = React59.forwardRef(({ className, children, filterRow, ...props }, ref) => /* @__PURE__ */ jsxs58("thead", { ref, className: cn("[&_tr]:border-b [&_tr]:border-border", "bg-muted", className), ...props, children: [
   children,
   filterRow
 ] }));
 TableHeader.displayName = "TableHeader";
-var TableBody = React58.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx67("tbody", { ref, className: cn("[&_tr:last-child]:border-0", className), ...props }));
+var TableBody = React59.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx67("tbody", { ref, className: cn("[&_tr:last-child]:border-0", className), ...props }));
 TableBody.displayName = "TableBody";
-var TableFooter = React58.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx67("tfoot", { ref, className: cn("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0", className), ...props }));
+var TableFooter = React59.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx67("tfoot", { ref, className: cn("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0", className), ...props }));
 TableFooter.displayName = "TableFooter";
-var TableRow = React58.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx67(
+var TableRow = React59.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx67(
   "tr",
   {
     ref,
@@ -20308,7 +20307,7 @@ var TableRow = React58.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TableRow.displayName = "TableRow";
-var TableHead = React58.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx67(
+var TableHead = React59.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx67(
   "th",
   {
     ref,
@@ -20317,13 +20316,13 @@ var TableHead = React58.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 TableHead.displayName = "TableHead";
-var TableCell = React58.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx67("td", { ref, className: cn("p-4 align-middle [&:has([role=checkbox])]:pr-0", className), ...props }));
+var TableCell = React59.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx67("td", { ref, className: cn("p-4 align-middle [&:has([role=checkbox])]:pr-0", className), ...props }));
 TableCell.displayName = "TableCell";
-var TableCaption = React58.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx67("caption", { ref, className: cn("mt-4 text-sm text-muted-foreground", className), ...props }));
+var TableCaption = React59.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx67("caption", { ref, className: cn("mt-4 text-sm text-muted-foreground", className), ...props }));
 TableCaption.displayName = "TableCaption";
 
 // src/components/DataTable/DataTable.tsx
-import React67 from "react";
+import React68 from "react";
 
 // src/components/DataTable/components/DataTableBody.tsx
 import { jsx as jsx68, jsxs as jsxs59 } from "react/jsx-runtime";
@@ -20395,7 +20394,7 @@ function DataTableBodyRows({
 }
 
 // src/components/DataTable/components/DataTableHeader.tsx
-import React59 from "react";
+import React60 from "react";
 import { Filter as FilterIcon } from "lucide-react";
 import { Fragment as Fragment25, jsx as jsx69, jsxs as jsxs60 } from "react/jsx-runtime";
 function DataTableHeader({
@@ -20415,7 +20414,7 @@ function DataTableHeader({
   getStickyHeaderCellStyle,
   t
 }) {
-  const renderFilterControl = React59.useCallback(
+  const renderFilterControl = React60.useCallback(
     (col) => {
       if (!col.filter) return null;
       const key = col.key;
@@ -20468,7 +20467,7 @@ function DataTableHeader({
     },
     [filters, setCurPage, setFilters, size]
   );
-  const renderHeaderContent = React59.useCallback(
+  const renderHeaderContent = React60.useCallback(
     (col, isLeaf) => {
       if (!isLeaf) {
         return /* @__PURE__ */ jsx69(
@@ -20631,7 +20630,7 @@ function DataTableHeader({
 }
 
 // src/components/DataTable/components/Pagination.tsx
-import React60 from "react";
+import React61 from "react";
 import { jsx as jsx70, jsxs as jsxs61 } from "react/jsx-runtime";
 function DataTablePagination({
   totalItems,
@@ -20643,14 +20642,7 @@ function DataTablePagination({
   size
 }) {
   const totalPages = Math.ceil(totalItems / curPageSize);
-  if (!(totalItems > 0 && totalPages > 1)) return null;
-  const controlButtonSize = size === "lg" ? "md" : "sm";
-  const navBtnClass = size === "sm" ? "h-6 w-6 p-0 rounded-full" : size === "lg" ? "h-8 w-8 p-0 rounded-full" : "h-7 w-7 p-0 rounded-full";
-  const navIconClass = size === "sm" ? "h-3.5 w-3.5" : size === "lg" ? "h-5 w-5" : "h-4 w-4";
-  const pageBtnClass = size === "sm" ? "h-6 min-w-6 px-1.5 rounded-full text-[11px] font-medium transition-colors" : size === "lg" ? "h-8 min-w-8 px-2.5 rounded-full text-sm font-medium transition-colors" : "h-7 min-w-7 px-2 rounded-full text-xs font-medium transition-colors";
-  const containerTextClass = size === "sm" ? "text-[11px]" : size === "lg" ? "text-sm" : "text-xs";
-  const pageSizeClass = size === "sm" ? "w-16" : size === "lg" ? "w-24" : "w-20";
-  const pages = React60.useMemo(() => {
+  const pages = React61.useMemo(() => {
     const result = [];
     if (totalPages <= 5) {
       for (let i = 1; i <= totalPages; i++) result.push(i);
@@ -20665,6 +20657,13 @@ function DataTablePagination({
     result.push(totalPages);
     return result;
   }, [curPage, totalPages]);
+  if (!(totalItems > 0 && totalPages > 1)) return null;
+  const controlButtonSize = size === "lg" ? "md" : "sm";
+  const navBtnClass = size === "sm" ? "h-6 w-6 p-0 rounded-full" : size === "lg" ? "h-8 w-8 p-0 rounded-full" : "h-7 w-7 p-0 rounded-full";
+  const navIconClass = size === "sm" ? "h-3.5 w-3.5" : size === "lg" ? "h-5 w-5" : "h-4 w-4";
+  const pageBtnClass = size === "sm" ? "h-6 min-w-6 px-1.5 rounded-full text-[11px] font-medium transition-colors" : size === "lg" ? "h-8 min-w-8 px-2.5 rounded-full text-sm font-medium transition-colors" : "h-7 min-w-7 px-2 rounded-full text-xs font-medium transition-colors";
+  const containerTextClass = size === "sm" ? "text-[11px]" : size === "lg" ? "text-sm" : "text-xs";
+  const pageSizeClass = size === "sm" ? "w-16" : size === "lg" ? "w-24" : "w-20";
   return /* @__PURE__ */ jsxs61("div", { className: cn("flex items-center justify-between gap-2 px-1 pt-3 text-muted-foreground", containerTextClass), children: [
     /* @__PURE__ */ jsxs61("div", { className: "tabular-nums", children: [
       (curPage - 1) * curPageSize + 1,
@@ -20725,7 +20724,7 @@ function DataTablePagination({
 }
 
 // src/components/DataTable/components/Toolbar.tsx
-import React61 from "react";
+import React62 from "react";
 
 // src/components/DataTable/utils/headers.ts
 function isLeafColumn(col) {
@@ -20846,7 +20845,7 @@ function DataTableToolbar({
   const controlButtonClass = size === "sm" ? "h-7 px-2 text-xs" : size === "lg" ? "h-9 px-3 text-sm" : "h-8 px-2";
   const iconClass = size === "sm" ? "w-3.5 h-3.5 mr-1" : "w-4 h-4 mr-1";
   const captionClass = size === "sm" ? "text-xs" : size === "lg" ? "text-sm" : "text-sm";
-  const leafCols = React61.useMemo(() => getLeafColumns(columns), [columns]);
+  const leafCols = React62.useMemo(() => getLeafColumns(columns), [columns]);
   return /* @__PURE__ */ jsxs62("div", { className: "flex items-center justify-between gap-4 mb-1", children: [
     /* @__PURE__ */ jsx71("div", { className: captionClass + " text-muted-foreground", children: caption }),
     /* @__PURE__ */ jsxs62("div", { className: "flex items-center gap-2", children: [
@@ -20914,10 +20913,10 @@ function DataTableToolbar({
 }
 
 // src/components/DataTable/hooks/useDebounced.ts
-import React62 from "react";
+import React63 from "react";
 function useDebounced(value, delay = 300) {
-  const [debounced, setDebounced] = React62.useState(value);
-  React62.useEffect(() => {
+  const [debounced, setDebounced] = React63.useState(value);
+  React63.useEffect(() => {
     const id = setTimeout(() => setDebounced(value), delay);
     return () => clearTimeout(id);
   }, [value, delay]);
@@ -20925,7 +20924,7 @@ function useDebounced(value, delay = 300) {
 }
 
 // src/components/DataTable/hooks/useDataTableModel.ts
-import React63 from "react";
+import React64 from "react";
 
 // src/components/DataTable/utils/columns.ts
 function getColumnWidth(col, fallback = 150) {
@@ -20953,22 +20952,22 @@ function useDataTableModel({
   isServerMode,
   total
 }) {
-  const visibleColsSet = React63.useMemo(() => new Set(visibleCols), [visibleCols]);
-  const allLeafColumns = React63.useMemo(() => getLeafColumns(columns), [columns]);
-  const columnMap = React63.useMemo(() => {
+  const visibleColsSet = React64.useMemo(() => new Set(visibleCols), [visibleCols]);
+  const allLeafColumns = React64.useMemo(() => getLeafColumns(columns), [columns]);
+  const columnMap = React64.useMemo(() => {
     return new Map(allLeafColumns.map((column) => [column.key, column]));
   }, [allLeafColumns]);
-  const visibleColumns = React63.useMemo(() => {
+  const visibleColumns = React64.useMemo(() => {
     return filterVisibleColumns(columns, visibleColsSet);
   }, [columns, visibleColsSet]);
-  const leafColumns = React63.useMemo(() => {
+  const leafColumns = React64.useMemo(() => {
     return getLeafColumnsWithFixedInheritance(visibleColumns);
   }, [visibleColumns]);
-  const headerRows = React63.useMemo(() => buildHeaderRows(visibleColumns), [visibleColumns]);
-  const totalColumnsWidth = React63.useMemo(() => {
+  const headerRows = React64.useMemo(() => buildHeaderRows(visibleColumns), [visibleColumns]);
+  const totalColumnsWidth = React64.useMemo(() => {
     return leafColumns.reduce((sum, column) => sum + getColumnWidth(column), 0);
   }, [leafColumns]);
-  const processedData = React63.useMemo(() => {
+  const processedData = React64.useMemo(() => {
     if (isServerMode) return data;
     let result = [...data];
     if (Object.keys(filters).length > 0) {
@@ -21000,7 +20999,7 @@ function useDataTableModel({
     return result;
   }, [columnMap, data, filters, isServerMode, sort]);
   const totalItems = isServerMode ? total : processedData.length;
-  const displayedData = React63.useMemo(() => {
+  const displayedData = React64.useMemo(() => {
     if (isServerMode) return data;
     const start = (curPage - 1) * curPageSize;
     return processedData.slice(start, start + curPageSize);
@@ -21016,13 +21015,13 @@ function useDataTableModel({
 }
 
 // src/components/DataTable/hooks/useDataTableState.ts
-import React65 from "react";
+import React66 from "react";
 
 // src/components/DataTable/hooks/usePageSizeStorage.ts
-import React64 from "react";
+import React65 from "react";
 function usePageSizeStorage({ pageSize, storageKey }) {
-  const loadedFromStorage = React64.useRef(false);
-  const [curPageSize, setCurPageSize] = React64.useState(() => {
+  const loadedFromStorage = React65.useRef(false);
+  const [curPageSize, setCurPageSize] = React65.useState(() => {
     if (typeof window === "undefined" || !storageKey) return pageSize;
     try {
       const saved = localStorage.getItem(`datatable_${storageKey}_pageSize`);
@@ -21037,11 +21036,11 @@ function usePageSizeStorage({ pageSize, storageKey }) {
     }
     return pageSize;
   });
-  const hasMounted = React64.useRef(false);
-  React64.useEffect(() => {
+  const hasMounted = React65.useRef(false);
+  React65.useEffect(() => {
     hasMounted.current = true;
   }, []);
-  React64.useEffect(() => {
+  React65.useEffect(() => {
     if (typeof window === "undefined" || !storageKey) return;
     if (!hasMounted.current) return;
     try {
@@ -21049,7 +21048,7 @@ function usePageSizeStorage({ pageSize, storageKey }) {
     } catch {
     }
   }, [curPageSize, storageKey]);
-  React64.useEffect(() => {
+  React65.useEffect(() => {
     if (storageKey && loadedFromStorage.current) return;
     setCurPageSize(pageSize);
   }, [pageSize, storageKey]);
@@ -21069,17 +21068,17 @@ function useDataTableState({
   size,
   storageKey
 }) {
-  const allLeafColumns = React65.useMemo(() => getLeafColumns(columns), [columns]);
-  const defaultVisibleLeafKeys = React65.useMemo(() => allLeafColumns.filter((column) => column.visible !== false).map((column) => column.key), [allLeafColumns]);
-  const knownLeafKeysRef = React65.useRef(new Set(defaultVisibleLeafKeys));
-  const [headerAlign, setHeaderAlign] = React65.useState("left");
-  const [visibleCols, setVisibleCols] = React65.useState(defaultVisibleLeafKeys);
-  const [filters, setFilters] = React65.useState({});
-  const [sort, setSort] = React65.useState(null);
-  const [density, setDensity] = React65.useState(() => SIZE_TO_DENSITY[size]);
-  const [curPage, setCurPage] = React65.useState(page);
+  const allLeafColumns = React66.useMemo(() => getLeafColumns(columns), [columns]);
+  const defaultVisibleLeafKeys = React66.useMemo(() => allLeafColumns.filter((column) => column.visible !== false).map((column) => column.key), [allLeafColumns]);
+  const knownLeafKeysRef = React66.useRef(new Set(defaultVisibleLeafKeys));
+  const [headerAlign, setHeaderAlign] = React66.useState("left");
+  const [visibleCols, setVisibleCols] = React66.useState(defaultVisibleLeafKeys);
+  const [filters, setFilters] = React66.useState({});
+  const [sort, setSort] = React66.useState(null);
+  const [density, setDensity] = React66.useState(() => SIZE_TO_DENSITY[size]);
+  const [curPage, setCurPage] = React66.useState(page);
   const { curPageSize, setCurPageSize } = usePageSizeStorage({ pageSize, storageKey });
-  React65.useEffect(() => {
+  React66.useEffect(() => {
     const knownLeafKeys = knownLeafKeysRef.current;
     setVisibleCols((prev) => {
       const prevSet = new Set(prev);
@@ -21087,10 +21086,10 @@ function useDataTableState({
     });
     knownLeafKeysRef.current = new Set(allLeafColumns.map((column) => column.key));
   }, [allLeafColumns]);
-  React65.useEffect(() => {
+  React66.useEffect(() => {
     setCurPage(page);
   }, [page]);
-  React65.useEffect(() => {
+  React66.useEffect(() => {
     setDensity(SIZE_TO_DENSITY[size]);
   }, [size]);
   return {
@@ -21112,7 +21111,7 @@ function useDataTableState({
 }
 
 // src/components/DataTable/hooks/useStickyColumns.ts
-import React66 from "react";
+import React67 from "react";
 
 // src/components/DataTable/utils/sticky.ts
 function buildStickyLayout(visibleColumns) {
@@ -21159,8 +21158,8 @@ function resolveGroupStickyPosition(column, positions) {
 
 // src/components/DataTable/hooks/useStickyColumns.ts
 function useStickyColumns(visibleColumns) {
-  const { positions, leftBoundaryKey, rightBoundaryKey } = React66.useMemo(() => buildStickyLayout(visibleColumns), [visibleColumns]);
-  const getStickyColumnStyle = React66.useCallback(
+  const { positions, leftBoundaryKey, rightBoundaryKey } = React67.useMemo(() => buildStickyLayout(visibleColumns), [visibleColumns]);
+  const getStickyColumnStyle = React67.useCallback(
     (col) => {
       const pos = resolveStickyPosition(col, positions);
       if (!pos) return {};
@@ -21171,7 +21170,7 @@ function useStickyColumns(visibleColumns) {
     },
     [positions]
   );
-  const getBoundaryShadowClass = React66.useCallback(
+  const getBoundaryShadowClass = React67.useCallback(
     (col) => {
       if (col.fixed === "left" && col.key === leftBoundaryKey) {
         return "border-r border-border/80 shadow-[10px_0_16px_-10px_rgba(0,0,0,0.55)]";
@@ -21183,14 +21182,14 @@ function useStickyColumns(visibleColumns) {
     },
     [leftBoundaryKey, rightBoundaryKey]
   );
-  const getStickyHeaderClass = React66.useCallback(
+  const getStickyHeaderClass = React67.useCallback(
     (col) => {
       if (!col.fixed) return "";
       return cn("sticky", col.fixed === "left" && "left-0", col.fixed === "right" && "right-0", getBoundaryShadowClass(col), "z-50 !bg-muted");
     },
     [getBoundaryShadowClass]
   );
-  const getStickyCellClass = React66.useCallback(
+  const getStickyCellClass = React67.useCallback(
     (col, isStripedRow) => {
       if (!col.fixed) return "";
       return cn(
@@ -21203,7 +21202,7 @@ function useStickyColumns(visibleColumns) {
     },
     [getBoundaryShadowClass]
   );
-  const getStickyHeaderCellStyle = React66.useCallback(
+  const getStickyHeaderCellStyle = React67.useCallback(
     (headerCell) => {
       const col = headerCell.column;
       if (headerCell.isLeaf) {
@@ -21350,7 +21349,7 @@ function DataTable({
     size,
     storageKey
   });
-  React67.useEffect(() => {
+  React68.useEffect(() => {
     if (process.env.NODE_ENV === "development") {
       const warnings = validateColumns(columns);
       warnings.forEach((w) => console.warn(`[DataTable] ${w}`));
@@ -21358,8 +21357,8 @@ function DataTable({
   }, [columns]);
   const debouncedFilters = useDebounced(filters, 350);
   const isServerMode = Boolean(onQueryChange);
-  const hasEmittedQuery = React67.useRef(false);
-  React67.useEffect(() => {
+  const hasEmittedQuery = React68.useRef(false);
+  React68.useEffect(() => {
     if (!onQueryChange) return;
     if (!hasEmittedQuery.current) {
       hasEmittedQuery.current = true;
@@ -21367,7 +21366,7 @@ function DataTable({
     }
     onQueryChange({ filters: debouncedFilters, sort, page: curPage, pageSize: curPageSize });
   }, [debouncedFilters, sort, curPage, curPageSize, onQueryChange]);
-  React67.useEffect(() => {
+  React68.useEffect(() => {
     if (process.env.NODE_ENV !== "development" || rowKey) return;
     const hasQueryFeatures = columns.some((column) => column.sortable || column.filter) || Boolean(pageSizeOptions?.length) || isServerMode;
     if (!hasQueryFeatures) return;
@@ -21395,7 +21394,7 @@ function DataTable({
     if (typeof rowKey === "function") return String(rowKey(row));
     return String(row[rowKey]);
   };
-  const viewportRef = React67.useRef(null);
+  const viewportRef = React68.useRef(null);
   useOverlayScrollbarTarget(viewportRef, { enabled: useOverlayScrollbar });
   return /* @__PURE__ */ jsxs63("div", { className: cn("space-y-2", className), children: [
     /* @__PURE__ */ jsx72(
@@ -21501,10 +21500,10 @@ function DataTable({
 var DataTable_default = DataTable;
 
 // src/components/Form.tsx
-import * as React68 from "react";
+import * as React69 from "react";
 import { Controller, FormProvider, useFormContext, useForm } from "react-hook-form";
 import { jsx as jsx73, jsxs as jsxs64 } from "react/jsx-runtime";
-var FormConfigContext = React68.createContext({ size: "md" });
+var FormConfigContext = React69.createContext({ size: "md" });
 var FormWrapper = ({
   children,
   onSubmit,
@@ -21517,7 +21516,7 @@ var FormWrapper = ({
   const methods = useForm({
     defaultValues: initialValues
   });
-  React68.useEffect(() => {
+  React69.useEffect(() => {
     if (initialValues) {
       methods.reset(initialValues);
     }
@@ -21526,23 +21525,18 @@ var FormWrapper = ({
   return /* @__PURE__ */ jsx73(FormProvider, { ...methods, children: /* @__PURE__ */ jsx73(FormConfigContext.Provider, { value: { size }, children: /* @__PURE__ */ jsx73("form", { onSubmit: methods.handleSubmit(onSubmit), className, ...formProps, children }) }) });
 };
 var Form = FormWrapper;
-var FormFieldContext = React68.createContext({});
+var FormFieldContext = React69.createContext({});
 var FormField = ({
   ...props
 }) => {
   return /* @__PURE__ */ jsx73(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ jsx73(Controller, { ...props }) });
 };
 var useFormField = () => {
-  const fieldContext = React68.useContext(FormFieldContext);
-  const itemContext = React68.useContext(FormItemContext);
+  const fieldContext = React69.useContext(FormFieldContext);
+  const itemContext = React69.useContext(FormItemContext);
   const { getFieldState, formState } = useFormContext();
   if (!fieldContext) {
-    try {
-      const t = useSmartTranslations("Form");
-      throw new Error(t("validation.mustBeUsedWithinForm"));
-    } catch {
-      throw new Error("useFormField must be used within FormField");
-    }
+    throw new Error("useFormField must be used within FormField");
   }
   const fieldState = getFieldState(fieldContext.name, formState);
   const { id } = itemContext;
@@ -21555,16 +21549,16 @@ var useFormField = () => {
     ...fieldState
   };
 };
-var FormItemContext = React68.createContext({});
-var FormItem = React68.forwardRef(({ className, ...props }, ref) => {
-  const id = React68.useId();
+var FormItemContext = React69.createContext({});
+var FormItem = React69.forwardRef(({ className, ...props }, ref) => {
+  const id = React69.useId();
   return /* @__PURE__ */ jsx73(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsx73("div", { ref, className: cn("space-y-2", className), ...props }) });
 });
 FormItem.displayName = "FormItem";
-var FormLabel = React68.forwardRef(
+var FormLabel = React69.forwardRef(
   ({ className, children, required, ...props }, ref) => {
     const { error, formItemId } = useFormField();
-    const config = React68.useContext(FormConfigContext);
+    const config = React69.useContext(FormConfigContext);
     const sizeClass = config.size === "sm" ? "text-xs" : config.size === "lg" ? "text-base" : "text-sm";
     return /* @__PURE__ */ jsxs64(Label, { ref, className: cn(sizeClass, error && "text-destructive", className), htmlFor: formItemId, ...props, children: [
       children,
@@ -21573,7 +21567,7 @@ var FormLabel = React68.forwardRef(
   }
 );
 FormLabel.displayName = "FormLabel";
-var FormControl = React68.forwardRef(({ ...props }, ref) => {
+var FormControl = React69.forwardRef(({ ...props }, ref) => {
   const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
   return /* @__PURE__ */ jsx73(
     "div",
@@ -21587,12 +21581,12 @@ var FormControl = React68.forwardRef(({ ...props }, ref) => {
   );
 });
 FormControl.displayName = "FormControl";
-var FormDescription = React68.forwardRef(({ className, ...props }, ref) => {
+var FormDescription = React69.forwardRef(({ className, ...props }, ref) => {
   const { formDescriptionId } = useFormField();
   return /* @__PURE__ */ jsx73("p", { ref, id: formDescriptionId, className: cn("text-sm text-muted-foreground", className), ...props });
 });
 FormDescription.displayName = "FormDescription";
-var FormMessage = React68.forwardRef(({ className, children, ...props }, ref) => {
+var FormMessage = React69.forwardRef(({ className, children, ...props }, ref) => {
   const { error, formMessageId } = useFormField();
   const body = error ? String(error?.message) : children;
   if (!body) {
@@ -21601,7 +21595,7 @@ var FormMessage = React68.forwardRef(({ className, children, ...props }, ref) =>
   return /* @__PURE__ */ jsx73("p", { ref, id: formMessageId, className: cn("text-sm font-medium text-destructive", className), ...props, children: body });
 });
 FormMessage.displayName = "FormMessage";
-var FormInput = React68.forwardRef(({ name, ...props }, ref) => /* @__PURE__ */ jsx73(FormConfigContext.Consumer, { children: ({ size }) => /* @__PURE__ */ jsx73(
+var FormInput = React69.forwardRef(({ name, ...props }, ref) => /* @__PURE__ */ jsx73(FormConfigContext.Consumer, { children: ({ size }) => /* @__PURE__ */ jsx73(
   FormField,
   {
     name,
@@ -21612,7 +21606,7 @@ var FormInput = React68.forwardRef(({ name, ...props }, ref) => /* @__PURE__ */
   }
 ) }));
 FormInput.displayName = "FormInput";
-var FormCheckbox = React68.forwardRef(({ name, ...props }, ref) => /* @__PURE__ */ jsx73(FormConfigContext.Consumer, { children: ({ size }) => /* @__PURE__ */ jsx73(
+var FormCheckbox = React69.forwardRef(({ name, ...props }, ref) => /* @__PURE__ */ jsx73(FormConfigContext.Consumer, { children: ({ size }) => /* @__PURE__ */ jsx73(
   FormField,
   {
     name,
@@ -21636,9 +21630,9 @@ var FormCheckbox = React68.forwardRef(({ name, ...props }, ref) => /* @__PURE__
   }
 ) }));
 FormCheckbox.displayName = "FormCheckbox";
-var FormActions = React68.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx73("div", { ref, className: cn("flex gap-2 justify-end", className), ...props }));
+var FormActions = React69.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx73("div", { ref, className: cn("flex gap-2 justify-end", className), ...props }));
 FormActions.displayName = "FormActions";
-var FormSubmitButton = React68.forwardRef(
+var FormSubmitButton = React69.forwardRef(
   ({ children, loading: loading2, ...props }, ref) => /* @__PURE__ */ jsx73(FormConfigContext.Consumer, { children: ({ size }) => /* @__PURE__ */ jsx73(Button_default, { ref, type: "submit", size: props.size ?? size, disabled: loading2, ...props, children }) })
 );
 FormSubmitButton.displayName = "FormSubmitButton";
@@ -21720,7 +21714,7 @@ function AccessDenied({
 
 // src/components/ThemeToggleHeadless.tsx
 import { Moon as Moon2, Sun as Sun2, Monitor } from "lucide-react";
-import { useEffect as useEffect30, useRef as useRef28, useState as useState45 } from "react";
+import { useEffect as useEffect31, useRef as useRef28, useState as useState45 } from "react";
 import { createPortal as createPortal7 } from "react-dom";
 import { Fragment as Fragment26, jsx as jsx76, jsxs as jsxs67 } from "react/jsx-runtime";
 function ThemeToggleHeadless({
@@ -21733,7 +21727,7 @@ function ThemeToggleHeadless({
   const [mounted, setMounted] = useState45(false);
   const triggerRef = useRef28(null);
   const [dropdownPosition, setDropdownPosition] = useState45(null);
-  useEffect30(() => setMounted(true), []);
+  useEffect31(() => setMounted(true), []);
   const themes = [
     { value: "light", label: labels?.light ?? "Light", icon: Sun2 },
     { value: "dark", label: labels?.dark ?? "Dark", icon: Moon2 },
@@ -21929,7 +21923,7 @@ var VARIANT_STYLES_ALERT = {
 };
 
 // ../../lib/i18n/translation-adapter.tsx
-import * as React70 from "react";
+import * as React71 from "react";
 import { jsx as jsx78 } from "react/jsx-runtime";
 var defaultTranslations2 = {
   en: {
@@ -22294,9 +22288,9 @@ function resolveTranslationValue2(translations, namespace, key) {
   const value = resolveObjectPath2(namespaceValue, key);
   return typeof value === "string" ? value : null;
 }
-var TranslationContext2 = React70.createContext(null);
+var TranslationContext2 = React71.createContext(null);
 var UnderverseProvider = ({ children, locale = "en", translations }) => {
-  const t = React70.useCallback(
+  const t = React71.useCallback(
     (namespace) => {
       return (key) => {
         const mergedTranslations = {
@@ -22337,7 +22331,7 @@ function getInternalTranslation(namespace, locale) {
   };
 }
 function useTranslations(namespace) {
-  const underverseContext = React70.useContext(TranslationContext2);
+  const underverseContext = React71.useContext(TranslationContext2);
   if (underverseContext) {
     return (key, params) => {
       const result = underverseContext.t(namespace)(key);
@@ -22354,7 +22348,7 @@ function useTranslations(namespace) {
   return getInternalTranslation(namespace, "en");
 }
 function useLocale() {
-  const underverseContext = React70.useContext(TranslationContext2);
+  const underverseContext = React71.useContext(TranslationContext2);
   if (underverseContext) {
     return underverseContext.locale;
   }
@@ -22373,7 +22367,7 @@ function useLocale() {
 }
 
 // src/components/UEditor/UEditor.tsx
-import React79, { useEffect as useEffect37, useImperativeHandle as useImperativeHandle3, useMemo as useMemo29, useRef as useRef36 } from "react";
+import React80, { useEffect as useEffect38, useImperativeHandle as useImperativeHandle3, useMemo as useMemo29, useRef as useRef36 } from "react";
 import { useEditor, EditorContent } from "@tiptap/react";
 
 // src/components/UEditor/extensions.ts
@@ -22414,7 +22408,7 @@ import { common, createLowlight } from "lowlight";
 import { Extension } from "@tiptap/core";
 import Suggestion from "@tiptap/suggestion";
 import { ReactRenderer } from "@tiptap/react";
-import { forwardRef as forwardRef13, useEffect as useEffect31, useImperativeHandle, useRef as useRef30, useState as useState47 } from "react";
+import { forwardRef as forwardRef13, useEffect as useEffect32, useImperativeHandle, useRef as useRef30, useState as useState47 } from "react";
 import {
   FileCode as FileCode2,
   Heading1,
@@ -22459,10 +22453,10 @@ var DEFAULT_MESSAGES = {
 var CommandList = forwardRef13((props, ref) => {
   const [selectedIndex, setSelectedIndex] = useState47(0);
   const listRef = useRef30(null);
-  useEffect31(() => {
+  useEffect32(() => {
     setSelectedIndex(0);
   }, [props.items]);
-  useEffect31(() => {
+  useEffect32(() => {
     const selectedElement = listRef.current?.querySelector(`[data-index="${selectedIndex}"]`);
     selectedElement?.scrollIntoView({ block: "nearest" });
   }, [selectedIndex, props.items]);
@@ -22787,7 +22781,7 @@ import { Extension as Extension3 } from "@tiptap/core";
 import Suggestion2 from "@tiptap/suggestion";
 import { ReactRenderer as ReactRenderer2 } from "@tiptap/react";
 import { PluginKey } from "@tiptap/pm/state";
-import { forwardRef as forwardRef14, useEffect as useEffect32, useImperativeHandle as useImperativeHandle2, useState as useState48 } from "react";
+import { forwardRef as forwardRef14, useEffect as useEffect33, useImperativeHandle as useImperativeHandle2, useState as useState48 } from "react";
 import { Smile } from "lucide-react";
 import tippy2 from "tippy.js";
 
@@ -23560,7 +23554,7 @@ var EMOJI_LIST = [
 import { jsx as jsx80, jsxs as jsxs70 } from "react/jsx-runtime";
 var EmojiList = forwardRef14((props, ref) => {
   const [selectedIndex, setSelectedIndex] = useState48(0);
-  useEffect32(() => {
+  useEffect33(() => {
     setSelectedIndex(0);
   }, [props.items]);
   useImperativeHandle2(ref, () => ({
@@ -23768,7 +23762,7 @@ var UEditorPlaceholder = Extension4.create({
 });
 
 // src/components/UEditor/resizable-image.tsx
-import { useEffect as useEffect33, useRef as useRef31, useState as useState49 } from "react";
+import { useEffect as useEffect34, useRef as useRef31, useState as useState49 } from "react";
 import Image3 from "@tiptap/extension-image";
 import { mergeAttributes } from "@tiptap/core";
 import { NodeViewWrapper, ReactNodeViewRenderer } from "@tiptap/react";
@@ -23796,7 +23790,7 @@ function ResizableImageNodeView(props) {
   const heightAttr = toNullableNumber(node.attrs["height"]);
   const textAlign = String(node.attrs["textAlign"] ?? "");
   const dragStateRef = useRef31(null);
-  useEffect33(() => {
+  useEffect34(() => {
     const img = imgRef.current;
     if (!img) return;
     img.style.width = widthAttr ? `${widthAttr}px` : "";
@@ -24127,7 +24121,7 @@ function buildUEditorExtensions({
 }
 
 // src/components/UEditor/toolbar.tsx
-import React77, { useRef as useRef34, useState as useState52 } from "react";
+import React78, { useRef as useRef34, useState as useState52 } from "react";
 import {
   AlignCenter,
   AlignJustify,
@@ -24228,7 +24222,7 @@ var EditorColorPalette = ({
 ] });
 
 // src/components/UEditor/inputs.tsx
-import { useEffect as useEffect34, useRef as useRef32, useState as useState50 } from "react";
+import { useEffect as useEffect35, useRef as useRef32, useState as useState50 } from "react";
 import { Check as Check10, X as X18 } from "lucide-react";
 import { jsx as jsx83, jsxs as jsxs73 } from "react/jsx-runtime";
 function normalizeUrl(raw) {
@@ -24246,7 +24240,7 @@ var LinkInput = ({
   const t = useSmartTranslations("UEditor");
   const [url, setUrl] = useState50(initialUrl);
   const inputRef = useRef32(null);
-  useEffect34(() => {
+  useEffect35(() => {
     inputRef.current?.focus();
     inputRef.current?.select();
   }, []);
@@ -24276,7 +24270,7 @@ var ImageInput = ({ onSubmit, onCancel }) => {
   const [url, setUrl] = useState50("");
   const [alt, setAlt] = useState50("");
   const inputRef = useRef32(null);
-  useEffect34(() => {
+  useEffect35(() => {
     inputRef.current?.focus();
   }, []);
   const handleSubmit = (e) => {
@@ -24329,7 +24323,7 @@ var ImageInput = ({ onSubmit, onCancel }) => {
 };
 
 // src/components/UEditor/emoji-picker.tsx
-import { useState as useState51, useMemo as useMemo27, useRef as useRef33, useEffect as useEffect35 } from "react";
+import { useState as useState51, useMemo as useMemo27, useRef as useRef33, useEffect as useEffect36 } from "react";
 import { Search as Search6, X as X19, Smile as Smile2, Leaf, Utensils, Dumbbell, Lightbulb, Hash, Flag } from "lucide-react";
 import { jsx as jsx84, jsxs as jsxs74 } from "react/jsx-runtime";
 var CATEGORY_ICONS = {
@@ -24362,7 +24356,7 @@ var EmojiPicker = ({ onSelect, onClose }) => {
     onSelect(emoji);
     setSearch("");
   };
-  useEffect35(() => {
+  useEffect36(() => {
     if (search) return;
     const container = scrollContainerRef.current;
     if (!container) return;
@@ -24402,7 +24396,7 @@ var EmojiPicker = ({ onSelect, onClose }) => {
       isUserScrolling.current = true;
     }, 500);
   };
-  useEffect35(() => {
+  useEffect36(() => {
     isUserScrolling.current = true;
   }, []);
   return /* @__PURE__ */ jsxs74("div", { className: "w-96 bg-card border border-border rounded-2xl shadow-xl overflow-hidden flex flex-col max-h-128", children: [
@@ -24521,7 +24515,7 @@ function fileToDataUrl2(file) {
     reader.readAsDataURL(file);
   });
 }
-var ToolbarButton = React77.forwardRef(({ onClick, onMouseDown, active, disabled, children, title, className }, ref) => {
+var ToolbarButton = React78.forwardRef(({ onClick, onMouseDown, active, disabled, children, title, className }, ref) => {
   const button = /* @__PURE__ */ jsx85(
     "button",
     {
@@ -25010,7 +25004,7 @@ var EditorToolbar = ({
 };
 
 // src/components/UEditor/menus.tsx
-import { useCallback as useCallback21, useEffect as useEffect36, useMemo as useMemo28, useRef as useRef35, useState as useState53 } from "react";
+import { useCallback as useCallback21, useEffect as useEffect37, useMemo as useMemo28, useRef as useRef35, useState as useState53 } from "react";
 import { createPortal as createPortal9 } from "react-dom";
 import {
   Bold as BoldIcon2,
@@ -25116,10 +25110,10 @@ var SlashCommandMenu = ({ editor, onClose, filterText = "" }) => {
     const lowerFilter = filterText.toLowerCase();
     return allCommands.filter((cmd) => cmd.label.toLowerCase().includes(lowerFilter) || cmd.description.toLowerCase().includes(lowerFilter));
   }, [allCommands, filterText]);
-  useEffect36(() => {
+  useEffect37(() => {
     setSelectedIndex(0);
   }, [filterText]);
-  useEffect36(() => {
+  useEffect37(() => {
     const selectedElement = menuRef.current?.querySelector(`[data-index="${selectedIndex}"]`);
     selectedElement?.scrollIntoView({ block: "nearest" });
   }, [selectedIndex]);
@@ -25133,7 +25127,7 @@ var SlashCommandMenu = ({ editor, onClose, filterText = "" }) => {
     },
     [commands, onClose]
   );
-  useEffect36(() => {
+  useEffect37(() => {
     const handleKeyDown = (e) => {
       if (commands.length === 0) return;
       if (e.key === "ArrowDown") {
@@ -25218,10 +25212,10 @@ var BubbleMenuContent = ({
   const { textColors, highlightColors } = useEditorColors();
   const [showLinkInput, setShowLinkInput] = useState53(false);
   const [showEditorColorPalette, setShowEditorColorPalette] = useState53(false);
-  useEffect36(() => {
+  useEffect37(() => {
     onKeepOpenChange?.(showLinkInput);
   }, [onKeepOpenChange, showLinkInput]);
-  useEffect36(() => {
+  useEffect37(() => {
     if (!showLinkInput) return;
     const close = () => setShowLinkInput(false);
     editor.on("selectionUpdate", close);
@@ -25352,7 +25346,7 @@ var CustomBubbleMenu = ({ editor }) => {
     keepOpenRef.current = next;
     if (next) setIsVisible(true);
   }, []);
-  useEffect36(() => {
+  useEffect37(() => {
     const updatePosition = () => {
       const { state, view } = editor;
       const { from, to, empty } = state.selection;
@@ -25407,7 +25401,7 @@ var CustomBubbleMenu = ({ editor }) => {
 var CustomFloatingMenu = ({ editor }) => {
   const [isVisible, setIsVisible] = useState53(false);
   const [position, setPosition] = useState53({ top: 0, left: 0 });
-  useEffect36(() => {
+  useEffect37(() => {
     const updatePosition = () => {
       const { state, view } = editor;
       const { $from, empty } = state.selection;
@@ -25726,7 +25720,7 @@ async function prepareUEditorContentForSave({
 
 // src/components/UEditor/UEditor.tsx
 import { jsx as jsx87, jsxs as jsxs78 } from "react/jsx-runtime";
-var UEditor = React79.forwardRef(({
+var UEditor = React80.forwardRef(({
   content = "",
   onChange,
   onHtmlChange,
@@ -25890,7 +25884,7 @@ var UEditor = React79.forwardRef(({
     }),
     [content, editor, uploadImageForSave]
   );
-  useEffect37(() => {
+  useEffect38(() => {
     if (editor && content !== editor.getHTML()) {
       if (editor.isEmpty && content) {
         editor.commands.setContent(content);