@soyfri/shared-library 4.0.4 → 4.1.0

package/components/RadioGroup/RadioGroup.sx.d.cts

@@ -0,0 +1,25 @@
+import { CSSObject, SxProps, Theme } from '@mui/material/styles';
+export interface BuildRadioGroupSxOptions {
+    bordered: boolean;
+    borderRadius: number | string;
+    error: boolean;
+}
+/**
+ * Builder de sx para RadioGroup. Reproduce el estilo del antiguo
+ * `FormRadioGroup` legacy: contenedor con borde + padding vertical.
+ *
+ * Cuando `bordered=true`, el contenedor gana:
+ * - `:focus-within` → borde + shadow primario (mismo patrón que `InputGroup`).
+ * - `error=true` → borde + shadow de error (palette.error.main).
+ *
+ * El shadow es de 1px, así que no hay shift de layout — sólo se intensifica
+ * visualmente el borde sin empujar nada alrededor.
+ *
+ * Si `bordered=false`, devuelve un sx mínimo (sólo helper text reset).
+ */
+export declare const buildRadioGroupStyles: (theme: Theme, { bordered, borderRadius, error }: BuildRadioGroupSxOptions) => CSSObject;
+/**
+ * @deprecated El componente ya no lo usa: su estilo de fábrica vive en el
+ * `styled()`. Preferir `buildRadioGroupStyles`.
+ */
+export declare const buildRadioGroupSx: ({ bordered, borderRadius, error, }: BuildRadioGroupSxOptions) => SxProps<Theme>;

package/components/RadioGroup/RadioGroup.sx.d.mts

@@ -0,0 +1,25 @@
+import { CSSObject, SxProps, Theme } from '@mui/material/styles';
+export interface BuildRadioGroupSxOptions {
+    bordered: boolean;
+    borderRadius: number | string;
+    error: boolean;
+}
+/**
+ * Builder de sx para RadioGroup. Reproduce el estilo del antiguo
+ * `FormRadioGroup` legacy: contenedor con borde + padding vertical.
+ *
+ * Cuando `bordered=true`, el contenedor gana:
+ * - `:focus-within` → borde + shadow primario (mismo patrón que `InputGroup`).
+ * - `error=true` → borde + shadow de error (palette.error.main).
+ *
+ * El shadow es de 1px, así que no hay shift de layout — sólo se intensifica
+ * visualmente el borde sin empujar nada alrededor.
+ *
+ * Si `bordered=false`, devuelve un sx mínimo (sólo helper text reset).
+ */
+export declare const buildRadioGroupStyles: (theme: Theme, { bordered, borderRadius, error }: BuildRadioGroupSxOptions) => CSSObject;
+/**
+ * @deprecated El componente ya no lo usa: su estilo de fábrica vive en el
+ * `styled()`. Preferir `buildRadioGroupStyles`.
+ */
+export declare const buildRadioGroupSx: ({ bordered, borderRadius, error, }: BuildRadioGroupSxOptions) => SxProps<Theme>;

package/components/RadioGroup/RadioGroup.sx.d.ts

@@ -1,4 +1,4 @@
-import { SxProps, Theme } from '@mui/material/styles';
+import { CSSObject, SxProps, Theme } from '@mui/material/styles';
 export interface BuildRadioGroupSxOptions {
     bordered: boolean;
     borderRadius: number | string;
@@ -17,4 +17,9 @@ export interface BuildRadioGroupSxOptions {
  *
  * Si `bordered=false`, devuelve un sx mínimo (sólo helper text reset).
  */
+export declare const buildRadioGroupStyles: (theme: Theme, { bordered, borderRadius, error }: BuildRadioGroupSxOptions) => CSSObject;
+/**
+ * @deprecated El componente ya no lo usa: su estilo de fábrica vive en el
+ * `styled()`. Preferir `buildRadioGroupStyles`.
+ */
 export declare const buildRadioGroupSx: ({ bordered, borderRadius, error, }: BuildRadioGroupSxOptions) => SxProps<Theme>;

package/components/RadioGroup/index.cjs

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

package/components/RadioGroup/index.cjs.map

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

package/components/RadioGroup/index.d.cts

@@ -0,0 +1,2 @@
+export { RadioGroup, default } from './RadioGroup';
+export type { RadioOption, RadioGroupSize, BaseRadioGroupProps, RHFRadioGroupProps, ControlledRadioGroupProps, RadioGroupProps, } from './RadioGroup';

package/components/RadioGroup/index.d.mts

@@ -0,0 +1,2 @@
+export { RadioGroup, default } from './RadioGroup.mjs';
+export type { RadioOption, RadioGroupSize, BaseRadioGroupProps, RHFRadioGroupProps, ControlledRadioGroupProps, RadioGroupProps, } from './RadioGroup.mjs';

package/components/RadioGroup/index.mjs

@@ -0,0 +1,6 @@
+import { R, R as R2 } from "../../chunks/RadioGroup-atKq1EWA.mjs";
+export {
+  R as RadioGroup,
+  R2 as default
+};
+//# sourceMappingURL=index.mjs.map

package/components/RadioGroup/index.mjs.map

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

package/components/RadioGroup.d.cts

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

package/components/RadioGroup.d.mts

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

package/components/Select/Select.d.cts

@@ -0,0 +1,99 @@
+import { ReactElement, ReactNode } from 'react';
+import { SelectProps as MuiSelectProps } from '@mui/material';
+import { RegisterOptions } from 'react-hook-form';
+export interface SelectOption {
+    value: string | number;
+    label: string;
+    img?: string;
+    disabled?: boolean;
+    group?: string;
+    [key: string]: any;
+}
+export type LabelPosition = 'outside' | 'floating';
+export type SelectSize = 'small' | 'medium';
+export type RenderOptionItem = (item: SelectOption) => ReactNode;
+/** Variante visual de los chips en modo `multiple`. */
+export type ChipVariant = 'filled' | 'outlined';
+/** Render custom del label de cada chip/valor seleccionado. */
+export type RenderChipLabel = (item: SelectOption) => ReactNode;
+export interface OptionProps {
+    children: RenderOptionItem;
+}
+export interface BaseSelectProps<TValue extends SelectOption['value'] = SelectOption['value']> {
+    label?: string;
+    options?: SelectOption[];
+    defaultValue?: TValue;
+    size?: SelectSize;
+    placeholder?: string;
+    children?: ReactElement<{
+        children: RenderOptionItem;
+    }>;
+    maxHeight?: number | string;
+    maxWidth?: number | string;
+    /** Si `true`, muestra un buscador arriba del menú para filtrar opciones. */
+    filterable?: boolean;
+    disabled?: boolean;
+    error?: boolean;
+    helperText?: string;
+    /** Border radius del input (px o string CSS). Default: 10 */
+    borderRadius?: number | string;
+    /**
+     * Posición del label.
+     * - "outside" (default): label arriba del input, sin animación.
+     * - "floating": label clásico de MUI (flota dentro del notched outline).
+     */
+    labelPosition?: LabelPosition;
+    /**
+     * Nombre del preset de estilo registrado en `theme.styles.Select`.
+     * - `"default"` (o ausente) = estilo built-in del paquete.
+     * - Cualquier otro string = mergea el preset encima del estilo built-in.
+     */
+    preset?: string;
+    /** MUI input variant. Default: 'outlined'. */
+    variant?: 'outlined' | 'filled';
+    sx?: MuiSelectProps['sx'];
+    className?: string;
+}
+export interface RHFSelectProps<TValue extends SelectOption['value'] = SelectOption['value']> extends BaseSelectProps<TValue> {
+    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: TValue) => void;
+    multiple?: false;
+    value?: never;
+    onChange?: never;
+}
+export interface StandardSelectProps<TValue extends SelectOption['value'] = SelectOption['value']> extends BaseSelectProps<TValue> {
+    name?: string;
+    control?: never;
+    validation?: never;
+    multiple?: false;
+    value: TValue;
+    onChange: (val: TValue) => void;
+}
+export interface MultipleSelectProps<TValue extends SelectOption['value'] = SelectOption['value']> extends BaseSelectProps<TValue> {
+    name?: string;
+    control?: never;
+    validation?: never;
+    multiple: true;
+    value: TValue[];
+    onChange: (val: TValue[]) => void;
+    /** Máximo de chips visibles antes de truncar con "+N más". Default: 3. */
+    maxChipsToShow?: number;
+    /** Variante visual de los chips. Default: 'filled'. */
+    chipVariant?: ChipVariant;
+    /** Render custom del label de cada chip. */
+    renderChipLabel?: RenderChipLabel;
+}
+export type SelectProps<TValue extends SelectOption['value'] = SelectOption['value']> = RHFSelectProps<TValue> | StandardSelectProps<TValue> | MultipleSelectProps<TValue>;
+export declare function Option(_props: OptionProps): null;
+export declare namespace Option {
+    var displayName: string;
+}
+export declare function Select<TValue extends SelectOption['value'] = SelectOption['value']>(props: SelectProps<TValue>): import("react/jsx-runtime").JSX.Element;
+export default Select;

package/components/Select/Select.d.mts

@@ -0,0 +1,99 @@
+import { ReactElement, ReactNode } from 'react';
+import { SelectProps as MuiSelectProps } from '@mui/material';
+import { RegisterOptions } from 'react-hook-form';
+export interface SelectOption {
+    value: string | number;
+    label: string;
+    img?: string;
+    disabled?: boolean;
+    group?: string;
+    [key: string]: any;
+}
+export type LabelPosition = 'outside' | 'floating';
+export type SelectSize = 'small' | 'medium';
+export type RenderOptionItem = (item: SelectOption) => ReactNode;
+/** Variante visual de los chips en modo `multiple`. */
+export type ChipVariant = 'filled' | 'outlined';
+/** Render custom del label de cada chip/valor seleccionado. */
+export type RenderChipLabel = (item: SelectOption) => ReactNode;
+export interface OptionProps {
+    children: RenderOptionItem;
+}
+export interface BaseSelectProps<TValue extends SelectOption['value'] = SelectOption['value']> {
+    label?: string;
+    options?: SelectOption[];
+    defaultValue?: TValue;
+    size?: SelectSize;
+    placeholder?: string;
+    children?: ReactElement<{
+        children: RenderOptionItem;
+    }>;
+    maxHeight?: number | string;
+    maxWidth?: number | string;
+    /** Si `true`, muestra un buscador arriba del menú para filtrar opciones. */
+    filterable?: boolean;
+    disabled?: boolean;
+    error?: boolean;
+    helperText?: string;
+    /** Border radius del input (px o string CSS). Default: 10 */
+    borderRadius?: number | string;
+    /**
+     * Posición del label.
+     * - "outside" (default): label arriba del input, sin animación.
+     * - "floating": label clásico de MUI (flota dentro del notched outline).
+     */
+    labelPosition?: LabelPosition;
+    /**
+     * Nombre del preset de estilo registrado en `theme.styles.Select`.
+     * - `"default"` (o ausente) = estilo built-in del paquete.
+     * - Cualquier otro string = mergea el preset encima del estilo built-in.
+     */
+    preset?: string;
+    /** MUI input variant. Default: 'outlined'. */
+    variant?: 'outlined' | 'filled';
+    sx?: MuiSelectProps['sx'];
+    className?: string;
+}
+export interface RHFSelectProps<TValue extends SelectOption['value'] = SelectOption['value']> extends BaseSelectProps<TValue> {
+    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: TValue) => void;
+    multiple?: false;
+    value?: never;
+    onChange?: never;
+}
+export interface StandardSelectProps<TValue extends SelectOption['value'] = SelectOption['value']> extends BaseSelectProps<TValue> {
+    name?: string;
+    control?: never;
+    validation?: never;
+    multiple?: false;
+    value: TValue;
+    onChange: (val: TValue) => void;
+}
+export interface MultipleSelectProps<TValue extends SelectOption['value'] = SelectOption['value']> extends BaseSelectProps<TValue> {
+    name?: string;
+    control?: never;
+    validation?: never;
+    multiple: true;
+    value: TValue[];
+    onChange: (val: TValue[]) => void;
+    /** Máximo de chips visibles antes de truncar con "+N más". Default: 3. */
+    maxChipsToShow?: number;
+    /** Variante visual de los chips. Default: 'filled'. */
+    chipVariant?: ChipVariant;
+    /** Render custom del label de cada chip. */
+    renderChipLabel?: RenderChipLabel;
+}
+export type SelectProps<TValue extends SelectOption['value'] = SelectOption['value']> = RHFSelectProps<TValue> | StandardSelectProps<TValue> | MultipleSelectProps<TValue>;
+export declare function Option(_props: OptionProps): null;
+export declare namespace Option {
+    var displayName: string;
+}
+export declare function Select<TValue extends SelectOption['value'] = SelectOption['value']>(props: SelectProps<TValue>): import("react/jsx-runtime").JSX.Element;
+export default Select;

package/components/Select/Select.helpers.d.cts

@@ -0,0 +1,14 @@
+import { SelectOption } from './Select';
+/**
+ * Agrupa opciones por la propiedad `group`. Las opciones sin group caen
+ * bajo la key especial `__default`. Devuelve un Record para iterar en orden
+ * de inserción con Object.entries.
+ */
+export declare const groupOptions: (options: SelectOption[]) => Record<string, SelectOption[]>;
+/**
+ * Normaliza el valor single al shape que espera MUI Select: string vacío si
+ * el valor es `null`/`undefined`.
+ */
+export declare const normalizeSelectValue: <T>(value: T | null | undefined) => T | "";
+/** `true` si el valor está vacío (para shrink del label + placeholder). */
+export declare const isSelectValueEmpty: (normalizedValue: unknown) => boolean;

package/components/Select/Select.helpers.d.mts

@@ -0,0 +1,14 @@
+import { SelectOption } from './Select.mjs';
+/**
+ * Agrupa opciones por la propiedad `group`. Las opciones sin group caen
+ * bajo la key especial `__default`. Devuelve un Record para iterar en orden
+ * de inserción con Object.entries.
+ */
+export declare const groupOptions: (options: SelectOption[]) => Record<string, SelectOption[]>;
+/**
+ * Normaliza el valor single al shape que espera MUI Select: string vacío si
+ * el valor es `null`/`undefined`.
+ */
+export declare const normalizeSelectValue: <T>(value: T | null | undefined) => T | "";
+/** `true` si el valor está vacío (para shrink del label + placeholder). */
+export declare const isSelectValueEmpty: (normalizedValue: unknown) => boolean;

package/components/Select/Select.sx.d.cts

@@ -0,0 +1,10 @@
+import { SelectProps as MuiSelectProps } from '@mui/material';
+import { CSSObject, Theme } from '@mui/material/styles';
+import { LabelPosition } from './Select';
+/** Estilo de fábrica del Select, en CSS real (para `styled()`). */
+export declare const buildSelectStyles: (theme: Theme, borderRadius: number | string, labelPosition: LabelPosition) => CSSObject;
+/**
+ * @deprecated El Select ya no lo usa: su estilo de fábrica vive en el
+ * `styled()` del componente. Preferir `buildSelectStyles`.
+ */
+export declare const buildSelectSx: (borderRadius: number | string, labelPosition: LabelPosition) => MuiSelectProps["sx"];

package/components/Select/Select.sx.d.mts

@@ -0,0 +1,10 @@
+import { SelectProps as MuiSelectProps } from '@mui/material';
+import { CSSObject, Theme } from '@mui/material/styles';
+import { LabelPosition } from './Select.mjs';
+/** Estilo de fábrica del Select, en CSS real (para `styled()`). */
+export declare const buildSelectStyles: (theme: Theme, borderRadius: number | string, labelPosition: LabelPosition) => CSSObject;
+/**
+ * @deprecated El Select ya no lo usa: su estilo de fábrica vive en el
+ * `styled()` del componente. Preferir `buildSelectStyles`.
+ */
+export declare const buildSelectSx: (borderRadius: number | string, labelPosition: LabelPosition) => MuiSelectProps["sx"];

package/components/Select/Select.sx.d.ts

@@ -1,7 +1,10 @@
 import { SelectProps as MuiSelectProps } from '@mui/material';
+import { CSSObject, Theme } from '@mui/material/styles';
 import { LabelPosition } from './Select';
+/** Estilo de fábrica del Select, en CSS real (para `styled()`). */
+export declare const buildSelectStyles: (theme: Theme, borderRadius: number | string, labelPosition: LabelPosition) => CSSObject;
 /**
- * Builder de sx para el Select. Usa el builder compartido
- * `buildFormFieldSx`. El Select no necesita overrides específicos.
+ * @deprecated El Select ya no lo usa: su estilo de fábrica vive en el
+ * `styled()` del componente. Preferir `buildSelectStyles`.
  */
 export declare const buildSelectSx: (borderRadius: number | string, labelPosition: LabelPosition) => MuiSelectProps["sx"];

package/components/Select/_parts/SelectMenuItem.d.cts

@@ -0,0 +1,20 @@
+import { default as React } from 'react';
+import { SelectOption, RenderOptionItem } from '../Select';
+interface RenderSelectMenuItemArgs {
+    option: SelectOption;
+    selected: boolean;
+    customRender?: RenderOptionItem | null;
+}
+/**
+ * Render helper (no componente) que devuelve un <MenuItem> listo para
+ * colocarse como hijo directo del <MuiSelect>. Se implementa como función
+ * y no como componente porque MUI Select inspecciona `props.value` de sus
+ * children para resolver la selección, y envolverlo en un componente extra
+ * rompe esa detección.
+ *
+ * Incluye el icono de check a la izquierda cuando `selected` es true. Si el
+ * consumer pasó un `<Option>{(opt) => ...}</Option>`, usa ese render para el
+ * contenido principal; de lo contrario muestra `option.label`.
+ */
+export declare const renderSelectMenuItem: ({ option, selected, customRender, }: RenderSelectMenuItemArgs) => React.ReactElement;
+export {};

package/components/Select/_parts/SelectMenuItem.d.mts

@@ -0,0 +1,20 @@
+import { default as React } from 'react';
+import { SelectOption, RenderOptionItem } from '../Select.mjs';
+interface RenderSelectMenuItemArgs {
+    option: SelectOption;
+    selected: boolean;
+    customRender?: RenderOptionItem | null;
+}
+/**
+ * Render helper (no componente) que devuelve un <MenuItem> listo para
+ * colocarse como hijo directo del <MuiSelect>. Se implementa como función
+ * y no como componente porque MUI Select inspecciona `props.value` de sus
+ * children para resolver la selección, y envolverlo en un componente extra
+ * rompe esa detección.
+ *
+ * Incluye el icono de check a la izquierda cuando `selected` es true. Si el
+ * consumer pasó un `<Option>{(opt) => ...}</Option>`, usa ese render para el
+ * contenido principal; de lo contrario muestra `option.label`.
+ */
+export declare const renderSelectMenuItem: ({ option, selected, customRender, }: RenderSelectMenuItemArgs) => React.ReactElement;
+export {};

package/components/Select/_parts/SelectValue.d.cts

@@ -0,0 +1,22 @@
+import { SelectOption, RenderChipLabel, ChipVariant } from '../Select';
+interface SelectValueProps<TValue extends SelectOption['value']> {
+    selected: TValue | TValue[] | null | undefined;
+    options: SelectOption[];
+    multiple: boolean;
+    placeholder?: string;
+    maxChipsToShow: number;
+    chipVariant: ChipVariant;
+    renderChipLabel?: RenderChipLabel;
+    /** Solo relevante en modo multiple. Recibe el nuevo array de valores. */
+    onDeleteChip?: (nextValues: TValue[]) => void;
+    /** Array de valores actuales (para componer el nuevo array al borrar chips). */
+    currentValues?: TValue[];
+}
+/**
+ * Render del valor seleccionado del Select.
+ * - single:   texto (label) o lo que devuelva `renderChipLabel`.
+ * - multiple: chips con delete. Trunca después de `maxChipsToShow` mostrando "+N más".
+ * - empty:    placeholder en color disabled.
+ */
+export declare function SelectValue<TValue extends SelectOption['value']>(props: SelectValueProps<TValue>): import("react/jsx-runtime").JSX.Element;
+export default SelectValue;

package/components/Select/_parts/SelectValue.d.mts

@@ -0,0 +1,22 @@
+import { SelectOption, RenderChipLabel, ChipVariant } from '../Select.mjs';
+interface SelectValueProps<TValue extends SelectOption['value']> {
+    selected: TValue | TValue[] | null | undefined;
+    options: SelectOption[];
+    multiple: boolean;
+    placeholder?: string;
+    maxChipsToShow: number;
+    chipVariant: ChipVariant;
+    renderChipLabel?: RenderChipLabel;
+    /** Solo relevante en modo multiple. Recibe el nuevo array de valores. */
+    onDeleteChip?: (nextValues: TValue[]) => void;
+    /** Array de valores actuales (para componer el nuevo array al borrar chips). */
+    currentValues?: TValue[];
+}
+/**
+ * Render del valor seleccionado del Select.
+ * - single:   texto (label) o lo que devuelva `renderChipLabel`.
+ * - multiple: chips con delete. Trunca después de `maxChipsToShow` mostrando "+N más".
+ * - empty:    placeholder en color disabled.
+ */
+export declare function SelectValue<TValue extends SelectOption['value']>(props: SelectValueProps<TValue>): import("react/jsx-runtime").JSX.Element;
+export default SelectValue;

package/components/Select/index.cjs

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

package/components/Select/index.cjs.map

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

package/components/Select/index.d.cts

@@ -0,0 +1,2 @@
+export { Select, Option, default } from './Select';
+export type { SelectProps, SelectOption, OptionProps, BaseSelectProps, RHFSelectProps, StandardSelectProps, MultipleSelectProps, RenderOptionItem, ChipVariant, RenderChipLabel, LabelPosition, SelectSize, } from './Select';

package/components/Select/index.d.mts

@@ -0,0 +1,2 @@
+export { Select, Option, default } from './Select.mjs';
+export type { SelectProps, SelectOption, OptionProps, BaseSelectProps, RHFSelectProps, StandardSelectProps, MultipleSelectProps, RenderOptionItem, ChipVariant, RenderChipLabel, LabelPosition, SelectSize, } from './Select.mjs';

package/components/Select/index.mjs

@@ -0,0 +1,7 @@
+import { O, S, S as S2 } from "../../chunks/Select-CWZJnddP.mjs";
+export {
+  O as Option,
+  S as Select,
+  S2 as default
+};
+//# sourceMappingURL=index.mjs.map

package/components/Select/index.mjs.map

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

package/components/Select.d.cts

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

package/components/Select.d.mts

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

package/components/Spinner/Spinner.d.cts

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

package/components/Spinner/Spinner.d.mts

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

package/components/Spinner/Spinner.d.ts

@@ -1,8 +1,9 @@
 import { ReactNode } from 'react';
+import { BoxProps } from '@mui/material';
 import { SxProps, Theme } from '@mui/material/styles';
 export type SpinnerSize = 'sm' | 'md' | 'lg' | number;
 export type SpinnerColor = 'primary' | 'secondary' | 'inherit' | 'error' | 'info' | 'success' | 'warning';
-export interface SpinnerProps {
+export interface SpinnerProps extends Omit<BoxProps, 'color' | 'children'> {
     /** Tamaño: `sm`=20, `md`=40, `lg`=56, o un número de px. Default: `md`. */
     size?: SpinnerSize;
     /** Color del indicador. Default: `primary`. */
@@ -22,5 +23,5 @@ export interface SpinnerProps {
     /** Texto accesible. Default: "Cargando". */
     'aria-label'?: string;
 }
-export declare function Spinner({ size, color, thickness, centered, label, sx, className, 'aria-label': ariaLabel, }: SpinnerProps): import("react/jsx-runtime").JSX.Element;
+export declare const Spinner: import('react').ForwardRefExoticComponent<Omit<SpinnerProps, "ref"> & import('react').RefAttributes<HTMLElement>>;
 export default Spinner;

package/components/Spinner/index.cjs

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

package/components/Spinner/index.cjs.map

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

package/components/Spinner/index.d.cts

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

package/components/Spinner/index.d.mts

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

package/components/Spinner/index.mjs

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

package/components/Spinner/index.mjs.map

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

package/components/Spinner.d.cts

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