@soyfri/shared-library 4.0.0 → 4.0.2

package/components/Select.d.ts

@@ -1,6 +1,6 @@
-export * from '../src/components/Select/index'
+export * from './Select/index'
 export {}
-import _default from '../src/components/Select/index'
+import _default from './Select/index'
 export default _default
-export * from '../src/components/Select/index'
+export * from './Select/index'
 export {}

package/components/Spinner.d.ts

@@ -1,6 +1,6 @@
-export * from '../src/components/Spinner/index'
+export * from './Spinner/index'
 export {}
-import _default from '../src/components/Spinner/index'
+import _default from './Spinner/index'
 export default _default
-export * from '../src/components/Spinner/index'
+export * from './Spinner/index'
 export {}

package/components/Stat.d.ts

@@ -1,6 +1,6 @@
-export * from '../src/components/Stat/index'
+export * from './Stat/index'
 export {}
-import _default from '../src/components/Stat/index'
+import _default from './Stat/index'
 export default _default
-export * from '../src/components/Stat/index'
+export * from './Stat/index'
 export {}

package/components/StatusMessage/StatusMessageContext.d.ts

@@ -0,0 +1,16 @@
+import { Dispatch, SetStateAction, ReactNode } from 'react';
+import { StatusMessageProps } from './StatusMessage';
+export type StatusMessageState = {
+    [K in 'title' | 'description' | 'messageType']: StatusMessageProps[K] | undefined;
+} & Pick<StatusMessageProps, 'displayType'>;
+interface StatusMessageContextValue {
+    state: StatusMessageState | undefined;
+    setMessage: Dispatch<SetStateAction<StatusMessageState | undefined>>;
+    cleanMessage: () => void;
+}
+export declare const useStatusMessageContext: () => StatusMessageContextValue;
+interface StatusMessageProviderProps {
+    children: ReactNode;
+}
+export declare const StatusMessageProvider: ({ children }: StatusMessageProviderProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/components/StatusMessage.d.ts

@@ -1,6 +1,6 @@
-export * from '../src/components/StatusMessage/index'
+export * from './StatusMessage/index'
 export {}
-import _default from '../src/components/StatusMessage/index'
+import _default from './StatusMessage/index'
 export default _default
-export * from '../src/components/StatusMessage/index'
+export * from './StatusMessage/index'
 export {}

package/components/Stepper.d.ts

@@ -1,6 +1,6 @@
-export * from '../src/components/Stepper/index'
+export * from './Stepper/index'
 export {}
-import _default from '../src/components/Stepper/index'
+import _default from './Stepper/index'
 export default _default
-export * from '../src/components/Stepper/index'
+export * from './Stepper/index'
 export {}

package/components/Switch.d.ts

@@ -1,6 +1,6 @@
-export * from '../src/components/Switch/index'
+export * from './Switch/index'
 export {}
-import _default from '../src/components/Switch/index'
+import _default from './Switch/index'
 export default _default
-export * from '../src/components/Switch/index'
+export * from './Switch/index'
 export {}

package/components/Table.d.ts

@@ -1,2 +1,2 @@
-export * from '../src/components/Table/index'
+export * from './Table/index'
 export {}

package/components/Tabs.d.ts

@@ -1,6 +1,6 @@
-export * from '../src/components/Tabs/index'
+export * from './Tabs/index'
 export {}
-import _default from '../src/components/Tabs/index'
+import _default from './Tabs/index'
 export default _default
-export * from '../src/components/Tabs/index'
+export * from './Tabs/index'
 export {}

package/components/Timeline.d.ts

@@ -1,6 +1,6 @@
-export * from '../src/components/Timeline/index'
+export * from './Timeline/index'
 export {}
-import _default from '../src/components/Timeline/index'
+import _default from './Timeline/index'
 export default _default
-export * from '../src/components/Timeline/index'
+export * from './Timeline/index'
 export {}

package/components/Tooltip.d.ts

@@ -1,2 +1,2 @@
-export * from '../src/components/Tooltip/index'
+export * from './Tooltip/index'
 export {}

package/hooks/ClipBoard/ClipBoard.cjs

@@ -17,37 +17,56 @@ function useClipboard(options) {
     }
     setSnackbarOpen(false);
   }, []);
-  const executeCopy = React.useCallback((text) => {
-    var _a2, _b;
-    try {
-      if (navigator.clipboard && window.isSecureContext) {
-        navigator.clipboard.writeText(text);
-      } else {
-        const textarea = document.createElement("textarea");
-        textarea.value = text;
-        document.body.appendChild(textarea);
-        textarea.select();
-        document.execCommand("copy");
-        document.body.removeChild(textarea);
-      }
-      setSnackbarMessage((options == null ? void 0 : options.message) || "¡Copiado al portapapeles!");
-      setSnackbarSeverity((options == null ? void 0 : options.severity) || "success");
+  const mostrarSnackbar = React.useCallback(
+    (mensaje, severidad) => {
+      var _a2;
+      setSnackbarMessage(mensaje);
+      setSnackbarSeverity(severidad);
       setSnackbarPosition((options == null ? void 0 : options.position) || { vertical: "bottom", horizontal: "center" });
       setSnackbarDuration((_a2 = options == null ? void 0 : options.duration) != null ? _a2 : 3e3);
       setSnackbarOpen(true);
-    } catch (err) {
-      console.error("Error al copiar al portapapeles:", err);
-      setSnackbarMessage("Error al copiar.");
-      setSnackbarSeverity("error");
-      setSnackbarPosition((options == null ? void 0 : options.position) || { vertical: "bottom", horizontal: "center" });
-      setSnackbarDuration((_b = options == null ? void 0 : options.duration) != null ? _b : 3e3);
-      setSnackbarOpen(true);
+    },
+    [options]
+  );
+  const copiarConTextarea = React.useCallback((text) => {
+    const textarea = document.createElement("textarea");
+    textarea.value = text;
+    textarea.style.position = "fixed";
+    textarea.style.top = "0";
+    textarea.style.opacity = "0";
+    document.body.appendChild(textarea);
+    textarea.select();
+    try {
+      return document.execCommand("copy");
+    } catch (e) {
+      return false;
+    } finally {
+      document.body.removeChild(textarea);
     }
-  }, [options]);
+  }, []);
+  const executeCopy = React.useCallback(
+    async (text) => {
+      if (navigator.clipboard && window.isSecureContext) {
+        try {
+          await navigator.clipboard.writeText(text);
+          mostrarSnackbar((options == null ? void 0 : options.message) || "¡Copiado al portapapeles!", (options == null ? void 0 : options.severity) || "success");
+          return true;
+        } catch (e) {
+        }
+      }
+      if (copiarConTextarea(text)) {
+        mostrarSnackbar((options == null ? void 0 : options.message) || "¡Copiado al portapapeles!", (options == null ? void 0 : options.severity) || "success");
+        return true;
+      }
+      mostrarSnackbar("No se pudo copiar al portapapeles.", "error");
+      return false;
+    },
+    [copiarConTextarea, mostrarSnackbar, options]
+  );
   const copyFromRef = React.useCallback(() => {
     if (elementRef.current) {
       const textToCopy = elementRef.current.innerText || "";
-      executeCopy(textToCopy);
+      void executeCopy(textToCopy);
     }
   }, [executeCopy]);
   React.useEffect(() => {

package/hooks/ClipBoard/ClipBoard.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ClipBoard.cjs","sources":["../../../src/hooks/ClipBoard/ClipBoard.tsx"],"sourcesContent":["// useClipboard.tsx (Versión Unificada)\nimport React, { useRef, useEffect, useState, useCallback } from 'react';\nimport { Snackbar, Alert } from '@mui/material';\nimport { AlertProps } from '@mui/material/Alert';\n\n// Tipo para las opciones del Snackbar\ninterface SnackbarOptions {\n  message?: string;\n  duration?: number;\n  severity?: AlertProps['severity'];\n  position?: { vertical: 'top' | 'bottom'; horizontal: 'left' | 'center' | 'right' };\n}\n\n/**\n * Hook 'useClipboard'.\n * Proporciona funcionalidad de copiado de texto y feedback visual (Snackbar).\n * Permite dos modos de uso:\n * 1. Uso por Referencia (ref): Se adjunta a un elemento, copia su innerText al hacer clic.\n * 2. Uso por Función (copy): Recibe el texto a copiar directamente como argumento.\n *\n * @param options Opciones de configuración para el Snackbar de feedback.\n * @returns Un objeto que contiene:\n * - 'ref': Una React Ref para adjuntar a un elemento (Modo Ref).\n * - 'copy': Una función (text: string) => void para copiar texto (Modo Función).\n * - 'CopyMessage': El componente Snackbar para renderizar el feedback.\n */\nexport function useClipboard(options?: SnackbarOptions) {\n  // --- Elementos de Copiado por Referencia ---\n  const elementRef = useRef<HTMLElement>(null);\n\n  // --- Estados y Opciones del Snackbar ---\n  const [snackbarOpen, setSnackbarOpen] = useState(false);\n  const [snackbarMessage, setSnackbarMessage] = useState(options?.message || '¡Copiado al portapapeles!');\n  const [snackbarSeverity, setSnackbarSeverity] = useState<AlertProps['severity']>(options?.severity || 'success');\n  const [snackbarPosition, setSnackbarPosition] = useState<import('@mui/material').SnackbarOrigin>(options?.position || { vertical: 'bottom', horizontal: 'center' });\n  const [snackbarDuration, setSnackbarDuration] = useState(options?.duration ?? 3000);\n\n  // Función para cerrar el Snackbar\n  const handleSnackbarClose = useCallback((event?: React.SyntheticEvent | Event, reason?: string) => {\n    if (reason === 'clickaway') {\n      return;\n    }\n    setSnackbarOpen(false);\n  }, []);\n\n  /**\n   * FUNCIÓN PRINCIPAL DE COPIADO.\n   * Se usa internamente para 'ref' y se expone para 'copy(text)'.\n   * @param text El texto exacto a copiar.\n   */\n  const executeCopy = useCallback((text: string) => {\n    try {\n      if (navigator.clipboard && window.isSecureContext) {\n        // 1. API moderna\n        navigator.clipboard.writeText(text);\n      } else {\n        // 2. Fallback usando textarea\n        const textarea = document.createElement('textarea');\n        textarea.value = text;\n        document.body.appendChild(textarea);\n        textarea.select();\n        document.execCommand('copy');\n        document.body.removeChild(textarea);\n      }\n      \n      // Mostrar éxito\n      setSnackbarMessage(options?.message || '¡Copiado al portapapeles!');\n      setSnackbarSeverity(options?.severity || 'success');\n      setSnackbarPosition(options?.position || { vertical: 'bottom', horizontal: 'center' });\n      setSnackbarDuration(options?.duration ?? 3000);\n      setSnackbarOpen(true);\n\n    } catch (err) {\n      // Mostrar error\n      console.error('Error al copiar al portapapeles:', err);\n      setSnackbarMessage('Error al copiar.');\n      setSnackbarSeverity('error');\n      setSnackbarPosition(options?.position || { vertical: 'bottom', horizontal: 'center' });\n      setSnackbarDuration(options?.duration ?? 3000);\n      setSnackbarOpen(true);\n    }\n  }, [options]); \n\n  // --- Lógica del Modo Ref ---\n  const copyFromRef = useCallback(() => {\n    if (elementRef.current) {\n        const textToCopy = elementRef.current.innerText || '';\n        executeCopy(textToCopy);\n    }\n  }, [executeCopy]);\n\n  // Adjunta un event listener de clic al elemento referenciado (Modo Ref)\n  useEffect(() => {\n    const currentElement = elementRef.current;\n    if (currentElement) {\n      currentElement.style.cursor = 'pointer';\n      // Adjuntamos la función que copia el texto del ref\n      currentElement.addEventListener('click', copyFromRef);\n    }\n\n    return () => {\n      if (currentElement) {\n        currentElement.removeEventListener('click', copyFromRef);\n      }\n    };\n  }, [copyFromRef]);\n\n\n  // Componente Snackbar encapsulado. Solo se renderiza si duration es > 0.\n  const CopyMessage = () => {\n    if (snackbarDuration <= 0) return null; // No renderizar si la duración es 0\n\n    return (\n      <Snackbar\n        open={snackbarOpen}\n        autoHideDuration={snackbarDuration}\n        onClose={handleSnackbarClose}\n        anchorOrigin={snackbarPosition}\n      >\n        <Alert onClose={handleSnackbarClose} severity={snackbarSeverity} sx={{ width: '100%' }}>\n          {snackbarMessage}\n        </Alert>\n      </Snackbar>\n    );\n  };\n\n  // Retorna ambas funcionalidades para que el usuario elija\n  return { ref: elementRef, copy: executeCopy, CopyMessage };\n}\n\nexport default useClipboard;"],"names":["useRef","useState","useCallback","_a","useEffect","jsx","Snackbar","Alert"],"mappings":";;;;;AA0BO,SAAS,aAAa,SAA2B;;AAEtD,QAAM,aAAaA,MAAAA,OAAoB,IAAI;AAG3C,QAAM,CAAC,cAAc,eAAe,IAAIC,MAAAA,SAAS,KAAK;AACtD,QAAM,CAAC,iBAAiB,kBAAkB,IAAIA,MAAAA,UAAS,mCAAS,YAAW,2BAA2B;AACtG,QAAM,CAAC,kBAAkB,mBAAmB,IAAIA,MAAAA,UAAiC,mCAAS,aAAY,SAAS;AAC/G,QAAM,CAAC,kBAAkB,mBAAmB,IAAIA,MAAAA,UAAiD,mCAAS,aAAY,EAAE,UAAU,UAAU,YAAY,SAAA,CAAU;AAClK,QAAM,CAAC,kBAAkB,mBAAmB,IAAIA,MAAAA,UAAS,wCAAS,aAAT,YAAqB,GAAI;AAGlF,QAAM,sBAAsBC,MAAAA,YAAY,CAAC,OAAsC,WAAoB;AACjG,QAAI,WAAW,aAAa;AAC1B;AAAA,IACF;AACA,oBAAgB,KAAK;AAAA,EACvB,GAAG,CAAA,CAAE;AAOL,QAAM,cAAcA,kBAAY,CAAC,SAAiB;;AAChD,QAAI;AACF,UAAI,UAAU,aAAa,OAAO,iBAAiB;AAEjD,kBAAU,UAAU,UAAU,IAAI;AAAA,MACpC,OAAO;AAEL,cAAM,WAAW,SAAS,cAAc,UAAU;AAClD,iBAAS,QAAQ;AACjB,iBAAS,KAAK,YAAY,QAAQ;AAClC,iBAAS,OAAA;AACT,iBAAS,YAAY,MAAM;AAC3B,iBAAS,KAAK,YAAY,QAAQ;AAAA,MACpC;AAGA,0BAAmB,mCAAS,YAAW,2BAA2B;AAClE,2BAAoB,mCAAS,aAAY,SAAS;AAClD,2BAAoB,mCAAS,aAAY,EAAE,UAAU,UAAU,YAAY,UAAU;AACrF,2BAAoBC,MAAA,mCAAS,aAAT,OAAAA,MAAqB,GAAI;AAC7C,sBAAgB,IAAI;AAAA,IAEtB,SAAS,KAAK;AAEZ,cAAQ,MAAM,oCAAoC,GAAG;AACrD,yBAAmB,kBAAkB;AACrC,0BAAoB,OAAO;AAC3B,2BAAoB,mCAAS,aAAY,EAAE,UAAU,UAAU,YAAY,UAAU;AACrF,2BAAoB,wCAAS,aAAT,YAAqB,GAAI;AAC7C,sBAAgB,IAAI;AAAA,IACtB;AAAA,EACF,GAAG,CAAC,OAAO,CAAC;AAGZ,QAAM,cAAcD,MAAAA,YAAY,MAAM;AACpC,QAAI,WAAW,SAAS;AACpB,YAAM,aAAa,WAAW,QAAQ,aAAa;AACnD,kBAAY,UAAU;AAAA,IAC1B;AAAA,EACF,GAAG,CAAC,WAAW,CAAC;AAGhBE,QAAAA,UAAU,MAAM;AACd,UAAM,iBAAiB,WAAW;AAClC,QAAI,gBAAgB;AAClB,qBAAe,MAAM,SAAS;AAE9B,qBAAe,iBAAiB,SAAS,WAAW;AAAA,IACtD;AAEA,WAAO,MAAM;AACX,UAAI,gBAAgB;AAClB,uBAAe,oBAAoB,SAAS,WAAW;AAAA,MACzD;AAAA,IACF;AAAA,EACF,GAAG,CAAC,WAAW,CAAC;AAIhB,QAAM,cAAc,MAAM;AACxB,QAAI,oBAAoB,EAAG,QAAO;AAElC,WACEC,2BAAAA;AAAAA,MAACC,SAAAA;AAAAA,MAAA;AAAA,QACC,MAAM;AAAA,QACN,kBAAkB;AAAA,QAClB,SAAS;AAAA,QACT,cAAc;AAAA,QAEd,UAAAD,2BAAAA,IAACE,SAAAA,OAAA,EAAM,SAAS,qBAAqB,UAAU,kBAAkB,IAAI,EAAE,OAAO,OAAA,GAC3E,UAAA,gBAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AAGA,SAAO,EAAE,KAAK,YAAY,MAAM,aAAa,YAAA;AAC/C;;"}
+{"version":3,"file":"ClipBoard.cjs","sources":["../../../src/hooks/ClipBoard/ClipBoard.tsx"],"sourcesContent":["// useClipboard.tsx (Versión Unificada)\nimport React, { useRef, useEffect, useState, useCallback } from 'react';\nimport { Snackbar, Alert } from '@mui/material';\nimport { AlertProps } from '@mui/material/Alert';\n\n// Tipo para las opciones del Snackbar\ninterface SnackbarOptions {\n  message?: string;\n  duration?: number;\n  severity?: AlertProps['severity'];\n  position?: { vertical: 'top' | 'bottom'; horizontal: 'left' | 'center' | 'right' };\n}\n\n/**\n * Hook 'useClipboard'.\n * Proporciona funcionalidad de copiado de texto y feedback visual (Snackbar).\n * Permite dos modos de uso:\n * 1. Uso por Referencia (ref): Se adjunta a un elemento, copia su innerText al hacer clic.\n * 2. Uso por Función (copy): Recibe el texto a copiar directamente como argumento.\n *\n * @param options Opciones de configuración para el Snackbar de feedback.\n * @returns Un objeto que contiene:\n * - 'ref': Una React Ref para adjuntar a un elemento (Modo Ref).\n * - 'copy': Una función (text: string) => void para copiar texto (Modo Función).\n * - 'CopyMessage': El componente Snackbar para renderizar el feedback.\n */\nexport function useClipboard(options?: SnackbarOptions) {\n  // --- Elementos de Copiado por Referencia ---\n  const elementRef = useRef<HTMLElement>(null);\n\n  // --- Estados y Opciones del Snackbar ---\n  const [snackbarOpen, setSnackbarOpen] = useState(false);\n  const [snackbarMessage, setSnackbarMessage] = useState(options?.message || '¡Copiado al portapapeles!');\n  const [snackbarSeverity, setSnackbarSeverity] = useState<AlertProps['severity']>(options?.severity || 'success');\n  const [snackbarPosition, setSnackbarPosition] = useState<import('@mui/material').SnackbarOrigin>(options?.position || { vertical: 'bottom', horizontal: 'center' });\n  const [snackbarDuration, setSnackbarDuration] = useState(options?.duration ?? 3000);\n\n  // Función para cerrar el Snackbar\n  const handleSnackbarClose = useCallback((event?: React.SyntheticEvent | Event, reason?: string) => {\n    if (reason === 'clickaway') {\n      return;\n    }\n    setSnackbarOpen(false);\n  }, []);\n\n  /**\n   * FUNCIÓN PRINCIPAL DE COPIADO.\n   * Se usa internamente para 'ref' y se expone para 'copy(text)'.\n   * @param text El texto exacto a copiar.\n   */\n  const mostrarSnackbar = useCallback(\n    (mensaje: string, severidad: AlertProps['severity']) => {\n      setSnackbarMessage(mensaje);\n      setSnackbarSeverity(severidad);\n      setSnackbarPosition(options?.position || { vertical: 'bottom', horizontal: 'center' });\n      setSnackbarDuration(options?.duration ?? 3000);\n      setSnackbarOpen(true);\n    },\n    [options],\n  );\n\n  /** Fallback legacy. `execCommand` devuelve `false` en vez de tirar cuando falla. */\n  const copiarConTextarea = useCallback((text: string): boolean => {\n    const textarea = document.createElement('textarea');\n    textarea.value = text;\n    // Fuera de la vista pero seleccionable: sin esto la página salta al final.\n    textarea.style.position = 'fixed';\n    textarea.style.top = '0';\n    textarea.style.opacity = '0';\n    document.body.appendChild(textarea);\n    textarea.select();\n    try {\n      return document.execCommand('copy');\n    } catch {\n      return false;\n    } finally {\n      document.body.removeChild(textarea);\n    }\n  }, []);\n\n  const executeCopy = useCallback(\n    async (text: string): Promise<boolean> => {\n      // `writeText` es ASÍNCRONA: llamarla sin await/catch dejaba la promesa\n      // suelta, y cuando el navegador la rechaza —documento sin foco, permiso\n      // denegado, contexto no seguro— la rejection escapaba al `window` de la\n      // app que consume la librería. El try/catch de antes sólo atrapaba\n      // errores síncronos, así que no cubría nada de eso.\n      if (navigator.clipboard && window.isSecureContext) {\n        try {\n          await navigator.clipboard.writeText(text);\n          mostrarSnackbar(options?.message || '¡Copiado al portapapeles!', options?.severity || 'success');\n          return true;\n        } catch {\n          // Puede ser sólo falta de foco: se intenta el fallback antes de rendirse.\n        }\n      }\n\n      if (copiarConTextarea(text)) {\n        mostrarSnackbar(options?.message || '¡Copiado al portapapeles!', options?.severity || 'success');\n        return true;\n      }\n\n      mostrarSnackbar('No se pudo copiar al portapapeles.', 'error');\n      return false;\n    },\n    [copiarConTextarea, mostrarSnackbar, options],\n  );\n\n  // --- Lógica del Modo Ref ---\n  const copyFromRef = useCallback(() => {\n    if (elementRef.current) {\n        const textToCopy = elementRef.current.innerText || '';\n        // `void`: el listener del DOM no puede esperar la promesa, y ésta ya\n        // maneja sus propios errores adentro.\n        void executeCopy(textToCopy);\n    }\n  }, [executeCopy]);\n\n  // Adjunta un event listener de clic al elemento referenciado (Modo Ref)\n  useEffect(() => {\n    const currentElement = elementRef.current;\n    if (currentElement) {\n      currentElement.style.cursor = 'pointer';\n      // Adjuntamos la función que copia el texto del ref\n      currentElement.addEventListener('click', copyFromRef);\n    }\n\n    return () => {\n      if (currentElement) {\n        currentElement.removeEventListener('click', copyFromRef);\n      }\n    };\n  }, [copyFromRef]);\n\n\n  // Componente Snackbar encapsulado. Solo se renderiza si duration es > 0.\n  const CopyMessage = () => {\n    if (snackbarDuration <= 0) return null; // No renderizar si la duración es 0\n\n    return (\n      <Snackbar\n        open={snackbarOpen}\n        autoHideDuration={snackbarDuration}\n        onClose={handleSnackbarClose}\n        anchorOrigin={snackbarPosition}\n      >\n        <Alert onClose={handleSnackbarClose} severity={snackbarSeverity} sx={{ width: '100%' }}>\n          {snackbarMessage}\n        </Alert>\n      </Snackbar>\n    );\n  };\n\n  // Retorna ambas funcionalidades para que el usuario elija\n  return { ref: elementRef, copy: executeCopy, CopyMessage };\n}\n\nexport default useClipboard;"],"names":["useRef","useState","useCallback","_a","useEffect","jsx","Snackbar","Alert"],"mappings":"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"}

package/{src/hooks → hooks}/ClipBoard/ClipBoard.d.ts

@@ -24,7 +24,7 @@ interface SnackbarOptions {
  */
 export declare function useClipboard(options?: SnackbarOptions): {
     ref: React.RefObject<HTMLElement | null>;
-    copy: (text: string) => void;
+    copy: (text: string) => Promise<boolean>;
     CopyMessage: () => import("react/jsx-runtime").JSX.Element | null;
 };
 export default useClipboard;

package/hooks/ClipBoard/ClipBoard.js

@@ -15,37 +15,56 @@ function useClipboard(options) {
     }
     setSnackbarOpen(false);
   }, []);
-  const executeCopy = useCallback((text) => {
-    var _a2, _b;
-    try {
-      if (navigator.clipboard && window.isSecureContext) {
-        navigator.clipboard.writeText(text);
-      } else {
-        const textarea = document.createElement("textarea");
-        textarea.value = text;
-        document.body.appendChild(textarea);
-        textarea.select();
-        document.execCommand("copy");
-        document.body.removeChild(textarea);
-      }
-      setSnackbarMessage((options == null ? void 0 : options.message) || "¡Copiado al portapapeles!");
-      setSnackbarSeverity((options == null ? void 0 : options.severity) || "success");
+  const mostrarSnackbar = useCallback(
+    (mensaje, severidad) => {
+      var _a2;
+      setSnackbarMessage(mensaje);
+      setSnackbarSeverity(severidad);
       setSnackbarPosition((options == null ? void 0 : options.position) || { vertical: "bottom", horizontal: "center" });
       setSnackbarDuration((_a2 = options == null ? void 0 : options.duration) != null ? _a2 : 3e3);
       setSnackbarOpen(true);
-    } catch (err) {
-      console.error("Error al copiar al portapapeles:", err);
-      setSnackbarMessage("Error al copiar.");
-      setSnackbarSeverity("error");
-      setSnackbarPosition((options == null ? void 0 : options.position) || { vertical: "bottom", horizontal: "center" });
-      setSnackbarDuration((_b = options == null ? void 0 : options.duration) != null ? _b : 3e3);
-      setSnackbarOpen(true);
+    },
+    [options]
+  );
+  const copiarConTextarea = useCallback((text) => {
+    const textarea = document.createElement("textarea");
+    textarea.value = text;
+    textarea.style.position = "fixed";
+    textarea.style.top = "0";
+    textarea.style.opacity = "0";
+    document.body.appendChild(textarea);
+    textarea.select();
+    try {
+      return document.execCommand("copy");
+    } catch (e) {
+      return false;
+    } finally {
+      document.body.removeChild(textarea);
     }
-  }, [options]);
+  }, []);
+  const executeCopy = useCallback(
+    async (text) => {
+      if (navigator.clipboard && window.isSecureContext) {
+        try {
+          await navigator.clipboard.writeText(text);
+          mostrarSnackbar((options == null ? void 0 : options.message) || "¡Copiado al portapapeles!", (options == null ? void 0 : options.severity) || "success");
+          return true;
+        } catch (e) {
+        }
+      }
+      if (copiarConTextarea(text)) {
+        mostrarSnackbar((options == null ? void 0 : options.message) || "¡Copiado al portapapeles!", (options == null ? void 0 : options.severity) || "success");
+        return true;
+      }
+      mostrarSnackbar("No se pudo copiar al portapapeles.", "error");
+      return false;
+    },
+    [copiarConTextarea, mostrarSnackbar, options]
+  );
   const copyFromRef = useCallback(() => {
     if (elementRef.current) {
       const textToCopy = elementRef.current.innerText || "";
-      executeCopy(textToCopy);
+      void executeCopy(textToCopy);
     }
   }, [executeCopy]);
   useEffect(() => {

package/hooks/ClipBoard/ClipBoard.js.map

@@ -1 +1 @@
-{"version":3,"file":"ClipBoard.js","sources":["../../../src/hooks/ClipBoard/ClipBoard.tsx"],"sourcesContent":["// useClipboard.tsx (Versión Unificada)\nimport React, { useRef, useEffect, useState, useCallback } from 'react';\nimport { Snackbar, Alert } from '@mui/material';\nimport { AlertProps } from '@mui/material/Alert';\n\n// Tipo para las opciones del Snackbar\ninterface SnackbarOptions {\n  message?: string;\n  duration?: number;\n  severity?: AlertProps['severity'];\n  position?: { vertical: 'top' | 'bottom'; horizontal: 'left' | 'center' | 'right' };\n}\n\n/**\n * Hook 'useClipboard'.\n * Proporciona funcionalidad de copiado de texto y feedback visual (Snackbar).\n * Permite dos modos de uso:\n * 1. Uso por Referencia (ref): Se adjunta a un elemento, copia su innerText al hacer clic.\n * 2. Uso por Función (copy): Recibe el texto a copiar directamente como argumento.\n *\n * @param options Opciones de configuración para el Snackbar de feedback.\n * @returns Un objeto que contiene:\n * - 'ref': Una React Ref para adjuntar a un elemento (Modo Ref).\n * - 'copy': Una función (text: string) => void para copiar texto (Modo Función).\n * - 'CopyMessage': El componente Snackbar para renderizar el feedback.\n */\nexport function useClipboard(options?: SnackbarOptions) {\n  // --- Elementos de Copiado por Referencia ---\n  const elementRef = useRef<HTMLElement>(null);\n\n  // --- Estados y Opciones del Snackbar ---\n  const [snackbarOpen, setSnackbarOpen] = useState(false);\n  const [snackbarMessage, setSnackbarMessage] = useState(options?.message || '¡Copiado al portapapeles!');\n  const [snackbarSeverity, setSnackbarSeverity] = useState<AlertProps['severity']>(options?.severity || 'success');\n  const [snackbarPosition, setSnackbarPosition] = useState<import('@mui/material').SnackbarOrigin>(options?.position || { vertical: 'bottom', horizontal: 'center' });\n  const [snackbarDuration, setSnackbarDuration] = useState(options?.duration ?? 3000);\n\n  // Función para cerrar el Snackbar\n  const handleSnackbarClose = useCallback((event?: React.SyntheticEvent | Event, reason?: string) => {\n    if (reason === 'clickaway') {\n      return;\n    }\n    setSnackbarOpen(false);\n  }, []);\n\n  /**\n   * FUNCIÓN PRINCIPAL DE COPIADO.\n   * Se usa internamente para 'ref' y se expone para 'copy(text)'.\n   * @param text El texto exacto a copiar.\n   */\n  const executeCopy = useCallback((text: string) => {\n    try {\n      if (navigator.clipboard && window.isSecureContext) {\n        // 1. API moderna\n        navigator.clipboard.writeText(text);\n      } else {\n        // 2. Fallback usando textarea\n        const textarea = document.createElement('textarea');\n        textarea.value = text;\n        document.body.appendChild(textarea);\n        textarea.select();\n        document.execCommand('copy');\n        document.body.removeChild(textarea);\n      }\n      \n      // Mostrar éxito\n      setSnackbarMessage(options?.message || '¡Copiado al portapapeles!');\n      setSnackbarSeverity(options?.severity || 'success');\n      setSnackbarPosition(options?.position || { vertical: 'bottom', horizontal: 'center' });\n      setSnackbarDuration(options?.duration ?? 3000);\n      setSnackbarOpen(true);\n\n    } catch (err) {\n      // Mostrar error\n      console.error('Error al copiar al portapapeles:', err);\n      setSnackbarMessage('Error al copiar.');\n      setSnackbarSeverity('error');\n      setSnackbarPosition(options?.position || { vertical: 'bottom', horizontal: 'center' });\n      setSnackbarDuration(options?.duration ?? 3000);\n      setSnackbarOpen(true);\n    }\n  }, [options]); \n\n  // --- Lógica del Modo Ref ---\n  const copyFromRef = useCallback(() => {\n    if (elementRef.current) {\n        const textToCopy = elementRef.current.innerText || '';\n        executeCopy(textToCopy);\n    }\n  }, [executeCopy]);\n\n  // Adjunta un event listener de clic al elemento referenciado (Modo Ref)\n  useEffect(() => {\n    const currentElement = elementRef.current;\n    if (currentElement) {\n      currentElement.style.cursor = 'pointer';\n      // Adjuntamos la función que copia el texto del ref\n      currentElement.addEventListener('click', copyFromRef);\n    }\n\n    return () => {\n      if (currentElement) {\n        currentElement.removeEventListener('click', copyFromRef);\n      }\n    };\n  }, [copyFromRef]);\n\n\n  // Componente Snackbar encapsulado. Solo se renderiza si duration es > 0.\n  const CopyMessage = () => {\n    if (snackbarDuration <= 0) return null; // No renderizar si la duración es 0\n\n    return (\n      <Snackbar\n        open={snackbarOpen}\n        autoHideDuration={snackbarDuration}\n        onClose={handleSnackbarClose}\n        anchorOrigin={snackbarPosition}\n      >\n        <Alert onClose={handleSnackbarClose} severity={snackbarSeverity} sx={{ width: '100%' }}>\n          {snackbarMessage}\n        </Alert>\n      </Snackbar>\n    );\n  };\n\n  // Retorna ambas funcionalidades para que el usuario elija\n  return { ref: elementRef, copy: executeCopy, CopyMessage };\n}\n\nexport default useClipboard;"],"names":["_a"],"mappings":";;;AA0BO,SAAS,aAAa,SAA2B;;AAEtD,QAAM,aAAa,OAAoB,IAAI;AAG3C,QAAM,CAAC,cAAc,eAAe,IAAI,SAAS,KAAK;AACtD,QAAM,CAAC,iBAAiB,kBAAkB,IAAI,UAAS,mCAAS,YAAW,2BAA2B;AACtG,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,UAAiC,mCAAS,aAAY,SAAS;AAC/G,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,UAAiD,mCAAS,aAAY,EAAE,UAAU,UAAU,YAAY,SAAA,CAAU;AAClK,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,UAAS,wCAAS,aAAT,YAAqB,GAAI;AAGlF,QAAM,sBAAsB,YAAY,CAAC,OAAsC,WAAoB;AACjG,QAAI,WAAW,aAAa;AAC1B;AAAA,IACF;AACA,oBAAgB,KAAK;AAAA,EACvB,GAAG,CAAA,CAAE;AAOL,QAAM,cAAc,YAAY,CAAC,SAAiB;;AAChD,QAAI;AACF,UAAI,UAAU,aAAa,OAAO,iBAAiB;AAEjD,kBAAU,UAAU,UAAU,IAAI;AAAA,MACpC,OAAO;AAEL,cAAM,WAAW,SAAS,cAAc,UAAU;AAClD,iBAAS,QAAQ;AACjB,iBAAS,KAAK,YAAY,QAAQ;AAClC,iBAAS,OAAA;AACT,iBAAS,YAAY,MAAM;AAC3B,iBAAS,KAAK,YAAY,QAAQ;AAAA,MACpC;AAGA,0BAAmB,mCAAS,YAAW,2BAA2B;AAClE,2BAAoB,mCAAS,aAAY,SAAS;AAClD,2BAAoB,mCAAS,aAAY,EAAE,UAAU,UAAU,YAAY,UAAU;AACrF,2BAAoBA,MAAA,mCAAS,aAAT,OAAAA,MAAqB,GAAI;AAC7C,sBAAgB,IAAI;AAAA,IAEtB,SAAS,KAAK;AAEZ,cAAQ,MAAM,oCAAoC,GAAG;AACrD,yBAAmB,kBAAkB;AACrC,0BAAoB,OAAO;AAC3B,2BAAoB,mCAAS,aAAY,EAAE,UAAU,UAAU,YAAY,UAAU;AACrF,2BAAoB,wCAAS,aAAT,YAAqB,GAAI;AAC7C,sBAAgB,IAAI;AAAA,IACtB;AAAA,EACF,GAAG,CAAC,OAAO,CAAC;AAGZ,QAAM,cAAc,YAAY,MAAM;AACpC,QAAI,WAAW,SAAS;AACpB,YAAM,aAAa,WAAW,QAAQ,aAAa;AACnD,kBAAY,UAAU;AAAA,IAC1B;AAAA,EACF,GAAG,CAAC,WAAW,CAAC;AAGhB,YAAU,MAAM;AACd,UAAM,iBAAiB,WAAW;AAClC,QAAI,gBAAgB;AAClB,qBAAe,MAAM,SAAS;AAE9B,qBAAe,iBAAiB,SAAS,WAAW;AAAA,IACtD;AAEA,WAAO,MAAM;AACX,UAAI,gBAAgB;AAClB,uBAAe,oBAAoB,SAAS,WAAW;AAAA,MACzD;AAAA,IACF;AAAA,EACF,GAAG,CAAC,WAAW,CAAC;AAIhB,QAAM,cAAc,MAAM;AACxB,QAAI,oBAAoB,EAAG,QAAO;AAElC,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAM;AAAA,QACN,kBAAkB;AAAA,QAClB,SAAS;AAAA,QACT,cAAc;AAAA,QAEd,UAAA,oBAAC,OAAA,EAAM,SAAS,qBAAqB,UAAU,kBAAkB,IAAI,EAAE,OAAO,OAAA,GAC3E,UAAA,gBAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AAGA,SAAO,EAAE,KAAK,YAAY,MAAM,aAAa,YAAA;AAC/C;"}
+{"version":3,"file":"ClipBoard.js","sources":["../../../src/hooks/ClipBoard/ClipBoard.tsx"],"sourcesContent":["// useClipboard.tsx (Versión Unificada)\nimport React, { useRef, useEffect, useState, useCallback } from 'react';\nimport { Snackbar, Alert } from '@mui/material';\nimport { AlertProps } from '@mui/material/Alert';\n\n// Tipo para las opciones del Snackbar\ninterface SnackbarOptions {\n  message?: string;\n  duration?: number;\n  severity?: AlertProps['severity'];\n  position?: { vertical: 'top' | 'bottom'; horizontal: 'left' | 'center' | 'right' };\n}\n\n/**\n * Hook 'useClipboard'.\n * Proporciona funcionalidad de copiado de texto y feedback visual (Snackbar).\n * Permite dos modos de uso:\n * 1. Uso por Referencia (ref): Se adjunta a un elemento, copia su innerText al hacer clic.\n * 2. Uso por Función (copy): Recibe el texto a copiar directamente como argumento.\n *\n * @param options Opciones de configuración para el Snackbar de feedback.\n * @returns Un objeto que contiene:\n * - 'ref': Una React Ref para adjuntar a un elemento (Modo Ref).\n * - 'copy': Una función (text: string) => void para copiar texto (Modo Función).\n * - 'CopyMessage': El componente Snackbar para renderizar el feedback.\n */\nexport function useClipboard(options?: SnackbarOptions) {\n  // --- Elementos de Copiado por Referencia ---\n  const elementRef = useRef<HTMLElement>(null);\n\n  // --- Estados y Opciones del Snackbar ---\n  const [snackbarOpen, setSnackbarOpen] = useState(false);\n  const [snackbarMessage, setSnackbarMessage] = useState(options?.message || '¡Copiado al portapapeles!');\n  const [snackbarSeverity, setSnackbarSeverity] = useState<AlertProps['severity']>(options?.severity || 'success');\n  const [snackbarPosition, setSnackbarPosition] = useState<import('@mui/material').SnackbarOrigin>(options?.position || { vertical: 'bottom', horizontal: 'center' });\n  const [snackbarDuration, setSnackbarDuration] = useState(options?.duration ?? 3000);\n\n  // Función para cerrar el Snackbar\n  const handleSnackbarClose = useCallback((event?: React.SyntheticEvent | Event, reason?: string) => {\n    if (reason === 'clickaway') {\n      return;\n    }\n    setSnackbarOpen(false);\n  }, []);\n\n  /**\n   * FUNCIÓN PRINCIPAL DE COPIADO.\n   * Se usa internamente para 'ref' y se expone para 'copy(text)'.\n   * @param text El texto exacto a copiar.\n   */\n  const mostrarSnackbar = useCallback(\n    (mensaje: string, severidad: AlertProps['severity']) => {\n      setSnackbarMessage(mensaje);\n      setSnackbarSeverity(severidad);\n      setSnackbarPosition(options?.position || { vertical: 'bottom', horizontal: 'center' });\n      setSnackbarDuration(options?.duration ?? 3000);\n      setSnackbarOpen(true);\n    },\n    [options],\n  );\n\n  /** Fallback legacy. `execCommand` devuelve `false` en vez de tirar cuando falla. */\n  const copiarConTextarea = useCallback((text: string): boolean => {\n    const textarea = document.createElement('textarea');\n    textarea.value = text;\n    // Fuera de la vista pero seleccionable: sin esto la página salta al final.\n    textarea.style.position = 'fixed';\n    textarea.style.top = '0';\n    textarea.style.opacity = '0';\n    document.body.appendChild(textarea);\n    textarea.select();\n    try {\n      return document.execCommand('copy');\n    } catch {\n      return false;\n    } finally {\n      document.body.removeChild(textarea);\n    }\n  }, []);\n\n  const executeCopy = useCallback(\n    async (text: string): Promise<boolean> => {\n      // `writeText` es ASÍNCRONA: llamarla sin await/catch dejaba la promesa\n      // suelta, y cuando el navegador la rechaza —documento sin foco, permiso\n      // denegado, contexto no seguro— la rejection escapaba al `window` de la\n      // app que consume la librería. El try/catch de antes sólo atrapaba\n      // errores síncronos, así que no cubría nada de eso.\n      if (navigator.clipboard && window.isSecureContext) {\n        try {\n          await navigator.clipboard.writeText(text);\n          mostrarSnackbar(options?.message || '¡Copiado al portapapeles!', options?.severity || 'success');\n          return true;\n        } catch {\n          // Puede ser sólo falta de foco: se intenta el fallback antes de rendirse.\n        }\n      }\n\n      if (copiarConTextarea(text)) {\n        mostrarSnackbar(options?.message || '¡Copiado al portapapeles!', options?.severity || 'success');\n        return true;\n      }\n\n      mostrarSnackbar('No se pudo copiar al portapapeles.', 'error');\n      return false;\n    },\n    [copiarConTextarea, mostrarSnackbar, options],\n  );\n\n  // --- Lógica del Modo Ref ---\n  const copyFromRef = useCallback(() => {\n    if (elementRef.current) {\n        const textToCopy = elementRef.current.innerText || '';\n        // `void`: el listener del DOM no puede esperar la promesa, y ésta ya\n        // maneja sus propios errores adentro.\n        void executeCopy(textToCopy);\n    }\n  }, [executeCopy]);\n\n  // Adjunta un event listener de clic al elemento referenciado (Modo Ref)\n  useEffect(() => {\n    const currentElement = elementRef.current;\n    if (currentElement) {\n      currentElement.style.cursor = 'pointer';\n      // Adjuntamos la función que copia el texto del ref\n      currentElement.addEventListener('click', copyFromRef);\n    }\n\n    return () => {\n      if (currentElement) {\n        currentElement.removeEventListener('click', copyFromRef);\n      }\n    };\n  }, [copyFromRef]);\n\n\n  // Componente Snackbar encapsulado. Solo se renderiza si duration es > 0.\n  const CopyMessage = () => {\n    if (snackbarDuration <= 0) return null; // No renderizar si la duración es 0\n\n    return (\n      <Snackbar\n        open={snackbarOpen}\n        autoHideDuration={snackbarDuration}\n        onClose={handleSnackbarClose}\n        anchorOrigin={snackbarPosition}\n      >\n        <Alert onClose={handleSnackbarClose} severity={snackbarSeverity} sx={{ width: '100%' }}>\n          {snackbarMessage}\n        </Alert>\n      </Snackbar>\n    );\n  };\n\n  // Retorna ambas funcionalidades para que el usuario elija\n  return { ref: elementRef, copy: executeCopy, CopyMessage };\n}\n\nexport default useClipboard;"],"names":["_a"],"mappings":"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"}

package/hooks/ClipBoard.d.ts

@@ -1,2 +1,2 @@
-export * from '../src/hooks/ClipBoard/index'
+export * from './ClipBoard/index'
 export {}

package/index.cjs

@@ -23,7 +23,7 @@ const Table = require("./Table-BpnAkCgd.cjs");
 const StatusMessage = require("./StatusMessage-B3nXpuRl.cjs");
 const Modal = require("./Modal-Cfyr-RsW.cjs");
 const Input = require("./Input-Bpjw7qwq.cjs");
-const Select = require("./Select-WpHNCHHz.cjs");
+const Select = require("./Select-C06gHRqZ.cjs");
 const Autocomplete = require("./Autocomplete-Bd3bN4Cw.cjs");
 const Switch = require("./Switch-B4ex7yKR.cjs");
 const RadioGroup = require("./RadioGroup-DVvmmDs3.cjs");
@@ -31,7 +31,7 @@ const Checkbox = require("./Checkbox-Bx4Asmg7.cjs");
 const DatePicker = require("./DatePicker-CMcQddi1.cjs");
 const DateTimePicker = require("./DateTimePicker-BVJGq1A0.cjs");
 const InputGroup = require("./InputGroup-BZ7cmAcg.cjs");
-const ActionMenu = require("./ActionMenu-wNWkDZWh.cjs");
+const ActionMenu = require("./ActionMenu-D81Xb35f.cjs");
 const AppBarMenuToggle = require("./AppBarMenuToggle-D_RJGtHO.cjs");
 const DrawerItem = require("./DrawerItem-DlnG_NdY.cjs");
 const Flyout = require("./Flyout-fycujUVf.cjs");
@@ -118,6 +118,38 @@ Object.defineProperty(exports, "ListSubheader", {
   enumerable: true,
   get: () => material.ListSubheader
 });
+Object.defineProperty(exports, "MuiTable", {
+  enumerable: true,
+  get: () => material.Table
+});
+Object.defineProperty(exports, "MuiTableBody", {
+  enumerable: true,
+  get: () => material.TableBody
+});
+Object.defineProperty(exports, "MuiTableCell", {
+  enumerable: true,
+  get: () => material.TableCell
+});
+Object.defineProperty(exports, "MuiTableContainer", {
+  enumerable: true,
+  get: () => material.TableContainer
+});
+Object.defineProperty(exports, "MuiTableHead", {
+  enumerable: true,
+  get: () => material.TableHead
+});
+Object.defineProperty(exports, "MuiTablePagination", {
+  enumerable: true,
+  get: () => material.TablePagination
+});
+Object.defineProperty(exports, "MuiTableRow", {
+  enumerable: true,
+  get: () => material.TableRow
+});
+Object.defineProperty(exports, "MuiTableSortLabel", {
+  enumerable: true,
+  get: () => material.TableSortLabel
+});
 Object.defineProperty(exports, "Paper", {
   enumerable: true,
   get: () => material.Paper

package/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../src/utils/scrollToTop.ts"],"sourcesContent":["export interface ScrollToTopOptions {\n  /** Comportamiento del scroll. Default: `'smooth'`. */\n  behavior?: ScrollBehavior;\n  /**\n   * Elemento target del scroll. Default: `window`. Útil cuando el contenedor\n   * scrolleable NO es `window` (p.ej. un `<Box>` con `overflow: auto`).\n   */\n  target?: Window | HTMLElement;\n  /** Offset desde el top. Default: `0`. */\n  top?: number;\n}\n\n/**\n * Hace scroll al tope (por default con animación suave). Safe en SSR — si\n * `window` no existe, es un no-op.\n *\n * Llamar tras mutaciones / cambios de filtros / apertura de modales para\n * asegurar que el usuario vea el mensaje de confirmación en la parte\n * superior de la página.\n *\n * ```ts\n * import { scrollToTop } from '@soyfri/shared-library';\n *\n * scrollToTop();                                  // window, smooth\n * scrollToTop({ behavior: 'auto' });              // window, instantáneo\n * scrollToTop({ target: myScrollableRef.current }); // container custom\n * ```\n */\nexport function scrollToTop({\n  behavior = 'smooth',\n  target = typeof window !== 'undefined' ? window : undefined,\n  top = 0,\n}: ScrollToTopOptions = {}): void {\n  if (!target) return;\n  target.scrollTo({ top, left: 0, behavior });\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BO,SAAS,YAAY;AAAA,EAC1B,WAAW;AAAA,EACX,SAAS,OAAO,WAAW,cAAc,SAAS;AAAA,EAClD,MAAM;AACR,IAAwB,IAAU;AAChC,MAAI,CAAC,OAAQ;AACb,SAAO,SAAS,EAAE,KAAK,MAAM,GAAG,UAAU;AAC5C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.cjs","sources":["../src/utils/scrollToTop.ts"],"sourcesContent":["export interface ScrollToTopOptions {\n  /** Comportamiento del scroll. Default: `'smooth'`. */\n  behavior?: ScrollBehavior;\n  /**\n   * Elemento target del scroll. Default: `window`. Útil cuando el contenedor\n   * scrolleable NO es `window` (p.ej. un `<Box>` con `overflow: auto`).\n   */\n  target?: Window | HTMLElement;\n  /** Offset desde el top. Default: `0`. */\n  top?: number;\n}\n\n/**\n * Hace scroll al tope (por default con animación suave). Safe en SSR — si\n * `window` no existe, es un no-op.\n *\n * Llamar tras mutaciones / cambios de filtros / apertura de modales para\n * asegurar que el usuario vea el mensaje de confirmación en la parte\n * superior de la página.\n *\n * ```ts\n * import { scrollToTop } from '@soyfri/shared-library';\n *\n * scrollToTop();                                  // window, smooth\n * scrollToTop({ behavior: 'auto' });              // window, instantáneo\n * scrollToTop({ target: myScrollableRef.current }); // container custom\n * ```\n */\nexport function scrollToTop({\n  behavior = 'smooth',\n  target = typeof window !== 'undefined' ? window : undefined,\n  top = 0,\n}: ScrollToTopOptions = {}): void {\n  if (!target) return;\n  target.scrollTo({ top, left: 0, behavior });\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BO,SAAS,YAAY;AAAA,EAC1B,WAAW;AAAA,EACX,SAAS,OAAO,WAAW,cAAc,SAAS;AAAA,EAClD,MAAM;AACR,IAAwB,IAAU;AAChC,MAAI,CAAC,OAAQ;AACb,SAAO,SAAS,EAAE,KAAK,MAAM,GAAG,UAAU;AAC5C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/index.d.ts

@@ -1,2 +1,62 @@
-export * from './src/index'
-export {}
+export type { LibraryComponentName, PresetStyle, ComponentPresets, LibraryStyles, } from './theme/componentStyles';
+export { DEFAULT_PRESET_NAME, resolvePreset } from './components/_shared/resolvePreset';
+export * from './utils';
+export * from './mui';
+export { Button } from './components/Button';
+export { Card } from './components/Card';
+export type { CardProps } from './components/Card';
+export { Chip } from './components/Chip';
+export { Column } from './components/Column';
+export type { ColumnProps } from './components/Column';
+export { Avatar } from './components/Avatar';
+export { Stat } from './components/Stat';
+export { Spinner } from './components/Spinner';
+export type { SpinnerProps, SpinnerSize, SpinnerColor } from './components/Spinner';
+export { Alert } from './components/Alert';
+export type { AlertProps, AlertSeverity, AlertVariant } from './components/Alert';
+export { Divider } from './components/Divider';
+export type { DividerProps } from './components/Divider';
+export { ButtonGroup } from './components/ButtonGroup';
+export type { ButtonGroupProps } from './components/ButtonGroup';
+export { Breadcrumbs } from './components/Breadcrumbs';
+export type { BreadcrumbsProps } from './components/Breadcrumbs';
+export { PageHeader } from './components/PageHeader';
+export type { PageHeaderProps } from './components/PageHeader';
+export { DataRow } from './components/DataRow';
+export type { DataRowProps } from './components/DataRow';
+export { EmptyState } from './components/EmptyState';
+export type { EmptyStateProps } from './components/EmptyState';
+export { Stepper, Step } from './components/Stepper';
+export { Tabs, Tab } from './components/Tabs';
+export { Table } from './components/Table';
+export { StatusMessage } from './components/StatusMessage';
+export type { StatusMessageProps } from './components/StatusMessage';
+export { Modal, ModalHeader, ModalBody, ModalFooter } from './components/Modal';
+export type { ModalRef, ModalMode, ModalSeverity } from './components/Modal';
+export { Input } from './components/Input';
+export type { InputProps, BaseInputProps } from './components/Input';
+export { Select, Option } from './components/Select';
+export type { SelectProps, SelectOption, OptionProps } from './components/Select';
+export { Autocomplete, AutocompleteSelect } from './components/Autocomplete';
+export type { AutocompleteProps } from './components/Autocomplete';
+export { Switch } from './components/Switch';
+export type { SwitchProps, BaseSwitchProps } from './components/Switch';
+export { RadioGroup } from './components/RadioGroup';
+export type { RadioGroupProps, RadioOption, BaseRadioGroupProps } from './components/RadioGroup';
+export { Checkbox } from './components/Checkbox';
+export type { CheckboxProps, BaseCheckboxProps } from './components/Checkbox';
+export { DatePicker } from './components/DatePicker';
+export type { DatePickerProps } from './components/DatePicker';
+export { DateTimePicker } from './components/DateTimePicker';
+export type { DateTimePickerProps } from './components/DateTimePicker';
+export { InputGroup } from './components/InputGroup';
+export type { InputGroupProps } from './components/InputGroup';
+export { ActionMenu, ActionMenuItem } from './components/ActionMenu';
+export { AppBar, AppBarMenuToggle, useAppBarContext } from './components/AppBar';
+export { Drawer, DrawerItem, useDrawerContext } from './components/Drawer';
+export { Flyout } from './components/Flyout';
+export { Gallery } from './components/Gallery';
+export { Icon } from './components/Icon';
+export { MenuButton } from './components/MenuButton';
+export { Timeline, TimelineItem } from './components/Timeline';
+export { Tooltip } from './components/Tooltip';

package/index.js

@@ -1,5 +1,5 @@
 import { D, r } from "./resolvePreset-K6_BfWHD.js";
-import { AlertTitle, Backdrop, Box, CircularProgress, Collapse, Container, Fade, Grid, Grow, LinearProgress, Link, List, ListItem, ListItemButton, ListItemIcon, ListItemText, ListSubheader, Paper, Skeleton, Snackbar, Stack, ThemeProvider, Typography, Zoom, alpha, createTheme, styled, useMediaQuery, useTheme } from "@mui/material";
+import { AlertTitle, Backdrop, Box, CircularProgress, Collapse, Container, Fade, Grid, Grow, LinearProgress, Link, List, ListItem, ListItemButton, ListItemIcon, ListItemText, ListSubheader, Table, TableBody, TableCell, TableContainer, TableHead, TablePagination, TableRow, TableSortLabel, Paper, Skeleton, Snackbar, Stack, ThemeProvider, Typography, Zoom, alpha, createTheme, styled, useMediaQuery, useTheme } from "@mui/material";
 import { renderMultiSectionDigitalClockTimeView } from "@mui/x-date-pickers/timeViewRenderers";
 import { B } from "./Button-UkkP-bNw.js";
 import { C } from "./Card-DYKGY-NG.js";
@@ -21,7 +21,7 @@ import { T as T2 } from "./Table-BuALBQWX.js";
 import { S as S4 } from "./StatusMessage-D0WgSBx7.js";
 import { M, b, c, a as a3 } from "./Modal-BqW0Nk3l.js";
 import { I } from "./Input-BibHlnGN.js";
-import { O, S as S5 } from "./Select-BaY3zJhq.js";
+import { O, S as S5 } from "./Select-BIUq3ZPy.js";
 import { A as A3, a as a4 } from "./Autocomplete-E5aSUGVK.js";
 import { S as S6 } from "./Switch-CY1Dd2ff.js";
 import { R } from "./RadioGroup-cKCpag8W.js";
@@ -29,7 +29,7 @@ import { C as C3 } from "./Checkbox-BL4kvHFB.js";
 import { D as D4 } from "./DatePicker-D__RSgs-.js";
 import { D as D5 } from "./DateTimePicker-LeaE716a.js";
 import { I as I2 } from "./InputGroup-D5pXKGjZ.js";
-import { A as A4, a as a5 } from "./ActionMenu-BXRVKopM.js";
+import { A as A4, a as a5 } from "./ActionMenu-DYPA_tYk.js";
 import { A as A5, a as a6, u } from "./AppBarMenuToggle-BpXBMeca.js";
 import { D as D6, a as a7, u as u2 } from "./DrawerItem-at1lsEo9.js";
 import { F } from "./Flyout-DCcDBYKT.js";
@@ -97,6 +97,14 @@ export {
   b as ModalBody,
   c as ModalFooter,
   a3 as ModalHeader,
+  Table as MuiTable,
+  TableBody as MuiTableBody,
+  TableCell as MuiTableCell,
+  TableContainer as MuiTableContainer,
+  TableHead as MuiTableHead,
+  TablePagination as MuiTablePagination,
+  TableRow as MuiTableRow,
+  TableSortLabel as MuiTableSortLabel,
   O as Option,
   P as PageHeader,
   Paper,

package/{src/mui.d.ts → mui.d.ts}

@@ -2,6 +2,7 @@ export { Box, Stack, Grid, Container, Paper, Divider, } from '@mui/material';
 export { Typography, Link } from '@mui/material';
 export { List, ListItem, ListItemButton, ListItemIcon, ListItemText, ListSubheader, } from '@mui/material';
 export { CircularProgress, LinearProgress, Skeleton, Alert, AlertTitle, Snackbar, Backdrop, Fade, Grow, Zoom, Collapse, } from '@mui/material';
+export { Table as MuiTable, TableBody as MuiTableBody, TableCell as MuiTableCell, TableContainer as MuiTableContainer, TableHead as MuiTableHead, TableRow as MuiTableRow, TableSortLabel as MuiTableSortLabel, TablePagination as MuiTablePagination, } from '@mui/material';
 export { useTheme, useMediaQuery, alpha, styled, createTheme, ThemeProvider } from '@mui/material';
 export type { SxProps, Theme } from '@mui/material/styles';
 export { renderMultiSectionDigitalClockTimeView } from '@mui/x-date-pickers/timeViewRenderers';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@soyfri/shared-library",
-  "version": "4.0.0",
+  "version": "4.0.2",
   "main": "./index.cjs",
   "module": "./index.js",
   "types": "./index.d.ts",

package/ActionMenu-BXRVKopM.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ActionMenu-BXRVKopM.js","sources":["../src/components/ActionMenu/ActionMenu.tsx"],"sourcesContent":["import React, {\n  createContext,\n  forwardRef,\n  useContext,\n  useState,\n  type ReactElement,\n  type ReactNode,\n  type MouseEvent,\n} from 'react';\nimport {\n  IconButton,\n  Menu,\n  MenuItem,\n  ListItemIcon,\n  ListItemText,\n  Tooltip,\n  type MenuItemProps as MuiMenuItemProps,\n} from '@mui/material';\nimport MoreVertIcon from '@mui/icons-material/MoreVert';\nimport type { SxProps, Theme } from '@mui/material/styles';\n\nexport interface ActionMenuProps {\n  /** Items del menú. Normalmente `<ActionMenuItem>` o `<Divider />`. */\n  children: ReactNode;\n  /**\n   * Elemento disparador — cualquier componente clickeable (Button, Chip, IconButton…).\n   * El ActionMenu le inyecta `onClick` automáticamente. Si se omite, se usa un\n   * IconButton de tres puntos por defecto.\n   */\n  trigger?: ReactElement;\n  /** Texto de tooltip sobre el trigger default. Default: \"Acciones\". */\n  triggerTooltip?: string;\n  /** Anchor origin del menu. Default: { vertical: 'bottom', horizontal: 'right' }. */\n  anchorOrigin?: {\n    vertical: 'top' | 'center' | 'bottom';\n    horizontal: 'left' | 'center' | 'right';\n  };\n  /** Transform origin del menu. Default: { vertical: 'top', horizontal: 'right' }. */\n  transformOrigin?: {\n    vertical: 'top' | 'center' | 'bottom';\n    horizontal: 'left' | 'center' | 'right';\n  };\n  /** sx del Menu (Paper interno). */\n  menuSx?: SxProps<Theme>;\n  /** Deshabilita el trigger entero. */\n  disabled?: boolean;\n}\n\ninterface ActionMenuContextValue {\n  close: () => void;\n}\n\nconst ActionMenuContext = createContext<ActionMenuContextValue | null>(null);\n\nexport const ActionMenu: React.FC<ActionMenuProps> = ({\n  children,\n  trigger,\n  triggerTooltip,\n  anchorOrigin = { vertical: 'bottom', horizontal: 'right' },\n  transformOrigin = { vertical: 'top', horizontal: 'right' },\n  menuSx,\n  disabled = false,\n}) => {\n  const [anchorEl, setAnchorEl] = useState<HTMLElement | null>(null);\n  const open = Boolean(anchorEl);\n\n  const handleClose = () => setAnchorEl(null);\n\n  // Abre el menú anclándolo al elemento que recibió el click.\n  const openMenu = (event: MouseEvent<HTMLElement>) => {\n    if (disabled) return;\n    event.stopPropagation();\n    setAnchorEl(event.currentTarget);\n  };\n\n  // Si el consumer pasó un trigger (ej. <Button>), le inyectamos onClick.\n  // Si no, usamos el IconButton de tres puntos por defecto.\n  const triggerElement = trigger ? (\n    React.cloneElement(trigger as ReactElement<any>, {\n      onClick: openMenu,\n      disabled,\n    })\n  ) : (\n    <Tooltip title={triggerTooltip} arrow>\n      <IconButton\n        size=\"small\"\n        onClick={openMenu}\n        disabled={disabled}\n        aria-label={triggerTooltip}\n      >\n        <MoreVertIcon fontSize=\"small\" />\n      </IconButton>\n    </Tooltip>\n  );\n\n  const paperSx = [\n    { minWidth: 180 },\n    ...(Array.isArray(menuSx) ? menuSx : menuSx ? [menuSx] : []),\n  ] as SxProps<Theme>;\n\n  return (\n    <>\n      {triggerElement}\n      <Menu\n        anchorEl={anchorEl}\n        open={open}\n        onClose={handleClose}\n        anchorOrigin={anchorOrigin}\n        transformOrigin={transformOrigin}\n        slotProps={{ paper: { sx: paperSx } }}\n      >\n        <ActionMenuContext.Provider value={{ close: handleClose }}>\n          {children}\n        </ActionMenuContext.Provider>\n      </Menu>\n    </>\n  );\n};\n\nexport interface ActionMenuItemProps\n  extends Omit<MuiMenuItemProps, 'children' | 'onClick'> {\n  /** Icono opcional a la izquierda. */\n  icon?: ReactNode;\n  /** Texto (o nodo) del item. */\n  children: ReactNode;\n  /** Handler de click. El menú se cierra automáticamente después. */\n  onClick?: (event: MouseEvent<HTMLLIElement>) => void;\n}\n\n/**\n * Item del `ActionMenu`. Se cierra automáticamente al hacer click.\n * Acepta todos los props de `MenuItem` de MUI (disabled, selected, sx, …).\n */\nexport const ActionMenuItem = forwardRef<HTMLLIElement, ActionMenuItemProps>(\n  function ActionMenuItem({ icon, children, onClick, ...rest }, ref) {\n    const ctx = useContext(ActionMenuContext);\n\n    const handleClick = (event: MouseEvent<HTMLLIElement>) => {\n      event.stopPropagation();\n      onClick?.(event);\n      ctx?.close();\n    };\n\n    return (\n      <MenuItem ref={ref} onClick={handleClick} {...rest}>\n        {icon && <ListItemIcon sx={{ minWidth: 32 }}>{icon}</ListItemIcon>}\n        <ListItemText primary={children} />\n      </MenuItem>\n    );\n  },\n);\n\nexport default ActionMenu;\n"],"names":["React","ActionMenuItem"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoDA,MAAM,oBAAoB,cAA6C,IAAI;AAEpE,MAAM,aAAwC,CAAC;AAAA,EACpD;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe,EAAE,UAAU,UAAU,YAAY,QAAA;AAAA,EACjD,kBAAkB,EAAE,UAAU,OAAO,YAAY,QAAA;AAAA,EACjD;AAAA,EACA,WAAW;AACb,MAAM;AACJ,QAAM,CAAC,UAAU,WAAW,IAAI,SAA6B,IAAI;AACjE,QAAM,OAAO,QAAQ,QAAQ;AAE7B,QAAM,cAAc,MAAM,YAAY,IAAI;AAG1C,QAAM,WAAW,CAAC,UAAmC;AACnD,QAAI,SAAU;AACd,UAAM,gBAAA;AACN,gBAAY,MAAM,aAAa;AAAA,EACjC;AAIA,QAAM,iBAAiB,UACrBA,eAAM,aAAa,SAA8B;AAAA,IAC/C,SAAS;AAAA,IACT;AAAA,EAAA,CACD,IAED,oBAAC,WAAQ,OAAO,gBAAgB,OAAK,MACnC,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,SAAS;AAAA,MACT;AAAA,MACA,cAAY;AAAA,MAEZ,UAAA,oBAAC,cAAA,EAAa,UAAS,QAAA,CAAQ;AAAA,IAAA;AAAA,EAAA,GAEnC;AAGF,QAAM,UAAU;AAAA,IACd,EAAE,UAAU,IAAA;AAAA,IACZ,GAAI,MAAM,QAAQ,MAAM,IAAI,SAAS,SAAS,CAAC,MAAM,IAAI,CAAA;AAAA,EAAC;AAG5D,SACE,qBAAA,UAAA,EACG,UAAA;AAAA,IAAA;AAAA,IACD;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA,SAAS;AAAA,QACT;AAAA,QACA;AAAA,QACA,WAAW,EAAE,OAAO,EAAE,IAAI,UAAQ;AAAA,QAElC,UAAA,oBAAC,kBAAkB,UAAlB,EAA2B,OAAO,EAAE,OAAO,YAAA,GACzC,SAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;AAgBO,MAAM,iBAAiB;AAAA,EAC5B,SAASC,gBAAe,IAAsC,KAAK;AAA3C,iBAAE,QAAM,UAAU,YAAlB,IAA8B,iBAA9B,IAA8B,CAA5B,QAAM,YAAU;AACxC,UAAM,MAAM,WAAW,iBAAiB;AAExC,UAAM,cAAc,CAAC,UAAqC;AACxD,YAAM,gBAAA;AACN,yCAAU;AACV,iCAAK;AAAA,IACP;AAEA,gCACG,UAAA,+BAAS,KAAU,SAAS,eAAiB,OAA7C,EACE,UAAA;AAAA,MAAA,4BAAS,cAAA,EAAa,IAAI,EAAE,UAAU,GAAA,GAAO,UAAA,MAAK;AAAA,MACnD,oBAAC,cAAA,EAAa,SAAS,SAAA,CAAU;AAAA,IAAA,IACnC;AAAA,EAEJ;AACF;"}