next-recomponents 2.0.2 → 2.0.3

package/dist/index.js

@@ -3488,7 +3488,6 @@ var require_link2 = __commonJS({
 // src/index.tsx
 var index_exports = {};
 __export(index_exports, {
-  Alert: () => Alert,
   Button: () => Button,
   Container: () => Container,
   DocumentViewer: () => DocumentViewer,
@@ -3505,10 +3504,14 @@ __export(index_exports, {
   useDates: () => useDates,
   useExcel: () => useExcel,
   useFormValues: () => useFormValues,
+  usePopup: () => alert_default,
   useResources: () => useResources
 });
 module.exports = __toCommonJS(index_exports);
 
+// src/button/index.tsx
+var import_react = require("react");
+
 // src/button/colors.tsx
 var catColor = {
   white: "bg-white text-black",
@@ -3520,26 +3523,8 @@ var catColor = {
   success: "bg-green-500 text-white"
 };
 
-// src/alert/index.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
-function Alert({
-  color = "primary",
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    "div",
-    {
-      className: [catColor[color], "p-2 rounded shadow border"].join(" "),
-      ...props,
-      children
-    }
-  );
-}
-
 // src/button/index.tsx
-var import_react = require("react");
-var import_jsx_runtime2 = require("react/jsx-runtime");
+var import_jsx_runtime = require("react/jsx-runtime");
 function Button({
   className,
   size = "small",
@@ -3551,7 +3536,7 @@ function Button({
   ...props
 }) {
   const [isLoading, setIsloading] = (0, import_react.useState)(false);
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     "button",
     {
       ...Object.assign(
@@ -3588,9 +3573,9 @@ function Button({
 var import_react2 = require("react");
 
 // src/container/icons.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime");
+var import_jsx_runtime2 = require("react/jsx-runtime");
 function MenuIcon() {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
     "svg",
     {
       stroke: "currentColor",
@@ -3600,12 +3585,12 @@ function MenuIcon() {
       height: "20px",
       width: "20px",
       xmlns: "http://www.w3.org/2000/svg",
-      children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M32 96v64h448V96H32zm0 128v64h448v-64H32zm0 128v64h448v-64H32z" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M32 96v64h448V96H32zm0 128v64h448v-64H32zm0 128v64h448v-64H32z" })
     }
   );
 }
 function HomeIcon() {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
     "svg",
     {
       stroke: "currentColor",
@@ -3615,12 +3600,12 @@ function HomeIcon() {
       height: "20px",
       width: "20px",
       xmlns: "http://www.w3.org/2000/svg",
-      children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M280.37 148.26L96 300.11V464a16 16 0 0 0 16 16l112.06-.29a16 16 0 0 0 15.92-16V368a16 16 0 0 1 16-16h64a16 16 0 0 1 16 16v95.64a16 16 0 0 0 16 16.05L464 480a16 16 0 0 0 16-16V300L295.67 148.26a12.19 12.19 0 0 0-15.3 0zM571.6 251.47L488 182.56V44.05a12 12 0 0 0-12-12h-56a12 12 0 0 0-12 12v72.61L318.47 43a48 48 0 0 0-61 0L4.34 251.47a12 12 0 0 0-1.6 16.9l25.5 31A12 12 0 0 0 45.15 301l235.22-193.74a12.19 12.19 0 0 1 15.3 0L530.9 301a12 12 0 0 0 16.9-1.6l25.5-31a12 12 0 0 0-1.7-16.93z" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M280.37 148.26L96 300.11V464a16 16 0 0 0 16 16l112.06-.29a16 16 0 0 0 15.92-16V368a16 16 0 0 1 16-16h64a16 16 0 0 1 16 16v95.64a16 16 0 0 0 16 16.05L464 480a16 16 0 0 0 16-16V300L295.67 148.26a12.19 12.19 0 0 0-15.3 0zM571.6 251.47L488 182.56V44.05a12 12 0 0 0-12-12h-56a12 12 0 0 0-12 12v72.61L318.47 43a48 48 0 0 0-61 0L4.34 251.47a12 12 0 0 0-1.6 16.9l25.5 31A12 12 0 0 0 45.15 301l235.22-193.74a12.19 12.19 0 0 1 15.3 0L530.9 301a12 12 0 0 0 16.9-1.6l25.5-31a12 12 0 0 0-1.7-16.93z" })
     }
   );
 }
 function ArrowUpIcon() {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
     "svg",
     {
       stroke: "currentColor",
@@ -3632,12 +3617,12 @@ function ArrowUpIcon() {
       height: "20px",
       width: "20px",
       xmlns: "http://www.w3.org/2000/svg",
-      children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M18.2 13.3l-6.2-6.3-6.2 6.3c-.2.2-.3.5-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7z" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M18.2 13.3l-6.2-6.3-6.2 6.3c-.2.2-.3.5-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7z" })
     }
   );
 }
 function ArrowDownIcon() {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
     "svg",
     {
       stroke: "currentColor",
@@ -3649,14 +3634,14 @@ function ArrowDownIcon() {
       height: "20px",
       width: "20px",
       xmlns: "http://www.w3.org/2000/svg",
-      children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M5.8 9.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.4-.3.7s.1.5.3.7z" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M5.8 9.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.4-.3.7s.1.5.3.7z" })
     }
   );
 }
 
 // src/container/index.tsx
 var import_link = __toESM(require_link2());
-var import_jsx_runtime4 = require("react/jsx-runtime");
+var import_jsx_runtime3 = require("react/jsx-runtime");
 function Container({
   children,
   appName,
@@ -3680,10 +3665,10 @@ function Container({
       }
     }
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "flex flex-col h-screen", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("header", { className: "z-40", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "bg-blue-600 text-white p-4 flex justify-between items-center shadow-md", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "flex flex-col h-screen", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("header", { className: "z-40", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "bg-blue-600 text-white p-4 flex justify-between items-center shadow-md", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
           "button",
           {
             onClick: () => {
@@ -3691,20 +3676,20 @@ function Container({
               handleClick(!isSidebarOpen);
             },
             className: "bg-blue-600 text-white px-2 py-1 rounded-r",
-            children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(MenuIcon, {})
+            children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(MenuIcon, {})
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("h1", { className: "text-xl font-bold", children: appName })
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("h1", { className: "text-xl font-bold", children: appName })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
         "div",
         {
           className: ` gap-2 bg-blue-400 text-white ${isSidebarOpen ? "px-[270px]" : "px-[60px]"} hidden sm:flex`,
-          children: navItems && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_jsx_runtime4.Fragment, { children: [
-            { location: "/", name: "Home", icon: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(HomeIcon, {}) },
+          children: navItems && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_jsx_runtime3.Fragment, { children: [
+            { location: "/", name: "Home", icon: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(HomeIcon, {}) },
             ...navItems
           ].map((li, k) => {
-            return li && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+            return li && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
               import_link.default,
               {
                 href: li.location,
@@ -3720,16 +3705,16 @@ function Container({
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "flex flex-1 overflow-hidden relative", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "flex flex-1 overflow-hidden relative", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
         "div",
         {
           style: {
             width: typeof window !== "undefined" && (window == null ? void 0 : window.innerWidth) < 768 ? isSidebarOpen ? "100%" : 0 : isSidebarOpen ? 250 : 60
           },
           className: "bg-blue-500 text-white overflow-y-auto fixed md:static top-0 left-0 h-full z-50 md:z-auto transition-all duration-300 ease-in-out",
-          children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "p-4 ", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("ul", { className: "space-y-3", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "p-4 ", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("ul", { className: "space-y-3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
               "li",
               {
                 className: "p-2  md:hidden flex items-center justify-between font-bold",
@@ -3738,7 +3723,7 @@ function Container({
                   handleClick(false);
                 },
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(MenuIcon, {}),
+                  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(MenuIcon, {}),
                   " ",
                   appName
                 ]
@@ -3747,17 +3732,17 @@ function Container({
             ),
             menuList && menuList.map((itemMenu, k) => {
               const letra = `${itemMenu == null ? void 0 : itemMenu.name}`.split("")[0];
-              const icon = /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_jsx_runtime4.Fragment, { children: (itemMenu == null ? void 0 : itemMenu.icon) || /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "px-1 border shadow rounded", children: letra }) });
-              return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+              const icon = /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_jsx_runtime3.Fragment, { children: (itemMenu == null ? void 0 : itemMenu.icon) || /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "px-1 border shadow rounded", children: letra }) });
+              return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
                 import_link.default,
                 {
                   href: (itemMenu == null ? void 0 : itemMenu.location) || "#",
                   children: [
-                    isSidebarOpen && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "text-sm flex p-1 gap-1 items-center hover:bg-gray-200 hover:text-black rounded", children: [
+                    isSidebarOpen && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "text-sm flex p-1 gap-1 items-center hover:bg-gray-200 hover:text-black rounded", children: [
                       icon,
-                      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: " truncate", children: itemMenu == null ? void 0 : itemMenu.name })
+                      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: " truncate", children: itemMenu == null ? void 0 : itemMenu.name })
                     ] }),
-                    !isSidebarOpen && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "text-sm hover:bg-gray-200 hover:text-black rounded p-1", children: icon })
+                    !isSidebarOpen && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "text-sm hover:bg-gray-200 hover:text-black rounded p-1", children: icon })
                   ]
                 }
               ) }, k);
@@ -3765,7 +3750,7 @@ function Container({
           ] }) })
         }
       ),
-      isSidebarOpen && typeof window !== "undefined" && window.innerWidth < 768 && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      isSidebarOpen && typeof window !== "undefined" && window.innerWidth < 768 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
         "div",
         {
           className: "fixed inset-0 bg-black bg-opacity-40 z-40",
@@ -3775,21 +3760,21 @@ function Container({
           }
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("main", { className: "flex-1 overflow-auto p-4 bg-gray-100 z-10 md:ml-0 ", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "flex md:flex-row flex-col h-full gap-4 ", children: [
-        leftPanel && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("aside", { className: "w-full md:w-64 flex-shrink-0 text-xs text-blue-600 bg-gray-200 p-5 border rounded", children: leftPanel }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("section", { className: "flex-1", children })
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("main", { className: "flex-1 overflow-auto p-4 bg-gray-100 z-10 md:ml-0 ", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "flex md:flex-row flex-col h-full gap-4 ", children: [
+        leftPanel && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("aside", { className: "w-full md:w-64 flex-shrink-0 text-xs text-blue-600 bg-gray-200 p-5 border rounded", children: leftPanel }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("section", { className: "flex-1", children })
       ] }) })
     ] }),
-    footPanel && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "bg-blue-100 overflow-hidden ", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "flex justify-center items-center p-2", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    footPanel && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "bg-blue-100 overflow-hidden ", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "flex justify-center items-center p-2", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
         "button",
         {
           onClick: () => setIsFooterOpen(!isFooterOpen),
           className: "text-blue-700",
-          children: isFooterOpen ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(ArrowDownIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(ArrowUpIcon, {})
+          children: isFooterOpen ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ArrowDownIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ArrowUpIcon, {})
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
         "div",
         {
           style: isFooterOpen ? { maxHeight: "500px" } : { maxHeight: "0px" },
@@ -3803,7 +3788,7 @@ function Container({
 
 // src/form/index.tsx
 var import_react3 = __toESM(require("react"));
-var import_jsx_runtime5 = require("react/jsx-runtime");
+var import_jsx_runtime4 = require("react/jsx-runtime");
 function useFormValues(initial) {
   const reducer = (state, action) => {
     return { ...state, ...action };
@@ -3843,7 +3828,7 @@ function Form({
     }
     return false;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
     "form",
     {
       ...otherProps,
@@ -3878,14 +3863,14 @@ function Form({
           }
           return child;
         }),
-        isLoading && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "fixed top-0 left-0 w-full h-screen flex items-center justify-center bg-white bg-opacity-50", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { children: loader }) })
+        isLoading && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "fixed top-0 left-0 w-full h-screen flex items-center justify-center bg-white bg-opacity-50", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { children: loader }) })
       ]
     }
   );
 }
 
 // src/input/index.tsx
-var import_jsx_runtime6 = require("react/jsx-runtime");
+var import_jsx_runtime5 = require("react/jsx-runtime");
 function Input({
   label,
   className,
@@ -3895,14 +3880,14 @@ function Input({
 }) {
   const value = `${(props == null ? void 0 : props.value) || ""}`;
   const isValid = !regex ? true : regex.test(value);
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "w-full", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("label", { className: "flex flex-col gap-1", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "font-bold ", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "w-full", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { className: "flex flex-col gap-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "font-bold ", children: [
         label,
         " ",
-        (props == null ? void 0 : props.required) && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "text-red-500", children: "*" })
+        (props == null ? void 0 : props.required) && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "text-red-500", children: "*" })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
         "input",
         {
           ...props,
@@ -3915,7 +3900,7 @@ function Input({
         }
       ) })
     ] }),
-    !isValid && value != "" && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "text-red-800 invalid", children: invalidMessage })
+    !isValid && value != "" && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "text-red-800 invalid", children: invalidMessage })
   ] });
 }
 
