@soyfri/shared-library 4.0.2 → 4.1.0

package/hooks/ClipBoard/index.mjs

@@ -0,0 +1,100 @@
+import { jsx } from "react/jsx-runtime";
+import { useRef, useState, useCallback, useEffect } from "react";
+import { Snackbar, Alert } from "@mui/material";
+function useClipboard(options) {
+  var _a;
+  const elementRef = useRef(null);
+  const [snackbarOpen, setSnackbarOpen] = useState(false);
+  const [snackbarMessage, setSnackbarMessage] = useState((options == null ? void 0 : options.message) || "¡Copiado al portapapeles!");
+  const [snackbarSeverity, setSnackbarSeverity] = useState((options == null ? void 0 : options.severity) || "success");
+  const [snackbarPosition, setSnackbarPosition] = useState((options == null ? void 0 : options.position) || { vertical: "bottom", horizontal: "center" });
+  const [snackbarDuration, setSnackbarDuration] = useState((_a = options == null ? void 0 : options.duration) != null ? _a : 3e3);
+  const handleSnackbarClose = useCallback((event, reason) => {
+    if (reason === "clickaway") {
+      return;
+    }
+    setSnackbarOpen(false);
+  }, []);
+  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);
+    },
+    [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);
+    }
+  }, []);
+  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 || "";
+      void executeCopy(textToCopy);
+    }
+  }, [executeCopy]);
+  useEffect(() => {
+    const currentElement = elementRef.current;
+    if (currentElement) {
+      currentElement.style.cursor = "pointer";
+      currentElement.addEventListener("click", copyFromRef);
+    }
+    return () => {
+      if (currentElement) {
+        currentElement.removeEventListener("click", copyFromRef);
+      }
+    };
+  }, [copyFromRef]);
+  const CopyMessage = () => {
+    if (snackbarDuration <= 0) return null;
+    return /* @__PURE__ */ jsx(
+      Snackbar,
+      {
+        open: snackbarOpen,
+        autoHideDuration: snackbarDuration,
+        onClose: handleSnackbarClose,
+        anchorOrigin: snackbarPosition,
+        children: /* @__PURE__ */ jsx(Alert, { onClose: handleSnackbarClose, severity: snackbarSeverity, sx: { width: "100%" }, children: snackbarMessage })
+      }
+    );
+  };
+  return { ref: elementRef, copy: executeCopy, CopyMessage };
+}
+export {
+  useClipboard
+};
+//# sourceMappingURL=index.mjs.map

package/hooks/ClipBoard/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","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.cts

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

package/hooks/ClipBoard.d.mts

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

package/index.cjs

