@soyfri/shared-library 4.0.2 → 4.1.0

package/components/Autocomplete/Autocomplete.helpers.d.cts

@@ -0,0 +1,22 @@
+import { SxProps, Theme } from '@mui/material/styles';
+import { AutocompleteValueKey, SelectOption } from './Autocomplete';
+/** Resuelve un value único a su SelectOption dentro del pool. */
+export declare const resolveSingleValue: <TValue>(options: SelectOption<TValue>[], value: TValue | null | undefined, getKey: (v: TValue) => AutocompleteValueKey) => SelectOption<TValue> | null;
+/** Resuelve un array de values a sus SelectOption dentro del pool. */
+export declare const resolveMultipleValue: <TValue>(options: SelectOption<TValue>[], value: TValue[] | null | undefined, getKey: (v: TValue) => AutocompleteValueKey) => SelectOption<TValue>[];
+/** Merge de sx base + extra del consumer, respetando el contrato de MUI. */
+export declare const mergeSx: (base: SxProps<Theme>, extra?: SxProps<Theme>) => SxProps<Theme>;
+/**
+ * Compara dos valores resueltos (single o multiple) estructuralmente para
+ * decidir si se puede reusar la referencia previa. Se usa para estabilizar la
+ * referencia que se pasa a MUI Autocomplete (MUI compara value por referencia
+ * con `!==`, y una nueva referencia — aunque el contenido sea igual — dispara
+ * `resetInputValue` y borra el texto mientras el usuario tipea).
+ *
+ * Comparamos todas las props del SelectOption, no solo `value`, para que un
+ * refresh de metadata (label/img/etc.) invalide la referencia estabilizada
+ * y la UI muestre los datos actualizados.
+ */
+export declare const areResolvedValuesEqual: <TValue>(prev: SelectOption<TValue> | SelectOption<TValue>[] | null, next: SelectOption<TValue> | SelectOption<TValue>[] | null, multiple: boolean, getKey: (v: TValue) => AutocompleteValueKey) => boolean;
+/** Determina si un valor resuelto está vacío (para placeholder/shrink). */
+export declare const isResolvedValueEmpty: (resolvedValue: unknown, multiple: boolean) => boolean;

package/components/Autocomplete/Autocomplete.helpers.d.mts

@@ -0,0 +1,22 @@
+import { SxProps, Theme } from '@mui/material/styles';
+import { AutocompleteValueKey, SelectOption } from './Autocomplete.mjs';
+/** Resuelve un value único a su SelectOption dentro del pool. */
+export declare const resolveSingleValue: <TValue>(options: SelectOption<TValue>[], value: TValue | null | undefined, getKey: (v: TValue) => AutocompleteValueKey) => SelectOption<TValue> | null;
+/** Resuelve un array de values a sus SelectOption dentro del pool. */
+export declare const resolveMultipleValue: <TValue>(options: SelectOption<TValue>[], value: TValue[] | null | undefined, getKey: (v: TValue) => AutocompleteValueKey) => SelectOption<TValue>[];
+/** Merge de sx base + extra del consumer, respetando el contrato de MUI. */
+export declare const mergeSx: (base: SxProps<Theme>, extra?: SxProps<Theme>) => SxProps<Theme>;
+/**
+ * Compara dos valores resueltos (single o multiple) estructuralmente para
+ * decidir si se puede reusar la referencia previa. Se usa para estabilizar la
+ * referencia que se pasa a MUI Autocomplete (MUI compara value por referencia
+ * con `!==`, y una nueva referencia — aunque el contenido sea igual — dispara
+ * `resetInputValue` y borra el texto mientras el usuario tipea).
+ *
+ * Comparamos todas las props del SelectOption, no solo `value`, para que un
+ * refresh de metadata (label/img/etc.) invalide la referencia estabilizada
+ * y la UI muestre los datos actualizados.
+ */
+export declare const areResolvedValuesEqual: <TValue>(prev: SelectOption<TValue> | SelectOption<TValue>[] | null, next: SelectOption<TValue> | SelectOption<TValue>[] | null, multiple: boolean, getKey: (v: TValue) => AutocompleteValueKey) => boolean;
+/** Determina si un valor resuelto está vacío (para placeholder/shrink). */
+export declare const isResolvedValueEmpty: (resolvedValue: unknown, multiple: boolean) => boolean;

package/components/Autocomplete/Autocomplete.helpers.d.ts

@@ -1,9 +1,9 @@
 import { SxProps, Theme } from '@mui/material/styles';
-import { SelectOption } from './Autocomplete';
+import { AutocompleteValueKey, SelectOption } from './Autocomplete';
 /** Resuelve un value único a su SelectOption dentro del pool. */
-export declare const resolveSingleValue: (options: SelectOption[], value: SelectOption["value"] | null | undefined) => SelectOption | null;
+export declare const resolveSingleValue: <TValue>(options: SelectOption<TValue>[], value: TValue | null | undefined, getKey: (v: TValue) => AutocompleteValueKey) => SelectOption<TValue> | null;
 /** Resuelve un array de values a sus SelectOption dentro del pool. */
-export declare const resolveMultipleValue: (options: SelectOption[], value: SelectOption["value"][] | null | undefined) => SelectOption[];
+export declare const resolveMultipleValue: <TValue>(options: SelectOption<TValue>[], value: TValue[] | null | undefined, getKey: (v: TValue) => AutocompleteValueKey) => SelectOption<TValue>[];
 /** Merge de sx base + extra del consumer, respetando el contrato de MUI. */
 export declare const mergeSx: (base: SxProps<Theme>, extra?: SxProps<Theme>) => SxProps<Theme>;
 /**
@@ -17,6 +17,6 @@ export declare const mergeSx: (base: SxProps<Theme>, extra?: SxProps<Theme>) =>
  * refresh de metadata (label/img/etc.) invalide la referencia estabilizada
  * y la UI muestre los datos actualizados.
  */
-export declare const areResolvedValuesEqual: (prev: SelectOption | SelectOption[] | null, next: SelectOption | SelectOption[] | null, multiple: boolean) => boolean;
+export declare const areResolvedValuesEqual: <TValue>(prev: SelectOption<TValue> | SelectOption<TValue>[] | null, next: SelectOption<TValue> | SelectOption<TValue>[] | null, multiple: boolean, getKey: (v: TValue) => AutocompleteValueKey) => boolean;
 /** Determina si un valor resuelto está vacío (para placeholder/shrink). */
 export declare const isResolvedValueEmpty: (resolvedValue: unknown, multiple: boolean) => boolean;

package/components/Autocomplete/Autocomplete.sx.d.cts

@@ -0,0 +1,12 @@
+import { CSSObject, SxProps, Theme } from '@mui/material/styles';
+import { LabelPosition } from './Autocomplete';
+/** Estilo de fábrica del Autocomplete, en CSS real (para `styled()`). */
+export declare const buildAutocompleteStyles: (theme: Theme, borderRadius: number | string, labelPosition: LabelPosition) => CSSObject;
+/**
+ * Builder del sx del Autocomplete — **en uso**. A diferencia del resto de los
+ * campos, este componente no se migró a `styled()`: su root es el
+ * `MuiAutocomplete` genérico y envolverlo obliga a castear a `any`, lo que
+ * tira abajo la inferencia de todos sus callbacks de render. Ver la nota en
+ * `Autocomplete.tsx`.
+ */
+export declare const buildAutocompleteSx: (borderRadius: number | string, labelPosition: LabelPosition) => SxProps<Theme>;

package/components/Autocomplete/Autocomplete.sx.d.mts

@@ -0,0 +1,12 @@
+import { CSSObject, SxProps, Theme } from '@mui/material/styles';
+import { LabelPosition } from './Autocomplete.mjs';
+/** Estilo de fábrica del Autocomplete, en CSS real (para `styled()`). */
+export declare const buildAutocompleteStyles: (theme: Theme, borderRadius: number | string, labelPosition: LabelPosition) => CSSObject;
+/**
+ * Builder del sx del Autocomplete — **en uso**. A diferencia del resto de los
+ * campos, este componente no se migró a `styled()`: su root es el
+ * `MuiAutocomplete` genérico y envolverlo obliga a castear a `any`, lo que
+ * tira abajo la inferencia de todos sus callbacks de render. Ver la nota en
+ * `Autocomplete.tsx`.
+ */
+export declare const buildAutocompleteSx: (borderRadius: number | string, labelPosition: LabelPosition) => SxProps<Theme>;

package/components/Autocomplete/Autocomplete.sx.d.ts

@@ -1,7 +1,12 @@
-import { SxProps, Theme } from '@mui/material/styles';
+import { CSSObject, SxProps, Theme } from '@mui/material/styles';
 import { LabelPosition } from './Autocomplete';
+/** Estilo de fábrica del Autocomplete, en CSS real (para `styled()`). */
+export declare const buildAutocompleteStyles: (theme: Theme, borderRadius: number | string, labelPosition: LabelPosition) => CSSObject;
 /**
- * Builder del sx del Autocomplete. Reutiliza `buildFormFieldSx` y añade
- * los paddings propios del Autocomplete (chips + input interno).
+ * Builder del sx del Autocomplete — **en uso**. A diferencia del resto de los
+ * campos, este componente no se migró a `styled()`: su root es el
+ * `MuiAutocomplete` genérico y envolverlo obliga a castear a `any`, lo que
+ * tira abajo la inferencia de todos sus callbacks de render. Ver la nota en
+ * `Autocomplete.tsx`.
  */
 export declare const buildAutocompleteSx: (borderRadius: number | string, labelPosition: LabelPosition) => SxProps<Theme>;

package/components/Autocomplete/_parts/AutocompleteChips.d.cts

@@ -0,0 +1,20 @@
+import { AutocompleteValueKey, SelectOption, RenderChipLabel, AutocompleteSize } from '../Autocomplete';
+interface AutocompleteChipsProps<TValue = AutocompleteValueKey> {
+    value: SelectOption<TValue>[];
+    getTagProps: (args: {
+        index: number;
+    }) => Record<string, any>;
+    size: AutocompleteSize;
+    maxChipsToShow: number;
+    renderChipLabel?: RenderChipLabel<TValue>;
+    /** Key estable del value: React key del chip. Ver `getOptionKey`. */
+    getKey: (value: TValue) => AutocompleteValueKey;
+}
+/**
+ * Render de los chips del Autocomplete en modo multiple.
+ * Trunca después de `maxChipsToShow` con un chip "+N más".
+ * El `getTagProps({ index })` viene de MUI y contiene el handler de delete,
+ * la key, etc. — se spreadea tal cual al Chip.
+ */
+export declare const AutocompleteChips: <TValue>({ value, getTagProps, size, maxChipsToShow, renderChipLabel, getKey, }: AutocompleteChipsProps<TValue>) => import("react/jsx-runtime").JSX.Element;
+export default AutocompleteChips;

package/components/Autocomplete/_parts/AutocompleteChips.d.mts

