@soyfri/shared-library 4.0.4 → 4.1.0

package/components/Stepper/StepperContext.d.mts

@@ -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>;

package/components/Stepper/_hooks/useHorizontalScroll.d.cts

@@ -0,0 +1,19 @@
+/**
+ * Hook interno del Stepper para manejar scroll horizontal cuando los steps
+ * no caben en el contenedor. No se exporta desde el barrel — es un detalle
+ * de implementación.
+ *
+ * @param enabled - Si el scroll está activo (típicamente sólo en orientación horizontal).
+ * @param deps    - Cosas que afectan el layout y disparan un recompute (ej. cantidad de steps, paso activo).
+ *
+ * Retorna:
+ * - `scrollRef`: ref a asignar al contenedor con `overflow-x: auto`.
+ * - `canScrollLeft` / `canScrollRight`: flags para habilitar/deshabilitar flechas.
+ * - `scrollBy(delta)`: imperativo con scroll suave.
+ */
+export declare function useHorizontalScroll(enabled: boolean, deps?: unknown[]): {
+    scrollRef: import('react').RefObject<HTMLDivElement | null>;
+    canScrollLeft: boolean;
+    canScrollRight: boolean;
+    scrollBy: (delta: number) => void;
+};

package/components/Stepper/_hooks/useHorizontalScroll.d.mts

@@ -0,0 +1,19 @@
+/**
+ * Hook interno del Stepper para manejar scroll horizontal cuando los steps
+ * no caben en el contenedor. No se exporta desde el barrel — es un detalle
+ * de implementación.
+ *
+ * @param enabled - Si el scroll está activo (típicamente sólo en orientación horizontal).
+ * @param deps    - Cosas que afectan el layout y disparan un recompute (ej. cantidad de steps, paso activo).
+ *
+ * Retorna:
+ * - `scrollRef`: ref a asignar al contenedor con `overflow-x: auto`.
+ * - `canScrollLeft` / `canScrollRight`: flags para habilitar/deshabilitar flechas.
+ * - `scrollBy(delta)`: imperativo con scroll suave.
+ */
+export declare function useHorizontalScroll(enabled: boolean, deps?: unknown[]): {
+    scrollRef: import('react').RefObject<HTMLDivElement | null>;
+    canScrollLeft: boolean;
+    canScrollRight: boolean;
+    scrollBy: (delta: number) => void;
+};

package/components/Stepper/_parts/StepperScrollArrow.d.cts