@@ -35694,14 +35679,14 @@ function useExcel() {
 
 // src/table/index.tsx
 var import_material2 = require("@mui/material");
-var import_jsx_runtime7 = require("react/jsx-runtime");
+var import_jsx_runtime6 = require("react/jsx-runtime");
 function Table(props) {
   if (Array.isArray(props.data)) {
-    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(IHTable, { ...props });
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(IHTable, { ...props });
   } else {
-    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: " bg-white border shadow rounded p-1", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("table", { className: "rounded", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("tbody", { children: Object.keys(props.data).map((k) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("tr", { className: "border-b ", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("th", { className: "font-bold p-3 text-right", children: k }),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: " bg-white border shadow rounded p-1", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("table", { className: "rounded", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("tbody", { children: Object.keys(props.data).map((k) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("tr", { className: "border-b ", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("th", { className: "font-bold p-3 text-right", children: k }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
         "td",
         {
           className: typeof props.data[k] === "number" ? "text-right" : "text-center",
@@ -35712,7 +35697,7 @@ function Table(props) {
   }
 }
 function EditIcon() {
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
     "svg",
     {
       stroke: "currentColor",
@@ -35722,7 +35707,7 @@ function EditIcon() {
       height: "20px",
       width: "20px",
       xmlns: "http://www.w3.org/2000/svg",
-      children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("path", { d: "M402.6 83.2l90.2 90.2c3.8 3.8 3.8 10 0 13.8L274.4 405.6l-92.8 10.3c-12.4 1.4-22.9-9.1-21.5-21.5l10.3-92.8L388.8 83.2c3.8-3.8 10-3.8 13.8 0zm162-22.9l-48.8-48.8c-15.2-15.2-39.9-15.2-55.2 0l-35.4 35.4c-3.8 3.8-3.8 10 0 13.8l90.2 90.2c3.8 3.8 10 3.8 13.8 0l35.4-35.4c15.2-15.3 15.2-40 0-55.2zM384 346.2V448H64V128h229.8c3.2 0 6.2-1.3 8.5-3.5l40-40c7.6-7.6 2.2-20.5-8.5-20.5H48C21.5 64 0 85.5 0 112v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V306.2c0-10.7-12.9-16-20.5-8.5l-40 40c-2.2 2.3-3.5 5.3-3.5 8.5z" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M402.6 83.2l90.2 90.2c3.8 3.8 3.8 10 0 13.8L274.4 405.6l-92.8 10.3c-12.4 1.4-22.9-9.1-21.5-21.5l10.3-92.8L388.8 83.2c3.8-3.8 10-3.8 13.8 0zm162-22.9l-48.8-48.8c-15.2-15.2-39.9-15.2-55.2 0l-35.4 35.4c-3.8 3.8-3.8 10 0 13.8l90.2 90.2c3.8 3.8 10 3.8 13.8 0l35.4-35.4c15.2-15.3 15.2-40 0-55.2zM384 346.2V448H64V128h229.8c3.2 0 6.2-1.3 8.5-3.5l40-40c7.6-7.6 2.2-20.5-8.5-20.5H48C21.5 64 0 85.5 0 112v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V306.2c0-10.7-12.9-16-20.5-8.5l-40 40c-2.2 2.3-3.5 5.3-3.5 8.5z" })
     }
   );
 }
@@ -35792,14 +35777,14 @@ function IHTable({
         type: "string",
         renderCell: (params) => {
           var _a;
-          return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
             Button,
             {
               className: "text-xs",
               onClick: () => {
                 handleOpen();
               },
-              icon: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(EditIcon, {}),
+              icon: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(EditIcon, {}),
               children: (_a = params == null ? void 0 : params.row) == null ? void 0 : _a["Modal"]
             }
           );
@@ -35835,7 +35820,7 @@ function IHTable({
     }
     return filtered2;
   }, [selectedRows]);
-  return rows.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+  return rows.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
     import_material.Box,
     {
       sx: {
@@ -35846,8 +35831,8 @@ function IHTable({
         zIndex: 999999999
       },
       children: [
-        modal && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_material2.Dialog, { open, onClose: handleClose, maxWidth: "xl", fullWidth: true, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "flex justify-end", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+        modal && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_material2.Dialog, { open, onClose: handleClose, maxWidth: "xl", fullWidth: true, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "flex justify-end", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
             "button",
             {
               onClick: () => {
@@ -35857,15 +35842,15 @@ function IHTable({
               children: "\xD7"
             }
           ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "mt-4 m-auto p-5", children: selectedRows && Array.from(selectedRows == null ? void 0 : selectedRows.ids).length > 0 && import_react4.default.cloneElement(modal, {
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "mt-4 m-auto p-5", children: selectedRows && Array.from(selectedRows == null ? void 0 : selectedRows.ids).length > 0 && import_react4.default.cloneElement(modal, {
             row: rows.find(
               (r) => Array.from(selectedRows == null ? void 0 : selectedRows.ids).includes(r.id)
             )
           }) })
         ] }),
-        header && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "font-bold text-xl p-2 bg-blue-500 text-white border shadow rounded", children: header }),
-        (exportName || onSave || onSelect) && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex gap-2 bg-gray-200 border shadow rounded p-2", children: [
-          exportName && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+        header && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "font-bold text-xl p-2 bg-blue-500 text-white border shadow rounded", children: header }),
+        (exportName || onSave || onSelect) && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex gap-2 bg-gray-200 border shadow rounded p-2", children: [
+          exportName && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
             Button,
             {
               className: "bg-green-800 text-white",
@@ -35878,7 +35863,7 @@ function IHTable({
               children: "Exportar"
             }
           ),
-          onSelect ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+          onSelect ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
             Button,
             {
               disabled: filtered.length == 0,
@@ -35888,7 +35873,7 @@ function IHTable({
               },
               children: "Guardar Selecci\xF3n"
             }
-          ) : onSave && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+          ) : onSave && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
             Button,
             {
               onClick: (e) => {
@@ -35898,7 +35883,7 @@ function IHTable({
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
           import_x_data_grid.DataGrid,
           {
             rows,
@@ -35919,7 +35904,7 @@ function IHTable({
             pageSizeOptions: [5, 10]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(CustomFooter, { footer: footer || {}, rows })
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(CustomFooter, { footer: footer || {}, rows })
       ]
     }
   );
@@ -35946,23 +35931,23 @@ function CustomFooter({
     avg: "Promedio",
     count: "Conteo"
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "flex justify-end gap-6 px-4 py-2 bg-gray-100 border-t border-gray-300 text-sm font-semibold text-gray-700", children: entries.map(([key, type]) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "flex justify-end gap-6 px-4 py-2 bg-gray-100 border-t border-gray-300 text-sm font-semibold text-gray-700", children: entries.map(([key, type]) => {
     const value = compute(key, type);
     const formatted = type === "avg" ? value.toLocaleString(void 0, { maximumFractionDigits: 2 }) : value.toLocaleString();
-    return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { children: [
       label[type],
       " de ",
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "text-gray-900", children: key }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "text-gray-900", children: key }),
       ":",
       " ",
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "text-blue-700", children: formatted })
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "text-blue-700", children: formatted })
     ] }, key);
   }) });
 }
 
 // src/text-area/index.tsx
 var import_react5 = require("react");
-var import_jsx_runtime8 = require("react/jsx-runtime");
+var import_jsx_runtime7 = require("react/jsx-runtime");
 function TextArea({
   label,
   className,
@@ -35972,14 +35957,14 @@ function TextArea({
   ...props
 }) {
   const [value, setValue] = (0, import_react5.useState)((props == null ? void 0 : props.value) || "");
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "w-full", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { className: "flex flex-col gap-1", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "font-bold ", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "w-full", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("label", { className: "flex flex-col gap-1", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "font-bold ", children: [
       label,
       " ",
-      (props == null ? void 0 : props.required) && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "text-red-500", children: "*" })
+      (props == null ? void 0 : props.required) && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "text-red-500", children: "*" })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
         "textarea",
         {
           ...props,
@@ -35996,7 +35981,7 @@ function TextArea({
           }
         }
       ),
-      maxLength && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: " text-xs text-gray text-right", children: [
+      maxLength && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: " text-xs text-gray text-right", children: [
         value.length,
         " / ",
         maxLength
@@ -36496,9 +36481,9 @@ function useResources({
 var import_react8 = __toESM(require("react"));
 
 // src/select/icon.tsx
-var import_jsx_runtime9 = require("react/jsx-runtime");
+var import_jsx_runtime8 = require("react/jsx-runtime");
 function SelectIcon() {
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
     "svg",
     {
       stroke: "currentColor",
@@ -36508,15 +36493,15 @@ function SelectIcon() {
       height: "20px",
       width: "20px",
       xmlns: "http://www.w3.org/2000/svg",
-      children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("path", { d: "M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("path", { d: "M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z" })
     }
   );
 }
 
 // src/select/close.tsx
-var import_jsx_runtime10 = require("react/jsx-runtime");
+var import_jsx_runtime9 = require("react/jsx-runtime");
 function CloseIcon() {
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
     "svg",
     {
       stroke: "currentColor",
@@ -36526,13 +36511,13 @@ function CloseIcon() {
       height: "20px",
       width: "20px",
       xmlns: "http://www.w3.org/2000/svg",
-      children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("path", { d: "M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm86.63 272L320 342.63l-64-64-64 64L169.37 320l64-64-64-64L192 169.37l64 64 64-64L342.63 192l-64 64z" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("path", { d: "M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm86.63 272L320 342.63l-64-64-64 64L169.37 320l64-64-64-64L192 169.37l64 64 64-64L342.63 192l-64 64z" })
     }
   );
 }
 
 // src/select/index.tsx
-var import_jsx_runtime11 = require("react/jsx-runtime");
+var import_jsx_runtime10 = require("react/jsx-runtime");
 function Select({
   label,
   placeholder = "Selecciona...",
@@ -36612,14 +36597,14 @@ function Select({
       }
     }
   }, [isOpen]);
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { ref: containerRef, className: "w-full", children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("label", { className: "font-bold mb-1 block", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { ref: containerRef, className: "w-full", children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("label", { className: "font-bold mb-1 block", children: [
       label,
       " ",
-      (props == null ? void 0 : props.required) && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "text-red-500", children: "*" })
+      (props == null ? void 0 : props.required) && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "text-red-500", children: "*" })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "relative", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "relative", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
         "input",
         {
           autoComplete: "off",
@@ -36658,8 +36643,8 @@ function Select({
           onKeyDown: handleKeyDown
         }
       ),
-      !isOpen && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "absolute top-0 right-0 flex flex-col justify-center items-center px-2 py-2 font-bold", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(SelectIcon, {}) }),
-      isOpen && inputValue != "" && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+      !isOpen && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "absolute top-0 right-0 flex flex-col justify-center items-center px-2 py-2 font-bold", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SelectIcon, {}) }),
+      isOpen && inputValue != "" && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
         "button",
         {
           onClick: (e) => {
@@ -36674,15 +36659,15 @@ function Select({
           },
           className: "absolute top-0 right-0 flex flex-col justify-center items-center px-2 py-2 font-bold text-red-500",
           style: { zIndex: 999999999 },
-          children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(CloseIcon, {})
+          children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(CloseIcon, {})
         }
       ),
-      isOpen && filtered.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+      isOpen && filtered.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
         "div",
         {
           style: { zIndex: 9999999999 },
           className: `absolute w-full border rounded shadow bg-white z-10 max-h-100  overflow-y-auto ${openUpwards ? "bottom-full mb-1" : "mt-1"}`,
-          children: filtered.map((opt, index) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+          children: filtered.map((opt, index) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
             "div",
             {
               className: `p-2 cursor-pointer ${index === highlightedIndex ? "bg-blue-100" : "hover:bg-gray-100"}`,
@@ -36718,7 +36703,7 @@ function Select({
         }
       )
     ] }),
-    isOpen && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+    isOpen && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
       "div",
       {
         style: { zIndex: 1 },
@@ -36736,9 +36721,9 @@ function Select({
 var import_react9 = __toESM(require("react"));
 
 // src/modal/close.tsx
-var import_jsx_runtime12 = require("react/jsx-runtime");
+var import_jsx_runtime11 = require("react/jsx-runtime");
 function CloseIcon2() {
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
     "svg",
     {
       stroke: "currentColor",
@@ -36748,14 +36733,14 @@ function CloseIcon2() {
       height: "20px",
       width: "20px",
       xmlns: "http://www.w3.org/2000/svg",
-      children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", { d: "M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm86.63 272L320 342.63l-64-64-64 64L169.37 320l64-64-64-64L192 169.37l64 64 64-64L342.63 192l-64 64z" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("path", { d: "M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm86.63 272L320 342.63l-64-64-64 64L169.37 320l64-64-64-64L192 169.37l64 64 64-64L342.63 192l-64 64z" })
     }
   );
 }
 
 // src/modal/index.tsx
 var import_material3 = require("@mui/material");
-var import_jsx_runtime13 = require("react/jsx-runtime");
+var import_jsx_runtime12 = require("react/jsx-runtime");
 function Modal({ button, children, ref, title = "" }) {
   const [open, setOpen] = (0, import_react9.useState)(false);
   function show() {
@@ -36764,7 +36749,7 @@ function Modal({ button, children, ref, title = "" }) {
   function hide() {
     setOpen(false);
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_jsx_runtime12.Fragment, { children: [
     import_react9.default.Children.map(button, (child) => {
       if (import_react9.default.isValidElement(child)) {
         const { type, props } = child;
@@ -36779,17 +36764,17 @@ function Modal({ button, children, ref, title = "" }) {
       }
       return child;
     }),
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_material3.Dialog, { open, onClose: hide, fullWidth: true, maxWidth: "xl", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "m-auto p-5", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material3.Dialog, { open, onClose: hide, fullWidth: true, maxWidth: "xl", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "m-auto p-5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
         "button",
         {
           onClick: hide,
           className: "absolute top-0 right-0 text-red-500  ",
-          children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(CloseIcon2, {})
+          children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(CloseIcon2, {})
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "font-bold text-xl", children: title }),
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "flex flex-col gap-3 pt-6", children: import_react9.default.Children.map(children, (child) => {
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "font-bold text-xl", children: title }),
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "flex flex-col gap-3 pt-6", children: import_react9.default.Children.map(children, (child) => {
         if (import_react9.default.isValidElement(child)) {
           const { type, props } = child;
           return import_react9.default.createElement(type, { ...props, hide });
@@ -36801,10 +36786,10 @@ function Modal({ button, children, ref, title = "" }) {
 }
 
 // src/pre/index.tsx
-var import_jsx_runtime14 = require("react/jsx-runtime");
+var import_jsx_runtime13 = require("react/jsx-runtime");
 var Pre = ({ data }) => {
   const formatted = JSON.stringify(data, null, 2);
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
     "pre",
     {
       style: {
@@ -36853,9 +36838,9 @@ var import_react10 = require("react");
 var import_react_datepicker = __toESM(require("react-datepicker"));
 
 // src/calendar/calendar.icon.tsx
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_jsx_runtime14 = require("react/jsx-runtime");
 function CalendarIcon() {
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     "svg",
     {
       stroke: "currentColor",
@@ -36865,14 +36850,14 @@ function CalendarIcon() {
       height: "20px",
       width: "20px",
       xmlns: "http://www.w3.org/2000/svg",
-      children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("path", { d: "M12 192h424c6.6 0 12 5.4 12 12v260c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V204c0-6.6 5.4-12 12-12zm436-44v-36c0-26.5-21.5-48-48-48h-48V12c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v52H160V12c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v52H48C21.5 64 0 85.5 0 112v36c0 6.6 5.4 12 12 12h424c6.6 0 12-5.4 12-12z" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("path", { d: "M12 192h424c6.6 0 12 5.4 12 12v260c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V204c0-6.6 5.4-12 12-12zm436-44v-36c0-26.5-21.5-48-48-48h-48V12c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v52H160V12c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v52H48C21.5 64 0 85.5 0 112v36c0 6.6 5.4 12 12 12h424c6.6 0 12-5.4 12-12z" })
     }
   );
 }
 
 // src/calendar/index.tsx
 var import_material4 = require("@mui/material");
-var import_jsx_runtime16 = require("react/jsx-runtime");
+var import_jsx_runtime15 = require("react/jsx-runtime");
 function MyCalendar({
   enabledDates,
   onChange,
@@ -36903,20 +36888,20 @@ function MyCalendar({
   if (!(enabledDates == null ? void 0 : enabledDates.length)) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "relative", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("label", { className: "flex flex-col gap-1", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "font-bold", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "relative", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("label", { className: "flex flex-col gap-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "font-bold", children: [
         label,
         " ",
-        (otherProps == null ? void 0 : otherProps.required) && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "text-red-500", children: "*" })
+        (otherProps == null ? void 0 : otherProps.required) && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "text-red-500", children: "*" })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
         "div",
         {
           className: "cursor-pointer flex items-center justify-center",
           onClick: (e) => setOpen(true),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
               "input",
               {
                 ...otherProps,
@@ -36931,13 +36916,13 @@ function MyCalendar({
                 readOnly: true
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "absolute", style: { right: "10px" }, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(CalendarIcon, {}) })
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "absolute", style: { right: "10px" }, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(CalendarIcon, {}) })
           ]
         }
       ) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_material4.Dialog, { open, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "flex justify-end p-5 font-bold", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_material4.Dialog, { open, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "flex justify-end p-5 font-bold", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
         "button",
         {
           className: " border-lg w-[20px] bg-red-500 text-white shadow rounded",
@@ -36945,7 +36930,7 @@ function MyCalendar({
           children: "x"
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: " w-[300px] flex items-start justify-center h-[300px]  p-5", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: " w-[300px] flex items-start justify-center h-[300px]  p-5", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
         import_react_datepicker.default,
         {
           inline: true,
@@ -36959,9 +36944,9 @@ function MyCalendar({
 }
 
 // src/doc-viewer/icon.tsx
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_jsx_runtime16 = require("react/jsx-runtime");
 function Icon() {
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
     "svg",
     {
       stroke: "currentColor",
@@ -36971,13 +36956,13 @@ function Icon() {
       height: "200px",
       width: "200px",
       xmlns: "http://www.w3.org/2000/svg",
-      children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("path", { d: "M212.24,83.76l-56-56A6,6,0,0,0,152,26H56A14,14,0,0,0,42,40v88a6,6,0,0,0,12,0V40a2,2,0,0,1,2-2h90V88a6,6,0,0,0,6,6h50V216a2,2,0,0,1-2,2H176a6,6,0,0,0,0,12h24a14,14,0,0,0,14-14V88A6,6,0,0,0,212.24,83.76ZM158,46.48,193.52,82H158ZM108,130a50,50,0,0,0-46.66,32H60a34,34,0,0,0,0,68h48a50,50,0,0,0,0-100Zm0,88H60a22,22,0,0,1-1.65-43.94c-.06.47-.1.93-.15,1.4a6,6,0,1,0,12,1.08A38.57,38.57,0,0,1,71.3,170a5.71,5.71,0,0,0,.24-.86A38,38,0,1,1,108,218Z" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("path", { d: "M212.24,83.76l-56-56A6,6,0,0,0,152,26H56A14,14,0,0,0,42,40v88a6,6,0,0,0,12,0V40a2,2,0,0,1,2-2h90V88a6,6,0,0,0,6,6h50V216a2,2,0,0,1-2,2H176a6,6,0,0,0,0,12h24a14,14,0,0,0,14-14V88A6,6,0,0,0,212.24,83.76ZM158,46.48,193.52,82H158ZM108,130a50,50,0,0,0-46.66,32H60a34,34,0,0,0,0,68h48a50,50,0,0,0,0-100Zm0,88H60a22,22,0,0,1-1.65-43.94c-.06.47-.1.93-.15,1.4a6,6,0,1,0,12,1.08A38.57,38.57,0,0,1,71.3,170a5.71,5.71,0,0,0,.24-.86A38,38,0,1,1,108,218Z" })
     }
   );
 }
 
 // src/doc-viewer/index.tsx
-var import_jsx_runtime18 = require("react/jsx-runtime");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 function DocumentViewer({ item }) {
   const { url, name, contentType, width = "100%", height = "100%" } = item;
   const isImage = contentType.startsWith("image/");
@@ -36986,10 +36971,10 @@ function DocumentViewer({ item }) {
   const viewerUrl = isGoogleDocCompatible ? `https://docs.google.com/gview?url=${encodeURIComponent(
     url
   )}&embedded=true` : url;
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "border shadow rounded p-2 h-[100%]", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "mb-1 flex justify-between ", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("h3", { className: "font-bold", children: name }),
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "border shadow rounded p-2 h-[100%]", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "mb-1 flex justify-between ", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("h3", { className: "font-bold", children: name }),
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
         "a",
         {
           href: url,
@@ -37001,7 +36986,7 @@ function DocumentViewer({ item }) {
         }
       )
     ] }),
-    isImage ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    isImage ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
       "img",
       {
         src: url,
@@ -37014,7 +36999,7 @@ function DocumentViewer({ item }) {
           display: "block"
         }
       }
-    ) : isGoogleDocCompatible ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    ) : isGoogleDocCompatible ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
       "iframe",
       {
         title: name,
@@ -37022,7 +37007,7 @@ function DocumentViewer({ item }) {
         style: { width, height, border: "none" },
         allowFullScreen: true
       }
-    ) : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    ) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
       "div",
       {
         style: {
@@ -37032,7 +37017,7 @@ function DocumentViewer({ item }) {
           objectFit: "cover",
           display: "block"
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Icon, {})
+        children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Icon, {})
       }
     )
   ] });
@@ -37045,9 +37030,9 @@ var import_react15 = __toESM(require("react"));
 var import_react11 = require("react");
 
 // src/table3/filters.tsx
-var import_jsx_runtime19 = require("react/jsx-runtime");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 function FilterOffIcon() {
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
     "svg",
     {
       stroke: "currentColor",
@@ -37057,12 +37042,12 @@ function FilterOffIcon() {
       height: "20px",
       width: "20px",
       xmlns: "http://www.w3.org/2000/svg",
-      children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("path", { d: "M6.92893 0.514648L21.0711 14.6568L19.6569 16.071L15.834 12.2486L14 14.9999V21.9999H10V14.9999L4 5.99993H3V3.99993L7.585 3.99965L5.51472 1.92886L6.92893 0.514648ZM21 3.99993V5.99993H20L18.085 8.87193L13.213 3.99993H21Z" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("path", { d: "M6.92893 0.514648L21.0711 14.6568L19.6569 16.071L15.834 12.2486L14 14.9999V21.9999H10V14.9999L4 5.99993H3V3.99993L7.585 3.99965L5.51472 1.92886L6.92893 0.514648ZM21 3.99993V5.99993H20L18.085 8.87193L13.213 3.99993H21Z" })
     }
   );
 }
 function OrderDesc() {
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
     "svg",
     {
       stroke: "currentColor",
@@ -37072,12 +37057,12 @@ function OrderDesc() {
       height: "20px",
       width: "20px",
       xmlns: "http://www.w3.org/2000/svg",
-      children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("path", { d: "M176 352h-48V48a16 16 0 0 0-16-16H80a16 16 0 0 0-16 16v304H16c-14.19 0-21.36 17.24-11.29 27.31l80 96a16 16 0 0 0 22.62 0l80-96C197.35 369.26 190.22 352 176 352zm112-128h128a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16h-56l61.26-70.45A32 32 0 0 0 432 65.63V48a16 16 0 0 0-16-16H288a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h56l-61.26 70.45A32 32 0 0 0 272 190.37V208a16 16 0 0 0 16 16zm159.06 234.62l-59.27-160A16 16 0 0 0 372.72 288h-41.44a16 16 0 0 0-15.07 10.62l-59.27 160A16 16 0 0 0 272 480h24.83a16 16 0 0 0 15.23-11.08l4.42-12.92h71l4.41 12.92A16 16 0 0 0 407.16 480H432a16 16 0 0 0 15.06-21.38zM335.61 400L352 352l16.39 48z" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("path", { d: "M176 352h-48V48a16 16 0 0 0-16-16H80a16 16 0 0 0-16 16v304H16c-14.19 0-21.36 17.24-11.29 27.31l80 96a16 16 0 0 0 22.62 0l80-96C197.35 369.26 190.22 352 176 352zm112-128h128a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16h-56l61.26-70.45A32 32 0 0 0 432 65.63V48a16 16 0 0 0-16-16H288a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h56l-61.26 70.45A32 32 0 0 0 272 190.37V208a16 16 0 0 0 16 16zm159.06 234.62l-59.27-160A16 16 0 0 0 372.72 288h-41.44a16 16 0 0 0-15.07 10.62l-59.27 160A16 16 0 0 0 272 480h24.83a16 16 0 0 0 15.23-11.08l4.42-12.92h71l4.41 12.92A16 16 0 0 0 407.16 480H432a16 16 0 0 0 15.06-21.38zM335.61 400L352 352l16.39 48z" })
     }
   );
 }
 function OrderAsc() {
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
     "svg",
     {
       stroke: "currentColor",
@@ -37087,12 +37072,12 @@ function OrderAsc() {
       height: "20px",
       width: "20px",
       xmlns: "http://www.w3.org/2000/svg",
-      children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("path", { d: "M176 352h-48V48a16 16 0 0 0-16-16H80a16 16 0 0 0-16 16v304H16c-14.19 0-21.36 17.24-11.29 27.31l80 96a16 16 0 0 0 22.62 0l80-96C197.35 369.26 190.22 352 176 352zm240-64H288a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h56l-61.26 70.45A32 32 0 0 0 272 446.37V464a16 16 0 0 0 16 16h128a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16h-56l61.26-70.45A32 32 0 0 0 432 321.63V304a16 16 0 0 0-16-16zm31.06-85.38l-59.27-160A16 16 0 0 0 372.72 32h-41.44a16 16 0 0 0-15.07 10.62l-59.27 160A16 16 0 0 0 272 224h24.83a16 16 0 0 0 15.23-11.08l4.42-12.92h71l4.41 12.92A16 16 0 0 0 407.16 224H432a16 16 0 0 0 15.06-21.38zM335.61 144L352 96l16.39 48z" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("path", { d: "M176 352h-48V48a16 16 0 0 0-16-16H80a16 16 0 0 0-16 16v304H16c-14.19 0-21.36 17.24-11.29 27.31l80 96a16 16 0 0 0 22.62 0l80-96C197.35 369.26 190.22 352 176 352zm240-64H288a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h56l-61.26 70.45A32 32 0 0 0 272 446.37V464a16 16 0 0 0 16 16h128a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16h-56l61.26-70.45A32 32 0 0 0 432 321.63V304a16 16 0 0 0-16-16zm31.06-85.38l-59.27-160A16 16 0 0 0 372.72 32h-41.44a16 16 0 0 0-15.07 10.62l-59.27 160A16 16 0 0 0 272 224h24.83a16 16 0 0 0 15.23-11.08l4.42-12.92h71l4.41 12.92A16 16 0 0 0 407.16 224H432a16 16 0 0 0 15.06-21.38zM335.61 144L352 96l16.39 48z" })
     }
   );
 }
 function EditIcon2() {
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
     "svg",
     {
       stroke: "currentColor",
@@ -37102,12 +37087,12 @@ function EditIcon2() {
       height: "20px",
       width: "20px",
       xmlns: "http://www.w3.org/2000/svg",
-      children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("path", { d: "M402.6 83.2l90.2 90.2c3.8 3.8 3.8 10 0 13.8L274.4 405.6l-92.8 10.3c-12.4 1.4-22.9-9.1-21.5-21.5l10.3-92.8L388.8 83.2c3.8-3.8 10-3.8 13.8 0zm162-22.9l-48.8-48.8c-15.2-15.2-39.9-15.2-55.2 0l-35.4 35.4c-3.8 3.8-3.8 10 0 13.8l90.2 90.2c3.8 3.8 10 3.8 13.8 0l35.4-35.4c15.2-15.3 15.2-40 0-55.2zM384 346.2V448H64V128h229.8c3.2 0 6.2-1.3 8.5-3.5l40-40c7.6-7.6 2.2-20.5-8.5-20.5H48C21.5 64 0 85.5 0 112v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V306.2c0-10.7-12.9-16-20.5-8.5l-40 40c-2.2 2.3-3.5 5.3-3.5 8.5z" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("path", { d: "M402.6 83.2l90.2 90.2c3.8 3.8 3.8 10 0 13.8L274.4 405.6l-92.8 10.3c-12.4 1.4-22.9-9.1-21.5-21.5l10.3-92.8L388.8 83.2c3.8-3.8 10-3.8 13.8 0zm162-22.9l-48.8-48.8c-15.2-15.2-39.9-15.2-55.2 0l-35.4 35.4c-3.8 3.8-3.8 10 0 13.8l90.2 90.2c3.8 3.8 10 3.8 13.8 0l35.4-35.4c15.2-15.3 15.2-40 0-55.2zM384 346.2V448H64V128h229.8c3.2 0 6.2-1.3 8.5-3.5l40-40c7.6-7.6 2.2-20.5-8.5-20.5H48C21.5 64 0 85.5 0 112v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V306.2c0-10.7-12.9-16-20.5-8.5l-40 40c-2.2 2.3-3.5 5.3-3.5 8.5z" })
     }
   );
 }
 function SaveIcon() {
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
     "svg",
     {
       stroke: "currentColor",
@@ -37118,14 +37103,14 @@ function SaveIcon() {
       width: "20px",
       xmlns: "http://www.w3.org/2000/svg",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("path", { d: "M272 64h-16c-4.4 0-8 3.6-8 8v72c0 4.4 7.6 8 12 8h12c4.4 0 8-3.6 8-8V72c0-4.4-3.6-8-8-8z" }),
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("path", { d: "M433.9 130.1L382 78.2c-9-9-21.3-14.2-34.1-14.2h-28c-8.8 0-16 7.3-16 16.2v80c0 8.8-7.2 16-16 16H160c-8.8 0-16-7.2-16-16v-80c0-8.8-7.2-16.2-16-16.2H96c-17.6 0-32 14.4-32 32v320c0 17.6 14.4 32 32 32h320c17.6 0 32-14.4 32-32V164c0-12.7-5.1-24.9-14.1-33.9zM322 400.1c0 8.8-8 16-17.8 16H143.8c-9.8 0-17.8-7.2-17.8-16v-96c0-8.8 8-16 17.8-16h160.4c9.8 0 17.8 7.2 17.8 16v96z" })
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("path", { d: "M272 64h-16c-4.4 0-8 3.6-8 8v72c0 4.4 7.6 8 12 8h12c4.4 0 8-3.6 8-8V72c0-4.4-3.6-8-8-8z" }),
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("path", { d: "M433.9 130.1L382 78.2c-9-9-21.3-14.2-34.1-14.2h-28c-8.8 0-16 7.3-16 16.2v80c0 8.8-7.2 16-16 16H160c-8.8 0-16-7.2-16-16v-80c0-8.8-7.2-16.2-16-16.2H96c-17.6 0-32 14.4-32 32v320c0 17.6 14.4 32 32 32h320c17.6 0 32-14.4 32-32V164c0-12.7-5.1-24.9-14.1-33.9zM322 400.1c0 8.8-8 16-17.8 16H143.8c-9.8 0-17.8-7.2-17.8-16v-96c0-8.8 8-16 17.8-16h160.4c9.8 0 17.8 7.2 17.8 16v96z" })
       ]
     }
   );
 }
 function ExcelIcon() {
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
     "svg",
     {
       stroke: "currentColor",
@@ -37135,13 +37120,13 @@ function ExcelIcon() {
       height: "20px",
       width: "20px",
       xmlns: "http://www.w3.org/2000/svg",
-      children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("path", { d: "M2.85858 2.87732L15.4293 1.0815C15.7027 1.04245 15.9559 1.2324 15.995 1.50577C15.9983 1.52919 16 1.55282 16 1.57648V22.4235C16 22.6996 15.7761 22.9235 15.5 22.9235C15.4763 22.9235 15.4527 22.9218 15.4293 22.9184L2.85858 21.1226C2.36593 21.0522 2 20.6303 2 20.1327V3.86727C2 3.36962 2.36593 2.9477 2.85858 2.87732ZM17 2.99997H21C21.5523 2.99997 22 3.44769 22 3.99997V20C22 20.5523 21.5523 21 21 21H17V2.99997ZM10.2 12L13 7.99997H10.6L9 10.2857L7.39999 7.99997H5L7.8 12L5 16H7.39999L9 13.7143L10.6 16H13L10.2 12Z" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("path", { d: "M2.85858 2.87732L15.4293 1.0815C15.7027 1.04245 15.9559 1.2324 15.995 1.50577C15.9983 1.52919 16 1.55282 16 1.57648V22.4235C16 22.6996 15.7761 22.9235 15.5 22.9235C15.4763 22.9235 15.4527 22.9218 15.4293 22.9184L2.85858 21.1226C2.36593 21.0522 2 20.6303 2 20.1327V3.86727C2 3.36962 2.36593 2.9477 2.85858 2.87732ZM17 2.99997H21C21.5523 2.99997 22 3.44769 22 3.99997V20C22 20.5523 21.5523 21 21 21H17V2.99997ZM10.2 12L13 7.99997H10.6L9 10.2857L7.39999 7.99997H5L7.8 12L5 16H7.39999L9 13.7143L10.6 16H13L10.2 12Z" })
     }
   );
 }
 
 // src/table3/filter.tsx
-var import_jsx_runtime20 = require("react/jsx-runtime");
+var import_jsx_runtime19 = require("react/jsx-runtime");
 function Filter({
   h,
   objectData,
@@ -37202,8 +37187,8 @@ function Filter({
       setSelected(news);
     }
   }, [data]);
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("th", { className: "cursor-pointer", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "relative", children: visible && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("th", { className: "cursor-pointer", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "relative", children: visible && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
       "div",
       {
         className: " w-full h-screen top-0 left-0 fixed  ",
@@ -37211,8 +37196,8 @@ function Filter({
         onClick: (e) => setVisible(!visible)
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "relative w-full justify-center flex", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "relative w-full justify-center flex", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
         "div",
         {
           style: (colSizes == null ? void 0 : colSizes[h]) ? {
@@ -37224,19 +37209,19 @@ function Filter({
           onClick: (e) => setVisible(!visible),
           children: [
             sort && //
-            Object.keys(sort)[0] == h && ((sort == null ? void 0 : sort[h]) == "asc" ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "text-green-300", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(OrderAsc, {}) }) : (sort == null ? void 0 : sort[h]) == "desc" && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "text-green-300", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(OrderDesc, {}) })),
-            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { children: h }),
-            selected.length < items.length && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "text-red-500 ", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(FilterOffIcon, {}) })
+            Object.keys(sort)[0] == h && ((sort == null ? void 0 : sort[h]) == "asc" ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "text-green-300", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(OrderAsc, {}) }) : (sort == null ? void 0 : sort[h]) == "desc" && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "text-green-300", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(OrderDesc, {}) })),
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { children: h }),
+            selected.length < items.length && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "text-red-500 ", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(FilterOffIcon, {}) })
           ]
         }
       ),
-      visible && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+      visible && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
         "div",
         {
           className: "border shadow rounded bg-white p-1 absolute left-0 text-black",
           style: { zIndex: 9999 },
-          children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex flex-col gap-1 w-[300px] min-w-[300px] resize-x overflow-auto", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex flex-col gap-1 w-[300px] min-w-[300px] resize-x overflow-auto", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
               "div",
               {
                 onClick: (e) => {
@@ -37253,12 +37238,12 @@ function Filter({
                 },
                 className: "flex items-center gap-2 border p-1 hover:bg-blue-100",
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(OrderAsc, {}),
+                  /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(OrderAsc, {}),
                   " Ordenar de la A a la Z"
                 ]
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
               "div",
               {
                 onClick: (e) => {
@@ -37275,12 +37260,12 @@ function Filter({
                 },
                 className: "flex items-center gap-2 border p-1 hover:bg-blue-100",
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(OrderDesc, {}),
+                  /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(OrderDesc, {}),
                   "Ordenar de la Z a la A"
                 ]
               }
             ),
-            selected.length < items.length && /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+            selected.length < items.length && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
               "div",
               {
                 className: "p-1 flex items-center justify-between px-2 bg-red-200 border shadow rounded",
@@ -37289,11 +37274,11 @@ function Filter({
                 },
                 children: [
                   "Borrar Filtro",
-                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "text-white ", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(FilterOffIcon, {}) })
+                  /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "text-white ", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(FilterOffIcon, {}) })
                 ]
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
               "input",
               {
                 className: "border shadow rounded p-2 w-full",
@@ -37312,8 +37297,8 @@ function Filter({
                 }
               }
             ) }),
-            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("label", { className: "flex gap-1 cursor-pointer px-1", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("label", { className: "flex gap-1 cursor-pointer px-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
                 "input",
                 {
                   type: "checkbox",
@@ -37329,9 +37314,9 @@ function Filter({
               ),
               "(Seleccionar Todo)"
             ] }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "overflow-auto  flex gap-1 flex-col p-1 border shadow rounded h-[300px]", children: itemsFiltered.map((item) => {
-              return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "hover:bg-gray-100  ", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("label", { className: "flex gap-1 cursor-pointer truncate", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "overflow-auto  flex gap-1 flex-col p-1 border shadow rounded h-[300px]", children: itemsFiltered.map((item) => {
+              return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "hover:bg-gray-100  ", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("label", { className: "flex gap-1 cursor-pointer truncate", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
                   "input",
                   {
                     type: "checkbox",
@@ -37352,8 +37337,8 @@ function Filter({
                 item || "(Vacias)"
               ] }) }, item);
             }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex justify-between px-1", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex justify-between px-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
                 "button",
                 {
                   className: "p-1 shadow rounded border bg-red-500 text-white",
@@ -37364,7 +37349,7 @@ function Filter({
                   children: "Cancelar"
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
                 "button",
                 {
                   className: "p-1 shadow rounded border bg-blue-500 text-white",
@@ -37383,7 +37368,7 @@ function Filter({
 }
 
 // src/table3/head.tsx
-var import_jsx_runtime21 = require("react/jsx-runtime");
+var import_jsx_runtime20 = require("react/jsx-runtime");
 function TableHead({
   headers,
   selectItems,
@@ -37398,9 +37383,9 @@ function TableHead({
   sort,
   setSort
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("tr", { className: "bg-blue-500 text-white font-bold", children: [
-    modal && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("th", { children: "-" }),
-    selectItems && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("th", { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("tr", { className: "bg-blue-500 text-white font-bold", children: [
+    modal && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("th", { children: "-" }),
+    selectItems && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("th", { children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
       "input",
       {
         className: "m-2",
@@ -37428,7 +37413,7 @@ function TableHead({
     ) }),
     Object.values(headers).map((h) => {
       if (h.startsWith("_")) return null;
-      return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
         Filter,
         {
           objectData,
@@ -37451,7 +37436,7 @@ var import_react13 = require("react");
 
 // src/table3/tr.tsx
 var import_react12 = __toESM(require("react"));
-var import_jsx_runtime22 = require("react/jsx-runtime");
+var import_jsx_runtime21 = require("react/jsx-runtime");
 function TR({
   handlers,
   setObjectData,
@@ -37471,7 +37456,7 @@ function TR({
   symbols
 }) {
   const color = selected == index ? "bg-blue-600 text-white hover:bg-blue-800" : index % 2 == 0 ? "bg-white" : "bg-blue-50";
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
     "tr",
     {
       className: ` hover:bg-blue-100 ${color} cursor-pointer`,
@@ -37479,7 +37464,7 @@ function TR({
         setSelected(selected == index ? -1 : index);
       },
       children: [
-        modal && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("th", { className: "border", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+        modal && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("th", { className: "border", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
           "button",
           {
             className: "p-1 border shadow-rounded bg-blue-500 rounded text-white",
@@ -37488,10 +37473,10 @@ function TR({
               (_a = modalRef.current) == null ? void 0 : _a.showModal();
               setDialogRow(row);
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(EditIcon2, {})
+            children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(EditIcon2, {})
           }
         ) }),
-        selectItems && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("th", { className: "border", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+        selectItems && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("th", { className: "border", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
           "input",
           {
             type: "checkbox",
@@ -37559,13 +37544,13 @@ function TR({
                 return acc;
               }, {})
             });
-            return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("td", { className: `text-black `, children: cloned }, h);
+            return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("td", { className: `text-black `, children: cloned }, h);
           }
-          return symbols && (symbols == null ? void 0 : symbols[h]) ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("td", { className: `text-center border max-w-[${colSize}px] `, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex items-center gap-1 w-full", children: [
+          return symbols && (symbols == null ? void 0 : symbols[h]) ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("td", { className: `text-center border max-w-[${colSize}px] `, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "flex items-center gap-1 w-full", children: [
             symbols[h],
             " ",
             row[h]
-          ] }) }, h) : /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("td", { className: `text-center border max-w-[${colSize}px]`, children: row[h] }, h);
+          ] }) }, h) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("td", { className: `text-center border max-w-[${colSize}px]`, children: row[h] }, h);
         })
       ]
     },
@@ -37574,7 +37559,7 @@ function TR({
 }
 
 // src/table3/body.tsx
-var import_jsx_runtime23 = require("react/jsx-runtime");
+var import_jsx_runtime22 = require("react/jsx-runtime");
 function TableBody({
   objectData,
   setObjectData,
@@ -37618,7 +37603,7 @@ function TableBody({
     return key >= start && key < end;
   }).map(([id, k], index) => {
     const row = objectData[id];
-    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
       TR,
       {
         ...{
@@ -37643,11 +37628,11 @@ function TableBody({
       id
     );
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("tbody", { children: sorted });
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("tbody", { children: sorted });
 }
 
 // src/table3/panel.tsx
-var import_jsx_runtime24 = require("react/jsx-runtime");
+var import_jsx_runtime23 = require("react/jsx-runtime");
 function Panel({
   page,
   setPage,
@@ -37658,9 +37643,9 @@ function Panel({
   maxItems
 }) {
   const excel = useExcel();
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex gap-2 bg-gray-100 items-center", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex gap-1 ", children: [
-      onSave && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex gap-2 bg-gray-100 items-center", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex gap-1 ", children: [
+      onSave && /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
         "button",
         {
           className: "p-2 border shadow rounded bg-blue-500 text-white flex items-center gap-1 text-md",
@@ -37669,12 +37654,12 @@ function Panel({
           },
           children: [
             " ",
-            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(SaveIcon, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(SaveIcon, {}),
             "Guardar"
           ]
         }
       ),
-      exportName && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+      exportName && /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
         "button",
         {
           className: "p-2 border shadow rounded bg-green-800 text-white flex items-center gap-1 text-md",
@@ -37688,22 +37673,22 @@ function Panel({
             );
           },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(ExcelIcon, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(ExcelIcon, {}),
             "Exportar"
           ]
         }
       )
     ] }),
-    maxItems !== Infinity && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex gap-2 items-center text-2xl", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("button", { onClick: () => setPage(1), disabled: page === 1, children: "\u23EE" }),
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("button", { onClick: () => setPage(page - 1), disabled: page === 1, children: "\u25C0" }),
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("span", { className: "text-sm", children: [
+    maxItems !== Infinity && /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex gap-2 items-center text-2xl", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("button", { onClick: () => setPage(1), disabled: page === 1, children: "\u23EE" }),
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("button", { onClick: () => setPage(page - 1), disabled: page === 1, children: "\u25C0" }),
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("span", { className: "text-sm", children: [
         "P\xE1gina ",
         page,
         " / ",
         totalPages
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
         "button",
         {
           onClick: () => setPage(page + 1),
@@ -37711,7 +37696,7 @@ function Panel({
           children: "\u25B6"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
         "button",
         {
           onClick: () => setPage(totalPages),
@@ -37724,7 +37709,7 @@ function Panel({
 }
 
 // src/table3/footer.tsx
-var import_jsx_runtime25 = require("react/jsx-runtime");
+var import_jsx_runtime24 = require("react/jsx-runtime");
 function TableFooter({
   objectData,
   headers,
@@ -37749,27 +37734,27 @@ function TableFooter({
         return null;
     }
   }
-  return footer && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("tfoot", { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("tr", { className: "bg-blue-500 text-white", children: [
-    selectItems && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("th", {}),
-    modal && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("th", {}),
+  return footer && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("tfoot", { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("tr", { className: "bg-blue-500 text-white", children: [
+    selectItems && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("th", {}),
+    modal && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("th", {}),
     headers.map((header) => {
       if (header.startsWith("_")) {
         return null;
       } else if (footer == null ? void 0 : footer[header]) {
-        return symbols && (symbols == null ? void 0 : symbols[header]) ? /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("th", { className: "flex items-center gap-1", children: [
+        return symbols && (symbols == null ? void 0 : symbols[header]) ? /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("th", { className: "flex items-center gap-1", children: [
           symbols[header],
           " ",
           operacion(footer[header], header)
-        ] }, header) : /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("th", { children: operacion(footer[header], header) }, header);
+        ] }, header) : /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("th", { children: operacion(footer[header], header) }, header);
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("th", {}, header);
+      return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("th", {}, header);
     })
   ] }) });
 }
 
 // src/table3/dialog.tsx
 var import_react14 = __toESM(require("react"));
-var import_jsx_runtime26 = require("react/jsx-runtime");
+var import_jsx_runtime25 = require("react/jsx-runtime");
 function Dialog4({
   modalRef,
   children,
@@ -37797,15 +37782,15 @@ function Dialog4({
     }
     return null;
   }, [dialogRow, children]);
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
     "dialog",
     {
       ref: modalRef,
       className: "p-6 rounded-xl shadow-2xl backdrop:bg-black/50  w-[100%] h-screen",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex justify-between items-center mb-4", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", {}),
-          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex justify-between items-center mb-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", {}),
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
             "button",
             {
               onClick: () => {
@@ -37817,7 +37802,7 @@ function Dialog4({
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "text-gray-700", children: clonedModal })
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "text-gray-700", children: clonedModal })
       ]
     }
   );
@@ -37825,7 +37810,7 @@ function Dialog4({
 var dialog_default = Dialog4;
 
 // src/table3/index.tsx
-var import_jsx_runtime27 = require("react/jsx-runtime");
+var import_jsx_runtime26 = require("react/jsx-runtime");
 function Table3({
   data,
   selectItems,
@@ -37937,8 +37922,8 @@ function Table3({
   }, [objectData]);
   const style = (props == null ? void 0 : props.style) ? { ...props.style, tableLayout: "fixed" } : { tableLayout: "fixed" };
   if (!objectData) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "border shadow rounded m-1 p-1 bg-white", children: [
-    modal && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "border shadow rounded m-1 p-1 bg-white", children: [
+    modal && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
       dialog_default,
       {
         modalRef,
@@ -37948,18 +37933,155 @@ function Table3({
         children: modal
       }
     ),
-    header && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "font-bold text-2xl py-5 px-2 bg-blue-50", children: header }),
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Panel, { ...context }),
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("table", { ...props, style, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(TableHead, { ...context }),
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(TableBody, { ...context }),
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(TableFooter, { ...context })
+    header && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "font-bold text-2xl py-5 px-2 bg-blue-50", children: header }),
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Panel, { ...context }),
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("table", { ...props, style, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(TableHead, { ...context }),
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(TableBody, { ...context }),
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(TableFooter, { ...context })
     ] })
   ] });
 }
+
+// src/alert/index.tsx
+var import_react16 = require("react");
+var import_jsx_runtime27 = require("react/jsx-runtime");
+function usePopup() {
+  const [popup, setPopup] = (0, import_react16.useState)({ type: "alert", message: "", visible: false, inputValue: "" });
+  function alert2(message) {
+    return new Promise((resolve) => {
+      setPopup({
+        type: "alert",
+        message,
+        visible: true,
+        inputValue: "",
+        onConfirm: () => resolve()
+      });
+    });
+  }
+  function confirm(message) {
+    return new Promise((resolve) => {
+      setPopup({
+        type: "confirm",
+        message,
+        visible: true,
+        inputValue: "",
+        onConfirm: () => resolve(true),
+        onCancel: () => resolve(false)
+      });
+    });
+  }
+  function prompt(message) {
+    return new Promise((resolve) => {
+      setPopup({
+        type: "prompt",
+        message,
+        visible: true,
+        inputValue: "",
+        onConfirm: (value) => resolve(value != null ? value : ""),
+        onCancel: () => resolve(null)
+      });
+    });
+  }
+  function close(confirmed, value) {
+    setPopup((prev) => {
+      var _a, _b;
+      if (confirmed) (_a = prev.onConfirm) == null ? void 0 : _a.call(prev, value);
+      else (_b = prev.onCancel) == null ? void 0 : _b.call(prev);
+      return { ...prev, visible: false, inputValue: "" };
+    });
+  }
+  const PopupComponent = popup.visible ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+    "div",
+    {
+      style: {
+        position: "fixed",
+        top: 0,
+        left: 0,
+        width: "100%",
+        height: "100%",
+        background: "rgba(0,0,0,0.5)",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        zIndex: 1e3
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
+        "div",
+        {
+          style: {
+            background: "#fff",
+            padding: "24px 32px",
+            borderRadius: "8px",
+            minWidth: "300px",
+            textAlign: "center",
+            boxShadow: "0 4px 20px rgba(0,0,0,0.2)"
+          },
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("p", { style: { margin: "0 0 16px", fontSize: "16px" }, children: popup.message }),
+            popup.type === "prompt" && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+              "input",
+              {
+                autoFocus: true,
+                type: "text",
+                value: popup.inputValue,
+                onChange: (e) => setPopup((prev) => ({ ...prev, inputValue: e.target.value })),
+                onKeyDown: (e) => e.key === "Enter" && close(true, popup.inputValue),
+                style: {
+                  width: "100%",
+                  padding: "8px 12px",
+                  marginBottom: "16px",
+                  border: "1px solid #d1d5db",
+                  borderRadius: "6px",
+                  fontSize: "14px",
+                  boxSizing: "border-box"
+                }
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { style: { display: "flex", gap: "8px", justifyContent: "center" }, children: [
+              (popup.type === "confirm" || popup.type === "prompt") && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+                "button",
+                {
+                  onClick: () => close(false),
+                  style: {
+                    padding: "8px 24px",
+                    background: "#e5e7eb",
+                    color: "#374151",
+                    border: "none",
+                    borderRadius: "6px",
+                    cursor: "pointer",
+                    fontSize: "14px"
+                  },
+                  children: "Cancelar"
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+                "button",
+                {
+                  onClick: () => close(true, popup.inputValue),
+                  style: {
+                    padding: "8px 24px",
+                    background: "#3b82f6",
+                    color: "#fff",
+                    border: "none",
+                    borderRadius: "6px",
+                    cursor: "pointer",
+                    fontSize: "14px"
+                  },
+                  children: "OK"
+                }
+              )
+            ] })
+          ]
+        }
+      )
+    }
+  ) : null;
+  return { alert: alert2, confirm, prompt, PopupComponent };
+}
+var alert_default = usePopup;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  Alert,
   Button,
   Container,
   DocumentViewer,
@@ -37976,6 +38098,7 @@ function Table3({
   useDates,
   useExcel,
   useFormValues,
+  usePopup,
   useResources
 });
 /*! Bundled license information: