next-recomponents 2.0.39 → 2.0.41

package/dist/index.js

@@ -3882,98 +3882,97 @@ function Input({
   className,
   regex,
   invalidMessage = "Valor no v\xE1lido",
+  icon = null,
   ...props
 }) {
   const value = `${(props == null ? void 0 : props.value) || ""}`;
   const isValid = !regex ? true : regex.test(value);
   const isPassword = props.type === "password";
   const [showPassword, setShowPassword] = (0, import_react4.useState)(false);
-  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: [
+  const svg = icon;
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "w-full relative my-3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "relative flex items-center border rounded bg-white pr-1 mb-5 w-full", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+        "input",
+        {
+          ...props,
+          type: isPassword && showPassword ? "text" : props.type,
+          className: [
+            "block p-2 w-full bg-transparent  min-w-0",
+            isPassword && "pr-10",
+            value !== "" && !isValid && "bg-red-200 text-black",
+            value !== "" && isValid && "bg-green-200 text-black",
+            className
+          ].filter(Boolean).join(" ")
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("label", { className: "absolute -top-2.5 left-2 text-xs font-bold  px-1", 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_runtime6.jsx)("span", { className: "text-red-500 ml-1", children: "*" })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "relative", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-          "input",
-          {
-            ...props,
-            type: isPassword && showPassword ? "text" : props.type,
-            className: [
-              "p-2 w-full rounded border shadow",
-              isPassword && "pr-10",
-              value !== "" && !isValid && "bg-red-200 text-black",
-              value !== "" && isValid && "bg-green-200 text-black",
-              className
-            ].filter(Boolean).join(" ")
-          }
-        ),
-        isPassword && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-          "button",
-          {
-            type: "button",
-            onClick: () => setShowPassword((prev) => !prev),
-            className: "absolute right-2 top-1/2 -translate-y-1/2 text-gray-500 hover:text-gray-800 focus:outline-none",
-            "aria-label": showPassword ? "Ocultar contrase\xF1a" : "Mostrar contrase\xF1a",
-            children: showPassword ? (
-              // Ojo cerrado (ocultar)
-              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-                "svg",
-                {
-                  xmlns: "http://www.w3.org/2000/svg",
-                  className: "h-5 w-5",
-                  fill: "none",
-                  viewBox: "0 0 24 24",
-                  stroke: "currentColor",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+      isPassword ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+        "button",
+        {
+          type: "button",
+          onClick: () => setShowPassword((prev) => !prev),
+          className: "absolute right-2 top-1/2 -translate-y-1/2 text-gray-500 hover:text-gray-800 focus:outline-none",
+          "aria-label": showPassword ? "Ocultar contrase\xF1a" : "Mostrar contrase\xF1a",
+          children: showPassword ? (
+            // Ojo cerrado (ocultar)
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+              "svg",
+              {
+                xmlns: "http://www.w3.org/2000/svg",
+                className: "h-5 w-5",
+                fill: "none",
+                viewBox: "0 0 24 24",
+                stroke: "currentColor",
+                children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+                  "path",
+                  {
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round",
+                    strokeWidth: 2,
+                    d: "M13.875 18.825A10.05 10.05 0 0112 19c-4.478 0-8.268-2.943-9.543-7a9.97 9.97 0 011.563-3.029m5.858.908a3 3 0 114.243 4.243M9.878 9.878l4.242 4.242M9.88 9.88l-3.29-3.29m7.532 7.532l3.29 3.29M3 3l3.59 3.59m0 0A9.953 9.953 0 0112 5c4.478 0 8.268 2.943 9.543 7a10.025 10.025 0 01-4.132 5.411m0 0L21 21"
+                  }
+                )
+              }
+            )
+          ) : (
+            // Ojo abierto (mostrar)
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+              "svg",
+              {
+                xmlns: "http://www.w3.org/2000/svg",
+                className: "h-5 w-5",
+                fill: "none",
+                viewBox: "0 0 24 24",
+                stroke: "currentColor",
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+                    "path",
+                    {
+                      strokeLinecap: "round",
+                      strokeLinejoin: "round",
+                      strokeWidth: 2,
+                      d: "M15 12a3 3 0 11-6 0 3 3 0 016 0z"
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
                     "path",
                     {
                       strokeLinecap: "round",
                       strokeLinejoin: "round",
                       strokeWidth: 2,
-                      d: "M13.875 18.825A10.05 10.05 0 0112 19c-4.478 0-8.268-2.943-9.543-7a9.97 9.97 0 011.563-3.029m5.858.908a3 3 0 114.243 4.243M9.878 9.878l4.242 4.242M9.88 9.88l-3.29-3.29m7.532 7.532l3.29 3.29M3 3l3.59 3.59m0 0A9.953 9.953 0 0112 5c4.478 0 8.268 2.943 9.543 7a10.025 10.025 0 01-4.132 5.411m0 0L21 21"
+                      d: "M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"
                     }
                   )
-                }
-              )
-            ) : (
-              // Ojo abierto (mostrar)
-              /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
-                "svg",
-                {
-                  xmlns: "http://www.w3.org/2000/svg",
-                  className: "h-5 w-5",
-                  fill: "none",
-                  viewBox: "0 0 24 24",
-                  stroke: "currentColor",
-                  children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-                      "path",
-                      {
-                        strokeLinecap: "round",
-                        strokeLinejoin: "round",
-                        strokeWidth: 2,
-                        d: "M15 12a3 3 0 11-6 0 3 3 0 016 0z"
-                      }
-                    ),
-                    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-                      "path",
-                      {
-                        strokeLinecap: "round",
-                        strokeLinejoin: "round",
-                        strokeWidth: 2,
-                        d: "M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"
-                      }
-                    )
-                  ]
-                }
-              )
+                ]
+              }
             )
-          }
-        )
-      ] })
+          )
+        }
+      ) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("i", { className: "absulute right-[12px] text-[#3a7bd5] ", children: svg })
     ] }),
     !isValid && value !== "" && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "text-red-800 invalid", children: invalidMessage })
   ] });
@@ -36178,35 +36177,32 @@ function TextArea({
   ...props
 }) {
   const [value, setValue] = (0, import_react6.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_runtime8.jsx)("div", { className: "w-full relative my-3", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "relative flex items-center border rounded bg-white ", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+      "textarea",
+      {
+        ...props,
+        className: ["p-1 w-full transparent", className].join(" "),
+        value,
+        onChange: (e) => {
+          if (maxLength) {
+            e.target.value = e.target.value.slice(0, maxLength);
+          }
+          setValue(e.target.value);
+          onChange == null ? void 0 : onChange(e);
+        }
+      }
+    ),
+    " ",
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { className: "absolute -top-2.5 left-2 text-xs font-bold  px-1", children: [
       label,
       " ",
       (props == null ? void 0 : props.required) && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "text-red-500", children: "*" })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-        "textarea",
-        {
-          ...props,
-          className: ["p-1 w-full rounded border shadow", className].join(
-            " "
-          ),
-          value,
-          onChange: (e) => {
-            if (maxLength) {
-              e.target.value = e.target.value.slice(0, maxLength);
-            }
-            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,
-        " / ",
-        maxLength
-      ] })
+    maxLength && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: " text-xs text-gray text-right", children: [
+      value.length,
+      " / ",
+      maxLength
     ] })
   ] }) });
 }
@@ -36303,27 +36299,6 @@ var httpStatusCodes = [
 var http_codes_default = httpStatusCodes;
 
 // src/use-resources/index.ts
-function getErrorMeaning(error) {
-  var _a;
-  return (_a = http_codes_default.find((s) => s.code === (error == null ? void 0 : error.status))) == null ? void 0 : _a.meaning;
-}
-function mergeDataArray(existing, incoming, matchId) {
-  const idx = existing.findIndex((d) => (d == null ? void 0 : d.id) == matchId);
-  if (idx >= 0) {
-    return existing.map((d, i) => i === idx ? incoming : d);
-  }
-  return [incoming, ...existing];
-}
-function cloneKey(state, key) {
-  var _a;
-  return {
-    ...state,
-    [key]: {
-      ...state[key],
-      data: ((_a = state[key]) == null ? void 0 : _a.data) ? [...state[key].data] : []
-    }
-  };
-}
 function useResources({
   baseURI,
   endpoints,
@@ -36331,304 +36306,391 @@ function useResources({
 }) {
   const token = useToken();
   const [info, setInfo] = (0, import_react8.useState)(
-    () => Object.keys(endpoints).reduce((acc, key) => {
+    Object.keys(endpoints).reduce((acc, key) => {
       var _a, _b;
-      acc[key] = {
-        loaded: false,
-        id: (_a = endpoints[key]) == null ? void 0 : _a.id,
-        defaultParams: (_b = endpoints[key]) == null ? void 0 : _b.defaultParams,
-        data: [],
-        selectedItem: {},
-        state: "success",
-        errorMessage: ""
-      };
-      return acc;
-    }, {})
-  );
-  const infoRef = (0, import_react8.useRef)(info);
-  (0, import_react8.useEffect)(() => {
-    infoRef.current = info;
-  }, [info]);
-  const setKeyLoading = (0, import_react8.useCallback)((key) => {
-    setInfo((prev) => ({
-      ...cloneKey(prev, key),
-      [key]: {
-        ...cloneKey(prev, key)[key],
-        state: "loading",
-        errorMessage: ""
-      }
-    }));
-  }, []);
-  const setKeyError = (0, import_react8.useCallback)(
-    (key, error) => {
-      const meaning = getErrorMeaning(error);
-      if ((error == null ? void 0 : error.status) === 403) onError == null ? void 0 : onError({ error, errorMessage: meaning });
-      setInfo((prev) => ({
-        ...cloneKey(prev, key),
+      const newAcc = {
+        ...acc,
         [key]: {
-          ...cloneKey(prev, key)[key],
-          state: "error",
-          errorMessage: meaning || (error == null ? void 0 : error.message)
+          loaded: false,
+          id: (_a = endpoints[key]) == null ? void 0 : _a.id,
+          defaultParams: (_b = endpoints[key]) == null ? void 0 : _b.defaultParams,
+          data: [],
+          selectedItem: {}
         }
-      }));
-    },
-    [onError]
+      };
+      return newAcc;
+    }, {})
   );
-  const show = (0, import_react8.useCallback)(
-    async (key, { limit = 10, page = 1, merge = true, ...query }) => {
-      setInfo((prev) => ({
-        ...cloneKey(prev, key),
-        [key]: {
-          ...cloneKey(prev, key)[key],
-          state: "loading",
-          errorMessage: "",
-          params: query,
-          loaded: true
-        }
-      }));
-      try {
-        const { data: res } = await import_axios.default.get(`${baseURI}/${key}`, {
+  const results = Object.keys(endpoints).reduce(
+    (acc, key) => {
+      var _a, _b, _c, _d, _e, _f, _g;
+      const endpoint = endpoints[key];
+      const showFunc = async ({ limit = 10, page = 1, merge = true, ...query }, autoLoad = false) => {
+        const options = {
+          method: "GET",
+          url: `${baseURI}/${key}`,
           params: { limit, page, ...query },
           headers: { Authorization: token }
-        });
-        setInfo((prev) => {
-          var _a, _b;
-          const prevData = (_b = (_a = prev[key]) == null ? void 0 : _a.data) != null ? _b : [];
-          const merged = merge ? page === 1 ? res.data : [...prevData, ...res.data] : res.data;
-          return {
-            ...prev,
-            [key]: {
-              ...prev[key],
-              state: "success",
-              errorMessage: "",
-              data: merged,
-              totalItems: res.totalItems,
-              totalPages: res.totalPages,
-              currentPage: res.currentPage
+        };
+        const newInfo = { ...info };
+        newInfo[key].state = "loading";
+        newInfo[key].errorMessage = "";
+        newInfo[key].params = query;
+        newInfo[key].loaded = true;
+        setInfo(newInfo);
+        try {
+          const consulta = await import_axios.default.request(options);
+          const d = consulta.data;
+          newInfo[key].state = "success";
+          newInfo[key].errorMessage = "";
+          newInfo[key].data = merge ? page == 1 ? d.data : [...d.data, ...newInfo[key].data || []] : d.data;
+          newInfo[key].totalItems = d.totalItems;
+          newInfo[key].totalPages = d.totalPages;
+          newInfo[key].currentPage = d.currentPage;
+          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({ error, ...{ errorMessage: item == null ? void 0 : item.meaning } });
+          }
+          setInfo({ ...newInfo });
+          return error;
+        }
+      };
+      const findFunc = async (id, query) => {
+        var _a2, _b2, _c2;
+        const options = {
+          method: "GET",
+          url: `${baseURI}/${key}/${id}`,
+          params: { ...query },
+          headers: { Authorization: token }
+        };
+        const newInfo = { ...info };
+        newInfo[key].state = "loading";
+        newInfo[key].errorMessage = "";
+        newInfo[key].params = query;
+        newInfo[key].loaded = true;
+        setInfo(newInfo);
+        try {
+          const consulta = await import_axios.default.request(options);
+          const d = consulta.data;
+          newInfo[key].state = "success";
+          newInfo[key].errorMessage = "";
+          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] = d;
+          } else {
+            if ((_c2 = newInfo[key]) == null ? void 0 : _c2.data) {
+              newInfo[key].data.unshift(d);
+            } else {
+              newInfo[key].data = [d];
             }
-          };
-        });
-        return res.data;
-      } catch (error) {
-        setKeyError(key, error);
-        return error;
-      }
-    },
-    [baseURI, token, setKeyError]
-  );
-  const find = (0, import_react8.useCallback)(
-    async (key, id, query) => {
-      setInfo((prev) => ({
-        ...cloneKey(prev, key),
-        [key]: {
-          ...cloneKey(prev, key)[key],
-          state: "loading",
-          errorMessage: "",
-          params: query,
-          loaded: true
+          }
+          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({ error, ...{ errorMessage: item == null ? void 0 : item.meaning } });
+          }
+          setInfo({ ...newInfo });
+          return error;
         }
-      }));
-      try {
-        const { data: d } = await import_axios.default.get(`${baseURI}/${key}/${id}`, {
-          params: query,
+      };
+      const bodyCreateFunc = async (data) => {
+        var _a2, _b2, _c2, _d2, _e2, _f2;
+        const options = {
+          method: "POST",
+          url: `${baseURI}/${key}`,
+          data: Array.isArray(data) ? [...data] : { ...data },
           headers: { Authorization: token }
-        });
-        setInfo((prev) => {
-          var _a, _b;
-          return {
-            ...prev,
-            [key]: {
-              ...prev[key],
-              state: "success",
-              errorMessage: "",
-              selectedItem: d,
-              data: mergeDataArray((_b = (_a = prev[key]) == null ? void 0 : _a.data) != null ? _b : [], d, id)
+        };
+        const newInfo = { ...info };
+        newInfo[key].state = "loading";
+        newInfo[key].errorMessage = "";
+        setInfo(newInfo);
+        try {
+          const consulta = await import_axios.default.request(options);
+          const d = consulta.data;
+          newInfo[key].state = "success";
+          newInfo[key].errorMessage = "";
+          if (Array.isArray(data)) {
+            for (let datum of data) {
+              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) {
+                newInfo[key].data[index] = d;
+              } else {
+                if ((_c2 = newInfo[key]) == null ? void 0 : _c2.data) {
+                  newInfo[key].data.unshift(d);
+                } else {
+                  newInfo[key].data = [d];
+                }
+              }
             }
-          };
-        });
-        return d;
-      } catch (error) {
-        setKeyError(key, error);
-        return error;
-      }
-    },
-    [baseURI, token, setKeyError]
-  );
-  const buildFormData = (data) => {
-    const fd = new FormData();
-    if (Array.isArray(data)) {
-      data.forEach((item, i) => {
-        Object.entries(item).forEach(
-          ([k, v]) => fd.append(`${k}[${i}]`, v)
-        );
-      });
-    } else {
-      Object.entries(data).forEach(([k, v]) => fd.append(k, v));
-    }
-    return fd;
-  };
-  const hasFiles = (data) => Array.isArray(data) ? data.some((item) => Object.values(item).some((v) => v instanceof File)) : Object.values(data).some((v) => v instanceof File);
-  const create = (0, import_react8.useCallback)(
-    async (key, data) => {
-      setKeyLoading(key);
-      const isForm = hasFiles(data);
-      const payload = isForm ? buildFormData(data) : Array.isArray(data) ? [...data] : { ...data };
-      const headers = { Authorization: token };
-      if (isForm) headers["Content-Type"] = "multipart/form-data";
-      try {
-        const { data: d } = await import_axios.default.post(`${baseURI}/${key}`, payload, {
-          headers
-        });
-        setInfo((prev) => {
-          var _a, _b;
-          const prevData = (_b = (_a = prev[key]) == null ? void 0 : _a.data) != null ? _b : [];
-          const incoming = Array.isArray(d) ? d : [d];
-          const updatedData = incoming.reduce(
-            (acc, item) => mergeDataArray(acc, item, item == null ? void 0 : item.id),
-            [...prevData]
-          );
-          return {
-            ...prev,
-            [key]: {
-              ...prev[key],
-              state: "success",
-              errorMessage: "",
-              selectedItem: Array.isArray(data) ? prev[key].selectedItem : d,
-              data: updatedData
+            newInfo[key].data = newInfo[key].data.flat();
+          } else {
+            newInfo[key].selectedItem = d;
+            const index = (_e2 = (_d2 = newInfo[key]) == null ? void 0 : _d2.data) == null ? void 0 : _e2.findIndex(
+              (d2) => (d2 == null ? void 0 : d2.id) == (data == null ? void 0 : data.id)
+            );
+            if (index >= 0) {
+              newInfo[key].data[index] = d;
+            } else {
+              if ((_f2 = newInfo[key]) == null ? void 0 : _f2.data) {
+                newInfo[key].data.unshift(d);
+              } else {
+                newInfo[key].data = [d];
+              }
+            }
+          }
+          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({ error, ...{ errorMessage: item == null ? void 0 : item.meaning } });
+          }
+          setInfo({ ...newInfo });
+          return error;
+        }
+      };
+      const formCreateFunc = async (data) => {
+        var _a2, _b2, _c2, _d2, _e2, _f2;
+        const newInfo = { ...info };
+        newInfo[key].state = "loading";
+        newInfo[key].errorMessage = "";
+        setInfo(newInfo);
+        try {
+          const formData = new FormData();
+          if (Array.isArray(data)) {
+            data.forEach((item, i) => {
+              for (const [k, v] of Object.entries(item)) {
+                formData.append(`${k}[${i}]`, v);
+              }
+            });
+          } else {
+            for (const [k, v] of Object.entries(data)) {
+              formData.append(k, v);
+            }
+          }
+          const options = {
+            method: "POST",
+            url: `${baseURI}/${key}`,
+            data: formData,
+            headers: {
+              Authorization: token,
+              "Content-Type": "multipart/form-data"
             }
           };
-        });
-        return d;
-      } catch (error) {
-        setKeyError(key, error);
-        return error;
-      }
-    },
-    [baseURI, token, setKeyLoading, setKeyError]
-  );
-  const update = (0, import_react8.useCallback)(
-    async (key, id, data) => {
-      setKeyLoading(key);
-      try {
-        const { data: d } = await import_axios.default.patch(
-          `${baseURI}/${key}/${id}`,
-          Array.isArray(data) ? [...data] : { ...data },
-          { headers: { Authorization: token } }
-        );
-        setInfo((prev) => {
-          var _a, _b, _c, _d;
-          return {
-            ...prev,
-            [key]: {
-              ...prev[key],
-              state: "success",
-              errorMessage: "",
-              selectedItem: { ...prev[key].selectedItem, ...d },
-              data: mergeDataArray(
-                (_b = (_a = prev[key]) == null ? void 0 : _a.data) != null ? _b : [],
-                { ...(_d = (_c = prev[key]) == null ? void 0 : _c.data) == null ? void 0 : _d.find((i) => (i == null ? void 0 : i.id) == id), ...d },
-                id
-              )
+          const consulta = await import_axios.default.request(options);
+          const d = consulta.data;
+          newInfo[key].state = "success";
+          newInfo[key].errorMessage = "";
+          if (Array.isArray(data)) {
+            for (let datum of data) {
+              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) {
+                newInfo[key].data[index] = d;
+              } else {
+                if ((_c2 = newInfo[key]) == null ? void 0 : _c2.data) {
+                  newInfo[key].data.unshift(d);
+                } else {
+                  newInfo[key].data = [d];
+                }
+              }
+            }
+            newInfo[key].data = newInfo[key].data.flat();
+          } else {
+            newInfo[key].selectedItem = d;
+            const index = (_e2 = (_d2 = newInfo[key]) == null ? void 0 : _d2.data) == null ? void 0 : _e2.findIndex(
+              (d2) => (d2 == null ? void 0 : d2.id) == (data == null ? void 0 : data.id)
+            );
+            if (index >= 0) {
+              newInfo[key].data[index] = d;
+            } else {
+              if ((_f2 = newInfo[key]) == null ? void 0 : _f2.data) {
+                newInfo[key].data.unshift(d);
+              } else {
+                newInfo[key].data = [d];
+              }
             }
+          }
+          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({ error, ...{ errorMessage: item == null ? void 0 : item.meaning } });
+          }
+          setInfo({ ...newInfo });
+          return error;
+        }
+      };
+      acc[key] = {
+        ...endpoint,
+        loaded: false,
+        show: showFunc,
+        find: findFunc,
+        create: async (data) => {
+          const hasFile = Array.isArray(data) ? data.some(
+            (item) => Object.values(item).some((value) => value instanceof File)
+          ) : Object.values(data).some((value) => value instanceof File);
+          if (hasFile) {
+            return await formCreateFunc(data);
+          }
+          return await bodyCreateFunc(data);
+        },
+        update: async (id, data) => {
+          var _a2, _b2, _c2;
+          const options = {
+            method: "PATCH",
+            url: `${baseURI}/${key}/${id}`,
+            data: Array.isArray(data) ? [...data] : { ...data },
+            headers: { Authorization: token }
           };
-        });
-        return d;
-      } catch (error) {
-        setKeyError(key, error);
-        return error;
-      }
-    },
-    [baseURI, token, setKeyLoading, setKeyError]
-  );
-  const remove = (0, import_react8.useCallback)(
-    async (key, id) => {
-      setKeyLoading(key);
-      try {
-        const { data: d } = await import_axios.default.delete(`${baseURI}/${key}/${id}`, {
-          headers: { Authorization: token }
-        });
-        setInfo((prev) => {
-          var _a, _b;
-          return {
-            ...prev,
-            [key]: {
-              ...prev[key],
-              state: "success",
-              errorMessage: "",
-              selectedItem: d,
-              data: ((_b = (_a = prev[key]) == null ? void 0 : _a.data) != null ? _b : []).filter((item) => (item == null ? void 0 : item.id) != id)
+          const newInfo = { ...info };
+          newInfo[key].state = "loading";
+          newInfo[key].errorMessage = "";
+          setInfo(newInfo);
+          try {
+            const consulta = await import_axios.default.request(options);
+            const d = consulta.data;
+            newInfo[key].state = "success";
+            newInfo[key].errorMessage = "";
+            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] = { ...newInfo[key].data[index], ...d };
+            } else {
+              if ((_c2 = newInfo[key]) == null ? void 0 : _c2.data) {
+                newInfo[key].data.unshift(d);
+              } else {
+                newInfo[key].data = [d];
+              }
             }
+            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({ error, ...{ errorMessage: item == null ? void 0 : item.meaning } });
+            }
+            setInfo({ ...newInfo });
+            return error;
+          }
+        },
+        remove: async (id) => {
+          var _a2, _b2;
+          const options = {
+            method: "DELETE",
+            url: `${baseURI}/${key}/${id}`,
+            headers: { Authorization: token }
           };
-        });
-        return d;
-      } catch (error) {
-        setKeyError(key, error);
-        return error;
-      }
-    },
-    [baseURI, token, setKeyLoading, setKeyError]
-  );
-  const getAllPages = (0, import_react8.useCallback)(
-    async (key, limit = 100) => {
-      var _a, _b;
-      const allData = [];
-      let page = 1;
-      let totalPages = 1;
-      do {
-        const pageData = await show(key, { limit, page, merge: false });
-        if (Array.isArray(pageData)) allData.push(...pageData);
-        totalPages = (_b = (_a = infoRef.current[key]) == null ? void 0 : _a.totalPages) != null ? _b : page;
-        page++;
-      } while (page <= totalPages);
-      setInfo((prev) => ({
-        ...prev,
-        [key]: { ...prev[key], data: allData }
-      }));
-      return allData;
+          const newInfo = { ...info };
+          newInfo[key].state = "loading";
+          newInfo[key].errorMessage = "";
+          setInfo(newInfo);
+          try {
+            const consulta = await import_axios.default.request(options);
+            const d = consulta.data;
+            newInfo[key].state = "success";
+            newInfo[key].errorMessage = "";
+            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.splice(index, 1);
+            }
+            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({ error, ...{ errorMessage: item == null ? void 0 : item.meaning } });
+            }
+            setInfo({ ...newInfo });
+            return error;
+          }
+        },
+        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 = { ...info };
+          newInfo[key].loaded = true;
+          setInfo(newInfo);
+        },
+        getAllPages: async (limit = 100) => {
+          const allData = [];
+          let currentPage = 1;
+          let totalPages = 1;
+          while (currentPage <= totalPages) {
+            const response = await results[key].show({
+              limit,
+              page: currentPage
+            });
+            const currentInfo = info[key];
+            if (Array.isArray(response)) {
+              allData.push(...response);
+            }
+            currentPage = currentInfo.currentPage || currentPage + 1;
+            totalPages = currentInfo.totalPages || currentPage;
+          }
+          const newInfo = { ...info };
+          newInfo[key].data = allData;
+          newInfo[key].currentPage = currentPage;
+          newInfo[key].totalPages = totalPages;
+          setInfo(newInfo);
+          return allData;
+        },
+        data: ((_f = info[key]) == null ? void 0 : _f.data) || [],
+        selectedItem: ((_g = info[key]) == null ? void 0 : _g.selectedItem) || {}
+      };
+      return acc;
     },
-    [show]
+    {}
   );
+  async function doSome() {
+    var _a, _b, _c, _d, _e;
+    const key = Object.keys(info).find((k) => {
+      return info[k].loaded === false;
+    });
+    if (key) {
+      if ((_a = info[key]) == null ? void 0 : _a.id) {
+        await results[key].find((_b = info[key]) == null ? void 0 : _b.id, (_c = info[key]) == null ? void 0 : _c.defaultParams);
+      } else if ((_d = info[key]) == null ? void 0 : _d.defaultParams) {
+        await results[key].show((_e = info[key]) == null ? void 0 : _e.defaultParams);
+      } else {
+        results[key].setLoaded();
+      }
+    }
+  }
   (0, import_react8.useEffect)(() => {
-    var _a, _b;
-    const key = Object.keys(info).find((k) => info[k].loaded === false);
-    if (!key) return;
-    if ((_a = info[key]) == null ? void 0 : _a.id) {
-      find(key, info[key].id, info[key].defaultParams);
-    } else if ((_b = info[key]) == null ? void 0 : _b.defaultParams) {
-      show(key, info[key].defaultParams);
-    } else {
-      setInfo((prev) => ({
-        ...prev,
-        [key]: { ...prev[key], loaded: true }
-      }));
-    }
-  }, [
-    Object.keys(info).map((k) => info[k].loaded).join(",")
-  ]);
-  const results = Object.keys(endpoints).reduce((acc, key) => {
-    var _a, _b, _c, _d;
-    const s = info[key];
-    acc[key] = {
-      ...endpoints[key],
-      data: (_a = s == null ? void 0 : s.data) != null ? _a : [],
-      selectedItem: (_b = s == null ? void 0 : s.selectedItem) != null ? _b : {},
-      state: (_c = s == null ? void 0 : s.state) != null ? _c : "success",
-      errorMessage: s == null ? void 0 : s.errorMessage,
-      params: s == null ? void 0 : s.params,
-      totalPages: s == null ? void 0 : s.totalPages,
-      currentPage: s == null ? void 0 : s.currentPage,
-      totalItems: s == null ? void 0 : s.totalItems,
-      loaded: (_d = s == null ? void 0 : s.loaded) != null ? _d : false,
-      show: (opts) => show(key, opts),
-      find: (id, query) => find(key, id, query),
-      create: (data) => create(key, data),
-      update: (id, data) => update(key, id, data),
-      remove: (id) => remove(key, id),
-      getAllPages: (limit) => getAllPages(key, limit),
-      setLoaded: () => setInfo((prev) => ({ ...prev, [key]: { ...prev[key], loaded: true } }))
-    };
-    return acc;
-  }, {});
+    doSome();
+  }, [JSON.stringify(Object.values(info).map((v) => v.loaded))]);
   return results;
 }
 
@@ -36752,23 +36814,15 @@ function Select({
       }
     }
   }, [isOpen]);
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { ref: containerRef, className: "w-full", children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("label", { className: "font-bold mb-1 block", children: [
-      label,
-      " ",
-      (props == null ? void 0 : props.required) && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "text-red-500", children: "*" })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "relative", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { ref: containerRef, className: "w-full relative my-3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "relative flex items-center border rounded bg-white", children: [
       /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
         "input",
         {
           autoComplete: "off",
           ref: inputRef,
           ...props,
-          className: [
-            "p-2 w-full rounded border shadow",
-            props == null ? void 0 : props.className
-          ].join(" "),
+          className: ["p-2 w-full  transparent", props == null ? void 0 : props.className].join(" "),
           value: inputValue,
           onBlur: (e) => {
             setTimeout(() => {
@@ -36798,6 +36852,11 @@ function Select({
           onKeyDown: handleKeyDown
         }
       ),
+      label && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("label", { className: "absolute -top-2.5 left-2 text-xs font-bold  px-1", children: [
+        label,
+        " ",
+        (props == null ? void 0 : props.required) && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "text-red-500", children: "*" })
+      ] }),
       !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",
@@ -36821,7 +36880,7 @@ function Select({
         "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"}`,
+          className: `absolute w-full border rounded shadow bg-white z-10 max-h-100 top-10  overflow-y-auto ${openUpwards ? "bottom-full mb-1" : "mt-1"}`,
           children: filtered.map((opt, index) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
             "div",
             {
@@ -37028,13 +37087,6 @@ function PopupOverlay({
     {
       className: "fixed inset-0 flex items-center justify-center z-[1000]  ",
       style: { background: "rgba(15,23,42,0.45)", backdropFilter: "blur(2px)" },
-      onClick: (e) => {
-        var _a;
-        if (e.target === e.currentTarget) {
-          onClose(false);
-          (_a = popup.onCancel) == null ? void 0 : _a.call(popup);
-        }
-      },
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("style", { children: `
         @keyframes fadeInScale {