@soyfri/shared-library 2.0.0-beta.30 → 2.0.0-beta.31

package/Alert-B3SMPD1s.cjs

@@ -0,0 +1,31 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const material = require("@mui/material");
+function Alert({
+  severity = "info",
+  variant = "standard",
+  children,
+  onClose,
+  icon,
+  action,
+  sx,
+  className,
+  "data-testid": dataTestId
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    material.Alert,
+    {
+      severity,
+      variant,
+      onClose,
+      icon,
+      action,
+      sx,
+      className,
+      "data-testid": dataTestId,
+      children
+    }
+  );
+}
+exports.Alert = Alert;
+//# sourceMappingURL=Alert-B3SMPD1s.cjs.map

package/Alert-B3SMPD1s.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert-B3SMPD1s.cjs","sources":["../src/components/Alert/Alert.tsx"],"sourcesContent":["import { type ReactNode } from 'react';\nimport { Alert as MuiAlert } from '@mui/material';\nimport type { SxProps, Theme } from '@mui/material/styles';\n\nexport type AlertSeverity = 'error' | 'warning' | 'info' | 'success';\nexport type AlertVariant = 'standard' | 'filled' | 'outlined';\n\nexport interface AlertProps {\n  /** Color + icono. Default: `info`. */\n  severity?: AlertSeverity;\n  /** Estilo visual. Default: `standard`. */\n  variant?: AlertVariant;\n  /** Contenido del alert (texto o JSX arbitrario). */\n  children?: ReactNode;\n  /** Si se provee, muestra la X de cerrar y la invoca al click. */\n  onClose?: () => void;\n  /** Icono custom, o `false` para ocultarlo. */\n  icon?: ReactNode | false;\n  /** Acción a la derecha (ej. botón). */\n  action?: ReactNode;\n  sx?: SxProps<Theme>;\n  className?: string;\n  'data-testid'?: string;\n}\n\n/**\n * Aviso inline flexible (banner). Wrapper fino sobre MUI `Alert` — para\n * mensajes contextuales con contenido arbitrario y las 4 severidades\n * (error/warning/info/success).\n *\n * Distinto de `StatusMessage`, que es feedback opinado de formularios\n * (title+description, success/danger/warning, modo alert o modal).\n */\nexport function Alert({\n  severity = 'info',\n  variant = 'standard',\n  children,\n  onClose,\n  icon,\n  action,\n  sx,\n  className,\n  'data-testid': dataTestId,\n}: AlertProps) {\n  return (\n    <MuiAlert\n      severity={severity}\n      variant={variant}\n      onClose={onClose}\n      icon={icon}\n      action={action}\n      sx={sx}\n      className={className}\n      data-testid={dataTestId}\n    >\n      {children}\n    </MuiAlert>\n  );\n}\n\nexport default Alert;\n"],"names":["jsx","MuiAlert"],"mappings":";;;AAiCO,SAAS,MAAM;AAAA,EACpB,WAAW;AAAA,EACX,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AACjB,GAAe;AACb,SACEA,2BAAAA;AAAAA,IAACC,SAAAA;AAAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,eAAa;AAAA,MAEZ;AAAA,IAAA;AAAA,EAAA;AAGP;;"}

package/Alert-YsPScpSE.js

@@ -0,0 +1,32 @@
+import { jsx } from "react/jsx-runtime";
+import { Alert as Alert$1 } from "@mui/material";
+function Alert({
+  severity = "info",
+  variant = "standard",
+  children,
+  onClose,
+  icon,
+  action,
+  sx,
+  className,
+  "data-testid": dataTestId
+}) {
+  return /* @__PURE__ */ jsx(
+    Alert$1,
+    {
+      severity,
+      variant,
+      onClose,
+      icon,
+      action,
+      sx,
+      className,
+      "data-testid": dataTestId,
+      children
+    }
+  );
+}
+export {
+  Alert as A
+};
+//# sourceMappingURL=Alert-YsPScpSE.js.map

