@pnkx-lib/ui 1.9.180 → 1.9.182

package/es/ui/Badge.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from '../chunks/jsx-runtime-DFKOoQSG.js';
+import { jsx } from 'react/jsx-runtime';
 import { Badge as Badge$1 } from 'antd';
 
 const typeColorMap = {
@@ -9,7 +9,7 @@ const typeColorMap = {
 };
 const Badge = ({ type, children, customColor, ...rest }) => {
   const color = type ? typeColorMap[type] : customColor;
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Badge$1, { color, ...rest, children });
+  return /* @__PURE__ */ jsx(Badge$1, { color, ...rest, children });
 };
 
 export { Badge, typeColorMap };

package/es/ui/BottomPagination.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from '../chunks/jsx-runtime-DFKOoQSG.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { Select } from '../fields/Select.js';
 import { Pagination } from './Pagination.js';
 
@@ -13,9 +13,9 @@ const BottomPagination = (props) => {
     value: size,
     label: `${size}`
   }));
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "w-full flex align-center justify-between pl-2.5 pr-2.5", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2.5", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
+  return /* @__PURE__ */ jsxs("div", { className: "w-full flex align-center justify-between pl-2.5 pr-2.5", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2.5", children: [
+      /* @__PURE__ */ jsx(
         Select,
         {
           onChange: (value) => onChange?.(current, Number(value) || 10),
@@ -23,12 +23,12 @@ const BottomPagination = (props) => {
           options: defaultPageSizeOptions
         }
       ),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-sm", children: `${(current - 1) * pageSize + 1} - ${current * pageSize > total ? total : current * pageSize} trên tổng ${total}` })
+      /* @__PURE__ */ jsx("span", { className: "text-sm", children: `${(current - 1) * pageSize + 1} - ${current * pageSize > total ? total : current * pageSize} trên tổng ${total}` })
     ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2.5", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2.5", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-sm", children: "xem trang" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2.5", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2.5", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-sm", children: "xem trang" }),
+        /* @__PURE__ */ jsx(
           Select,
           {
             onChange: (value) => onChange?.(Number(value), pageSize || 10),
@@ -38,7 +38,7 @@ const BottomPagination = (props) => {
           }
         )
       ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
+      /* @__PURE__ */ jsx(
         Pagination,
         {
           className: "show-total-range",

package/es/ui/Breadcrumb.js

@@ -1,9 +1,9 @@
-import { j as jsxRuntimeExports } from '../chunks/jsx-runtime-DFKOoQSG.js';
+import { jsx } from 'react/jsx-runtime';
 import { Breadcrumb as Breadcrumb$1 } from 'antd';
 
 const Breadcrumb = (props) => {
   const { containerClassName, breadcrumbClassName, ...restProps } = props;
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: containerClassName, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Breadcrumb$1, { className: breadcrumbClassName, ...restProps }) });
+  return /* @__PURE__ */ jsx("div", { className: containerClassName, children: /* @__PURE__ */ jsx(Breadcrumb$1, { className: breadcrumbClassName, ...restProps }) });
 };
 
 export { Breadcrumb };

package/es/ui/BreadcrumbHeading.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from '../chunks/jsx-runtime-DFKOoQSG.js';
+import { jsx } from 'react/jsx-runtime';
 import { c as className } from '../chunks/index-mzHK7Za8.js';
 import { Breadcrumb } from './Breadcrumb.js';
 import { useLocation, Link } from 'react-router';
@@ -8,14 +8,14 @@ const BreadcrumbHeading = (props) => {
   const location = useLocation();
   const pathUrl = location.pathname;
   const breadcrumbsItem = [
-    { title: /* @__PURE__ */ jsxRuntimeExports.jsx(Link, { to: "/", children: "Trang chủ" }) }
+    { title: /* @__PURE__ */ jsx(Link, { to: "/", children: "Trang chủ" }) }
   ];
   function findBreadcrumbs(items, currentPath, trail = []) {
     for (const item of items) {
       if (!item || !item.path) continue;
       if (currentPath === item.path) {
         if (!Object.prototype.hasOwnProperty.call(item, "isShowLabel") || item.isShowLabel) {
-          return [...trail, { title: /* @__PURE__ */ jsxRuntimeExports.jsx(Link, { to: item.path, children: item.name }) }];
+          return [...trail, { title: /* @__PURE__ */ jsx(Link, { to: item.path, children: item.name }) }];
         }
         return trail;
       }
@@ -23,7 +23,7 @@ const BreadcrumbHeading = (props) => {
         const newTrail = [...trail];
         if (!Object.prototype.hasOwnProperty.call(item, "isShowLabel") || item.isShowLabel) {
           newTrail.push({
-            title: /* @__PURE__ */ jsxRuntimeExports.jsx(Link, { to: item.path, children: item.name })
+            title: /* @__PURE__ */ jsx(Link, { to: item.path, children: item.name })
           });
         }
         if (item.children && item.children.length > 0) {
@@ -46,9 +46,8 @@ const BreadcrumbHeading = (props) => {
     ...breadcrumbsItem,
     ...customBreadcum ?? []
   ];
-  console.log("dataBreadcum", dataBreadcum);
   //! Render
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: className("flex justify-between items-end"), children: /* @__PURE__ */ jsxRuntimeExports.jsx(Breadcrumb, { items: dataBreadcum }) });
+  return /* @__PURE__ */ jsx("div", { className: className("flex justify-between items-end"), children: /* @__PURE__ */ jsx(Breadcrumb, { items: dataBreadcum }) });
 };
 
 export { BreadcrumbHeading };

package/es/ui/Button.js

@@ -1,8 +1,8 @@
-import { j as jsxRuntimeExports } from '../chunks/jsx-runtime-DFKOoQSG.js';
+import { jsx } from 'react/jsx-runtime';
 import { Button as Button$1 } from 'antd';
 
 const Button = (props) => {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Button$1, { ...props });
+  return /* @__PURE__ */ jsx(Button$1, { ...props });
 };
 
 export { Button };

package/es/ui/Card.js

@@ -1,8 +1,8 @@
-import { j as jsxRuntimeExports } from '../chunks/jsx-runtime-DFKOoQSG.js';
+import { jsx } from 'react/jsx-runtime';
 import { Card as Card$1 } from 'antd';
 
 const Card = ({ children, ...rest }) => {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Card$1, { ...rest, children });
+  return /* @__PURE__ */ jsx(Card$1, { ...rest, children });
 };
 
 export { Card };

package/es/ui/Cascader.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from '../chunks/jsx-runtime-DFKOoQSG.js';
+import { jsx } from 'react/jsx-runtime';
 import { Cascader } from 'antd';
 
 const CascaderField = (props) => {
@@ -8,7 +8,7 @@ const CascaderField = (props) => {
     options = [],
     ...restProps
   } = props;
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: customStyleContainer, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+  return /* @__PURE__ */ jsx("div", { className: customStyleContainer, children: /* @__PURE__ */ jsx(
     Cascader,
     {
       options,

package/es/ui/CategoryStatus.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from '../chunks/jsx-runtime-DFKOoQSG.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { t as twMerge } from '../chunks/bundle-mjs-BME7zF0Z.js';
 
 var CATEGORY_LIST_ENUM = /* @__PURE__ */ ((CATEGORY_LIST_ENUM2) => {
@@ -38,13 +38,13 @@ const CategoryStatus = ({ status }) => {
     color,
     statusName
   }) => {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: twMerge("w-3 h-3 rounded-sm", color || "") }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-sm font-normal", children: statusName || "" })
+    return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx("div", { className: twMerge("w-3 h-3 rounded-sm", color || "") }),
+      /* @__PURE__ */ jsx("span", { className: "text-sm font-normal", children: statusName || "" })
     ] }) });
   };
   //! Render
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(ItemStatus, { color: bagde?.color, statusName: bagde?.text });
+  return /* @__PURE__ */ jsx(ItemStatus, { color: bagde?.color, statusName: bagde?.text });
 };
 
 export { CATEGORY_LIST_ENUM, CategoryStatus, badgeStatusCategoryConfig };

package/es/ui/Col.js

@@ -1,9 +1,9 @@
-import { j as jsxRuntimeExports } from '../chunks/jsx-runtime-DFKOoQSG.js';
+import { jsx } from 'react/jsx-runtime';
 import { Col as Col$1 } from 'antd';
 
 const Col = (props) => {
   const { colClassName, ...restProps } = props;
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Col$1, { className: colClassName, ...restProps });
+  return /* @__PURE__ */ jsx(Col$1, { className: colClassName, ...restProps });
 };
 
 export { Col };

package/es/ui/Collapse.js

@@ -1,8 +1,8 @@
-import { j as jsxRuntimeExports } from '../chunks/jsx-runtime-DFKOoQSG.js';
+import { jsx } from 'react/jsx-runtime';
 import { Collapse as Collapse$1 } from 'antd';
 
 const Collapse = (props) => {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Collapse$1, { ...props });
+  return /* @__PURE__ */ jsx(Collapse$1, { ...props });
 };
 
 export { Collapse };

package/es/ui/ColorPicker.js

@@ -1,8 +1,8 @@
-import { j as jsxRuntimeExports } from '../chunks/jsx-runtime-DFKOoQSG.js';
+import { jsx } from 'react/jsx-runtime';
 import { ColorPicker as ColorPicker$1 } from 'antd';
 
 const ColorPicker = (props) => {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(ColorPicker$1, { ...props });
+  return /* @__PURE__ */ jsx(ColorPicker$1, { ...props });
 };
 
 export { ColorPicker };

package/es/ui/ConfigProvider.js

@@ -1,11 +1,11 @@
-import { j as jsxRuntimeExports } from '../chunks/jsx-runtime-DFKOoQSG.js';
+import { jsx } from 'react/jsx-runtime';
 import { ConfigProvider as ConfigProvider$1 } from 'antd';
 
 const ConfigProvider = ({
   children,
   ...rest
 }) => {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(ConfigProvider$1, { ...rest, children });
+  return /* @__PURE__ */ jsx(ConfigProvider$1, { ...rest, children });
 };
 
 export { ConfigProvider };

package/es/ui/ConfirmModal.js

@@ -1,8 +1,8 @@
-import { j as jsxRuntimeExports } from '../chunks/jsx-runtime-DFKOoQSG.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { Button } from './Button.js';
 import { Modal } from './Modal.js';
 
-const ErrorConfirmIcon = (props) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+const ErrorConfirmIcon = (props) => /* @__PURE__ */ jsx(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -10,7 +10,7 @@ const ErrorConfirmIcon = (props) => /* @__PURE__ */ jsxRuntimeExports.jsx(
     height: 24,
     fill: "none",
     ...props,
-    children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    children: /* @__PURE__ */ jsx(
       "path",
       {
         fill: props?.fill || "#FF4D4F",
@@ -20,7 +20,7 @@ const ErrorConfirmIcon = (props) => /* @__PURE__ */ jsxRuntimeExports.jsx(
   }
 );
 
-const InfoConfirmIcon = (props) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+const InfoConfirmIcon = (props) => /* @__PURE__ */ jsx(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -28,7 +28,7 @@ const InfoConfirmIcon = (props) => /* @__PURE__ */ jsxRuntimeExports.jsx(
     height: 24,
     fill: "none",
     ...props,
-    children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    children: /* @__PURE__ */ jsx(
       "path",
       {
         fill: props?.fill || "#1677FF",
@@ -39,7 +39,7 @@ const InfoConfirmIcon = (props) => /* @__PURE__ */ jsxRuntimeExports.jsx(
   }
 );
 
-const SuccessIcon = (props) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+const SuccessIcon = (props) => /* @__PURE__ */ jsx(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -47,7 +47,7 @@ const SuccessIcon = (props) => /* @__PURE__ */ jsxRuntimeExports.jsx(
     height: 24,
     fill: "none",
     ...props,
-    children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    children: /* @__PURE__ */ jsx(
       "path",
       {
         fill: props?.fill || "#52C41A",
@@ -58,7 +58,7 @@ const SuccessIcon = (props) => /* @__PURE__ */ jsxRuntimeExports.jsx(
   }
 );
 
-const WarningConfrimIcon = (props) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+const WarningConfrimIcon = (props) => /* @__PURE__ */ jsx(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -66,7 +66,7 @@ const WarningConfrimIcon = (props) => /* @__PURE__ */ jsxRuntimeExports.jsx(
     height: 24,
     fill: "none",
     ...props,
-    children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    children: /* @__PURE__ */ jsx(
       "path",
       {
         fill: props?.fill || "#FAAD14",
@@ -90,28 +90,28 @@ const ConfirmModal = ({
   const IconType = () => {
     switch (typeIcon) {
       case "success":
-        return /* @__PURE__ */ jsxRuntimeExports.jsx(SuccessIcon, {});
+        return /* @__PURE__ */ jsx(SuccessIcon, {});
       case "error":
-        return /* @__PURE__ */ jsxRuntimeExports.jsx(ErrorConfirmIcon, {});
+        return /* @__PURE__ */ jsx(ErrorConfirmIcon, {});
       case "info":
-        return /* @__PURE__ */ jsxRuntimeExports.jsx(InfoConfirmIcon, {});
+        return /* @__PURE__ */ jsx(InfoConfirmIcon, {});
       case "warning":
-        return /* @__PURE__ */ jsxRuntimeExports.jsx(WarningConfrimIcon, {});
+        return /* @__PURE__ */ jsx(WarningConfrimIcon, {});
     }
   };
   //! Function
   //! Render
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Modal, { ...restProps, footer: null, closeIcon: null, width: 400, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex gap-3", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "max-w-fit", children: /* @__PURE__ */ jsxRuntimeExports.jsx(IconType, {}) }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { className: "text-base font-semibold", children: title }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm", children: content })
+  return /* @__PURE__ */ jsx(Modal, { ...restProps, footer: null, closeIcon: null, width: 400, children: /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex gap-3", children: [
+      /* @__PURE__ */ jsx("div", { className: "max-w-fit", children: /* @__PURE__ */ jsx(IconType, {}) }),
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("h2", { className: "text-base font-semibold", children: title }),
+        /* @__PURE__ */ jsx("p", { className: "text-sm", children: content })
       ] })
     ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex gap-2 w-full justify-end items-end pt-3", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { shape: "round", onClick: handleCancel, children: titleCancelBtn }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { shape: "round", type: "primary", onClick: handleSubmit, children: titleSubmitBtn })
+    /* @__PURE__ */ jsxs("div", { className: "flex gap-2 w-full justify-end items-end pt-3", children: [
+      /* @__PURE__ */ jsx(Button, { shape: "round", onClick: handleCancel, children: titleCancelBtn }),
+      /* @__PURE__ */ jsx(Button, { shape: "round", type: "primary", onClick: handleSubmit, children: titleSubmitBtn })
     ] })
   ] }) });
 };

package/es/ui/Container.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from '../chunks/jsx-runtime-DFKOoQSG.js';
+import { jsx } from 'react/jsx-runtime';
 import { t as twMerge } from '../chunks/bundle-mjs-BME7zF0Z.js';
 
 const Container = ({
@@ -6,7 +6,7 @@ const Container = ({
   className,
   size
 }) => {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: twMerge(size, "mx-auto px-4 sm:px-6 lg:px-8", className), children });
+  return /* @__PURE__ */ jsx("div", { className: twMerge(size, "mx-auto px-4 sm:px-6 lg:px-8", className), children });
 };
 
 export { Container };

package/es/ui/Divider.js

@@ -1,8 +1,8 @@
-import { j as jsxRuntimeExports } from '../chunks/jsx-runtime-DFKOoQSG.js';
+import { jsx } from 'react/jsx-runtime';
 import { Divider as Divider$1 } from 'antd';
 
 const Divider = ({ children, ...rest }) => {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Divider$1, { ...rest, children });
+  return /* @__PURE__ */ jsx(Divider$1, { ...rest, children });
 };
 
 export { Divider };

package/es/ui/Drawer.js

@@ -1,8 +1,8 @@
-import { j as jsxRuntimeExports } from '../chunks/jsx-runtime-DFKOoQSG.js';
+import { jsx } from 'react/jsx-runtime';
 import { Drawer as Drawer$1 } from 'antd';
 
 const Drawer = ({ onSubmit, children, ...rest }) => {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Drawer$1, { ...rest, children: onSubmit ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+  return /* @__PURE__ */ jsx(Drawer$1, { ...rest, children: onSubmit ? /* @__PURE__ */ jsx(
     "form",
     {
       id: "pnkx-form",

package/es/ui/Dropdown.js

@@ -1,9 +1,9 @@
-import { j as jsxRuntimeExports } from '../chunks/jsx-runtime-DFKOoQSG.js';
+import { jsx } from 'react/jsx-runtime';
 import { Dropdown as Dropdown$1 } from 'antd';
 
 const Dropdown = (props) => {
   const { containerClassName, dropdownClassName, ...restProps } = props;
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: containerClassName, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Dropdown$1, { className: dropdownClassName, ...restProps }) });
+  return /* @__PURE__ */ jsx("div", { className: containerClassName, children: /* @__PURE__ */ jsx(Dropdown$1, { className: dropdownClassName, ...restProps }) });
 };
 
 export { Dropdown };

package/es/ui/Empty.js

@@ -1,8 +1,8 @@
-import { j as jsxRuntimeExports } from '../chunks/jsx-runtime-DFKOoQSG.js';
+import { jsx } from 'react/jsx-runtime';
 import { Empty as Empty$1 } from 'antd';
 
 const Empty = (props) => {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Empty$1, { ...props });
+  return /* @__PURE__ */ jsx(Empty$1, { ...props });
 };
 
 export { Empty };

package/es/ui/ErrorBoundary.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from '../chunks/jsx-runtime-DFKOoQSG.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { Component } from 'react';
 
 class ErrorBoundaryClass extends Component {
@@ -27,14 +27,14 @@ class ErrorBoundaryClass extends Component {
   render() {
     const { hasError, error, errorInfo } = this.state;
     if (hasError) {
-      return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles.container, children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { style: styles.title, children: "🚨 An unexpected error has occurred." }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("p", { style: styles.description, children: "Please refresh the page or contact support if the problem persists." }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("button", { style: styles.button, onClick: this.handleReload, children: "Reload Page" }),
-        process.env.NODE_ENV === "development" && error && /* @__PURE__ */ jsxRuntimeExports.jsxs("details", { style: styles.details, children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("summary", { children: "View Error Details" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { children: error.toString() }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { children: errorInfo?.componentStack })
+      return /* @__PURE__ */ jsxs("div", { style: styles.container, children: [
+        /* @__PURE__ */ jsx("h2", { style: styles.title, children: "🚨 An unexpected error has occurred." }),
+        /* @__PURE__ */ jsx("p", { style: styles.description, children: "Please refresh the page or contact support if the problem persists." }),
+        /* @__PURE__ */ jsx("button", { style: styles.button, onClick: this.handleReload, children: "Reload Page" }),
+        process.env.NODE_ENV === "development" && error && /* @__PURE__ */ jsxs("details", { style: styles.details, children: [
+          /* @__PURE__ */ jsx("summary", { children: "View Error Details" }),
+          /* @__PURE__ */ jsx("pre", { children: error.toString() }),
+          /* @__PURE__ */ jsx("pre", { children: errorInfo?.componentStack })
         ] })
       ] });
     }

package/es/ui/ErrorMessage.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from '../chunks/jsx-runtime-DFKOoQSG.js';
+import { jsx } from 'react/jsx-runtime';
 import React__default from 'react';
 
 const ErrorMessage = React__default.memo(
@@ -7,7 +7,7 @@ const ErrorMessage = React__default.memo(
       return null;
     }
     if (!errorMessage) return null;
-    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ml-2 text-red-600", children: errorMessage });
+    return /* @__PURE__ */ jsx("div", { className: "ml-2 text-red-600", children: errorMessage });
   }
 );
 

package/es/ui/Flex.js

@@ -1,9 +1,9 @@
-import { j as jsxRuntimeExports } from '../chunks/jsx-runtime-DFKOoQSG.js';
+import { jsx } from 'react/jsx-runtime';
 import { Flex as Flex$1 } from 'antd';
 
 const Flex = (props) => {
   const { containerClassName, flexClassName, ...restProps } = props;
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: containerClassName, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Flex$1, { className: flexClassName, ...restProps }) });
+  return /* @__PURE__ */ jsx("div", { className: containerClassName, children: /* @__PURE__ */ jsx(Flex$1, { className: flexClassName, ...restProps }) });
 };
 
 export { Flex };

package/es/ui/Footer.js

@@ -1,9 +1,9 @@
-import { j as jsxRuntimeExports } from '../chunks/jsx-runtime-DFKOoQSG.js';
+import { jsxs } from 'react/jsx-runtime';
 import { Layout } from 'antd';
 
 const { Footer: AntdFooter } = Layout;
 const Footer = () => {
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(AntdFooter, { style: { textAlign: "center" }, children: [
+  return /* @__PURE__ */ jsxs(AntdFooter, { style: { textAlign: "center" }, children: [
     "Footer ©",
     (/* @__PURE__ */ new Date()).getFullYear(),
     " Created by Điệp lại lập trình"

package/es/ui/Heading.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from '../chunks/jsx-runtime-DFKOoQSG.js';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { c as className } from '../chunks/index-mzHK7Za8.js';
 import { Breadcrumb } from './Breadcrumb.js';
 import { useLocation, Link } from 'react-router';
@@ -9,14 +9,14 @@ const Heading = (props) => {
   const location = useLocation();
   const pathUrl = location.pathname;
   const breadcrumbsItem = [
-    { title: /* @__PURE__ */ jsxRuntimeExports.jsx(Link, { to: "/", children: "Trang chủ" }) }
+    { title: /* @__PURE__ */ jsx(Link, { to: "/", children: "Trang chủ" }) }
   ];
   function findBreadcrumbs(items, currentPath, trail = []) {
     for (const item of items) {
       if (!item || !item.path) continue;
       if (currentPath === item.path) {
         if (!Object.prototype.hasOwnProperty.call(item, "isShowLabel") || item.isShowLabel) {
-          return [...trail, { title: /* @__PURE__ */ jsxRuntimeExports.jsx(Link, { to: item.path, children: item.name }) }];
+          return [...trail, { title: /* @__PURE__ */ jsx(Link, { to: item.path, children: item.name }) }];
         }
         return trail;
       }
@@ -24,7 +24,7 @@ const Heading = (props) => {
         const newTrail = [...trail];
         if (!Object.prototype.hasOwnProperty.call(item, "isShowLabel") || item.isShowLabel) {
           newTrail.push({
-            title: /* @__PURE__ */ jsxRuntimeExports.jsx(Link, { to: item.path, children: item.name })
+            title: /* @__PURE__ */ jsx(Link, { to: item.path, children: item.name })
           });
         }
         if (item.children && item.children.length > 0) {
@@ -43,11 +43,10 @@ const Heading = (props) => {
   if (dynamicBreadcrumbs) {
     breadcrumbsItem.push(...dynamicBreadcrumbs);
   }
-  console.log("breadcrumbsItem table", breadcrumbsItem);
   //! Function
   //! Render
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs(
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(
       "div",
       {
         className: className(
@@ -55,7 +54,7 @@ const Heading = (props) => {
           classNameWrapHeading
         ),
         children: [
-          !noBreadcum && /* @__PURE__ */ jsxRuntimeExports.jsx(Breadcrumb, { items: breadcrumbsItem }),
+          !noBreadcum && /* @__PURE__ */ jsx(Breadcrumb, { items: breadcrumbsItem }),
           rightContent
         ]
       }

package/es/ui/Image.js

@@ -1,8 +1,8 @@
-import { j as jsxRuntimeExports } from '../chunks/jsx-runtime-DFKOoQSG.js';
+import { jsx } from 'react/jsx-runtime';
 import { Image as Image$1 } from 'antd';
 
 const Image = (props) => {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Image$1, { ...props });
+  return /* @__PURE__ */ jsx(Image$1, { ...props });
 };
 
 export { Image };

package/es/ui/Label.js

@@ -1,13 +1,13 @@
-import { j as jsxRuntimeExports } from '../chunks/jsx-runtime-DFKOoQSG.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { Typography } from './Typography.js';
 
 const Label = ({ label, required }) => {
   //! State
   //! Function
   //! Render
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex gap-1 mb-2 items-baseline", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Typography.Text, { children: label }),
-    required && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-red-600 h-0", children: "*" })
+  return /* @__PURE__ */ jsxs("div", { className: "flex gap-1 mb-2 items-baseline", children: [
+    /* @__PURE__ */ jsx(Typography.Text, { children: label }),
+    required && /* @__PURE__ */ jsx("span", { className: "text-red-600 h-0", children: "*" })
   ] });
 };
 

package/es/ui/Layout.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from '../chunks/jsx-runtime-DFKOoQSG.js';
+import { jsx } from 'react/jsx-runtime';
 import { S as SiderContext, a as Sider, C as Content, F as Footer, H as Header, L as Layout$1 } from '../chunks/layout-B04d5Lfr.js';
 
 const LayoutComponent = ({
@@ -6,7 +6,7 @@ const LayoutComponent = ({
   className,
   ...rest
 }) => {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+  return /* @__PURE__ */ jsx(
     Layout$1,
     {
       className: [layoutClassName, className].filter(Boolean).join(" "),

package/es/ui/Menu.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from '../chunks/jsx-runtime-DFKOoQSG.js';
+import { jsx } from 'react/jsx-runtime';
 import { Menu as Menu$1 } from 'antd';
 
 const MenuComponent = ({
@@ -6,11 +6,11 @@ const MenuComponent = ({
   menuClassName,
   ...rest
 }) => {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: containerClassName, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Menu$1, { className: menuClassName, ...rest }) });
+  return /* @__PURE__ */ jsx("div", { className: containerClassName, children: /* @__PURE__ */ jsx(Menu$1, { className: menuClassName, ...rest }) });
 };
-const MenuItem = (props) => /* @__PURE__ */ jsxRuntimeExports.jsx(Menu$1.Item, { ...props });
+const MenuItem = (props) => /* @__PURE__ */ jsx(Menu$1.Item, { ...props });
 MenuItem.displayName = "Menu.Item";
-const SubMenu = (props) => /* @__PURE__ */ jsxRuntimeExports.jsx(Menu$1.SubMenu, { ...props });
+const SubMenu = (props) => /* @__PURE__ */ jsx(Menu$1.SubMenu, { ...props });
 SubMenu.displayName = "Menu.SubMenu";
 const Divider = Menu$1.Divider;
 const ItemGroup = Menu$1.ItemGroup;

package/es/ui/Modal.js

@@ -1,8 +1,8 @@
-import { j as jsxRuntimeExports } from '../chunks/jsx-runtime-DFKOoQSG.js';
+import { jsx } from 'react/jsx-runtime';
 import { Modal as Modal$1 } from 'antd';
 
 const Modal = ({ children, ...rest }) => {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Modal$1, { ...rest, children });
+  return /* @__PURE__ */ jsx(Modal$1, { ...rest, children });
 };
 
 export { Modal };