@underverse-ui/underverse 1.0.88 → 1.0.90

package/dist/index.js

@@ -543,7 +543,7 @@ var Checkbox = React3.forwardRef(
 Checkbox.displayName = "Checkbox";
 
 // src/components/Input.tsx
-import React8, { forwardRef as forwardRef3, useCallback as useCallback4, useId, useRef as useRef2, useState as useState3 } from "react";
+import React8, { forwardRef as forwardRef3, useCallback as useCallback4, useId, useRef as useRef2, useState as useState4 } from "react";
 
 // src/hooks/useSmartTranslations.tsx
 import * as React6 from "react";
@@ -1796,40 +1796,48 @@ function getEnvironmentLocale(fallback) {
   }
   return fallback;
 }
-function getExternalLocaleFallback(internalLocale) {
-  if (internalLocale !== "en") {
-    return internalLocale;
-  }
-  return getEnvironmentLocale(internalLocale);
-}
 function useSmartTranslations(namespace) {
   const forceInternal = React6.useContext(ForceInternalContext);
   const nextIntlBridge = useNextIntlBridge();
   const internalT = useUnderverseTranslations(namespace);
   const internalLocale = useUnderverseLocale();
+  const [environmentLocale, setEnvironmentLocale] = React6.useState(null);
+  React6.useEffect(() => {
+    if (forceInternal) return;
+    if (nextIntlBridge) return;
+    if (internalLocale !== "en") return;
+    const detected = getEnvironmentLocale(internalLocale);
+    if (detected !== internalLocale) {
+      setEnvironmentLocale(detected);
+    }
+  }, [forceInternal, internalLocale, nextIntlBridge]);
   if (forceInternal) {
     return internalT;
   }
-  const resolvedLocale = nextIntlBridge?.locale ?? getExternalLocaleFallback(internalLocale);
   return (key) => {
+    const primaryLocale = nextIntlBridge?.locale ?? internalLocale;
+    const fallbackLocale = environmentLocale && environmentLocale !== primaryLocale ? environmentLocale : null;
     let translated = null;
     if (nextIntlBridge) {
       const nextIntlResult = nextIntlBridge.translate(namespace, key);
       translated = nextIntlResult.translated;
     }
-    const effectiveLocale = nextIntlBridge?.locale ?? getEnvironmentLocale(resolvedLocale);
-    const localizedDefault = getUnderverseDefaultTranslation(effectiveLocale, namespace, key);
+    const localizedDefault = getUnderverseDefaultTranslation(primaryLocale, namespace, key);
+    const fallbackLocalizedDefault = fallbackLocale ? getUnderverseDefaultTranslation(fallbackLocale, namespace, key) : key;
     const englishDefault = getUnderverseDefaultTranslation("en", namespace, key);
     const internalValue = internalT(key);
-    if (translated && !isUnresolvedTranslation(translated, namespace, key) && !(effectiveLocale !== "en" && localizedDefault !== englishDefault && translated === englishDefault)) {
+    if (translated && !isUnresolvedTranslation(translated, namespace, key) && !(primaryLocale !== "en" && localizedDefault !== englishDefault && translated === englishDefault)) {
       return translated;
     }
-    if (internalLocale === effectiveLocale && internalValue !== key) {
+    if (internalLocale === primaryLocale && internalValue !== key) {
       return internalValue;
     }
     if (localizedDefault !== key) {
       return localizedDefault;
     }
+    if (fallbackLocalizedDefault !== key) {
+      return fallbackLocalizedDefault;
+    }
     if (internalValue !== key) {
       return internalValue;
     }
@@ -1843,14 +1851,14 @@ function useSmartLocale() {
   if (forceInternal) {
     return internalLocale;
   }
-  return nextIntlBridge?.locale ?? getExternalLocaleFallback(internalLocale);
+  return nextIntlBridge?.locale ?? internalLocale;
 }
 
 // src/components/Input.tsx
 import { Eye, EyeOff, Search, X, AlertCircle, CheckCircle, Loader2 } from "lucide-react";
 
 // src/components/OverlayScrollbarProvider.tsx
-import { createContext as createContext4, useContext as useContext4, useEffect, useMemo as useMemo2 } from "react";
+import { createContext as createContext4, useContext as useContext4, useEffect as useEffect2, useMemo as useMemo2 } from "react";
 import { OverlayScrollbars } from "overlayscrollbars";
 
 // src/utils/overlay-scrollbar-controller.ts
@@ -2068,7 +2076,7 @@ function useOverlayScrollbarTarget(targetRef, options = {}) {
     }),
     [enabled, theme, visibility, autoHide, autoHideDelay, dragScroll, clickScroll, exclude]
   );
-  useEffect(() => {
+  useEffect2(() => {
     if (typeof window === "undefined") return;
     const target = targetRef.current;
     if (!target) return;
@@ -2122,9 +2130,9 @@ var Input = forwardRef3(
     rightAddon,
     ...rest
   }, ref) => {
-    const [localError, setLocalError] = useState3(error);
-    const [showPassword, setShowPassword] = useState3(false);
-    const [isFocused, setIsFocused] = useState3(false);
+    const [localError, setLocalError] = useState4(error);
+    const [showPassword, setShowPassword] = useState4(false);
+    const [isFocused, setIsFocused] = useState4(false);
     const tv = useSmartTranslations("ValidationInput");
     const autoId = useId();
     const needsId = !!(label || description || hint || error);
@@ -2388,7 +2396,7 @@ var Input = forwardRef3(
 Input.displayName = "Input";
 var SearchInput = forwardRef3(
   ({ onSearch, searchDelay = 300, placeholder = "Search\u2026", ...props }, ref) => {
-    const [searchValue, setSearchValue] = useState3(props.value || "");
+    const [searchValue, setSearchValue] = useState4(props.value || "");
     React8.useEffect(() => {
       if (!onSearch) return;
       const timer = setTimeout(() => {
@@ -2601,7 +2609,7 @@ var Textarea = forwardRef3(
     maxLength,
     ...props
   }, ref) => {
-    const [isFocused, setIsFocused] = useState3(false);
+    const [isFocused, setIsFocused] = useState4(false);
     const textareaRef = useRef2(null);
     const charCount = typeof value === "string" ? value.length : 0;
     useOverlayScrollbarTarget(textareaRef, { enabled: useOverlayScrollbar });
@@ -2704,7 +2712,7 @@ Textarea.displayName = "Textarea";
 var Input_default = Input;
 
 // src/components/EmojiPicker.tsx
-import { useEffect as useEffect3, useMemo as useMemo3, useRef as useRef4, useState as useState5 } from "react";
+import { useEffect as useEffect4, useMemo as useMemo3, useRef as useRef4, useState as useState6 } from "react";
 import { Search as Search2, X as X2, Smile, Leaf, Utensils, Dumbbell, Lightbulb, Hash, Flag } from "lucide-react";
 
 // src/components/Tooltip.tsx
@@ -3788,8 +3796,8 @@ var EmojiPicker = ({
   chrome = "standalone"
 }) => {
   const t = useSmartTranslations("UEditor");
-  const [search, setSearch] = useState5("");
-  const [activeCategory, setActiveCategory] = useState5(EMOJI_LIST[0]?.id || "");
+  const [search, setSearch] = useState6("");
+  const [activeCategory, setActiveCategory] = useState6(EMOJI_LIST[0]?.id || "");
   const scrollContainerRef = useRef4(null);
   const categoryRefs = useRef4({});
   const isUserScrolling = useRef4(false);
@@ -3809,7 +3817,7 @@ var EmojiPicker = ({
       emojis: category.emojis.filter((emoji) => emoji.name.toLowerCase().includes(query) || emoji.emoji.includes(search))
     })).filter((category) => category.emojis.length > 0);
   }, [search]);
-  useEffect3(() => {
+  useEffect4(() => {
     if (search) return;
     const container = scrollContainerRef.current;
     if (!container) return;
@@ -3837,7 +3845,7 @@ var EmojiPicker = ({
     container.addEventListener("scroll", handleScroll);
     return () => container.removeEventListener("scroll", handleScroll);
   }, [activeCategory, search]);
-  useEffect3(() => {
+  useEffect4(() => {
     isUserScrolling.current = true;
   }, []);
   const renderEmojiCategory = (category, assignRef2 = false) => /* @__PURE__ */ jsxs7(
@@ -3939,7 +3947,7 @@ var EmojiPicker = ({
 var EmojiPicker_default = EmojiPicker;
 
 // src/components/TagInput.tsx
-import { forwardRef as forwardRef4, useState as useState6, useRef as useRef5, useId as useId3 } from "react";
+import { forwardRef as forwardRef4, useState as useState7, useRef as useRef5, useId as useId3 } from "react";
 import { X as X3, Search as Search3, Loader2 as Loader22 } from "lucide-react";
 import { jsx as jsx13, jsxs as jsxs8 } from "react/jsx-runtime";
 var TagInput = forwardRef4(
@@ -3962,8 +3970,8 @@ var TagInput = forwardRef4(
     maxVisibleTags,
     labels
   }, ref) => {
-    const [inputValue, setInputValue] = useState6("");
-    const [isFocused, setIsFocused] = useState6(false);
+    const [inputValue, setInputValue] = useState7("");
+    const [isFocused, setIsFocused] = useState7(false);
     const inputRef = useRef5(null);
     const autoId = useId3();
     const inputId = `tag-input-${autoId}`;
@@ -3972,7 +3980,7 @@ var TagInput = forwardRef4(
     const searchLabel = labels?.search ?? "Search";
     const clearAllLabel = labels?.clearAll ?? "Clear all";
     const isMaxReached = maxTags !== void 0 && value.length >= maxTags;
-    const [isExpanded, setIsExpanded] = useState6(false);
+    const [isExpanded, setIsExpanded] = useState7(false);
     const hiddenCount = maxVisibleTags !== void 0 && !isExpanded ? Math.max(0, value.length - maxVisibleTags) : 0;
     const visibleTags = hiddenCount > 0 ? value.slice(0, maxVisibleTags) : value;
     const moreLabel = labels?.moreCount?.replace("{count}", String(hiddenCount)) ?? `+${hiddenCount} more`;
@@ -5231,7 +5239,7 @@ var Modal = ({
 var Modal_default = Modal;
 
 // src/components/Toast.tsx
-import { createContext as createContext5, useContext as useContext5, useState as useState9, useCallback as useCallback6, useEffect as useEffect5, useRef as useRef7 } from "react";
+import { createContext as createContext5, useContext as useContext5, useState as useState10, useCallback as useCallback6, useEffect as useEffect6, useRef as useRef7 } from "react";
 import { X as X6, CheckCircle as CheckCircle2, AlertCircle as AlertCircle2, Info, AlertTriangle as AlertTriangle2 } from "lucide-react";
 import { jsx as jsx21, jsxs as jsxs14 } from "react/jsx-runtime";
 var ToastContext = createContext5(void 0);
@@ -5243,7 +5251,7 @@ var useToast = () => {
   return context;
 };
 var ToastProvider = ({ children, position = "top-right", maxToasts = 5 }) => {
-  const [toasts, setToasts] = useState9([]);
+  const [toasts, setToasts] = useState10([]);
   const idRef = useRef7(0);
   const removeToast = useCallback6((id) => {
     setToasts((prev) => prev.filter((toast) => toast.id !== id));
@@ -5273,9 +5281,9 @@ var ToastProvider = ({ children, position = "top-right", maxToasts = 5 }) => {
   ] });
 };
 var ToastComponent = ({ toast, onRemove }) => {
-  const [isVisible, setIsVisible] = useState9(true);
-  const [progress, setProgress] = useState9(100);
-  const [paused, setPaused] = useState9(false);
+  const [isVisible, setIsVisible] = useState10(true);
+  const [progress, setProgress] = useState10(100);
+  const [paused, setPaused] = useState10(false);
   const total = toast.duration && toast.duration > 0 ? toast.duration : 5e3;
   const endTsRef = useRef7(0);
   const remainingRef = useRef7(total);
@@ -5284,7 +5292,7 @@ var ToastComponent = ({ toast, onRemove }) => {
     setIsVisible(false);
     setTimeout(() => onRemove(toast.id), 150);
   }, [onRemove, toast.id]);
-  useEffect5(() => {
+  useEffect6(() => {
     if (toast.duration === 0) return;
     remainingRef.current = total;
     endTsRef.current = Date.now() + total;
@@ -5408,7 +5416,7 @@ import * as React18 from "react";
 import { createPortal as createPortal3 } from "react-dom";
 
 // src/utils/animations.ts
-import { useEffect as useEffect6 } from "react";
+import { useEffect as useEffect7 } from "react";
 var shadcnAnimationStyles = `
   /* ============================================
    * DROPDOWN / POPOVER ANIMATIONS
@@ -5586,7 +5594,7 @@ function ensureAnimationStylesInjected() {
   }
 }
 function useShadCNAnimations() {
-  useEffect6(() => {
+  useEffect7(() => {
     ensureAnimationStylesInjected();
   }, []);
 }
@@ -6141,7 +6149,7 @@ var SidebarSheet = ({ navigation, children, ...props }) => {
 };
 
 // src/components/Alert.tsx
-import { useState as useState12 } from "react";
+import { useState as useState13 } from "react";
 import { Info as Info2, AlertTriangle as AlertTriangle3, CheckCircle as CheckCircle3, XCircle, X as X8 } from "lucide-react";
 import { jsx as jsx24, jsxs as jsxs17 } from "react/jsx-runtime";
 var variantConfig = {
@@ -6193,7 +6201,7 @@ var Alert = ({
   closeAriaLabel,
   overflowHidden = true
 }) => {
-  const [open, setOpen] = useState12(true);
+  const [open, setOpen] = useState13(true);
   const t = useSmartTranslations("Common");
   if (!open) return null;
   const handleClose = () => {
@@ -6239,7 +6247,7 @@ var Alert = ({
 var Alert_default = Alert;
 
 // src/components/GlobalLoading.tsx
-import React20, { useEffect as useEffect9, useState as useState13 } from "react";
+import React20, { useEffect as useEffect10, useState as useState14 } from "react";
 import { Activity as Activity2 } from "lucide-react";
 
 // src/utils/loading.ts
@@ -6286,8 +6294,8 @@ var loading = new LoadingManager();
 // src/components/GlobalLoading.tsx
 import { jsx as jsx25, jsxs as jsxs18 } from "react/jsx-runtime";
 var GlobalLoading = ({ className, backdrop = true, position = "fixed", size = "lg" }) => {
-  const [state, setState] = useState13(() => loading.getState());
-  useEffect9(() => {
+  const [state, setState] = useState14(() => loading.getState());
+  useEffect10(() => {
     const unsubscribe = loading.subscribe(setState);
     return unsubscribe;
   }, []);
@@ -6694,7 +6702,7 @@ var VerticalTabs = ({ sidebarWidth = "w-48", className, ...props }) => {
 };
 
 // src/components/DropdownMenu.tsx
-import React23, { useState as useState16 } from "react";
+import React23, { useState as useState17 } from "react";
 import { jsx as jsx28, jsxs as jsxs21 } from "react/jsx-runtime";
 function useResettingIndex(resetToken) {
   const [state, setState] = React23.useState({ resetToken, index: -1 });
@@ -6722,7 +6730,7 @@ var DropdownMenu = ({
   onOpenChange,
   items
 }) => {
-  const [internalOpen, setInternalOpen] = useState16(false);
+  const [internalOpen, setInternalOpen] = useState17(false);
   const open = isOpen !== void 0 ? isOpen : internalOpen;
   const setOpen = onOpenChange || setInternalOpen;
   const triggerRef = React23.useRef(null);
@@ -16661,7 +16669,7 @@ function OverlayControls({
 }
 
 // src/components/CategoryTreeSelect.tsx
-import { useEffect as useEffect24, useId as useId9, useMemo as useMemo19, useRef as useRef19, useState as useState30 } from "react";
+import { useEffect as useEffect25, useId as useId9, useMemo as useMemo19, useRef as useRef19, useState as useState31 } from "react";
 import { ChevronRight as ChevronRight6, ChevronDown as ChevronDown5, FolderTree, Layers, Search as Search6, SearchX as SearchX3, X as X14 } from "lucide-react";
 import { jsx as jsx49, jsxs as jsxs39 } from "react/jsx-runtime";
 var defaultLabels = {
@@ -16670,6 +16678,11 @@ var defaultLabels = {
   searchPlaceholder: "Search...",
   noResultsText: "No results found"
 };
+var TREE_NODE_BASE_PADDING_REM = 0.75;
+var TREE_NODE_INDENT_REM = 1;
+var TREE_BRANCH_OFFSET_CLASS = "ml-1.5 pl-1.5";
+var TREE_NODE_GAP_CLASS = "gap-1.5";
+var TREE_EXPANDER_PLACEHOLDER_CLASS = "w-5";
 function getInitialExpandedNodes(categories, defaultExpanded, viewOnly, inline) {
   if (!(viewOnly || inline) || !defaultExpanded) return /* @__PURE__ */ new Set();
   const parentIds = /* @__PURE__ */ new Set();
@@ -16706,10 +16719,10 @@ function CategoryTreeSelect(props) {
     leafOnlySelect = false,
     singleSelect = false
   } = props;
-  const [isOpen, setIsOpen] = useState30(false);
-  const [expandedNodes, setExpandedNodes] = useState30(() => getInitialExpandedNodes(categories, defaultExpanded, viewOnly, inline));
-  const [query, setQuery] = useState30("");
-  const [localRequiredError, setLocalRequiredError] = useState30();
+  const [isOpen, setIsOpen] = useState31(false);
+  const [expandedNodes, setExpandedNodes] = useState31(() => getInitialExpandedNodes(categories, defaultExpanded, viewOnly, inline));
+  const [query, setQuery] = useState31("");
+  const [localRequiredError, setLocalRequiredError] = useState31();
   const searchInputRef = useRef19(null);
   const dropdownViewportRef = useRef19(null);
   useOverlayScrollbarTarget(dropdownViewportRef, { enabled: useOverlayScrollbar });
@@ -16783,13 +16796,13 @@ function CategoryTreeSelect(props) {
     }
     return visible;
   }, [byId, categories, childrenMap, isSearchMode, normalizedQuery]);
-  useEffect24(() => {
+  useEffect25(() => {
     if (!isOpen) return;
     if (!isSearchEnabled) return;
     const t = setTimeout(() => searchInputRef.current?.focus(), 50);
     return () => clearTimeout(t);
   }, [isOpen, isSearchEnabled]);
-  useEffect24(() => {
+  useEffect25(() => {
     if (disabled || !required || valueArray.length > 0) {
       setLocalRequiredError(void 0);
     }
@@ -16858,13 +16871,14 @@ function CategoryTreeSelect(props) {
             {
               onClick: () => !viewOnly && handleSelect(category.id, category),
               className: cn(
-                "relative flex min-w-0 items-center gap-2.5 px-3 py-2.5 min-h-11 transition-all duration-200 rounded-3xl",
+                "relative flex min-w-0 items-center px-3 py-2.5 min-h-11 transition-all duration-200 rounded-3xl",
+                TREE_NODE_GAP_CLASS,
                 !viewOnly && (isSelectable ? "cursor-pointer" : "cursor-default"),
                 isSelectable && !isSelected && "hover:bg-accent/50",
                 // Selected state - đồng bộ cho tất cả
                 !viewOnly && isSelected && "bg-accent/40"
               ),
-              style: { paddingLeft: `${level * 1.25 + 0.75}rem` },
+              style: { paddingLeft: `${level * TREE_NODE_INDENT_REM + TREE_NODE_BASE_PADDING_REM}rem` },
               children: [
                 hasChildren ? /* @__PURE__ */ jsx49(
                   "button",
@@ -16875,7 +16889,7 @@ function CategoryTreeSelect(props) {
                       toggleExpand(category.id);
                     },
                     className: cn(
-                      "p-1.5 rounded-lg transition-all duration-200",
+                      "p-0.5 rounded-lg transition-all duration-200",
                       "hover:scale-110 active:scale-95",
                       "focus:outline-none focus-visible:ring-2 focus-visible:ring-primary/50",
                       isExpanded && "text-primary",
@@ -16884,16 +16898,16 @@ function CategoryTreeSelect(props) {
                     disabled: isSearchMode,
                     children: /* @__PURE__ */ jsx49("div", { className: cn("transition-transform duration-200", isExpanded && "rotate-90"), children: /* @__PURE__ */ jsx49(ChevronRight6, { className: "w-4 h-4" }) })
                   }
-                ) : /* @__PURE__ */ jsx49("span", { className: "w-7" }),
+                ) : /* @__PURE__ */ jsx49("span", { className: TREE_EXPANDER_PLACEHOLDER_CLASS }),
                 viewOnly ? (
                   // View-only mode: just display the name with folder icon
-                  /* @__PURE__ */ jsxs39("div", { className: "flex min-w-0 items-center gap-2.5", children: [
+                  /* @__PURE__ */ jsxs39("div", { className: cn("flex min-w-0 items-center", TREE_NODE_GAP_CLASS), children: [
                     category.icon ? /* @__PURE__ */ jsx49("div", { className: "h-4 w-4 shrink-0 flex items-center justify-center text-muted-foreground/60", children: category.icon }) : hasChildren ? /* @__PURE__ */ jsx49(FolderTree, { className: "h-4 w-4 shrink-0 text-muted-foreground/60" }) : /* @__PURE__ */ jsx49("div", { className: "h-1.5 w-1.5 shrink-0 rounded-full bg-muted-foreground/40" }),
                     /* @__PURE__ */ jsx49("span", { className: "min-w-0 text-sm font-medium leading-snug break-words [overflow-wrap:anywhere]", children: category.name })
                   ] })
                 ) : (
                   // Single/Multi select mode: icon + text + badge
-                  /* @__PURE__ */ jsxs39("div", { className: "flex min-w-0 flex-1 items-center gap-2.5 overflow-hidden", children: [
+                  /* @__PURE__ */ jsxs39("div", { className: cn("flex min-w-0 flex-1 items-center overflow-hidden", TREE_NODE_GAP_CLASS), children: [
                     category.icon && /* @__PURE__ */ jsx49("div", { className: "h-4 w-4 shrink-0 flex items-center justify-center text-current", children: category.icon }),
                     /* @__PURE__ */ jsx49(
                       "span",
@@ -16912,7 +16926,17 @@ function CategoryTreeSelect(props) {
               ]
             }
           ),
-          hasChildren && isExpanded && /* @__PURE__ */ jsx49("div", { className: cn("ml-2 pl-2 border-l-2 border-dashed border-border/50", "animate-in slide-in-from-top-2 fade-in-50 duration-200"), children: children.map((child) => renderCategory(child, level + 1)) })
+          hasChildren && isExpanded && /* @__PURE__ */ jsx49(
+            "div",
+            {
+              className: cn(
+                TREE_BRANCH_OFFSET_CLASS,
+                "border-l-2 border-dashed border-border/50",
+                "animate-in slide-in-from-top-2 fade-in-50 duration-200"
+              ),
+              children: children.map((child) => renderCategory(child, level + 1))
+            }
+          )
         ]
       },
       category.id
@@ -17261,7 +17285,7 @@ function CategoryTreeSelect(props) {
 }
 
 // src/components/ImageUpload.tsx
-import { useState as useState31, useRef as useRef20, useCallback as useCallback15 } from "react";
+import { useState as useState32, useRef as useRef20, useCallback as useCallback15 } from "react";
 import { Upload, X as X15, Image as ImageIcon, Loader2 as Loader25, Check as Check7 } from "lucide-react";
 import { jsx as jsx50, jsxs as jsxs40 } from "react/jsx-runtime";
 function ImageUpload({
@@ -17279,9 +17303,9 @@ function ImageUpload({
   browseText,
   supportedFormatsText
 }) {
-  const [isDragging, setIsDragging] = useState31(false);
-  const [uploading, setUploading] = useState31(false);
-  const [uploadedImages, setUploadedImages] = useState31([]);
+  const [isDragging, setIsDragging] = useState32(false);
+  const [uploading, setUploading] = useState32(false);
+  const [uploadedImages, setUploadedImages] = useState32([]);
   const fileInputRef = useRef20(null);
   const { addToast } = useToast();
   const t = useSmartTranslations("OCR.imageUpload");
@@ -17500,7 +17524,7 @@ import {
   Trash2,
   Upload as Upload2
 } from "lucide-react";
-import { useCallback as useCallback16, useMemo as useMemo20, useRef as useRef21, useState as useState32 } from "react";
+import { useCallback as useCallback16, useMemo as useMemo20, useRef as useRef21, useState as useState33 } from "react";
 import { Fragment as Fragment16, jsx as jsx51, jsxs as jsxs41 } from "react/jsx-runtime";
 var formatFileSize = (bytes) => {
   if (bytes === 0) return "0 Bytes";
@@ -17607,8 +17631,8 @@ function FileUpload({
   allowPreview = true,
   initialFiles = []
 }) {
-  const [isDragging, setIsDragging] = useState32(false);
-  const [files, setFiles] = useState32(initialFiles);
+  const [isDragging, setIsDragging] = useState33(false);
+  const [files, setFiles] = useState33(initialFiles);
   const fileInputRef = useRef21(null);
   const { addToast } = useToast();
   const t = useSmartTranslations("FileUpload");
@@ -20100,7 +20124,7 @@ function ColorPicker({
 }
 
 // src/components/MusicPlayer.tsx
-import { useState as useState38, useRef as useRef23, useEffect as useEffect28 } from "react";
+import { useState as useState39, useRef as useRef23, useEffect as useEffect29 } from "react";
 import { Play as Play2, Pause as Pause2, SkipForward, SkipBack, Volume2 as Volume22, VolumeX as VolumeX2, List as List2, X as X17 } from "lucide-react";
 import { jsx as jsx58, jsxs as jsxs48 } from "react/jsx-runtime";
 var DEFAULT_PLAYLIST = [
@@ -20222,21 +20246,21 @@ var MusicPlayer = ({
   className = "",
   overflowHidden = true
 }) => {
-  const [currentSongIndex, setCurrentSongIndex] = useState38(0);
-  const [isPlaying, setIsPlaying] = useState38(false);
-  const [currentTime, setCurrentTime] = useState38(0);
-  const [duration, setDuration] = useState38(0);
-  const [volume, setVolume] = useState38(1);
-  const [isMuted, setIsMuted] = useState38(false);
-  const [showPlaylist, setShowPlaylist] = useState38(initialShowPlaylist);
+  const [currentSongIndex, setCurrentSongIndex] = useState39(0);
+  const [isPlaying, setIsPlaying] = useState39(false);
+  const [currentTime, setCurrentTime] = useState39(0);
+  const [duration, setDuration] = useState39(0);
+  const [volume, setVolume] = useState39(1);
+  const [isMuted, setIsMuted] = useState39(false);
+  const [showPlaylist, setShowPlaylist] = useState39(initialShowPlaylist);
   const audioRef = useRef23(null);
   const currentSong = playlist[currentSongIndex];
-  useEffect28(() => {
+  useEffect29(() => {
     if (audioRef.current) {
       audioRef.current.volume = volume;
     }
   }, [volume]);
-  useEffect28(() => {
+  useEffect29(() => {
     if (autoPlay && audioRef.current) {
       audioRef.current.play().catch(() => {
         setIsPlaying(false);
@@ -20312,7 +20336,7 @@ var MusicPlayer = ({
     setCurrentSongIndex(index);
     setIsPlaying(true);
   };
-  useEffect28(() => {
+  useEffect29(() => {
     if (audioRef.current) {
       if (currentSong.startTime !== void 0) {
         audioRef.current.currentTime = currentSong.startTime;
@@ -20900,7 +20924,8 @@ function DataTableBodyRows({
   getRowKey,
   getStickyColumnStyle,
   getStickyCellClass,
-  t
+  t,
+  labels
 }) {
   return /* @__PURE__ */ jsx63(TableBody, { children: loading2 ? /* @__PURE__ */ jsx63(TableRow, { children: /* @__PURE__ */ jsx63(TableCell, { colSpan: leafColumns.length, className: "text-center py-8", children: /* @__PURE__ */ jsxs52("div", { className: "flex items-center justify-center gap-2 text-muted-foreground", children: [
     /* @__PURE__ */ jsxs52("svg", { className: "animate-spin h-4 w-4", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", children: [
@@ -20918,7 +20943,7 @@ function DataTableBodyRows({
       t("loading"),
       "\u2026"
     ] })
-  ] }) }) }) : displayedData.length === 0 ? /* @__PURE__ */ jsx63(TableRow, { children: /* @__PURE__ */ jsx63(TableCell, { colSpan: leafColumns.length, className: "text-center py-6 text-muted-foreground", children: t("noData") }) }) : displayedData.map((row, idx) => {
+  ] }) }) }) : displayedData.length === 0 ? /* @__PURE__ */ jsx63(TableRow, { children: /* @__PURE__ */ jsx63(TableCell, { colSpan: leafColumns.length, className: "text-center py-6 text-muted-foreground", children: labels?.noData || t("noData") }) }) : displayedData.map((row, idx) => {
     const isStripedRow = striped && idx % 2 === 0;
     return /* @__PURE__ */ jsx63(
       TableRow,
@@ -22185,7 +22210,8 @@ function DataTable({
                       getRowKey,
                       getStickyColumnStyle,
                       getStickyCellClass,
-                      t
+                      t,
+                      labels
                     }
                   )
                 ]
@@ -22434,7 +22460,7 @@ function AccessDenied({
 
 // src/components/ThemeToggleHeadless.tsx
 import { Moon as Moon2, Sun as Sun2, Monitor } from "lucide-react";
-import { useRef as useRef24, useState as useState39 } from "react";
+import { useRef as useRef24, useState as useState40 } from "react";
 import { createPortal as createPortal6 } from "react-dom";
 import { Fragment as Fragment23, jsx as jsx71, jsxs as jsxs60 } from "react/jsx-runtime";
 function ThemeToggleHeadless({
@@ -22443,10 +22469,10 @@ function ThemeToggleHeadless({
   labels,
   className
 }) {
-  const [isOpen, setIsOpen] = useState39(false);
+  const [isOpen, setIsOpen] = useState40(false);
   const isHydrated = useHydrated();
   const triggerRef = useRef24(null);
-  const [dropdownPosition, setDropdownPosition] = useState39(null);
+  const [dropdownPosition, setDropdownPosition] = useState40(null);
   const themes = [
     { value: "light", label: labels?.light ?? "Light", icon: Sun2 },
     { value: "dark", label: labels?.dark ?? "Dark", icon: Moon2 },
@@ -22535,7 +22561,7 @@ function ThemeToggleHeadless({
 }
 
 // src/components/LanguageSwitcherHeadless.tsx
-import { useRef as useRef25, useState as useState40 } from "react";
+import { useRef as useRef25, useState as useState41 } from "react";
 import { createPortal as createPortal7 } from "react-dom";
 import { Globe } from "lucide-react";
 import { Fragment as Fragment24, jsx as jsx72, jsxs as jsxs61 } from "react/jsx-runtime";
@@ -22546,8 +22572,8 @@ function LanguageSwitcherHeadless({
   labels,
   className
 }) {
-  const [isOpen, setIsOpen] = useState40(false);
-  const [dropdownPosition, setDropdownPosition] = useState40(null);
+  const [isOpen, setIsOpen] = useState41(false);
+  const [dropdownPosition, setDropdownPosition] = useState41(null);
   const triggerButtonRef = useRef25(null);
   const currentLanguage = locales.find((l) => l.code === currentLocale) || locales[0];
   const calculatePosition = () => {
@@ -22692,7 +22718,7 @@ function useLocale2() {
 }
 
 // src/components/UEditor/UEditor.tsx
-import React74, { useEffect as useEffect34, useImperativeHandle as useImperativeHandle3, useMemo as useMemo24, useRef as useRef31 } from "react";
+import React74, { useEffect as useEffect35, useImperativeHandle as useImperativeHandle3, useMemo as useMemo24, useRef as useRef31 } from "react";
 import { useEditor, EditorContent } from "@tiptap/react";
 
 // src/components/UEditor/extensions.ts
@@ -22731,7 +22757,7 @@ import { common, createLowlight } from "lowlight";
 import { Extension } from "@tiptap/core";
 import Suggestion from "@tiptap/suggestion";
 import { ReactRenderer } from "@tiptap/react";
-import React66, { forwardRef as forwardRef13, useEffect as useEffect30, useImperativeHandle, useRef as useRef26 } from "react";
+import React66, { forwardRef as forwardRef13, useEffect as useEffect31, useImperativeHandle, useRef as useRef26 } from "react";
 import {
   FileCode as FileCode2,
   Heading1,
@@ -22938,7 +22964,7 @@ function buildSlashCommandItems({
 var SlashCommandList = forwardRef13((props, ref) => {
   const [selectedIndex, setSelectedIndex] = useResettingIndex2(props.items);
   const listRef = useRef26(null);
-  useEffect30(() => {
+  useEffect31(() => {
     const selectedElement = listRef.current?.querySelector(`[data-index="${selectedIndex}"]`);
     selectedElement?.scrollIntoView({ block: "nearest" });
   }, [selectedIndex, props.items]);
@@ -23396,7 +23422,7 @@ var UEditorPlaceholder = Extension4.create({
 });
 
 // src/components/UEditor/resizable-image.tsx
-import { useEffect as useEffect31, useRef as useRef27, useState as useState41 } from "react";
+import { useEffect as useEffect32, useRef as useRef27, useState as useState42 } from "react";
 import Image3 from "@tiptap/extension-image";
 import { mergeAttributes } from "@tiptap/core";
 import { NodeViewWrapper, ReactNodeViewRenderer } from "@tiptap/react";
@@ -23447,15 +23473,15 @@ function ResizableImageNodeView(props) {
   const { node, selected, updateAttributes, editor, getPos } = props;
   const wrapperRef = useRef27(null);
   const imgRef = useRef27(null);
-  const [isHovered, setIsHovered] = useState41(false);
-  const [isResizing, setIsResizing] = useState41(false);
+  const [isHovered, setIsHovered] = useState42(false);
+  const [isResizing, setIsResizing] = useState42(false);
   const widthAttr = toNullableNumber(node.attrs["width"]);
   const heightAttr = toNullableNumber(node.attrs["height"]);
   const textAlign = String(node.attrs["textAlign"] ?? "");
   const imageLayout = parseImageLayout(node.attrs["imageLayout"]);
   const preserveAspectByDefault = imageLayout === "left" || imageLayout === "right";
   const dragStateRef = useRef27(null);
-  useEffect31(() => {
+  useEffect32(() => {
     const img = imgRef.current;
     if (!img) return;
     img.style.width = widthAttr ? `${widthAttr}px` : "";
@@ -24100,7 +24126,7 @@ function buildUEditorExtensions({
 }
 
 // src/components/UEditor/toolbar.tsx
-import React71, { useRef as useRef29, useState as useState43 } from "react";
+import React71, { useRef as useRef29, useState as useState44 } from "react";
 import {
   AlignCenter,
   AlignJustify,
@@ -24292,7 +24318,7 @@ function deleteSelectedImage(editor) {
 }
 
 // src/components/UEditor/inputs.tsx
-import { useEffect as useEffect32, useRef as useRef28, useState as useState42 } from "react";
+import { useEffect as useEffect33, useRef as useRef28, useState as useState43 } from "react";
 import { Check as Check10, X as X19 } from "lucide-react";
 import { jsx as jsx78, jsxs as jsxs66 } from "react/jsx-runtime";
 function normalizeUrl(raw) {
@@ -24308,9 +24334,9 @@ var LinkInput = ({
   initialUrl = ""
 }) => {
   const t = useSmartTranslations("UEditor");
-  const [url, setUrl] = useState42(initialUrl);
+  const [url, setUrl] = useState43(initialUrl);
   const inputRef = useRef28(null);
-  useEffect32(() => {
+  useEffect33(() => {
     inputRef.current?.focus();
     inputRef.current?.select();
   }, []);
@@ -24337,10 +24363,10 @@ var LinkInput = ({
 };
 var ImageInput = ({ onSubmit, onCancel }) => {
   const t = useSmartTranslations("UEditor");
-  const [url, setUrl] = useState42("");
-  const [alt, setAlt] = useState42("");
+  const [url, setUrl] = useState43("");
+  const [alt, setAlt] = useState43("");
   const inputRef = useRef28(null);
-  useEffect32(() => {
+  useEffect33(() => {
     inputRef.current?.focus();
   }, []);
   const handleSubmit = (e) => {
@@ -24539,13 +24565,13 @@ var EditorToolbar = ({
 }) => {
   const t = useSmartTranslations("UEditor");
   const { textColors, highlightColors } = useEditorColors();
-  const [showImageInput, setShowImageInput] = useState43(false);
-  const [isTableMenuOpen, setIsTableMenuOpen] = useState43(false);
+  const [showImageInput, setShowImageInput] = useState44(false);
+  const [isTableMenuOpen, setIsTableMenuOpen] = useState44(false);
   const tableCommandAnchorPosRef = useRef29(null);
   const fileInputRef = useRef29(null);
-  const [isUploadingImage, setIsUploadingImage] = useState43(false);
-  const [imageUploadError, setImageUploadError] = useState43(null);
-  const [fontSizeDraft, setFontSizeDraft] = useState43("");
+  const [isUploadingImage, setIsUploadingImage] = useState44(false);
+  const [imageUploadError, setImageUploadError] = useState44(null);
+  const [fontSizeDraft, setFontSizeDraft] = useState44("");
   const isImageSelected = editor.isActive("image");
   const imageAttrs = editor.getAttributes("image");
   const tableAttrs = editor.getAttributes("table");
@@ -25357,7 +25383,7 @@ var EditorToolbar = ({
 };
 
 // src/components/UEditor/menus.tsx
-import { useCallback as useCallback19, useEffect as useEffect33, useMemo as useMemo23, useRef as useRef30, useState as useState44 } from "react";
+import { useCallback as useCallback19, useEffect as useEffect34, useMemo as useMemo23, useRef as useRef30, useState as useState45 } from "react";
 import { createPortal as createPortal8 } from "react-dom";
 import {
   AlignCenter as AlignCenter2,
@@ -25382,7 +25408,7 @@ var FloatingSlashCommandMenu = ({ editor, onClose }) => {
   const messages = useMemo23(() => buildSlashCommandMessages(t), [t]);
   const items = useMemo23(() => buildSlashCommandItems({ query: "", messages }), [messages]);
   const listRef = useRef30(null);
-  useEffect33(() => {
+  useEffect34(() => {
     const handleKeyDown2 = (event) => {
       if (event.key === "Escape") {
         event.preventDefault();
@@ -25412,7 +25438,7 @@ var FloatingSlashCommandMenu = ({ editor, onClose }) => {
 };
 var FloatingMenuContent = ({ editor }) => {
   const t = useSmartTranslations("UEditor");
-  const [showCommands, setShowCommands] = useState44(false);
+  const [showCommands, setShowCommands] = useState45(false);
   if (showCommands) {
     return /* @__PURE__ */ jsx81(FloatingSlashCommandMenu, { editor, onClose: () => setShowCommands(false) });
   }
@@ -25437,8 +25463,8 @@ var BubbleMenuContent = ({
 }) => {
   const t = useSmartTranslations("UEditor");
   const { textColors, highlightColors } = useEditorColors();
-  const [showLinkInput, setShowLinkInput] = useState44(false);
-  const [showEditorColorPalette, setShowEditorColorPalette] = useState44(false);
+  const [showLinkInput, setShowLinkInput] = useState45(false);
+  const [showEditorColorPalette, setShowEditorColorPalette] = useState45(false);
   const isImageSelected = editor.isActive("image");
   const imageAttrs = editor.getAttributes("image");
   const imageLayout = imageAttrs.imageLayout === "left" || imageAttrs.imageLayout === "right" ? imageAttrs.imageLayout : "block";
@@ -25454,10 +25480,10 @@ var BubbleMenuContent = ({
     () => (lineHeights ?? getDefaultLineHeights()).filter((option) => ["1.2", "1.5", "1.75"].includes(option.value)),
     [lineHeights]
   );
-  useEffect33(() => {
+  useEffect34(() => {
     onKeepOpenChange?.(showLinkInput);
   }, [onKeepOpenChange, showLinkInput]);
-  useEffect33(() => {
+  useEffect34(() => {
     if (!showLinkInput) return;
     const close2 = () => setShowLinkInput(false);
     editor.on("selectionUpdate", close2);
@@ -25644,8 +25670,8 @@ var CustomBubbleMenu = ({
 }) => {
   const SHOW_DELAY_MS = 180;
   const BUBBLE_MENU_OFFSET = 16;
-  const [isVisible, setIsVisible] = useState44(false);
-  const [position, setPosition] = useState44({ top: 0, left: 0 });
+  const [isVisible, setIsVisible] = useState45(false);
+  const [position, setPosition] = useState45({ top: 0, left: 0 });
   const menuRef = useRef30(null);
   const keepOpenRef = useRef30(false);
   const showTimeoutRef = useRef30(null);
@@ -25653,7 +25679,7 @@ var CustomBubbleMenu = ({
     keepOpenRef.current = next;
     if (next) setIsVisible(true);
   }, []);
-  useEffect33(() => {
+  useEffect34(() => {
     const clearShowTimeout = () => {
       if (showTimeoutRef.current) {
         clearTimeout(showTimeoutRef.current);
@@ -25729,9 +25755,9 @@ var CustomBubbleMenu = ({
 };
 var CustomFloatingMenu = ({ editor }) => {
   const FLOATING_MENU_OFFSET = 16;
-  const [isVisible, setIsVisible] = useState44(false);
-  const [position, setPosition] = useState44({ top: 0, left: 0 });
-  useEffect33(() => {
+  const [isVisible, setIsVisible] = useState45(false);
+  const [position, setPosition] = useState45({ top: 0, left: 0 });
+  useEffect34(() => {
     const updatePosition = () => {
       const { state, view } = editor;
       const { $from, empty } = state.selection;
@@ -31669,14 +31695,14 @@ var UEditor = React74.forwardRef(({
     }),
     [content, editor, uploadImageForSave]
   );
-  useEffect34(() => {
+  useEffect35(() => {
     if (editor && content !== editor.getHTML()) {
       if (editor.isEmpty && content) {
         editor.commands.setContent(content);
       }
     }
   }, [content, editor]);
-  useEffect34(() => {
+  useEffect35(() => {
     if (!editor) return void 0;
     const proseMirror = editor.view.dom;
     const surface = editorContentRef.current;