@@ -0,0 +1,20 @@
+import { AutocompleteValueKey, SelectOption, RenderChipLabel, AutocompleteSize } from '../Autocomplete.mjs';
+interface AutocompleteChipsProps<TValue = AutocompleteValueKey> {
+    value: SelectOption<TValue>[];
+    getTagProps: (args: {
+        index: number;
+    }) => Record<string, any>;
+    size: AutocompleteSize;
+    maxChipsToShow: number;
+    renderChipLabel?: RenderChipLabel<TValue>;
+    /** Key estable del value: React key del chip. Ver `getOptionKey`. */
+    getKey: (value: TValue) => AutocompleteValueKey;
+}
+/**
+ * Render de los chips del Autocomplete en modo multiple.
+ * Trunca después de `maxChipsToShow` con un chip "+N más".
+ * El `getTagProps({ index })` viene de MUI y contiene el handler de delete,
+ * la key, etc. — se spreadea tal cual al Chip.
+ */
+export declare const AutocompleteChips: <TValue>({ value, getTagProps, size, maxChipsToShow, renderChipLabel, getKey, }: AutocompleteChipsProps<TValue>) => import("react/jsx-runtime").JSX.Element;
+export default AutocompleteChips;

package/components/Autocomplete/_parts/AutocompleteChips.d.ts

