@soyfri/shared-library 2.0.0-beta.28 → 2.0.0-beta.29

package/Spinner-B6sThC1p.js

@@ -0,0 +1,74 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Box, Typography, CircularProgress } from "@mui/material";
+const sizeMap = {
+  sm: 20,
+  md: 40,
+  lg: 56
+};
+const resolveSize = (size) => typeof size === "number" ? size : sizeMap[size];
+function Spinner({
+  size = "md",
+  color = "primary",
+  thickness,
+  centered = false,
+  label,
+  sx,
+  className,
+  "aria-label": ariaLabel = "Cargando"
+}) {
+  const px = resolveSize(size);
+  const spinner = /* @__PURE__ */ jsx(
+    CircularProgress,
+    {
+      size: px,
+      color,
+      thickness,
+      role: "status",
+      "aria-label": ariaLabel,
+      sx: centered || label ? void 0 : sx
+    }
+  );
+  if (!centered && !label) {
+    return /* @__PURE__ */ jsx(Box, { component: "span", className, children: spinner });
+  }
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      className,
+      sx: [
+        __spreadValues({
+          display: "flex",
+          flexDirection: "column",
+          alignItems: "center",
+          justifyContent: "center",
+          gap: 1.5
+        }, centered && { width: "100%", minHeight: 120 }),
+        ...Array.isArray(sx) ? sx : sx ? [sx] : []
+      ],
+      children: [
+        spinner,
+        label != null && /* @__PURE__ */ jsx(Typography, { variant: "body2", sx: { color: "text.secondary" }, children: label })
+      ]
+    }
+  );
+}
+export {
+  Spinner as S
+};
+//# sourceMappingURL=Spinner-B6sThC1p.js.map

package/Spinner-B6sThC1p.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner-B6sThC1p.js","sources":["../src/components/Spinner/Spinner.tsx"],"sourcesContent":["import { type ReactNode } from 'react';\nimport { Box, CircularProgress, Typography } from '@mui/material';\nimport type { SxProps, Theme } from '@mui/material/styles';\n\nexport type SpinnerSize = 'sm' | 'md' | 'lg' | number;\n\nexport type SpinnerColor =\n  | 'primary'\n  | 'secondary'\n  | 'inherit'\n  | 'error'\n  | 'info'\n  | 'success'\n  | 'warning';\n\nexport interface SpinnerProps {\n  /** Tamaño: `sm`=20, `md`=40, `lg`=56, o un número de px. Default: `md`. */\n  size?: SpinnerSize;\n  /** Color del indicador. Default: `primary`. */\n  color?: SpinnerColor;\n  /** Grosor del trazo. Default: 3.6 (default de MUI). */\n  thickness?: number;\n  /**\n   * Si `true`, centra el spinner en un contenedor flex de ancho completo.\n   * Útil para estados de carga de página/sección.\n   */\n  centered?: boolean;\n  /** Texto opcional debajo del spinner. */\n  label?: ReactNode;\n  /** sx del contenedor (o del propio spinner si no hay `centered`/`label`). */\n  sx?: SxProps<Theme>;\n  className?: string;\n  /** Texto accesible. Default: \"Cargando\". */\n  'aria-label'?: string;\n}\n\nconst sizeMap: Record<Exclude<SpinnerSize, number>, number> = {\n  sm: 20,\n  md: 40,\n  lg: 56,\n};\n\nconst resolveSize = (size: SpinnerSize): number =>\n  typeof size === 'number' ? size : sizeMap[size];\n\nexport function Spinner({\n  size = 'md',\n  color = 'primary',\n  thickness,\n  centered = false,\n  label,\n  sx,\n  className,\n  'aria-label': ariaLabel = 'Cargando',\n}: SpinnerProps) {\n  const px = resolveSize(size);\n\n  const spinner = (\n    <CircularProgress\n      size={px}\n      color={color}\n      thickness={thickness}\n      role=\"status\"\n      aria-label={ariaLabel}\n      // Cuando no hay contenedor (ni centered ni label), el sx va al spinner.\n      sx={centered || label ? undefined : sx}\n    />\n  );\n\n  if (!centered && !label) {\n    return <Box component=\"span\" className={className}>{spinner}</Box>;\n  }\n\n  return (\n    <Box\n      className={className}\n      sx={[\n        {\n          display: 'flex',\n          flexDirection: 'column',\n          alignItems: 'center',\n          justifyContent: 'center',\n          gap: 1.5,\n          ...(centered && { width: '100%', minHeight: 120 }),\n        },\n        ...(Array.isArray(sx) ? sx : sx ? [sx] : []),\n      ]}\n    >\n      {spinner}\n      {label != null && (\n        <Typography variant=\"body2\" sx={{ color: 'text.secondary' }}>\n          {label}\n        </Typography>\n      )}\n    </Box>\n  );\n}\n\nexport default Spinner;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAoCA,MAAM,UAAwD;AAAA,EAC5D,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAEA,MAAM,cAAc,CAAC,SACnB,OAAO,SAAS,WAAW,OAAO,QAAQ,IAAI;AAEzC,SAAS,QAAQ;AAAA,EACtB,OAAO;AAAA,EACP,QAAQ;AAAA,EACR;AAAA,EACA,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc,YAAY;AAC5B,GAAiB;AACf,QAAM,KAAK,YAAY,IAAI;AAE3B,QAAM,UACJ;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAM;AAAA,MACN;AAAA,MACA;AAAA,MACA,MAAK;AAAA,MACL,cAAY;AAAA,MAEZ,IAAI,YAAY,QAAQ,SAAY;AAAA,IAAA;AAAA,EAAA;AAIxC,MAAI,CAAC,YAAY,CAAC,OAAO;AACvB,WAAO,oBAAC,KAAA,EAAI,WAAU,QAAO,WAAuB,UAAA,SAAQ;AAAA,EAC9D;AAEA,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,IAAI;AAAA,QACF;AAAA,UACE,SAAS;AAAA,UACT,eAAe;AAAA,UACf,YAAY;AAAA,UACZ,gBAAgB;AAAA,UAChB,KAAK;AAAA,WACD,YAAY,EAAE,OAAO,QAAQ,WAAW,IAAA;AAAA,QAE9C,GAAI,MAAM,QAAQ,EAAE,IAAI,KAAK,KAAK,CAAC,EAAE,IAAI,CAAA;AAAA,MAAC;AAAA,MAG3C,UAAA;AAAA,QAAA;AAAA,QACA,SAAS,QACR,oBAAC,YAAA,EAAW,SAAQ,SAAQ,IAAI,EAAE,OAAO,oBACtC,UAAA,MAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR;"}

package/Spinner-D7qRmNS9.cjs

@@ -0,0 +1,73 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+const jsxRuntime = require("react/jsx-runtime");
+const material = require("@mui/material");
+const sizeMap = {
+  sm: 20,
+  md: 40,
+  lg: 56
+};
+const resolveSize = (size) => typeof size === "number" ? size : sizeMap[size];
+function Spinner({
+  size = "md",
+  color = "primary",
+  thickness,
+  centered = false,
+  label,
+  sx,
+  className,
+  "aria-label": ariaLabel = "Cargando"
+}) {
+  const px = resolveSize(size);
+  const spinner = /* @__PURE__ */ jsxRuntime.jsx(
+    material.CircularProgress,
+    {
+      size: px,
+      color,
+      thickness,
+      role: "status",
+      "aria-label": ariaLabel,
+      sx: centered || label ? void 0 : sx
+    }
+  );
+  if (!centered && !label) {
+    return /* @__PURE__ */ jsxRuntime.jsx(material.Box, { component: "span", className, children: spinner });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    material.Box,
+    {
+      className,
+      sx: [
+        __spreadValues({
+          display: "flex",
+          flexDirection: "column",
+          alignItems: "center",
+          justifyContent: "center",
+          gap: 1.5
+        }, centered && { width: "100%", minHeight: 120 }),
+        ...Array.isArray(sx) ? sx : sx ? [sx] : []
+      ],
+      children: [
+        spinner,
+        label != null && /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "body2", sx: { color: "text.secondary" }, children: label })
+      ]
+    }
+  );
+}
+exports.Spinner = Spinner;
+//# sourceMappingURL=Spinner-D7qRmNS9.cjs.map

package/Spinner-D7qRmNS9.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner-D7qRmNS9.cjs","sources":["../src/components/Spinner/Spinner.tsx"],"sourcesContent":["import { type ReactNode } from 'react';\nimport { Box, CircularProgress, Typography } from '@mui/material';\nimport type { SxProps, Theme } from '@mui/material/styles';\n\nexport type SpinnerSize = 'sm' | 'md' | 'lg' | number;\n\nexport type SpinnerColor =\n  | 'primary'\n  | 'secondary'\n  | 'inherit'\n  | 'error'\n  | 'info'\n  | 'success'\n  | 'warning';\n\nexport interface SpinnerProps {\n  /** Tamaño: `sm`=20, `md`=40, `lg`=56, o un número de px. Default: `md`. */\n  size?: SpinnerSize;\n  /** Color del indicador. Default: `primary`. */\n  color?: SpinnerColor;\n  /** Grosor del trazo. Default: 3.6 (default de MUI). */\n  thickness?: number;\n  /**\n   * Si `true`, centra el spinner en un contenedor flex de ancho completo.\n   * Útil para estados de carga de página/sección.\n   */\n  centered?: boolean;\n  /** Texto opcional debajo del spinner. */\n  label?: ReactNode;\n  /** sx del contenedor (o del propio spinner si no hay `centered`/`label`). */\n  sx?: SxProps<Theme>;\n  className?: string;\n  /** Texto accesible. Default: \"Cargando\". */\n  'aria-label'?: string;\n}\n\nconst sizeMap: Record<Exclude<SpinnerSize, number>, number> = {\n  sm: 20,\n  md: 40,\n  lg: 56,\n};\n\nconst resolveSize = (size: SpinnerSize): number =>\n  typeof size === 'number' ? size : sizeMap[size];\n\nexport function Spinner({\n  size = 'md',\n  color = 'primary',\n  thickness,\n  centered = false,\n  label,\n  sx,\n  className,\n  'aria-label': ariaLabel = 'Cargando',\n}: SpinnerProps) {\n  const px = resolveSize(size);\n\n  const spinner = (\n    <CircularProgress\n      size={px}\n      color={color}\n      thickness={thickness}\n      role=\"status\"\n      aria-label={ariaLabel}\n      // Cuando no hay contenedor (ni centered ni label), el sx va al spinner.\n      sx={centered || label ? undefined : sx}\n    />\n  );\n\n  if (!centered && !label) {\n    return <Box component=\"span\" className={className}>{spinner}</Box>;\n  }\n\n  return (\n    <Box\n      className={className}\n      sx={[\n        {\n          display: 'flex',\n          flexDirection: 'column',\n          alignItems: 'center',\n          justifyContent: 'center',\n          gap: 1.5,\n          ...(centered && { width: '100%', minHeight: 120 }),\n        },\n        ...(Array.isArray(sx) ? sx : sx ? [sx] : []),\n      ]}\n    >\n      {spinner}\n      {label != null && (\n        <Typography variant=\"body2\" sx={{ color: 'text.secondary' }}>\n          {label}\n        </Typography>\n      )}\n    </Box>\n  );\n}\n\nexport default Spinner;\n"],"names":["jsx","CircularProgress","Box","jsxs","Typography"],"mappings":";;;;;;;;;;;;;;;;;;;AAoCA,MAAM,UAAwD;AAAA,EAC5D,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAEA,MAAM,cAAc,CAAC,SACnB,OAAO,SAAS,WAAW,OAAO,QAAQ,IAAI;AAEzC,SAAS,QAAQ;AAAA,EACtB,OAAO;AAAA,EACP,QAAQ;AAAA,EACR;AAAA,EACA,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc,YAAY;AAC5B,GAAiB;AACf,QAAM,KAAK,YAAY,IAAI;AAE3B,QAAM,UACJA,2BAAAA;AAAAA,IAACC,SAAAA;AAAAA,IAAA;AAAA,MACC,MAAM;AAAA,MACN;AAAA,MACA;AAAA,MACA,MAAK;AAAA,MACL,cAAY;AAAA,MAEZ,IAAI,YAAY,QAAQ,SAAY;AAAA,IAAA;AAAA,EAAA;AAIxC,MAAI,CAAC,YAAY,CAAC,OAAO;AACvB,WAAOD,2BAAAA,IAACE,SAAAA,KAAA,EAAI,WAAU,QAAO,WAAuB,UAAA,SAAQ;AAAA,EAC9D;AAEA,SACEC,2BAAAA;AAAAA,IAACD,SAAAA;AAAAA,IAAA;AAAA,MACC;AAAA,MACA,IAAI;AAAA,QACF;AAAA,UACE,SAAS;AAAA,UACT,eAAe;AAAA,UACf,YAAY;AAAA,UACZ,gBAAgB;AAAA,UAChB,KAAK;AAAA,WACD,YAAY,EAAE,OAAO,QAAQ,WAAW,IAAA;AAAA,QAE9C,GAAI,MAAM,QAAQ,EAAE,IAAI,KAAK,KAAK,CAAC,EAAE,IAAI,CAAA;AAAA,MAAC;AAAA,MAG3C,UAAA;AAAA,QAAA;AAAA,QACA,SAAS,QACRF,2BAAAA,IAACI,SAAAA,YAAA,EAAW,SAAQ,SAAQ,IAAI,EAAE,OAAO,oBACtC,UAAA,MAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR;;"}