@@ -0,0 +1,19 @@
+interface StepperScrollArrowProps {
+    direction: 'left' | 'right';
+    /** Cuando `false`, el botón está deshabilitado (por ejemplo, ya estás al inicio). */
+    enabled: boolean;
+    /**
+     * Cuando `false`, el botón queda con `visibility: hidden` (reserva su
+     * espacio pero no se ve). Útil para que el área de scroll no se corra
+     * horizontalmente cuando no hay overflow en ningún lado.
+     */
+    visible: boolean;
+    onClick: () => void;
+}
+/**
+ * Flecha de scroll (`<` / `>`) del Stepper horizontal. Se muestra a los
+ * costados del área scrollable cuando hay overflow. Componente privado —
+ * no se exporta del barrel.
+ */
+export declare const StepperScrollArrow: ({ direction, enabled, visible, onClick, }: StepperScrollArrowProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/components/Stepper/_parts/StepperScrollArrow.d.mts

@@ -0,0 +1,19 @@
+interface StepperScrollArrowProps {
+    direction: 'left' | 'right';
+    /** Cuando `false`, el botón está deshabilitado (por ejemplo, ya estás al inicio). */
+    enabled: boolean;
+    /**
+     * Cuando `false`, el botón queda con `visibility: hidden` (reserva su
+     * espacio pero no se ve). Útil para que el área de scroll no se corra
+     * horizontalmente cuando no hay overflow en ningún lado.
+     */
+    visible: boolean;
+    onClick: () => void;
+}
+/**
+ * Flecha de scroll (`<` / `>`) del Stepper horizontal. Se muestra a los
+ * costados del área scrollable cuando hay overflow. Componente privado —
+ * no se exporta del barrel.
+ */
+export declare const StepperScrollArrow: ({ direction, enabled, visible, onClick, }: StepperScrollArrowProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/components/Stepper/index.cjs

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Step = require("../../chunks/Step-fng1hpkt.cjs");
+exports.Step = Step.Step;
+exports.Stepper = Step.Stepper;
+exports.StepperContext = Step.StepperContext;
+exports.StepperProvider = Step.StepperProvider;
+exports.default = Step.Stepper;
+exports.useStepper = Step.useStepper;
+//# sourceMappingURL=index.cjs.map

package/components/Stepper/index.cjs.map

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

package/components/Stepper/index.d.cts

@@ -0,0 +1,6 @@
+export { Stepper, default } from './Stepper';
+export type { StepperProps } from './Stepper';
+export { Step } from './Step';
+export type { StepProps } from './Step';
+export { StepperProvider, StepperContext, useStepper, } from './StepperContext';
+export type { StepperContextValue, StepperProviderProps, } from './StepperContext';

package/components/Stepper/index.d.mts

@@ -0,0 +1,6 @@
+export { Stepper, default } from './Stepper.mjs';
+export type { StepperProps } from './Stepper.mjs';
+export { Step } from './Step.mjs';
+export type { StepProps } from './Step.mjs';
+export { StepperProvider, StepperContext, useStepper, } from './StepperContext.mjs';
+export type { StepperContextValue, StepperProviderProps, } from './StepperContext.mjs';

package/components/Stepper/index.mjs

@@ -0,0 +1,10 @@
+import { a, S, c, b, S as S2, u } from "../../chunks/Step-BdgcmiDk.mjs";
+export {
+  a as Step,
+  S as Stepper,
+  c as StepperContext,
+  b as StepperProvider,
+  S2 as default,
+  u as useStepper
+};
+//# sourceMappingURL=index.mjs.map

package/components/Stepper/index.mjs.map

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

package/components/Stepper.d.cts

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

package/components/Stepper.d.mts

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

package/components/Switch/Switch.d.cts

@@ -0,0 +1,49 @@
+import { SwitchProps as MuiSwitchProps, SxProps, Theme } from '@mui/material';
+import { RegisterOptions } from 'react-hook-form';
+import * as React from 'react';
+export type SwitchSize = 'small' | 'medium';
+export type SwitchLabelPlacement = 'start' | 'end' | 'top' | 'bottom';
+export interface BaseSwitchProps extends Omit<MuiSwitchProps, 'value' | 'onChange' | 'checked' | 'defaultChecked' | 'size'> {
+    /** Texto al lado del switch. Si está ausente, no se renderiza FormControlLabel. */
+    label?: string;
+    size?: SwitchSize;
+    /** Posición del label. Default: 'end' (legacy `FormToggleInput` lo ponía a la izquierda con su flex-stack). */
+    labelPlacement?: SwitchLabelPlacement;
+    disabled?: boolean;
+    error?: boolean;
+    helperText?: string;
+    /** Renderiza un contenedor con borde alrededor del switch + label. Default: false. */
+    bordered?: boolean;
+    /** Border radius del contenedor (cuando bordered). Default: 10. */
+    borderRadius?: number | string;
+    defaultChecked?: boolean;
+    /**
+     * Nombre del preset de estilo registrado en `theme.styles.Switch`.
+     * - `"default"` (o ausente) = estilo built-in del paquete.
+     * - Cualquier otro string = mergea el preset encima del estilo built-in.
+     */
+    preset?: string;
+    sx?: SxProps<Theme>;
+}
+export interface RHFSwitchProps extends BaseSwitchProps {
+    name: string;
+    control: any;
+    validation?: RegisterOptions;
+    /**
+     * Side-effect que corre después de que RHF actualiza el form state.
+     * Útil para cascadas entre campos. NO reemplaza al handler de RHF.
+     */
+    onValueChange?: (checked: boolean) => void;
+    checked?: never;
+    onChange?: never;
+}
+export interface ControlledSwitchProps extends BaseSwitchProps {
+    name?: string;
+    control?: never;
+    validation?: never;
+    checked: boolean;
+    onChange: (checked: boolean) => void;
+}
+export type SwitchProps = RHFSwitchProps | ControlledSwitchProps;
+export declare const Switch: React.ForwardRefExoticComponent<(Omit<RHFSwitchProps, "ref"> | Omit<ControlledSwitchProps, "ref">) & React.RefAttributes<HTMLDivElement>>;
+export default Switch;

package/components/Switch/Switch.d.mts

@@ -0,0 +1,49 @@
+import { SwitchProps as MuiSwitchProps, SxProps, Theme } from '@mui/material';
+import { RegisterOptions } from 'react-hook-form';
+import * as React from 'react';
+export type SwitchSize = 'small' | 'medium';
+export type SwitchLabelPlacement = 'start' | 'end' | 'top' | 'bottom';
+export interface BaseSwitchProps extends Omit<MuiSwitchProps, 'value' | 'onChange' | 'checked' | 'defaultChecked' | 'size'> {
+    /** Texto al lado del switch. Si está ausente, no se renderiza FormControlLabel. */
+    label?: string;
+    size?: SwitchSize;
+    /** Posición del label. Default: 'end' (legacy `FormToggleInput` lo ponía a la izquierda con su flex-stack). */
+    labelPlacement?: SwitchLabelPlacement;
+    disabled?: boolean;
+    error?: boolean;
+    helperText?: string;
+    /** Renderiza un contenedor con borde alrededor del switch + label. Default: false. */
+    bordered?: boolean;
+    /** Border radius del contenedor (cuando bordered). Default: 10. */
+    borderRadius?: number | string;
+    defaultChecked?: boolean;
+    /**
+     * Nombre del preset de estilo registrado en `theme.styles.Switch`.
+     * - `"default"` (o ausente) = estilo built-in del paquete.
+     * - Cualquier otro string = mergea el preset encima del estilo built-in.
+     */
+    preset?: string;
+    sx?: SxProps<Theme>;
+}
+export interface RHFSwitchProps extends BaseSwitchProps {
+    name: string;
+    control: any;
+    validation?: RegisterOptions;
+    /**
+     * Side-effect que corre después de que RHF actualiza el form state.
+     * Útil para cascadas entre campos. NO reemplaza al handler de RHF.
+     */
+    onValueChange?: (checked: boolean) => void;
+    checked?: never;
+    onChange?: never;
+}
+export interface ControlledSwitchProps extends BaseSwitchProps {
+    name?: string;
+    control?: never;
+    validation?: never;
+    checked: boolean;
+    onChange: (checked: boolean) => void;
+}
+export type SwitchProps = RHFSwitchProps | ControlledSwitchProps;
+export declare const Switch: React.ForwardRefExoticComponent<(Omit<RHFSwitchProps, "ref"> | Omit<ControlledSwitchProps, "ref">) & React.RefAttributes<HTMLDivElement>>;
+export default Switch;

package/components/Switch/Switch.d.ts

@@ -1,5 +1,6 @@
 import { SwitchProps as MuiSwitchProps, SxProps, Theme } from '@mui/material';
 import { RegisterOptions } from 'react-hook-form';
+import * as React from 'react';
 export type SwitchSize = 'small' | 'medium';
 export type SwitchLabelPlacement = 'start' | 'end' | 'top' | 'bottom';
 export interface BaseSwitchProps extends Omit<MuiSwitchProps, 'value' | 'onChange' | 'checked' | 'defaultChecked' | 'size'> {
@@ -44,5 +45,5 @@ export interface ControlledSwitchProps extends BaseSwitchProps {
     onChange: (checked: boolean) => void;
 }
 export type SwitchProps = RHFSwitchProps | ControlledSwitchProps;
-export declare const Switch: React.FC<SwitchProps>;
+export declare const Switch: React.ForwardRefExoticComponent<(Omit<RHFSwitchProps, "ref"> | Omit<ControlledSwitchProps, "ref">) & React.RefAttributes<HTMLDivElement>>;
 export default Switch;

package/components/Switch/Switch.sx.d.cts

@@ -0,0 +1,27 @@
+import { CSSObject, SxProps, Theme } from '@mui/material/styles';
+export interface BuildSwitchSxOptions {
+    bordered: boolean;
+    borderRadius: number | string;
+    hasLabel: boolean;
+    error: boolean;
+}
+/**
+ * Builder de sx para Switch. Reproduce el estilo del antiguo
+ * `FormToggleInput` legacy cuando `bordered=true`: contenedor con borde,
+ * label a la izquierda y switch a la derecha (vía justify-content: space-between).
+ *
+ * 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`, sólo aplica un reset de margin del helper text.
+ */
+export declare const buildSwitchStyles: (theme: Theme, { bordered, borderRadius, hasLabel, error }: BuildSwitchSxOptions) => CSSObject;
+/**
+ * @deprecated El componente ya no lo usa: su estilo de fábrica vive en el
+ * `styled()`. Preferir `buildSwitchStyles`.
+ */
+export declare const buildSwitchSx: ({ bordered, borderRadius, hasLabel, error, }: BuildSwitchSxOptions) => SxProps<Theme>;

package/components/Switch/Switch.sx.d.mts

@@ -0,0 +1,27 @@
+import { CSSObject, SxProps, Theme } from '@mui/material/styles';
+export interface BuildSwitchSxOptions {
+    bordered: boolean;
+    borderRadius: number | string;
+    hasLabel: boolean;
+    error: boolean;
+}
+/**
+ * Builder de sx para Switch. Reproduce el estilo del antiguo
+ * `FormToggleInput` legacy cuando `bordered=true`: contenedor con borde,
+ * label a la izquierda y switch a la derecha (vía justify-content: space-between).
+ *
+ * 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`, sólo aplica un reset de margin del helper text.
+ */
+export declare const buildSwitchStyles: (theme: Theme, { bordered, borderRadius, hasLabel, error }: BuildSwitchSxOptions) => CSSObject;
+/**
+ * @deprecated El componente ya no lo usa: su estilo de fábrica vive en el
+ * `styled()`. Preferir `buildSwitchStyles`.
+ */
+export declare const buildSwitchSx: ({ bordered, borderRadius, hasLabel, error, }: BuildSwitchSxOptions) => SxProps<Theme>;

package/components/Switch/Switch.sx.d.ts

@@ -1,4 +1,4 @@
-import { SxProps, Theme } from '@mui/material/styles';
+import { CSSObject, SxProps, Theme } from '@mui/material/styles';
 export interface BuildSwitchSxOptions {
     bordered: boolean;
     borderRadius: number | string;
@@ -19,4 +19,9 @@ export interface BuildSwitchSxOptions {
  *
  * Si `bordered=false`, sólo aplica un reset de margin del helper text.
  */
+export declare const buildSwitchStyles: (theme: Theme, { bordered, borderRadius, hasLabel, error }: BuildSwitchSxOptions) => CSSObject;
+/**
+ * @deprecated El componente ya no lo usa: su estilo de fábrica vive en el
+ * `styled()`. Preferir `buildSwitchStyles`.
+ */
 export declare const buildSwitchSx: ({ bordered, borderRadius, hasLabel, error, }: BuildSwitchSxOptions) => SxProps<Theme>;

package/components/Switch/Switch.types.d.cts

@@ -0,0 +1 @@
+export type { SwitchSize, SwitchLabelPlacement, BaseSwitchProps, RHFSwitchProps, ControlledSwitchProps, SwitchProps, } from './Switch';

package/components/Switch/Switch.types.d.mts

@@ -0,0 +1 @@
+export type { SwitchSize, SwitchLabelPlacement, BaseSwitchProps, RHFSwitchProps, ControlledSwitchProps, SwitchProps, } from './Switch.mjs';

package/components/Switch/index.cjs

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

package/components/Switch/index.cjs.map

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

package/components/Switch/index.d.cts

@@ -0,0 +1,2 @@
+export { Switch, default } from './Switch';
+export type { SwitchSize, SwitchLabelPlacement, BaseSwitchProps, RHFSwitchProps, ControlledSwitchProps, SwitchProps, } from './Switch.types';

package/components/Switch/index.d.mts

@@ -0,0 +1,2 @@
+export { Switch, default } from './Switch.mjs';
+export type { SwitchSize, SwitchLabelPlacement, BaseSwitchProps, RHFSwitchProps, ControlledSwitchProps, SwitchProps, } from './Switch.types.mjs';

package/components/Switch/index.mjs

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

package/components/Switch/index.mjs.map

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

package/components/Switch.d.cts

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

package/components/Switch.d.mts

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

package/components/Table/Table.d.cts

@@ -0,0 +1,41 @@
+import { default as React } from 'react';
+export type FieldName<T> = keyof T | Array<keyof T>;
+interface TableProps<T> {
+    data: T[];
+    children: React.ReactNode;
+    currentPage?: number;
+    pageSize?: number;
+    totalPages?: number;
+    previousPage?: number;
+    nextPage?: number;
+    pageSizeSelectorValue?: number;
+    onPageChange?: (newPage: number) => void;
+    onPageSizeChange?: (newSize: number) => void;
+    visiblePageNumbers?: number;
+    enableCSVExport?: boolean;
+    csvExportFileName?: string;
+    csvExportButtonText?: string;
+    csvExportColumns?: string[];
+    enableExcelExport?: boolean;
+    excelExportFileName?: string;
+    excelExportButtonText?: string;
+    excelExportColumns?: string[];
+    enableRowSelection?: boolean;
+    rowIdentifier?: keyof T;
+    onSelectionChange?: (selectedItems: T[]) => void;
+    showPageSizeSelector?: boolean;
+    emptyTitle?: string;
+    emptyMessage?: string;
+    emptyImageSrc?: React.ReactNode;
+    /**
+     * Ancho mínimo de la tabla. Default: `650`.
+     *
+     * Por debajo de ese ancho el contenedor scrollea en horizontal, así que en un
+     * panel angosto (una card lateral, un móvil) las últimas columnas quedan
+     * escondidas detrás del scroll. Bajarlo —o ponerlo en `0`— deja que las
+     * columnas se compriman en vez de desbordar.
+     */
+    minWidth?: number | string;
+}
+export declare function Table<T>({ data, children, currentPage, pageSize, totalPages, previousPage: _previousPage, nextPage: _nextPage, pageSizeSelectorValue, onPageChange, onPageSizeChange, visiblePageNumbers, enableCSVExport, csvExportFileName, csvExportButtonText, csvExportColumns, enableExcelExport, excelExportFileName, excelExportButtonText, excelExportColumns, enableRowSelection, rowIdentifier, onSelectionChange, showPageSizeSelector, emptyTitle, emptyMessage, emptyImageSrc, minWidth, }: TableProps<T>): import("react/jsx-runtime").JSX.Element;
+export default Table;

package/components/Table/Table.d.mts

@@ -0,0 +1,41 @@
+import { default as React } from 'react';
+export type FieldName<T> = keyof T | Array<keyof T>;
+interface TableProps<T> {
+    data: T[];
+    children: React.ReactNode;
+    currentPage?: number;
+    pageSize?: number;
+    totalPages?: number;
+    previousPage?: number;
+    nextPage?: number;
+    pageSizeSelectorValue?: number;
+    onPageChange?: (newPage: number) => void;
+    onPageSizeChange?: (newSize: number) => void;
+    visiblePageNumbers?: number;
+    enableCSVExport?: boolean;
+    csvExportFileName?: string;
+    csvExportButtonText?: string;
+    csvExportColumns?: string[];
+    enableExcelExport?: boolean;
+    excelExportFileName?: string;
+    excelExportButtonText?: string;
+    excelExportColumns?: string[];
+    enableRowSelection?: boolean;
+    rowIdentifier?: keyof T;
+    onSelectionChange?: (selectedItems: T[]) => void;
+    showPageSizeSelector?: boolean;
+    emptyTitle?: string;
+    emptyMessage?: string;
+    emptyImageSrc?: React.ReactNode;
+    /**
+     * Ancho mínimo de la tabla. Default: `650`.
+     *
+     * Por debajo de ese ancho el contenedor scrollea en horizontal, así que en un
+     * panel angosto (una card lateral, un móvil) las últimas columnas quedan
+     * escondidas detrás del scroll. Bajarlo —o ponerlo en `0`— deja que las
+     * columnas se compriman en vez de desbordar.
+     */
+    minWidth?: number | string;
+}
+export declare function Table<T>({ data, children, currentPage, pageSize, totalPages, previousPage: _previousPage, nextPage: _nextPage, pageSizeSelectorValue, onPageChange, onPageSizeChange, visiblePageNumbers, enableCSVExport, csvExportFileName, csvExportButtonText, csvExportColumns, enableExcelExport, excelExportFileName, excelExportButtonText, excelExportColumns, enableRowSelection, rowIdentifier, onSelectionChange, showPageSizeSelector, emptyTitle, emptyMessage, emptyImageSrc, minWidth, }: TableProps<T>): import("react/jsx-runtime").JSX.Element;
+export default Table;

package/components/Table/data.d.cts

@@ -0,0 +1,3 @@
+export declare const usuarios: Usuario[];
+export declare const productos: Producto[];
+export declare const empleados: Empleado[];

package/components/Table/data.d.mts

@@ -0,0 +1,3 @@
+export declare const usuarios: Usuario[];
+export declare const productos: Producto[];
+export declare const empleados: Empleado[];

package/components/Table/exportsUtils.d.cts

@@ -0,0 +1,24 @@
+import { default as React } from 'react';
+import { AlertProps } from '@mui/material/Alert';
+import { ColumnProps } from '../Column/Column';
+interface ExportOptions<T> {
+    data: T[];
+    columns: React.ReactElement<ColumnProps<T>>[];
+    fileName: string;
+    exportColumns?: string[];
+    setSnackbarOpen: React.Dispatch<React.SetStateAction<boolean>>;
+    setSnackbarMessage: React.Dispatch<React.SetStateAction<string>>;
+    setSnackbarSeverity: React.Dispatch<React.SetStateAction<AlertProps['severity']>>;
+}
+/**
+ * Función para exportar datos a un archivo CSV.
+ * @param options Opciones de exportación, incluyendo datos, columnas, nombre de archivo y setters de Snackbar.
+ */
+export declare const exportToCSV: <T>(options: ExportOptions<T>) => void;
+/**
+ * Función para exportar datos a un archivo Excel (formato XLSX).
+ * Genera una tabla HTML que luego se descarga como un archivo .xlsx.
+ * @param options Opciones de exportación, incluyendo datos, columnas, nombre de archivo y setters de Snackbar.
+ */
+export declare const exportToExcel: <T>(options: ExportOptions<T>) => void;
+export {};

package/components/Table/exportsUtils.d.mts

@@ -0,0 +1,24 @@
+import { default as React } from 'react';
+import { AlertProps } from '@mui/material/Alert';
+import { ColumnProps } from '../Column/Column.mjs';
+interface ExportOptions<T> {
+    data: T[];
+    columns: React.ReactElement<ColumnProps<T>>[];
+    fileName: string;
+    exportColumns?: string[];
+    setSnackbarOpen: React.Dispatch<React.SetStateAction<boolean>>;
+    setSnackbarMessage: React.Dispatch<React.SetStateAction<string>>;
+    setSnackbarSeverity: React.Dispatch<React.SetStateAction<AlertProps['severity']>>;
+}
+/**
+ * Función para exportar datos a un archivo CSV.
+ * @param options Opciones de exportación, incluyendo datos, columnas, nombre de archivo y setters de Snackbar.
+ */
+export declare const exportToCSV: <T>(options: ExportOptions<T>) => void;
+/**
+ * Función para exportar datos a un archivo Excel (formato XLSX).
+ * Genera una tabla HTML que luego se descarga como un archivo .xlsx.
+ * @param options Opciones de exportación, incluyendo datos, columnas, nombre de archivo y setters de Snackbar.
+ */
+export declare const exportToExcel: <T>(options: ExportOptions<T>) => void;
+export {};

package/components/Table/index.cjs

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

package/components/Table/index.cjs.map

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

package/components/Table/index.d.cts

@@ -0,0 +1 @@
+export { default as Table } from './Table';

package/components/Table/index.d.mts

@@ -0,0 +1 @@
+export { default as Table } from './Table.mjs';

package/components/Table/index.mjs

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

package/components/Table/index.mjs.map

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