@soyfri/shared-library 4.1.1-beta.1 → 4.1.1-beta.3

package/components/StatusMessage/StatusMessageRenderer.d.cts

@@ -1 +1,28 @@
+/**
+ * Pinta el mensaje vigente del `StatusMessageProvider` en el lugar donde se monte.
+ *
+ * Separa el *disparo* del mensaje (`useStatusMessage().showMessage`, desde un
+ * handler cualquiera) del *lugar* donde se muestra: el consumidor monta un único
+ * `<StatusMessageRenderer />` donde quiere ver el feedback (arriba del form, en
+ * el layout de la página) y no tiene que llevar `state` ni `close` a mano hasta
+ * cada `<StatusMessage>`.
+ *
+ * - Sin mensaje en el contexto renderiza `null`, así que puede quedar montado
+ *   siempre sin reservar espacio.
+ * - `close` se conecta a `clearMessage`: cerrar limpia el contexto y el
+ *   componente se desmonta. Por eso el `StatusMessage` queda en modo
+ *   *uncontrolled* (sin `open`): su visibilidad la decide la existencia del
+ *   `state`, no un booleano aparte.
+ * - El auto-cierre (`autoReset`, 6s) lo resuelve el Provider, no este componente.
+ *
+ * Debe montarse dentro de un `StatusMessageProvider`; fuera de él el contexto
+ * devuelve su valor por defecto (`state: undefined`) y nunca muestra nada, sin
+ * error que lo avise.
+ *
+ * @example
+ * <StatusMessageProvider>
+ *   <StatusMessageRenderer />
+ *   <MiFormulario />   // adentro: useStatusMessage().showMessage({ messageType: 'danger', description })
+ * </StatusMessageProvider>
+ */
 export declare const StatusMessageRenderer: () => import("react/jsx-runtime").JSX.Element | null;

package/components/StatusMessage/StatusMessageRenderer.d.mts

@@ -1 +1,28 @@
+/**
+ * Pinta el mensaje vigente del `StatusMessageProvider` en el lugar donde se monte.
+ *
+ * Separa el *disparo* del mensaje (`useStatusMessage().showMessage`, desde un
+ * handler cualquiera) del *lugar* donde se muestra: el consumidor monta un único
+ * `<StatusMessageRenderer />` donde quiere ver el feedback (arriba del form, en
+ * el layout de la página) y no tiene que llevar `state` ni `close` a mano hasta
+ * cada `<StatusMessage>`.
+ *
+ * - Sin mensaje en el contexto renderiza `null`, así que puede quedar montado
+ *   siempre sin reservar espacio.
+ * - `close` se conecta a `clearMessage`: cerrar limpia el contexto y el
+ *   componente se desmonta. Por eso el `StatusMessage` queda en modo
+ *   *uncontrolled* (sin `open`): su visibilidad la decide la existencia del
+ *   `state`, no un booleano aparte.
+ * - El auto-cierre (`autoReset`, 6s) lo resuelve el Provider, no este componente.
+ *
+ * Debe montarse dentro de un `StatusMessageProvider`; fuera de él el contexto
+ * devuelve su valor por defecto (`state: undefined`) y nunca muestra nada, sin
+ * error que lo avise.
+ *
+ * @example
+ * <StatusMessageProvider>
+ *   <StatusMessageRenderer />
+ *   <MiFormulario />   // adentro: useStatusMessage().showMessage({ messageType: 'danger', description })
+ * </StatusMessageProvider>
+ */
 export declare const StatusMessageRenderer: () => import("react/jsx-runtime").JSX.Element | null;

package/components/StatusMessage/StatusMessageRenderer.d.ts

@@ -1 +1,28 @@
+/**
+ * Pinta el mensaje vigente del `StatusMessageProvider` en el lugar donde se monte.
+ *
+ * Separa el *disparo* del mensaje (`useStatusMessage().showMessage`, desde un
+ * handler cualquiera) del *lugar* donde se muestra: el consumidor monta un único
+ * `<StatusMessageRenderer />` donde quiere ver el feedback (arriba del form, en
+ * el layout de la página) y no tiene que llevar `state` ni `close` a mano hasta
+ * cada `<StatusMessage>`.
+ *
+ * - Sin mensaje en el contexto renderiza `null`, así que puede quedar montado
+ *   siempre sin reservar espacio.
+ * - `close` se conecta a `clearMessage`: cerrar limpia el contexto y el
+ *   componente se desmonta. Por eso el `StatusMessage` queda en modo
+ *   *uncontrolled* (sin `open`): su visibilidad la decide la existencia del
+ *   `state`, no un booleano aparte.
+ * - El auto-cierre (`autoReset`, 6s) lo resuelve el Provider, no este componente.
+ *
+ * Debe montarse dentro de un `StatusMessageProvider`; fuera de él el contexto
+ * devuelve su valor por defecto (`state: undefined`) y nunca muestra nada, sin
+ * error que lo avise.
+ *
+ * @example
+ * <StatusMessageProvider>
+ *   <StatusMessageRenderer />
+ *   <MiFormulario />   // adentro: useStatusMessage().showMessage({ messageType: 'danger', description })
+ * </StatusMessageProvider>
+ */
 export declare const StatusMessageRenderer: () => import("react/jsx-runtime").JSX.Element | null;

package/components/StatusMessage/index.cjs

@@ -18,6 +18,18 @@ var __spreadValues = (a, b) => {
   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;
+};
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const StatusMessage = require("../../chunks/StatusMessage-Bl_E83nN.cjs");
 const jsxRuntime = require("react/jsx-runtime");
@@ -33,9 +45,13 @@ const StatusMessageContext = React.createContext(initialValues);
 const useStatusMessageContext = () => React.useContext(StatusMessageContext);
 const StatusMessageProvider = ({ children }) => {
   const [stateMessage, setMessage] = React.useState(void 0);
-  const cleanMessage = () => {
+  const cleanMessage = React.useCallback(() => {
     setMessage(void 0);
-  };
+  }, []);
+  const value = React.useMemo(
+    () => ({ setMessage, cleanMessage, state: stateMessage }),
+    [cleanMessage, stateMessage]
+  );
   React.useEffect(() => {
     if (!stateMessage || stateMessage.autoReset === false) return;
     const timeout = setTimeout(() => {
@@ -43,39 +59,26 @@ const StatusMessageProvider = ({ children }) => {
     }, 6e3);
     return () => clearTimeout(timeout);
   }, [stateMessage]);
-  return /* @__PURE__ */ jsxRuntime.jsx(StatusMessageContext.Provider, { value: { setMessage, cleanMessage, state: stateMessage }, children });
+  return /* @__PURE__ */ jsxRuntime.jsx(StatusMessageContext.Provider, { value, children });
 };
 const useStatusMessage = () => {
   const { state, setMessage, cleanMessage } = useStatusMessageContext();
-  const success = (description, title, autoReset = true) => {
-    setMessage({
-      title,
-      description,
-      messageType: "success",
-      displayType: "alert",
-      autoReset
-    });
-  };
-  const error = (description, title, autoReset = true) => {
-    setMessage({
-      title,
-      description,
-      messageType: "danger",
-      displayType: "alert",
-      autoReset
-    });
-  };
-  return {
-    state,
-    success,
-    error,
-    cleanMessage
-  };
+  const showMessage = React.useCallback(
+    (_a) => {
+      var _b = _a, { displayType = "alert", autoReset = true, title } = _b, rest = __objRest(_b, ["displayType", "autoReset", "title"]);
+      setMessage(__spreadProps(__spreadValues({}, rest), { title, displayType, autoReset }));
+    },
+    [setMessage]
+  );
+  return React.useMemo(
+    () => ({ state, showMessage, clearMessage: cleanMessage }),
+    [state, showMessage, cleanMessage]
+  );
 };
 const StatusMessageRenderer = () => {
-  const { state, cleanMessage } = useStatusMessage();
+  const { state, clearMessage } = useStatusMessage();
   if (!state) return null;
-  return /* @__PURE__ */ jsxRuntime.jsx(StatusMessage.StatusMessage, __spreadProps(__spreadValues({}, state), { close: cleanMessage }));
+  return /* @__PURE__ */ jsxRuntime.jsx(StatusMessage.StatusMessage, __spreadProps(__spreadValues({}, state), { close: clearMessage }));
 };
 exports.StatusMessage = StatusMessage.StatusMessage;
 exports.default = StatusMessage.StatusMessage;

package/components/StatusMessage/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/StatusMessage/StatusMessageContext.tsx","../../../src/components/StatusMessage/useStatusMessage.ts","../../../src/components/StatusMessage/StatusMessageRenderer.tsx"],"sourcesContent":["import {\n  createContext,\n  useState,\n  useContext,\n  type Dispatch,\n  type SetStateAction,\n  type ReactNode,\n  useEffect,\n} from 'react';\nimport type { StatusMessageProps } from './StatusMessage';\n\nexport type StatusMessageState = {\n  [K in 'title' | 'description' | 'messageType']: StatusMessageProps[K] | undefined;\n} & Pick<StatusMessageProps, 'displayType'> & {\n      autoReset?: boolean;\n   };\n\ninterface StatusMessageContextValue {\n  state: StatusMessageState | undefined;\n  setMessage: Dispatch<SetStateAction<StatusMessageState | undefined>>;\n  cleanMessage: () => void;\n}\n\nconst initialValues: StatusMessageContextValue = {\n  state: undefined,\n  setMessage: () => {},\n  cleanMessage: () => {},\n};\n\nconst StatusMessageContext = createContext<StatusMessageContextValue>(initialValues);\n\nexport const useStatusMessageContext = () => useContext(StatusMessageContext);\n\ninterface StatusMessageProviderProps {\n  children: ReactNode;\n}\n\nexport const StatusMessageProvider = ({ children }: StatusMessageProviderProps) => {\n  const [stateMessage, setMessage] = useState<StatusMessageState | undefined>(undefined);\n  const cleanMessage = () => {\n    setMessage(undefined);\n  };\n\n   useEffect(() => {\n      if (!stateMessage || stateMessage.autoReset === false) return;\n      const timeout = setTimeout(() => {\n         setMessage(undefined);\n      }, 6000);\n      return () => clearTimeout(timeout);\n   }, [stateMessage]);\n\n  return (\n    <StatusMessageContext.Provider value={{ setMessage, cleanMessage, state: stateMessage }}>\n      {children}\n    </StatusMessageContext.Provider>\n  );\n};\n","import { useStatusMessageContext } from \"./StatusMessageContext\";\n\nexport const useStatusMessage = () => {\n   const { state, setMessage, cleanMessage } = useStatusMessageContext();\n\n   const success = (description: string, title?: string, autoReset = true) => {\n      setMessage({\n         title,\n         description,\n         messageType: \"success\",\n         displayType: \"alert\",\n         autoReset,\n      });\n   };\n\n   const error = (description: string, title?: string, autoReset = true) => {\n      setMessage({\n         title,\n         description,\n         messageType: \"danger\",\n         displayType: \"alert\",\n         autoReset,\n      });\n   };\n\n   return {\n      state,\n      success,\n      error,\n      cleanMessage,\n   };\n};\n","import StatusMessage from \"./StatusMessage\";\nimport { useStatusMessage } from \"./useStatusMessage\";\n\nexport const StatusMessageRenderer = () => {\n   const { state, cleanMessage } = useStatusMessage();\n\n   if (!state) return null;\n\n   return <StatusMessage {...state} close={cleanMessage} />;\n};\n"],"names":["createContext","useContext","useState","useEffect","jsx","StatusMessage"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAuBA,MAAM,gBAA2C;AAAA,EAC/C,OAAO;AAAA,EACP,YAAY,MAAM;AAAA,EAAC;AAAA,EACnB,cAAc,MAAM;AAAA,EAAC;AACvB;AAEA,MAAM,uBAAuBA,MAAAA,cAAyC,aAAa;AAE5E,MAAM,0BAA0B,MAAMC,MAAAA,WAAW,oBAAoB;AAMrE,MAAM,wBAAwB,CAAC,EAAE,eAA2C;AACjF,QAAM,CAAC,cAAc,UAAU,IAAIC,MAAAA,SAAyC,MAAS;AACrF,QAAM,eAAe,MAAM;AACzB,eAAW,MAAS;AAAA,EACtB;AAECC,QAAAA,UAAU,MAAM;AACb,QAAI,CAAC,gBAAgB,aAAa,cAAc,MAAO;AACvD,UAAM,UAAU,WAAW,MAAM;AAC9B,iBAAW,MAAS;AAAA,IACvB,GAAG,GAAI;AACP,WAAO,MAAM,aAAa,OAAO;AAAA,EACpC,GAAG,CAAC,YAAY,CAAC;AAElB,SACEC,+BAAC,qBAAqB,UAArB,EAA8B,OAAO,EAAE,YAAY,cAAc,OAAO,aAAA,GACtE,SAAA,CACH;AAEJ;ACtDO,MAAM,mBAAmB,MAAM;AACnC,QAAM,EAAE,OAAO,YAAY,aAAA,IAAiB,wBAAA;AAE5C,QAAM,UAAU,CAAC,aAAqB,OAAgB,YAAY,SAAS;AACxE,eAAW;AAAA,MACR;AAAA,MACA;AAAA,MACA,aAAa;AAAA,MACb,aAAa;AAAA,MACb;AAAA,IAAA,CACF;AAAA,EACJ;AAEA,QAAM,QAAQ,CAAC,aAAqB,OAAgB,YAAY,SAAS;AACtE,eAAW;AAAA,MACR;AAAA,MACA;AAAA,MACA,aAAa;AAAA,MACb,aAAa;AAAA,MACb;AAAA,IAAA,CACF;AAAA,EACJ;AAEA,SAAO;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAEN;AC5BO,MAAM,wBAAwB,MAAM;AACxC,QAAM,EAAE,OAAO,aAAA,IAAiB,iBAAA;AAEhC,MAAI,CAAC,MAAO,QAAO;AAEnB,SAAOA,2BAAAA,IAACC,cAAAA,eAAA,iCAAkB,QAAlB,EAAyB,OAAO,eAAc;AACzD;;;;;;;"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/StatusMessage/StatusMessageContext.tsx","../../../src/components/StatusMessage/useStatusMessage.ts","../../../src/components/StatusMessage/StatusMessageRenderer.tsx"],"sourcesContent":["import {\n  createContext,\n  useState,\n  useContext,\n  type Dispatch,\n  type SetStateAction,\n  type ReactNode,\n  useEffect,\n  useCallback,\n  useMemo,\n} from 'react';\nimport type { StatusMessageProps } from './StatusMessage';\n\nexport type StatusMessageState = {\n  [K in 'title' | 'description' | 'messageType']: StatusMessageProps[K] | undefined;\n} & Pick<StatusMessageProps, 'displayType'> & {\n      autoReset?: boolean;\n   };\n\ninterface StatusMessageContextValue {\n  state: StatusMessageState | undefined;\n  setMessage: Dispatch<SetStateAction<StatusMessageState | undefined>>;\n  cleanMessage: () => void;\n}\n\nconst initialValues: StatusMessageContextValue = {\n  state: undefined,\n  setMessage: () => {},\n  cleanMessage: () => {},\n};\n\nconst StatusMessageContext = createContext<StatusMessageContextValue>(initialValues);\n\nexport const useStatusMessageContext = () => useContext(StatusMessageContext);\n\ninterface StatusMessageProviderProps {\n  children: ReactNode;\n}\n\nexport const StatusMessageProvider = ({ children }: StatusMessageProviderProps) => {\n  const [stateMessage, setMessage] = useState<StatusMessageState | undefined>(undefined);\n  // Estables para que los consumidores puedan usarlas como deps de un efecto\n  // sin re-dispararlo en cada render del Provider.\n  const cleanMessage = useCallback(() => {\n    setMessage(undefined);\n  }, []);\n  \n  const value = useMemo(\n    () => ({ setMessage, cleanMessage, state: stateMessage }),\n    [cleanMessage, stateMessage],\n  );\n\n   useEffect(() => {\n      if (!stateMessage || stateMessage.autoReset === false) return;\n      const timeout = setTimeout(() => {\n         setMessage(undefined);\n      }, 6000);\n      return () => clearTimeout(timeout);\n   }, [stateMessage]);\n\n  return (\n    <StatusMessageContext.Provider value={value}>\n      {children}\n    </StatusMessageContext.Provider>\n  );\n};\n","import { useCallback, useMemo } from \"react\";\nimport { useStatusMessageContext, type StatusMessageState } from \"./StatusMessageContext\";\n\n/**\n * Lo que recibe `showMessage`. Mismos nombres que las props de `StatusMessage`\n * para que lo que entra sea lo que el componente termina recibiendo.\n * `messageType` y `description` son obligatorios: sin tipo no hay color/icono\n * y sin descripción `StatusMessage` no renderiza.\n */\nexport type ShowMessageOptions = {\n   messageType: NonNullable<StatusMessageState[\"messageType\"]>;\n   description: string;\n   title?: string;\n   /** Default: `'alert'`. */\n   displayType?: StatusMessageState[\"displayType\"];\n   /** Si es `true` el Provider limpia el mensaje a los 6s. Default: `true`. */\n   autoReset?: boolean;\n};\n\n/**\n * API recomendada para disparar feedback desde un handler. Se monta sobre el\n * contexto para no exponer el `setMessage` crudo (un `Dispatch` que obliga al\n * consumidor a armar el estado completo) y para centralizar los defaults.\n *\n * Recibe un objeto y no parámetros posicionales: con `title`/`autoReset`\n * opcionales, el orden se volvía ilegible (`fn('Ok', undefined, false)`).\n *\n * `showMessage` y `clearMessage` tienen identidad estable, así que se pueden\n * usar como dependencias de un efecto sin re-dispararlo en cada render.\n *\n * @example\n * const { showMessage } = useStatusMessage();\n * showMessage({ messageType: 'success', description: 'Cambios guardados' });\n */\nexport const useStatusMessage = () => {\n   const { state, setMessage, cleanMessage } = useStatusMessageContext();\n\n   const showMessage = useCallback(\n      ({ displayType = \"alert\", autoReset = true, title, ...rest }: ShowMessageOptions) => {\n         setMessage({ ...rest, title, displayType, autoReset });\n      },\n      [setMessage],\n   );\n\n   return useMemo(\n      () => ({ state, showMessage, clearMessage: cleanMessage }),\n      [state, showMessage, cleanMessage],\n   );\n};\n","import StatusMessage from \"./StatusMessage\";\nimport { useStatusMessage } from \"./useStatusMessage\";\n\n/**\n * Pinta el mensaje vigente del `StatusMessageProvider` en el lugar donde se monte.\n *\n * Separa el *disparo* del mensaje (`useStatusMessage().showMessage`, desde un\n * handler cualquiera) del *lugar* donde se muestra: el consumidor monta un único\n * `<StatusMessageRenderer />` donde quiere ver el feedback (arriba del form, en\n * el layout de la página) y no tiene que llevar `state` ni `close` a mano hasta\n * cada `<StatusMessage>`.\n *\n * - Sin mensaje en el contexto renderiza `null`, así que puede quedar montado\n *   siempre sin reservar espacio.\n * - `close` se conecta a `clearMessage`: cerrar limpia el contexto y el\n *   componente se desmonta. Por eso el `StatusMessage` queda en modo\n *   *uncontrolled* (sin `open`): su visibilidad la decide la existencia del\n *   `state`, no un booleano aparte.\n * - El auto-cierre (`autoReset`, 6s) lo resuelve el Provider, no este componente.\n *\n * Debe montarse dentro de un `StatusMessageProvider`; fuera de él el contexto\n * devuelve su valor por defecto (`state: undefined`) y nunca muestra nada, sin\n * error que lo avise.\n *\n * @example\n * <StatusMessageProvider>\n *   <StatusMessageRenderer />\n *   <MiFormulario />   // adentro: useStatusMessage().showMessage({ messageType: 'danger', description })\n * </StatusMessageProvider>\n */\nexport const StatusMessageRenderer = () => {\n   const { state, clearMessage } = useStatusMessage();\n\n   if (!state) return null;\n\n   return <StatusMessage {...state} close={clearMessage} />;\n};\n"],"names":["createContext","useContext","useState","useCallback","useMemo","useEffect","jsx","StatusMessage"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyBA,MAAM,gBAA2C;AAAA,EAC/C,OAAO;AAAA,EACP,YAAY,MAAM;AAAA,EAAC;AAAA,EACnB,cAAc,MAAM;AAAA,EAAC;AACvB;AAEA,MAAM,uBAAuBA,MAAAA,cAAyC,aAAa;AAE5E,MAAM,0BAA0B,MAAMC,MAAAA,WAAW,oBAAoB;AAMrE,MAAM,wBAAwB,CAAC,EAAE,eAA2C;AACjF,QAAM,CAAC,cAAc,UAAU,IAAIC,MAAAA,SAAyC,MAAS;AAGrF,QAAM,eAAeC,MAAAA,YAAY,MAAM;AACrC,eAAW,MAAS;AAAA,EACtB,GAAG,CAAA,CAAE;AAEL,QAAM,QAAQC,MAAAA;AAAAA,IACZ,OAAO,EAAE,YAAY,cAAc,OAAO,aAAA;AAAA,IAC1C,CAAC,cAAc,YAAY;AAAA,EAAA;AAG5BC,QAAAA,UAAU,MAAM;AACb,QAAI,CAAC,gBAAgB,aAAa,cAAc,MAAO;AACvD,UAAM,UAAU,WAAW,MAAM;AAC9B,iBAAW,MAAS;AAAA,IACvB,GAAG,GAAI;AACP,WAAO,MAAM,aAAa,OAAO;AAAA,EACpC,GAAG,CAAC,YAAY,CAAC;AAElB,SACEC,2BAAAA,IAAC,qBAAqB,UAArB,EAA8B,OAC5B,SAAA,CACH;AAEJ;AC/BO,MAAM,mBAAmB,MAAM;AACnC,QAAM,EAAE,OAAO,YAAY,aAAA,IAAiB,wBAAA;AAE5C,QAAM,cAAcH,MAAAA;AAAAA,IACjB,CAAC,OAAoF;AAApF,mBAAE,gBAAc,SAAS,YAAY,MAAM,UAA3C,IAAqD,iBAArD,IAAqD,CAAnD,eAAuB,aAAkB;AACzC,iBAAW,iCAAK,OAAL,EAAW,OAAO,aAAa,YAAW;AAAA,IACxD;AAAA,IACA,CAAC,UAAU;AAAA,EAAA;AAGd,SAAOC,MAAAA;AAAAA,IACJ,OAAO,EAAE,OAAO,aAAa,cAAc,aAAA;AAAA,IAC3C,CAAC,OAAO,aAAa,YAAY;AAAA,EAAA;AAEvC;AClBO,MAAM,wBAAwB,MAAM;AACxC,QAAM,EAAE,OAAO,aAAA,IAAiB,iBAAA;AAEhC,MAAI,CAAC,MAAO,QAAO;AAEnB,SAAOE,2BAAAA,IAACC,cAAAA,eAAA,iCAAkB,QAAlB,EAAyB,OAAO,eAAc;AACzD;;;;;;;"}

package/components/StatusMessage/index.d.cts

@@ -4,3 +4,4 @@ export { StatusMessageProvider, useStatusMessageContext, } from './StatusMessage
 export type { StatusMessageState } from './StatusMessageContext';
 export { StatusMessageRenderer } from './StatusMessageRenderer';
 export { useStatusMessage } from './useStatusMessage';
+export type { ShowMessageOptions } from './useStatusMessage';

package/components/StatusMessage/index.d.mts

@@ -4,3 +4,4 @@ export { StatusMessageProvider, useStatusMessageContext, } from './StatusMessage
 export type { StatusMessageState } from './StatusMessageContext.mjs';
 export { StatusMessageRenderer } from './StatusMessageRenderer.mjs';
 export { useStatusMessage } from './useStatusMessage.mjs';
+export type { ShowMessageOptions } from './useStatusMessage.mjs';

package/components/StatusMessage/index.d.ts

@@ -4,3 +4,4 @@ export { StatusMessageProvider, useStatusMessageContext, } from './StatusMessage
 export type { StatusMessageState } from './StatusMessageContext';
 export { StatusMessageRenderer } from './StatusMessageRenderer';
 export { useStatusMessage } from './useStatusMessage';
+export type { ShowMessageOptions } from './useStatusMessage';

package/components/StatusMessage/index.mjs

@@ -17,9 +17,21 @@ var __spreadValues = (a, b) => {
   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;
+};
 import { S as StatusMessage } from "../../chunks/StatusMessage-Pa5IutUR.mjs";
 import { jsx } from "react/jsx-runtime";
-import { useContext, useState, useEffect, createContext } from "react";
+import { useContext, useState, useCallback, useMemo, useEffect, createContext } from "react";
 const initialValues = {
   state: void 0,
   setMessage: () => {
@@ -31,9 +43,13 @@ const StatusMessageContext = createContext(initialValues);
 const useStatusMessageContext = () => useContext(StatusMessageContext);
 const StatusMessageProvider = ({ children }) => {
   const [stateMessage, setMessage] = useState(void 0);
-  const cleanMessage = () => {
+  const cleanMessage = useCallback(() => {
     setMessage(void 0);
-  };
+  }, []);
+  const value = useMemo(
+    () => ({ setMessage, cleanMessage, state: stateMessage }),
+    [cleanMessage, stateMessage]
+  );
   useEffect(() => {
     if (!stateMessage || stateMessage.autoReset === false) return;
     const timeout = setTimeout(() => {
@@ -41,39 +57,26 @@ const StatusMessageProvider = ({ children }) => {
     }, 6e3);
     return () => clearTimeout(timeout);
   }, [stateMessage]);
-  return /* @__PURE__ */ jsx(StatusMessageContext.Provider, { value: { setMessage, cleanMessage, state: stateMessage }, children });
+  return /* @__PURE__ */ jsx(StatusMessageContext.Provider, { value, children });
 };
 const useStatusMessage = () => {
   const { state, setMessage, cleanMessage } = useStatusMessageContext();
-  const success = (description, title, autoReset = true) => {
-    setMessage({
-      title,
-      description,
-      messageType: "success",
-      displayType: "alert",
-      autoReset
-    });
-  };
-  const error = (description, title, autoReset = true) => {
-    setMessage({
-      title,
-      description,
-      messageType: "danger",
-      displayType: "alert",
-      autoReset
-    });
-  };
-  return {
-    state,
-    success,
-    error,
-    cleanMessage
-  };
+  const showMessage = useCallback(
+    (_a) => {
+      var _b = _a, { displayType = "alert", autoReset = true, title } = _b, rest = __objRest(_b, ["displayType", "autoReset", "title"]);
+      setMessage(__spreadProps(__spreadValues({}, rest), { title, displayType, autoReset }));
+    },
+    [setMessage]
+  );
+  return useMemo(
+    () => ({ state, showMessage, clearMessage: cleanMessage }),
+    [state, showMessage, cleanMessage]
+  );
 };
 const StatusMessageRenderer = () => {
-  const { state, cleanMessage } = useStatusMessage();
+  const { state, clearMessage } = useStatusMessage();
   if (!state) return null;
-  return /* @__PURE__ */ jsx(StatusMessage, __spreadProps(__spreadValues({}, state), { close: cleanMessage }));
+  return /* @__PURE__ */ jsx(StatusMessage, __spreadProps(__spreadValues({}, state), { close: clearMessage }));
 };
 export {
   StatusMessage,

package/components/StatusMessage/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../src/components/StatusMessage/StatusMessageContext.tsx","../../../src/components/StatusMessage/useStatusMessage.ts","../../../src/components/StatusMessage/StatusMessageRenderer.tsx"],"sourcesContent":["import {\n  createContext,\n  useState,\n  useContext,\n  type Dispatch,\n  type SetStateAction,\n  type ReactNode,\n  useEffect,\n} from 'react';\nimport type { StatusMessageProps } from './StatusMessage';\n\nexport type StatusMessageState = {\n  [K in 'title' | 'description' | 'messageType']: StatusMessageProps[K] | undefined;\n} & Pick<StatusMessageProps, 'displayType'> & {\n      autoReset?: boolean;\n   };\n\ninterface StatusMessageContextValue {\n  state: StatusMessageState | undefined;\n  setMessage: Dispatch<SetStateAction<StatusMessageState | undefined>>;\n  cleanMessage: () => void;\n}\n\nconst initialValues: StatusMessageContextValue = {\n  state: undefined,\n  setMessage: () => {},\n  cleanMessage: () => {},\n};\n\nconst StatusMessageContext = createContext<StatusMessageContextValue>(initialValues);\n\nexport const useStatusMessageContext = () => useContext(StatusMessageContext);\n\ninterface StatusMessageProviderProps {\n  children: ReactNode;\n}\n\nexport const StatusMessageProvider = ({ children }: StatusMessageProviderProps) => {\n  const [stateMessage, setMessage] = useState<StatusMessageState | undefined>(undefined);\n  const cleanMessage = () => {\n    setMessage(undefined);\n  };\n\n   useEffect(() => {\n      if (!stateMessage || stateMessage.autoReset === false) return;\n      const timeout = setTimeout(() => {\n         setMessage(undefined);\n      }, 6000);\n      return () => clearTimeout(timeout);\n   }, [stateMessage]);\n\n  return (\n    <StatusMessageContext.Provider value={{ setMessage, cleanMessage, state: stateMessage }}>\n      {children}\n    </StatusMessageContext.Provider>\n  );\n};\n","import { useStatusMessageContext } from \"./StatusMessageContext\";\n\nexport const useStatusMessage = () => {\n   const { state, setMessage, cleanMessage } = useStatusMessageContext();\n\n   const success = (description: string, title?: string, autoReset = true) => {\n      setMessage({\n         title,\n         description,\n         messageType: \"success\",\n         displayType: \"alert\",\n         autoReset,\n      });\n   };\n\n   const error = (description: string, title?: string, autoReset = true) => {\n      setMessage({\n         title,\n         description,\n         messageType: \"danger\",\n         displayType: \"alert\",\n         autoReset,\n      });\n   };\n\n   return {\n      state,\n      success,\n      error,\n      cleanMessage,\n   };\n};\n","import StatusMessage from \"./StatusMessage\";\nimport { useStatusMessage } from \"./useStatusMessage\";\n\nexport const StatusMessageRenderer = () => {\n   const { state, cleanMessage } = useStatusMessage();\n\n   if (!state) return null;\n\n   return <StatusMessage {...state} close={cleanMessage} />;\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAuBA,MAAM,gBAA2C;AAAA,EAC/C,OAAO;AAAA,EACP,YAAY,MAAM;AAAA,EAAC;AAAA,EACnB,cAAc,MAAM;AAAA,EAAC;AACvB;AAEA,MAAM,uBAAuB,cAAyC,aAAa;AAE5E,MAAM,0BAA0B,MAAM,WAAW,oBAAoB;AAMrE,MAAM,wBAAwB,CAAC,EAAE,eAA2C;AACjF,QAAM,CAAC,cAAc,UAAU,IAAI,SAAyC,MAAS;AACrF,QAAM,eAAe,MAAM;AACzB,eAAW,MAAS;AAAA,EACtB;AAEC,YAAU,MAAM;AACb,QAAI,CAAC,gBAAgB,aAAa,cAAc,MAAO;AACvD,UAAM,UAAU,WAAW,MAAM;AAC9B,iBAAW,MAAS;AAAA,IACvB,GAAG,GAAI;AACP,WAAO,MAAM,aAAa,OAAO;AAAA,EACpC,GAAG,CAAC,YAAY,CAAC;AAElB,SACE,oBAAC,qBAAqB,UAArB,EAA8B,OAAO,EAAE,YAAY,cAAc,OAAO,aAAA,GACtE,SAAA,CACH;AAEJ;ACtDO,MAAM,mBAAmB,MAAM;AACnC,QAAM,EAAE,OAAO,YAAY,aAAA,IAAiB,wBAAA;AAE5C,QAAM,UAAU,CAAC,aAAqB,OAAgB,YAAY,SAAS;AACxE,eAAW;AAAA,MACR;AAAA,MACA;AAAA,MACA,aAAa;AAAA,MACb,aAAa;AAAA,MACb;AAAA,IAAA,CACF;AAAA,EACJ;AAEA,QAAM,QAAQ,CAAC,aAAqB,OAAgB,YAAY,SAAS;AACtE,eAAW;AAAA,MACR;AAAA,MACA;AAAA,MACA,aAAa;AAAA,MACb,aAAa;AAAA,MACb;AAAA,IAAA,CACF;AAAA,EACJ;AAEA,SAAO;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAEN;AC5BO,MAAM,wBAAwB,MAAM;AACxC,QAAM,EAAE,OAAO,aAAA,IAAiB,iBAAA;AAEhC,MAAI,CAAC,MAAO,QAAO;AAEnB,SAAO,oBAAC,eAAA,iCAAkB,QAAlB,EAAyB,OAAO,eAAc;AACzD;"}
+{"version":3,"file":"index.mjs","sources":["../../../src/components/StatusMessage/StatusMessageContext.tsx","../../../src/components/StatusMessage/useStatusMessage.ts","../../../src/components/StatusMessage/StatusMessageRenderer.tsx"],"sourcesContent":["import {\n  createContext,\n  useState,\n  useContext,\n  type Dispatch,\n  type SetStateAction,\n  type ReactNode,\n  useEffect,\n  useCallback,\n  useMemo,\n} from 'react';\nimport type { StatusMessageProps } from './StatusMessage';\n\nexport type StatusMessageState = {\n  [K in 'title' | 'description' | 'messageType']: StatusMessageProps[K] | undefined;\n} & Pick<StatusMessageProps, 'displayType'> & {\n      autoReset?: boolean;\n   };\n\ninterface StatusMessageContextValue {\n  state: StatusMessageState | undefined;\n  setMessage: Dispatch<SetStateAction<StatusMessageState | undefined>>;\n  cleanMessage: () => void;\n}\n\nconst initialValues: StatusMessageContextValue = {\n  state: undefined,\n  setMessage: () => {},\n  cleanMessage: () => {},\n};\n\nconst StatusMessageContext = createContext<StatusMessageContextValue>(initialValues);\n\nexport const useStatusMessageContext = () => useContext(StatusMessageContext);\n\ninterface StatusMessageProviderProps {\n  children: ReactNode;\n}\n\nexport const StatusMessageProvider = ({ children }: StatusMessageProviderProps) => {\n  const [stateMessage, setMessage] = useState<StatusMessageState | undefined>(undefined);\n  // Estables para que los consumidores puedan usarlas como deps de un efecto\n  // sin re-dispararlo en cada render del Provider.\n  const cleanMessage = useCallback(() => {\n    setMessage(undefined);\n  }, []);\n  \n  const value = useMemo(\n    () => ({ setMessage, cleanMessage, state: stateMessage }),\n    [cleanMessage, stateMessage],\n  );\n\n   useEffect(() => {\n      if (!stateMessage || stateMessage.autoReset === false) return;\n      const timeout = setTimeout(() => {\n         setMessage(undefined);\n      }, 6000);\n      return () => clearTimeout(timeout);\n   }, [stateMessage]);\n\n  return (\n    <StatusMessageContext.Provider value={value}>\n      {children}\n    </StatusMessageContext.Provider>\n  );\n};\n","import { useCallback, useMemo } from \"react\";\nimport { useStatusMessageContext, type StatusMessageState } from \"./StatusMessageContext\";\n\n/**\n * Lo que recibe `showMessage`. Mismos nombres que las props de `StatusMessage`\n * para que lo que entra sea lo que el componente termina recibiendo.\n * `messageType` y `description` son obligatorios: sin tipo no hay color/icono\n * y sin descripción `StatusMessage` no renderiza.\n */\nexport type ShowMessageOptions = {\n   messageType: NonNullable<StatusMessageState[\"messageType\"]>;\n   description: string;\n   title?: string;\n   /** Default: `'alert'`. */\n   displayType?: StatusMessageState[\"displayType\"];\n   /** Si es `true` el Provider limpia el mensaje a los 6s. Default: `true`. */\n   autoReset?: boolean;\n};\n\n/**\n * API recomendada para disparar feedback desde un handler. Se monta sobre el\n * contexto para no exponer el `setMessage` crudo (un `Dispatch` que obliga al\n * consumidor a armar el estado completo) y para centralizar los defaults.\n *\n * Recibe un objeto y no parámetros posicionales: con `title`/`autoReset`\n * opcionales, el orden se volvía ilegible (`fn('Ok', undefined, false)`).\n *\n * `showMessage` y `clearMessage` tienen identidad estable, así que se pueden\n * usar como dependencias de un efecto sin re-dispararlo en cada render.\n *\n * @example\n * const { showMessage } = useStatusMessage();\n * showMessage({ messageType: 'success', description: 'Cambios guardados' });\n */\nexport const useStatusMessage = () => {\n   const { state, setMessage, cleanMessage } = useStatusMessageContext();\n\n   const showMessage = useCallback(\n      ({ displayType = \"alert\", autoReset = true, title, ...rest }: ShowMessageOptions) => {\n         setMessage({ ...rest, title, displayType, autoReset });\n      },\n      [setMessage],\n   );\n\n   return useMemo(\n      () => ({ state, showMessage, clearMessage: cleanMessage }),\n      [state, showMessage, cleanMessage],\n   );\n};\n","import StatusMessage from \"./StatusMessage\";\nimport { useStatusMessage } from \"./useStatusMessage\";\n\n/**\n * Pinta el mensaje vigente del `StatusMessageProvider` en el lugar donde se monte.\n *\n * Separa el *disparo* del mensaje (`useStatusMessage().showMessage`, desde un\n * handler cualquiera) del *lugar* donde se muestra: el consumidor monta un único\n * `<StatusMessageRenderer />` donde quiere ver el feedback (arriba del form, en\n * el layout de la página) y no tiene que llevar `state` ni `close` a mano hasta\n * cada `<StatusMessage>`.\n *\n * - Sin mensaje en el contexto renderiza `null`, así que puede quedar montado\n *   siempre sin reservar espacio.\n * - `close` se conecta a `clearMessage`: cerrar limpia el contexto y el\n *   componente se desmonta. Por eso el `StatusMessage` queda en modo\n *   *uncontrolled* (sin `open`): su visibilidad la decide la existencia del\n *   `state`, no un booleano aparte.\n * - El auto-cierre (`autoReset`, 6s) lo resuelve el Provider, no este componente.\n *\n * Debe montarse dentro de un `StatusMessageProvider`; fuera de él el contexto\n * devuelve su valor por defecto (`state: undefined`) y nunca muestra nada, sin\n * error que lo avise.\n *\n * @example\n * <StatusMessageProvider>\n *   <StatusMessageRenderer />\n *   <MiFormulario />   // adentro: useStatusMessage().showMessage({ messageType: 'danger', description })\n * </StatusMessageProvider>\n */\nexport const StatusMessageRenderer = () => {\n   const { state, clearMessage } = useStatusMessage();\n\n   if (!state) return null;\n\n   return <StatusMessage {...state} close={clearMessage} />;\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyBA,MAAM,gBAA2C;AAAA,EAC/C,OAAO;AAAA,EACP,YAAY,MAAM;AAAA,EAAC;AAAA,EACnB,cAAc,MAAM;AAAA,EAAC;AACvB;AAEA,MAAM,uBAAuB,cAAyC,aAAa;AAE5E,MAAM,0BAA0B,MAAM,WAAW,oBAAoB;AAMrE,MAAM,wBAAwB,CAAC,EAAE,eAA2C;AACjF,QAAM,CAAC,cAAc,UAAU,IAAI,SAAyC,MAAS;AAGrF,QAAM,eAAe,YAAY,MAAM;AACrC,eAAW,MAAS;AAAA,EACtB,GAAG,CAAA,CAAE;AAEL,QAAM,QAAQ;AAAA,IACZ,OAAO,EAAE,YAAY,cAAc,OAAO,aAAA;AAAA,IAC1C,CAAC,cAAc,YAAY;AAAA,EAAA;AAG5B,YAAU,MAAM;AACb,QAAI,CAAC,gBAAgB,aAAa,cAAc,MAAO;AACvD,UAAM,UAAU,WAAW,MAAM;AAC9B,iBAAW,MAAS;AAAA,IACvB,GAAG,GAAI;AACP,WAAO,MAAM,aAAa,OAAO;AAAA,EACpC,GAAG,CAAC,YAAY,CAAC;AAElB,SACE,oBAAC,qBAAqB,UAArB,EAA8B,OAC5B,SAAA,CACH;AAEJ;AC/BO,MAAM,mBAAmB,MAAM;AACnC,QAAM,EAAE,OAAO,YAAY,aAAA,IAAiB,wBAAA;AAE5C,QAAM,cAAc;AAAA,IACjB,CAAC,OAAoF;AAApF,mBAAE,gBAAc,SAAS,YAAY,MAAM,UAA3C,IAAqD,iBAArD,IAAqD,CAAnD,eAAuB,aAAkB;AACzC,iBAAW,iCAAK,OAAL,EAAW,OAAO,aAAa,YAAW;AAAA,IACxD;AAAA,IACA,CAAC,UAAU;AAAA,EAAA;AAGd,SAAO;AAAA,IACJ,OAAO,EAAE,OAAO,aAAa,cAAc,aAAA;AAAA,IAC3C,CAAC,OAAO,aAAa,YAAY;AAAA,EAAA;AAEvC;AClBO,MAAM,wBAAwB,MAAM;AACxC,QAAM,EAAE,OAAO,aAAA,IAAiB,iBAAA;AAEhC,MAAI,CAAC,MAAO,QAAO;AAEnB,SAAO,oBAAC,eAAA,iCAAkB,QAAlB,EAAyB,OAAO,eAAc;AACzD;"}

package/components/StatusMessage/useStatusMessage.d.cts

@@ -1,6 +1,36 @@
+import { StatusMessageState } from './StatusMessageContext';
+/**
+ * Lo que recibe `showMessage`. Mismos nombres que las props de `StatusMessage`
+ * para que lo que entra sea lo que el componente termina recibiendo.
+ * `messageType` y `description` son obligatorios: sin tipo no hay color/icono
+ * y sin descripción `StatusMessage` no renderiza.
+ */
+export type ShowMessageOptions = {
+    messageType: NonNullable<StatusMessageState["messageType"]>;
+    description: string;
+    title?: string;
+    /** Default: `'alert'`. */
+    displayType?: StatusMessageState["displayType"];
+    /** Si es `true` el Provider limpia el mensaje a los 6s. Default: `true`. */
+    autoReset?: boolean;
+};
+/**
+ * API recomendada para disparar feedback desde un handler. Se monta sobre el
+ * contexto para no exponer el `setMessage` crudo (un `Dispatch` que obliga al
+ * consumidor a armar el estado completo) y para centralizar los defaults.
+ *
+ * Recibe un objeto y no parámetros posicionales: con `title`/`autoReset`
+ * opcionales, el orden se volvía ilegible (`fn('Ok', undefined, false)`).
+ *
+ * `showMessage` y `clearMessage` tienen identidad estable, así que se pueden
+ * usar como dependencias de un efecto sin re-dispararlo en cada render.
+ *
+ * @example
+ * const { showMessage } = useStatusMessage();
+ * showMessage({ messageType: 'success', description: 'Cambios guardados' });
+ */
 export declare const useStatusMessage: () => {
-    state: import('./StatusMessageContext').StatusMessageState | undefined;
-    success: (description: string, title?: string, autoReset?: boolean) => void;
-    error: (description: string, title?: string, autoReset?: boolean) => void;
-    cleanMessage: () => void;
+    state: StatusMessageState | undefined;
+    showMessage: ({ displayType, autoReset, title, ...rest }: ShowMessageOptions) => void;
+    clearMessage: () => void;
 };

package/components/StatusMessage/useStatusMessage.d.mts

@@ -1,6 +1,36 @@
+import { StatusMessageState } from './StatusMessageContext.mjs';
+/**
+ * Lo que recibe `showMessage`. Mismos nombres que las props de `StatusMessage`
+ * para que lo que entra sea lo que el componente termina recibiendo.
+ * `messageType` y `description` son obligatorios: sin tipo no hay color/icono
+ * y sin descripción `StatusMessage` no renderiza.
+ */
+export type ShowMessageOptions = {
+    messageType: NonNullable<StatusMessageState["messageType"]>;
+    description: string;
+    title?: string;
+    /** Default: `'alert'`. */
+    displayType?: StatusMessageState["displayType"];
+    /** Si es `true` el Provider limpia el mensaje a los 6s. Default: `true`. */
+    autoReset?: boolean;
+};
+/**
+ * API recomendada para disparar feedback desde un handler. Se monta sobre el
+ * contexto para no exponer el `setMessage` crudo (un `Dispatch` que obliga al
+ * consumidor a armar el estado completo) y para centralizar los defaults.
+ *
+ * Recibe un objeto y no parámetros posicionales: con `title`/`autoReset`
+ * opcionales, el orden se volvía ilegible (`fn('Ok', undefined, false)`).
+ *
+ * `showMessage` y `clearMessage` tienen identidad estable, así que se pueden
+ * usar como dependencias de un efecto sin re-dispararlo en cada render.
+ *
+ * @example
+ * const { showMessage } = useStatusMessage();
+ * showMessage({ messageType: 'success', description: 'Cambios guardados' });
+ */
 export declare const useStatusMessage: () => {
-    state: import('./StatusMessageContext.mjs').StatusMessageState | undefined;
-    success: (description: string, title?: string, autoReset?: boolean) => void;
-    error: (description: string, title?: string, autoReset?: boolean) => void;
-    cleanMessage: () => void;
+    state: StatusMessageState | undefined;
+    showMessage: ({ displayType, autoReset, title, ...rest }: ShowMessageOptions) => void;
+    clearMessage: () => void;
 };

package/components/StatusMessage/useStatusMessage.d.ts

@@ -1,6 +1,36 @@
+import { StatusMessageState } from './StatusMessageContext';
+/**
+ * Lo que recibe `showMessage`. Mismos nombres que las props de `StatusMessage`
+ * para que lo que entra sea lo que el componente termina recibiendo.
+ * `messageType` y `description` son obligatorios: sin tipo no hay color/icono
+ * y sin descripción `StatusMessage` no renderiza.
+ */
+export type ShowMessageOptions = {
+    messageType: NonNullable<StatusMessageState["messageType"]>;
+    description: string;
+    title?: string;
+    /** Default: `'alert'`. */
+    displayType?: StatusMessageState["displayType"];
+    /** Si es `true` el Provider limpia el mensaje a los 6s. Default: `true`. */
+    autoReset?: boolean;
+};
+/**
+ * API recomendada para disparar feedback desde un handler. Se monta sobre el
+ * contexto para no exponer el `setMessage` crudo (un `Dispatch` que obliga al
+ * consumidor a armar el estado completo) y para centralizar los defaults.
+ *
+ * Recibe un objeto y no parámetros posicionales: con `title`/`autoReset`
+ * opcionales, el orden se volvía ilegible (`fn('Ok', undefined, false)`).
+ *
+ * `showMessage` y `clearMessage` tienen identidad estable, así que se pueden
+ * usar como dependencias de un efecto sin re-dispararlo en cada render.
+ *
+ * @example
+ * const { showMessage } = useStatusMessage();
+ * showMessage({ messageType: 'success', description: 'Cambios guardados' });
+ */
 export declare const useStatusMessage: () => {
-    state: import('./StatusMessageContext').StatusMessageState | undefined;
-    success: (description: string, title?: string, autoReset?: boolean) => void;
-    error: (description: string, title?: string, autoReset?: boolean) => void;
-    cleanMessage: () => void;
+    state: StatusMessageState | undefined;
+    showMessage: ({ displayType, autoReset, title, ...rest }: ShowMessageOptions) => void;
+    clearMessage: () => void;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@soyfri/shared-library",
-  "version": "4.1.1-beta.1",
+  "version": "4.1.1-beta.3",
   "type": "commonjs",
   "main": "./index.cjs",
   "module": "./index.mjs",