@underverse-ui/underverse 1.0.97 → 1.0.99

package/dist/index.js

@@ -1815,8 +1815,9 @@ function useSmartTranslations(namespace) {
     return internalT;
   }
   return (key) => {
-    const primaryLocale = nextIntlBridge?.locale ?? internalLocale;
-    const fallbackLocale = environmentLocale && environmentLocale !== primaryLocale ? environmentLocale : null;
+    const resolvedEnvironmentLocale = environmentLocale && environmentLocale !== internalLocale ? environmentLocale : null;
+    const primaryLocale = nextIntlBridge?.locale ?? resolvedEnvironmentLocale ?? internalLocale;
+    const fallbackLocale = resolvedEnvironmentLocale && resolvedEnvironmentLocale !== primaryLocale ? resolvedEnvironmentLocale : null;
     let translated = null;
     if (nextIntlBridge) {
       const nextIntlResult = nextIntlBridge.translate(namespace, key);
@@ -1848,10 +1849,20 @@ function useSmartLocale() {
   const forceInternal = React6.useContext(ForceInternalContext);
   const nextIntlBridge = useNextIntlBridge();
   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 internalLocale;
   }
-  return nextIntlBridge?.locale ?? internalLocale;
+  return nextIntlBridge?.locale ?? environmentLocale ?? internalLocale;
 }
 
 // src/components/Input.tsx
@@ -7196,9 +7207,10 @@ var Combobox = ({
       {
         id: `combobox-item-${index}`,
         type: "button",
+        role: "option",
         tabIndex: -1,
         disabled: itemDisabled,
-        "aria-pressed": isSelected,
+        "aria-selected": isSelected,
         onClick: () => handleSelect(item),
         style: {
           animationDelay: open ? `${Math.min(index * 15, 150)}ms` : "0ms"
@@ -7303,40 +7315,50 @@ var Combobox = ({
             }
           )
         ] }) }),
-        /* @__PURE__ */ jsx29("div", { ref: optionsViewportRef, className: "overflow-y-auto overscroll-contain", style: { maxHeight }, children: /* @__PURE__ */ jsx29("div", { className: cn(size === "sm" ? "p-1" : size === "lg" ? "p-2" : "p-1.5"), children: loading2 ? /* @__PURE__ */ jsx29("div", { className: "px-3 py-10 text-center", children: /* @__PURE__ */ jsxs22("div", { className: "flex flex-col items-center gap-3 animate-in fade-in-0 zoom-in-95 duration-300", children: [
-          /* @__PURE__ */ jsx29("div", { className: "relative", children: /* @__PURE__ */ jsx29("div", { className: "w-10 h-10 rounded-full border-2 border-primary/20 border-t-primary animate-spin" }) }),
-          /* @__PURE__ */ jsx29("span", { className: "text-sm text-muted-foreground", children: loadingText })
-        ] }) }) : filteredOptions.length > 0 ? groupedOptions ? (
-          // Render grouped options with global index tracking
-          (() => {
-            let globalIndex = 0;
-            return Object.entries(groupedOptions).map(([group, items]) => /* @__PURE__ */ jsxs22("div", { className: cn(globalIndex > 0 && "mt-2 pt-2 border-t border-border/30"), children: [
-              /* @__PURE__ */ jsx29("div", { className: "px-3 py-1.5 text-xs font-semibold text-muted-foreground uppercase tracking-wider", children: group }),
-              /* @__PURE__ */ jsx29("ul", { className: "space-y-0.5", children: items.map((item) => {
-                const index = globalIndex++;
-                return renderOptionItem(item, index);
-              }) })
-            ] }, group));
-          })()
-        ) : (
-          // Render flat options
-          /* @__PURE__ */ jsx29("ul", { className: "space-y-0.5", children: filteredOptions.map((item, index) => renderOptionItem(item, index)) })
-        ) : /* @__PURE__ */ jsx29("div", { className: "px-3 py-10 text-center", children: /* @__PURE__ */ jsxs22("div", { className: "flex flex-col items-center gap-3 animate-in fade-in-0 zoom-in-95 duration-300", children: [
-          /* @__PURE__ */ jsx29("div", { className: "w-12 h-12 rounded-full bg-muted/50 flex items-center justify-center", children: /* @__PURE__ */ jsx29(SearchX, { className: "h-6 w-6 text-muted-foreground/60" }) }),
-          /* @__PURE__ */ jsxs22("div", { className: "space-y-1", children: [
-            /* @__PURE__ */ jsx29("span", { className: "block text-sm font-medium text-foreground", children: emptyText }),
-            query && /* @__PURE__ */ jsx29("span", { className: "block text-xs text-muted-foreground", children: "Try a different search term" })
-          ] }),
-          query && /* @__PURE__ */ jsx29(
-            "button",
-            {
-              type: "button",
-              onClick: () => setQuery(""),
-              className: "px-3 py-1.5 text-xs font-medium text-primary bg-primary/10 rounded-full hover:bg-primary/20 transition-colors",
-              children: "Clear search"
-            }
-          )
-        ] }) }) }) })
+        /* @__PURE__ */ jsx29(
+          "div",
+          {
+            ref: optionsViewportRef,
+            role: "listbox",
+            "aria-labelledby": labelId,
+            className: "overflow-y-auto overscroll-contain",
+            style: { maxHeight },
+            children: /* @__PURE__ */ jsx29("div", { className: cn(size === "sm" ? "p-1" : size === "lg" ? "p-2" : "p-1.5"), children: loading2 ? /* @__PURE__ */ jsx29("div", { className: "px-3 py-10 text-center", children: /* @__PURE__ */ jsxs22("div", { className: "flex flex-col items-center gap-3 animate-in fade-in-0 zoom-in-95 duration-300", children: [
+              /* @__PURE__ */ jsx29("div", { className: "relative", children: /* @__PURE__ */ jsx29("div", { className: "w-10 h-10 rounded-full border-2 border-primary/20 border-t-primary animate-spin" }) }),
+              /* @__PURE__ */ jsx29("span", { className: "text-sm text-muted-foreground", children: loadingText })
+            ] }) }) : filteredOptions.length > 0 ? groupedOptions ? (
+              // Render grouped options with global index tracking
+              (() => {
+                let globalIndex = 0;
+                return Object.entries(groupedOptions).map(([group, items]) => /* @__PURE__ */ jsxs22("div", { className: cn(globalIndex > 0 && "mt-2 pt-2 border-t border-border/30"), children: [
+                  /* @__PURE__ */ jsx29("div", { className: "px-3 py-1.5 text-xs font-semibold text-muted-foreground uppercase tracking-wider", children: group }),
+                  /* @__PURE__ */ jsx29("ul", { className: "space-y-0.5", children: items.map((item) => {
+                    const index = globalIndex++;
+                    return renderOptionItem(item, index);
+                  }) })
+                ] }, group));
+              })()
+            ) : (
+              // Render flat options
+              /* @__PURE__ */ jsx29("ul", { className: "space-y-0.5", children: filteredOptions.map((item, index) => renderOptionItem(item, index)) })
+            ) : /* @__PURE__ */ jsx29("div", { className: "px-3 py-10 text-center", children: /* @__PURE__ */ jsxs22("div", { className: "flex flex-col items-center gap-3 animate-in fade-in-0 zoom-in-95 duration-300", children: [
+              /* @__PURE__ */ jsx29("div", { className: "w-12 h-12 rounded-full bg-muted/50 flex items-center justify-center", children: /* @__PURE__ */ jsx29(SearchX, { className: "h-6 w-6 text-muted-foreground/60" }) }),
+              /* @__PURE__ */ jsxs22("div", { className: "space-y-1", children: [
+                /* @__PURE__ */ jsx29("span", { className: "block text-sm font-medium text-foreground", children: emptyText }),
+                query && /* @__PURE__ */ jsx29("span", { className: "block text-xs text-muted-foreground", children: "Try a different search term" })
+              ] }),
+              query && /* @__PURE__ */ jsx29(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => setQuery(""),
+                  className: "px-3 py-1.5 text-xs font-medium text-primary bg-primary/10 rounded-full hover:bg-primary/20 transition-colors",
+                  children: "Clear search"
+                }
+              )
+            ] }) }) })
+          }
+        )
       ]
     }
   );
