@soyfri/shared-library 4.0.4 → 4.1.1-beta.1

package/components/StatusMessage.d.cts

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

package/components/StatusMessage.d.mts

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

package/components/Stepper/Step.d.cts

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

package/components/Stepper/Step.d.mts

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

package/components/Stepper/Stepper.d.cts

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

package/components/Stepper/Stepper.d.mts

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

package/components/Stepper/Stepper.d.ts

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

package/components/Stepper/StepperContext.d.cts

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

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 {}