@pnkx-lib/ui 1.9.180 → 1.9.182

package/es/ui/Pagination.js

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

package/es/ui/Popconfirm.js

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

package/es/ui/Popover.js

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

package/es/ui/QRCode.js

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

package/es/ui/Rate.js

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

package/es/ui/Result.js

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

package/es/ui/Row.js

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

package/es/ui/SearchFilterForm.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from '../chunks/jsx-runtime-DFKOoQSG.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { u as useForm } from '../chunks/index.esm-DPdCEbIy.js';
 import { Button } from './Button.js';
 import { I as Icon, _ as _extends } from '../chunks/AntdIcon-B_SLhOJa.js';
@@ -49,18 +49,18 @@ const SearchFiltersForm = ({
   const { control, handleSubmit, reset, setValue } = useForm({
     defaultValues: initialValues
   });
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("form", { className: classNameWrapperForm, onSubmit: handleSubmit(onSubmit), children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: classNamesContainer, children: renderFilterFields && renderFilterFields({
+  return /* @__PURE__ */ jsxs("form", { className: classNameWrapperForm, onSubmit: handleSubmit(onSubmit), children: [
+    /* @__PURE__ */ jsx("div", { className: classNamesContainer, children: renderFilterFields && renderFilterFields({
       control,
       setValue,
       handleSubmit: handleSubmit(onSubmit),
       reset
     }) }),
-    !hideDefaultSubmit && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex justify-end gap-2 mb-3", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
+    !hideDefaultSubmit && /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-2 mb-3", children: [
+      /* @__PURE__ */ jsx(
         Button,
         {
-          icon: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon, {}),
+          icon: /* @__PURE__ */ jsx(RefIcon, {}),
           className: "px-3 py-1 ",
           color: "blue",
           variant: "solid",
@@ -68,10 +68,10 @@ const SearchFiltersForm = ({
           children: "Tìm kiếm"
         }
       ),
-      !hideResetButton && /* @__PURE__ */ jsxRuntimeExports.jsx(
+      !hideResetButton && /* @__PURE__ */ jsx(
         Button,
         {
-          icon: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$1, {}),
+          icon: /* @__PURE__ */ jsx(RefIcon$1, {}),
           className: "px-3 py-1",
           onClick: () => {
             reset();

package/es/ui/Segmented.js

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

package/es/ui/Sidebar.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from '../chunks/jsx-runtime-DFKOoQSG.js';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import * as React from 'react';
 import React__default, { useState } from 'react';
 import { useNavigate, useLocation } from 'react-router';
@@ -122,10 +122,10 @@ const Sidebar = ({ children, menu, userInfo }) => {
   const handleClick = (itemPath) => {
     navigate(itemPath);
   };
-  const Title = (props) => /* @__PURE__ */ jsxRuntimeExports.jsx(Flex, { align: "center", justify: "space-between", children: props.title });
+  const Title = (props) => /* @__PURE__ */ jsx(Flex, { align: "center", justify: "space-between", children: props.title });
   const renderItem = (title) => ({
     value: title,
-    label: /* @__PURE__ */ jsxRuntimeExports.jsx(Flex, { align: "center", justify: "space-between", children: title })
+    label: /* @__PURE__ */ jsx(Flex, { align: "center", justify: "space-between", children: title })
   });
   const dataOption = newMenu.reduce((acc, itemMenu) => {
     const groupName = itemMenu.name;
@@ -136,7 +136,7 @@ const Sidebar = ({ children, menu, userInfo }) => {
         );
         if (!group) {
           group = {
-            label: /* @__PURE__ */ jsxRuntimeExports.jsx(Title, { title: groupName }),
+            label: /* @__PURE__ */ jsx(Title, { title: groupName }),
             options: []
           };
           acc.push(group);
@@ -146,8 +146,8 @@ const Sidebar = ({ children, menu, userInfo }) => {
     });
     return acc;
   }, []);
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
       Header,
       {
         style: {
@@ -157,9 +157,9 @@ const Sidebar = ({ children, menu, userInfo }) => {
           borderBottom: "1px solid white",
           boxShadow: "0 1px 1px rgba(0, 0, 0, 0.15)"
         },
-        children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "w-full flex justify-between", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "pt-4 ml-[-2rem]", children: /* @__PURE__ */ jsxRuntimeExports.jsx("img", { src: logoHeaderText, alt: "logo", width: 200 }) }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "w-xl justify-center items-center", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        children: /* @__PURE__ */ jsxs("div", { className: "w-full flex justify-between", children: [
+          /* @__PURE__ */ jsx("div", { className: "pt-4 ml-[-2rem]", children: /* @__PURE__ */ jsx("img", { src: logoHeaderText, alt: "logo", width: 200 }) }),
+          /* @__PURE__ */ jsx("div", { className: "w-xl justify-center items-center", children: /* @__PURE__ */ jsx(
             AutoComplete,
             {
               classNames: {
@@ -168,17 +168,17 @@ const Sidebar = ({ children, menu, userInfo }) => {
               popupMatchSelectWidth: 500,
               style: { width: 500 },
               options: dataOption ?? [],
-              children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+              children: /* @__PURE__ */ jsx(
                 Input,
                 {
                   className: "h-[32px] !placeholder:bg-[#E7F0FF] !bg-[#E7F0FF] !border !border-[#BDE3FF]",
                   placeholder: "Tìm kiếm...",
-                  iconStartInput: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "w-5 h-5", children: /* @__PURE__ */ jsxRuntimeExports.jsx(distExports.SearchIcon, { className: "w-5 text-[#116DFF]" }) })
+                  iconStartInput: /* @__PURE__ */ jsx("div", { className: "w-5 h-5", children: /* @__PURE__ */ jsx(distExports.SearchIcon, { className: "w-5 text-[#116DFF]" }) })
                 }
               )
             }
           ) }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex justify-end items-center", children: /* @__PURE__ */ jsxRuntimeExports.jsx("a", { onClick: (e) => e.preventDefault(), children: /* @__PURE__ */ jsxRuntimeExports.jsx("li", { className: "list-none cursor-pointer group flex items-center", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          /* @__PURE__ */ jsx("div", { className: "flex justify-end items-center", children: /* @__PURE__ */ jsx("a", { onClick: (e) => e.preventDefault(), children: /* @__PURE__ */ jsx("li", { className: "list-none cursor-pointer group flex items-center", children: /* @__PURE__ */ jsxs(
             "div",
             {
               className: twMerge(
@@ -186,18 +186,18 @@ const Sidebar = ({ children, menu, userInfo }) => {
                 " text-black flex items-center rounded-md gap-2"
               ),
               children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsx(Divider, { type: "vertical" }),
-                /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex justify-center text-black", children: /* @__PURE__ */ jsxRuntimeExports.jsx("img", { src: defaultAvatar, alt: "default_avatar" }) }),
-                /* @__PURE__ */ jsxRuntimeExports.jsx("p", { children: "Admin" }),
-                /* @__PURE__ */ jsxRuntimeExports.jsx(Dropdown, { menu: { items }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(distExports.DownOutlinedIcon, { className: "w-6 h-6" }) })
+                /* @__PURE__ */ jsx(Divider, { type: "vertical" }),
+                /* @__PURE__ */ jsx("div", { className: "flex justify-center text-black", children: /* @__PURE__ */ jsx("img", { src: defaultAvatar, alt: "default_avatar" }) }),
+                /* @__PURE__ */ jsx("p", { children: "Admin" }),
+                /* @__PURE__ */ jsx(Dropdown, { menu: { items }, children: /* @__PURE__ */ jsx(distExports.DownOutlinedIcon, { className: "w-6 h-6" }) })
               ]
             }
           ) }) }) })
         ] })
       }
     ),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex relative h-[calc(100vh-64px)] overflow-y-hidden", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
+    /* @__PURE__ */ jsxs("div", { className: "flex relative h-[calc(100vh-64px)] overflow-y-hidden", children: [
+      /* @__PURE__ */ jsx(
         "div",
         {
           onMouseEnter: () => {
@@ -210,25 +210,25 @@ const Sidebar = ({ children, menu, userInfo }) => {
             collapse ? "w-[255px]" : "w-[54px]",
             openSubCollapse && "absolute"
           ),
-          children: /* @__PURE__ */ jsxRuntimeExports.jsx("nav", { className: twMerge("flex mt-2 flex-1 flex-col px-2"), children: /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { role: "list", className: twMerge("-mx-2 space-y-1 relative"), children: newMenu.flatMap((item) => {
+          children: /* @__PURE__ */ jsx("nav", { className: twMerge("flex mt-2 flex-1 flex-col px-2"), children: /* @__PURE__ */ jsx("ul", { role: "list", className: twMerge("-mx-2 space-y-1 relative"), children: newMenu.flatMap((item) => {
             const isActiveMainMenu = activeMainMenu === item.path;
             const isActivePathUrl = pathUrl === item.path;
             const isActive = isActiveMainMenu || isActivePathUrl;
-            return /* @__PURE__ */ jsxRuntimeExports.jsx(
+            return /* @__PURE__ */ jsx(
               "li",
               {
                 className: twMerge(
                   "relative cursor-pointer",
                   isActive ? "px-2" : "ml-0 px-2"
                 ),
-                children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                children: /* @__PURE__ */ jsx(
                   "div",
                   {
                     className: twMerge(
                       "relative group hover:text-black",
                       !collapse && "hover:bg-[#FFFFFF] rounded-lg"
                     ),
-                    children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                    children: /* @__PURE__ */ jsxs(
                       "a",
                       {
                         onClick: () => {
@@ -256,7 +256,7 @@ const Sidebar = ({ children, menu, userInfo }) => {
           }) }) })
         }
       ),
-      openSubCollapse && /* @__PURE__ */ jsxRuntimeExports.jsx(
+      openSubCollapse && /* @__PURE__ */ jsx(
         "div",
         {
           className: twMerge(
@@ -264,18 +264,18 @@ const Sidebar = ({ children, menu, userInfo }) => {
             collapse ? "w-17" : "w-[250px]",
             "flex flex-col border-gray-200 bg-[#FFFFFF] shadow h-screen transition-all duration-300"
           ),
-          children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          children: /* @__PURE__ */ jsx(
             "nav",
             {
               className: twMerge(
                 "flex flex-1 transition-all duration-300 flex-col"
               ),
-              children: /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { role: "list", className: twMerge("cursor-pointer ml-[10px]"), children: newMenu?.map((sub) => {
+              children: /* @__PURE__ */ jsx("ul", { role: "list", className: twMerge("cursor-pointer ml-[10px]"), children: newMenu?.map((sub) => {
                 const isActiveMainMenu = activeMainMenu === sub.path;
                 if (!isActiveMainMenu) return;
                 return sub?.children?.map((itemSubMenu) => {
-                  return /* @__PURE__ */ jsxRuntimeExports.jsxs("li", { children: [
-                    /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                  return /* @__PURE__ */ jsxs("li", { children: [
+                    /* @__PURE__ */ jsxs(
                       "a",
                       {
                         onClick: () => {
@@ -288,11 +288,11 @@ const Sidebar = ({ children, menu, userInfo }) => {
                         children: [
                           itemSubMenu.icon,
                           itemSubMenu.name,
-                          Array.isArray(itemSubMenu?.children) && itemSubMenu.children.length > 0 && itemSubMenu.isShow ? openSubmenu === itemSubMenu.name ? /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon, { className: "w-4 h-4 ml-auto" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$1, { className: "w-4 h-4 ml-auto" }) : null
+                          Array.isArray(itemSubMenu?.children) && itemSubMenu.children.length > 0 && itemSubMenu.isShow ? openSubmenu === itemSubMenu.name ? /* @__PURE__ */ jsx(RefIcon, { className: "w-4 h-4 ml-auto" }) : /* @__PURE__ */ jsx(RefIcon$1, { className: "w-4 h-4 ml-auto" }) : null
                         ]
                       }
                     ),
-                    itemSubMenu.isShow && openSubmenu === itemSubMenu.name && /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { className: "pl-2 transition-all duration-300", children: itemSubMenu?.children?.map(
+                    itemSubMenu.isShow && openSubmenu === itemSubMenu.name && /* @__PURE__ */ jsx("ul", { className: "pl-2 transition-all duration-300", children: itemSubMenu?.children?.map(
                       (itemChildrenSubMenu) => {
                         const itemFullPath = `/${itemSubMenu.path.replace(
                           /^\//,
@@ -301,7 +301,7 @@ const Sidebar = ({ children, menu, userInfo }) => {
                           /^\/|\/$/g,
                           ""
                         )}`;
-                        return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                        return /* @__PURE__ */ jsxs(
                           "li",
                           {
                             onClick: () => handleClick(itemFullPath),
@@ -325,7 +325,7 @@ const Sidebar = ({ children, menu, userInfo }) => {
           )
         }
       ),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
+      /* @__PURE__ */ jsx(
         "div",
         {
           className: twMerge(

package/es/ui/Skeleton.js

@@ -1,11 +1,11 @@
-import { j as jsxRuntimeExports } from '../chunks/jsx-runtime-DFKOoQSG.js';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { Space, Card, Skeleton as Skeleton$1 } from 'antd';
 
-const renderInputs = (count) => Array.from({ length: count }).map((_, index) => /* @__PURE__ */ jsxRuntimeExports.jsx(Skeleton$1.Input, { size: "small", block: true, active: true }, index));
+const renderInputs = (count) => Array.from({ length: count }).map((_, index) => /* @__PURE__ */ jsx(Skeleton$1.Input, { size: "small", block: true, active: true }, index));
 const Skeleton = ({ type, skeletonButtonCount }) => {
   if (type === "table") {
-    return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
         "div",
         {
           style: {
@@ -14,14 +14,14 @@ const Skeleton = ({ type, skeletonButtonCount }) => {
             width: "100%",
             marginBottom: 15
           },
-          children: skeletonButtonCount && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { marginLeft: "auto" }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Space, { children: renderInputs(skeletonButtonCount) }) })
+          children: skeletonButtonCount && /* @__PURE__ */ jsx("div", { style: { marginLeft: "auto" }, children: /* @__PURE__ */ jsx(Space, { children: renderInputs(skeletonButtonCount) }) })
         }
       ),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Card, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Space, { direction: "vertical", size: "middle", style: { width: "100%" }, children: renderInputs(10) }) }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { ...styles.rightAlign, marginTop: 20 }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Skeleton$1.Input, { size: "small", active: true }) })
+      /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsx(Space, { direction: "vertical", size: "middle", style: { width: "100%" }, children: renderInputs(10) }) }),
+      /* @__PURE__ */ jsx("div", { style: { ...styles.rightAlign, marginTop: 20 }, children: /* @__PURE__ */ jsx(Skeleton$1.Input, { size: "small", active: true }) })
     ] });
   }
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Card, { children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { display: "grid", rowGap: 8 }, children: renderInputs(3) }) });
+  return /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsx("div", { style: { display: "grid", rowGap: 8 }, children: renderInputs(3) }) });
 };
 const styles = {
   rightAlign: {

package/es/ui/Space.js

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

package/es/ui/Spin.js

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

package/es/ui/Splitter.js

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

package/es/ui/Statistic.js

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

package/es/ui/Steps.js

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

package/es/ui/Tabs.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from '../chunks/jsx-runtime-DFKOoQSG.js';
+import { jsx } from 'react/jsx-runtime';
 import React__default, { useEffect } from 'react';
 import { Tabs as Tabs$1 } from 'antd';
 
@@ -62,7 +62,7 @@ const Tabs = ({
       setActiveTabKey(defaultKey);
     }
   }, [activeTabKey, defaultKey, setActiveTabKey]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+  return /* @__PURE__ */ jsx(
     Tabs$1,
     {
       items,

package/es/ui/Tag.js

@@ -1,9 +1,9 @@
-import { j as jsxRuntimeExports } from '../chunks/jsx-runtime-DFKOoQSG.js';
+import { jsxs } from 'react/jsx-runtime';
 import { Tag as Tag$1 } from 'antd';
 
 const Tag = (props) => {
   const { children, ...rest } = props;
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(Tag$1, { ...rest, children: [
+  return /* @__PURE__ */ jsxs(Tag$1, { ...rest, children: [
     " ",
     children
   ] });

package/es/ui/TimeRangePicker.js

@@ -0,0 +1,9 @@
+import { jsx } from 'react/jsx-runtime';
+import { TimePicker } from 'antd';
+
+const { RangePicker } = TimePicker;
+const TimeRangePicker = (props) => {
+  return /* @__PURE__ */ jsx(RangePicker, { ...props });
+};
+
+export { TimeRangePicker };

package/es/ui/Timeline.js

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

package/es/ui/Tooltip.js

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

package/es/ui/Tour.js

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

package/es/ui/Tree.js

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

package/es/ui/Typography.js

@@ -1,11 +1,11 @@
-import { j as jsxRuntimeExports } from '../chunks/jsx-runtime-DFKOoQSG.js';
+import { jsx } from 'react/jsx-runtime';
 import { Typography as Typography$1 } from 'antd';
 
 const { Title, Paragraph, Text } = Typography$1;
 const Typography = {
-  Title: (props) => /* @__PURE__ */ jsxRuntimeExports.jsx(Title, { ...props }),
-  Paragraph: (props) => /* @__PURE__ */ jsxRuntimeExports.jsx(Paragraph, { ...props }),
-  Text: (props) => /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { ...props })
+  Title: (props) => /* @__PURE__ */ jsx(Title, { ...props }),
+  Paragraph: (props) => /* @__PURE__ */ jsx(Paragraph, { ...props }),
+  Text: (props) => /* @__PURE__ */ jsx(Text, { ...props })
 };
 
 export { Typography };

package/es/ui/UploadImage.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from '../chunks/jsx-runtime-DFKOoQSG.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import * as React from 'react';
 import { useState } from 'react';
 import { Upload, Image, Tooltip, message } from 'antd';
@@ -69,13 +69,13 @@ const UploadImage = ({
     customRequest: handleUpload,
     showUploadList: false
   };
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Dragger, { ...props, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: loading ? /* @__PURE__ */ jsxRuntimeExports.jsx(Spin, {}) : imageUrl ? /* @__PURE__ */ jsxRuntimeExports.jsxs(
+  return /* @__PURE__ */ jsx(Dragger, { ...props, children: /* @__PURE__ */ jsx("div", { children: loading ? /* @__PURE__ */ jsx(Spin, {}) : imageUrl ? /* @__PURE__ */ jsxs(
     "div",
     {
       onClick: (e) => e.stopPropagation(),
       className: "w-full rounded-md relative",
       children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
+        /* @__PURE__ */ jsx(
           Image,
           {
             src: imageUrl,
@@ -84,7 +84,7 @@ const UploadImage = ({
             className: "rounded-md"
           }
         ),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, { title: "Xóa ảnh", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        /* @__PURE__ */ jsx(Tooltip, { title: "Xóa ảnh", children: /* @__PURE__ */ jsx(
           "button",
           {
             onClick: (e) => {
@@ -92,13 +92,13 @@ const UploadImage = ({
               handleRemoveImage();
             },
             className: "absolute top-1 right-1 w-6 h-6 flex items-center justify-center bg-white cursor-pointer bg-opacity-80 rounded-full hover:bg-opacity-100 transition",
-            children: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon, { className: "text-black text-[12px]" })
+            children: /* @__PURE__ */ jsx(RefIcon, { className: "text-black text-[12px]" })
           }
         ) })
       ]
     }
-  ) : /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ant-upload-drag-icon flex items-center justify-center mb-4", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+  ) : /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx("div", { className: "ant-upload-drag-icon flex items-center justify-center mb-4", children: /* @__PURE__ */ jsx(
       "img",
       {
         src: logoUpload,
@@ -108,8 +108,8 @@ const UploadImage = ({
         className: "rounded-md w-full h-full"
       }
     ) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "ant-upload-text text-[#116DFF] text-[14px] font-[400]", children: "Tải hình ảnh lên" }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "ant-upload-hint text-[14px] font-[400]", children: "Ảnh có kích thước 400x400 px và dung lượng dưới 1MB" })
+    /* @__PURE__ */ jsx("p", { className: "ant-upload-text text-[#116DFF] text-[14px] font-[400]", children: "Tải hình ảnh lên" }),
+    /* @__PURE__ */ jsx("p", { className: "ant-upload-hint text-[14px] font-[400]", children: "Ảnh có kích thước 400x400 px và dung lượng dưới 1MB" })
   ] }) }) });
 };
 

package/es/ui/Watermark.js

@@ -1,15 +1,15 @@
-import { j as jsxRuntimeExports } from '../chunks/jsx-runtime-DFKOoQSG.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { Flex, Watermark as Watermark$1, Typography } from 'antd';
 
 const Watermark = ({ ...rest }) => {
   const { Paragraph } = Typography;
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Flex, { gap: "middle", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Watermark$1, { ...rest, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs(Typography, { children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Paragraph, { children: "The light-speed iteration of the digital world makes products more complex. However, human consciousness and attention resources are limited. Facing this design contradiction, the pursuit of natural interaction will be the consistent direction of Ant Design." }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Paragraph, { children: "Natural user cognition: According to cognitive psychology, about 80% of external information is obtained through visual channels. The most important visual elements in the interface design, including layout, colors, illustrations, icons, etc., should fully absorb the laws of nature, thereby reducing the user's cognitive cost and bringing authentic and smooth feelings. In some scenarios, opportunely adding other sensory channels such as hearing, touch can create a richer and more natural product experience." }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Paragraph, { children: "Natural user behavior: In the interaction with the system, the designer should fully understand the relationship between users, system roles, and task objectives, and also contextually organize system functions and services. At the same time, a series of methods such as behavior analysis, artificial intelligence and sensors could be applied to assist users to make effective decisions and reduce extra operations of users, to save users' mental and physical resources and make human-computer interaction more natural." })
+  return /* @__PURE__ */ jsx(Flex, { gap: "middle", children: /* @__PURE__ */ jsxs(Watermark$1, { ...rest, children: [
+    /* @__PURE__ */ jsxs(Typography, { children: [
+      /* @__PURE__ */ jsx(Paragraph, { children: "The light-speed iteration of the digital world makes products more complex. However, human consciousness and attention resources are limited. Facing this design contradiction, the pursuit of natural interaction will be the consistent direction of Ant Design." }),
+      /* @__PURE__ */ jsx(Paragraph, { children: "Natural user cognition: According to cognitive psychology, about 80% of external information is obtained through visual channels. The most important visual elements in the interface design, including layout, colors, illustrations, icons, etc., should fully absorb the laws of nature, thereby reducing the user's cognitive cost and bringing authentic and smooth feelings. In some scenarios, opportunely adding other sensory channels such as hearing, touch can create a richer and more natural product experience." }),
+      /* @__PURE__ */ jsx(Paragraph, { children: "Natural user behavior: In the interaction with the system, the designer should fully understand the relationship between users, system roles, and task objectives, and also contextually organize system functions and services. At the same time, a series of methods such as behavior analysis, artificial intelligence and sensors could be applied to assist users to make effective decisions and reduce extra operations of users, to save users' mental and physical resources and make human-computer interaction more natural." })
     ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
+    /* @__PURE__ */ jsx(
       "img",
       {
         style: {