@@ -16934,15 +16956,83 @@ 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();
-  for (const category of categories) {
-    if (typeof category.parent_id === "number") {
-      parentIds.add(category.parent_id);
+function getAncestorPathIds(categories, targetId) {
+  const byId = new Map(categories.map((category) => [category.id, category]));
+  const expanded = /* @__PURE__ */ new Set();
+  let current = byId.get(targetId);
+  let guard = 0;
+  while (current && guard++ < categories.length) {
+    expanded.add(current.id);
+    if (typeof current.parent_id !== "number") break;
+    current = byId.get(current.parent_id);
+  }
+  return expanded;
+}
+function getInitialExpandedNodes(categories, {
+  defaultExpanded,
+  defaultExpandedIds,
+  expandToId,
+  viewOnly,
+  inline
+}) {
+  const expanded = /* @__PURE__ */ new Set();
+  if ((viewOnly || inline) && defaultExpanded) {
+    for (const category of categories) {
+      if (typeof category.parent_id === "number") {
+        expanded.add(category.parent_id);
+      }
+    }
+  }
+  for (const id of defaultExpandedIds ?? []) {
+    if (typeof id === "number") {
+      expanded.add(id);
     }
   }
-  return parentIds;
+  if (typeof expandToId === "number") {
+    for (const id of getAncestorPathIds(categories, expandToId)) {
+      expanded.add(id);
+    }
+  }
+  return expanded;
+}
+function getExpandedNodesState(expandedIds, uncontrolledExpandedNodes) {
+  return expandedIds !== void 0 ? new Set(expandedIds) : uncontrolledExpandedNodes;
+}
+function collectAncestorIds(categories, categoryId) {
+  const ancestorIds = getAncestorPathIds(categories, categoryId);
+  ancestorIds.delete(categoryId);
+  return ancestorIds;
+}
+function collectDescendantIds(childrenMap, categoryId) {
+  const descendants = /* @__PURE__ */ new Set();
+  const stack = [categoryId];
+  while (stack.length > 0) {
+    const currentId = stack.pop();
+    for (const child of childrenMap.get(currentId) ?? []) {
+      if (descendants.has(child.id)) continue;
+      descendants.add(child.id);
+      stack.push(child.id);
+    }
+  }
+  return descendants;
+}
+function pruneAncestorSelection(categories, childrenMap, selected, fromCategoryId) {
+  const byId = new Map(categories.map((category) => [category.id, category]));
+  let current = byId.get(fromCategoryId);
+  let guard = 0;
+  while (current && typeof current.parent_id === "number" && guard++ < categories.length) {
+    const parent = byId.get(current.parent_id);
+    if (!parent) break;
+    const descendantIds = collectDescendantIds(childrenMap, parent.id);
+    const hasSelectedDescendant = Array.from(descendantIds).some((id) => selected.has(id));
+    if (!hasSelectedDescendant) {
+      selected.delete(parent.id);
+    }
+    current = parent;
+  }
+}
+function toCategoryOrderSelection(categories, selected) {
+  return categories.map((category) => category.id).filter((categoryId) => selected.has(categoryId));
 }
 function CategoryTreeSelect(props) {
   const tv = useSmartTranslations("ValidationInput");
@@ -16961,6 +17051,10 @@ function CategoryTreeSelect(props) {
     helperText,
     viewOnly = false,
     defaultExpanded = false,
+    defaultExpandedIds,
+    expandToId = null,
+    expandedIds,
+    onExpandedChange,
     enableSearch,
     labels,
     inline = false,
@@ -16971,7 +17065,9 @@ function CategoryTreeSelect(props) {
     singleSelect = false
   } = props;
   const [isOpen, setIsOpen] = useState31(false);
-  const [expandedNodes, setExpandedNodes] = useState31(() => getInitialExpandedNodes(categories, defaultExpanded, viewOnly, inline));
+  const [expandedNodes, setExpandedNodes] = useState31(
+    () => getInitialExpandedNodes(categories, { defaultExpanded, defaultExpandedIds, expandToId, viewOnly, inline })
+  );
   const [query, setQuery] = useState31("");
   const [localRequiredError, setLocalRequiredError] = useState31();
   const searchInputRef = useRef19(null);
@@ -17008,6 +17104,7 @@ function CategoryTreeSelect(props) {
   const isSearchEnabled = useMemo19(() => enableSearch ?? categories.length > 10, [enableSearch, categories.length]);
   const normalizedQuery = useMemo19(() => query.trim().toLowerCase(), [query]);
   const isSearchMode = isSearchEnabled && normalizedQuery.length > 0;
+  const effectiveExpandedNodes = useMemo19(() => getExpandedNodesState(expandedIds, expandedNodes), [expandedIds, expandedNodes]);
   const visibleIds = useMemo19(() => {
     if (!isSearchMode) return null;
     const matches = categories.filter((c) => c.name.toLowerCase().includes(normalizedQuery));
@@ -17060,13 +17157,16 @@ function CategoryTreeSelect(props) {
   }, [disabled, required, valueArray.length]);
   const toggleExpand = (id2) => {
     if (isSearchMode) return;
-    const newExpanded = new Set(expandedNodes);
+    const newExpanded = new Set(effectiveExpandedNodes);
     if (newExpanded.has(id2)) {
       newExpanded.delete(id2);
     } else {
       newExpanded.add(id2);
     }
-    setExpandedNodes(newExpanded);
+    if (expandedIds === void 0) {
+      setExpandedNodes(newExpanded);
+    }
+    onExpandedChange?.(Array.from(newExpanded));
   };
   const handleSelect = (categoryId, category) => {
     if (viewOnly) return;
@@ -17094,21 +17194,23 @@ function CategoryTreeSelect(props) {
       const newSelected = new Set(valueArray);
       if (newSelected.has(categoryId)) {
         newSelected.delete(categoryId);
-        const children = childrenMap.get(categoryId) || [];
-        children.forEach((child) => newSelected.delete(child.id));
+        for (const descendantId of collectDescendantIds(childrenMap, categoryId)) {
+          newSelected.delete(descendantId);
+        }
+        pruneAncestorSelection(categories, childrenMap, newSelected, categoryId);
       } else {
         newSelected.add(categoryId);
-        if (category.parent_id) {
-          newSelected.add(category.parent_id);
+        for (const ancestorId of collectAncestorIds(categories, categoryId)) {
+          newSelected.add(ancestorId);
         }
       }
-      onChange(Array.from(newSelected));
+      onChange(toCategoryOrderSelection(categories, newSelected));
     }
   };
   const renderCategory = (category, level = 0) => {
     const children = effectiveChildrenMap.get(category.id) || [];
     const hasChildren = children.length > 0;
-    const isExpanded = hasChildren && (isSearchMode || expandedNodes.has(category.id));
+    const isExpanded = hasChildren && (isSearchMode || effectiveExpandedNodes.has(category.id));
     const isSelected = selectedIds.has(category.id);
     const isSelectable = !viewOnly && (!leafOnlySelect || !hasChildren);
     return /* @__PURE__ */ jsxs39(
@@ -17456,11 +17558,10 @@ function CategoryTreeSelect(props) {
           "shadow-2xl backdrop-blur-xl"
         ),
         trigger: /* @__PURE__ */ jsxs39(
-          "button",
+          "div",
           {
             id: resolvedId,
-            type: "button",
-            disabled,
+            tabIndex: disabled ? -1 : 0,
             role: "combobox",
             "aria-haspopup": "tree",
             "aria-expanded": isOpen,
@@ -17469,6 +17570,13 @@ function CategoryTreeSelect(props) {
             "aria-describedby": describedBy,
             "aria-required": required,
             "aria-invalid": !!effectiveError,
+            onKeyDown: (event) => {
+              if (disabled) return;
+              if (event.key === "Enter" || event.key === " " || event.key === "ArrowDown") {
+                event.preventDefault();
+                handleOpenChange(!isOpen);
+              }
+            },
             className: cn(
               "group flex w-full items-center justify-between rounded-full transition-all duration-200",
               "backdrop-blur-sm",
@@ -17507,13 +17615,11 @@ function CategoryTreeSelect(props) {
               ] }),
               /* @__PURE__ */ jsxs39("div", { className: "ml-2 flex shrink-0 items-center gap-1.5", children: [
                 allowClear && selectedCount > 0 && !disabled && /* @__PURE__ */ jsx49(
-                  "div",
+                  "button",
                   {
-                    role: "button",
-                    tabIndex: 0,
+                    type: "button",
                     "aria-label": "Clear selection",
                     onClick: handleClear,
-                    onKeyDown: (event) => (event.key === "Enter" || event.key === " ") && handleClear(event),
                     className: cn(
                       "opacity-0 group-hover:opacity-100 transition-all duration-200",
                       "p-1 rounded-lg hover:bg-destructive/10 text-muted-foreground hover:text-destructive",
@@ -21236,6 +21342,18 @@ function DataTableBodyRows({
 import React54 from "react";
 import { Filter as FilterIcon } from "lucide-react";
 import { Fragment as Fragment22, jsx as jsx64, jsxs as jsxs53 } from "react/jsx-runtime";
+function getColumnLabel(title) {
+  if (typeof title === "string" || typeof title === "number") {
+    return String(title).replace(/\s+/g, " ").trim();
+  }
+  if (Array.isArray(title)) {
+    return title.map((item) => getColumnLabel(item)).filter(Boolean).join(" ").replace(/\s+/g, " ").trim();
+  }
+  if (React54.isValidElement(title)) {
+    return getColumnLabel(title.props.children);
+  }
+  return "";
+}
 function DataTableHeader({
   headerRows,
   headerAlign,
@@ -21260,12 +21378,13 @@ function DataTableHeader({
       if (!col.filter) return null;
       const key = col.key;
       const commonProps = { className: "w-full", size };
+      const columnLabel = getColumnLabel(col.title) || key;
       if (col.filter.type === "text") {
         return /* @__PURE__ */ jsx64(
           Input_default,
           {
             ...commonProps,
-            placeholder: col.filter.placeholder || `Search ${String(col.title)}`,
+            placeholder: col.filter.placeholder || `Search ${columnLabel}`,
             value: filters[key] || "",
             onChange: (e) => {
               setCurPage(1);
@@ -21286,7 +21405,7 @@ function DataTableHeader({
               setCurPage(1);
               setFilters((prev) => ({ ...prev, [key]: value || void 0 }));
             },
-            placeholder: col.filter.placeholder || `Select ${String(col.title)}`
+            placeholder: col.filter.placeholder || `Select ${columnLabel}`
           }
         );
       }
@@ -21295,7 +21414,7 @@ function DataTableHeader({
           DatePicker,
           {
             size,
-            placeholder: col.filter.placeholder || `Select ${String(col.title)}`,
+            placeholder: col.filter.placeholder || `Select ${columnLabel}`,
             value: filters[key] || null,
             onChange: (date) => {
               setCurPage(1);
@@ -21327,16 +21446,19 @@ function DataTableHeader({
       }
       const isRightAlign = col.align === "right" || !col.align && headerAlign === "right";
       const isCenterAlign = col.align === "center" || !col.align && headerAlign === "center";
+      const columnLabel = getColumnLabel(col.title) || col.key;
       const titleContent = /* @__PURE__ */ jsxs53("div", { className: "flex items-center gap-1", children: [
         /* @__PURE__ */ jsx64("span", { className: cn("font-medium whitespace-nowrap select-text", headerTitleClass), children: col.title }),
         col.sortable && /* @__PURE__ */ jsx64(
           Tooltip,
           {
             placement: "top",
-            content: /* @__PURE__ */ jsx64("span", { className: "text-xs font-medium", children: `Sort by ${String(col.title)}` }),
+            content: /* @__PURE__ */ jsx64("span", { className: "text-xs font-medium", children: `Sort by ${columnLabel}` }),
             children: /* @__PURE__ */ jsx64(
               "button",
               {
+                type: "button",
+                title: `Sort by ${columnLabel}`,
                 className: cn(
                   "p-1 rounded-lg transition-all duration-200 hover:bg-accent",
                   sort?.key === col.key ? "opacity-100 bg-accent" : "opacity-60 hover:opacity-100"
@@ -21349,7 +21471,7 @@ function DataTableHeader({
                     return null;
                   });
                 },
-                "aria-label": "Sort",
+                "aria-label": `Sort by ${columnLabel}`,
                 children: /* @__PURE__ */ jsxs53("svg", { viewBox: "0 0 20 20", fill: "none", className: cn("inline-block", sortIconClass), children: [
                   /* @__PURE__ */ jsx64(
                     "path",
@@ -21387,15 +21509,17 @@ function DataTableHeader({
             Tooltip,
             {
               placement: "top",
-              content: /* @__PURE__ */ jsx64("span", { className: "text-xs font-medium", children: `Filter by ${String(col.title)}` }),
+              content: /* @__PURE__ */ jsx64("span", { className: "text-xs font-medium", children: `Filter by ${columnLabel}` }),
               children: /* @__PURE__ */ jsx64(
                 "button",
                 {
+                  type: "button",
+                  title: `Filter by ${columnLabel}`,
                   className: cn(
                     "p-1.5 rounded-lg transition-all duration-200 hover:bg-accent",
                     filters[col.key] ? "bg-accent text-primary" : "text-muted-foreground"
                   ),
-                  "aria-label": "Filter",
+                  "aria-label": `Filter by ${columnLabel}`,
                   children: /* @__PURE__ */ jsx64(FilterIcon, { className: "w-4 h-4" })
                 }
               )
@@ -22911,16 +23035,8 @@ function LanguageSwitcherHeadless({
   ] });
 }
 
-// ../../lib/utils/cn.ts
-import { clsx as clsx2 } from "clsx";
-import { twMerge as twMerge2 } from "tailwind-merge";
-function cn2(...inputs) {
-  return twMerge2(clsx2(...inputs));
-}
-
-// ../../lib/constants/constants-ui/alert.ts
+// src/constants/alert.ts
 var VARIANT_STYLES_ALERT = {
-  // Use system colors for background + border; leave text colors to content
   default: "border border-border bg-card/60 backdrop-blur-sm",
   info: "border border-info/30 bg-info/10 backdrop-blur-sm",
   success: "border border-success/30 bg-success/10 backdrop-blur-sm",
@@ -22928,7 +23044,7 @@ var VARIANT_STYLES_ALERT = {
   error: "border border-destructive/30 bg-destructive/10 backdrop-blur-sm"
 };
 
-// ../../lib/i18n/translation-adapter.tsx
+// src/contexts/translation-adapter.tsx
 import * as React65 from "react";
 import { jsx as jsx73 } from "react/jsx-runtime";
 function isUnresolvedTranslation2(value, namespace, key) {
@@ -31655,6 +31771,7 @@ var UEditor = React74.forwardRef(({
   const t = useSmartTranslations("UEditor");
   const effectivePlaceholder = placeholder ?? t("placeholder");
   const inFlightPrepareRef = useRef31(null);
+  const lastAppliedContentRef = useRef31(content ?? "");
   const editorContentRef = useRef31(null);
   const tableColumnGuideRef = useRef31(null);
   const tableRowGuideRef = useRef31(null);
@@ -31957,10 +32074,12 @@ var UEditor = React74.forwardRef(({
     [content, editor, uploadImageForSave]
   );
   useEffect35(() => {
-    if (editor && content !== editor.getHTML()) {
-      if (editor.isEmpty && content) {
-        editor.commands.setContent(content);
-      }
+    if (!editor) return;
+    const nextContent = content ?? "";
+    if (lastAppliedContentRef.current === nextContent) return;
+    lastAppliedContentRef.current = nextContent;
+    if (editor.getHTML() !== nextContent) {
+      editor.commands.setContent(nextContent, { emitUpdate: false });
     }
   }, [content, editor]);
   useEffect35(() => {
@@ -32410,7 +32529,7 @@ export {
   VIETNAM_HOLIDAYS,
   VerticalTabs,
   Watermark_default as Watermark,
-  cn2 as cn,
+  cn,
   cn as cnLocal,
   extractImageSrcsFromHtml,
   getAnimationStyles,