@underverse-ui/underverse 0.1.4 → 0.1.6

package/dist/index.cjs

@@ -69,7 +69,6 @@ __export(index_exports, {
   Pagination: () => Pagination,
   PillTabs: () => PillTabs,
   Popover: () => Popover,
-  ProductImageUpload: () => ProductImageUpload_default,
   Progress: () => Progress_default,
   PulseBadge: () => PulseBadge,
   RadioGroup: () => RadioGroup_default,
@@ -102,6 +101,8 @@ __export(index_exports, {
   VARIANT_STYLES_BTN: () => VARIANT_STYLES_BTN,
   VerticalTabs: () => VerticalTabs,
   cn: () => cn,
+  getUnderverseMessages: () => getUnderverseMessages,
+  underverseMessages: () => underverseMessages,
   useToast: () => useToast
 });
 module.exports = __toCommonJS(index_exports);
@@ -2587,7 +2588,7 @@ var variantIcons = {
   warning: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(WarningIcon, { className: "h-4 w-4 text-warning" }),
   error: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(ErrorIcon, { className: "h-4 w-4 text-destructive" })
 };
-var Alert = ({ title, description, variant = "default", className, icon, dismissible = false, onClose, actions }) => {
+var Alert = ({ title, description, variant = "default", className, icon, dismissible = false, onClose, actions, closeAriaLabel }) => {
   const [open, setOpen] = (0, import_react7.useState)(true);
   const t = (0, import_next_intl2.useTranslations)("Common");
   if (!open) return null;
@@ -2613,7 +2614,7 @@ var Alert = ({ title, description, variant = "default", className, icon, dismiss
           {
             onClick: handleClose,
             className: "rounded-md p-1 hover:bg-accent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
-            "aria-label": t("closeAlert"),
+            "aria-label": closeAriaLabel || t("closeAlert"),
             children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react9.X, { className: "h-4 w-4" })
           }
         )
@@ -3674,7 +3675,8 @@ var Pagination = ({
   pageSize,
   pageSizeOptions,
   onPageSizeChange,
-  totalItems
+  totalItems,
+  labels
 }) => {
   const t = (0, import_next_intl4.useTranslations)("Pagination");
   const createPageArray = () => {
@@ -3728,8 +3730,8 @@ var Pagination = ({
     }
   };
   if (totalPages <= 1) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("nav", { className: cn("flex flex-col gap-4", className), "aria-label": t("navigationLabel"), children: [
-    showInfo && totalItems && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "text-sm text-muted-foreground text-center", children: t("showingResults", { startItem: startItem || 0, endItem: endItem || 0, totalItems }) }),
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("nav", { className: cn("flex flex-col gap-4", className), "aria-label": labels?.navigationLabel || t("navigationLabel"), children: [
+    showInfo && totalItems && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "text-sm text-muted-foreground text-center", children: labels?.showingResults ? labels.showingResults({ startItem: startItem || 0, endItem: endItem || 0, totalItems }) : t("showingResults", { startItem: startItem || 0, endItem: endItem || 0, totalItems }) }),
     /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex items-center justify-center gap-1", children: [
       showFirstLast && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
         Button_default,
@@ -3740,8 +3742,8 @@ var Pagination = ({
           onClick: () => onChange(1),
           disabled: disabled || page === 1,
           className: "hidden sm:flex",
-          title: t("firstPage"),
-          "aria-label": t("firstPage"),
+          title: labels?.firstPage || t("firstPage"),
+          "aria-label": labels?.firstPage || t("firstPage"),
           "aria-disabled": disabled || page === 1
         }
       ),
@@ -3753,10 +3755,10 @@ var Pagination = ({
           icon: import_lucide_react13.ChevronLeft,
           onClick: () => onChange(Math.max(1, page - 1)),
           disabled: disabled || page === 1,
-          title: t("previousPage"),
-          "aria-label": t("previousPage"),
+          title: labels?.previousPage || t("previousPage"),
+          "aria-label": labels?.previousPage || t("previousPage"),
           "aria-disabled": disabled || page === 1,
-          children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "hidden sm:inline", children: t("previous") })
+          children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "hidden sm:inline", children: labels?.previous || t("previous") })
         }
       ),
       showPageNumbers && createPageArray().map((p, i) => {
@@ -3773,7 +3775,7 @@ var Pagination = ({
             onClick: () => onChange(pageNumber),
             disabled,
             className: cn("min-w-[2.5rem]", isActive && "font-semibold"),
-            "aria-label": t("pageNumber", { page: pageNumber }),
+            "aria-label": labels?.pageNumber ? labels.pageNumber(pageNumber) : t("pageNumber", { page: pageNumber }),
             "aria-current": isActive ? "page" : void 0,
             children: pageNumber
           },
@@ -3788,10 +3790,10 @@ var Pagination = ({
           iconRight: import_lucide_react13.ChevronRight,
           onClick: () => onChange(Math.min(totalPages, page + 1)),
           disabled: disabled || page === totalPages,
-          title: t("nextPage"),
-          "aria-label": t("nextPage"),
+          title: labels?.nextPage || t("nextPage"),
+          "aria-label": labels?.nextPage || t("nextPage"),
           "aria-disabled": disabled || page === totalPages,
-          children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "hidden sm:inline", children: t("next") })
+          children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "hidden sm:inline", children: labels?.next || t("next") })
         }
       ),
       showFirstLast && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
@@ -3803,15 +3805,15 @@ var Pagination = ({
           onClick: () => onChange(totalPages),
           disabled: disabled || page === totalPages,
           className: "hidden sm:flex",
-          title: t("lastPage"),
-          "aria-label": t("lastPage"),
+          title: labels?.lastPage || t("lastPage"),
+          "aria-label": labels?.lastPage || t("lastPage"),
           "aria-disabled": disabled || page === totalPages
         }
       )
     ] }),
     pageSizeOptions && onPageSizeChange && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex items-center justify-center gap-2 text-sm", children: [
       /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("span", { className: "text-muted-foreground", children: [
-        t("itemsPerPage"),
+        labels?.itemsPerPage || t("itemsPerPage"),
         ":"
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "w-20", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
@@ -3821,8 +3823,8 @@ var Pagination = ({
           value: pageSize?.toString() || "10",
           onChange: handlePageSizeChange,
           placeholder: "10",
-          searchPlaceholder: t("search"),
-          emptyText: t("noOptions"),
+          searchPlaceholder: labels?.search || t("search"),
+          emptyText: labels?.noOptions || t("noOptions"),
           disabled
         }
       ) })
@@ -4078,7 +4080,10 @@ var DatePicker = ({
   disabled = false,
   size = "md",
   label,
-  required
+  required,
+  todayLabel,
+  clearLabel,
+  weekdayLabels
 }) => {
   const t = (0, import_next_intl5.useTranslations)("DatePicker");
   const locale = (0, import_next_intl5.useLocale)();
@@ -4219,10 +4224,10 @@ var DatePicker = ({
           children: [
             /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex items-center justify-between mb-4", children: [
               /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Button_default, { variant: "ghost", size: "sm", onClick: () => navigateMonth("prev"), className: "p-1 h-auto", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_lucide_react14.ChevronLeft, { className: "h-4 w-4" }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "text-sm font-semibold", children: viewDate.toLocaleDateString(locale === "vi" /* VI */ ? "vi-VN" : "en-US", { month: "long", year: "numeric" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "text-sm font-semibold", children: viewDate.toLocaleDateString("en-US", { month: "long", year: "numeric" }) }),
               /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Button_default, { variant: "ghost", size: "sm", onClick: () => navigateMonth("next"), className: "p-1 h-auto", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_lucide_react14.ChevronRight, { className: "h-4 w-4" }) })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: cn("grid grid-cols-7 gap-1", size === "sm" ? "mb-1" : "mb-2"), children: (locale === "vi" /* VI */ ? t("weekdays").split(",") : ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"]).map((day) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: cn("text-muted-foreground text-center font-medium", size === "sm" ? "text-[10px] py-0.5" : "text-xs py-1"), children: day }, day)) }),
+            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: cn("grid grid-cols-7 gap-1", size === "sm" ? "mb-1" : "mb-2"), children: (weekdayLabels || ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"]).map((day) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: cn("text-muted-foreground text-center font-medium", size === "sm" ? "text-[10px] py-0.5" : "text-xs py-1"), children: day }, day)) }),
             /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "grid grid-cols-7 gap-1", children: renderCalendar() })
           ]
         }
@@ -5449,220 +5454,52 @@ function ImageUpload({
   ] });
 }
 
-// ../../components/ui/ProductImageUpload.tsx
-var import_react18 = require("react");
-var import_image2 = __toESM(require("next/image"), 1);
+// ../../components/ui/Carousel.tsx
+var React27 = __toESM(require("react"), 1);
 var import_lucide_react18 = require("lucide-react");
 var import_jsx_runtime34 = require("react/jsx-runtime");
-var ProductImageUpload = ({ value, onChange, disabled = false, className }) => {
-  const [uploading, setUploading] = (0, import_react18.useState)(false);
-  const [error, setError] = (0, import_react18.useState)(null);
-  const [isDragging, setIsDragging] = (0, import_react18.useState)(false);
-  const fileInputRef = (0, import_react18.useRef)(null);
-  const handleFileChange = async (e) => {
-    const file = e.target.files?.[0];
-    if (!file) return;
-    await uploadFile(file);
-  };
-  const uploadFile = async (file) => {
-    const acceptedFormats = ["image/jpeg", "image/png", "image/webp", "image/gif"];
-    if (!acceptedFormats.includes(file.type)) {
-      setError(`\u0110\u1ECBnh d\u1EA1ng kh\xF4ng h\u1ED7 tr\u1EE3. Ch\u1EC9 ch\u1EA5p nh\u1EADn: JPG, PNG, WEBP, GIF`);
-      return;
-    }
-    const maxSizeBytes = 10 * 1024 * 1024;
-    if (file.size > maxSizeBytes) {
-      setError(`File qu\xE1 l\u1EDBn. K\xEDch th\u01B0\u1EDBc t\u1ED1i \u0111a: 10MB`);
-      return;
-    }
-    setError(null);
-    setUploading(true);
-    try {
-      const formData = new FormData();
-      formData.append("file", file);
-      const response = await fetch("/api/upload/product-image", {
-        method: "POST",
-        body: formData,
-        credentials: "include"
-      });
-      if (!response.ok) {
-        throw new Error("Upload failed");
-      }
-      const result = await response.json();
-      if (result.success && result.data?.path) {
-        onChange(result.data.path);
-      } else {
-        throw new Error(result.message || "Upload failed");
-      }
-    } catch (err) {
-      setError(err.message || "Kh\xF4ng th\u1EC3 upload \u1EA3nh");
-      console.error("Upload error:", err);
-    } finally {
-      setUploading(false);
-      if (fileInputRef.current) {
-        fileInputRef.current.value = "";
-      }
-    }
-  };
-  const handleDragOver = (e) => {
-    e.preventDefault();
-    e.stopPropagation();
-    if (!disabled && !uploading) {
-      setIsDragging(true);
-    }
-  };
-  const handleDragLeave = (e) => {
-    e.preventDefault();
-    e.stopPropagation();
-    setIsDragging(false);
-  };
-  const handleDrop = async (e) => {
-    e.preventDefault();
-    e.stopPropagation();
-    setIsDragging(false);
-    if (disabled || uploading) return;
-    const file = e.dataTransfer.files?.[0];
-    if (file) {
-      await uploadFile(file);
-    }
-  };
-  const handleRemove = () => {
-    onChange("");
-    setError(null);
-  };
-  const handleClickUpload = () => {
-    fileInputRef.current?.click();
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: cn("space-y-4", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
-      "input",
-      {
-        ref: fileInputRef,
-        type: "file",
-        accept: "image/jpeg,image/png,image/webp,image/gif",
-        onChange: handleFileChange,
-        disabled: disabled || uploading,
-        className: "hidden"
-      }
-    ),
-    value ? /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "space-y-4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "relative w-full aspect-square max-w-md rounded-xl overflow-hidden border-2 border-border bg-muted shadow-lg group", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
-          import_image2.default,
-          {
-            src: value,
-            alt: "Product image",
-            fill: true,
-            className: "object-cover transition-transform duration-300 group-hover:scale-105",
-            unoptimized: true
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "absolute inset-0 bg-foreground/0 group-hover:bg-foreground/30 transition-colors duration-300 flex items-center justify-center opacity-0 group-hover:opacity-100", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(Button_default, { type: "button", variant: "default", size: "sm", onClick: handleClickUpload, disabled: disabled || uploading, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_lucide_react18.Upload, { className: "w-4 h-4 mr-2" }),
-            "Thay \u0111\u1ED5i"
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(Button_default, { type: "button", variant: "danger", size: "sm", onClick: handleRemove, disabled: disabled || uploading, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_lucide_react18.X, { className: "w-4 h-4 mr-2" }),
-            "X\xF3a"
-          ] })
-        ] }) })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_lucide_react18.Image, { className: "w-4 h-4" }),
-        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { children: "\u1EA2nh s\u1EA3n ph\u1EA9m \u0111\xE3 t\u1EA3i l\xEAn th\xE0nh c\xF4ng" })
-      ] })
-    ] }) : /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
-      "div",
-      {
-        className: cn(
-          "w-full aspect-square max-w-md rounded-xl border-2 border-dashed transition-all duration-200",
-          "bg-gradient-to-br from-muted/30 to-muted/10",
-          "flex flex-col items-center justify-center cursor-pointer",
-          "hover:border-primary/60 hover:bg-primary/5 hover:shadow-lg hover:scale-[1.02]",
-          isDragging && "border-primary bg-primary/10 shadow-lg scale-[1.02]",
-          (disabled || uploading) && "opacity-50 cursor-not-allowed hover:scale-100",
-          !isDragging && !disabled && !uploading && "border-border"
-        ),
-        onClick: !disabled && !uploading ? handleClickUpload : void 0,
-        onDragOver: handleDragOver,
-        onDragLeave: handleDragLeave,
-        onDrop: handleDrop,
-        children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex flex-col items-center justify-center p-8 text-center", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
-            "div",
-            {
-              className: cn(
-                "w-20 h-20 rounded-full flex items-center justify-center mb-4 transition-colors",
-                isDragging ? "bg-primary/20" : "bg-primary/10"
-              ),
-              children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_lucide_react18.Upload, { className: cn("w-10 h-10 transition-colors", isDragging ? "text-primary" : "text-muted-foreground") })
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("h3", { className: "text-lg font-semibold text-foreground mb-2", children: uploading ? "\u0110ang t\u1EA3i l\xEAn..." : isDragging ? "Th\u1EA3 \u1EA3nh v\xE0o \u0111\xE2y" : "T\u1EA3i \u1EA3nh s\u1EA3n ph\u1EA9m" }),
-          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("p", { className: "text-sm text-muted-foreground mb-3 max-w-xs", children: uploading ? "Vui l\xF2ng \u0111\u1EE3i trong gi\xE2y l\xE1t" : "Click \u0111\u1EC3 ch\u1ECDn ho\u1EB7c k\xE9o th\u1EA3 \u1EA3nh v\xE0o \u0111\xE2y" }),
-          /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex items-center gap-2 text-xs text-muted-foreground mt-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "px-3 py-1.5 bg-muted rounded-full", children: "JPG, PNG, WEBP, GIF" }),
-            /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "px-3 py-1.5 bg-muted rounded-full", children: "T\u1ED1i \u0111a 10MB" })
-          ] }),
-          uploading && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "mt-4 w-48 h-1.5 bg-muted rounded-full overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "h-full bg-primary rounded-full animate-[progress_1s_ease-in-out_infinite]" }) })
-        ] })
-      }
-    ),
-    error && /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex items-center gap-2 p-3 rounded-lg bg-destructive/10 border border-destructive/20", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_lucide_react18.X, { className: "w-4 h-4 text-destructive flex-shrink-0" }),
-      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("p", { className: "text-sm text-destructive", children: error })
-    ] })
-  ] });
-};
-var ProductImageUpload_default = ProductImageUpload;
-
-// ../../components/ui/Carousel.tsx
-var React28 = __toESM(require("react"), 1);
-var import_lucide_react19 = require("lucide-react");
-var import_jsx_runtime35 = require("react/jsx-runtime");
 function Carousel({ children, autoScroll = true, autoScrollInterval = 5e3 }) {
-  const [currentIndex, setCurrentIndex] = React28.useState(0);
-  const totalSlides = React28.Children.count(children);
-  const [isPaused, setIsPaused] = React28.useState(false);
-  const scrollPrev = React28.useCallback(() => {
+  const [currentIndex, setCurrentIndex] = React27.useState(0);
+  const totalSlides = React27.Children.count(children);
+  const [isPaused, setIsPaused] = React27.useState(false);
+  const scrollPrev = React27.useCallback(() => {
     setCurrentIndex((prev) => prev > 0 ? prev - 1 : totalSlides - 1);
   }, [totalSlides]);
-  const scrollNext = React28.useCallback(() => {
+  const scrollNext = React27.useCallback(() => {
     setCurrentIndex((prev) => prev < totalSlides - 1 ? prev + 1 : 0);
   }, [totalSlides]);
-  React28.useEffect(() => {
+  React27.useEffect(() => {
     if (!autoScroll || isPaused || totalSlides <= 1) return;
     const interval = setInterval(() => {
       scrollNext();
     }, autoScrollInterval);
     return () => clearInterval(interval);
   }, [autoScroll, isPaused, totalSlides, autoScrollInterval, scrollNext]);
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "relative w-full overflow-hidden", onMouseEnter: () => setIsPaused(true), onMouseLeave: () => setIsPaused(false), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "flex transition-transform duration-500 ease-in-out", style: { transform: `translateX(-${currentIndex * 100}%)` }, children: React28.Children.map(children, (child, idx) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "flex-shrink-0 w-full h-full", children: child }, idx)) }),
-    totalSlides > 1 && /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_jsx_runtime35.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "relative w-full overflow-hidden", onMouseEnter: () => setIsPaused(true), onMouseLeave: () => setIsPaused(false), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "flex transition-transform duration-500 ease-in-out", style: { transform: `translateX(-${currentIndex * 100}%)` }, children: React27.Children.map(children, (child, idx) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "flex-shrink-0 w-full h-full", children: child }, idx)) }),
+    totalSlides > 1 && /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_jsx_runtime34.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
         Button_default,
         {
           onClick: scrollPrev,
           variant: "outline",
           size: "icon",
-          icon: import_lucide_react19.ArrowLeft,
+          icon: import_lucide_react18.ArrowLeft,
           className: "absolute left-4 top-1/2 -translate-y-1/2 hover:-translate-y-1/2 z-10 rounded-full will-change-transform bg-background/80 hover:bg-background border-border/50 hover:border-border text-foreground"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
         Button_default,
         {
           onClick: scrollNext,
           variant: "outline",
           size: "icon",
-          icon: import_lucide_react19.ArrowRight,
+          icon: import_lucide_react18.ArrowRight,
           className: "absolute right-4 top-1/2 -translate-y-1/2 hover:-translate-y-1/2 z-10 rounded-full will-change-transform bg-background/80 hover:bg-background border-border/50 hover:border-border text-foreground"
         }
       )
     ] }),
-    totalSlides > 1 && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "absolute bottom-4 left-1/2 -translate-x-1/2 flex gap-2", children: Array.from({ length: totalSlides }, (_, idx) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+    totalSlides > 1 && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "absolute bottom-4 left-1/2 -translate-x-1/2 flex gap-2", children: Array.from({ length: totalSlides }, (_, idx) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
       "button",
       {
         onClick: () => setCurrentIndex(idx),
@@ -5675,22 +5512,22 @@ function Carousel({ children, autoScroll = true, autoScrollInterval = 5e3 }) {
 }
 
 // ../../components/ui/ClientOnly.tsx
-var import_react19 = require("react");
-var import_jsx_runtime36 = require("react/jsx-runtime");
+var import_react18 = require("react");
+var import_jsx_runtime35 = require("react/jsx-runtime");
 function ClientOnly({ children, fallback = null }) {
-  const [hasMounted, setHasMounted] = (0, import_react19.useState)(false);
-  (0, import_react19.useEffect)(() => {
+  const [hasMounted, setHasMounted] = (0, import_react18.useState)(false);
+  (0, import_react18.useEffect)(() => {
     setHasMounted(true);
   }, []);
   if (!hasMounted) {
-    return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_jsx_runtime36.Fragment, { children: fallback });
+    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_jsx_runtime35.Fragment, { children: fallback });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_jsx_runtime36.Fragment, { children });
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_jsx_runtime35.Fragment, { children });
 }
 
 // ../../components/ui/Loading.tsx
-var import_lucide_react20 = require("lucide-react");
-var import_jsx_runtime37 = require("react/jsx-runtime");
+var import_lucide_react19 = require("lucide-react");
+var import_jsx_runtime36 = require("react/jsx-runtime");
 var LoadingSpinner = ({
   size = "md",
   className,
@@ -5706,8 +5543,8 @@ var LoadingSpinner = ({
     foreground: "text-foreground",
     muted: "text-muted-foreground"
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
-    import_lucide_react20.Activity,
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+    import_lucide_react19.Activity,
     {
       className: cn(
         "animate-spin",
@@ -5727,7 +5564,7 @@ var LoadingDots = ({
     foreground: "bg-foreground",
     muted: "bg-muted-foreground"
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: cn("flex items-center space-x-1", className), children: [0, 1, 2].map((i) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: cn("flex items-center space-x-1", className), children: [0, 1, 2].map((i) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
     "div",
     {
       className: cn(
@@ -5749,7 +5586,7 @@ var LoadingBar = ({
   label
 }) => {
   const pct = progress ? Math.min(Math.max(progress, 0), 100) : void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
     "div",
     {
       className: cn("w-full bg-muted rounded-full h-2", className),
@@ -5758,7 +5595,7 @@ var LoadingBar = ({
       "aria-valuemax": pct === void 0 ? void 0 : 100,
       "aria-valuenow": pct === void 0 ? void 0 : Math.round(pct),
       "aria-label": label || "Loading",
-      children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
         "div",
         {
           className: cn(
@@ -5775,10 +5612,10 @@ var LoadingBar = ({
 };
 
 // ../../components/ui/Table.tsx
-var import_react20 = __toESM(require("react"), 1);
-var import_jsx_runtime38 = require("react/jsx-runtime");
-var Table = import_react20.default.forwardRef(
-  ({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+var import_react19 = __toESM(require("react"), 1);
+var import_jsx_runtime37 = require("react/jsx-runtime");
+var Table = import_react19.default.forwardRef(
+  ({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
     "div",
     {
       className: cn(
@@ -5788,7 +5625,7 @@ var Table = import_react20.default.forwardRef(
         "backdrop-blur-sm transition-all duration-300",
         containerClassName
       ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
         "table",
         {
           ref,
@@ -5800,8 +5637,8 @@ var Table = import_react20.default.forwardRef(
   )
 );
 Table.displayName = "Table";
-var TableHeader = import_react20.default.forwardRef(
-  ({ className, children, filterRow, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
+var TableHeader = import_react19.default.forwardRef(
+  ({ className, children, filterRow, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
     "thead",
     {
       ref,
@@ -5819,7 +5656,7 @@ var TableHeader = import_react20.default.forwardRef(
   )
 );
 TableHeader.displayName = "TableHeader";
-var TableBody = import_react20.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+var TableBody = import_react19.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
   "tbody",
   {
     ref,
@@ -5828,7 +5665,7 @@ var TableBody = import_react20.default.forwardRef(({ className, ...props }, ref)
   }
 ));
 TableBody.displayName = "TableBody";
-var TableFooter = import_react20.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+var TableFooter = import_react19.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
   "tfoot",
   {
     ref,
@@ -5840,7 +5677,7 @@ var TableFooter = import_react20.default.forwardRef(({ className, ...props }, re
   }
 ));
 TableFooter.displayName = "TableFooter";
-var TableRow = import_react20.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+var TableRow = import_react19.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
   "tr",
   {
     ref,
@@ -5854,7 +5691,7 @@ var TableRow = import_react20.default.forwardRef(({ className, ...props }, ref)
   }
 ));
 TableRow.displayName = "TableRow";
-var TableHead = import_react20.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+var TableHead = import_react19.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
   "th",
   {
     ref,
@@ -5866,7 +5703,7 @@ var TableHead = import_react20.default.forwardRef(({ className, ...props }, ref)
   }
 ));
 TableHead.displayName = "TableHead";
-var TableCell = import_react20.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+var TableCell = import_react19.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
   "td",
   {
     ref,
@@ -5875,7 +5712,7 @@ var TableCell = import_react20.default.forwardRef(({ className, ...props }, ref)
   }
 ));
 TableCell.displayName = "TableCell";
-var TableCaption = import_react20.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+var TableCaption = import_react19.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
   "caption",
   {
     ref,
@@ -5886,13 +5723,13 @@ var TableCaption = import_react20.default.forwardRef(({ className, ...props }, r
 TableCaption.displayName = "TableCaption";
 
 // ../../components/ui/DataTable.tsx
-var import_lucide_react21 = require("lucide-react");
-var import_react21 = __toESM(require("react"), 1);
+var import_lucide_react20 = require("lucide-react");
+var import_react20 = __toESM(require("react"), 1);
 var import_next_intl7 = require("next-intl");
-var import_jsx_runtime39 = require("react/jsx-runtime");
+var import_jsx_runtime38 = require("react/jsx-runtime");
 function useDebounced(value, delay = 300) {
-  const [debounced, setDebounced] = import_react21.default.useState(value);
-  import_react21.default.useEffect(() => {
+  const [debounced, setDebounced] = import_react20.default.useState(value);
+  import_react20.default.useEffect(() => {
     const id = setTimeout(() => setDebounced(value), delay);
     return () => clearTimeout(id);
   }, [value, delay]);
@@ -5913,17 +5750,18 @@ function DataTable({
   enableDensityToggle = true,
   striped = true,
   // Mặc định bật màu nền sẽn kẽ cho các dòng
-  className
+  className,
+  labels
 }) {
   const t = (0, import_next_intl7.useTranslations)("Common");
-  const [visibleCols, setVisibleCols] = import_react21.default.useState(() => columns.filter((c) => c.visible !== false).map((c) => c.key));
-  const [filters, setFilters] = import_react21.default.useState({});
-  const [sort, setSort] = import_react21.default.useState(null);
-  const [density, setDensity] = import_react21.default.useState("normal");
-  const [curPage, setCurPage] = import_react21.default.useState(page);
-  const [curPageSize, setCurPageSize] = import_react21.default.useState(pageSize);
+  const [visibleCols, setVisibleCols] = import_react20.default.useState(() => columns.filter((c) => c.visible !== false).map((c) => c.key));
+  const [filters, setFilters] = import_react20.default.useState({});
+  const [sort, setSort] = import_react20.default.useState(null);
+  const [density, setDensity] = import_react20.default.useState("normal");
+  const [curPage, setCurPage] = import_react20.default.useState(page);
+  const [curPageSize, setCurPageSize] = import_react20.default.useState(pageSize);
   const debouncedFilters = useDebounced(filters, 350);
-  import_react21.default.useEffect(() => {
+  import_react20.default.useEffect(() => {
     if (!onQueryChange) return;
     onQueryChange({ filters: debouncedFilters, sort, page: curPage, pageSize: curPageSize });
   }, [debouncedFilters, sort, curPage, curPageSize]);
@@ -5942,7 +5780,7 @@ function DataTable({
       className: "h-8 w-full text-sm"
     };
     if (col.filter.type === "text") {
-      return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
         Input_default,
         {
           ...commonProps,
@@ -5957,7 +5795,7 @@ function DataTable({
     }
     if (col.filter.type === "select") {
       const options = col.filter.options || [];
-      return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
         Combobox,
         {
           options: ["", ...options],
@@ -5973,7 +5811,7 @@ function DataTable({
       );
     }
     if (col.filter.type === "date") {
-      return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
         DatePicker,
         {
           placeholder: col.filter.placeholder || `Select ${String(col.title)}`,
@@ -5987,15 +5825,15 @@ function DataTable({
     }
     return null;
   };
-  const renderHeader = /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(TableRow, { children: visibleColumns.map((col) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+  const renderHeader = /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(TableRow, { children: visibleColumns.map((col) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
     TableHead,
     {
       style: { width: col.width },
       className: cn(col.align === "right" && "text-right", col.align === "center" && "text-center"),
-      children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex items-center justify-between gap-2 select-none min-h-[2.5rem]", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex items-center gap-1 min-w-0 flex-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "truncate font-medium text-sm", children: col.title }),
-          col.sortable && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex items-center justify-between gap-2 select-none min-h-[2.5rem]", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex items-center gap-1 min-w-0 flex-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "truncate font-medium text-sm", children: col.title }),
+          col.sortable && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
             "button",
             {
               className: cn(
@@ -6012,8 +5850,8 @@ function DataTable({
               },
               "aria-label": "Sort",
               title: `Sort by ${String(col.title)}`,
-              children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("svg", { width: "14", height: "14", viewBox: "0 0 20 20", fill: "none", className: "inline-block", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("svg", { width: "14", height: "14", viewBox: "0 0 20 20", fill: "none", className: "inline-block", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
                   "path",
                   {
                     d: "M7 8l3-3 3 3",
@@ -6024,7 +5862,7 @@ function DataTable({
                     opacity: sort?.key === col.key && sort.order === "asc" ? 1 : 0.4
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
                   "path",
                   {
                     d: "M7 12l3 3 3-3",
@@ -6039,11 +5877,11 @@ function DataTable({
             }
           )
         ] }),
-        col.filter && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+        col.filter && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
           Popover,
           {
             placement: "bottom-start",
-            trigger: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+            trigger: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
               "button",
               {
                 className: cn(
@@ -6053,16 +5891,16 @@ function DataTable({
                 ),
                 "aria-label": "Filter",
                 title: "Filter",
-                children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_lucide_react21.Filter, { className: "h-4 w-4" })
+                children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_lucide_react20.Filter, { className: "h-4 w-4" })
               }
             ),
-            children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "w-48 p-2 space-y-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "text-xs font-medium text-muted-foreground mb-2", children: [
+            children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "w-48 p-2 space-y-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "text-xs font-medium text-muted-foreground mb-2", children: [
                 "Filter ",
                 col.title
               ] }),
               renderFilterControl(col),
-              filters[col.key] && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+              filters[col.key] && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
                 "button",
                 {
                   onClick: () => {
@@ -6084,29 +5922,29 @@ function DataTable({
     },
     col.key
   )) });
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: cn("space-y-2", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex items-center justify-between gap-4 mb-1", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "text-sm text-muted-foreground", children: caption }),
-      /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex items-center gap-2", children: [
-        enableDensityToggle && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: cn("space-y-2", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex items-center justify-between gap-4 mb-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "text-sm text-muted-foreground", children: caption }),
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex items-center gap-2", children: [
+        enableDensityToggle && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
           DropdownMenu_default,
           {
-            trigger: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(Button_default, { variant: "ghost", size: "sm", className: "h-8 px-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("svg", { className: "w-4 h-4 mr-1", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 6h16M4 10h16M4 14h16M4 18h16" }) }),
-              t("density")
+            trigger: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(Button_default, { variant: "ghost", size: "sm", className: "h-8 px-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("svg", { className: "w-4 h-4 mr-1", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 6h16M4 10h16M4 14h16M4 18h16" }) }),
+              labels?.density || t("density")
             ] }),
             items: [
-              { label: t("compact"), onClick: () => setDensity("compact") },
-              { label: t("normal"), onClick: () => setDensity("normal") },
-              { label: t("comfortable"), onClick: () => setDensity("comfortable") }
+              { label: labels?.compact || t("compact"), onClick: () => setDensity("compact") },
+              { label: labels?.normal || t("normal"), onClick: () => setDensity("normal") },
+              { label: labels?.comfortable || t("comfortable"), onClick: () => setDensity("comfortable") }
             ]
           }
         ),
-        enableColumnVisibilityToggle && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+        enableColumnVisibilityToggle && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
           DropdownMenu_default,
           {
-            trigger: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(Button_default, { variant: "ghost", size: "sm", className: "h-8 px-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("svg", { className: "w-4 h-4 mr-1", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+            trigger: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(Button_default, { variant: "ghost", size: "sm", className: "h-8 px-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("svg", { className: "w-4 h-4 mr-1", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
                 "path",
                 {
                   strokeLinecap: "round",
@@ -6115,17 +5953,17 @@ function DataTable({
                   d: "M9 17V7m0 10a2 2 0 01-2 2H5a2 2 0 01-2-2V7a2 2 0 012-2h2a2 2 0 012 2m0 10a2 2 0 002 2h2a2 2 0 002-2M9 7a2 2 0 012-2h2a2 2 0 012 2m0 10V7m0 10a2 2 0 002 2h2a2 2 0 002-2V7a2 2 0 00-2-2h-2a2 2 0 00-2 2"
                 }
               ) }),
-              t("columns")
+              labels?.columns || t("columns")
             ] }),
-            children: columns.map((c) => /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+            children: columns.map((c) => /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
               DropdownMenuItem,
               {
                 onClick: () => {
                   setVisibleCols((prev) => prev.includes(c.key) ? prev.filter((k) => k !== c.key) : [...prev, c.key]);
                 },
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("input", { type: "checkbox", className: "mr-2 rounded border-border", readOnly: true, checked: visibleCols.includes(c.key) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "truncate", children: c.title })
+                  /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("input", { type: "checkbox", className: "mr-2 rounded border-border", readOnly: true, checked: visibleCols.includes(c.key) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "truncate", children: c.title })
                 ]
               },
               c.key
@@ -6135,17 +5973,17 @@ function DataTable({
         toolbar
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: cn("relative rounded-lg border border-border/50 overflow-hidden", loading2 && "opacity-60 pointer-events-none"), children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: cn("relative rounded-lg border border-border/50 overflow-hidden", loading2 && "opacity-60 pointer-events-none"), children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
       Table,
       {
         containerClassName: "border-0 rounded-none shadow-none",
         className: "[&_thead]:sticky [&_thead]:top-0 [&_thead]:z-[5] [&_thead]:bg-background [&_thead]:backdrop-blur-sm",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(TableHeader, { children: renderHeader }),
-          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(TableBody, { children: loading2 ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(TableRow, { children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(TableCell, { colSpan: visibleColumns.length, className: "text-center py-8", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex items-center justify-center gap-2 text-muted-foreground", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("svg", { className: "animate-spin h-4 w-4", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }),
-              /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(TableHeader, { children: renderHeader }),
+          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(TableBody, { children: loading2 ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(TableRow, { children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(TableCell, { colSpan: visibleColumns.length, className: "text-center py-8", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex items-center justify-center gap-2 text-muted-foreground", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("svg", { className: "animate-spin h-4 w-4", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }),
+              /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
                 "path",
                 {
                   className: "opacity-75",
@@ -6154,10 +5992,10 @@ function DataTable({
                 }
               )
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "text-sm", children: "Loading..." })
-          ] }) }) }) : !data || data.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(TableRow, { children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(TableCell, { colSpan: visibleColumns.length, className: "text-center py-6 text-muted-foreground", children: "No data" }) }) : data.map((row, idx) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(TableRow, { className: cn(densityRowClass, striped && idx % 2 === 0 && "bg-muted/30"), children: visibleColumns.map((col) => {
+            /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "text-sm", children: "Loading..." })
+          ] }) }) }) : !data || data.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(TableRow, { children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(TableCell, { colSpan: visibleColumns.length, className: "text-center py-6 text-muted-foreground", children: "No data" }) }) : data.map((row, idx) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(TableRow, { className: cn(densityRowClass, striped && idx % 2 === 0 && "bg-muted/30"), children: visibleColumns.map((col) => {
             const value = col.dataIndex ? row[col.dataIndex] : void 0;
-            return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+            return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
               TableCell,
               {
                 className: cn(
@@ -6175,7 +6013,7 @@ function DataTable({
         ]
       }
     ) }),
-    total > 0 && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "border-t bg-muted/30 p-4 rounded-b-lg", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+    total > 0 && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "border-t bg-muted/30 p-4 rounded-b-lg", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
       Pagination,
       {
         page: curPage,
@@ -6192,10 +6030,10 @@ function DataTable({
 var DataTable_default = DataTable;
 
 // ../../components/ui/NotificationModal.tsx
-var import_lucide_react22 = require("lucide-react");
+var import_lucide_react21 = require("lucide-react");
 var import_next_intl8 = require("next-intl");
-var import_jsx_runtime40 = require("react/jsx-runtime");
-function NotificationModal({ isOpen, onClose, notification }) {
+var import_jsx_runtime39 = require("react/jsx-runtime");
+function NotificationModal({ isOpen, onClose, notification, titleText, openLinkText, closeText }) {
   const t = (0, import_next_intl8.useTranslations)("Common");
   if (!notification) return null;
   const formatTime2 = (dateString) => {
@@ -6215,26 +6053,26 @@ function NotificationModal({ isOpen, onClose, notification }) {
       onClose();
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
     Modal_default,
     {
       isOpen,
       onClose,
-      title: t("notifications"),
+      title: titleText || t("notifications"),
       size: "md",
-      children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "space-y-4", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex items-center gap-2 pb-2 border-b border-border", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: cn(
+      children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "space-y-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex items-center gap-2 pb-2 border-b border-border", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: cn(
             "w-2 h-2 rounded-full",
             !notification.is_read ? "bg-primary" : "bg-border"
           ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "text-xs text-muted-foreground", children: !notification.is_read ? t("newNotification") : t("readStatus") })
+          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "text-xs text-muted-foreground", children: !notification.is_read ? t("newNotification") : t("readStatus") })
         ] }),
-        notification.title && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("h3", { className: "text-lg font-semibold text-foreground", children: notification.title }),
-        notification.body && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "text-sm text-muted-foreground whitespace-pre-wrap leading-relaxed", children: notification.body }),
-        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "text-xs text-muted-foreground border-t border-border pt-2", children: formatTime2(notification.created_at) }),
-        /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex gap-2 justify-end pt-2", children: [
-          hasLink && /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
+        notification.title && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("h3", { className: "text-lg font-semibold text-foreground", children: notification.title }),
+        notification.body && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "text-sm text-muted-foreground whitespace-pre-wrap leading-relaxed", children: notification.body }),
+        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "text-xs text-muted-foreground border-t border-border pt-2", children: formatTime2(notification.created_at) }),
+        /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex gap-2 justify-end pt-2", children: [
+          hasLink && /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
             Button_default,
             {
               variant: "primary",
@@ -6242,18 +6080,18 @@ function NotificationModal({ isOpen, onClose, notification }) {
               onClick: handleLinkClick,
               className: "gap-2",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react22.ExternalLink, { className: "w-4 h-4" }),
-                t("openLink")
+                /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_lucide_react21.ExternalLink, { className: "w-4 h-4" }),
+                openLinkText || t("openLink")
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
             Button_default,
             {
               variant: "ghost",
               size: "sm",
               onClick: onClose,
-              children: t("close")
+              children: closeText || t("close")
             }
           )
         ] })
@@ -6266,13 +6104,13 @@ var NotificationModal_default = NotificationModal;
 // ../../components/ui/FloatingContacts.tsx
 var import_link2 = __toESM(require("next/link"), 1);
 var import_navigation = require("next/navigation");
-var import_lucide_react23 = require("lucide-react");
+var import_lucide_react22 = require("lucide-react");
 
 // ../../node_modules/react-icons/lib/iconBase.mjs
-var import_react23 = __toESM(require("react"), 1);
+var import_react22 = __toESM(require("react"), 1);
 
 // ../../node_modules/react-icons/lib/iconContext.mjs
-var import_react22 = __toESM(require("react"), 1);
+var import_react21 = __toESM(require("react"), 1);
 var DefaultContext = {
   color: void 0,
   size: void 0,
@@ -6280,7 +6118,7 @@ var DefaultContext = {
   style: void 0,
   attr: void 0
 };
-var IconContext = import_react22.default.createContext && /* @__PURE__ */ import_react22.default.createContext(DefaultContext);
+var IconContext = import_react21.default.createContext && /* @__PURE__ */ import_react21.default.createContext(DefaultContext);
 
 // ../../node_modules/react-icons/lib/iconBase.mjs
 var _excluded = ["attr", "size", "title"];
@@ -6369,12 +6207,12 @@ function _toPrimitive(t, r) {
   return ("string" === r ? String : Number)(t);
 }
 function Tree2Element(tree) {
-  return tree && tree.map((node, i) => /* @__PURE__ */ import_react23.default.createElement(node.tag, _objectSpread({
+  return tree && tree.map((node, i) => /* @__PURE__ */ import_react22.default.createElement(node.tag, _objectSpread({
     key: i
   }, node.attr), Tree2Element(node.child)));
 }
 function GenIcon(data) {
-  return (props) => /* @__PURE__ */ import_react23.default.createElement(IconBase, _extends({
+  return (props) => /* @__PURE__ */ import_react22.default.createElement(IconBase, _extends({
     attr: _objectSpread({}, data.attr)
   }, props), Tree2Element(data.child));
 }
@@ -6389,7 +6227,7 @@ function IconBase(props) {
     var className;
     if (conf.className) className = conf.className;
     if (props.className) className = (className ? className + " " : "") + props.className;
-    return /* @__PURE__ */ import_react23.default.createElement("svg", _extends({
+    return /* @__PURE__ */ import_react22.default.createElement("svg", _extends({
       stroke: "currentColor",
       fill: "currentColor",
       strokeWidth: "0"
@@ -6401,9 +6239,9 @@ function IconBase(props) {
       height: computedSize,
       width: computedSize,
       xmlns: "http://www.w3.org/2000/svg"
-    }), title && /* @__PURE__ */ import_react23.default.createElement("title", null, title), props.children);
+    }), title && /* @__PURE__ */ import_react22.default.createElement("title", null, title), props.children);
   };
-  return IconContext !== void 0 ? /* @__PURE__ */ import_react23.default.createElement(IconContext.Consumer, null, (conf) => elem(conf)) : elem(DefaultContext);
+  return IconContext !== void 0 ? /* @__PURE__ */ import_react22.default.createElement(IconContext.Consumer, null, (conf) => elem(conf)) : elem(DefaultContext);
 }
 
 // ../../node_modules/react-icons/fa/index.mjs
@@ -6417,9 +6255,9 @@ function SiZalo(props) {
 }
 
 // ../../components/ui/FloatingContacts.tsx
-var import_jsx_runtime41 = require("react/jsx-runtime");
+var import_jsx_runtime40 = require("react/jsx-runtime");
 function MessengerIcon(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("svg", { viewBox: "0 0 24 24", width: 24, height: 24, "aria-hidden": "true", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("svg", { viewBox: "0 0 24 24", width: 24, height: 24, "aria-hidden": "true", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
     "path",
     {
       d: "M12 2C6.477 2 2 6.145 2 11.235c0 2.93 1.35 5.542 3.464 7.25v3.515l3.344-1.836c.894.247 1.843.375 2.192.375 5.523 0 10-4.145 10-9.235S17.523 2 12 2zm.994 12.444l-2.563-2.73-5.004 2.73 5.507-5.84 2.626 2.729 4.942-2.729-5.508 5.84z",
@@ -6428,10 +6266,10 @@ function MessengerIcon(props) {
   ) });
 }
 function ZaloIcon(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(SiZalo, { size: 20, ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(SiZalo, { size: 20, ...props });
 }
 function InstagramIcon(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(FaInstagram, { size: 20, ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(FaInstagram, { size: 20, ...props });
 }
 function FloatingContacts({ className }) {
   const pathname = (0, import_navigation.usePathname)();
@@ -6466,8 +6304,8 @@ function FloatingContacts({ className }) {
       external: true
     }
   ];
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: cn("fixed bottom-6 right-4 z-[100000]", "flex flex-col items-end gap-3", className), "aria-label": "Quick contacts", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: cn("fixed bottom-6 right-4 z-[100000]", "flex flex-col items-end gap-3", className), "aria-label": "Quick contacts", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
       import_link2.default,
       {
         href: `tel:${hotline.replace(/\D/g, "")}`,
@@ -6478,10 +6316,10 @@ function FloatingContacts({ className }) {
           "hover:scale-105 active:scale-95 transition-transform",
           "bg-[#22c55e]"
         ),
-        children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_lucide_react23.Phone, { className: "w-6 h-6" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react22.Phone, { className: "w-6 h-6" })
       }
     ),
-    moreItems.map(({ key, href, label, bg, Icon, external }) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+    moreItems.map(({ key, href, label, bg, Icon, external }) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
       import_link2.default,
       {
         href,
@@ -6493,7 +6331,7 @@ function FloatingContacts({ className }) {
           "hover:scale-105 active:scale-95 transition-transform",
           bg
         ),
-        children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Icon, { className: "w-6 h-6" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Icon, { className: "w-6 h-6" })
       },
       key
     ))
@@ -6501,17 +6339,17 @@ function FloatingContacts({ className }) {
 }
 
 // ../../components/ui/AccessDenied.tsx
-var import_lucide_react24 = require("lucide-react");
-var import_jsx_runtime42 = require("react/jsx-runtime");
+var import_lucide_react23 = require("lucide-react");
+var import_jsx_runtime41 = require("react/jsx-runtime");
 var VARIANT_STYLES = {
   destructive: { bg: "bg-destructive/5", border: "border-destructive/20", text: "text-destructive" },
   warning: { bg: "bg-warning/5", border: "border-warning/20", text: "text-warning" },
   info: { bg: "bg-info/5", border: "border-info/20", text: "text-info" }
 };
 var DEFAULT_ICONS = {
-  destructive: import_lucide_react24.ShieldAlert,
-  warning: import_lucide_react24.Ban,
-  info: import_lucide_react24.Lock
+  destructive: import_lucide_react23.ShieldAlert,
+  warning: import_lucide_react23.Ban,
+  info: import_lucide_react23.Lock
 };
 function AccessDenied({
   title = "Access Restricted",
@@ -6523,15 +6361,147 @@ function AccessDenied({
 }) {
   const styles = VARIANT_STYLES[variant];
   const UsedIcon = Icon || DEFAULT_ICONS[variant];
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Card_default, { className: cn("p-8 text-center shadow-sm", styles.bg, styles.border, className), children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "flex flex-col items-center gap-4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: cn("p-3 rounded-lg", styles.bg.replace("/5", "/10")), children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(UsedIcon, { className: cn("w-8 h-8", styles.text) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("h3", { className: cn("font-semibold mb-2", styles.text), children: title }),
-      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("p", { className: cn(styles.text.replace("text-", "text-") + "/80", "text-sm"), children: description })
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Card_default, { className: cn("p-8 text-center shadow-sm", styles.bg, styles.border, className), children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "flex flex-col items-center gap-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: cn("p-3 rounded-lg", styles.bg.replace("/5", "/10")), children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(UsedIcon, { className: cn("w-8 h-8", styles.text) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("h3", { className: cn("font-semibold mb-2", styles.text), children: title }),
+      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("p", { className: cn(styles.text.replace("text-", "text-") + "/80", "text-sm"), children: description })
     ] }),
-    children && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "mt-2 flex flex-wrap gap-2 justify-center", children })
+    children && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "mt-2 flex flex-wrap gap-2 justify-center", children })
   ] }) });
 }
+
+// locales/en.json
+var en_default = {
+  Common: {
+    close: "Close",
+    closeAlert: "Close alert",
+    notifications: "Notifications",
+    newNotification: "New",
+    readStatus: "Read",
+    openLink: "Open link",
+    theme: "Theme",
+    lightTheme: "Light",
+    darkTheme: "Dark",
+    systemTheme: "System",
+    density: "Density",
+    compact: "Compact",
+    normal: "Normal",
+    comfortable: "Comfortable",
+    columns: "Columns"
+  },
+  ValidationInput: {
+    required: "This field is required",
+    typeMismatch: "Invalid format",
+    pattern: "Invalid pattern",
+    tooShort: "Too short",
+    tooLong: "Too long",
+    rangeUnderflow: "Below minimum",
+    rangeOverflow: "Above maximum",
+    stepMismatch: "Step mismatch",
+    badInput: "Bad input",
+    invalid: "Invalid value"
+  },
+  Loading: {
+    loadingPage: "Loading page",
+    pleaseWait: "Please wait"
+  },
+  DatePicker: {
+    placeholder: "Select date",
+    today: "Today",
+    clear: "Clear"
+  },
+  Pagination: {
+    navigationLabel: "Pagination navigation",
+    showingResults: "Showing {startItem}\u2013{endItem} of {totalItems}",
+    firstPage: "First page",
+    previousPage: "Previous page",
+    previous: "Previous",
+    nextPage: "Next page",
+    next: "Next",
+    lastPage: "Last page",
+    pageNumber: "Page {page}",
+    itemsPerPage: "Items per page",
+    search: "Search",
+    noOptions: "No options"
+  },
+  OCR: {
+    imageUpload: {
+      dragDropText: "Drag & drop files here",
+      browseFiles: "Browse files",
+      supportedFormats: "Supported formats: images"
+    }
+  }
+};
+
+// locales/vi.json
+var vi_default = {
+  Common: {
+    close: "\u0110\xF3ng",
+    closeAlert: "\u0110\xF3ng c\u1EA3nh b\xE1o",
+    notifications: "Th\xF4ng b\xE1o",
+    newNotification: "M\u1EDBi",
+    readStatus: "\u0110\xE3 \u0111\u1ECDc",
+    openLink: "M\u1EDF li\xEAn k\u1EBFt",
+    theme: "Ch\u1EE7 \u0111\u1EC1",
+    lightTheme: "Giao di\u1EC7n s\xE1ng",
+    darkTheme: "Giao di\u1EC7n t\u1ED1i",
+    systemTheme: "Theo h\u1EC7 th\u1ED1ng",
+    density: "M\u1EADt \u0111\u1ED9",
+    compact: "G\u1ECDn",
+    normal: "Th\u01B0\u1EDDng",
+    comfortable: "Tho\u1EA3i m\xE1i",
+    columns: "C\u1ED9t"
+  },
+  ValidationInput: {
+    required: "Tr\u01B0\u1EDDng n\xE0y l\xE0 b\u1EAFt bu\u1ED9c",
+    typeMismatch: "\u0110\u1ECBnh d\u1EA1ng kh\xF4ng h\u1EE3p l\u1EC7",
+    pattern: "Sai m\u1EABu",
+    tooShort: "Qu\xE1 ng\u1EAFn",
+    tooLong: "Qu\xE1 d\xE0i",
+    rangeUnderflow: "Nh\u1ECF h\u01A1n gi\xE1 tr\u1ECB t\u1ED1i thi\u1EC3u",
+    rangeOverflow: "L\u1EDBn h\u01A1n gi\xE1 tr\u1ECB t\u1ED1i \u0111a",
+    stepMismatch: "Sai b\u01B0\u1EDBc",
+    badInput: "Gi\xE1 tr\u1ECB kh\xF4ng h\u1EE3p l\u1EC7",
+    invalid: "Gi\xE1 tr\u1ECB kh\xF4ng h\u1EE3p l\u1EC7"
+  },
+  Loading: {
+    loadingPage: "\u0110ang t\u1EA3i trang",
+    pleaseWait: "Vui l\xF2ng ch\u1EDD"
+  },
+  DatePicker: {
+    placeholder: "Ch\u1ECDn ng\xE0y",
+    today: "H\xF4m nay",
+    clear: "X\xF3a"
+  },
+  Pagination: {
+    navigationLabel: "\u0110i\u1EC1u h\u01B0\u1EDBng ph\xE2n trang",
+    showingResults: "Hi\u1EC3n th\u1ECB {startItem}\u2013{endItem} trong t\u1ED5ng {totalItems}",
+    firstPage: "Trang \u0111\u1EA7u",
+    previousPage: "Trang tr\u01B0\u1EDBc",
+    previous: "Tr\u01B0\u1EDBc",
+    nextPage: "Trang sau",
+    next: "Sau",
+    lastPage: "Trang cu\u1ED1i",
+    pageNumber: "Trang {page}",
+    itemsPerPage: "S\u1ED1 m\u1EE5c/trang",
+    search: "T\xECm ki\u1EBFm",
+    noOptions: "Kh\xF4ng c\xF3 l\u1EF1a ch\u1ECDn"
+  },
+  OCR: {
+    imageUpload: {
+      dragDropText: "K\xE9o & th\u1EA3 \u1EA3nh v\xE0o \u0111\xE2y",
+      browseFiles: "Ch\u1ECDn t\u1EC7p",
+      supportedFormats: "H\u1ED7 tr\u1EE3 c\xE1c \u0111\u1ECBnh d\u1EA1ng \u1EA3nh"
+    }
+  }
+};
+
+// src/index.ts
+var underverseMessages = { en: en_default, vi: vi_default };
+function getUnderverseMessages(locale = "en") {
+  return underverseMessages[locale] || underverseMessages.en;
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   AccessDenied,
@@ -6573,7 +6543,6 @@ function AccessDenied({
   Pagination,
   PillTabs,
   Popover,
-  ProductImageUpload,
   Progress,
   PulseBadge,
   RadioGroup,
@@ -6606,6 +6575,8 @@ function AccessDenied({
   VARIANT_STYLES_BTN,
   VerticalTabs,
   cn,
+  getUnderverseMessages,
+  underverseMessages,
   useToast
 });
 //# sourceMappingURL=index.cjs.map