@@ -1,13 +1,14 @@
-import { default as React } from 'react';
-import { SelectOption, RenderChipLabel, AutocompleteSize } from '../Autocomplete';
-interface AutocompleteChipsProps {
-    value: SelectOption[];
+import { AutocompleteValueKey, SelectOption, RenderChipLabel, AutocompleteSize } from '../Autocomplete';
+interface AutocompleteChipsProps<TValue = AutocompleteValueKey> {
+    value: SelectOption<TValue>[];
     getTagProps: (args: {
         index: number;
     }) => Record<string, any>;
     size: AutocompleteSize;
     maxChipsToShow: number;
-    renderChipLabel?: RenderChipLabel;
+    renderChipLabel?: RenderChipLabel<TValue>;
+    /** Key estable del value: React key del chip. Ver `getOptionKey`. */
+    getKey: (value: TValue) => AutocompleteValueKey;
 }
 /**
  * Render de los chips del Autocomplete en modo multiple.
@@ -15,5 +16,5 @@ interface AutocompleteChipsProps {
  * El `getTagProps({ index })` viene de MUI y contiene el handler de delete,
  * la key, etc. — se spreadea tal cual al Chip.
  */
-export declare const AutocompleteChips: React.FC<AutocompleteChipsProps>;
+export declare const AutocompleteChips: <TValue>({ value, getTagProps, size, maxChipsToShow, renderChipLabel, getKey, }: AutocompleteChipsProps<TValue>) => import("react/jsx-runtime").JSX.Element;
 export default AutocompleteChips;

package/components/Autocomplete/_parts/AutocompleteLoader.d.cts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+/**
+ * Loader por defecto para el `loadingText` del Autocomplete.
+ * El consumer puede sobrescribirlo pasando `loadingText` al componente padre.
+ */
+export declare const AutocompleteLoader: React.FC<{
+    text?: string;
+}>;
+export default AutocompleteLoader;

package/components/Autocomplete/_parts/AutocompleteLoader.d.mts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+/**
+ * Loader por defecto para el `loadingText` del Autocomplete.
+ * El consumer puede sobrescribirlo pasando `loadingText` al componente padre.
+ */
+export declare const AutocompleteLoader: React.FC<{
+    text?: string;
+}>;
+export default AutocompleteLoader;

package/components/Autocomplete/_parts/AutocompleteOption.d.cts

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+import { AutocompleteValueKey, SelectOption, RenderOptionItem } from '../Autocomplete';
+interface AutocompleteOptionProps<TValue = AutocompleteValueKey> {
+    liProps: React.HTMLAttributes<HTMLLIElement>;
+    option: SelectOption<TValue>;
+    customRender?: RenderOptionItem<TValue>;
+}
+/**
+ * Render por defecto de un `<li>` del dropdown del Autocomplete.
+ * MUI lo invoca desde `renderOption={(props, option) => ...}` en el padre.
+ *
+ * La `key` la maneja el padre (`renderOption` en Autocomplete.tsx). Este
+ * componente solo recibe los props restantes del `<li>` para spread.
+ */
+export declare const AutocompleteOption: <TValue>({ liProps, option, customRender, }: AutocompleteOptionProps<TValue>) => import("react/jsx-runtime").JSX.Element;
+export default AutocompleteOption;

package/components/Autocomplete/_parts/AutocompleteOption.d.mts

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+import { AutocompleteValueKey, SelectOption, RenderOptionItem } from '../Autocomplete.mjs';
+interface AutocompleteOptionProps<TValue = AutocompleteValueKey> {
+    liProps: React.HTMLAttributes<HTMLLIElement>;
+    option: SelectOption<TValue>;
+    customRender?: RenderOptionItem<TValue>;
+}
+/**
+ * Render por defecto de un `<li>` del dropdown del Autocomplete.
+ * MUI lo invoca desde `renderOption={(props, option) => ...}` en el padre.
+ *
+ * La `key` la maneja el padre (`renderOption` en Autocomplete.tsx). Este
+ * componente solo recibe los props restantes del `<li>` para spread.
+ */
+export declare const AutocompleteOption: <TValue>({ liProps, option, customRender, }: AutocompleteOptionProps<TValue>) => import("react/jsx-runtime").JSX.Element;
+export default AutocompleteOption;

package/components/Autocomplete/_parts/AutocompleteOption.d.ts

@@ -1,9 +1,9 @@
 import { default as React } from 'react';
-import { SelectOption, RenderOptionItem } from '../Autocomplete';
-interface AutocompleteOptionProps {
+import { AutocompleteValueKey, SelectOption, RenderOptionItem } from '../Autocomplete';
+interface AutocompleteOptionProps<TValue = AutocompleteValueKey> {
     liProps: React.HTMLAttributes<HTMLLIElement>;
-    option: SelectOption;
-    customRender?: RenderOptionItem;
+    option: SelectOption<TValue>;
+    customRender?: RenderOptionItem<TValue>;
 }
 /**
  * Render por defecto de un `<li>` del dropdown del Autocomplete.
@@ -12,5 +12,5 @@ interface AutocompleteOptionProps {
  * La `key` la maneja el padre (`renderOption` en Autocomplete.tsx). Este
  * componente solo recibe los props restantes del `<li>` para spread.
  */
-export declare const AutocompleteOption: React.FC<AutocompleteOptionProps>;
+export declare const AutocompleteOption: <TValue>({ liProps, option, customRender, }: AutocompleteOptionProps<TValue>) => import("react/jsx-runtime").JSX.Element;
 export default AutocompleteOption;

package/components/Autocomplete/index.cjs

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

package/components/Autocomplete/index.cjs.map

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

package/components/Autocomplete/index.d.cts

@@ -0,0 +1,2 @@
+export { Autocomplete, AutocompleteSelect, default } from './Autocomplete';
+export type { AutocompleteProps, SelectOption, BaseAutocompleteProps, ControlledAutocompleteProps, RHFAutocompleteProps, RenderOptionItem, RenderChipLabel, RenderSingleValue, LabelPosition, AutocompleteSize, AutocompleteValueKey, } from './Autocomplete';

package/components/Autocomplete/index.d.mts

@@ -0,0 +1,2 @@
+export { Autocomplete, AutocompleteSelect, default } from './Autocomplete.mjs';
+export type { AutocompleteProps, SelectOption, BaseAutocompleteProps, ControlledAutocompleteProps, RHFAutocompleteProps, RenderOptionItem, RenderChipLabel, RenderSingleValue, LabelPosition, AutocompleteSize, AutocompleteValueKey, } from './Autocomplete.mjs';

package/components/Autocomplete/index.d.ts

@@ -1,2 +1,2 @@
 export { Autocomplete, AutocompleteSelect, default } from './Autocomplete';
-export type { AutocompleteProps, SelectOption, BaseAutocompleteProps, ControlledAutocompleteProps, RHFAutocompleteProps, RenderOptionItem, RenderChipLabel, LabelPosition, AutocompleteSize, } from './Autocomplete';
+export type { AutocompleteProps, SelectOption, BaseAutocompleteProps, ControlledAutocompleteProps, RHFAutocompleteProps, RenderOptionItem, RenderChipLabel, RenderSingleValue, LabelPosition, AutocompleteSize, AutocompleteValueKey, } from './Autocomplete';

package/components/Autocomplete/index.mjs

@@ -0,0 +1,7 @@
+import { A, a, A as A2 } from "../../chunks/Autocomplete-BKuHgS8H.mjs";
+export {
+  A as Autocomplete,
+  a as AutocompleteSelect,
+  A2 as default
+};
+//# sourceMappingURL=index.mjs.map

package/components/Autocomplete/index.mjs.map

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

package/components/Autocomplete.d.cts

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

package/components/Autocomplete.d.mts

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

package/components/Avatar/Avatar.d.cts

@@ -0,0 +1,48 @@
+import { default as React } from 'react';
+import { BoxProps, SxProps, Theme } from '@mui/material';
+export interface AvatarItem {
+    text?: string;
+    imageUrl?: string;
+    badge?: string;
+    color?: string;
+    backgroundColor?: string;
+    /** Contenido a renderizar como fallback cuando no hay imagen (ej. iniciales). */
+    content?: React.ReactNode;
+}
+export type AvatarSize = 'sm' | 'md' | 'lg' | 'xl' | number;
+export interface AvatarProps extends Omit<BoxProps, 'children' | 'color'> {
+    type?: string;
+    /**
+     * Lista de avatares (grupo apilado). Para un solo avatar puedes usar
+     * `src`/`alt` en su lugar.
+     */
+    items?: AvatarItem[];
+    /**
+     * Atajo para un único avatar por URL de imagen. Equivale a
+     * `items={[{ imageUrl: src, text: alt }]}`. Ignorado si `items` tiene elementos.
+     */
+    src?: string;
+    /** Texto alternativo de la imagen cuando se usa `src` (modo single). */
+    alt?: string;
+    /** Fallback (ej. iniciales) cuando no hay imagen, en modo single (`src`). */
+    fallback?: React.ReactNode;
+    displayedAvatars?: number;
+    size?: AvatarSize;
+    showText?: boolean;
+    showTooltip?: boolean;
+    /**
+     * sx aplicado al contenedor raíz.
+     */
+    sx?: SxProps<Theme>;
+    /**
+     * sx aplicado a cada MuiAvatar individual (se mergea sobre los defaults).
+     */
+    avatarSx?: SxProps<Theme>;
+    className?: string;
+    /**
+     * Overlap (px) entre avatares cuando hay varios. Default depende del tamaño.
+     */
+    overlap?: number;
+}
+export declare const Avatar: React.ForwardRefExoticComponent<Omit<AvatarProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export default Avatar;

package/components/Avatar/Avatar.d.mts

@@ -0,0 +1,48 @@
+import { default as React } from 'react';
+import { BoxProps, SxProps, Theme } from '@mui/material';
+export interface AvatarItem {
+    text?: string;
+    imageUrl?: string;
+    badge?: string;
+    color?: string;
+    backgroundColor?: string;
+    /** Contenido a renderizar como fallback cuando no hay imagen (ej. iniciales). */
+    content?: React.ReactNode;
+}
+export type AvatarSize = 'sm' | 'md' | 'lg' | 'xl' | number;
+export interface AvatarProps extends Omit<BoxProps, 'children' | 'color'> {
+    type?: string;
+    /**
+     * Lista de avatares (grupo apilado). Para un solo avatar puedes usar
+     * `src`/`alt` en su lugar.
+     */
+    items?: AvatarItem[];
+    /**
+     * Atajo para un único avatar por URL de imagen. Equivale a
+     * `items={[{ imageUrl: src, text: alt }]}`. Ignorado si `items` tiene elementos.
+     */
+    src?: string;
+    /** Texto alternativo de la imagen cuando se usa `src` (modo single). */
+    alt?: string;
+    /** Fallback (ej. iniciales) cuando no hay imagen, en modo single (`src`). */
+    fallback?: React.ReactNode;
+    displayedAvatars?: number;
+    size?: AvatarSize;
+    showText?: boolean;
+    showTooltip?: boolean;
+    /**
+     * sx aplicado al contenedor raíz.
+     */
+    sx?: SxProps<Theme>;
+    /**
+     * sx aplicado a cada MuiAvatar individual (se mergea sobre los defaults).
+     */
+    avatarSx?: SxProps<Theme>;
+    className?: string;
+    /**
+     * Overlap (px) entre avatares cuando hay varios. Default depende del tamaño.
+     */
+    overlap?: number;
+}
+export declare const Avatar: React.ForwardRefExoticComponent<Omit<AvatarProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export default Avatar;

package/components/Avatar/Avatar.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { SxProps, Theme } from '@mui/material';
+import { BoxProps, SxProps, Theme } from '@mui/material';
 export interface AvatarItem {
     text?: string;
     imageUrl?: string;
@@ -10,7 +10,7 @@ export interface AvatarItem {
     content?: React.ReactNode;
 }
 export type AvatarSize = 'sm' | 'md' | 'lg' | 'xl' | number;
-export interface AvatarProps {
+export interface AvatarProps extends Omit<BoxProps, 'children' | 'color'> {
     type?: string;
     /**
      * Lista de avatares (grupo apilado). Para un solo avatar puedes usar
@@ -44,5 +44,5 @@ export interface AvatarProps {
      */
     overlap?: number;
 }
-export declare const Avatar: React.FC<AvatarProps>;
+export declare const Avatar: React.ForwardRefExoticComponent<Omit<AvatarProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export default Avatar;

package/components/Avatar/index.cjs

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

package/components/Avatar/index.cjs.map

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

package/components/Avatar/index.d.cts

@@ -0,0 +1,2 @@
+export { default as Avatar } from './Avatar';
+export type { AvatarItem, AvatarProps, AvatarSize } from './Avatar';

package/components/Avatar/index.d.mts

@@ -0,0 +1,2 @@
+export { default as Avatar } from './Avatar.mjs';
+export type { AvatarItem, AvatarProps, AvatarSize } from './Avatar.mjs';

package/components/Avatar/index.mjs

@@ -0,0 +1,5 @@
+import { A } from "../../chunks/Avatar-BTEyuYXI.mjs";
+export {
+  A as Avatar
+};
+//# sourceMappingURL=index.mjs.map

package/components/Avatar/index.mjs.map

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

package/components/Avatar.d.cts

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

package/components/Avatar.d.mts

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

package/components/Breadcrumbs/Breadcrumbs.d.cts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+import { BreadcrumbsProps as MuiBreadcrumbsProps } from '@mui/material';
+export interface BreadcrumbsProps extends MuiBreadcrumbsProps {
+    /** Items (Links / Typography). */
+    children?: ReactNode;
+}
+/** Migas de pan. Wrapper fino sobre MUI `Breadcrumbs`. */
+export declare const Breadcrumbs: import('react').ForwardRefExoticComponent<Omit<BreadcrumbsProps, "ref"> & import('react').RefAttributes<HTMLElement>>;
+export default Breadcrumbs;

package/components/Breadcrumbs/Breadcrumbs.d.mts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+import { BreadcrumbsProps as MuiBreadcrumbsProps } from '@mui/material';
+export interface BreadcrumbsProps extends MuiBreadcrumbsProps {
+    /** Items (Links / Typography). */
+    children?: ReactNode;
+}
+/** Migas de pan. Wrapper fino sobre MUI `Breadcrumbs`. */
+export declare const Breadcrumbs: import('react').ForwardRefExoticComponent<Omit<BreadcrumbsProps, "ref"> & import('react').RefAttributes<HTMLElement>>;
+export default Breadcrumbs;

package/components/Breadcrumbs/Breadcrumbs.d.ts

@@ -1,16 +1,9 @@
 import { ReactNode } from 'react';
-import { SxProps, Theme } from '@mui/material/styles';
-export interface BreadcrumbsProps {
+import { BreadcrumbsProps as MuiBreadcrumbsProps } from '@mui/material';
+export interface BreadcrumbsProps extends MuiBreadcrumbsProps {
     /** Items (Links / Typography). */
     children?: ReactNode;
-    /** Separador entre items. Default: `/`. */
-    separator?: ReactNode;
-    /** Colapsa si hay más de N items. */
-    maxItems?: number;
-    sx?: SxProps<Theme>;
-    className?: string;
-    'aria-label'?: string;
 }
 /** Migas de pan. Wrapper fino sobre MUI `Breadcrumbs`. */
-export declare function Breadcrumbs({ children, separator, maxItems, sx, className, 'aria-label': ariaLabel, }: BreadcrumbsProps): import("react/jsx-runtime").JSX.Element;
+export declare const Breadcrumbs: import('react').ForwardRefExoticComponent<Omit<BreadcrumbsProps, "ref"> & import('react').RefAttributes<HTMLElement>>;
 export default Breadcrumbs;

package/components/Breadcrumbs/index.cjs

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

package/components/Breadcrumbs/index.cjs.map

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

package/components/Breadcrumbs/index.d.cts

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

package/components/Breadcrumbs/index.d.mts

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

package/components/Breadcrumbs/index.mjs

@@ -0,0 +1,6 @@
+import { B, B as B2 } from "../../chunks/Breadcrumbs-Du_7W4gr.mjs";
+export {
+  B as Breadcrumbs,
+  B2 as default
+};
+//# sourceMappingURL=index.mjs.map

package/components/Breadcrumbs/index.mjs.map

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

package/components/Breadcrumbs.d.cts

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

package/components/Breadcrumbs.d.mts

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

package/components/Button/Button.d.cts

@@ -0,0 +1,17 @@
+import { ButtonProps as MuiButtonProps } from '@mui/material';
+/**
+ * Props del Button: las de MUI, tal cual.
+ *
+ * Antes esto era una lista cerrada escrita a mano, así que todo lo que no
+ * estuviera enumerado (`fullWidth`, `id`, `form`, `name`, `tabIndex`, `aria-*`,
+ * `onFocus`/`onBlur`, `component`…) no se podía pasar y obligaba al consumidor
+ * a importar `@mui/material` directo — justo lo que la librería intenta evitar.
+ */
+export type ButtonProps = MuiButtonProps;
+/**
+ * Button del design system. Wrapper fino sobre MUI: sin ripple, sin elevación y
+ * sin `text-transform`. Esos tres defaults van antes del spread de props, así
+ * que un consumidor puede pisarlos si de verdad los necesita.
+ */
+export declare const Button: import('react').ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
+export default Button;

package/components/Button/Button.d.mts

@@ -0,0 +1,17 @@
+import { ButtonProps as MuiButtonProps } from '@mui/material';
+/**
+ * Props del Button: las de MUI, tal cual.
+ *
+ * Antes esto era una lista cerrada escrita a mano, así que todo lo que no
+ * estuviera enumerado (`fullWidth`, `id`, `form`, `name`, `tabIndex`, `aria-*`,
+ * `onFocus`/`onBlur`, `component`…) no se podía pasar y obligaba al consumidor
+ * a importar `@mui/material` directo — justo lo que la librería intenta evitar.
+ */
+export type ButtonProps = MuiButtonProps;
+/**
+ * Button del design system. Wrapper fino sobre MUI: sin ripple, sin elevación y
+ * sin `text-transform`. Esos tres defaults van antes del spread de props, así
+ * que un consumidor puede pisarlos si de verdad los necesita.
+ */
+export declare const Button: import('react').ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
+export default Button;