package/components/Spinner/Spinner.cjs

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Spinner = require("../../Spinner-D7qRmNS9.cjs");
+exports.Spinner = Spinner.Spinner;
+exports.default = Spinner.Spinner;
+//# sourceMappingURL=Spinner.cjs.map

package/components/Spinner/Spinner.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/components/Spinner/Spinner.d.ts

@@ -0,0 +1,26 @@
+import { ReactNode } from 'react';
+import { SxProps, Theme } from '@mui/material/styles';
+export type SpinnerSize = 'sm' | 'md' | 'lg' | number;
+export type SpinnerColor = 'primary' | 'secondary' | 'inherit' | 'error' | 'info' | 'success' | 'warning';
+export interface SpinnerProps {
+    /** Tamaño: `sm`=20, `md`=40, `lg`=56, o un número de px. Default: `md`. */
+    size?: SpinnerSize;
+    /** Color del indicador. Default: `primary`. */
+    color?: SpinnerColor;
+    /** Grosor del trazo. Default: 3.6 (default de MUI). */
+    thickness?: number;
+    /**
+     * Si `true`, centra el spinner en un contenedor flex de ancho completo.
+     * Útil para estados de carga de página/sección.
+     */
+    centered?: boolean;
+    /** Texto opcional debajo del spinner. */
+    label?: ReactNode;
+    /** sx del contenedor (o del propio spinner si no hay `centered`/`label`). */
+    sx?: SxProps<Theme>;
+    className?: string;
+    /** Texto accesible. Default: "Cargando". */
+    'aria-label'?: string;
+}
+export declare function Spinner({ size, color, thickness, centered, label, sx, className, 'aria-label': ariaLabel, }: SpinnerProps): import("react/jsx-runtime").JSX.Element;
+export default Spinner;

package/components/Spinner/Spinner.js

@@ -0,0 +1,6 @@
+import { S, S as S2 } from "../../Spinner-B6sThC1p.js";
+export {
+  S as Spinner,
+  S2 as default
+};
+//# sourceMappingURL=Spinner.js.map

package/components/Spinner/Spinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/components/Spinner/index.d.ts

@@ -0,0 +1,2 @@
+export { Spinner, default } from './Spinner';
+export type { SpinnerProps, SpinnerSize, SpinnerColor } from './Spinner';

package/components/Spinner.d.ts

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

package/index.cjs

@@ -9,6 +9,7 @@ const Chip = require("./Chip-qoJLDiva.cjs");
 const components_Column = require("./components/Column/Column.cjs");
 const Avatar = require("./Avatar-Dw5rzayR.cjs");
 const Stat = require("./Stat-BUcFCGrz.cjs");
+const Spinner = require("./Spinner-D7qRmNS9.cjs");
 const Step = require("./Step-Nd7SJbRZ.cjs");
 const Tab = require("./Tab-BbP8jBcK.cjs");
 const Table = require("./Table-C4OM6rrC.cjs");
@@ -166,6 +167,7 @@ exports.Chip = Chip.Chip;
 exports.Column = components_Column.Column;
 exports.Avatar = Avatar.Avatar;
 exports.Stat = Stat.Stat;
+exports.Spinner = Spinner.Spinner;
 exports.Step = Step.Step;
 exports.Stepper = Step.Stepper;
 exports.Tab = Tab.Tab;

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

@@ -10,6 +10,8 @@ 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 { Stepper, Step } from './components/Stepper';
 export { Tabs, Tab } from './components/Tabs';
 export { Table } from './components/Table';

package/index.js

@@ -7,15 +7,16 @@ import { C as C2 } from "./Chip-OPYQ1uQ_.js";
 import { Column } from "./components/Column/Column.js";
 import { A } from "./Avatar-H8akSege.js";
 import { S } from "./Stat-C06A_izS.js";
-import { a, S as S2 } from "./Step-BArsou1V.js";
+import { S as S2 } from "./Spinner-B6sThC1p.js";
+import { a, S as S3 } from "./Step-BArsou1V.js";
 import { a as a2, T } from "./Tab-BxSxKJsP.js";
 import { T as T2 } from "./Table-C2LbW0B1.js";
-import { S as S3 } from "./StatusMessage-D0WgSBx7.js";
+import { S as S4 } from "./StatusMessage-D0WgSBx7.js";
 import { M, b, c, a as a3 } from "./Modal-BFpX5AFV.js";
 import { I } from "./Input-DP_fKl38.js";
-import { O, S as S4 } from "./Select-BY5Y0qZ1.js";
+import { O, S as S5 } from "./Select-BY5Y0qZ1.js";
 import { A as A2, a as a4 } from "./Autocomplete-C_lW1VER.js";
-import { S as S5 } from "./Switch-D72dpkH2.js";
+import { S as S6 } from "./Switch-D72dpkH2.js";
 import { R } from "./RadioGroup-bO-ahP9T.js";
 import { C as C3 } from "./Checkbox-gB5YKkVo.js";
 import { D as D2 } from "./DatePicker-_IGWc3I5.js";
@@ -67,15 +68,16 @@ export {
   O as Option,
   Paper,
   R as RadioGroup,
-  S4 as Select,
+  S5 as Select,
   Skeleton,
   Snackbar,
+  S2 as Spinner,
   Stack,
   S as Stat,
-  S3 as StatusMessage,
+  S4 as StatusMessage,
   a as Step,
-  S2 as Stepper,
-  S5 as Switch,
+  S3 as Stepper,
+  S6 as Switch,
   a2 as Tab,
   T2 as Table,
   T as Tabs,

package/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","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.js","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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@soyfri/shared-library",
-  "version": "2.0.0-beta.28",
+  "version": "2.0.0-beta.29",
   "main": "./index.cjs",
   "module": "./index.js",
   "types": "./index.d.ts",
@@ -25,6 +25,7 @@
       "optional": true
     }
   },
+  "packageManager": "pnpm@9.15.0+sha512.76e2379760a4328ec4415815bcd6628dee727af3779aaa4c914e3944156c4299921a89f976381ee107d41f12cfa4b66681ca9c718f0668fa0831ed4c6d8ba56c",
   "exports": {
     ".": {
       "import": "./index.js",
@@ -72,6 +73,11 @@
       "require": "./components/Stat/Stat.cjs",
       "types": "./components/Stat/index.d.ts"
     },
+    "./components/Spinner": {
+      "import": "./components/Spinner/Spinner.js",
+      "require": "./components/Spinner/Spinner.cjs",
+      "types": "./components/Spinner/index.d.ts"
+    },
     "./components/Select": {
       "import": "./components/Select/Select.js",
       "require": "./components/Select/Select.cjs",