package/Alert-YsPScpSE.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert-YsPScpSE.js","sources":["../src/components/Alert/Alert.tsx"],"sourcesContent":["import { type ReactNode } from 'react';\nimport { Alert as MuiAlert } from '@mui/material';\nimport type { SxProps, Theme } from '@mui/material/styles';\n\nexport type AlertSeverity = 'error' | 'warning' | 'info' | 'success';\nexport type AlertVariant = 'standard' | 'filled' | 'outlined';\n\nexport interface AlertProps {\n  /** Color + icono. Default: `info`. */\n  severity?: AlertSeverity;\n  /** Estilo visual. Default: `standard`. */\n  variant?: AlertVariant;\n  /** Contenido del alert (texto o JSX arbitrario). */\n  children?: ReactNode;\n  /** Si se provee, muestra la X de cerrar y la invoca al click. */\n  onClose?: () => void;\n  /** Icono custom, o `false` para ocultarlo. */\n  icon?: ReactNode | false;\n  /** Acción a la derecha (ej. botón). */\n  action?: ReactNode;\n  sx?: SxProps<Theme>;\n  className?: string;\n  'data-testid'?: string;\n}\n\n/**\n * Aviso inline flexible (banner). Wrapper fino sobre MUI `Alert` — para\n * mensajes contextuales con contenido arbitrario y las 4 severidades\n * (error/warning/info/success).\n *\n * Distinto de `StatusMessage`, que es feedback opinado de formularios\n * (title+description, success/danger/warning, modo alert o modal).\n */\nexport function Alert({\n  severity = 'info',\n  variant = 'standard',\n  children,\n  onClose,\n  icon,\n  action,\n  sx,\n  className,\n  'data-testid': dataTestId,\n}: AlertProps) {\n  return (\n    <MuiAlert\n      severity={severity}\n      variant={variant}\n      onClose={onClose}\n      icon={icon}\n      action={action}\n      sx={sx}\n      className={className}\n      data-testid={dataTestId}\n    >\n      {children}\n    </MuiAlert>\n  );\n}\n\nexport default Alert;\n"],"names":["MuiAlert"],"mappings":";;AAiCO,SAAS,MAAM;AAAA,EACpB,WAAW;AAAA,EACX,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AACjB,GAAe;AACb,SACE;AAAA,IAACA;AAAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,eAAa;AAAA,MAEZ;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/components/Alert/Alert.cjs

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

package/components/Alert/Alert.cjs.map

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

package/components/Alert/Alert.d.ts

@@ -0,0 +1,31 @@
+import { ReactNode } from 'react';
+import { SxProps, Theme } from '@mui/material/styles';
+export type AlertSeverity = 'error' | 'warning' | 'info' | 'success';
+export type AlertVariant = 'standard' | 'filled' | 'outlined';
+export interface AlertProps {
+    /** Color + icono. Default: `info`. */
+    severity?: AlertSeverity;
+    /** Estilo visual. Default: `standard`. */
+    variant?: AlertVariant;
+    /** Contenido del alert (texto o JSX arbitrario). */
+    children?: ReactNode;
+    /** Si se provee, muestra la X de cerrar y la invoca al click. */
+    onClose?: () => void;
+    /** Icono custom, o `false` para ocultarlo. */
+    icon?: ReactNode | false;
+    /** Acción a la derecha (ej. botón). */
+    action?: ReactNode;
+    sx?: SxProps<Theme>;
+    className?: string;
+    'data-testid'?: string;
+}
+/**
+ * Aviso inline flexible (banner). Wrapper fino sobre MUI `Alert` — para
+ * mensajes contextuales con contenido arbitrario y las 4 severidades
+ * (error/warning/info/success).
+ *
+ * Distinto de `StatusMessage`, que es feedback opinado de formularios
+ * (title+description, success/danger/warning, modo alert o modal).
+ */
+export declare function Alert({ severity, variant, children, onClose, icon, action, sx, className, 'data-testid': dataTestId, }: AlertProps): import("react/jsx-runtime").JSX.Element;
+export default Alert;

