next-recomponents 2.0.0 → 2.0.2

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
@@ -3545,63 +3522,53 @@ var catColor = {
 
 // 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"
-  ]);
+function Alert({
+  color = "primary",
+  children,
+  ...props
+}) {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "div",
-    __spreadProps(__spreadValues({
-      className: [catColor[color], "p-2 rounded shadow border"].join(" ")
-    }, props), {
+    {
+      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"
-  ]);
+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)(
     "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 +3580,7 @@ function Button(_a) {
         icon,
         children
       ]
-    })
+    }
   );
 }
 
@@ -3839,30 +3806,24 @@ var import_react3 = __toESM(require("react"));
 var import_jsx_runtime5 = 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,8 +3836,8 @@ 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;
     }
@@ -3884,7 +3845,8 @@ function Form(_a) {
   }
   return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
     "form",
-    __spreadProps(__spreadValues({}, otherProps), {
+    {
+      ...otherProps,
       ref,
       onSubmit: async (e) => {
         e.preventDefault();
@@ -3894,19 +3856,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);
                 }
               });
@@ -3918,24 +3880,19 @@ function Form(_a) {
         }),
         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 }) })
       ]
-    })
+    }
   );
 }
 
 // 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"
-  ]);
+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: [
@@ -3947,14 +3904,15 @@ function Input(_a) {
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime6.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 })
@@ -35739,7 +35697,7 @@ var import_material2 = require("@mui/material");
 var import_jsx_runtime7 = 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_runtime7.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 }),
@@ -35777,7 +35735,7 @@ function IHTable({
   buttons,
   exportName,
   modal,
-  height = 370,
+  height = 600,
   width = "100%",
   header,
   hideColumns = [],
@@ -35785,7 +35743,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 +35768,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);
             }
@@ -35887,32 +35846,23 @@ 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)
-                )
-              }) })
-            ]
-          }
-        ),
+        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)(
@@ -35921,10 +35871,7 @@ function IHTable({
               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`
                 );
               },
@@ -35937,10 +35884,7 @@ function IHTable({
               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"
             }
@@ -35948,10 +35892,7 @@ function IHTable({
             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"
             }
@@ -35965,7 +35906,6 @@ function IHTable({
             checkboxSelection: Boolean(onSelect),
             rowSelectionModel: selectedRows,
             onRowSelectionModelChange: (newSelection) => {
-              console.log(newSelection);
               setSelectedRows(newSelection);
             },
             sx: {
@@ -35984,36 +35924,53 @@ function IHTable({
     }
   );
 }
-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_runtime7.jsx)("div", { className: "flex justify-end gap-6 px-4 py-2 bg-gray-100 border-t border-gray-300 text-sm font-semibold text-gray-700", children: entries.map(([key, type]) => {
+    const value = compute(key, type);
+    const formatted = type === "avg" ? value.toLocaleString(void 0, { maximumFractionDigits: 2 }) : value.toLocaleString();
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { children: [
+      label[type],
+      " de ",
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "text-gray-900", children: key }),
+      ":",
+      " ",
+      /* @__PURE__ */ (0, import_jsx_runtime7.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"
-  ]);
+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: [
@@ -36024,7 +35981,8 @@ function TextArea(_a) {
     /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { children: [
       /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
         "textarea",
-        __spreadProps(__spreadValues({}, props), {
+        {
+          ...props,
           className: ["p-1 w-full rounded border shadow", className].join(
             " "
           ),
@@ -36036,7 +35994,7 @@ 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: [
         value.length,
@@ -36148,7 +36106,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 +36115,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 +36145,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 +36178,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 +36188,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 +36220,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 +36249,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 +36296,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 +36325,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 +36353,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 +36369,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 +36382,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 +36412,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 +36457,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;
     },
     {}
@@ -36574,18 +36533,13 @@ function CloseIcon() {
 
 // 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"
-  ]);
+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 +36556,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 +36567,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)(() => {
@@ -36667,10 +36621,10 @@ function Select(_a) {
     /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "relative", children: [
       /* @__PURE__ */ (0, import_jsx_runtime11.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 +36632,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,18 +36656,18 @@ 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)(
         "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();
             }
@@ -36733,9 +36687,9 @@ function Select(_a) {
             {
               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) {
@@ -36814,13 +36768,14 @@ function Modal({ button, children, ref, title = "" }) {
     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;
     }),
@@ -36837,7 +36792,7 @@ function Modal({ button, children, ref, title = "" }) {
       /* @__PURE__ */ (0, import_jsx_runtime13.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;
       }) })
@@ -36916,40 +36871,29 @@ function CalendarIcon() {
 }
 
 // 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"
-  ]);
-  const modalRef = (0, import_react10.useRef)(null);
+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 || ""
   );
-  const [visible, setVisible] = (0, import_react10.useState)(false);
-  (0, import_react10.useEffect)(() => {
-    setVisible(typeof window !== "undefined");
-  }, []);
+  const [open, setOpen] = (0, import_react10.useState)(false);
   function handleChange(date) {
-    var _a2, _b2;
     if (!date) return;
     setSelectedDate(date);
     const formattedDate = date.toISOString().split("T")[0];
     setDateStr(formattedDate);
     onChange == null ? void 0 : onChange({ target: { value: formattedDate } });
-    (_b2 = (_a2 = modalRef.current) == null ? void 0 : _a2.close) == null ? void 0 : _b2.call(_a2);
+    setOpen(false);
   }
   const normalizedEnabledDates = enabledDates.map((item) => {
     if (item instanceof Date) return item;
@@ -36969,15 +36913,13 @@ function MyCalendar(_a) {
       /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
         "div",
         {
-          onClick: () => {
-            var _a2, _b2;
-            return (_b2 = (_a2 = modalRef == null ? void 0 : modalRef.current) == null ? void 0 : _a2.showModal) == null ? void 0 : _b2.call(_a2);
-          },
           className: "cursor-pointer flex items-center justify-center",
+          onClick: (e) => setOpen(true),
           children: [
             /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
               "input",
-              __spreadProps(__spreadValues({}, otherProps), {
+              {
+                ...otherProps,
                 className: [
                   "p-2 w-full rounded border shadow cursor-pointer",
                   className
@@ -36987,36 +36929,32 @@ 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, {}) })
           ]
         }
       ) })
     ] }),
-    visible && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-      "dialog",
-      {
-        ref: modalRef,
-        id: "my-calendar-modal-item",
-        onClick: (e) => {
-          var _a2;
-          const el = e.target;
-          if ((el == null ? void 0 : el.id) === "my-calendar-modal-item") {
-            (_a2 = modalRef.current) == null ? void 0 : _a2.close();
-          }
-        },
-        children: /* @__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)(
-          import_react_datepicker.default,
-          {
-            inline: true,
-            selected: selectedDate,
-            onChange: handleChange,
-            includeDates: normalizedEnabledDates
-          }
-        ) })
-      }
-    )
+    /* @__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)(
+        "button",
+        {
+          className: " border-lg w-[20px] bg-red-500 text-white shadow rounded",
+          onClick: (e) => setOpen(false),
+          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)(
+        import_react_datepicker.default,
+        {
+          inline: true,
+          selected: selectedDate,
+          onChange: handleChange,
+          includeDates: normalizedEnabledDates
+        }
+      ) })
+    ] })
   ] });
 }
 
@@ -37302,13 +37240,14 @@ function Filter({
               "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);
                 },
@@ -37323,13 +37262,14 @@ function Filter({
               "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);
                 },
@@ -37572,45 +37512,53 @@ 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;
-            }, {})));
+              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_runtime22.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: [
@@ -37672,24 +37620,26 @@ function TableBody({
     const row = objectData[id];
     return /* @__PURE__ */ (0, import_jsx_runtime23.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
     );
   });
@@ -37731,7 +37681,7 @@ function Panel({
           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"
@@ -37820,7 +37770,7 @@ function TableFooter({
 // src/table3/dialog.tsx
 var import_react14 = __toESM(require("react"));
 var import_jsx_runtime26 = require("react/jsx-runtime");
-function Dialog3({
+function Dialog4({
   modalRef,
   children,
   dialogRow,
@@ -37872,73 +37822,64 @@ function Dialog3({
     }
   );
 }
-var dialog_default = Dialog3;
+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"
-  ]);
+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;
     }
   }
@@ -37962,7 +37903,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,
@@ -37985,15 +37926,16 @@ 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)(
@@ -38007,12 +37949,12 @@ function Table3(_a) {
       }
     ),
     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))
-    ] }))
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Panel, { ...context }),
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("table", { ...props, style, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(TableHead, { ...context }),
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(TableBody, { ...context }),
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(TableFooter, { ...context })
+    ] })
   ] });
 }
 // Annotate the CommonJS export names for ESM import in node: