@soyfri/shared-library 4.0.4 → 4.1.0

package/components/Spinner.d.mts

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

package/components/Stat/Stat.d.cts

@@ -0,0 +1,58 @@
+import { default as React, ReactNode } from 'react';
+import { BoxProps } from '@mui/material';
+/** Un chip de la variante `chipList`. */
+export interface StatChip {
+    stat: ReactNode;
+    /** Color de fondo del chip. El texto se calcula por contraste. */
+    chipColor: string;
+}
+export type StatVariant = 'block' | 'inline' | 'chip' | 'chipList';
+export interface StatProps extends Omit<BoxProps, 'children' | 'color'> {
+    /** Nombre de la métrica. */
+    label: ReactNode;
+    /** Valor de la métrica. */
+    value?: ReactNode;
+    /**
+     * Forma de la métrica:
+     * - `block` (default): valor grande arriba, label + barra de acento debajo.
+     * - `inline`: label y valor en una fila.
+     * - `chip`: el valor va dentro de una píldora.
+     * - `chipList`: varias píldoras, una por estado (`chips`).
+     */
+    variant?: StatVariant;
+    /** Valor comparativo, al lado del principal. Sólo en `inline`. */
+    secondaryValue?: ReactNode;
+    /** Color de la barra de acento. Default: `palette.primary.main`. */
+    accentColor?: string;
+    /** Color de fondo de la píldora en `chip`. Default: `palette.primary.main`. */
+    chipColor?: string;
+    /** Chips de la variante `chipList`. */
+    chips?: StatChip[];
+    /** Render custom del valor. */
+    renderValue?: (value: ReactNode) => ReactNode;
+    /** Contenido extra, después de la métrica. */
+    children?: ReactNode;
+    /** @deprecated Usar `value`. */
+    stat?: ReactNode;
+    /** @deprecated Usar `secondaryValue`. */
+    stat2?: ReactNode;
+    /** @deprecated Usar `accentColor`. */
+    color?: string;
+    /** @deprecated Usar `variant="inline"`. */
+    simple?: boolean;
+    /** @deprecated Usar `variant="chip"`. */
+    chip?: boolean;
+    /** @deprecated Usar `variant="chipList"`. */
+    chipList?: boolean;
+    /** @deprecated Usar `renderValue`. */
+    statDisplay?: (value: ReactNode) => ReactNode;
+}
+/**
+ * Métrica con label. Cuatro formas según `variant`.
+ *
+ * Los colores por defecto salen del theme (`palette.primary.main`); el texto de
+ * los chips se calcula con `getContrastText` sobre el color de fondo, así que
+ * un chip claro no queda con texto blanco ilegible — antes era `#fff` fijo.
+ */
+export declare const Stat: React.ForwardRefExoticComponent<Omit<StatProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export default Stat;

package/components/Stat/Stat.d.mts

@@ -0,0 +1,58 @@
+import { default as React, ReactNode } from 'react';
+import { BoxProps } from '@mui/material';
+/** Un chip de la variante `chipList`. */
+export interface StatChip {
+    stat: ReactNode;
+    /** Color de fondo del chip. El texto se calcula por contraste. */
+    chipColor: string;
+}
+export type StatVariant = 'block' | 'inline' | 'chip' | 'chipList';
+export interface StatProps extends Omit<BoxProps, 'children' | 'color'> {
+    /** Nombre de la métrica. */
+    label: ReactNode;
+    /** Valor de la métrica. */
+    value?: ReactNode;
+    /**
+     * Forma de la métrica:
+     * - `block` (default): valor grande arriba, label + barra de acento debajo.
+     * - `inline`: label y valor en una fila.
+     * - `chip`: el valor va dentro de una píldora.
+     * - `chipList`: varias píldoras, una por estado (`chips`).
+     */
+    variant?: StatVariant;
+    /** Valor comparativo, al lado del principal. Sólo en `inline`. */
+    secondaryValue?: ReactNode;
+    /** Color de la barra de acento. Default: `palette.primary.main`. */
+    accentColor?: string;
+    /** Color de fondo de la píldora en `chip`. Default: `palette.primary.main`. */
+    chipColor?: string;
+    /** Chips de la variante `chipList`. */
+    chips?: StatChip[];
+    /** Render custom del valor. */
+    renderValue?: (value: ReactNode) => ReactNode;
+    /** Contenido extra, después de la métrica. */
+    children?: ReactNode;
+    /** @deprecated Usar `value`. */
+    stat?: ReactNode;
+    /** @deprecated Usar `secondaryValue`. */
+    stat2?: ReactNode;
+    /** @deprecated Usar `accentColor`. */
+    color?: string;
+    /** @deprecated Usar `variant="inline"`. */
+    simple?: boolean;
+    /** @deprecated Usar `variant="chip"`. */
+    chip?: boolean;
+    /** @deprecated Usar `variant="chipList"`. */
+    chipList?: boolean;
+    /** @deprecated Usar `renderValue`. */
+    statDisplay?: (value: ReactNode) => ReactNode;
+}
+/**
+ * Métrica con label. Cuatro formas según `variant`.
+ *
+ * Los colores por defecto salen del theme (`palette.primary.main`); el texto de
+ * los chips se calcula con `getContrastText` sobre el color de fondo, así que
+ * un chip claro no queda con texto blanco ilegible — antes era `#fff` fijo.
+ */
+export declare const Stat: React.ForwardRefExoticComponent<Omit<StatProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export default Stat;

package/components/Stat/Stat.d.ts

@@ -1,20 +1,58 @@
-import { default as React } from 'react';
+import { default as React, ReactNode } from 'react';
+import { BoxProps } from '@mui/material';
+/** Un chip de la variante `chipList`. */
 export interface StatChip {
-    stat: any;
+    stat: ReactNode;
+    /** Color de fondo del chip. El texto se calcula por contraste. */
     chipColor: string;
 }
-export interface StatProps {
-    stat: any;
-    stat2?: any;
-    label: string;
-    color?: string;
+export type StatVariant = 'block' | 'inline' | 'chip' | 'chipList';
+export interface StatProps extends Omit<BoxProps, 'children' | 'color'> {
+    /** Nombre de la métrica. */
+    label: ReactNode;
+    /** Valor de la métrica. */
+    value?: ReactNode;
+    /**
+     * Forma de la métrica:
+     * - `block` (default): valor grande arriba, label + barra de acento debajo.
+     * - `inline`: label y valor en una fila.
+     * - `chip`: el valor va dentro de una píldora.
+     * - `chipList`: varias píldoras, una por estado (`chips`).
+     */
+    variant?: StatVariant;
+    /** Valor comparativo, al lado del principal. Sólo en `inline`. */
+    secondaryValue?: ReactNode;
+    /** Color de la barra de acento. Default: `palette.primary.main`. */
+    accentColor?: string;
+    /** Color de fondo de la píldora en `chip`. Default: `palette.primary.main`. */
     chipColor?: string;
+    /** Chips de la variante `chipList`. */
     chips?: StatChip[];
+    /** Render custom del valor. */
+    renderValue?: (value: ReactNode) => ReactNode;
+    /** Contenido extra, después de la métrica. */
+    children?: ReactNode;
+    /** @deprecated Usar `value`. */
+    stat?: ReactNode;
+    /** @deprecated Usar `secondaryValue`. */
+    stat2?: ReactNode;
+    /** @deprecated Usar `accentColor`. */
+    color?: string;
+    /** @deprecated Usar `variant="inline"`. */
     simple?: boolean;
+    /** @deprecated Usar `variant="chip"`. */
     chip?: boolean;
+    /** @deprecated Usar `variant="chipList"`. */
     chipList?: boolean;
-    children?: React.ReactNode;
-    statDisplay?: (stat: any) => React.ReactNode;
+    /** @deprecated Usar `renderValue`. */
+    statDisplay?: (value: ReactNode) => ReactNode;
 }
-export declare const Stat: React.FC<StatProps>;
+/**
+ * Métrica con label. Cuatro formas según `variant`.
+ *
+ * Los colores por defecto salen del theme (`palette.primary.main`); el texto de
+ * los chips se calcula con `getContrastText` sobre el color de fondo, así que
+ * un chip claro no queda con texto blanco ilegible — antes era `#fff` fijo.
+ */
+export declare const Stat: React.ForwardRefExoticComponent<Omit<StatProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export default Stat;

package/components/Stat/index.cjs

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

package/components/Stat/index.cjs.map

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

package/components/Stat/index.d.cts

@@ -0,0 +1,2 @@
+export { Stat, default } from './Stat';
+export type { StatProps, StatChip } from './Stat';

package/components/Stat/index.d.mts

@@ -0,0 +1,2 @@
+export { Stat, default } from './Stat.mjs';
+export type { StatProps, StatChip } from './Stat.mjs';

package/components/Stat/index.mjs

@@ -0,0 +1,6 @@
+import { S, S as S2 } from "../../chunks/Stat-DX2kcT36.mjs";
+export {
+  S as Stat,
+  S2 as default
+};
+//# sourceMappingURL=index.mjs.map

package/components/Stat/index.mjs.map

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

package/components/Stat.d.cts

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

package/components/Stat.d.mts

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

package/components/StatusMessage/StatusMessage.d.cts

@@ -0,0 +1,35 @@
+import { SxProps, Theme } from '@mui/material/styles';
+export interface StatusMessageProps {
+    /** Título del mensaje. */
+    title?: string;
+    /** Descripción/contenido detallado. Requerido para que el componente renderice. */
+    description?: string;
+    /** Tipo de mensaje (controla color + icono). `danger` mapea a `error` de MUI. */
+    messageType?: 'success' | 'danger' | 'warning';
+    /** Forma de presentación: alerta inline o modal. Default: `'alert'`. */
+    displayType?: 'alert' | 'modal';
+    /** Callback al cerrar. Si se omite, no se muestra botón de cerrar. */
+    close?: () => void;
+    /**
+     * Controla visibilidad. Si se omite, el componente maneja su propio
+     * state (se oculta solo al llamar `close`). Si se pasa, queda controlled
+     * y el consumer es responsable de actualizarlo.
+     */
+    open?: boolean;
+    /**
+     * sx del nodo raíz: el `Alert` en modo `alert`, el `Dialog` en modo `modal`.
+     * Antes el componente no aceptaba ni `sx` ni `className`, así que ajustar su
+     * separación desde el call-site era imposible.
+     */
+    sx?: SxProps<Theme>;
+    className?: string;
+}
+/**
+ * Mensaje de éxito / error / advertencia en forma de alerta inline o modal.
+ *
+ * - **Uncontrolled**: sin pasar `open`, el componente maneja su propia
+ *   visibilidad. Al llamar `close`, se oculta automáticamente.
+ * - **Controlled**: pasando `open`, el consumer decide cuándo mostrar/ocultar.
+ */
+export declare const StatusMessage: import('react').ForwardRefExoticComponent<StatusMessageProps & import('react').RefAttributes<HTMLDivElement>>;
+export default StatusMessage;

package/components/StatusMessage/StatusMessage.d.mts

@@ -0,0 +1,35 @@
+import { SxProps, Theme } from '@mui/material/styles';
+export interface StatusMessageProps {
+    /** Título del mensaje. */
+    title?: string;
+    /** Descripción/contenido detallado. Requerido para que el componente renderice. */
+    description?: string;
+    /** Tipo de mensaje (controla color + icono). `danger` mapea a `error` de MUI. */
+    messageType?: 'success' | 'danger' | 'warning';
+    /** Forma de presentación: alerta inline o modal. Default: `'alert'`. */
+    displayType?: 'alert' | 'modal';
+    /** Callback al cerrar. Si se omite, no se muestra botón de cerrar. */
+    close?: () => void;
+    /**
+     * Controla visibilidad. Si se omite, el componente maneja su propio
+     * state (se oculta solo al llamar `close`). Si se pasa, queda controlled
+     * y el consumer es responsable de actualizarlo.
+     */
+    open?: boolean;
+    /**
+     * sx del nodo raíz: el `Alert` en modo `alert`, el `Dialog` en modo `modal`.
+     * Antes el componente no aceptaba ni `sx` ni `className`, así que ajustar su
+     * separación desde el call-site era imposible.
+     */
+    sx?: SxProps<Theme>;
+    className?: string;
+}
+/**
+ * Mensaje de éxito / error / advertencia en forma de alerta inline o modal.
+ *
+ * - **Uncontrolled**: sin pasar `open`, el componente maneja su propia
+ *   visibilidad. Al llamar `close`, se oculta automáticamente.
+ * - **Controlled**: pasando `open`, el consumer decide cuándo mostrar/ocultar.
+ */
+export declare const StatusMessage: import('react').ForwardRefExoticComponent<StatusMessageProps & import('react').RefAttributes<HTMLDivElement>>;
+export default StatusMessage;

package/components/StatusMessage/StatusMessage.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import { SxProps, Theme } from '@mui/material/styles';
 export interface StatusMessageProps {
     /** Título del mensaje. */
     title?: string;
@@ -16,6 +16,13 @@ export interface StatusMessageProps {
      * y el consumer es responsable de actualizarlo.
      */
     open?: boolean;
+    /**
+     * sx del nodo raíz: el `Alert` en modo `alert`, el `Dialog` en modo `modal`.
+     * Antes el componente no aceptaba ni `sx` ni `className`, así que ajustar su
+     * separación desde el call-site era imposible.
+     */
+    sx?: SxProps<Theme>;
+    className?: string;
 }
 /**
  * Mensaje de éxito / error / advertencia en forma de alerta inline o modal.
@@ -24,5 +31,5 @@ export interface StatusMessageProps {
  *   visibilidad. Al llamar `close`, se oculta automáticamente.
  * - **Controlled**: pasando `open`, el consumer decide cuándo mostrar/ocultar.
  */
-export declare const StatusMessage: FC<StatusMessageProps>;
+export declare const StatusMessage: import('react').ForwardRefExoticComponent<StatusMessageProps & import('react').RefAttributes<HTMLDivElement>>;
 export default StatusMessage;

package/components/StatusMessage/StatusMessageContext.d.cts

@@ -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/StatusMessageContext.d.mts

@@ -0,0 +1,16 @@
+import { Dispatch, SetStateAction, ReactNode } from 'react';
+import { StatusMessageProps } from './StatusMessage.mjs';
+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/index.cjs

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const StatusMessage = require("../../chunks/StatusMessage-CV1xnzeu.cjs");
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const initialValues = {
+  state: void 0,
+  setMessage: () => {
+  },
+  cleanMessage: () => {
+  }
+};
+const StatusMessageContext = React.createContext(initialValues);
+const useStatusMessageContext = () => React.useContext(StatusMessageContext);
+const StatusMessageProvider = ({ children }) => {
+  const [stateMessage, setMessage] = React.useState(void 0);
+  const cleanMessage = () => {
+    setMessage(void 0);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(StatusMessageContext.Provider, { value: { setMessage, cleanMessage, state: stateMessage }, children });
+};
+exports.StatusMessage = StatusMessage.StatusMessage;
+exports.default = StatusMessage.StatusMessage;
+exports.StatusMessageProvider = StatusMessageProvider;
+exports.useStatusMessageContext = useStatusMessageContext;
+//# sourceMappingURL=index.cjs.map

package/components/StatusMessage/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/components/StatusMessage/StatusMessageContext.tsx"],"sourcesContent":["import {\n  createContext,\n  useState,\n  useContext,\n  type Dispatch,\n  type SetStateAction,\n  type ReactNode,\n} from 'react';\nimport type { StatusMessageProps } from './StatusMessage';\n\nexport type StatusMessageState = {\n  [K in 'title' | 'description' | 'messageType']: StatusMessageProps[K] | undefined;\n} & Pick<StatusMessageProps, 'displayType'>;\n\ninterface StatusMessageContextValue {\n  state: StatusMessageState | undefined;\n  setMessage: Dispatch<SetStateAction<StatusMessageState | undefined>>;\n  cleanMessage: () => void;\n}\n\nconst initialValues: StatusMessageContextValue = {\n  state: undefined,\n  setMessage: () => {},\n  cleanMessage: () => {},\n};\n\nconst StatusMessageContext = createContext<StatusMessageContextValue>(initialValues);\n\nexport const useStatusMessageContext = () => useContext(StatusMessageContext);\n\ninterface StatusMessageProviderProps {\n  children: ReactNode;\n}\n\nexport const StatusMessageProvider = ({ children }: StatusMessageProviderProps) => {\n  const [stateMessage, setMessage] = useState<StatusMessageState | undefined>(undefined);\n  const cleanMessage = () => {\n    setMessage(undefined);\n  };\n\n  return (\n    <StatusMessageContext.Provider value={{ setMessage, cleanMessage, state: stateMessage }}>\n      {children}\n    </StatusMessageContext.Provider>\n  );\n};\n"],"names":["createContext","useContext","useState","jsx"],"mappings":";;;;;AAoBA,MAAM,gBAA2C;AAAA,EAC/C,OAAO;AAAA,EACP,YAAY,MAAM;AAAA,EAAC;AAAA,EACnB,cAAc,MAAM;AAAA,EAAC;AACvB;AAEA,MAAM,uBAAuBA,MAAAA,cAAyC,aAAa;AAE5E,MAAM,0BAA0B,MAAMC,MAAAA,WAAW,oBAAoB;AAMrE,MAAM,wBAAwB,CAAC,EAAE,eAA2C;AACjF,QAAM,CAAC,cAAc,UAAU,IAAIC,MAAAA,SAAyC,MAAS;AACrF,QAAM,eAAe,MAAM;AACzB,eAAW,MAAS;AAAA,EACtB;AAEA,SACEC,+BAAC,qBAAqB,UAArB,EAA8B,OAAO,EAAE,YAAY,cAAc,OAAO,aAAA,GACtE,SAAA,CACH;AAEJ;;;;;"}

package/components/StatusMessage/index.d.cts

@@ -0,0 +1,4 @@
+export { StatusMessage, default } from './StatusMessage';
+export type { StatusMessageProps } from './StatusMessage';
+export { StatusMessageProvider, useStatusMessageContext, } from './StatusMessageContext';
+export type { StatusMessageState } from './StatusMessageContext';

package/components/StatusMessage/index.d.mts

@@ -0,0 +1,4 @@
+export { StatusMessage, default } from './StatusMessage.mjs';
+export type { StatusMessageProps } from './StatusMessage.mjs';
+export { StatusMessageProvider, useStatusMessageContext, } from './StatusMessageContext.mjs';
+export type { StatusMessageState } from './StatusMessageContext.mjs';

package/components/StatusMessage/index.mjs

@@ -0,0 +1,26 @@
+import { S, S as S2 } from "../../chunks/StatusMessage-B0oqiu3w.mjs";
+import { jsx } from "react/jsx-runtime";
+import { useContext, useState, createContext } from "react";
+const initialValues = {
+  state: void 0,
+  setMessage: () => {
+  },
+  cleanMessage: () => {
+  }
+};
+const StatusMessageContext = createContext(initialValues);
+const useStatusMessageContext = () => useContext(StatusMessageContext);
+const StatusMessageProvider = ({ children }) => {
+  const [stateMessage, setMessage] = useState(void 0);
+  const cleanMessage = () => {
+    setMessage(void 0);
+  };
+  return /* @__PURE__ */ jsx(StatusMessageContext.Provider, { value: { setMessage, cleanMessage, state: stateMessage }, children });
+};
+export {
+  S as StatusMessage,
+  StatusMessageProvider,
+  S2 as default,
+  useStatusMessageContext
+};
+//# sourceMappingURL=index.mjs.map

package/components/StatusMessage/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../src/components/StatusMessage/StatusMessageContext.tsx"],"sourcesContent":["import {\n  createContext,\n  useState,\n  useContext,\n  type Dispatch,\n  type SetStateAction,\n  type ReactNode,\n} from 'react';\nimport type { StatusMessageProps } from './StatusMessage';\n\nexport type StatusMessageState = {\n  [K in 'title' | 'description' | 'messageType']: StatusMessageProps[K] | undefined;\n} & Pick<StatusMessageProps, 'displayType'>;\n\ninterface StatusMessageContextValue {\n  state: StatusMessageState | undefined;\n  setMessage: Dispatch<SetStateAction<StatusMessageState | undefined>>;\n  cleanMessage: () => void;\n}\n\nconst initialValues: StatusMessageContextValue = {\n  state: undefined,\n  setMessage: () => {},\n  cleanMessage: () => {},\n};\n\nconst StatusMessageContext = createContext<StatusMessageContextValue>(initialValues);\n\nexport const useStatusMessageContext = () => useContext(StatusMessageContext);\n\ninterface StatusMessageProviderProps {\n  children: ReactNode;\n}\n\nexport const StatusMessageProvider = ({ children }: StatusMessageProviderProps) => {\n  const [stateMessage, setMessage] = useState<StatusMessageState | undefined>(undefined);\n  const cleanMessage = () => {\n    setMessage(undefined);\n  };\n\n  return (\n    <StatusMessageContext.Provider value={{ setMessage, cleanMessage, state: stateMessage }}>\n      {children}\n    </StatusMessageContext.Provider>\n  );\n};\n"],"names":[],"mappings":";;;AAoBA,MAAM,gBAA2C;AAAA,EAC/C,OAAO;AAAA,EACP,YAAY,MAAM;AAAA,EAAC;AAAA,EACnB,cAAc,MAAM;AAAA,EAAC;AACvB;AAEA,MAAM,uBAAuB,cAAyC,aAAa;AAE5E,MAAM,0BAA0B,MAAM,WAAW,oBAAoB;AAMrE,MAAM,wBAAwB,CAAC,EAAE,eAA2C;AACjF,QAAM,CAAC,cAAc,UAAU,IAAI,SAAyC,MAAS;AACrF,QAAM,eAAe,MAAM;AACzB,eAAW,MAAS;AAAA,EACtB;AAEA,SACE,oBAAC,qBAAqB,UAArB,EAA8B,OAAO,EAAE,YAAY,cAAc,OAAO,aAAA,GACtE,SAAA,CACH;AAEJ;"}

package/components/StatusMessage.d.cts

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

package/components/StatusMessage.d.mts

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

package/components/Stepper/Step.d.cts

@@ -0,0 +1,18 @@
+import { default as React } from 'react';
+import { StepProps as MuiStepProps } from '@mui/material';
+type PickMuiStepProps = Pick<MuiStepProps, "completed" | "disabled" | "sx" | "className">;
+export interface StepProps extends PickMuiStepProps {
+    label: React.ReactNode;
+    children?: React.ReactNode;
+    disabled?: boolean;
+    sx?: object;
+    dotColor?: string;
+    activeDotColor?: string;
+    completedDotColor?: string;
+    iconTextColor?: string;
+}
+export declare const Step: {
+    (_: StepProps): null;
+    displayName: string;
+};
+export default Step;

package/components/Stepper/Step.d.mts

@@ -0,0 +1,18 @@
+import { default as React } from 'react';
+import { StepProps as MuiStepProps } from '@mui/material';
+type PickMuiStepProps = Pick<MuiStepProps, "completed" | "disabled" | "sx" | "className">;
+export interface StepProps extends PickMuiStepProps {
+    label: React.ReactNode;
+    children?: React.ReactNode;
+    disabled?: boolean;
+    sx?: object;
+    dotColor?: string;
+    activeDotColor?: string;
+    completedDotColor?: string;
+    iconTextColor?: string;
+}
+export declare const Step: {
+    (_: StepProps): null;
+    displayName: string;
+};
+export default Step;

package/components/Stepper/Stepper.d.cts

@@ -0,0 +1,18 @@
+import { ReactNode } from 'react';
+import { SxProps, Theme } from '@mui/material';
+export interface StepperProps {
+    /** Uno o varios `<Step>`. Children que no sean `<Step>` se ignoran. */
+    children: ReactNode;
+    orientation?: 'horizontal' | 'vertical';
+    alternateLabel?: boolean;
+    /**
+     * Índice 0-based del paso activo. Si no se provee, el Stepper intenta
+     * leerlo del `StepperContext` (si está dentro de un `<StepperProvider>`).
+     * Si tampoco hay provider, el default es 0.
+     */
+    currentStep?: number;
+    keepMounted?: boolean;
+    sx?: SxProps<Theme>;
+}
+export declare const Stepper: import('react').ForwardRefExoticComponent<StepperProps & import('react').RefAttributes<HTMLDivElement>>;
+export default Stepper;

package/components/Stepper/Stepper.d.mts

@@ -0,0 +1,18 @@
+import { ReactNode } from 'react';
+import { SxProps, Theme } from '@mui/material';
+export interface StepperProps {
+    /** Uno o varios `<Step>`. Children que no sean `<Step>` se ignoran. */
+    children: ReactNode;
+    orientation?: 'horizontal' | 'vertical';
+    alternateLabel?: boolean;
+    /**
+     * Índice 0-based del paso activo. Si no se provee, el Stepper intenta
+     * leerlo del `StepperContext` (si está dentro de un `<StepperProvider>`).
+     * Si tampoco hay provider, el default es 0.
+     */
+    currentStep?: number;
+    keepMounted?: boolean;
+    sx?: SxProps<Theme>;
+}
+export declare const Stepper: import('react').ForwardRefExoticComponent<StepperProps & import('react').RefAttributes<HTMLDivElement>>;
+export default Stepper;

package/components/Stepper/Stepper.d.ts

@@ -1,4 +1,5 @@
-import { FC, ReactNode } from 'react';
+import { ReactNode } from 'react';
+import { SxProps, Theme } from '@mui/material';
 export interface StepperProps {
     /** Uno o varios `<Step>`. Children que no sean `<Step>` se ignoran. */
     children: ReactNode;
@@ -11,7 +12,7 @@ export interface StepperProps {
      */
     currentStep?: number;
     keepMounted?: boolean;
-    sx?: object;
+    sx?: SxProps<Theme>;
 }
-export declare const Stepper: FC<StepperProps>;
+export declare const Stepper: import('react').ForwardRefExoticComponent<StepperProps & import('react').RefAttributes<HTMLDivElement>>;
 export default Stepper;

package/components/Stepper/StepperContext.d.cts

@@ -0,0 +1,73 @@
+import { FC, ReactNode } from 'react';
+/**
+ * API expuesta por `useStepper()`.
+ */
+export interface StepperContextValue {
+    /** Índice del paso actual (0-based). */
+    currentStep: number;
+    /** Total de pasos del stepper. */
+    totalSteps: number;
+    /** True si `currentStep === 0`. */
+    isFirst: boolean;
+    /** True si `currentStep === totalSteps - 1`. */
+    isLast: boolean;
+    /** True tras ejecutar `submitStep()` desde el último paso. */
+    completed: boolean;
+    /** Avanza al siguiente paso (no pasa de `totalSteps - 1`). */
+    nextStep: () => void;
+    /** Retrocede al paso anterior (no baja de 0). */
+    prevStep: () => void;
+    /** Salta a un paso específico (0-based). No-op si fuera de rango. */
+    goToStep: (stepNumber: number) => void;
+    /**
+     * Envía el stepper. Marca `completed = true` y dispara el callback
+     * `onSubmit` del provider. En el último paso suele reemplazar a `nextStep`.
+     */
+    submitStep: () => void;
+    /** Resetea al paso inicial y limpia `completed`. */
+    reset: () => void;
+}
+export declare const StepperContext: import('react').Context<StepperContextValue>;
+/**
+ * Hook para consumir el `StepperContext` desde cualquier descendiente de
+ * `<StepperProvider>`.
+ *
+ * Si se llama fuera de un provider, devuelve los valores por defecto (no-op)
+ * para que componentes como `<Stepper>` puedan leerlo sin romper cuando no
+ * hay provider envolvente.
+ */
+export declare function useStepper(): StepperContextValue;
+export interface StepperProviderProps {
+    /** Número total de pasos. Requerido. */
+    totalSteps: number;
+    /** Paso inicial (0-based). Default: 0. */
+    initialStep?: number;
+    /**
+     * Callback disparado cuando se llama `submitStep()`. Recibe el paso actual.
+     * El paquete NO ejecuta ninguna petición; queda a cargo del consumer.
+     */
+    onSubmit?: (currentStep: number) => void;
+    /**
+     * Callback disparado en cada cambio de paso (next/prev/goTo).
+     * Útil para tracking o validaciones externas.
+     */
+    onStepChange?: (newStep: number, prevStep: number) => void;
+    children?: ReactNode;
+}
+/**
+ * Provider del stepper. Administra el `currentStep` internamente. El consumer
+ * no necesita gestionar estado — solo consumirlo con `useStepper()` desde
+ * cualquier descendiente.
+ *
+ * ```tsx
+ * <StepperProvider totalSteps={3} onSubmit={handleFinalSubmit}>
+ *   <Stepper>
+ *     <Step label="Paso 1"><StepOne /></Step>
+ *     <Step label="Paso 2"><StepTwo /></Step>
+ *     <Step label="Paso 3"><StepThree /></Step>
+ *   </Stepper>
+ *   <StepperControls />
+ * </StepperProvider>
+ * ```
+ */
+export declare const StepperProvider: FC<StepperProviderProps>;