package/components/Alert/Alert.js

@@ -0,0 +1,6 @@
+import { A, A as A2 } from "../../Alert-YsPScpSE.js";
+export {
+  A as Alert,
+  A2 as default
+};
+//# sourceMappingURL=Alert.js.map

package/components/Alert/Alert.js.map

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

package/components/Alert/index.d.ts

@@ -0,0 +1,2 @@
+export { Alert, default } from './Alert';
+export type { AlertProps, AlertSeverity, AlertVariant } from './Alert';

package/components/Alert.d.ts

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

package/index.cjs

@@ -10,6 +10,7 @@ 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 Alert = require("./Alert-B3SMPD1s.cjs");
 const Step = require("./Step-Nd7SJbRZ.cjs");
 const Tab = require("./Tab-BbP8jBcK.cjs");
 const Table = require("./Table-C4OM6rrC.cjs");
@@ -33,10 +34,6 @@ function scrollToTop({
 }
 exports.DEFAULT_PRESET_NAME = resolvePreset.DEFAULT_PRESET_NAME;
 exports.resolvePreset = resolvePreset.resolvePreset;
-Object.defineProperty(exports, "Alert", {
-  enumerable: true,
-  get: () => material.Alert
-});
 Object.defineProperty(exports, "AlertTitle", {
   enumerable: true,
   get: () => material.AlertTitle
@@ -168,6 +165,7 @@ exports.Column = components_Column.Column;
 exports.Avatar = Avatar.Avatar;
 exports.Stat = Stat.Stat;
 exports.Spinner = Spinner.Spinner;
+exports.Alert = Alert.Alert;
 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

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

package/index.js

@@ -1,5 +1,5 @@
 import { D, r } from "./resolvePreset-K6_BfWHD.js";
-import { Alert, AlertTitle, Backdrop, Box, CircularProgress, Collapse, Container, Divider, 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, Divider, 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 { renderMultiSectionDigitalClockTimeView } from "@mui/x-date-pickers/timeViewRenderers";
 import { B } from "./Button-UkkP-bNw.js";
 import { C } from "./Card-DYKGY-NG.js";
@@ -8,6 +8,7 @@ import { Column } from "./components/Column/Column.js";
 import { A } from "./Avatar-H8akSege.js";
 import { S } from "./Stat-C06A_izS.js";
 import { S as S2 } from "./Spinner-B6sThC1p.js";
+import { A as A2 } from "./Alert-YsPScpSE.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";
@@ -15,7 +16,7 @@ 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 S5 } from "./Select-BY5Y0qZ1.js";
-import { A as A2, a as a4 } from "./Autocomplete-C_lW1VER.js";
+import { A as A3, a as a4 } from "./Autocomplete-C_lW1VER.js";
 import { S as S6 } from "./Switch-D72dpkH2.js";
 import { R } from "./RadioGroup-bO-ahP9T.js";
 import { C as C3 } from "./Checkbox-gB5YKkVo.js";
@@ -30,9 +31,9 @@ import './index.css';function scrollToTop({
   target.scrollTo({ top, left: 0, behavior });
 }
 export {
-  Alert,
+  A2 as Alert,
   AlertTitle,
-  A2 as Autocomplete,
+  A3 as Autocomplete,
   a4 as AutocompleteSelect,
   A as Avatar,
   Backdrop,

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.30",
+  "version": "2.0.0-beta.31",
   "main": "./index.cjs",
   "module": "./index.js",
   "types": "./index.d.ts",
@@ -178,6 +178,11 @@
       "require": "./components/AppBar/AppBar.cjs",
       "types": "./components/AppBar/index.d.ts"
     },
+    "./components/Alert": {
+      "import": "./components/Alert/Alert.js",
+      "require": "./components/Alert/Alert.cjs",
+      "types": "./components/Alert/index.d.ts"
+    },
     "./components/ActionMenu": {
       "import": "./components/ActionMenu/ActionMenu.js",
       "require": "./components/ActionMenu/ActionMenu.cjs",