@envisiongroup/porygon 1.0.0-rc.4 → 1.0.0-rc.41

package/README.md

@@ -10,10 +10,10 @@ Estos componentes cumplen con los siguientes criterios:
 
 ## Instalación
 
-Porygon es compatible con **React 17**, **18** y **19**. Instala el paquete con npm:
+Porygon es compatible con **React 17**, **18** y **19**. Instala el paquete con pnpm:
 
 ```bash
-npm install @grupoenvision/porygon
+pnpm add @grupoenvision/porygon
 ```
 
 ## Configuración inicial
@@ -66,4 +66,4 @@ root.render(
     <App />
   </FluentProvider>
 );
-```
+```

package/dist/index.d.ts

@@ -2,23 +2,17 @@ export * from './react-components/buttons/EFWButton';
 export * from './react-components/buttons/EFWDrawerButton';
 export * from './react-components/buttons/EFWGroupButton';
 export * from './react-components/commons/utils';
-export * from './react-components/fields/EFWAttachments';
-export * from './react-components/fields/EFWAttachmentsField';
-export * from './react-components/fields/EFWDatePicker';
-export * from './react-components/fields/EFWDatePickerField';
-export * from './react-components/fields/EFWField';
-export * from './react-components/fields/EFWInput';
-export * from './react-components/fields/EFWInputField';
-export * from './react-components/fields/EFWNumberInput';
-export * from './react-components/fields/EFWNumberInputField';
-export * from './react-components/fields/EFWSwitch';
-export * from './react-components/fields/EFWSwitchField';
-export * from './react-components/fields/EFWTagPicker';
-export * from './react-components/fields/EFWTagPickerField';
-export * from './react-components/fields/EFWTextArea';
-export * from './react-components/fields/EFWTextAreaField';
+export * from './react-components/fields/_shared/EFWField';
+export * from './react-components/fields/Attachments';
+export * from './react-components/fields/DatePicker';
+export * from './react-components/fields/Input';
+export * from './react-components/fields/NumberInput';
+export * from './react-components/fields/Switch';
+export * from './react-components/fields/TagPicker';
+export * from './react-components/fields/TextArea';
 export * from './react-components/forms/EFWForm';
 export * from './react-components/forms/EFWFormMessageBarGroup';
 export * from './react-components/forms/EFWMessageBarManager/EFWMessageBarManager';
 export * from './react-components/hooks/useDrawer';
+export * from './react-components/i18n';
 export * from './react-components/tables/EFWTable';

package/dist/index.js

@@ -1,63 +1,103 @@
 import { formatFileSize as o, getErrorMessage as t, getFileIconUrl as F } from "./react-components/commons/utils.js";
-import { EFWMessageBarManager as p } from "./react-components/forms/EFWMessageBarManager/EFWMessageBarManager.js";
-import { EFWButton as f } from "./react-components/buttons/EFWButton/EFWButton.js";
-import { useEFWButton as W } from "./react-components/buttons/EFWButton/EFWButton.hooks.js";
-import { EFWDrawerButton as l } from "./react-components/buttons/EFWDrawerButton/EFWDrawerButton.js";
-import { EFWGroupButton as u } from "./react-components/buttons/EFWGroupButton/EFWGroupButton.js";
-import { EFWAttachment as s } from "./react-components/fields/EFWAttachments/EFWAttachments.js";
-import { EFWAttachmentsField as d } from "./react-components/fields/EFWAttachmentsField/EFWAttachmentsField.js";
-import { EFWDatePicker as T } from "./react-components/fields/EFWDatePicker/EFWDatePicker.js";
-import { EFWDatePickerField as B } from "./react-components/fields/EFWDatePickerField/EFWDatePickerField.js";
-import { EFWField as I } from "./react-components/fields/EFWField/EFWField.js";
-import { EFWInput as k } from "./react-components/fields/EFWInput/EFWInput.js";
-import { EFWInputField as A } from "./react-components/fields/EFWInputField/EFWInputField.js";
-import { EFWNumberInput as P } from "./react-components/fields/EFWNumberInput/EFWNumberInput.js";
-import { EFWNumberInputField as S } from "./react-components/fields/EFWNumberInputField/EFWNumberInputField.js";
-import { EFWSwitch as G } from "./react-components/fields/EFWSwitch/EFWSwitch.js";
-import { EFWSwitchField as v } from "./react-components/fields/EFWSwitchField/EFWSwitchField.js";
-import { EFWTagPicker as O } from "./react-components/fields/EFWTagPicker/EFWTagPicker.js";
-import { EFWTagPickerField as j } from "./react-components/fields/EFWTagPickerField/EFWTagPickerField.js";
-import { EFWTextArea as H } from "./react-components/fields/EFWTextArea/EFWTextArea.js";
-import { EFWTextAreaField as K } from "./react-components/fields/EFWTextAreaField/EFWTextAreaField.js";
-import { getEFWFormFieldDisplayText as Q } from "./react-components/forms/EFWForm/EFWForm.converter.js";
-import { useFormController as V } from "./react-components/forms/EFWForm/EFWForm.hooks.js";
-import { EFWForm as Y } from "./react-components/forms/EFWForm/EFWForm.js";
-import { EFWFormMessageBarGroup as _ } from "./react-components/forms/EFWFormMessageBarGroup/EFWFormMessageBarGroup.js";
-import { useDrawer as rr } from "./react-components/hooks/useDrawer/useDrawer.js";
-import { EFWTable as or } from "./react-components/tables/EFWTable/EFWTable.js";
-import { useTableController as Fr } from "./react-components/tables/EFWTable/hooks/useTableController/useTableController.js";
-import { EFWTableEmpty as pr, EFWTableOverlay as xr } from "./react-components/tables/EFWTable/components/EFWTableOverlay/EFWTableOverlay.js";
+import { EFWMessageBarManager as a } from "./react-components/forms/EFWMessageBarManager/EFWMessageBarManager.js";
+import { EFWButton as p } from "./react-components/buttons/EFWButton/EFWButton.js";
+import { useEFWButton as l } from "./react-components/buttons/EFWButton/EFWButton.hooks.js";
+import { EFWDrawerButton as u } from "./react-components/buttons/EFWDrawerButton/EFWDrawerButton.js";
+import { EFWGroupButton as i } from "./react-components/buttons/EFWGroupButton/EFWGroupButton.js";
+import { EFWField as L } from "./react-components/fields/_shared/EFWField/EFWField.js";
+import { EFWAttachment as s } from "./react-components/fields/Attachments/EFWAttachments.js";
+import { getAttachmentsFormattedValue as g } from "./react-components/fields/Attachments/EFWAttachments.utils.js";
+import { EFWAttachmentsField as d } from "./react-components/fields/Attachments/EFWAttachmentsField.js";
+import { EFWDatePicker as O } from "./react-components/fields/DatePicker/EFWDatePicker.js";
+import { enLocalizedStrings as D, esLocalizedStrings as B, getDatePickerFormattedValue as C, ptLocalizedStrings as S } from "./react-components/fields/DatePicker/EFWDatePicker.utils.js";
+import { EFWDatePickerField as N } from "./react-components/fields/DatePicker/EFWDatePickerField.js";
+import { EFWInput as b } from "./react-components/fields/Input/EFWInput.js";
+import { getInputFormattedValue as k } from "./react-components/fields/Input/EFWInput.utils.js";
+import { EFWInputField as R } from "./react-components/fields/Input/EFWInputField.js";
+import { EFWNumberInput as w } from "./react-components/fields/NumberInput/EFWNumberInput.js";
+import { getNumberInputFormattedValue as M } from "./react-components/fields/NumberInput/EFWNumberInput.utils.js";
+import { EFWNumberInputField as X } from "./react-components/fields/NumberInput/EFWNumberInputField.js";
+import { EFWSwitch as v } from "./react-components/fields/Switch/EFWSwitch.js";
+import { getSwitchFormattedValue as q } from "./react-components/fields/Switch/EFWSwitch.utils.js";
+import { EFWSwitchField as J } from "./react-components/fields/Switch/EFWSwitchField.js";
+import { EFWTagPicker as Q } from "./react-components/fields/TagPicker/EFWTagPicker.js";
+import { getTagPickerFormattedValue as $ } from "./react-components/fields/TagPicker/EFWTagPicker.utils.js";
+import { EFWTagPickerField as re } from "./react-components/fields/TagPicker/EFWTagPickerField.js";
+import { EFWTextArea as te } from "./react-components/fields/TextArea/EFWTextArea.js";
+import { getTextAreaFormattedValue as me } from "./react-components/fields/TextArea/EFWTextArea.utils.js";
+import { EFWTextAreaField as Ee } from "./react-components/fields/TextArea/EFWTextAreaField.js";
+import { getFormFieldDisplayText as xe } from "./react-components/forms/EFWForm/EFWForm.converter.js";
+import { useFormController as fe } from "./react-components/forms/EFWForm/EFWForm.hooks.js";
+import { EFWForm as Te } from "./react-components/forms/EFWForm/EFWForm.js";
+import { EFWConversionError as We, EFWValuesToFlat as Le, flatToEFWValues as ne } from "./react-components/forms/EFWForm/EFWForm.flatConverter.js";
+import { EFWFormMessageBarGroup as _e } from "./react-components/forms/EFWFormMessageBarGroup/EFWFormMessageBarGroup.js";
+import { useDrawer as ce } from "./react-components/hooks/useDrawer/useDrawer.js";
+import { PorygonI18nProvider as Ae, useButtonsLocaleText as Oe, useFieldsLocaleText as Pe, useFormLocaleText as De, usePorygonLocaleText as Be, useTableLocaleText as Ce } from "./react-components/i18n/PorygonI18nProvider.js";
+import { DEFAULT_EFW_BUTTONS_LOCALE_TEXT as Ie, DEFAULT_EFW_FIELDS_LOCALE_TEXT as Ne, DEFAULT_EFW_FORM_LOCALE_TEXT as Ve, DEFAULT_EFW_TABLE_LOCALE_TEXT as be } from "./react-components/i18n/defaultLocaleText.js";
+import { PORYGON_LOCALES as ke, PORYGON_LOCALE_EN as Ge, PORYGON_LOCALE_ES as Re, PORYGON_LOCALE_PT_BR as Ue } from "./react-components/i18n/localePresets.js";
+import { EFWTable as ye } from "./react-components/tables/EFWTable/EFWTable.js";
+import { useTableController as ze } from "./react-components/tables/EFWTable/hooks/useTableController/useTableController.js";
+import { useDefaultFilterButton as Ye } from "./react-components/tables/EFWTable/hooks/useDefaultFilterButton/useDefaultFilterButton.js";
+import { EFWTableEmpty as je, EFWTableOverlay as qe } from "./react-components/tables/EFWTable/components/EFWTableOverlay/EFWTableOverlay.js";
 export {
+  Ie as DEFAULT_EFW_BUTTONS_LOCALE_TEXT,
+  Ne as DEFAULT_EFW_FIELDS_LOCALE_TEXT,
+  Ve as DEFAULT_EFW_FORM_LOCALE_TEXT,
+  be as DEFAULT_EFW_TABLE_LOCALE_TEXT,
   s as EFWAttachment,
   d as EFWAttachmentsField,
-  f as EFWButton,
-  T as EFWDatePicker,
-  B as EFWDatePickerField,
-  l as EFWDrawerButton,
-  I as EFWField,
-  Y as EFWForm,
-  _ as EFWFormMessageBarGroup,
-  u as EFWGroupButton,
-  k as EFWInput,
-  A as EFWInputField,
-  p as EFWMessageBarManager,
-  P as EFWNumberInput,
-  S as EFWNumberInputField,
-  G as EFWSwitch,
-  v as EFWSwitchField,
-  or as EFWTable,
-  pr as EFWTableEmpty,
-  xr as EFWTableOverlay,
-  O as EFWTagPicker,
-  j as EFWTagPickerField,
-  H as EFWTextArea,
-  K as EFWTextAreaField,
+  p as EFWButton,
+  We as EFWConversionError,
+  O as EFWDatePicker,
+  N as EFWDatePickerField,
+  u as EFWDrawerButton,
+  L as EFWField,
+  Te as EFWForm,
+  _e as EFWFormMessageBarGroup,
+  i as EFWGroupButton,
+  b as EFWInput,
+  R as EFWInputField,
+  a as EFWMessageBarManager,
+  w as EFWNumberInput,
+  X as EFWNumberInputField,
+  v as EFWSwitch,
+  J as EFWSwitchField,
+  ye as EFWTable,
+  je as EFWTableEmpty,
+  qe as EFWTableOverlay,
+  Q as EFWTagPicker,
+  re as EFWTagPickerField,
+  te as EFWTextArea,
+  Ee as EFWTextAreaField,
+  Le as EFWValuesToFlat,
+  ke as PORYGON_LOCALES,
+  Ge as PORYGON_LOCALE_EN,
+  Re as PORYGON_LOCALE_ES,
+  Ue as PORYGON_LOCALE_PT_BR,
+  Ae as PorygonI18nProvider,
+  D as enLocalizedStrings,
+  B as esLocalizedStrings,
+  ne as flatToEFWValues,
   o as formatFileSize,
-  Q as getEFWFormFieldDisplayText,
+  g as getAttachmentsFormattedValue,
+  C as getDatePickerFormattedValue,
   t as getErrorMessage,
   F as getFileIconUrl,
-  rr as useDrawer,
-  W as useEFWButton,
-  V as useFormController,
-  Fr as useTableController
+  xe as getFormFieldDisplayText,
+  k as getInputFormattedValue,
+  M as getNumberInputFormattedValue,
+  q as getSwitchFormattedValue,
+  $ as getTagPickerFormattedValue,
+  me as getTextAreaFormattedValue,
+  S as ptLocalizedStrings,
+  Oe as useButtonsLocaleText,
+  Ye as useDefaultFilterButton,
+  ce as useDrawer,
+  l as useEFWButton,
+  Pe as useFieldsLocaleText,
+  fe as useFormController,
+  De as useFormLocaleText,
+  Be as usePorygonLocaleText,
+  ze as useTableController,
+  Ce as useTableLocaleText
 };

package/dist/react-components/buttons/EFWButton/EFWButton.d.ts

@@ -32,7 +32,7 @@ import * as React from "react";
  *       return { success: false, error: error.message };
  *     }
  *   }}
- *   loadingText="Procesando datos..."
+ *   labels={{ loadingText: "Procesando datos..." }}
  *   autoLoading={true}
  *   successConfig={{
  *     text: "¡Completado!",

package/dist/react-components/buttons/EFWButton/EFWButton.hooks.js

@@ -1,61 +1,62 @@
 import * as t from "react";
-const w = (T = {}) => {
+const y = (p = {}) => {
   const {
-    onError: k,
-    onSuccess: m,
+    onError: C,
+    onSuccess: E,
     successTimeout: i = 2e3,
     errorTimeout: f = 2e3,
-    autoReset: a = !0
-  } = T, [E, s] = t.useState("idle"), [p, l] = t.useState(null), c = t.useRef(null), r = t.useCallback(() => {
+    autoReset: u = !0,
+    fallbackErrorMessage: g = "Operation failed"
+  } = p, [m, o] = t.useState("idle"), [R, l] = t.useState(null), c = t.useRef(null), r = t.useCallback(() => {
     c.current && (clearTimeout(c.current), c.current = null);
   }, []), n = t.useCallback(() => {
-    s("idle"), l(null), r();
+    o("idle"), l(null), r();
   }, [r]), b = t.useCallback(() => {
-    s("loading"), l(null), r();
+    o("loading"), l(null), r();
   }, [r]), d = t.useCallback(() => {
-    s((e) => e === "loading" ? "idle" : e), r();
-  }, [r]), C = t.useCallback(() => {
-    s("success"), l(null), m?.(), a && i > 0 && (r(), c.current = setTimeout(n, i));
-  }, [m, a, i, n, r]), u = t.useCallback(
+    o((e) => e === "loading" ? "idle" : e), r();
+  }, [r]), k = t.useCallback(() => {
+    o("success"), l(null), E?.(), u && i > 0 && (r(), c.current = setTimeout(n, i));
+  }, [E, u, i, n, r]), a = t.useCallback(
     (e) => {
-      l(e), s("error"), k?.(e), a && f > 0 && (r(), c.current = setTimeout(n, f));
+      l(e), o("error"), C?.(e), u && f > 0 && (r(), c.current = setTimeout(n, f));
     },
-    [k, a, f, n, r]
+    [C, u, f, n, r]
   ), S = t.useCallback(
     (e) => {
       if (!e)
         d();
       else if (typeof e == "object")
         if (e.success)
-          C();
+          k();
         else {
-          const o = e.error instanceof Error ? e.error : new Error(String(e.error || "Operation failed"));
-          u(o);
+          const s = e.error instanceof Error ? e.error : new Error(String(e.error || g));
+          a(s);
         }
     },
-    [C, u, d]
-  ), R = t.useCallback(
+    [k, a, d, g]
+  ), w = t.useCallback(
     async (e) => {
       try {
         b();
-        const o = await e();
-        S(o);
-      } catch (o) {
-        const g = o instanceof Error ? o : new Error(String(o));
-        throw u(g), g;
+        const s = await e();
+        S(s);
+      } catch (s) {
+        const T = s instanceof Error ? s : new Error(String(s));
+        throw a(T), T;
       }
     },
-    [b, S, u]
+    [b, S, a]
   );
   return t.useEffect(() => () => {
     r();
   }, [r]), {
     /** Estado actual del botón */
-    currentState: E,
+    currentState: m,
     /** Indica si el botón está en estado de carga */
-    isLoading: E === "loading",
+    isLoading: m === "loading",
     /** Error actual o null */
-    error: p,
+    error: R,
     /** Función para resetear el estado */
     reset: n,
     /** Función para iniciar estado de carga */
@@ -63,13 +64,13 @@ const w = (T = {}) => {
     /** Función para detener estado de carga */
     stopLoading: d,
     /** Función para establecer estado de éxito */
-    setSuccess: C,
+    setSuccess: k,
     /** Función para establecer estado de error */
-    setError: u,
+    setError: a,
     /** Función para ejecutar operaciones asíncronas */
-    executeAsync: R
+    executeAsync: w
   };
 };
 export {
-  w as useEFWButton
+  y as useEFWButton
 };

package/dist/react-components/buttons/EFWButton/EFWButton.js

@@ -1,9 +1,10 @@
-import { jsx as s } from "react/jsx-runtime";
-import * as C from "react";
-import { makeStyles as q, tokens as t, Tooltip as v, Spinner as K, Button as Q } from "@fluentui/react-components";
-import { ErrorCircleRegular as U, CheckmarkRegular as V } from "@fluentui/react-icons";
-import { useEFWButton as X } from "./EFWButton.hooks.js";
-const Y = q({
+import { jsx as c } from "react/jsx-runtime";
+import * as y from "react";
+import { makeStyles as ne, tokens as t, Tooltip as se, Spinner as ae, Button as ie } from "@fluentui/react-components";
+import { ErrorCircleRegular as ce, CheckmarkRegular as le } from "@fluentui/react-icons";
+import { useEFWButton as ue } from "./EFWButton.hooks.js";
+import { useButtonsLocaleText as de } from "../../i18n/PorygonI18nProvider.js";
+const ge = ne({
   /**
    * Estilo para botón no interactivo (estado de carga con deshabilitación).
    * Aplica opacidad reducida y deshabilita eventos de puntero.
@@ -39,126 +40,193 @@ const Y = q({
     "& .ms-Button-icon": {
       color: `${t.colorStatusSuccessForeground1} !important`
     }
+  },
+  /**
+   * Oculta el label cuando el contenedor padre es ≤ 480px.
+   * Requiere que un ancestro tenga `container-type: inline-size`.
+   */
+  collapseLabelXs: {
+    "@container (max-width: 480px)": {
+      padding: "5px",
+      "& .efw-button__label": { display: "none" },
+      "& .fui-Button__icon": { marginRight: 0 },
+      minWidth: "auto"
+    }
+  },
+  /**
+   * Oculta el label cuando el contenedor padre es ≤ 640px.
+   * Requiere que un ancestro tenga `container-type: inline-size`.
+   */
+  collapseLabelSm: {
+    "@container (max-width: 640px)": {
+      padding: "5px",
+      "& .efw-button__label": { display: "none" },
+      "& .fui-Button__icon": { marginRight: 0 },
+      minWidth: "auto"
+    }
+  },
+  /**
+   * Oculta el label cuando el contenedor padre es ≤ 768px.
+   * Requiere que un ancestro tenga `container-type: inline-size`.
+   */
+  collapseLabelMd: {
+    "@container (max-width: 768px)": {
+      padding: "5px",
+      "& .efw-button__label": { display: "none" },
+      "& .fui-Button__icon": { marginRight: 0 },
+      minWidth: "auto"
+    }
+  },
+  /**
+   * Oculta el label cuando el contenedor padre es ≤ 1024px.
+   * Requiere que un ancestro tenga `container-type: inline-size`.
+   */
+  collapseLabelLg: {
+    "@container (max-width: 1024px)": {
+      padding: "5px",
+      "& .efw-button__label": { display: "none" },
+      "& .fui-Button__icon": { marginRight: 0 },
+      minWidth: "auto"
+    }
   }
 });
-function Z(r) {
-  return r instanceof Error ? r : _(r) ? r === void 0 ? new Error("Operación fallida sin detalles (void)") : r.success ? new Error("Operación reportada como exitosa en un error") : r.error instanceof Error ? r.error : new Error(r.error || "Operación fallida sin mensaje") : new Error(String(r) || "Error desconocido");
+function pe(e, r) {
+  return e instanceof Error ? e : fe(e) ? e === void 0 ? new Error(r.operationFailedMessage) : e.success ? new Error(r.operationFailedMessage) : e.error instanceof Error ? e.error : new Error(e.error || r.operationFailedMessage) : new Error(String(e) || r.unknownErrorMessage);
 }
-function _(r) {
-  return r === void 0 ? !0 : typeof r == "object" && r !== null && "success" in r && typeof r.success == "boolean" && (r.error === void 0 || typeof r.error == "string" || r.error instanceof Error);
+function fe(e) {
+  return e === void 0 ? !0 : typeof e == "object" && e !== null && "success" in e && typeof e.success == "boolean" && (e.error === void 0 || typeof e.error == "string" || e.error instanceof Error);
 }
-const L = (r) => {
-  if (!r) return "Ha ocurrido un error";
-  if (r instanceof Error) return r.message;
-  if (typeof r == "string") return r;
-  if (typeof r == "object" && r !== null) {
-    const n = r;
-    if (typeof n.message == "string") return n.message;
-    if (typeof n.error == "string") return n.error;
+const me = (e, r) => {
+  if (!e) return r.defaultErrorMessage;
+  if (e instanceof Error) return e.message || r.defaultErrorMessage;
+  if (typeof e == "string") return e;
+  if (typeof e == "object" && e !== null) {
+    const n = e;
+    if (typeof n.message == "string") return n.message || r.defaultErrorMessage;
+    if (typeof n.error == "string") return n.error || r.defaultErrorMessage;
     try {
-      return JSON.stringify(r);
+      return JSON.stringify(e);
     } catch {
-      return "Error: No es posible parsear error";
+      return r.parseErrorMessage;
     }
   }
-  return String(r) || "Ha ocurrido un error";
-}, sr = ({
-  onClick: r,
-  loadingText: n = "Procesando...",
-  disableOnLoading: u = !0,
-  autoLoading: l = !1,
-  successConfig: $ = {},
-  errorConfig: h = {},
-  tooltips: c,
-  showStatusIcons: d = !0,
-  autoReset: R = !0,
-  children: f,
-  disabled: m,
-  className: F,
-  appearance: P = "secondary",
-  icon: i,
-  ...T
+  return String(e) || r.defaultErrorMessage;
+}, Ee = {}, be = {}, Fe = ({
+  onClick: e,
+  disableOnLoading: r = !0,
+  autoLoading: n = !1,
+  successConfig: I = Ee,
+  errorConfig: U = be,
+  labels: l,
+  tooltips: g,
+  showStatusIcons: E = !0,
+  autoReset: v = !0,
+  collapseLabel: p,
+  children: b,
+  disabled: M,
+  className: X,
+  appearance: Y = "secondary",
+  icon: u,
+  ...z
 }) => {
-  const p = Y(), { onSuccess: x, timeout: w = 2e3, text: O } = $, { onError: W, timeout: G = 2e3, text: D } = h, { currentState: y, isLoading: g, error: H, setLoading: k, stopLoading: S, setSuccess: N, setError: a } = X({
-    onError: W,
-    onSuccess: x,
-    successTimeout: w,
-    errorTimeout: G,
-    autoReset: R
-  }), b = C.useCallback(
+  const s = ge(), d = de().button.labels, _ = d.loadingText, w = d.defaultErrorMessage, F = d.operationFailedMessage, S = d.unknownErrorMessage, T = d.parseErrorMessage, B = l?.loadingText, C = l?.defaultErrorMessage, N = l?.operationFailedMessage, R = l?.unknownErrorMessage, L = l?.parseErrorMessage, a = y.useMemo(() => ({
+    loadingText: B ?? _,
+    defaultErrorMessage: C ?? w,
+    operationFailedMessage: N ?? F,
+    unknownErrorMessage: R ?? S,
+    parseErrorMessage: L ?? T
+  }), [
+    B,
+    C,
+    N,
+    R,
+    L,
+    _,
+    w,
+    F,
+    S,
+    T
+  ]), { onSuccess: A, timeout: J = 2e3, text: q } = I, { onError: H, timeout: K = 2e3, text: Q } = U, { currentState: j, isLoading: x, error: V, setLoading: P, stopLoading: $, setSuccess: W, setError: f } = ue({
+    onError: H,
+    onSuccess: A,
+    successTimeout: J,
+    errorTimeout: K,
+    autoReset: v,
+    fallbackErrorMessage: a.operationFailedMessage
+  }), k = y.useCallback(
     (o) => {
       if (!o)
-        S();
+        $();
       else if (typeof o == "object")
         if (o.success)
-          N();
+          W();
         else {
-          const e = o.error instanceof Error ? o.error : new Error(String(o.error || "Operación fallida"));
-          a(e);
+          const i = o.error instanceof Error ? o.error : new Error(String(o.error || a.operationFailedMessage));
+          f(i);
         }
     },
-    [S, N, a]
-  ), z = C.useCallback(async (o) => {
-    if (!(!r || g || m))
+    [$, W, f, a.operationFailedMessage]
+  ), Z = y.useCallback(async (o) => {
+    if (!(!e || x || M))
       try {
-        const e = r(o);
-        if (e instanceof Promise) {
-          l && k();
-          const E = await e;
-          l && b(E);
+        const i = e(o);
+        if (i instanceof Promise) {
+          n && P();
+          const h = await i;
+          n && k(h);
         } else
-          b(e);
-      } catch (e) {
-        const E = Z(e);
-        a(E);
+          k(i);
+      } catch (i) {
+        const h = pe(i, a);
+        f(h);
       }
-  }, [r, g, m, l, k, b, a]), A = () => {
-    const o = [F].filter(Boolean);
-    switch (y) {
+  }, [e, x, M, n, P, k, f, a]), O = u && p ? p === "sm" ? s.collapseLabelSm : p === "md" ? s.collapseLabelMd : p === "lg" ? s.collapseLabelLg : s.collapseLabelXs : void 0, m = (o) => O ? o ? /* @__PURE__ */ c("span", { className: "efw-button__label", children: o }) : void 0 : o, ee = () => {
+    const o = [X, O].filter(Boolean);
+    switch (j) {
       case "loading":
         return {
-          content: n,
-          icon: d ? /* @__PURE__ */ s(K, { size: "tiny" }) : i,
-          className: u ? [...o, p.buttonNonInteractive].join(" ") : o.join(" "),
-          tooltip: c?.loading
+          content: m(a.loadingText),
+          icon: E ? /* @__PURE__ */ c(ae, { size: "tiny" }) : u,
+          className: r ? [...o, s.buttonNonInteractive].join(" ") : o.join(" "),
+          tooltip: g?.loading
         };
       case "success":
         return {
-          content: O ?? f,
-          icon: d ? /* @__PURE__ */ s(V, {}) : i,
-          className: [...o, p.buttonSuccess].join(" "),
-          tooltip: c?.success
+          content: m(q ?? b),
+          icon: E ? /* @__PURE__ */ c(le, {}) : u,
+          className: [...o, s.buttonSuccess].join(" "),
+          tooltip: g?.success
         };
       case "error":
         return {
-          content: D ?? f,
-          icon: d ? /* @__PURE__ */ s(U, {}) : i,
-          className: [...o, p.buttonError].join(" "),
-          tooltip: c?.error ?? L(H)
+          content: m(Q ?? b),
+          icon: E ? /* @__PURE__ */ c(ce, {}) : u,
+          className: [...o, s.buttonError].join(" "),
+          tooltip: g?.error ?? me(V, a)
         };
       default:
         return {
-          content: f,
-          icon: i,
+          content: m(b),
+          icon: u,
           className: o.join(" "),
-          tooltip: c?.idle
+          tooltip: g?.idle
         };
     }
-  }, { content: I, icon: J, className: M, tooltip: B } = A(), j = /* @__PURE__ */ s(
-    Q,
+  }, { content: oe, icon: re, className: te, tooltip: G } = ee(), D = /* @__PURE__ */ c(
+    ie,
     {
-      ...T,
-      appearance: P,
-      className: M,
-      disabled: m || u && g,
-      disabledFocusable: y === "loading" && u,
-      icon: J,
-      onClick: z,
-      children: I
+      ...z,
+      appearance: Y,
+      className: te,
+      disabled: M || r && x,
+      disabledFocusable: j === "loading" && r,
+      icon: re,
+      onClick: Z,
+      children: oe
     }
   );
-  return B ? /* @__PURE__ */ s(v, { content: B, relationship: "label", children: j }) : j;
+  return G ? /* @__PURE__ */ c(se, { content: G, relationship: "label", children: D }) : D;
 };
 export {
-  sr as EFWButton
+  Fe as EFWButton
 };