@@ -1,45 +1,46 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-require('./index.css');const resolvePreset = require("./resolvePreset-CxTI6_Ln.cjs");
+const resolvePreset = require("./chunks/resolvePreset-CxTI6_Ln.cjs");
+const tokens = require("./chunks/tokens-B5kmy5Gy.cjs");
+const Button = require("./chunks/Button-BCNhPNKU.cjs");
+const Card = require("./chunks/Card-DpKG8AOc.cjs");
+const Chip = require("./chunks/Chip-5QNjzffa.cjs");
+const components_Column = require("./components/Column/index.cjs");
+const Avatar = require("./chunks/Avatar-CJlBSdDl.cjs");
+const Stat = require("./chunks/Stat-BYqc3PFf.cjs");
+const Spinner = require("./chunks/Spinner-D3Klgy3Z.cjs");
+const Alert = require("./chunks/Alert-CLBHE4sH.cjs");
+const Divider = require("./chunks/Divider-CSDEVgHL.cjs");
+const ButtonGroup = require("./chunks/ButtonGroup-B9AnoOt_.cjs");
+const Breadcrumbs = require("./chunks/Breadcrumbs-DH0KAc8w.cjs");
+const PageHeader = require("./chunks/PageHeader-C5tVfSvH.cjs");
+const DataRow = require("./chunks/DataRow-6oYxHTYF.cjs");
+const EmptyState = require("./chunks/EmptyState-C3G5C0DO.cjs");
+const Step = require("./chunks/Step-fng1hpkt.cjs");
+const Tab = require("./chunks/Tab-CjCGp0aH.cjs");
+const Table = require("./chunks/Table-BcI9uvYg.cjs");
+const StatusMessage = require("./chunks/StatusMessage-CV1xnzeu.cjs");
+const Modal = require("./chunks/Modal-KRUDCrlp.cjs");
+const Input = require("./chunks/Input-Bcm7XRHs.cjs");
+const Select = require("./chunks/Select-CjiKx_1z.cjs");
+const Autocomplete = require("./chunks/Autocomplete-CxZhdrSA.cjs");
+const Switch = require("./chunks/Switch-9zvnchC7.cjs");
+const RadioGroup = require("./chunks/RadioGroup-DT5IaA5K.cjs");
+const Checkbox = require("./chunks/Checkbox-BaVffFaF.cjs");
+const DatePicker = require("./chunks/DatePicker-Dl46Ae5T.cjs");
+const DateTimePicker = require("./chunks/DateTimePicker-BDlUoDyR.cjs");
+const InputGroup = require("./chunks/InputGroup-CSQ4zpAf.cjs");
+const ActionMenu = require("./chunks/ActionMenu-D81Xb35f.cjs");
+const AppBarMenuToggle = require("./chunks/AppBarMenuToggle-BsN5zZTv.cjs");
+const DrawerItem = require("./chunks/DrawerItem-BX8llYa3.cjs");
+const Flyout = require("./chunks/Flyout-CVH3IASy.cjs");
+const Gallery = require("./chunks/Gallery-BJ3O0SEf.cjs");
+const Icon = require("./chunks/Icon-C4laDiIR.cjs");
+const MenuButton = require("./chunks/MenuButton-BqCkrXmM.cjs");
+const TimelineItem = require("./chunks/TimelineItem-CceZABwX.cjs");
+const Tooltip = require("./chunks/Tooltip-BtEsQB-y.cjs");
 const material = require("@mui/material");
 const timeViewRenderers = require("@mui/x-date-pickers/timeViewRenderers");
-const Button = require("./Button-C17mExpd.cjs");
-const Card = require("./Card-Dr1-ATRY.cjs");
-const Chip = require("./Chip-qoJLDiva.cjs");
-const components_Column = require("./components/Column/Column.cjs");
-const Avatar = require("./Avatar-BjyfSNvP.cjs");
-const Stat = require("./Stat-BUcFCGrz.cjs");
-const Spinner = require("./Spinner-D7qRmNS9.cjs");
-const Alert = require("./Alert-B3SMPD1s.cjs");
-const Divider = require("./Divider-CIY0JK4U.cjs");
-const ButtonGroup = require("./ButtonGroup-CNunDofQ.cjs");
-const Breadcrumbs = require("./Breadcrumbs-B9I3vxPb.cjs");
-const PageHeader = require("./PageHeader-BQZOqjNr.cjs");
-const DataRow = require("./DataRow-CfCaSdaJ.cjs");
-const EmptyState = require("./EmptyState-DJj9KOEy.cjs");
-const Step = require("./Step-Nd7SJbRZ.cjs");
-const Tab = require("./Tab-D1S7kxXI.cjs");
-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-C06gHRqZ.cjs");
-const Autocomplete = require("./Autocomplete-Bd3bN4Cw.cjs");
-const Switch = require("./Switch-B4ex7yKR.cjs");
-const RadioGroup = require("./RadioGroup-DVvmmDs3.cjs");
-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-D81Xb35f.cjs");
-const AppBarMenuToggle = require("./AppBarMenuToggle-D_RJGtHO.cjs");
-const DrawerItem = require("./DrawerItem-DlnG_NdY.cjs");
-const Flyout = require("./Flyout-fycujUVf.cjs");
-const Gallery = require("./Gallery-Cn1Bj_ao.cjs");
-const Icon = require("./Icon-ChnAivGo.cjs");
-const MenuButton = require("./MenuButton-C4s8rG05.cjs");
-const TimelineItem = require("./TimelineItem-BbhUWJhU.cjs");
-const Tooltip = require("./Tooltip-CEEDkwds.cjs");
 function scrollToTop({
   behavior = "smooth",
   target = typeof window !== "undefined" ? window : void 0,
@@ -50,6 +51,61 @@ function scrollToTop({
 }
 exports.DEFAULT_PRESET_NAME = resolvePreset.DEFAULT_PRESET_NAME;
 exports.resolvePreset = resolvePreset.resolvePreset;
+exports.fieldTokens = tokens.tokens;
+exports.Button = Button.Button;
+exports.Card = Card.Card;
+exports.Chip = Chip.Chip;
+exports.Column = components_Column.Column;
+exports.Avatar = Avatar.Avatar;
+exports.Stat = Stat.Stat;
+exports.Spinner = Spinner.Spinner;
+exports.FriAlert = Alert.Alert;
+exports.FriDivider = Divider.Divider;
+exports.ButtonGroup = ButtonGroup.ButtonGroup;
+exports.Breadcrumbs = Breadcrumbs.Breadcrumbs;
+exports.PageHeader = PageHeader.PageHeader;
+exports.DataRow = DataRow.DataRow;
+exports.EmptyState = EmptyState.EmptyState;
+exports.Step = Step.Step;
+exports.Stepper = Step.Stepper;
+exports.Tab = Tab.Tab;
+exports.Tabs = Tab.Tabs;
+exports.Table = Table.Table;
+exports.StatusMessage = StatusMessage.StatusMessage;
+exports.Modal = Modal.ModalWithStatics;
+exports.ModalBody = Modal.ModalBody;
+exports.ModalFooter = Modal.ModalFooter;
+exports.ModalHeader = Modal.ModalHeader;
+exports.Input = Input.Input;
+exports.Option = Select.Option;
+exports.Select = Select.Select;
+exports.Autocomplete = Autocomplete.Autocomplete;
+exports.AutocompleteSelect = Autocomplete.AutocompleteSelect;
+exports.Switch = Switch.Switch;
+exports.RadioGroup = RadioGroup.RadioGroup;
+exports.Checkbox = Checkbox.Checkbox;
+exports.DatePicker = DatePicker.DatePicker;
+exports.DateTimePicker = DateTimePicker.DateTimePicker;
+exports.InputGroup = InputGroup.InputGroup;
+exports.ActionMenu = ActionMenu.ActionMenu;
+exports.ActionMenuItem = ActionMenu.ActionMenuItem;
+exports.AppBar = AppBarMenuToggle.AppBar;
+exports.AppBarMenuToggle = AppBarMenuToggle.AppBarMenuToggle;
+exports.useAppBarContext = AppBarMenuToggle.useAppBarContext;
+exports.Drawer = DrawerItem.Drawer;
+exports.DrawerItem = DrawerItem.DrawerItem;
+exports.useDrawerContext = DrawerItem.useDrawerContext;
+exports.Flyout = Flyout.Flyout;
+exports.Gallery = Gallery.Gallery;
+exports.Icon = Icon.Icon;
+exports.MenuButton = MenuButton.MenuButton;
+exports.Timeline = TimelineItem.Timeline;
+exports.TimelineItem = TimelineItem.TimelineItem;
+exports.Tooltip = Tooltip.Tooltip;
+Object.defineProperty(exports, "Alert", {
+  enumerable: true,
+  get: () => material.Alert
+});
 Object.defineProperty(exports, "AlertTitle", {
   enumerable: true,
   get: () => material.AlertTitle
@@ -74,6 +130,10 @@ Object.defineProperty(exports, "Container", {
   enumerable: true,
   get: () => material.Container
 });
+Object.defineProperty(exports, "Divider", {
+  enumerable: true,
+  get: () => material.Divider
+});
 Object.defineProperty(exports, "Fade", {
   enumerable: true,
   get: () => material.Fade
@@ -86,6 +146,14 @@ Object.defineProperty(exports, "Grow", {
   enumerable: true,
   get: () => material.Grow
 });
+Object.defineProperty(exports, "IconButton", {
+  enumerable: true,
+  get: () => material.IconButton
+});
+Object.defineProperty(exports, "InputAdornment", {
+  enumerable: true,
+  get: () => material.InputAdornment
+});
 Object.defineProperty(exports, "LinearProgress", {
   enumerable: true,
   get: () => material.LinearProgress
@@ -202,55 +270,5 @@ Object.defineProperty(exports, "renderMultiSectionDigitalClockTimeView", {
   enumerable: true,
   get: () => timeViewRenderers.renderMultiSectionDigitalClockTimeView
 });
-exports.Button = Button.Button;
-exports.Card = Card.Card;
-exports.Chip = Chip.Chip;
-exports.Column = components_Column.Column;
-exports.Avatar = Avatar.Avatar;
-exports.Stat = Stat.Stat;
-exports.Spinner = Spinner.Spinner;
-exports.Alert = Alert.Alert;
-exports.Divider = Divider.Divider;
-exports.ButtonGroup = ButtonGroup.ButtonGroup;
-exports.Breadcrumbs = Breadcrumbs.Breadcrumbs;
-exports.PageHeader = PageHeader.PageHeader;
-exports.DataRow = DataRow.DataRow;
-exports.EmptyState = EmptyState.EmptyState;
-exports.Step = Step.Step;
-exports.Stepper = Step.Stepper;
-exports.Tab = Tab.Tab;
-exports.Tabs = Tab.Tabs;
-exports.Table = Table.Table;
-exports.StatusMessage = StatusMessage.StatusMessage;
-exports.Modal = Modal.ModalWithStatics;
-exports.ModalBody = Modal.ModalBody;
-exports.ModalFooter = Modal.ModalFooter;
-exports.ModalHeader = Modal.ModalHeader;
-exports.Input = Input.Input;
-exports.Option = Select.Option;
-exports.Select = Select.Select;
-exports.Autocomplete = Autocomplete.Autocomplete;
-exports.AutocompleteSelect = Autocomplete.AutocompleteSelect;
-exports.Switch = Switch.Switch;
-exports.RadioGroup = RadioGroup.RadioGroup;
-exports.Checkbox = Checkbox.Checkbox;
-exports.DatePicker = DatePicker.DatePicker;
-exports.DateTimePicker = DateTimePicker.DateTimePicker;
-exports.InputGroup = InputGroup.InputGroup;
-exports.ActionMenu = ActionMenu.ActionMenu;
-exports.ActionMenuItem = ActionMenu.ActionMenuItem;
-exports.AppBar = AppBarMenuToggle.AppBar;
-exports.AppBarMenuToggle = AppBarMenuToggle.AppBarMenuToggle;
-exports.useAppBarContext = AppBarMenuToggle.useAppBarContext;
-exports.Drawer = DrawerItem.Drawer;
-exports.DrawerItem = DrawerItem.DrawerItem;
-exports.useDrawerContext = DrawerItem.useDrawerContext;
-exports.Flyout = Flyout.Flyout;
-exports.Gallery = Gallery.Gallery;
-exports.Icon = Icon.Icon;
-exports.MenuButton = MenuButton.MenuButton;
-exports.Timeline = TimelineItem.Timeline;
-exports.TimelineItem = TimelineItem.TimelineItem;
-exports.Tooltip = Tooltip.Tooltip;
 exports.scrollToTop = scrollToTop;
 //# sourceMappingURL=index.cjs.map

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.cts

@@ -0,0 +1,63 @@
+export type { LibraryComponentName, PresetStyle, ComponentPresets, LibraryStyles, } from './theme/componentStyles';
+export { DEFAULT_PRESET_NAME, resolvePreset } from './components/_shared/resolvePreset';
+export * as fieldTokens from './theme/tokens';
+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 as FriAlert } from './components/Alert';
+export type { AlertProps as FriAlertProps, AlertSeverity, AlertVariant } from './components/Alert';
+export { Divider as FriDivider } from './components/Divider';
+export type { DividerProps as FriDividerProps } 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.d.mts

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

package/index.d.ts

@@ -1,5 +1,6 @@
 export type { LibraryComponentName, PresetStyle, ComponentPresets, LibraryStyles, } from './theme/componentStyles';
 export { DEFAULT_PRESET_NAME, resolvePreset } from './components/_shared/resolvePreset';
+export * as fieldTokens from './theme/tokens';
 export * from './utils';
 export * from './mui';
 export { Button } from './components/Button';
@@ -12,10 +13,10 @@ 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 { Alert as FriAlert } from './components/Alert';
+export type { AlertProps as FriAlertProps, AlertSeverity, AlertVariant } from './components/Alert';
+export { Divider as FriDivider } from './components/Divider';
+export type { DividerProps as FriDividerProps } from './components/Divider';
 export { ButtonGroup } from './components/ButtonGroup';
 export type { ButtonGroupProps } from './components/ButtonGroup';
 export { Breadcrumbs } from './components/Breadcrumbs';