@underverse-ui/underverse 0.1.4 → 0.1.5

package/dist/index.js

@@ -5347,199 +5347,31 @@ function ImageUpload({
   ] });
 }
 
-// ../../components/ui/ProductImageUpload.tsx
-import { useState as useState25, useRef as useRef10 } from "react";
-import Image2 from "next/image";
-import { Upload as Upload2, X as X9, Image as ImageIcon2 } from "lucide-react";
-import { jsx as jsx34, jsxs as jsxs29 } from "react/jsx-runtime";
-var ProductImageUpload = ({ value, onChange, disabled = false, className }) => {
-  const [uploading, setUploading] = useState25(false);
-  const [error, setError] = useState25(null);
-  const [isDragging, setIsDragging] = useState25(false);
-  const fileInputRef = useRef10(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__ */ jsxs29("div", { className: cn("space-y-4", className), children: [
-    /* @__PURE__ */ jsx34(
-      "input",
-      {
-        ref: fileInputRef,
-        type: "file",
-        accept: "image/jpeg,image/png,image/webp,image/gif",
-        onChange: handleFileChange,
-        disabled: disabled || uploading,
-        className: "hidden"
-      }
-    ),
-    value ? /* @__PURE__ */ jsxs29("div", { className: "space-y-4", children: [
-      /* @__PURE__ */ jsxs29("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__ */ jsx34(
-          Image2,
-          {
-            src: value,
-            alt: "Product image",
-            fill: true,
-            className: "object-cover transition-transform duration-300 group-hover:scale-105",
-            unoptimized: true
-          }
-        ),
-        /* @__PURE__ */ jsx34("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__ */ jsxs29("div", { className: "flex gap-2", children: [
-          /* @__PURE__ */ jsxs29(Button_default, { type: "button", variant: "default", size: "sm", onClick: handleClickUpload, disabled: disabled || uploading, children: [
-            /* @__PURE__ */ jsx34(Upload2, { className: "w-4 h-4 mr-2" }),
-            "Thay \u0111\u1ED5i"
-          ] }),
-          /* @__PURE__ */ jsxs29(Button_default, { type: "button", variant: "danger", size: "sm", onClick: handleRemove, disabled: disabled || uploading, children: [
-            /* @__PURE__ */ jsx34(X9, { className: "w-4 h-4 mr-2" }),
-            "X\xF3a"
-          ] })
-        ] }) })
-      ] }),
-      /* @__PURE__ */ jsxs29("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
-        /* @__PURE__ */ jsx34(ImageIcon2, { className: "w-4 h-4" }),
-        /* @__PURE__ */ jsx34("span", { children: "\u1EA2nh s\u1EA3n ph\u1EA9m \u0111\xE3 t\u1EA3i l\xEAn th\xE0nh c\xF4ng" })
-      ] })
-    ] }) : /* @__PURE__ */ jsx34(
-      "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__ */ jsxs29("div", { className: "flex flex-col items-center justify-center p-8 text-center", children: [
-          /* @__PURE__ */ jsx34(
-            "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__ */ jsx34(Upload2, { className: cn("w-10 h-10 transition-colors", isDragging ? "text-primary" : "text-muted-foreground") })
-            }
-          ),
-          /* @__PURE__ */ jsx34("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__ */ jsx34("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__ */ jsxs29("div", { className: "flex items-center gap-2 text-xs text-muted-foreground mt-2", children: [
-            /* @__PURE__ */ jsx34("div", { className: "px-3 py-1.5 bg-muted rounded-full", children: "JPG, PNG, WEBP, GIF" }),
-            /* @__PURE__ */ jsx34("div", { className: "px-3 py-1.5 bg-muted rounded-full", children: "T\u1ED1i \u0111a 10MB" })
-          ] }),
-          uploading && /* @__PURE__ */ jsx34("div", { className: "mt-4 w-48 h-1.5 bg-muted rounded-full overflow-hidden", children: /* @__PURE__ */ jsx34("div", { className: "h-full bg-primary rounded-full animate-[progress_1s_ease-in-out_infinite]" }) })
-        ] })
-      }
-    ),
-    error && /* @__PURE__ */ jsxs29("div", { className: "flex items-center gap-2 p-3 rounded-lg bg-destructive/10 border border-destructive/20", children: [
-      /* @__PURE__ */ jsx34(X9, { className: "w-4 h-4 text-destructive flex-shrink-0" }),
-      /* @__PURE__ */ jsx34("p", { className: "text-sm text-destructive", children: error })
-    ] })
-  ] });
-};
-var ProductImageUpload_default = ProductImageUpload;
-
 // ../../components/ui/Carousel.tsx
-import * as React28 from "react";
+import * as React27 from "react";
 import { ArrowLeft, ArrowRight } from "lucide-react";
-import { Fragment as Fragment8, jsx as jsx35, jsxs as jsxs30 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx34, jsxs as jsxs29 } from "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__ */ jsxs30("div", { className: "relative w-full overflow-hidden", onMouseEnter: () => setIsPaused(true), onMouseLeave: () => setIsPaused(false), children: [
-    /* @__PURE__ */ jsx35("div", { className: "flex transition-transform duration-500 ease-in-out", style: { transform: `translateX(-${currentIndex * 100}%)` }, children: React28.Children.map(children, (child, idx) => /* @__PURE__ */ jsx35("div", { className: "flex-shrink-0 w-full h-full", children: child }, idx)) }),
-    totalSlides > 1 && /* @__PURE__ */ jsxs30(Fragment8, { children: [
-      /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsxs29("div", { className: "relative w-full overflow-hidden", onMouseEnter: () => setIsPaused(true), onMouseLeave: () => setIsPaused(false), children: [
+    /* @__PURE__ */ jsx34("div", { className: "flex transition-transform duration-500 ease-in-out", style: { transform: `translateX(-${currentIndex * 100}%)` }, children: React27.Children.map(children, (child, idx) => /* @__PURE__ */ jsx34("div", { className: "flex-shrink-0 w-full h-full", children: child }, idx)) }),
+    totalSlides > 1 && /* @__PURE__ */ jsxs29(Fragment8, { children: [
+      /* @__PURE__ */ jsx34(
         Button_default,
         {
           onClick: scrollPrev,
@@ -5549,7 +5381,7 @@ function Carousel({ children, autoScroll = true, autoScrollInterval = 5e3 }) {
           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__ */ jsx35(
+      /* @__PURE__ */ jsx34(
         Button_default,
         {
           onClick: scrollNext,
@@ -5560,7 +5392,7 @@ function Carousel({ children, autoScroll = true, autoScrollInterval = 5e3 }) {
         }
       )
     ] }),
-    totalSlides > 1 && /* @__PURE__ */ jsx35("div", { className: "absolute bottom-4 left-1/2 -translate-x-1/2 flex gap-2", children: Array.from({ length: totalSlides }, (_, idx) => /* @__PURE__ */ jsx35(
+    totalSlides > 1 && /* @__PURE__ */ jsx34("div", { className: "absolute bottom-4 left-1/2 -translate-x-1/2 flex gap-2", children: Array.from({ length: totalSlides }, (_, idx) => /* @__PURE__ */ jsx34(
       "button",
       {
         onClick: () => setCurrentIndex(idx),
@@ -5573,22 +5405,22 @@ function Carousel({ children, autoScroll = true, autoScrollInterval = 5e3 }) {
 }
 
 // ../../components/ui/ClientOnly.tsx
-import { useEffect as useEffect15, useState as useState27 } from "react";
-import { Fragment as Fragment9, jsx as jsx36 } from "react/jsx-runtime";
+import { useEffect as useEffect15, useState as useState26 } from "react";
+import { Fragment as Fragment9, jsx as jsx35 } from "react/jsx-runtime";
 function ClientOnly({ children, fallback = null }) {
-  const [hasMounted, setHasMounted] = useState27(false);
+  const [hasMounted, setHasMounted] = useState26(false);
   useEffect15(() => {
     setHasMounted(true);
   }, []);
   if (!hasMounted) {
-    return /* @__PURE__ */ jsx36(Fragment9, { children: fallback });
+    return /* @__PURE__ */ jsx35(Fragment9, { children: fallback });
   }
-  return /* @__PURE__ */ jsx36(Fragment9, { children });
+  return /* @__PURE__ */ jsx35(Fragment9, { children });
 }
 
 // ../../components/ui/Loading.tsx
 import { Activity as Activity3 } from "lucide-react";
-import { jsx as jsx37, jsxs as jsxs31 } from "react/jsx-runtime";
+import { jsx as jsx36, jsxs as jsxs30 } from "react/jsx-runtime";
 var LoadingSpinner = ({
   size = "md",
   className,
@@ -5604,7 +5436,7 @@ var LoadingSpinner = ({
     foreground: "text-foreground",
     muted: "text-muted-foreground"
   };
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx36(
     Activity3,
     {
       className: cn(
@@ -5625,7 +5457,7 @@ var LoadingDots = ({
     foreground: "bg-foreground",
     muted: "bg-muted-foreground"
   };
-  return /* @__PURE__ */ jsx37("div", { className: cn("flex items-center space-x-1", className), children: [0, 1, 2].map((i) => /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx36("div", { className: cn("flex items-center space-x-1", className), children: [0, 1, 2].map((i) => /* @__PURE__ */ jsx36(
     "div",
     {
       className: cn(
@@ -5647,7 +5479,7 @@ var LoadingBar = ({
   label
 }) => {
   const pct = progress ? Math.min(Math.max(progress, 0), 100) : void 0;
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx36(
     "div",
     {
       className: cn("w-full bg-muted rounded-full h-2", className),
@@ -5656,7 +5488,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__ */ jsx37(
+      children: /* @__PURE__ */ jsx36(
         "div",
         {
           className: cn(
@@ -5673,10 +5505,10 @@ var LoadingBar = ({
 };
 
 // ../../components/ui/Table.tsx
-import React29 from "react";
-import { jsx as jsx38, jsxs as jsxs32 } from "react/jsx-runtime";
-var Table = React29.forwardRef(
-  ({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ jsx38(
+import React28 from "react";
+import { jsx as jsx37, jsxs as jsxs31 } from "react/jsx-runtime";
+var Table = React28.forwardRef(
+  ({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ jsx37(
     "div",
     {
       className: cn(
@@ -5686,7 +5518,7 @@ var Table = React29.forwardRef(
         "backdrop-blur-sm transition-all duration-300",
         containerClassName
       ),
-      children: /* @__PURE__ */ jsx38(
+      children: /* @__PURE__ */ jsx37(
         "table",
         {
           ref,
@@ -5698,8 +5530,8 @@ var Table = React29.forwardRef(
   )
 );
 Table.displayName = "Table";
-var TableHeader = React29.forwardRef(
-  ({ className, children, filterRow, ...props }, ref) => /* @__PURE__ */ jsxs32(
+var TableHeader = React28.forwardRef(
+  ({ className, children, filterRow, ...props }, ref) => /* @__PURE__ */ jsxs31(
     "thead",
     {
       ref,
@@ -5717,7 +5549,7 @@ var TableHeader = React29.forwardRef(
   )
 );
 TableHeader.displayName = "TableHeader";
-var TableBody = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx38(
+var TableBody = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx37(
   "tbody",
   {
     ref,
@@ -5726,7 +5558,7 @@ var TableBody = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 TableBody.displayName = "TableBody";
-var TableFooter = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx38(
+var TableFooter = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx37(
   "tfoot",
   {
     ref,
@@ -5738,7 +5570,7 @@ var TableFooter = React29.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 TableFooter.displayName = "TableFooter";
-var TableRow = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx38(
+var TableRow = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx37(
   "tr",
   {
     ref,
@@ -5752,7 +5584,7 @@ var TableRow = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TableRow.displayName = "TableRow";
-var TableHead = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx38(
+var TableHead = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx37(
   "th",
   {
     ref,
@@ -5764,7 +5596,7 @@ var TableHead = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 TableHead.displayName = "TableHead";
-var TableCell = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx38(
+var TableCell = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx37(
   "td",
   {
     ref,
@@ -5773,7 +5605,7 @@ var TableCell = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 TableCell.displayName = "TableCell";
-var TableCaption = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx38(
+var TableCaption = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx37(
   "caption",
   {
     ref,
@@ -5785,12 +5617,12 @@ TableCaption.displayName = "TableCaption";
 
 // ../../components/ui/DataTable.tsx
 import { Filter as FilterIcon } from "lucide-react";
-import React30 from "react";
+import React29 from "react";
 import { useTranslations as useTranslations7 } from "next-intl";
-import { jsx as jsx39, jsxs as jsxs33 } from "react/jsx-runtime";
+import { jsx as jsx38, jsxs as jsxs32 } from "react/jsx-runtime";
 function useDebounced(value, delay = 300) {
-  const [debounced, setDebounced] = React30.useState(value);
-  React30.useEffect(() => {
+  const [debounced, setDebounced] = React29.useState(value);
+  React29.useEffect(() => {
     const id = setTimeout(() => setDebounced(value), delay);
     return () => clearTimeout(id);
   }, [value, delay]);
@@ -5814,14 +5646,14 @@ function DataTable({
   className
 }) {
   const t = useTranslations7("Common");
-  const [visibleCols, setVisibleCols] = React30.useState(() => columns.filter((c) => c.visible !== false).map((c) => c.key));
-  const [filters, setFilters] = React30.useState({});
-  const [sort, setSort] = React30.useState(null);
-  const [density, setDensity] = React30.useState("normal");
-  const [curPage, setCurPage] = React30.useState(page);
-  const [curPageSize, setCurPageSize] = React30.useState(pageSize);
+  const [visibleCols, setVisibleCols] = React29.useState(() => columns.filter((c) => c.visible !== false).map((c) => c.key));
+  const [filters, setFilters] = React29.useState({});
+  const [sort, setSort] = React29.useState(null);
+  const [density, setDensity] = React29.useState("normal");
+  const [curPage, setCurPage] = React29.useState(page);
+  const [curPageSize, setCurPageSize] = React29.useState(pageSize);
   const debouncedFilters = useDebounced(filters, 350);
-  React30.useEffect(() => {
+  React29.useEffect(() => {
     if (!onQueryChange) return;
     onQueryChange({ filters: debouncedFilters, sort, page: curPage, pageSize: curPageSize });
   }, [debouncedFilters, sort, curPage, curPageSize]);
@@ -5840,7 +5672,7 @@ function DataTable({
       className: "h-8 w-full text-sm"
     };
     if (col.filter.type === "text") {
-      return /* @__PURE__ */ jsx39(
+      return /* @__PURE__ */ jsx38(
         Input_default,
         {
           ...commonProps,
@@ -5855,7 +5687,7 @@ function DataTable({
     }
     if (col.filter.type === "select") {
       const options = col.filter.options || [];
-      return /* @__PURE__ */ jsx39(
+      return /* @__PURE__ */ jsx38(
         Combobox,
         {
           options: ["", ...options],
@@ -5871,7 +5703,7 @@ function DataTable({
       );
     }
     if (col.filter.type === "date") {
-      return /* @__PURE__ */ jsx39(
+      return /* @__PURE__ */ jsx38(
         DatePicker,
         {
           placeholder: col.filter.placeholder || `Select ${String(col.title)}`,
@@ -5885,15 +5717,15 @@ function DataTable({
     }
     return null;
   };
-  const renderHeader = /* @__PURE__ */ jsx39(TableRow, { children: visibleColumns.map((col) => /* @__PURE__ */ jsx39(
+  const renderHeader = /* @__PURE__ */ jsx38(TableRow, { children: visibleColumns.map((col) => /* @__PURE__ */ jsx38(
     TableHead,
     {
       style: { width: col.width },
       className: cn(col.align === "right" && "text-right", col.align === "center" && "text-center"),
-      children: /* @__PURE__ */ jsxs33("div", { className: "flex items-center justify-between gap-2 select-none min-h-[2.5rem]", children: [
-        /* @__PURE__ */ jsxs33("div", { className: "flex items-center gap-1 min-w-0 flex-1", children: [
-          /* @__PURE__ */ jsx39("span", { className: "truncate font-medium text-sm", children: col.title }),
-          col.sortable && /* @__PURE__ */ jsx39(
+      children: /* @__PURE__ */ jsxs32("div", { className: "flex items-center justify-between gap-2 select-none min-h-[2.5rem]", children: [
+        /* @__PURE__ */ jsxs32("div", { className: "flex items-center gap-1 min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsx38("span", { className: "truncate font-medium text-sm", children: col.title }),
+          col.sortable && /* @__PURE__ */ jsx38(
             "button",
             {
               className: cn(
@@ -5910,8 +5742,8 @@ function DataTable({
               },
               "aria-label": "Sort",
               title: `Sort by ${String(col.title)}`,
-              children: /* @__PURE__ */ jsxs33("svg", { width: "14", height: "14", viewBox: "0 0 20 20", fill: "none", className: "inline-block", children: [
-                /* @__PURE__ */ jsx39(
+              children: /* @__PURE__ */ jsxs32("svg", { width: "14", height: "14", viewBox: "0 0 20 20", fill: "none", className: "inline-block", children: [
+                /* @__PURE__ */ jsx38(
                   "path",
                   {
                     d: "M7 8l3-3 3 3",
@@ -5922,7 +5754,7 @@ function DataTable({
                     opacity: sort?.key === col.key && sort.order === "asc" ? 1 : 0.4
                   }
                 ),
-                /* @__PURE__ */ jsx39(
+                /* @__PURE__ */ jsx38(
                   "path",
                   {
                     d: "M7 12l3 3 3-3",
@@ -5937,11 +5769,11 @@ function DataTable({
             }
           )
         ] }),
-        col.filter && /* @__PURE__ */ jsx39(
+        col.filter && /* @__PURE__ */ jsx38(
           Popover,
           {
             placement: "bottom-start",
-            trigger: /* @__PURE__ */ jsx39(
+            trigger: /* @__PURE__ */ jsx38(
               "button",
               {
                 className: cn(
@@ -5951,16 +5783,16 @@ function DataTable({
                 ),
                 "aria-label": "Filter",
                 title: "Filter",
-                children: /* @__PURE__ */ jsx39(FilterIcon, { className: "h-4 w-4" })
+                children: /* @__PURE__ */ jsx38(FilterIcon, { className: "h-4 w-4" })
               }
             ),
-            children: /* @__PURE__ */ jsxs33("div", { className: "w-48 p-2 space-y-2", children: [
-              /* @__PURE__ */ jsxs33("div", { className: "text-xs font-medium text-muted-foreground mb-2", children: [
+            children: /* @__PURE__ */ jsxs32("div", { className: "w-48 p-2 space-y-2", children: [
+              /* @__PURE__ */ jsxs32("div", { className: "text-xs font-medium text-muted-foreground mb-2", children: [
                 "Filter ",
                 col.title
               ] }),
               renderFilterControl(col),
-              filters[col.key] && /* @__PURE__ */ jsx39(
+              filters[col.key] && /* @__PURE__ */ jsx38(
                 "button",
                 {
                   onClick: () => {
@@ -5982,15 +5814,15 @@ function DataTable({
     },
     col.key
   )) });
-  return /* @__PURE__ */ jsxs33("div", { className: cn("space-y-2", className), children: [
-    /* @__PURE__ */ jsxs33("div", { className: "flex items-center justify-between gap-4 mb-1", children: [
-      /* @__PURE__ */ jsx39("div", { className: "text-sm text-muted-foreground", children: caption }),
-      /* @__PURE__ */ jsxs33("div", { className: "flex items-center gap-2", children: [
-        enableDensityToggle && /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsxs32("div", { className: cn("space-y-2", className), children: [
+    /* @__PURE__ */ jsxs32("div", { className: "flex items-center justify-between gap-4 mb-1", children: [
+      /* @__PURE__ */ jsx38("div", { className: "text-sm text-muted-foreground", children: caption }),
+      /* @__PURE__ */ jsxs32("div", { className: "flex items-center gap-2", children: [
+        enableDensityToggle && /* @__PURE__ */ jsx38(
           DropdownMenu_default,
           {
-            trigger: /* @__PURE__ */ jsxs33(Button_default, { variant: "ghost", size: "sm", className: "h-8 px-2", children: [
-              /* @__PURE__ */ jsx39("svg", { className: "w-4 h-4 mr-1", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx39("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 6h16M4 10h16M4 14h16M4 18h16" }) }),
+            trigger: /* @__PURE__ */ jsxs32(Button_default, { variant: "ghost", size: "sm", className: "h-8 px-2", children: [
+              /* @__PURE__ */ jsx38("svg", { className: "w-4 h-4 mr-1", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx38("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 6h16M4 10h16M4 14h16M4 18h16" }) }),
               t("density")
             ] }),
             items: [
@@ -6000,11 +5832,11 @@ function DataTable({
             ]
           }
         ),
-        enableColumnVisibilityToggle && /* @__PURE__ */ jsx39(
+        enableColumnVisibilityToggle && /* @__PURE__ */ jsx38(
           DropdownMenu_default,
           {
-            trigger: /* @__PURE__ */ jsxs33(Button_default, { variant: "ghost", size: "sm", className: "h-8 px-2", children: [
-              /* @__PURE__ */ jsx39("svg", { className: "w-4 h-4 mr-1", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx39(
+            trigger: /* @__PURE__ */ jsxs32(Button_default, { variant: "ghost", size: "sm", className: "h-8 px-2", children: [
+              /* @__PURE__ */ jsx38("svg", { className: "w-4 h-4 mr-1", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx38(
                 "path",
                 {
                   strokeLinecap: "round",
@@ -6015,15 +5847,15 @@ function DataTable({
               ) }),
               t("columns")
             ] }),
-            children: columns.map((c) => /* @__PURE__ */ jsxs33(
+            children: columns.map((c) => /* @__PURE__ */ jsxs32(
               DropdownMenuItem,
               {
                 onClick: () => {
                   setVisibleCols((prev) => prev.includes(c.key) ? prev.filter((k) => k !== c.key) : [...prev, c.key]);
                 },
                 children: [
-                  /* @__PURE__ */ jsx39("input", { type: "checkbox", className: "mr-2 rounded border-border", readOnly: true, checked: visibleCols.includes(c.key) }),
-                  /* @__PURE__ */ jsx39("span", { className: "truncate", children: c.title })
+                  /* @__PURE__ */ jsx38("input", { type: "checkbox", className: "mr-2 rounded border-border", readOnly: true, checked: visibleCols.includes(c.key) }),
+                  /* @__PURE__ */ jsx38("span", { className: "truncate", children: c.title })
                 ]
               },
               c.key
@@ -6033,17 +5865,17 @@ function DataTable({
         toolbar
       ] })
     ] }),
-    /* @__PURE__ */ jsx39("div", { className: cn("relative rounded-lg border border-border/50 overflow-hidden", loading2 && "opacity-60 pointer-events-none"), children: /* @__PURE__ */ jsxs33(
+    /* @__PURE__ */ jsx38("div", { className: cn("relative rounded-lg border border-border/50 overflow-hidden", loading2 && "opacity-60 pointer-events-none"), children: /* @__PURE__ */ jsxs32(
       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__ */ jsx39(TableHeader, { children: renderHeader }),
-          /* @__PURE__ */ jsx39(TableBody, { children: loading2 ? /* @__PURE__ */ jsx39(TableRow, { children: /* @__PURE__ */ jsx39(TableCell, { colSpan: visibleColumns.length, className: "text-center py-8", children: /* @__PURE__ */ jsxs33("div", { className: "flex items-center justify-center gap-2 text-muted-foreground", children: [
-            /* @__PURE__ */ jsxs33("svg", { className: "animate-spin h-4 w-4", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", children: [
-              /* @__PURE__ */ jsx39("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }),
-              /* @__PURE__ */ jsx39(
+          /* @__PURE__ */ jsx38(TableHeader, { children: renderHeader }),
+          /* @__PURE__ */ jsx38(TableBody, { children: loading2 ? /* @__PURE__ */ jsx38(TableRow, { children: /* @__PURE__ */ jsx38(TableCell, { colSpan: visibleColumns.length, className: "text-center py-8", children: /* @__PURE__ */ jsxs32("div", { className: "flex items-center justify-center gap-2 text-muted-foreground", children: [
+            /* @__PURE__ */ jsxs32("svg", { className: "animate-spin h-4 w-4", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", children: [
+              /* @__PURE__ */ jsx38("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }),
+              /* @__PURE__ */ jsx38(
                 "path",
                 {
                   className: "opacity-75",
@@ -6052,10 +5884,10 @@ function DataTable({
                 }
               )
             ] }),
-            /* @__PURE__ */ jsx39("span", { className: "text-sm", children: "Loading..." })
-          ] }) }) }) : !data || data.length === 0 ? /* @__PURE__ */ jsx39(TableRow, { children: /* @__PURE__ */ jsx39(TableCell, { colSpan: visibleColumns.length, className: "text-center py-6 text-muted-foreground", children: "No data" }) }) : data.map((row, idx) => /* @__PURE__ */ jsx39(TableRow, { className: cn(densityRowClass, striped && idx % 2 === 0 && "bg-muted/30"), children: visibleColumns.map((col) => {
+            /* @__PURE__ */ jsx38("span", { className: "text-sm", children: "Loading..." })
+          ] }) }) }) : !data || data.length === 0 ? /* @__PURE__ */ jsx38(TableRow, { children: /* @__PURE__ */ jsx38(TableCell, { colSpan: visibleColumns.length, className: "text-center py-6 text-muted-foreground", children: "No data" }) }) : data.map((row, idx) => /* @__PURE__ */ jsx38(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__ */ jsx39(
+            return /* @__PURE__ */ jsx38(
               TableCell,
               {
                 className: cn(
@@ -6073,7 +5905,7 @@ function DataTable({
         ]
       }
     ) }),
-    total > 0 && /* @__PURE__ */ jsx39("div", { className: "border-t bg-muted/30 p-4 rounded-b-lg", children: /* @__PURE__ */ jsx39(
+    total > 0 && /* @__PURE__ */ jsx38("div", { className: "border-t bg-muted/30 p-4 rounded-b-lg", children: /* @__PURE__ */ jsx38(
       Pagination,
       {
         page: curPage,
@@ -6092,7 +5924,7 @@ var DataTable_default = DataTable;
 // ../../components/ui/NotificationModal.tsx
 import { ExternalLink } from "lucide-react";
 import { useTranslations as useTranslations8 } from "next-intl";
-import { jsx as jsx40, jsxs as jsxs34 } from "react/jsx-runtime";
+import { jsx as jsx39, jsxs as jsxs33 } from "react/jsx-runtime";
 function NotificationModal({ isOpen, onClose, notification }) {
   const t = useTranslations8("Common");
   if (!notification) return null;
@@ -6113,26 +5945,26 @@ function NotificationModal({ isOpen, onClose, notification }) {
       onClose();
     }
   };
-  return /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx39(
     Modal_default,
     {
       isOpen,
       onClose,
       title: t("notifications"),
       size: "md",
-      children: /* @__PURE__ */ jsxs34("div", { className: "space-y-4", children: [
-        /* @__PURE__ */ jsxs34("div", { className: "flex items-center gap-2 pb-2 border-b border-border", children: [
-          /* @__PURE__ */ jsx40("div", { className: cn(
+      children: /* @__PURE__ */ jsxs33("div", { className: "space-y-4", children: [
+        /* @__PURE__ */ jsxs33("div", { className: "flex items-center gap-2 pb-2 border-b border-border", children: [
+          /* @__PURE__ */ jsx39("div", { className: cn(
             "w-2 h-2 rounded-full",
             !notification.is_read ? "bg-primary" : "bg-border"
           ) }),
-          /* @__PURE__ */ jsx40("span", { className: "text-xs text-muted-foreground", children: !notification.is_read ? t("newNotification") : t("readStatus") })
+          /* @__PURE__ */ jsx39("span", { className: "text-xs text-muted-foreground", children: !notification.is_read ? t("newNotification") : t("readStatus") })
         ] }),
-        notification.title && /* @__PURE__ */ jsx40("h3", { className: "text-lg font-semibold text-foreground", children: notification.title }),
-        notification.body && /* @__PURE__ */ jsx40("div", { className: "text-sm text-muted-foreground whitespace-pre-wrap leading-relaxed", children: notification.body }),
-        /* @__PURE__ */ jsx40("div", { className: "text-xs text-muted-foreground border-t border-border pt-2", children: formatTime2(notification.created_at) }),
-        /* @__PURE__ */ jsxs34("div", { className: "flex gap-2 justify-end pt-2", children: [
-          hasLink && /* @__PURE__ */ jsxs34(
+        notification.title && /* @__PURE__ */ jsx39("h3", { className: "text-lg font-semibold text-foreground", children: notification.title }),
+        notification.body && /* @__PURE__ */ jsx39("div", { className: "text-sm text-muted-foreground whitespace-pre-wrap leading-relaxed", children: notification.body }),
+        /* @__PURE__ */ jsx39("div", { className: "text-xs text-muted-foreground border-t border-border pt-2", children: formatTime2(notification.created_at) }),
+        /* @__PURE__ */ jsxs33("div", { className: "flex gap-2 justify-end pt-2", children: [
+          hasLink && /* @__PURE__ */ jsxs33(
             Button_default,
             {
               variant: "primary",
@@ -6140,12 +5972,12 @@ function NotificationModal({ isOpen, onClose, notification }) {
               onClick: handleLinkClick,
               className: "gap-2",
               children: [
-                /* @__PURE__ */ jsx40(ExternalLink, { className: "w-4 h-4" }),
+                /* @__PURE__ */ jsx39(ExternalLink, { className: "w-4 h-4" }),
                 t("openLink")
               ]
             }
           ),
-          /* @__PURE__ */ jsx40(
+          /* @__PURE__ */ jsx39(
             Button_default,
             {
               variant: "ghost",
@@ -6167,10 +5999,10 @@ import { usePathname } from "next/navigation";
 import { Phone } from "lucide-react";
 
 // ../../node_modules/react-icons/lib/iconBase.mjs
-import React32 from "react";
+import React31 from "react";
 
 // ../../node_modules/react-icons/lib/iconContext.mjs
-import React31 from "react";
+import React30 from "react";
 var DefaultContext = {
   color: void 0,
   size: void 0,
@@ -6178,7 +6010,7 @@ var DefaultContext = {
   style: void 0,
   attr: void 0
 };
-var IconContext = React31.createContext && /* @__PURE__ */ React31.createContext(DefaultContext);
+var IconContext = React30.createContext && /* @__PURE__ */ React30.createContext(DefaultContext);
 
 // ../../node_modules/react-icons/lib/iconBase.mjs
 var _excluded = ["attr", "size", "title"];
@@ -6267,12 +6099,12 @@ function _toPrimitive(t, r) {
   return ("string" === r ? String : Number)(t);
 }
 function Tree2Element(tree) {
-  return tree && tree.map((node, i) => /* @__PURE__ */ React32.createElement(node.tag, _objectSpread({
+  return tree && tree.map((node, i) => /* @__PURE__ */ React31.createElement(node.tag, _objectSpread({
     key: i
   }, node.attr), Tree2Element(node.child)));
 }
 function GenIcon(data) {
-  return (props) => /* @__PURE__ */ React32.createElement(IconBase, _extends({
+  return (props) => /* @__PURE__ */ React31.createElement(IconBase, _extends({
     attr: _objectSpread({}, data.attr)
   }, props), Tree2Element(data.child));
 }
@@ -6287,7 +6119,7 @@ function IconBase(props) {
     var className;
     if (conf.className) className = conf.className;
     if (props.className) className = (className ? className + " " : "") + props.className;
-    return /* @__PURE__ */ React32.createElement("svg", _extends({
+    return /* @__PURE__ */ React31.createElement("svg", _extends({
       stroke: "currentColor",
       fill: "currentColor",
       strokeWidth: "0"
@@ -6299,9 +6131,9 @@ function IconBase(props) {
       height: computedSize,
       width: computedSize,
       xmlns: "http://www.w3.org/2000/svg"
-    }), title && /* @__PURE__ */ React32.createElement("title", null, title), props.children);
+    }), title && /* @__PURE__ */ React31.createElement("title", null, title), props.children);
   };
-  return IconContext !== void 0 ? /* @__PURE__ */ React32.createElement(IconContext.Consumer, null, (conf) => elem(conf)) : elem(DefaultContext);
+  return IconContext !== void 0 ? /* @__PURE__ */ React31.createElement(IconContext.Consumer, null, (conf) => elem(conf)) : elem(DefaultContext);
 }
 
 // ../../node_modules/react-icons/fa/index.mjs
@@ -6315,9 +6147,9 @@ function SiZalo(props) {
 }
 
 // ../../components/ui/FloatingContacts.tsx
-import { jsx as jsx41, jsxs as jsxs35 } from "react/jsx-runtime";
+import { jsx as jsx40, jsxs as jsxs34 } from "react/jsx-runtime";
 function MessengerIcon(props) {
-  return /* @__PURE__ */ jsx41("svg", { viewBox: "0 0 24 24", width: 24, height: 24, "aria-hidden": "true", ...props, children: /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx40("svg", { viewBox: "0 0 24 24", width: 24, height: 24, "aria-hidden": "true", ...props, children: /* @__PURE__ */ jsx40(
     "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",
@@ -6326,10 +6158,10 @@ function MessengerIcon(props) {
   ) });
 }
 function ZaloIcon(props) {
-  return /* @__PURE__ */ jsx41(SiZalo, { size: 20, ...props });
+  return /* @__PURE__ */ jsx40(SiZalo, { size: 20, ...props });
 }
 function InstagramIcon(props) {
-  return /* @__PURE__ */ jsx41(FaInstagram, { size: 20, ...props });
+  return /* @__PURE__ */ jsx40(FaInstagram, { size: 20, ...props });
 }
 function FloatingContacts({ className }) {
   const pathname = usePathname();
@@ -6364,8 +6196,8 @@ function FloatingContacts({ className }) {
       external: true
     }
   ];
-  return /* @__PURE__ */ jsxs35("div", { className: cn("fixed bottom-6 right-4 z-[100000]", "flex flex-col items-end gap-3", className), "aria-label": "Quick contacts", children: [
-    /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsxs34("div", { className: cn("fixed bottom-6 right-4 z-[100000]", "flex flex-col items-end gap-3", className), "aria-label": "Quick contacts", children: [
+    /* @__PURE__ */ jsx40(
       Link2,
       {
         href: `tel:${hotline.replace(/\D/g, "")}`,
@@ -6376,10 +6208,10 @@ function FloatingContacts({ className }) {
           "hover:scale-105 active:scale-95 transition-transform",
           "bg-[#22c55e]"
         ),
-        children: /* @__PURE__ */ jsx41(Phone, { className: "w-6 h-6" })
+        children: /* @__PURE__ */ jsx40(Phone, { className: "w-6 h-6" })
       }
     ),
-    moreItems.map(({ key, href, label, bg, Icon, external }) => /* @__PURE__ */ jsx41(
+    moreItems.map(({ key, href, label, bg, Icon, external }) => /* @__PURE__ */ jsx40(
       Link2,
       {
         href,
@@ -6391,7 +6223,7 @@ function FloatingContacts({ className }) {
           "hover:scale-105 active:scale-95 transition-transform",
           bg
         ),
-        children: /* @__PURE__ */ jsx41(Icon, { className: "w-6 h-6" })
+        children: /* @__PURE__ */ jsx40(Icon, { className: "w-6 h-6" })
       },
       key
     ))
@@ -6400,7 +6232,7 @@ function FloatingContacts({ className }) {
 
 // ../../components/ui/AccessDenied.tsx
 import { Lock, ShieldAlert, Ban } from "lucide-react";
-import { jsx as jsx42, jsxs as jsxs36 } from "react/jsx-runtime";
+import { jsx as jsx41, jsxs as jsxs35 } from "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" },
@@ -6421,15 +6253,147 @@ function AccessDenied({
 }) {
   const styles = VARIANT_STYLES[variant];
   const UsedIcon = Icon || DEFAULT_ICONS[variant];
-  return /* @__PURE__ */ jsx42(Card_default, { className: cn("p-8 text-center shadow-sm", styles.bg, styles.border, className), children: /* @__PURE__ */ jsxs36("div", { className: "flex flex-col items-center gap-4", children: [
-    /* @__PURE__ */ jsx42("div", { className: cn("p-3 rounded-lg", styles.bg.replace("/5", "/10")), children: /* @__PURE__ */ jsx42(UsedIcon, { className: cn("w-8 h-8", styles.text) }) }),
-    /* @__PURE__ */ jsxs36("div", { children: [
-      /* @__PURE__ */ jsx42("h3", { className: cn("font-semibold mb-2", styles.text), children: title }),
-      /* @__PURE__ */ jsx42("p", { className: cn(styles.text.replace("text-", "text-") + "/80", "text-sm"), children: description })
+  return /* @__PURE__ */ jsx41(Card_default, { className: cn("p-8 text-center shadow-sm", styles.bg, styles.border, className), children: /* @__PURE__ */ jsxs35("div", { className: "flex flex-col items-center gap-4", children: [
+    /* @__PURE__ */ jsx41("div", { className: cn("p-3 rounded-lg", styles.bg.replace("/5", "/10")), children: /* @__PURE__ */ jsx41(UsedIcon, { className: cn("w-8 h-8", styles.text) }) }),
+    /* @__PURE__ */ jsxs35("div", { children: [
+      /* @__PURE__ */ jsx41("h3", { className: cn("font-semibold mb-2", styles.text), children: title }),
+      /* @__PURE__ */ jsx41("p", { className: cn(styles.text.replace("text-", "text-") + "/80", "text-sm"), children: description })
     ] }),
-    children && /* @__PURE__ */ jsx42("div", { className: "mt-2 flex flex-wrap gap-2 justify-center", children })
+    children && /* @__PURE__ */ jsx41("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;
+}
 export {
   AccessDenied,
   Alert_default as Alert,
@@ -6470,7 +6434,6 @@ export {
   Pagination,
   PillTabs,
   Popover,
-  ProductImageUpload_default as ProductImageUpload,
   Progress_default as Progress,
   PulseBadge,
   RadioGroup_default as RadioGroup,
@@ -6503,6 +6466,8 @@ export {
   VARIANT_STYLES_BTN,
   VerticalTabs,
   cn,
+  getUnderverseMessages,
+  underverseMessages,
   useToast
 };
 //# sourceMappingURL=index.js.map