next-recomponents 2.0.1 → 2.0.3

package/dist/index.js

@@ -1,39 +1,10 @@
 "use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
 var __commonJS = (cb, mod) => function __require() {
   return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
 };
@@ -1543,9 +1514,10 @@ var require_route_pattern_normalizer = __commonJS({
         "prefix" in token && "suffix" in token && // Both prefix and suffix must be empty strings
         // This is what causes the validation error in path-to-regexp
         token.prefix === "" && token.suffix === "") {
-          return __spreadProps(__spreadValues({}, token), {
+          return {
+            ...token,
             prefix: "/"
-          });
+          };
         }
         return token;
       });
@@ -1637,9 +1609,10 @@ var require_route_match_utils = __commonJS({
       return (pathname) => {
         const result = originalMatcher(pathname);
         if (!result) return false;
-        return __spreadProps(__spreadValues({}, result), {
+        return {
+          ...result,
           params: (0, _routepatternnormalizer.stripParameterSeparators)(result.params)
-        });
+        };
       };
     }
     function safeRouteMatcher(matcherFn) {
@@ -2003,7 +1976,8 @@ var require_constants = __commonJS({
       */
       pagesDirNode: "pages-dir-node"
     };
-    var WEBPACK_LAYERS = __spreadProps(__spreadValues({}, WEBPACK_LAYERS_NAMES), {
+    var WEBPACK_LAYERS = {
+      ...WEBPACK_LAYERS_NAMES,
       GROUP: {
         builtinReact: [
           WEBPACK_LAYERS_NAMES.reactServerComponents,
@@ -2041,7 +2015,7 @@ var require_constants = __commonJS({
           WEBPACK_LAYERS_NAMES.actionBrowser
         ]
       }
-    });
+    };
     var WEBPACK_RESOURCE_QUERIES = {
       edgeSSREntry: "__next_edge_ssr_entry__",
       metadata: "__next_metadata__",
@@ -2363,10 +2337,11 @@ var require_route_regex = __commonJS({
       if (!options.excludeOptionalTrailingSlash) {
         namedRegex += "(?:/)?";
       }
-      return __spreadProps(__spreadValues({}, getRouteRegex(normalizedRoute, options)), {
+      return {
+        ...getRouteRegex(normalizedRoute, options),
         namedRegex: "^" + namedRegex + "$",
         routeKeys: result.routeKeys
-      });
+      };
     }
     function getNamedMiddlewareRegex(normalizedRoute, options) {
       const { parameterizedRoute } = getParametrizedRoute(normalizedRoute, false, false);
@@ -3211,7 +3186,7 @@ var require_link = __commonJS({
     }
     var Link2 = /* @__PURE__ */ _react.default.forwardRef(function LinkComponent(props, forwardedRef) {
       let children;
-      const _a = props, { href: hrefProp, as: asProp, children: childrenProp, prefetch: prefetchProp = null, passHref, replace, shallow, scroll, locale, onClick, onNavigate, onMouseEnter: onMouseEnterProp, onTouchStart: onTouchStartProp, legacyBehavior = false } = _a, restProps = __objRest(_a, ["href", "as", "children", "prefetch", "passHref", "replace", "shallow", "scroll", "locale", "onClick", "onNavigate", "onMouseEnter", "onTouchStart", "legacyBehavior"]);
+      const { href: hrefProp, as: asProp, children: childrenProp, prefetch: prefetchProp = null, passHref, replace, shallow, scroll, locale, onClick, onNavigate, onMouseEnter: onMouseEnterProp, onTouchStart: onTouchStartProp, legacyBehavior = false, ...restProps } = props;
       children = childrenProp;
       if (legacyBehavior && (typeof children === "string" || typeof children === "number")) {
         children = /* @__PURE__ */ (0, _jsxruntime.jsx)("a", {
@@ -3480,9 +3455,11 @@ var require_link = __commonJS({
         }
         return /* @__PURE__ */ _react.default.cloneElement(child, childProps);
       }
-      return /* @__PURE__ */ (0, _jsxruntime.jsx)("a", __spreadProps(__spreadValues(__spreadValues({}, restProps), childProps), {
+      return /* @__PURE__ */ (0, _jsxruntime.jsx)("a", {
+        ...restProps,
+        ...childProps,
         children
-      }));
+      });
     });
     var LinkStatusContext = /* @__PURE__ */ (0, _react.createContext)({
       // We do not support link status in the Pages Router, so we always return false
@@ -3511,7 +3488,6 @@ var require_link2 = __commonJS({
 // src/index.tsx
 var index_exports = {};
 __export(index_exports, {
-  Alert: () => Alert,
   Button: () => Button,
   Container: () => Container,
   DocumentViewer: () => DocumentViewer,
@@ -3528,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",
@@ -3543,65 +3523,37 @@ var catColor = {
   success: "bg-green-500 text-white"
 };
 
-// src/alert/index.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
-function Alert(_a) {
-  var _b = _a, {
-    color = "primary",
-    children
-  } = _b, props = __objRest(_b, [
-    "color",
-    "children"
-  ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    "div",
-    __spreadProps(__spreadValues({
-      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");
-function Button(_a) {
-  var _b = _a, {
-    className,
-    size = "small",
-    color = "primary",
-    children,
-    icon,
-    disabled,
-    full = false
-  } = _b, props = __objRest(_b, [
-    "className",
-    "size",
-    "color",
-    "children",
-    "icon",
-    "disabled",
-    "full"
-  ]);
+var import_jsx_runtime = require("react/jsx-runtime");
+function Button({
+  className,
+  size = "small",
+  color = "primary",
+  children,
+  icon,
+  disabled,
+  full = false,
+  ...props
+}) {
   const [isLoading, setIsloading] = (0, import_react.useState)(false);
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     "button",
-    __spreadProps(__spreadValues({}, Object.assign(
-      {},
-      ...Object.keys(props).map((prop) => {
-        const originalHandler = props[prop];
-        const newProp = { [prop]: originalHandler };
-        if (prop.startsWith("on") && typeof originalHandler === "function") {
-          newProp[prop] = async (e) => {
-            setIsloading(true);
-            originalHandler && await originalHandler(e);
-            setIsloading(false);
-          };
-        }
-        return newProp;
-      })
-    )), {
+    {
+      ...Object.assign(
+        {},
+        ...Object.keys(props).map((prop) => {
+          const originalHandler = props[prop];
+          const newProp = { [prop]: originalHandler };
+          if (prop.startsWith("on") && typeof originalHandler === "function") {
+            newProp[prop] = async (e) => {
+              setIsloading(true);
+              originalHandler && await originalHandler(e);
+              setIsloading(false);
+            };
+          }
+          return newProp;
+        })
+      ),
       className: [
         className,
         "p-2 border shadow rounded flex gap-1 justify-center items-center",
@@ -3613,7 +3565,7 @@ function Button(_a) {
         icon,
         children
       ]
-    })
+    }
   );
 }
 
@@ -3621,9 +3573,9 @@ function Button(_a) {
 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",
@@ -3633,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",
@@ -3648,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",
@@ -3665,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",
@@ -3682,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,
@@ -3713,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: () => {
@@ -3724,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,
@@ -3753,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",
@@ -3771,7 +3723,7 @@ function Container({
                   handleClick(false);
                 },
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(MenuIcon, {}),
+                  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(MenuIcon, {}),
                   " ",
                   appName
                 ]
@@ -3780,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);
@@ -3798,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",
@@ -3808,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" },
@@ -3836,33 +3788,27 @@ 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 __spreadValues(__spreadValues({}, state), action);
+    return { ...state, ...action };
   };
   return (0, import_react3.useReducer)(reducer, initial);
 }
-function Form(_a) {
-  var _b = _a, {
-    onSubmit,
-    state,
-    invalidMessage = "Existen valores inv\xE1lidos en el formulario",
-    children,
-    loader = "Loading..."
-  } = _b, otherProps = __objRest(_b, [
-    "onSubmit",
-    "state",
-    "invalidMessage",
-    "children",
-    "loader"
-  ]);
+function Form({
+  onSubmit,
+  state,
+  invalidMessage = "Existen valores inv\xE1lidos en el formulario",
+  children,
+  loader = "Loading...",
+  ...otherProps
+}) {
   const [isLoading, setIsLoading] = (0, import_react3.useState)(false);
   const ref = (0, import_react3.useRef)(null);
   const [hvalues, setHValues] = state || (0, import_react3.useState)({});
   (0, import_react3.useEffect)(() => {
     if (ref == null ? void 0 : ref.current) {
-      const newValues = __spreadValues({}, hvalues);
+      const newValues = { ...hvalues };
       const formData = new FormData(ref.current);
       for (let [k, v] of formData.entries()) {
         if (!newValues[k]) {
@@ -3875,16 +3821,17 @@ function Form(_a) {
     }
   }, [state, ref]);
   function hasErrors() {
-    var _a2;
-    const hasInvalids = (_a2 = ref == null ? void 0 : ref.current) == null ? void 0 : _a2.querySelectorAll(".invalid");
+    var _a;
+    const hasInvalids = (_a = ref == null ? void 0 : ref.current) == null ? void 0 : _a.querySelectorAll(".invalid");
     if (hasInvalids && (hasInvalids == null ? void 0 : hasInvalids.length) > 0) {
       return true;
     }
     return false;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
     "form",
-    __spreadProps(__spreadValues({}, otherProps), {
+    {
+      ...otherProps,
       ref,
       onSubmit: async (e) => {
         e.preventDefault();
@@ -3894,19 +3841,19 @@ function Form(_a) {
         }
         if (onSubmit) {
           setIsLoading(true);
-          await onSubmit(__spreadProps(__spreadValues({}, e), { values: hvalues }));
+          await onSubmit({ ...e, values: hvalues });
           setIsLoading(false);
         }
       },
       children: [
         import_react3.default.Children.map(children, (child) => {
           if (import_react3.default.isValidElement(child)) {
-            const props = (child == null ? void 0 : child.props) ? __spreadValues({}, child.props) : {};
+            const props = (child == null ? void 0 : child.props) ? { ...child.props } : {};
             try {
               return import_react3.default.cloneElement(child, {
                 value: hvalues[props.name] || "",
                 onChange: (e) => {
-                  setHValues(__spreadProps(__spreadValues({}, hvalues), { [props.name]: e.target.value }));
+                  setHValues({ ...hvalues, [props.name]: e.target.value });
                   (props == null ? void 0 : props.onChange) && props.onChange(e);
                 }
               });
@@ -3916,48 +3863,44 @@ function Form(_a) {
           }
           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");
-function Input(_a) {
-  var _b = _a, {
-    label,
-    className,
-    regex,
-    invalidMessage = "Valor no v\xE1lido"
-  } = _b, props = __objRest(_b, [
-    "label",
-    "className",
-    "regex",
-    "invalidMessage"
-  ]);
+var import_jsx_runtime5 = require("react/jsx-runtime");
+function Input({
+  label,
+  className,
+  regex,
+  invalidMessage = "Valor no v\xE1lido",
+  ...props
+}) {
   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",
-        __spreadProps(__spreadValues({}, props), {
+        {
+          ...props,
           className: [
             "p-2 w-full rounded border shadow",
             value != "" && !isValid && "bg-red-200 text-black",
             value != "" && isValid && "bg-green-200 text-black",
             className
           ].join(" ")
-        })
+        }
       ) })
     ] }),
-    !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 })
   ] });
 }
 
@@ -35736,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, __spreadValues({}, 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",
@@ -35754,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",
@@ -35764,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" })
     }
   );
 }
@@ -35777,7 +35720,7 @@ function IHTable({
   buttons,
   exportName,
   modal,
-  height = 370,
+  height = 600,
   width = "100%",
   header,
   hideColumns = [],
@@ -35785,7 +35728,7 @@ function IHTable({
 }) {
   const [open, setOpen] = (0, import_react4.useState)(false);
   if (modal) {
-    buttons = __spreadProps(__spreadValues({}, buttons), { Modal: "" });
+    buttons = { ...buttons, Modal: "" };
   }
   const handleOpen = () => setOpen(true);
   const handleClose = () => {
@@ -35810,13 +35753,14 @@ function IHTable({
       editable: editableFields == null ? void 0 : editableFields.includes(key),
       type: typeof rows[0][key] === "number" ? "number" : "string",
       renderCell: (buttons == null ? void 0 : buttons[key]) ? (params) => {
-        var _a;
+        var _a, _b;
         return import_react4.default.cloneElement(buttons[key], {
-          children: (_a = params == null ? void 0 : params.row) == null ? void 0 : _a[key],
+          className: ((_a = params == null ? void 0 : params.className) != null ? _a : "") + " m-auto text-xs ",
+          children: (_b = params == null ? void 0 : params.row) == null ? void 0 : _b[key],
           onClick: (e) => {
-            var _a2, _b;
+            var _a2, _b2;
             e.row = params == null ? void 0 : params.row;
-            if ((_b = (_a2 = buttons[key]) == null ? void 0 : _a2.props) == null ? void 0 : _b.onClick) {
+            if ((_b2 = (_a2 = buttons[key]) == null ? void 0 : _a2.props) == null ? void 0 : _b2.onClick) {
               const newVal = buttons[key].props.onClick(e);
               newVal && handleRowUpdate(newVal);
             }
@@ -35833,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"]
             }
           );
@@ -35876,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: {
@@ -35887,77 +35831,59 @@ 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)(
-                "button",
-                {
-                  onClick: () => {
-                    handleClose();
-                  },
-                  className: "text-gray-500 hover:text-gray-800 text-xl font-bold p-5",
-                  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, {
-                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)(
+        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: () => {
+                handleClose();
+              },
+              className: "text-gray-500 hover:text-gray-800 text-xl font-bold p-5",
+              children: "\xD7"
+            }
+          ) }),
+          /* @__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_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",
               onClick: (e) => {
                 excel.export(
-                  rows.map((_a) => {
-                    var _b = _a, { _edited } = _b, r = __objRest(_b, ["_edited"]);
-                    return r;
-                  }),
+                  rows.map(({ _edited, ...r }) => r),
                   `${exportName}.xlsx`
                 );
               },
               children: "Exportar"
             }
           ),
-          onSelect ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+          onSelect ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
             Button,
             {
               disabled: filtered.length == 0,
               color: filtered.length == 0 ? "white" : "primary",
               onClick: (e) => {
-                onSelect == null ? void 0 : onSelect(filtered.map((_a) => {
-                  var _b = _a, { _edited } = _b, r = __objRest(_b, ["_edited"]);
-                  return r;
-                }));
+                onSelect == null ? void 0 : onSelect(filtered.map(({ _edited, ...r }) => r));
               },
               children: "Guardar Selecci\xF3n"
             }
-          ) : onSave && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+          ) : onSave && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
             Button,
             {
               onClick: (e) => {
-                onSave == null ? void 0 : onSave(rows.map((_a) => {
-                  var _b = _a, { _edited } = _b, r = __objRest(_b, ["_edited"]);
-                  return r;
-                }));
+                onSave == null ? void 0 : onSave(rows.map(({ _edited, ...r }) => r));
               },
               children: "Guardar"
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
           import_x_data_grid.DataGrid,
           {
             rows,
@@ -35965,7 +35891,6 @@ function IHTable({
             checkboxSelection: Boolean(onSelect),
             rowSelectionModel: selectedRows,
             onRowSelectionModelChange: (newSelection) => {
-              console.log(newSelection);
               setSelectedRows(newSelection);
             },
             sx: {
@@ -35979,52 +35904,70 @@ 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 })
       ]
     }
   );
 }
-function CustomFooter(props) {
-  const { rows, footer } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { children: Object.keys(footer).map((k) => {
-    const total = rows.reduce((acc, r) => acc + r[k], 0);
-    return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex justify-end w-full pr-4 font-bold", children: [
-      "Suma de ",
-      k,
-      ": ",
-      total
-    ] }, k);
+function CustomFooter({
+  rows,
+  footer
+}) {
+  const entries = Object.entries(footer);
+  if (!entries.length) return null;
+  const compute = (key, type) => {
+    const values = rows.map((r) => {
+      var _a;
+      return Number((_a = r[key]) != null ? _a : 0);
+    }).filter((v) => !isNaN(v));
+    if (type === "sum") return values.reduce((acc, v) => acc + v, 0);
+    if (type === "avg")
+      return values.length ? values.reduce((acc, v) => acc + v, 0) / values.length : 0;
+    if (type === "count") return values.length;
+    return 0;
+  };
+  const label = {
+    sum: "Suma",
+    avg: "Promedio",
+    count: "Conteo"
+  };
+  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_runtime6.jsxs)("span", { children: [
+      label[type],
+      " de ",
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "text-gray-900", children: key }),
+      ":",
+      " ",
+      /* @__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");
-function TextArea(_a) {
-  var _b = _a, {
-    label,
-    className,
-    maxLength,
-    onChange,
-    children = ""
-  } = _b, props = __objRest(_b, [
-    "label",
-    "className",
-    "maxLength",
-    "onChange",
-    "children"
-  ]);
+var import_jsx_runtime7 = require("react/jsx-runtime");
+function TextArea({
+  label,
+  className,
+  maxLength,
+  onChange,
+  children = "",
+  ...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",
-        __spreadProps(__spreadValues({}, props), {
+        {
+          ...props,
           className: ["p-1 w-full rounded border shadow", className].join(
             " "
           ),
@@ -36036,9 +35979,9 @@ function TextArea(_a) {
             setValue(e.target.value);
             onChange == null ? void 0 : onChange(e);
           }
-        })
+        }
       ),
-      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
@@ -36148,7 +36091,8 @@ function useResources({
   const [info, setInfo] = (0, import_react7.useState)(
     Object.keys(endpoints).reduce((acc, key) => {
       var _a, _b;
-      const newAcc = __spreadProps(__spreadValues({}, acc), {
+      const newAcc = {
+        ...acc,
         [key]: {
           loaded: false,
           id: (_a = endpoints[key]) == null ? void 0 : _a.id,
@@ -36156,23 +36100,22 @@ function useResources({
           data: [],
           selectedItem: {}
         }
-      });
+      };
       return newAcc;
     }, {})
   );
   const results = Object.keys(endpoints).reduce(
     (acc, key) => {
-      var _c, _d, _e, _f, _g, _h, _i;
+      var _a, _b, _c, _d, _e, _f, _g;
       const endpoint = endpoints[key];
-      const showFunc = async (_a, autoLoad = false) => {
-        var _b = _a, { limit = 10, page = 1, merge = true } = _b, query = __objRest(_b, ["limit", "page", "merge"]);
+      const showFunc = async ({ limit = 10, page = 1, merge = true, ...query }, autoLoad = false) => {
         const options = {
           method: "GET",
           url: `${baseURI}/${key}`,
-          params: __spreadValues({ limit, page }, query),
+          params: { limit, page, ...query },
           headers: { Authorization: token }
         };
-        const newInfo = __spreadValues({}, info);
+        const newInfo = { ...info };
         newInfo[key].state = "loading";
         newInfo[key].errorMessage = "";
         newInfo[key].params = query;
@@ -36187,28 +36130,28 @@ function useResources({
           newInfo[key].totalItems = d.totalItems;
           newInfo[key].totalPages = d.totalPages;
           newInfo[key].currentPage = d.currentPage;
-          setInfo(__spreadValues({}, newInfo));
+          setInfo({ ...newInfo });
           return d.data;
         } catch (error) {
           const item = http_codes_default.find((s) => s.code == error.status);
           newInfo[key].state = "error";
           newInfo[key].errorMessage = item == null ? void 0 : item.meaning;
           if (error.status == 403) {
-            onError == null ? void 0 : onError(__spreadValues({ error }, { errorMessage: item == null ? void 0 : item.meaning }));
+            onError == null ? void 0 : onError({ error, ...{ errorMessage: item == null ? void 0 : item.meaning } });
           }
-          setInfo(__spreadValues({}, newInfo));
+          setInfo({ ...newInfo });
           return error;
         }
       };
       const findFunc = async (id, query) => {
-        var _a, _b, _c2;
+        var _a2, _b2, _c2;
         const options = {
           method: "GET",
           url: `${baseURI}/${key}/${id}`,
-          params: __spreadValues({}, query),
+          params: { ...query },
           headers: { Authorization: token }
         };
-        const newInfo = __spreadValues({}, info);
+        const newInfo = { ...info };
         newInfo[key].state = "loading";
         newInfo[key].errorMessage = "";
         newInfo[key].params = query;
@@ -36220,7 +36163,7 @@ function useResources({
           newInfo[key].state = "success";
           newInfo[key].errorMessage = "";
           newInfo[key].selectedItem = d;
-          const index = (_b = (_a = newInfo[key]) == null ? void 0 : _a.data) == null ? void 0 : _b.findIndex((d2) => (d2 == null ? void 0 : d2.id) == id);
+          const index = (_b2 = (_a2 = newInfo[key]) == null ? void 0 : _a2.data) == null ? void 0 : _b2.findIndex((d2) => (d2 == null ? void 0 : d2.id) == id);
           if (index >= 0) {
             newInfo[key].data[index] = d;
           } else {
@@ -36230,28 +36173,28 @@ function useResources({
               newInfo[key].data = [d];
             }
           }
-          setInfo(__spreadValues({}, newInfo));
+          setInfo({ ...newInfo });
           return d;
         } catch (error) {
           const item = http_codes_default.find((s) => s.code == error.status);
           newInfo[key].state = "error";
           newInfo[key].errorMessage = (item == null ? void 0 : item.meaning) || error.message;
           if (error.status == 403) {
-            onError == null ? void 0 : onError(__spreadValues({ error }, { errorMessage: item == null ? void 0 : item.meaning }));
+            onError == null ? void 0 : onError({ error, ...{ errorMessage: item == null ? void 0 : item.meaning } });
           }
-          setInfo(__spreadValues({}, newInfo));
+          setInfo({ ...newInfo });
           return error;
         }
       };
       const bodyCreateFunc = async (data) => {
-        var _a, _b, _c2, _d2, _e2, _f2;
+        var _a2, _b2, _c2, _d2, _e2, _f2;
         const options = {
           method: "POST",
           url: `${baseURI}/${key}`,
-          data: Array.isArray(data) ? [...data] : __spreadValues({}, data),
+          data: Array.isArray(data) ? [...data] : { ...data },
           headers: { Authorization: token }
         };
-        const newInfo = __spreadValues({}, info);
+        const newInfo = { ...info };
         newInfo[key].state = "loading";
         newInfo[key].errorMessage = "";
         setInfo(newInfo);
@@ -36262,7 +36205,7 @@ function useResources({
           newInfo[key].errorMessage = "";
           if (Array.isArray(data)) {
             for (let datum of data) {
-              const index = (_b = (_a = newInfo[key]) == null ? void 0 : _a.data) == null ? void 0 : _b.findIndex(
+              const index = (_b2 = (_a2 = newInfo[key]) == null ? void 0 : _a2.data) == null ? void 0 : _b2.findIndex(
                 (d2) => (d2 == null ? void 0 : d2.id) == (datum == null ? void 0 : datum.id)
               );
               if (index >= 0) {
@@ -36291,22 +36234,22 @@ function useResources({
               }
             }
           }
-          setInfo(__spreadValues({}, newInfo));
+          setInfo({ ...newInfo });
           return d;
         } catch (error) {
           const item = http_codes_default.find((s) => s.code == error.status);
           newInfo[key].state = "error";
           newInfo[key].errorMessage = (item == null ? void 0 : item.meaning) || error.message;
           if (error.status == 403) {
-            onError == null ? void 0 : onError(__spreadValues({ error }, { errorMessage: item == null ? void 0 : item.meaning }));
+            onError == null ? void 0 : onError({ error, ...{ errorMessage: item == null ? void 0 : item.meaning } });
           }
-          setInfo(__spreadValues({}, newInfo));
+          setInfo({ ...newInfo });
           return error;
         }
       };
       const formCreateFunc = async (data) => {
-        var _a, _b, _c2, _d2, _e2, _f2;
-        const newInfo = __spreadValues({}, info);
+        var _a2, _b2, _c2, _d2, _e2, _f2;
+        const newInfo = { ...info };
         newInfo[key].state = "loading";
         newInfo[key].errorMessage = "";
         setInfo(newInfo);
@@ -36338,7 +36281,7 @@ function useResources({
           newInfo[key].errorMessage = "";
           if (Array.isArray(data)) {
             for (let datum of data) {
-              const index = (_b = (_a = newInfo[key]) == null ? void 0 : _a.data) == null ? void 0 : _b.findIndex(
+              const index = (_b2 = (_a2 = newInfo[key]) == null ? void 0 : _a2.data) == null ? void 0 : _b2.findIndex(
                 (d2) => (d2 == null ? void 0 : d2.id) == (datum == null ? void 0 : datum.id)
               );
               if (index >= 0) {
@@ -36367,20 +36310,21 @@ function useResources({
               }
             }
           }
-          setInfo(__spreadValues({}, newInfo));
+          setInfo({ ...newInfo });
           return d;
         } catch (error) {
           const item = http_codes_default.find((s) => s.code == error.status);
           newInfo[key].state = "error";
           newInfo[key].errorMessage = (item == null ? void 0 : item.meaning) || error.message;
           if (error.status == 403) {
-            onError == null ? void 0 : onError(__spreadValues({ error }, { errorMessage: item == null ? void 0 : item.meaning }));
+            onError == null ? void 0 : onError({ error, ...{ errorMessage: item == null ? void 0 : item.meaning } });
           }
-          setInfo(__spreadValues({}, newInfo));
+          setInfo({ ...newInfo });
           return error;
         }
       };
-      acc[key] = __spreadProps(__spreadValues({}, endpoint), {
+      acc[key] = {
+        ...endpoint,
         loaded: false,
         show: showFunc,
         find: findFunc,
@@ -36394,14 +36338,14 @@ function useResources({
           return await bodyCreateFunc(data);
         },
         update: async (id, data) => {
-          var _a, _b, _c2;
+          var _a2, _b2, _c2;
           const options = {
             method: "PATCH",
             url: `${baseURI}/${key}/${id}`,
-            data: Array.isArray(data) ? [...data] : __spreadValues({}, data),
+            data: Array.isArray(data) ? [...data] : { ...data },
             headers: { Authorization: token }
           };
-          const newInfo = __spreadValues({}, info);
+          const newInfo = { ...info };
           newInfo[key].state = "loading";
           newInfo[key].errorMessage = "";
           setInfo(newInfo);
@@ -36410,12 +36354,12 @@ function useResources({
             const d = consulta.data;
             newInfo[key].state = "success";
             newInfo[key].errorMessage = "";
-            newInfo[key].selectedItem = __spreadValues(__spreadValues({}, newInfo[key].selectedItem), d);
-            const index = (_b = (_a = newInfo[key]) == null ? void 0 : _a.data) == null ? void 0 : _b.findIndex(
+            newInfo[key].selectedItem = { ...newInfo[key].selectedItem, ...d };
+            const index = (_b2 = (_a2 = newInfo[key]) == null ? void 0 : _a2.data) == null ? void 0 : _b2.findIndex(
               (d2) => (d2 == null ? void 0 : d2.id) == id
             );
             if (index >= 0) {
-              newInfo[key].data[index] = __spreadValues(__spreadValues({}, newInfo[key].data[index]), d);
+              newInfo[key].data[index] = { ...newInfo[key].data[index], ...d };
             } else {
               if ((_c2 = newInfo[key]) == null ? void 0 : _c2.data) {
                 newInfo[key].data.unshift(d);
@@ -36423,27 +36367,27 @@ function useResources({
                 newInfo[key].data = [d];
               }
             }
-            setInfo(__spreadValues({}, newInfo));
+            setInfo({ ...newInfo });
             return d;
           } catch (error) {
             const item = http_codes_default.find((s) => s.code == error.status);
             newInfo[key].state = "error";
             newInfo[key].errorMessage = (item == null ? void 0 : item.meaning) || error.message;
             if (error.status == 403) {
-              onError == null ? void 0 : onError(__spreadValues({ error }, { errorMessage: item == null ? void 0 : item.meaning }));
+              onError == null ? void 0 : onError({ error, ...{ errorMessage: item == null ? void 0 : item.meaning } });
             }
-            setInfo(__spreadValues({}, newInfo));
+            setInfo({ ...newInfo });
             return error;
           }
         },
         remove: async (id) => {
-          var _a, _b;
+          var _a2, _b2;
           const options = {
             method: "DELETE",
             url: `${baseURI}/${key}/${id}`,
             headers: { Authorization: token }
           };
-          const newInfo = __spreadValues({}, info);
+          const newInfo = { ...info };
           newInfo[key].state = "loading";
           newInfo[key].errorMessage = "";
           setInfo(newInfo);
@@ -36453,32 +36397,32 @@ function useResources({
             newInfo[key].state = "success";
             newInfo[key].errorMessage = "";
             newInfo[key].selectedItem = d;
-            const index = (_b = (_a = newInfo[key]) == null ? void 0 : _a.data) == null ? void 0 : _b.findIndex(
+            const index = (_b2 = (_a2 = newInfo[key]) == null ? void 0 : _a2.data) == null ? void 0 : _b2.findIndex(
               (d2) => (d2 == null ? void 0 : d2.id) == id
             );
             if (index >= 0) {
               newInfo[key].data.splice(index, 1);
             }
-            setInfo(__spreadValues({}, newInfo));
+            setInfo({ ...newInfo });
             return d.data;
           } catch (error) {
             const item = http_codes_default.find((s) => s.code == error.status);
             newInfo[key].state = "error";
             newInfo[key].errorMessage = (item == null ? void 0 : item.meaning) || error.message;
             if (error.status == 403) {
-              onError == null ? void 0 : onError(__spreadValues({ error }, { errorMessage: item == null ? void 0 : item.meaning }));
+              onError == null ? void 0 : onError({ error, ...{ errorMessage: item == null ? void 0 : item.meaning } });
             }
-            setInfo(__spreadValues({}, newInfo));
+            setInfo({ ...newInfo });
             return error;
           }
         },
-        totalPages: (_c = info[key]) == null ? void 0 : _c.totalPages,
-        currentPage: (_d = info[key]) == null ? void 0 : _d.currentPage,
-        state: ((_e = info[key]) == null ? void 0 : _e.state) || "success",
-        errorMessage: (_f = info[key]) == null ? void 0 : _f.errorMessage,
-        params: (_g = info[key]) == null ? void 0 : _g.params,
+        totalPages: (_a = info[key]) == null ? void 0 : _a.totalPages,
+        currentPage: (_b = info[key]) == null ? void 0 : _b.currentPage,
+        state: ((_c = info[key]) == null ? void 0 : _c.state) || "success",
+        errorMessage: (_d = info[key]) == null ? void 0 : _d.errorMessage,
+        params: (_e = info[key]) == null ? void 0 : _e.params,
         setLoaded: () => {
-          const newInfo = __spreadValues({}, info);
+          const newInfo = { ...info };
           newInfo[key].loaded = true;
           setInfo(newInfo);
         },
@@ -36498,16 +36442,16 @@ function useResources({
             currentPage = currentInfo.currentPage || currentPage + 1;
             totalPages = currentInfo.totalPages || currentPage;
           }
-          const newInfo = __spreadValues({}, info);
+          const newInfo = { ...info };
           newInfo[key].data = allData;
           newInfo[key].currentPage = currentPage;
           newInfo[key].totalPages = totalPages;
           setInfo(newInfo);
           return allData;
         },
-        data: ((_h = info[key]) == null ? void 0 : _h.data) || [],
-        selectedItem: ((_i = info[key]) == null ? void 0 : _i.selectedItem) || {}
-      });
+        data: ((_f = info[key]) == null ? void 0 : _f.data) || [],
+        selectedItem: ((_g = info[key]) == null ? void 0 : _g.selectedItem) || {}
+      };
       return acc;
     },
     {}
@@ -36537,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",
@@ -36549,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",
@@ -36567,25 +36511,20 @@ 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");
-function Select(_a) {
-  var _b = _a, {
-    label,
-    placeholder = "Selecciona...",
-    children,
-    strictMode = true
-  } = _b, props = __objRest(_b, [
-    "label",
-    "placeholder",
-    "children",
-    "strictMode"
-  ]);
+var import_jsx_runtime10 = require("react/jsx-runtime");
+function Select({
+  label,
+  placeholder = "Selecciona...",
+  children,
+  strictMode = true,
+  ...props
+}) {
   const [isOpen, setIsOpen] = (0, import_react8.useState)(false);
   const [inputValue, setInputValue] = (0, import_react8.useState)("");
   const [options, setOptions] = (0, import_react8.useState)(
@@ -36602,7 +36541,7 @@ function Select(_a) {
   };
   const normalize = (str) => str.normalize("NFD").replace(/[\u0300-\u036f]/g, "").toLowerCase().replace(/[^a-z]/g, "");
   (0, import_react8.useEffect)(() => {
-    var _a2;
+    var _a;
     const parsedOptions = import_react8.default.Children.toArray(children).filter((child) => {
       return child.type === "option";
     }).map((child) => {
@@ -36613,7 +36552,7 @@ function Select(_a) {
     });
     setOptions(parsedOptions);
     setFiltered(parsedOptions);
-    const value = (props == null ? void 0 : props.value) && ((_a2 = parsedOptions.find((opt) => opt.value == props.value)) == null ? void 0 : _a2.label);
+    const value = (props == null ? void 0 : props.value) && ((_a = parsedOptions.find((opt) => opt.value == props.value)) == null ? void 0 : _a.label);
     setInputValue(value);
   }, [children]);
   (0, import_react8.useEffect)(() => {
@@ -36658,19 +36597,19 @@ function Select(_a) {
       }
     }
   }, [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",
-        __spreadProps(__spreadValues({
+        {
           autoComplete: "off",
-          ref: inputRef
-        }, props), {
+          ref: inputRef,
+          ...props,
           className: [
             "p-2 w-full rounded border shadow",
             props == null ? void 0 : props.className
@@ -36678,13 +36617,13 @@ function Select(_a) {
           value: inputValue,
           onBlur: (e) => {
             setTimeout(() => {
-              var _a2, _b2, _c, _d, _e, _f, _g, _h, _i;
+              var _a, _b, _c, _d, _e, _f, _g, _h, _i;
               const item = validOption(e.target.value);
               if (!item) {
                 if (strictMode) {
                   e.target.value = "";
                   setInputValue("");
-                  (_c = (_b2 = (_a2 = e.target) == null ? void 0 : _a2.classList) == null ? void 0 : _b2.remove) == null ? void 0 : _c.call(_b2, "bg-green-200");
+                  (_c = (_b = (_a = e.target) == null ? void 0 : _a.classList) == null ? void 0 : _b.remove) == null ? void 0 : _c.call(_b, "bg-green-200");
                   (_f = (_e = (_d = e.target) == null ? void 0 : _d.classList) == null ? void 0 : _e.add) == null ? void 0 : _f.call(_e, "bg-red-200");
                   return;
                 }
@@ -36702,40 +36641,40 @@ function Select(_a) {
           placeholder,
           onFocus: () => setIsOpen(true),
           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) => {
-            var _a2, _b2, _c, _d, _e, _f;
+            var _a, _b, _c, _d, _e, _f;
             setIsOpen(true);
             setInputValue("");
             if ((inputRef == null ? void 0 : inputRef.current) && strictMode) {
-              (_c = (_b2 = (_a2 = inputRef.current) == null ? void 0 : _a2.classList) == null ? void 0 : _b2.remove) == null ? void 0 : _c.call(_b2, "bg-green-200");
+              (_c = (_b = (_a = inputRef.current) == null ? void 0 : _a.classList) == null ? void 0 : _b.remove) == null ? void 0 : _c.call(_b, "bg-green-200");
               (_f = (_e = (_d = inputRef.current) == null ? void 0 : _d.classList) == null ? void 0 : _e.add) == null ? void 0 : _f.call(_e, "bg-red-200");
               inputRef.current.focus();
             }
           },
           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"}`,
               onClick: () => {
-                var _a2;
+                var _a;
                 try {
-                  (_a2 = props == null ? void 0 : props.onChange) == null ? void 0 : _a2.call(props, {
+                  (_a = props == null ? void 0 : props.onChange) == null ? void 0 : _a.call(props, {
                     target: { value: (opt == null ? void 0 : opt.value) || opt.label }
                   });
                 } catch (error) {
@@ -36764,7 +36703,7 @@ function Select(_a) {
         }
       )
     ] }),
-    isOpen && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+    isOpen && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
       "div",
       {
         style: { zIndex: 1 },
@@ -36782,9 +36721,9 @@ function Select(_a) {
 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",
@@ -36794,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() {
@@ -36810,34 +36749,35 @@ 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;
-        return import_react9.default.createElement(type, __spreadProps(__spreadValues({}, props), {
+        return import_react9.default.createElement(type, {
+          ...props,
           onClick: (e) => {
             var _a, _b;
             show();
             (_b = (_a = child.props) == null ? void 0 : _a.onClick) == null ? void 0 : _b.call(_a, e);
           }
-        }));
+        });
       }
       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, __spreadProps(__spreadValues({}, props), { hide }));
+          return import_react9.default.createElement(type, { ...props, hide });
         }
         return child;
       }) })
@@ -36846,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: {
@@ -36898,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",
@@ -36910,30 +36850,23 @@ 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");
-function MyCalendar(_a) {
-  var _b = _a, {
-    enabledDates,
-    onChange,
-    defaultValue = "",
-    className = "",
-    label = "",
-    value
-  } = _b, otherProps = __objRest(_b, [
-    "enabledDates",
-    "onChange",
-    "defaultValue",
-    "className",
-    "label",
-    "value"
-  ]);
+var import_jsx_runtime15 = require("react/jsx-runtime");
+function MyCalendar({
+  enabledDates,
+  onChange,
+  defaultValue = "",
+  className = "",
+  label = "",
+  value,
+  ...otherProps
+}) {
   const [selectedDate, setSelectedDate] = (0, import_react10.useState)(null);
   const [dateStr, setDateStr] = (0, import_react10.useState)(
     defaultValue || value || ""
@@ -36955,22 +36888,23 @@ function MyCalendar(_a) {
   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",
-              __spreadProps(__spreadValues({}, otherProps), {
+              {
+                ...otherProps,
                 className: [
                   "p-2 w-full rounded border shadow cursor-pointer",
                   className
@@ -36980,15 +36914,15 @@ function MyCalendar(_a) {
                   return;
                 },
                 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",
@@ -36996,7 +36930,7 @@ function MyCalendar(_a) {
           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,
@@ -37010,9 +36944,9 @@ function MyCalendar(_a) {
 }
 
 // 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",
@@ -37022,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/");
@@ -37037,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,
@@ -37052,7 +36986,7 @@ function DocumentViewer({ item }) {
         }
       )
     ] }),
-    isImage ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    isImage ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
       "img",
       {
         src: url,
@@ -37065,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,
@@ -37073,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: {
@@ -37083,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, {})
       }
     )
   ] });
@@ -37096,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",
@@ -37108,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",
@@ -37123,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",
@@ -37138,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",
@@ -37153,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",
@@ -37169,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",
@@ -37186,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,
@@ -37253,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  ",
@@ -37262,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]) ? {
@@ -37275,61 +37209,63 @@ 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) => {
-                  const newSort = __spreadValues({}, sort);
+                  const newSort = { ...sort };
                   newSort[h] = "asc";
-                  const reorderedSort = __spreadValues({
-                    [h]: "asc"
-                  }, Object.fromEntries(
-                    Object.entries(newSort).filter(([key]) => key !== h)
-                  ));
+                  const reorderedSort = {
+                    [h]: "asc",
+                    ...Object.fromEntries(
+                      Object.entries(newSort).filter(([key]) => key !== h)
+                    )
+                  };
                   setSort(reorderedSort);
                   setVisible(false);
                 },
                 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) => {
-                  const newSort = __spreadValues({}, sort);
+                  const newSort = { ...sort };
                   newSort[h] = "desc";
-                  const reorderedSort = __spreadValues({
-                    [h]: "desc"
-                  }, Object.fromEntries(
-                    Object.entries(newSort).filter(([key]) => key !== h)
-                  ));
+                  const reorderedSort = {
+                    [h]: "desc",
+                    ...Object.fromEntries(
+                      Object.entries(newSort).filter(([key]) => key !== h)
+                    )
+                  };
                   setSort(reorderedSort);
                   setVisible(false);
                 },
                 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",
@@ -37338,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",
@@ -37361,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",
@@ -37378,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",
@@ -37401,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",
@@ -37413,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",
@@ -37432,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,
@@ -37447,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",
@@ -37477,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,
@@ -37500,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,
@@ -37520,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`,
@@ -37528,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",
@@ -37537,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",
@@ -37561,52 +37497,60 @@ function TR({
             return null;
           } else if (handlers == null ? void 0 : handlers[h]) {
             const original = handlers[h];
-            const cloned = import_react12.default.cloneElement(original, __spreadValues(__spreadValues({
+            const cloned = import_react12.default.cloneElement(original, {
               // si es controlado por value → actualiza con row[h]
               value: ((_a = original.props) == null ? void 0 : _a.value) !== void 0 ? row[h] : void 0,
               // si usa children → actualiza con row[h] también
-              children: ((_b = original.props) == null ? void 0 : _b.children) ? typeof original.props.children == "object" ? (_c = original.props) == null ? void 0 : _c.children : row == null ? void 0 : row[h] : null
-            }, original.props.hasOwnProperty("row") ? {
-              row,
-              updateRow: (finalResponse) => setObjectData(__spreadValues(__spreadValues({}, (row == null ? void 0 : row._id) ? {
-                _id: row == null ? void 0 : row._id,
-                _updated: true,
-                _visible: true
-              } : {
-                id: (row == null ? void 0 : row.id) || null,
-                _updated: true,
-                _visible: true
-              }), finalResponse))
-            } : {}), Object.keys(__spreadProps(__spreadValues({}, original.props), {
-              onChange: (_d = original.props) == null ? void 0 : _d.onChange
-            })).filter((action) => action.startsWith("on")).reduce((acc, action) => {
-              acc[action] = (e) => {
-                var _a2, _b2;
-                e.row = row;
-                const userResponse = ((_b2 = (_a2 = original.props) == null ? void 0 : _a2[action]) == null ? void 0 : _b2.call(_a2, e)) || {};
-                const newObject = (row == null ? void 0 : row._id) ? __spreadValues({
-                  _id: row == null ? void 0 : row._id,
-                  [h]: e.target.value,
-                  _updated: true,
-                  _visible: true
-                }, userResponse) : __spreadValues({
-                  id: (row == null ? void 0 : row.id) || null,
-                  [h]: e.target.value,
-                  _updated: true,
-                  _visible: true
-                }, userResponse);
-                const finalResponse = action == "onChange" && onChange ? onChange(__spreadProps(__spreadValues({}, e), { row: __spreadValues(__spreadValues({}, e.row), newObject) })) : {};
-                setObjectData(__spreadValues(__spreadValues({}, newObject), finalResponse));
-              };
-              return acc;
-            }, {})));
-            return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("td", { className: `text-black `, children: cloned }, h);
+              children: ((_b = original.props) == null ? void 0 : _b.children) ? typeof original.props.children == "object" ? (_c = original.props) == null ? void 0 : _c.children : row == null ? void 0 : row[h] : null,
+              ...original.props.hasOwnProperty("row") ? {
+                row,
+                updateRow: (finalResponse) => setObjectData({
+                  ...(row == null ? void 0 : row._id) ? {
+                    _id: row == null ? void 0 : row._id,
+                    _updated: true,
+                    _visible: true
+                  } : {
+                    id: (row == null ? void 0 : row.id) || null,
+                    _updated: true,
+                    _visible: true
+                  },
+                  ...finalResponse
+                })
+              } : {},
+              ...Object.keys({
+                ...original.props,
+                onChange: (_d = original.props) == null ? void 0 : _d.onChange
+              }).filter((action) => action.startsWith("on")).reduce((acc, action) => {
+                acc[action] = (e) => {
+                  var _a2, _b2;
+                  e.row = row;
+                  const userResponse = ((_b2 = (_a2 = original.props) == null ? void 0 : _a2[action]) == null ? void 0 : _b2.call(_a2, e)) || {};
+                  const newObject = (row == null ? void 0 : row._id) ? {
+                    _id: row == null ? void 0 : row._id,
+                    [h]: e.target.value,
+                    _updated: true,
+                    _visible: true,
+                    ...userResponse
+                  } : {
+                    id: (row == null ? void 0 : row.id) || null,
+                    [h]: e.target.value,
+                    _updated: true,
+                    _visible: true,
+                    ...userResponse
+                  };
+                  const finalResponse = action == "onChange" && onChange ? onChange({ ...e, row: { ...e.row, ...newObject } }) : {};
+                  setObjectData({ ...newObject, ...finalResponse });
+                };
+                return acc;
+              }, {})
+            });
+            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);
         })
       ]
     },
@@ -37615,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,
@@ -37659,34 +37603,36 @@ 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,
-      __spreadValues({}, {
-        headers,
-        index,
-        setObjectData,
-        id,
-        row,
-        handlers,
-        selectItems,
-        colSizes,
-        modal,
-        modalRef,
-        dialogRow,
-        symbols,
-        setDialogRow,
-        setSelected,
-        selected,
-        onChange
-      }),
+      {
+        ...{
+          headers,
+          index,
+          setObjectData,
+          id,
+          row,
+          handlers,
+          selectItems,
+          colSizes,
+          modal,
+          modalRef,
+          dialogRow,
+          symbols,
+          setDialogRow,
+          setSelected,
+          selected,
+          onChange
+        }
+      },
       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,
@@ -37697,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",
@@ -37708,41 +37654,41 @@ 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",
           onClick: (e) => {
             excel.export(
               Object.values(objectData).reverse().map((d) => {
-                const _a = d, { _visible, _id, _selected } = _a, data = __objRest(_a, ["_visible", "_id", "_selected"]);
+                const { _visible, _id, _selected, ...data } = d;
                 return data;
               }),
               exportName + ".xlsx"
             );
           },
           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),
@@ -37750,7 +37696,7 @@ function Panel({
           children: "\u25B6"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
         "button",
         {
           onClick: () => setPage(totalPages),
@@ -37763,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,
@@ -37788,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,
@@ -37836,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: () => {
@@ -37856,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 })
       ]
     }
   );
@@ -37864,70 +37810,61 @@ function Dialog4({
 var dialog_default = Dialog4;
 
 // src/table3/index.tsx
-var import_jsx_runtime27 = require("react/jsx-runtime");
-function Table3(_a) {
-  var _b = _a, {
-    data,
-    selectItems,
-    maxItems = Infinity,
-    onSave,
-    exportName,
-    colSizes,
-    modal,
-    header,
-    footer,
-    onChange,
-    symbols,
-    sortBy
-  } = _b, props = __objRest(_b, [
-    "data",
-    "selectItems",
-    "maxItems",
-    "onSave",
-    "exportName",
-    "colSizes",
-    "modal",
-    "header",
-    "footer",
-    "onChange",
-    "symbols",
-    "sortBy"
-  ]);
+var import_jsx_runtime26 = require("react/jsx-runtime");
+function Table3({
+  data,
+  selectItems,
+  maxItems = Infinity,
+  onSave,
+  exportName,
+  colSizes,
+  modal,
+  header,
+  footer,
+  onChange,
+  symbols,
+  sortBy,
+  ...props
+}) {
   const [handlers, setHandlers] = (0, import_react15.useState)({});
   const [page, setPage] = (0, import_react15.useState)(1);
   function dataReducer(a, b) {
     if (b == null) return {};
     if (Array.isArray(b)) {
       const obj = b.reduce((acc, bb) => {
-        var _a2, _b2, _c, _d, _e, _f, _g;
+        var _a, _b, _c, _d, _e, _f, _g;
         const id = (bb == null ? void 0 : bb.id) || (bb == null ? void 0 : bb._id);
         if (!id) throw new Error("Se necesita el id o _id");
-        const cc = ((_a2 = a == null ? void 0 : a[id]) == null ? void 0 : _a2._updated) ? __spreadProps(__spreadValues(__spreadValues({}, bb), a == null ? void 0 : a[id]), {
+        const cc = ((_a = a == null ? void 0 : a[id]) == null ? void 0 : _a._updated) ? {
+          ...bb,
+          ...a == null ? void 0 : a[id],
           _selected: bb == null ? void 0 : bb._selected,
           _visible: (bb == null ? void 0 : bb._visible) == false ? false : true
-        }) : __spreadProps(__spreadValues(__spreadValues({}, a == null ? void 0 : a[id]), bb), {
+        } : {
+          ...a == null ? void 0 : a[id],
+          ...bb,
           _selected: bb == null ? void 0 : bb._selected,
           _visible: (bb == null ? void 0 : bb._visible) == false ? false : true
-        });
-        const newHandlers = __spreadValues({}, handlers);
+        };
+        const newHandlers = { ...handlers };
         for (let item in cc) {
           const isReactComponent = import_react15.default.isValidElement(cc[item]);
           if (isReactComponent) {
             newHandlers[item] = cc[item];
-            const value = ((_c = (_b2 = cc[item]) == null ? void 0 : _b2.props) == null ? void 0 : _c.value) || (typeof ((_e = (_d = cc[item]) == null ? void 0 : _d.props) == null ? void 0 : _e.children) !== "object" ? (_g = (_f = cc[item]) == null ? void 0 : _f.props) == null ? void 0 : _g.children : "");
+            const value = ((_c = (_b = cc[item]) == null ? void 0 : _b.props) == null ? void 0 : _c.value) || (typeof ((_e = (_d = cc[item]) == null ? void 0 : _d.props) == null ? void 0 : _e.children) !== "object" ? (_g = (_f = cc[item]) == null ? void 0 : _f.props) == null ? void 0 : _g.children : "");
             cc[item] = value || "";
           }
         }
         setHandlers(newHandlers);
-        acc[id] = __spreadValues(__spreadValues({}, bb), cc);
+        acc[id] = { ...bb, ...cc };
         return acc;
       }, {});
       return obj;
     } else {
-      const newA = __spreadValues({}, a);
+      const newA = { ...a };
       const id = (b == null ? void 0 : b.id) || (b == null ? void 0 : b._id);
       if (!id) throw new Error("Se necesita el id o _id para actualizar");
-      newA[id] = __spreadValues(__spreadValues({}, newA[id]), b);
+      newA[id] = { ...newA[id], ...b };
       return newA;
     }
   }
@@ -37951,7 +37888,7 @@ function Table3(_a) {
   const [sort, setSort] = (0, import_react15.useState)(sortBy);
   const modalRef = (0, import_react15.useRef)(null);
   const [dialogRow, setDialogRow] = (0, import_react15.useState)({});
-  const context = __spreadValues({
+  const context = {
     objectData,
     headers,
     handlers,
@@ -37974,18 +37911,19 @@ function Table3(_a) {
     data,
     symbols,
     sort,
-    setSort
-  }, props);
+    setSort,
+    ...props
+  };
   (0, import_react15.useEffect)(() => {
     if ((dialogRow == null ? void 0 : dialogRow.id) || (dialogRow == null ? void 0 : dialogRow._id)) {
       const newDialogRow = objectData[dialogRow == null ? void 0 : dialogRow.id] || objectData[dialogRow == null ? void 0 : dialogRow._id];
       setDialogRow(newDialogRow);
     }
   }, [objectData]);
-  const style = (props == null ? void 0 : props.style) ? __spreadProps(__spreadValues({}, props.style), { tableLayout: "fixed" }) : { tableLayout: "fixed" };
+  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,
@@ -37995,18 +37933,155 @@ function Table3(_a) {
         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, __spreadValues({}, context)),
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("table", __spreadProps(__spreadValues({}, props), { style, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(TableHead, __spreadValues({}, context)),
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(TableBody, __spreadValues({}, context)),
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(TableFooter, __spreadValues({}, 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,
@@ -38023,6 +38098,7 @@ function Table3(_a) {
   useDates,
   useExcel,
   useFormValues,
+  usePopup,
   useResources
 });
 /*! Bundled license information: