@soyfri/shared-library 4.0.4 → 4.1.0

package/components/Icon/Icon.d.mts

@@ -0,0 +1,48 @@
+import { default as React, ReactNode } from 'react';
+import { SxProps, Theme } from '@mui/material/styles';
+export type IconSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export interface IconProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'color' | 'children'> {
+    /**
+     * Contenido del icono. Modo legacy: acepta un elemento MUI o SVG ya armado.
+     * Si se usa junto con `path` o `url`, `children` tiene prioridad.
+     */
+    children?: ReactNode;
+    /**
+     * Ruta SVG inline. Acepta dos formatos:
+     * - Solo el valor del atributo `d` de un `<path>` (ej. `"M12 2L2 22..."`).
+     * - Un SVG completo (ej. `"<svg>...</svg>"`).
+     *
+     * ⚠️ Seguridad: cuando el string empieza con `<svg`, se inyecta vía
+     * `dangerouslySetInnerHTML`. **NUNCA pasar contenido proveniente de input
+     * de usuario o de backends no confiables** — riesgo XSS.
+     */
+    path?: string;
+    /**
+     * URL a un archivo `.svg` (asset local o remoto). Se renderiza vía `<img>`.
+     * El color del icono NO aplica en este modo (limitación de `<img>`).
+     */
+    url?: string;
+    /** Alt text cuando se usa `url`. Default: `"icon"`. */
+    alt?: string;
+    /**
+     * ViewBox cuando se usa `path`. Default: `"0 0 24 24"`. Ignorado si `path`
+     * ya viene como `<svg>` completo.
+     */
+    viewBox?: string;
+    color?: string;
+    outlined?: boolean;
+    spin?: boolean;
+    badge?: string | number;
+    badgeColor?: 'primary' | 'secondary' | 'error';
+    badgePosition?: {
+        vertical: 'top' | 'bottom';
+        horizontal: 'right' | 'left';
+    };
+    size?: IconSize;
+    black?: boolean;
+    white?: boolean;
+    className?: string;
+    sx?: SxProps<Theme>;
+}
+export declare const Icon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<HTMLSpanElement>>;
+export default Icon;

package/components/Icon/Icon.d.ts

@@ -1,7 +1,7 @@
 import { default as React, ReactNode } from 'react';
 import { SxProps, Theme } from '@mui/material/styles';
 export type IconSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-export interface IconProps {
+export interface IconProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'color' | 'children'> {
     /**
      * Contenido del icono. Modo legacy: acepta un elemento MUI o SVG ya armado.
      * Si se usa junto con `path` o `url`, `children` tiene prioridad.
@@ -44,5 +44,5 @@ export interface IconProps {
     className?: string;
     sx?: SxProps<Theme>;
 }
-export declare const Icon: React.FC<IconProps>;
+export declare const Icon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<HTMLSpanElement>>;
 export default Icon;

package/components/Icon/index.cjs

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

package/components/Icon/index.cjs.map

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

package/components/Icon/index.d.cts

@@ -0,0 +1,2 @@
+export { Icon, default } from './Icon';
+export type { IconProps, IconSize } from './Icon';

package/components/Icon/index.d.mts

@@ -0,0 +1,2 @@
+export { Icon, default } from './Icon.mjs';
+export type { IconProps, IconSize } from './Icon.mjs';

package/components/Icon/index.mjs

@@ -0,0 +1,6 @@
+import { I, I as I2 } from "../../chunks/Icon-C5vYo9Is.mjs";
+export {
+  I as Icon,
+  I2 as default
+};
+//# sourceMappingURL=index.mjs.map

package/components/Icon/index.mjs.map

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

package/components/Icon.d.cts

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

package/components/Icon.d.mts

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

package/components/Input/Input.d.cts

@@ -0,0 +1,48 @@
+import { TextFieldProps } from '@mui/material';
+import { RegisterOptions } from 'react-hook-form';
+export type InputType = 'text' | 'number' | 'email' | 'password' | 'tel' | 'url' | 'search' | 'date' | 'datetime-local' | 'month' | 'week' | 'time' | 'color';
+export type LabelPosition = 'outside' | 'floating';
+export interface BaseInputProps extends Omit<TextFieldProps, 'value' | 'onChange' | 'type'> {
+    type?: InputType;
+    min?: number;
+    max?: number;
+    maxLength?: number;
+    /** Border radius del input. Default: 10 */
+    borderRadius?: number | string;
+    /** "outside" = label arriba del campo (default). "floating" = label clásico MUI dentro del borde */
+    labelPosition?: LabelPosition;
+    readOnly?: boolean;
+    /** Contenido al inicio del input (ej. icono de búsqueda). Atajo de `slotProps.input.startAdornment`. */
+    startAdornment?: React.ReactNode;
+    /** Contenido al final del input (ej. botón clear). Atajo de `slotProps.input.endAdornment`. */
+    endAdornment?: React.ReactNode;
+    /**
+     * Nombre del preset de estilo registrado en `theme.styles.Input`.
+     * - `"default"` (o ausente) = estilo built-in del paquete.
+     * - Cualquier otro string = mergea el preset encima del estilo built-in.
+     */
+    preset?: string;
+}
+export interface RHFInputProps extends BaseInputProps {
+    name: string;
+    control: any;
+    validation?: RegisterOptions;
+    /**
+     * Side-effect que corre después de que RHF actualiza el form state.
+     * Útil para cascadas entre campos (ej. reset de municipio al cambiar
+     * departamento). NO reemplaza al handler de RHF.
+     */
+    onValueChange?: (value: string | number) => void;
+    value?: never;
+    onChange?: never;
+}
+export interface ControlledInputProps extends BaseInputProps {
+    name?: string;
+    control?: never;
+    validation?: never;
+    value: string | number;
+    onChange: (value: string | number) => void;
+}
+export type InputProps = RHFInputProps | ControlledInputProps;
+export declare const Input: import('react').ForwardRefExoticComponent<(Omit<RHFInputProps, "ref"> | Omit<ControlledInputProps, "ref">) & import('react').RefAttributes<HTMLDivElement>>;
+export default Input;

package/components/Input/Input.d.mts

@@ -0,0 +1,48 @@
+import { TextFieldProps } from '@mui/material';
+import { RegisterOptions } from 'react-hook-form';
+export type InputType = 'text' | 'number' | 'email' | 'password' | 'tel' | 'url' | 'search' | 'date' | 'datetime-local' | 'month' | 'week' | 'time' | 'color';
+export type LabelPosition = 'outside' | 'floating';
+export interface BaseInputProps extends Omit<TextFieldProps, 'value' | 'onChange' | 'type'> {
+    type?: InputType;
+    min?: number;
+    max?: number;
+    maxLength?: number;
+    /** Border radius del input. Default: 10 */
+    borderRadius?: number | string;
+    /** "outside" = label arriba del campo (default). "floating" = label clásico MUI dentro del borde */
+    labelPosition?: LabelPosition;
+    readOnly?: boolean;
+    /** Contenido al inicio del input (ej. icono de búsqueda). Atajo de `slotProps.input.startAdornment`. */
+    startAdornment?: React.ReactNode;
+    /** Contenido al final del input (ej. botón clear). Atajo de `slotProps.input.endAdornment`. */
+    endAdornment?: React.ReactNode;
+    /**
+     * Nombre del preset de estilo registrado en `theme.styles.Input`.
+     * - `"default"` (o ausente) = estilo built-in del paquete.
+     * - Cualquier otro string = mergea el preset encima del estilo built-in.
+     */
+    preset?: string;
+}
+export interface RHFInputProps extends BaseInputProps {
+    name: string;
+    control: any;
+    validation?: RegisterOptions;
+    /**
+     * Side-effect que corre después de que RHF actualiza el form state.
+     * Útil para cascadas entre campos (ej. reset de municipio al cambiar
+     * departamento). NO reemplaza al handler de RHF.
+     */
+    onValueChange?: (value: string | number) => void;
+    value?: never;
+    onChange?: never;
+}
+export interface ControlledInputProps extends BaseInputProps {
+    name?: string;
+    control?: never;
+    validation?: never;
+    value: string | number;
+    onChange: (value: string | number) => void;
+}
+export type InputProps = RHFInputProps | ControlledInputProps;
+export declare const Input: import('react').ForwardRefExoticComponent<(Omit<RHFInputProps, "ref"> | Omit<ControlledInputProps, "ref">) & import('react').RefAttributes<HTMLDivElement>>;
+export default Input;

package/components/Input/Input.d.ts

@@ -44,5 +44,5 @@ export interface ControlledInputProps extends BaseInputProps {
     onChange: (value: string | number) => void;
 }
 export type InputProps = RHFInputProps | ControlledInputProps;
-export declare const Input: React.FC<InputProps>;
+export declare const Input: import('react').ForwardRefExoticComponent<(Omit<RHFInputProps, "ref"> | Omit<ControlledInputProps, "ref">) & import('react').RefAttributes<HTMLDivElement>>;
 export default Input;

package/components/Input/Input.helpers.d.cts

@@ -0,0 +1,14 @@
+import { InputHTMLAttributes, ReactNode } from 'react';
+import { TextFieldProps } from '@mui/material';
+import { InputType } from './Input';
+/**
+ * Convierte el valor raw del evento al tipo apropiado.
+ * Para type="number" intenta parsear a número; si falla, devuelve el raw
+ * (permite estados intermedios como "" o "-" mientras el usuario tipea).
+ */
+export declare const parseValue: (raw: string, type: InputType) => string | number;
+/**
+ * Construye los slotProps del TextField consolidando htmlInput + inputLabel.
+ * Maneja los atributos min/max cuando type="number", maxLength y readOnly.
+ */
+export declare const buildSlotProps: (type: InputType, min: number | undefined, max: number | undefined, maxLength: number | undefined, customSlotProps: TextFieldProps["slotProps"], customInputProps: InputHTMLAttributes<HTMLInputElement> | undefined, readOnly?: boolean, startAdornment?: ReactNode, endAdornment?: ReactNode) => TextFieldProps["slotProps"];

package/components/Input/Input.helpers.d.mts

@@ -0,0 +1,14 @@
+import { InputHTMLAttributes, ReactNode } from 'react';
+import { TextFieldProps } from '@mui/material';
+import { InputType } from './Input.mjs';
+/**
+ * Convierte el valor raw del evento al tipo apropiado.
+ * Para type="number" intenta parsear a número; si falla, devuelve el raw
+ * (permite estados intermedios como "" o "-" mientras el usuario tipea).
+ */
+export declare const parseValue: (raw: string, type: InputType) => string | number;
+/**
+ * Construye los slotProps del TextField consolidando htmlInput + inputLabel.
+ * Maneja los atributos min/max cuando type="number", maxLength y readOnly.
+ */
+export declare const buildSlotProps: (type: InputType, min: number | undefined, max: number | undefined, maxLength: number | undefined, customSlotProps: TextFieldProps["slotProps"], customInputProps: InputHTMLAttributes<HTMLInputElement> | undefined, readOnly?: boolean, startAdornment?: ReactNode, endAdornment?: ReactNode) => TextFieldProps["slotProps"];

package/components/Input/Input.sx.d.cts

@@ -0,0 +1,11 @@
+import { TextFieldProps } from '@mui/material';
+import { CSSObject, Theme } from '@mui/material/styles';
+import { LabelPosition } from './Input';
+/** Estilo de fábrica del Input, en CSS real (para `styled()`). */
+export declare const buildInputStyles: (theme: Theme, borderRadius: number | string, labelPosition: LabelPosition) => CSSObject;
+/**
+ * @deprecated El Input ya no lo usa: su estilo de fábrica vive en el `styled()`
+ * del componente para que `theme.components.FriInput.styleOverrides` pueda
+ * ganarle. Preferir `buildInputStyles(theme, borderRadius, labelPosition)`.
+ */
+export declare const buildInputSx: (borderRadius: number | string, labelPosition: LabelPosition) => TextFieldProps["sx"];

package/components/Input/Input.sx.d.mts

@@ -0,0 +1,11 @@
+import { TextFieldProps } from '@mui/material';
+import { CSSObject, Theme } from '@mui/material/styles';
+import { LabelPosition } from './Input.mjs';
+/** Estilo de fábrica del Input, en CSS real (para `styled()`). */
+export declare const buildInputStyles: (theme: Theme, borderRadius: number | string, labelPosition: LabelPosition) => CSSObject;
+/**
+ * @deprecated El Input ya no lo usa: su estilo de fábrica vive en el `styled()`
+ * del componente para que `theme.components.FriInput.styleOverrides` pueda
+ * ganarle. Preferir `buildInputStyles(theme, borderRadius, labelPosition)`.
+ */
+export declare const buildInputSx: (borderRadius: number | string, labelPosition: LabelPosition) => TextFieldProps["sx"];

package/components/Input/Input.sx.d.ts

@@ -1,8 +1,11 @@
 import { TextFieldProps } from '@mui/material';
+import { CSSObject, Theme } from '@mui/material/styles';
 import { LabelPosition } from './Input';
+/** Estilo de fábrica del Input, en CSS real (para `styled()`). */
+export declare const buildInputStyles: (theme: Theme, borderRadius: number | string, labelPosition: LabelPosition) => CSSObject;
 /**
- * Builder de sx para el Input. Usa el builder compartido
- * `buildFormFieldSx` y añade overrides específicos de TextField
- * (padding del input base, filled, standard).
+ * @deprecated El Input ya no lo usa: su estilo de fábrica vive en el `styled()`
+ * del componente para que `theme.components.FriInput.styleOverrides` pueda
+ * ganarle. Preferir `buildInputStyles(theme, borderRadius, labelPosition)`.
  */
 export declare const buildInputSx: (borderRadius: number | string, labelPosition: LabelPosition) => TextFieldProps["sx"];

package/components/Input/index.cjs

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

package/components/Input/index.cjs.map

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

package/components/Input/index.d.cts

@@ -0,0 +1,2 @@
+export { Input, default } from './Input';
+export type { InputProps, BaseInputProps, RHFInputProps, ControlledInputProps, InputType, LabelPosition, } from './Input';

package/components/Input/index.d.mts

@@ -0,0 +1,2 @@
+export { Input, default } from './Input.mjs';
+export type { InputProps, BaseInputProps, RHFInputProps, ControlledInputProps, InputType, LabelPosition, } from './Input.mjs';

package/components/Input/index.mjs

@@ -0,0 +1,6 @@
+import { I, I as I2 } from "../../chunks/Input-BOt_sv7B.mjs";
+export {
+  I as Input,
+  I2 as default
+};
+//# sourceMappingURL=index.mjs.map

package/components/Input/index.mjs.map

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

package/components/Input.d.cts

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

package/components/Input.d.mts

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

package/components/InputGroup/InputGroup.d.cts

@@ -0,0 +1,41 @@
+import { default as React } from 'react';
+import { BoxProps, SxProps, Theme } from '@mui/material';
+export interface InputGroupProps extends Omit<BoxProps, 'children'> {
+    children: React.ReactNode;
+    /**
+     * sx aplicado al contenedor raíz del grupo. Se mergea sobre los defaults.
+     */
+    sx?: SxProps<Theme>;
+    /**
+     * sx aplicado a cada slot individual. Útil para controlar flex/gap entre
+     * los hijos del grupo.
+     */
+    slotSx?: SxProps<Theme>;
+    /**
+     * Radio del borde del grupo. Default: 10.
+     */
+    borderRadius?: number | string;
+    /**
+     * Desactiva visualmente el grupo (no cascada lógica — los hijos deben
+     * manejar su propio `disabled`).
+     */
+    disabled?: boolean;
+    /**
+     * Orientación del grupo. Default: 'horizontal'.
+     */
+    orientation?: 'horizontal' | 'vertical';
+}
+/**
+ * Agrupa visualmente varios componentes de entrada (Input / Select / DatePicker /
+ * Button, etc.) compartiendo un solo borde y con separadores internos.
+ *
+ * El grupo respeta el espacio que Input/Select reservan para su label `outside`
+ * (`LABEL_MARGIN_TOP`) moviendo ese reservado al contenedor externo y
+ * cancelándolo en los hijos. Los labels siguen flotando por encima del borde
+ * del grupo con la misma animación que fuera del grupo.
+ *
+ * No inspecciona el tipo de cada hijo; aplica los overrides a través de
+ * descendant selectors por CSS para funcionar con cualquier wrapper / memoizado.
+ */
+export declare const InputGroup: React.ForwardRefExoticComponent<Omit<InputGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export default InputGroup;

package/components/InputGroup/InputGroup.d.mts

@@ -0,0 +1,41 @@
+import { default as React } from 'react';
+import { BoxProps, SxProps, Theme } from '@mui/material';
+export interface InputGroupProps extends Omit<BoxProps, 'children'> {
+    children: React.ReactNode;
+    /**
+     * sx aplicado al contenedor raíz del grupo. Se mergea sobre los defaults.
+     */
+    sx?: SxProps<Theme>;
+    /**
+     * sx aplicado a cada slot individual. Útil para controlar flex/gap entre
+     * los hijos del grupo.
+     */
+    slotSx?: SxProps<Theme>;
+    /**
+     * Radio del borde del grupo. Default: 10.
+     */
+    borderRadius?: number | string;
+    /**
+     * Desactiva visualmente el grupo (no cascada lógica — los hijos deben
+     * manejar su propio `disabled`).
+     */
+    disabled?: boolean;
+    /**
+     * Orientación del grupo. Default: 'horizontal'.
+     */
+    orientation?: 'horizontal' | 'vertical';
+}
+/**
+ * Agrupa visualmente varios componentes de entrada (Input / Select / DatePicker /
+ * Button, etc.) compartiendo un solo borde y con separadores internos.
+ *
+ * El grupo respeta el espacio que Input/Select reservan para su label `outside`
+ * (`LABEL_MARGIN_TOP`) moviendo ese reservado al contenedor externo y
+ * cancelándolo en los hijos. Los labels siguen flotando por encima del borde
+ * del grupo con la misma animación que fuera del grupo.
+ *
+ * No inspecciona el tipo de cada hijo; aplica los overrides a través de
+ * descendant selectors por CSS para funcionar con cualquier wrapper / memoizado.
+ */
+export declare const InputGroup: React.ForwardRefExoticComponent<Omit<InputGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export default InputGroup;

package/components/InputGroup/InputGroup.d.ts

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
-import { SxProps, Theme } from '@mui/material';
-export interface InputGroupProps {
+import { BoxProps, SxProps, Theme } from '@mui/material';
+export interface InputGroupProps extends Omit<BoxProps, 'children'> {
     children: React.ReactNode;
     /**
      * sx aplicado al contenedor raíz del grupo. Se mergea sobre los defaults.
@@ -24,7 +24,6 @@ export interface InputGroupProps {
      * Orientación del grupo. Default: 'horizontal'.
      */
     orientation?: 'horizontal' | 'vertical';
-    className?: string;
 }
 /**
  * Agrupa visualmente varios componentes de entrada (Input / Select / DatePicker /
@@ -38,5 +37,5 @@ export interface InputGroupProps {
  * No inspecciona el tipo de cada hijo; aplica los overrides a través de
  * descendant selectors por CSS para funcionar con cualquier wrapper / memoizado.
  */
-export declare const InputGroup: React.FC<InputGroupProps>;
+export declare const InputGroup: React.ForwardRefExoticComponent<Omit<InputGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export default InputGroup;

package/components/InputGroup/index.cjs

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

package/components/InputGroup/index.cjs.map

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

package/components/InputGroup/index.d.cts

@@ -0,0 +1,2 @@
+export { InputGroup, default } from './InputGroup';
+export type { InputGroupProps } from './InputGroup';

package/components/InputGroup/index.d.mts

@@ -0,0 +1,2 @@
+export { InputGroup, default } from './InputGroup.mjs';
+export type { InputGroupProps } from './InputGroup.mjs';

package/components/InputGroup/index.mjs

@@ -0,0 +1,6 @@
+import { I, I as I2 } from "../../chunks/InputGroup-DIMk8yiS.mjs";
+export {
+  I as InputGroup,
+  I2 as default
+};
+//# sourceMappingURL=index.mjs.map

package/components/InputGroup/index.mjs.map

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

package/components/InputGroup.d.cts

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

package/components/InputGroup.d.mts

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

package/components/MenuButton/MenuButton.d.cts

@@ -0,0 +1,24 @@
+import { default as React, ReactNode } from 'react';
+import { ButtonProps } from '@mui/material/Button';
+export interface MenuOption {
+    label: string;
+    action: () => void;
+    icon?: ReactNode;
+}
+export interface MenuButtonProps {
+    buttonText?: string;
+    buttonIcon?: ReactNode;
+    options: MenuOption[];
+    variant?: ButtonProps['variant'];
+    /**
+     * Nombre accesible del botón. Obligatorio en la práctica cuando el disparador
+     * es solo un ícono (`buttonText` vacío): sin esto el botón queda sin nombre
+     * para lectores de pantalla, que es el caso de los menús de acción por fila.
+     *
+     * **Se ignora cuando hay `buttonText`**: ahí el nombre accesible lo da el
+     * texto visible. Ver el comentario en el `<Button>`.
+     */
+    'aria-label'?: string;
+}
+export declare const MenuButton: React.FC<MenuButtonProps>;
+export default MenuButton;

package/components/MenuButton/MenuButton.d.mts

@@ -0,0 +1,24 @@
+import { default as React, ReactNode } from 'react';
+import { ButtonProps } from '@mui/material/Button';
+export interface MenuOption {
+    label: string;
+    action: () => void;
+    icon?: ReactNode;
+}
+export interface MenuButtonProps {
+    buttonText?: string;
+    buttonIcon?: ReactNode;
+    options: MenuOption[];
+    variant?: ButtonProps['variant'];
+    /**
+     * Nombre accesible del botón. Obligatorio en la práctica cuando el disparador
+     * es solo un ícono (`buttonText` vacío): sin esto el botón queda sin nombre
+     * para lectores de pantalla, que es el caso de los menús de acción por fila.
+     *
+     * **Se ignora cuando hay `buttonText`**: ahí el nombre accesible lo da el
+     * texto visible. Ver el comentario en el `<Button>`.
+     */
+    'aria-label'?: string;
+}
+export declare const MenuButton: React.FC<MenuButtonProps>;
+export default MenuButton;

package/components/MenuButton/MenuButton.d.ts

@@ -5,7 +5,7 @@ export interface MenuOption {
     action: () => void;
     icon?: ReactNode;
 }
-interface MenuButtonProps {
+export interface MenuButtonProps {
     buttonText?: string;
     buttonIcon?: ReactNode;
     options: MenuOption[];
@@ -14,6 +14,9 @@ interface MenuButtonProps {
      * Nombre accesible del botón. Obligatorio en la práctica cuando el disparador
      * es solo un ícono (`buttonText` vacío): sin esto el botón queda sin nombre
      * para lectores de pantalla, que es el caso de los menús de acción por fila.
+     *
+     * **Se ignora cuando hay `buttonText`**: ahí el nombre accesible lo da el
+     * texto visible. Ver el comentario en el `<Button>`.
      */
     'aria-label'?: string;
 }

package/components/MenuButton/index.cjs

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const MenuButton = require("../../chunks/MenuButton-BqCkrXmM.cjs");
+exports.MenuButton = MenuButton.MenuButton;
+//# sourceMappingURL=index.cjs.map

package/components/MenuButton/index.cjs.map

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

package/components/MenuButton/index.d.cts

@@ -0,0 +1,2 @@
+export { default as MenuButton } from './MenuButton';
+export type { MenuButtonProps, MenuOption } from './MenuButton';

package/components/MenuButton/index.d.mts

@@ -0,0 +1,2 @@
+export { default as MenuButton } from './MenuButton.mjs';
+export type { MenuButtonProps, MenuOption } from './MenuButton.mjs';

package/components/MenuButton/index.d.ts

@@ -1 +1,2 @@
 export { default as MenuButton } from './MenuButton';
+export type { MenuButtonProps, MenuOption } from './MenuButton';

package/components/MenuButton/index.mjs

@@ -0,0 +1,5 @@
+import { M } from "../../chunks/MenuButton-DUlSw-sF.mjs";
+export {
+  M as MenuButton
+};
+//# sourceMappingURL=index.mjs.map

package/components/MenuButton/index.mjs.map

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

package/components/MenuButton.d.cts

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

package/components/MenuButton.d.mts

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