@sfperusacdev/sf-ui 0.2.9 → 0.3.1

package/dist/types/src/components/display/MediaPanel.d.ts

@@ -1,6 +1,7 @@
 import { ImgHTMLAttributes, ReactNode } from 'react';
 export type MediaPanelOverlay = "none" | "gradient-bottom" | "gradient-top" | "dark";
 export type MediaPanelFit = "cover" | "contain";
+export type MediaPanelContentStyle = "default" | "script";
 export type MediaPanelProps = {
     src: string;
     alt: string;
@@ -12,6 +13,8 @@ export type MediaPanelProps = {
     overlay?: MediaPanelOverlay;
     /** Contenido superpuesto (ej. un título editorial) — se ancla abajo a la izquierda por defecto. */
     children?: ReactNode;
+    /** "script" pinta el contenido superpuesto con la letra manuscrita del tema (`--sf-font-script`), en blanco. */
+    contentStyle?: MediaPanelContentStyle;
     rounded?: boolean;
     loading?: "lazy" | "eager";
     /** Se muestra si `src` falla al cargar (ej. un icono o texto). Sin `fallback`, un error de carga
@@ -26,4 +29,4 @@ export type MediaPanelProps = {
  * cercano era `Avatar`, pensado para fotos de perfil pequeñas, y `Carousel`, que es un slideshow
  * genérico sin tratamiento de imagen).
  */
-export declare const MediaPanel: ({ src, alt, aspectRatio, fit, overlay, children, rounded, loading, fallback, className, imgProps, }: MediaPanelProps) => import("react").JSX.Element;
+export declare const MediaPanel: ({ src, alt, aspectRatio, fit, overlay, children, contentStyle, rounded, loading, fallback, className, imgProps, }: MediaPanelProps) => import('react').JSX.Element;

package/dist/types/src/components/display/PassengerBoardCard.d.ts

@@ -19,4 +19,4 @@ export type PassengerBoardCardProps = {
     boardLabel?: string;
     className?: string;
 };
-export declare const PassengerBoardCard: (props: PassengerBoardCardProps) => import("react").JSX.Element;
+export declare const PassengerBoardCard: (props: PassengerBoardCardProps) => import('react').JSX.Element;

package/dist/types/src/components/display/RecordList.caracterizacion.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/components/display/RecordList.compacta.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/components/display/RecordList.d.ts

@@ -1,26 +1,39 @@
 import { ReactNode } from 'react';
+import { BadgeAppearance } from '../cards/Badge';
 import { BadgeVariant } from '../cards/types';
 export type RecordListIconTone = "info" | "warning" | "success" | "neutral";
 export type RecordListItemProps = {
     id?: string;
     icon?: ReactNode;
     iconTone?: RecordListIconTone;
+    /** Color propio del ícono (sin caja de fondo, con halo). Gana sobre `iconTone`. */
+    iconColor?: string;
+    /** Columna fija antes del título (ej. la fecha). */
+    meta?: ReactNode;
     title: ReactNode;
     subtitle?: ReactNode;
     badge?: {
         label: string;
         variant?: BadgeVariant;
         dot?: boolean;
+        appearance?: BadgeAppearance;
+        color?: string;
     };
     actions?: ReactNode;
+    /** Con `onClick`, ícono, columna `meta`, título y subtítulo forman un botón (el `badge` y `actions` quedan fuera). */
+    onClick?: () => void;
+    selected?: boolean;
     className?: string;
 };
 export type RecordListProps = {
     title?: ReactNode;
     action?: ReactNode;
     items: RecordListItemProps[];
+    /** "compact": filas de una línea, sin caja propia, separadas por una línea. */
+    density?: RecordListDensity;
     className?: string;
     ariaLabel?: string;
 };
-export declare const RecordListItem: ({ icon, iconTone, title, subtitle, badge, actions, className, }: RecordListItemProps) => import("react").JSX.Element;
-export declare const RecordList: ({ title, action, items, className, ariaLabel }: RecordListProps) => import("react").JSX.Element;
+export type RecordListDensity = "default" | "compact";
+export declare const RecordListItem: ({ icon, iconTone, iconColor, meta, title, subtitle, badge, actions, onClick, selected, className, }: RecordListItemProps) => import('react').JSX.Element;
+export declare const RecordList: ({ title, action, items, density, className, ariaLabel }: RecordListProps) => import('react').JSX.Element;

package/dist/types/src/components/display/Timeline.caracterizacion.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/components/display/Timeline.columnas.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/components/display/Timeline.d.ts

@@ -7,11 +7,32 @@ export type TimelineItem = {
     time?: ReactNode;
     status?: TimelineStatus;
     icon?: ReactNode;
+    /** Color propio del marcador (y del tramo de línea que sale de él). Gana sobre `status`. */
+    color?: string;
+    /** Columna intermedia a la derecha del cuerpo (ej. el impacto del evento). */
+    meta?: ReactNode;
+    /** Columna final (ej. un `Badge` de estado). */
+    aside?: ReactNode;
+    /** Con `onClick` el título es un botón que abre el detalle del elemento. */
+    onClick?: () => void;
 };
+export type TimelineOrientation = "vertical" | "horizontal";
 export type TimelineProps = {
     items: TimelineItem[];
     ariaLabel?: string;
     emptyMessage?: string;
+    /** "vertical" (por defecto) o "horizontal": la misma lista con los marcadores sobre una línea. Solo se muestra
+     * horizontal si el contenedor da al menos 8rem por elemento; si no, o si no se puede medir, queda vertical. */
+    orientation?: TimelineOrientation;
+    /** Ancho mínimo por elemento, en rem, para mostrar la horizontal. Por defecto 8. */
+    minItemWidth?: number;
+    /** Solo horizontal: "center" centra marcador y textos bajo el marcador; con ícono, el ícono va sobre la línea y un
+     * punto del mismo color marca la línea. */
+    align?: "start" | "center";
+    /** "top" pone la hora antes del título. */
+    timePosition?: "inline" | "top";
+    /** "cards": cada elemento en su propia tarjeta (solo vertical). */
+    variant?: "default" | "cards";
     className?: string;
 };
-export declare const Timeline: ({ items, ariaLabel, emptyMessage, className }: TimelineProps) => import("react").JSX.Element;
+export declare const Timeline: ({ items, ariaLabel, emptyMessage, orientation, minItemWidth, align, timePosition, variant, className, }: TimelineProps) => import('react').JSX.Element;

package/dist/types/src/components/display/Timeline.horizontal.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/components/display/index.d.ts

@@ -1,9 +1,9 @@
 export { Avatar, AvatarGroup } from './Avatar';
 export type { AvatarProps, AvatarGroupProps, AvatarSize, AvatarVariant, AvatarShape } from './Avatar';
 export { AuditTimeline } from './AuditTimeline';
-export type { AuditEventType, AuditTimelineItem, AuditTimelineProps } from './AuditTimeline';
+export type { AuditEventType, AuditTimelineItem, AuditTimelineProps, AuditTimelineVariant } from './AuditTimeline';
 export { RecordList, RecordListItem } from './RecordList';
-export type { RecordListIconTone, RecordListItemProps, RecordListProps } from './RecordList';
+export type { RecordListDensity, RecordListIconTone, RecordListItemProps, RecordListProps } from './RecordList';
 export { LiveChip } from './LiveChip';
 export type { LiveChipProps } from './LiveChip';
 export { LiveStatusBar } from './LiveStatusBar';
@@ -11,8 +11,12 @@ export type { LiveStatusBarProps, LiveStatusMetric } from './LiveStatusBar';
 export { PassengerBoardCard } from './PassengerBoardCard';
 export type { PassengerBoardCardProps } from './PassengerBoardCard';
 export { Timeline } from './Timeline';
-export type { TimelineItem, TimelineProps, TimelineStatus } from './Timeline';
+export type { TimelineItem, TimelineOrientation, TimelineProps, TimelineStatus } from './Timeline';
 export { Carousel } from './Carousel';
 export type { CarouselProps } from './Carousel';
+export { CheckList } from './CheckList';
+export type { CheckListItem, CheckListProps } from './CheckList';
 export { MediaPanel } from './MediaPanel';
-export type { MediaPanelFit, MediaPanelOverlay, MediaPanelProps } from './MediaPanel';
+export type { MediaPanelContentStyle, MediaPanelFit, MediaPanelOverlay, MediaPanelProps } from './MediaPanel';
+export { MediaGallery } from './MediaGallery';
+export type { MediaGalleryItem, MediaGalleryKind, MediaGalleryProps } from './MediaGallery';

package/dist/types/src/components/display/mediaGalleryFoco.d.ts

@@ -0,0 +1 @@
+export { esEnfocableValido, siguienteEnContencion, tabulables } from '../../utils/foco';

package/dist/types/src/components/display/mediaGalleryFoco.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/components/document-inputs/CurrencyInput.d.ts

@@ -17,5 +17,5 @@ type CurrencyInputProps<TFormValues extends FieldValues> = {
     suffix?: string;
     onChange?: (value: string) => void;
 };
-export declare const CurrencyInput: <TFormValues extends FieldValues>({ form, name, label, info, required, placeholder, readOnly, disabled, small, className, currency, decimals, allowNegative, suffix, onChange, }: CurrencyInputProps<TFormValues>) => import("react").JSX.Element;
+export declare const CurrencyInput: <TFormValues extends FieldValues>({ form, name, label, info, required, placeholder, readOnly, disabled, small, className, currency, decimals, allowNegative, suffix, onChange, }: CurrencyInputProps<TFormValues>) => import('react').JSX.Element;
 export {};

package/dist/types/src/components/document-inputs/DniInput.d.ts

@@ -13,5 +13,5 @@ type DniInputProps<TFormValues extends FieldValues> = {
     validateOnComplete?: boolean;
     onChange?: (value: string) => void;
 };
-export declare const DniInput: <TFormValues extends FieldValues>({ form, name, label, info, required, placeholder, readOnly, disabled, small, className, validateOnComplete, onChange, }: DniInputProps<TFormValues>) => import("react").JSX.Element;
+export declare const DniInput: <TFormValues extends FieldValues>({ form, name, label, info, required, placeholder, readOnly, disabled, small, className, validateOnComplete, onChange, }: DniInputProps<TFormValues>) => import('react').JSX.Element;
 export {};

package/dist/types/src/components/document-inputs/OtpInput.d.ts

@@ -11,5 +11,5 @@ type OtpInputProps<TFormValues extends FieldValues> = {
     length?: number;
     onChange?: (value: string) => void;
 };
-export declare const OtpInput: <TFormValues extends FieldValues>({ form, name, label, info, required, disabled, small, className, length, onChange, }: OtpInputProps<TFormValues>) => import("react").JSX.Element;
+export declare const OtpInput: <TFormValues extends FieldValues>({ form, name, label, info, required, disabled, small, className, length, onChange, }: OtpInputProps<TFormValues>) => import('react').JSX.Element;
 export {};

package/dist/types/src/components/document-inputs/PhoneInput.d.ts

@@ -14,5 +14,5 @@ type PhoneInputProps<TFormValues extends FieldValues> = {
     onChange?: (value: string) => void;
     onCountryChange?: (countryCode: string) => void;
 };
-export declare const PhoneInput: <TFormValues extends FieldValues>({ form, name, label, info, required, placeholder, readOnly, disabled, small, className, defaultCountry, onChange, onCountryChange, }: PhoneInputProps<TFormValues>) => import("react").JSX.Element;
+export declare const PhoneInput: <TFormValues extends FieldValues>({ form, name, label, info, required, placeholder, readOnly, disabled, small, className, defaultCountry, onChange, onCountryChange, }: PhoneInputProps<TFormValues>) => import('react').JSX.Element;
 export {};

package/dist/types/src/components/document-inputs/RucInput.d.ts

@@ -13,5 +13,5 @@ type RucInputProps<TFormValues extends FieldValues> = {
     validateOnComplete?: boolean;
     onChange?: (value: string) => void;
 };
-export declare const RucInput: <TFormValues extends FieldValues>({ form, name, label, info, required, placeholder, readOnly, disabled, small, className, validateOnComplete, onChange, }: RucInputProps<TFormValues>) => import("react").JSX.Element;
+export declare const RucInput: <TFormValues extends FieldValues>({ form, name, label, info, required, placeholder, readOnly, disabled, small, className, validateOnComplete, onChange, }: RucInputProps<TFormValues>) => import('react').JSX.Element;
 export {};

package/dist/types/src/components/feedback/AccessDenied.d.ts

@@ -5,4 +5,4 @@ export type AccessDeniedProps = {
     backLabel?: string;
     className?: string;
 };
-export declare const AccessDenied: ({ title, message, onBack, backLabel, className, }: AccessDeniedProps) => import("react").JSX.Element;
+export declare const AccessDenied: ({ title, message, onBack, backLabel, className, }: AccessDeniedProps) => import('react').JSX.Element;

package/dist/types/src/components/feedback/Alert.d.ts

@@ -16,5 +16,5 @@ type AlertProps = {
     actions?: AlertAction[];
     className?: string;
 };
-export declare const Alert: ({ variant, title, message, dismissible, onDismiss, icon, actions, className, }: AlertProps) => import("react").JSX.Element | null;
+export declare const Alert: ({ variant, title, message, dismissible, onDismiss, icon, actions, className, }: AlertProps) => import('react').JSX.Element | null;
 export {};

package/dist/types/src/components/feedback/EmptyState.d.ts

@@ -5,5 +5,5 @@ type EmptyStateProps = {
     onAction?: () => void;
     icon?: ReactNode;
 };
-export declare const EmptyState: ({ message, actionLabel, onAction, icon, }: EmptyStateProps) => import("react").JSX.Element;
+export declare const EmptyState: ({ message, actionLabel, onAction, icon, }: EmptyStateProps) => import('react').JSX.Element;
 export {};

package/dist/types/src/components/feedback/ErrorView.d.ts

@@ -4,5 +4,5 @@ type ErrorViewProps = {
     onRetry?: () => void;
     retryLabel?: string;
 };
-export declare const ErrorView: ({ error, message, onRetry, retryLabel }: ErrorViewProps) => import("react").JSX.Element;
+export declare const ErrorView: ({ error, message, onRetry, retryLabel }: ErrorViewProps) => import('react').JSX.Element;
 export {};

package/dist/types/src/components/feedback/LoadingView.d.ts

@@ -1,5 +1,5 @@
 type LoadingViewProps = {
     message?: string;
 };
-export declare const LoadingView: ({ message }: LoadingViewProps) => import("react").JSX.Element;
+export declare const LoadingView: ({ message }: LoadingViewProps) => import('react').JSX.Element;
 export {};

package/dist/types/src/components/feedback/RetryBlock.d.ts

@@ -7,5 +7,5 @@ type RetryBlockProps = {
     onRetry?: () => void;
     className?: string;
 };
-export declare const RetryBlock: ({ children, isError, isLoading, error, onRetry, className, }: RetryBlockProps) => import("react").JSX.Element;
+export declare const RetryBlock: ({ children, isError, isLoading, error, onRetry, className, }: RetryBlockProps) => import('react').JSX.Element;
 export {};

package/dist/types/src/components/feedback/Skeleton.d.ts

@@ -6,4 +6,4 @@ export type SkeletonProps = {
     height?: CSSProperties["height"];
     className?: string;
 };
-export declare const Skeleton: ({ variant, width, height, className }: SkeletonProps) => import("react").JSX.Element;
+export declare const Skeleton: ({ variant, width, height, className }: SkeletonProps) => import('react').JSX.Element;

package/dist/types/src/components/feedback/Spinner.d.ts

@@ -2,5 +2,5 @@ type SpinnerProps = {
     size?: "xs" | "sm" | "md" | "lg";
     className?: string;
 };
-export declare const Spinner: ({ size, className }: SpinnerProps) => import("react").JSX.Element;
+export declare const Spinner: ({ size, className }: SpinnerProps) => import('react').JSX.Element;
 export {};

package/dist/types/src/components/feedback/Toast.d.ts

@@ -22,6 +22,6 @@ type ToastProviderProps = {
     children: ReactNode;
     position?: ToastPosition;
 };
-export declare const ToastProvider: ({ children, position }: ToastProviderProps) => import("react").JSX.Element;
+export declare const ToastProvider: ({ children, position }: ToastProviderProps) => import('react').JSX.Element;
 export declare const useToast: () => ToastContextValue;
 export {};

package/dist/types/src/components/icons/AppsGridIcon.d.ts

@@ -6,4 +6,4 @@ export type AppsGridIconProps = {
  * gente reconoce como "ver todos los módulos". No usar `FiGrid` para esto:
  * es una cuadrícula de 2×2 y se lee como "cambiar de vista", no como launcher.
  */
-export declare const AppsGridIcon: ({ className }: AppsGridIconProps) => import("react").JSX.Element;
+export declare const AppsGridIcon: ({ className }: AppsGridIconProps) => import('react').JSX.Element;

package/dist/types/src/components/icons/SyncIcon.d.ts

@@ -1,4 +1,4 @@
 export type SyncIconProps = {
     className?: string;
 };
-export declare const SyncIcon: ({ className }: SyncIconProps) => import("react").JSX.Element;
+export declare const SyncIcon: ({ className }: SyncIconProps) => import('react').JSX.Element;

package/dist/types/src/components/inputs/AsyncCardSelect.d.ts

@@ -13,5 +13,5 @@ type AsyncCardSelectProps<TFormValues extends FieldValues, TOption extends Selec
     className?: string;
     loadOnMount?: boolean;
 };
-export declare const AsyncCardSelect: <TFormValues extends FieldValues, TOption extends SelectOption = SelectOption>({ form, name, loadOptions, label, info, required, multiple, readOnly, onChange, className, loadOnMount, }: AsyncCardSelectProps<TFormValues, TOption>) => import("react").JSX.Element;
+export declare const AsyncCardSelect: <TFormValues extends FieldValues, TOption extends SelectOption = SelectOption>({ form, name, loadOptions, label, info, required, multiple, readOnly, onChange, className, loadOnMount, }: AsyncCardSelectProps<TFormValues, TOption>) => import('react').JSX.Element;
 export {};

package/dist/types/src/components/inputs/AsyncSearchSelect.d.ts

@@ -19,5 +19,5 @@ type AsyncSearchSelectProps<TFormValues extends FieldValues> = {
     /** Icono a la izquierda, en su propio compartimento. */
     leadingIcon?: IconType;
 };
-export declare const AsyncSearchSelect: <TFormValues extends FieldValues>({ form, name, loadOptions, label, info, required, multiple, className, placeholder, searchPlaceholder, emptyMessage, readOnly, small, onChange, leadingIcon, }: AsyncSearchSelectProps<TFormValues>) => import("react").JSX.Element;
+export declare const AsyncSearchSelect: <TFormValues extends FieldValues>({ form, name, loadOptions, label, info, required, multiple, className, placeholder, searchPlaceholder, emptyMessage, readOnly, small, onChange, leadingIcon, }: AsyncSearchSelectProps<TFormValues>) => import('react').JSX.Element;
 export {};

package/dist/types/src/components/inputs/AsyncSearchTableSelect.d.ts

@@ -24,5 +24,5 @@ type AsyncSearchTableSelectProps<TFormValues extends FieldValues, TOption extend
     promptTitle?: string;
     promptMessage?: ReactNode;
 };
-export declare const AsyncSearchTableSelect: <TFormValues extends FieldValues, TOption extends SelectOption = SelectOption>({ form, name, loadOptions, columns, searchKeys, label, info, required, multiple, emptyMessage, readOnly, pageSize, onChange, loadOnMount, searchPlaceholder, helperText, minSearchLength, promptIcon, promptTitle, promptMessage, }: AsyncSearchTableSelectProps<TFormValues, TOption>) => import("react").JSX.Element;
+export declare const AsyncSearchTableSelect: <TFormValues extends FieldValues, TOption extends SelectOption = SelectOption>({ form, name, loadOptions, columns, searchKeys, label, info, required, multiple, emptyMessage, readOnly, pageSize, onChange, loadOnMount, searchPlaceholder, helperText, minSearchLength, promptIcon, promptTitle, promptMessage, }: AsyncSearchTableSelectProps<TFormValues, TOption>) => import('react').JSX.Element;
 export {};

package/dist/types/src/components/inputs/BooleanCheckbox.d.ts

@@ -10,5 +10,5 @@ type BooleanCheckboxProps<TFormValues extends FieldValues> = {
     onChange?: (value: boolean) => void;
     onRefresh?: () => Promise<void> | void;
 };
-export declare const BooleanCheckbox: <TFormValues extends FieldValues>({ form, name, label, info, required, readOnly, className, onChange, onRefresh, }: BooleanCheckboxProps<TFormValues>) => import("react").JSX.Element;
+export declare const BooleanCheckbox: <TFormValues extends FieldValues>({ form, name, label, info, required, readOnly, className, onChange, onRefresh, }: BooleanCheckboxProps<TFormValues>) => import('react').JSX.Element;
 export {};

package/dist/types/src/components/inputs/CardSelect.d.ts

@@ -14,5 +14,5 @@ type CardSelectProps<TFormValues extends FieldValues, TOption extends SelectOpti
     onRefresh?: () => Promise<void> | void;
     className?: string;
 };
-export declare const CardSelect: <TFormValues extends FieldValues, TOption extends SelectOption = SelectOption>({ form, name, options, label, info, required, multiple, readOnly, loading, onChange, onRefresh, className, }: CardSelectProps<TFormValues, TOption>) => import("react").JSX.Element;
+export declare const CardSelect: <TFormValues extends FieldValues, TOption extends SelectOption = SelectOption>({ form, name, options, label, info, required, multiple, readOnly, loading, onChange, onRefresh, className, }: CardSelectProps<TFormValues, TOption>) => import('react').JSX.Element;
 export {};

package/dist/types/src/components/inputs/Checkbox.d.ts

@@ -12,5 +12,5 @@ type CheckboxProps<TFormValues extends FieldValues> = {
     onChange?: (value: boolean) => void;
     onRefresh?: () => Promise<void> | void;
 };
-export declare const Checkbox: <TFormValues extends FieldValues>({ form, name, label, checkboxLabel, info, required, readOnly, disabled, className, onChange, onRefresh, }: CheckboxProps<TFormValues>) => import("react").JSX.Element;
+export declare const Checkbox: <TFormValues extends FieldValues>({ form, name, label, checkboxLabel, info, required, readOnly, disabled, className, onChange, onRefresh, }: CheckboxProps<TFormValues>) => import('react').JSX.Element;
 export {};

package/dist/types/src/components/inputs/CheckboxGroup.d.ts

@@ -14,5 +14,5 @@ type CheckboxGroupProps<TFormValues extends FieldValues> = {
     onChange?: (values: string[]) => void;
     onRefresh?: () => Promise<void> | void;
 };
-export declare const CheckboxGroup: <TFormValues extends FieldValues>({ form, name, label, info, required, options, readOnly, disabled, small, className, onChange, onRefresh, }: CheckboxGroupProps<TFormValues>) => import("react").JSX.Element;
+export declare const CheckboxGroup: <TFormValues extends FieldValues>({ form, name, label, info, required, options, readOnly, disabled, small, className, onChange, onRefresh, }: CheckboxGroupProps<TFormValues>) => import('react').JSX.Element;
 export {};

package/dist/types/src/components/inputs/DateInput.d.ts

@@ -16,5 +16,5 @@ type DateInputProps<TFormValues extends FieldValues> = {
     onChange?: (value: string) => void;
     onRefresh?: () => Promise<void> | void;
 };
-export declare const DateInput: <TFormValues extends FieldValues>({ form, name, label, info, required, kind, min, max, readOnly, disabled, small, className, onChange, onRefresh, }: DateInputProps<TFormValues>) => import("react").JSX.Element;
+export declare const DateInput: <TFormValues extends FieldValues>({ form, name, label, info, required, kind, min, max, readOnly, disabled, small, className, onChange, onRefresh, }: DateInputProps<TFormValues>) => import('react').JSX.Element;
 export {};

package/dist/types/src/components/inputs/DatePicker.d.ts

@@ -15,5 +15,5 @@ type DatePickerProps<TFormValues extends FieldValues> = {
     onChange?: (value: string) => void;
     onRefresh?: () => Promise<void> | void;
 };
-export declare const DatePicker: <TFormValues extends FieldValues>({ form, name, label, info, required, className, placeholder, readOnly, disabled, small, min, max, onChange, onRefresh, }: DatePickerProps<TFormValues>) => import("react").JSX.Element;
+export declare const DatePicker: <TFormValues extends FieldValues>({ form, name, label, info, required, className, placeholder, readOnly, disabled, small, min, max, onChange, onRefresh, }: DatePickerProps<TFormValues>) => import('react').JSX.Element;
 export {};

package/dist/types/src/components/inputs/DisplayField.d.ts

@@ -11,5 +11,5 @@ type DisplayFieldProps<TFormValues extends FieldValues> = {
     className?: string;
     onRefresh?: () => Promise<void> | void;
 };
-export declare const DisplayField: <TFormValues extends FieldValues>({ form, name, label, info, required, format, emptyText, small, className, onRefresh, }: DisplayFieldProps<TFormValues>) => import("react").JSX.Element;
+export declare const DisplayField: <TFormValues extends FieldValues>({ form, name, label, info, required, format, emptyText, small, className, onRefresh, }: DisplayFieldProps<TFormValues>) => import('react').JSX.Element;
 export {};

package/dist/types/src/components/inputs/FieldLeadingIcon.d.ts

@@ -3,4 +3,4 @@ import { IconType } from 'react-icons';
 export declare const FieldLeadingIcon: ({ icon: Icon, small }: {
     icon: IconType;
     small?: boolean;
-}) => import("react").JSX.Element;
+}) => import('react').JSX.Element;

package/dist/types/src/components/inputs/FileInput.d.ts

@@ -17,5 +17,5 @@ type FileInputProps<TFormValues extends FieldValues> = {
     onChange?: (files: File[]) => void;
     onRefresh?: () => Promise<void> | void;
 };
-export declare const FileInput: <TFormValues extends FieldValues>({ form, name, label, info, required, accept, multiple, maxSizeMb, maxFiles, buttonLabel, readOnly, disabled, small, className, onChange, onRefresh, }: FileInputProps<TFormValues>) => import("react").JSX.Element;
+export declare const FileInput: <TFormValues extends FieldValues>({ form, name, label, info, required, accept, multiple, maxSizeMb, maxFiles, buttonLabel, readOnly, disabled, small, className, onChange, onRefresh, }: FileInputProps<TFormValues>) => import('react').JSX.Element;
 export {};

package/dist/types/src/components/inputs/NumberInput.d.ts

@@ -17,5 +17,5 @@ type NumberInputProps<TFormValues extends FieldValues> = {
     onChange?: (value: string) => void;
     onRefresh?: () => Promise<void> | void;
 };
-export declare const NumberInput: <TFormValues extends FieldValues>({ form, name, label, info, required, placeholder, readOnly, disabled, min, max, step, suffix, small, className, onChange, onRefresh, }: NumberInputProps<TFormValues>) => import("react").JSX.Element;
+export declare const NumberInput: <TFormValues extends FieldValues>({ form, name, label, info, required, placeholder, readOnly, disabled, min, max, step, suffix, small, className, onChange, onRefresh, }: NumberInputProps<TFormValues>) => import('react').JSX.Element;
 export {};

package/dist/types/src/components/inputs/PasswordInput.d.ts

@@ -13,5 +13,5 @@ type PasswordInputProps<TFormValues extends FieldValues> = {
     onChange?: (value: string) => void;
     onRefresh?: () => Promise<void> | void;
 };
-export declare const PasswordInput: <TFormValues extends FieldValues>({ form, name, label, info, required, className, placeholder, readOnly, small, showStrength, onChange, onRefresh, }: PasswordInputProps<TFormValues>) => import("react").JSX.Element;
+export declare const PasswordInput: <TFormValues extends FieldValues>({ form, name, label, info, required, className, placeholder, readOnly, small, showStrength, onChange, onRefresh, }: PasswordInputProps<TFormValues>) => import('react').JSX.Element;
 export {};

package/dist/types/src/components/inputs/RadioGroup.d.ts

@@ -14,5 +14,5 @@ type RadioGroupProps<TFormValues extends FieldValues> = {
     onChange?: (value: string) => void;
     onRefresh?: () => Promise<void> | void;
 };
-export declare const RadioGroup: <TFormValues extends FieldValues>({ form, name, label, info, required, options, readOnly, disabled, small, className, onChange, onRefresh, }: RadioGroupProps<TFormValues>) => import("react").JSX.Element;
+export declare const RadioGroup: <TFormValues extends FieldValues>({ form, name, label, info, required, options, readOnly, disabled, small, className, onChange, onRefresh, }: RadioGroupProps<TFormValues>) => import('react').JSX.Element;
 export {};

package/dist/types/src/components/inputs/SearchSelect.d.ts

@@ -23,5 +23,5 @@ type SearchSelectProps<TFormValues extends FieldValues> = {
     /** Icono a la izquierda, en su propio compartimento. */
     leadingIcon?: IconType;
 };
-export declare const SearchSelect: <TFormValues extends FieldValues>({ form, name, options, label, info, required, multiple, className, placeholder, searchPlaceholder, emptyMessage, readOnly, small, maxChips, onChange, onRefresh, onOpen, loading, leadingIcon, }: SearchSelectProps<TFormValues>) => import("react").JSX.Element;
+export declare const SearchSelect: <TFormValues extends FieldValues>({ form, name, options, label, info, required, multiple, className, placeholder, searchPlaceholder, emptyMessage, readOnly, small, maxChips, onChange, onRefresh, onOpen, loading, leadingIcon, }: SearchSelectProps<TFormValues>) => import('react').JSX.Element;
 export {};

package/dist/types/src/components/inputs/SearchTableSelect.bloqueadas.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/components/inputs/SearchTableSelect.caracterizacion.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/components/inputs/SearchTableSelect.d.ts

@@ -32,6 +32,24 @@ type SearchTableSelectProps<TFormValues extends FieldValues, TOption extends Sel
     promptIcon?: ReactNode;
     promptTitle?: string;
     promptMessage?: ReactNode;
+    /**
+     * Opciones bloqueadas: conservan su estado. Una bloqueada seleccionada no se quita (ni por clic, ni con la X del
+     * chip, ni con «Limpiar») y una bloqueada sin seleccionar no se agrega. En modo simple, un valor bloqueado no se
+     * reemplaza. Sin la prop, todas las opciones se comportan como hasta ahora.
+     */
+    isOptionLocked?: (option: TOption) => boolean;
+    /**
+     * Solo con `multiple`: casilla «Seleccionar página» que actúa sobre las filas visibles (búsqueda aplicada y página
+     * actual). Si falta alguna no bloqueada, agrega las que faltan; si ya están todas, quita solo esas. Conserva las
+     * selecciones de otras páginas y respeta las bloqueadas (ni agrega ni quita). Un solo `onChange` por acción.
+     */
+    enablePageSelection?: boolean;
+    /**
+     * Solo con `multiple`: botón «Ver solo seleccionados» que cambia la vista (no el valor ni `onChange`). Se combina
+     * con la búsqueda; al activarlo o desactivarlo vuelve a la página 1, y si una deselección deja la página fuera de
+     * rango, pasa a la última página válida. Bloqueos, «Seleccionar página» y «Limpiar» mantienen sus reglas.
+     */
+    enableShowSelectedOnly?: boolean;
 };
-export declare const SearchTableSelect: <TFormValues extends FieldValues, TOption extends SelectOption = SelectOption>({ form, name, options, columns: extraColumns, searchKeys, label, info, required, multiple, emptyMessage, readOnly, loading, pageSize, onChange, onRefresh, searchPlaceholder, helperText, minSearchLength, promptIcon, promptTitle, promptMessage, }: SearchTableSelectProps<TFormValues, TOption>) => import("react").JSX.Element;
+export declare const SearchTableSelect: <TFormValues extends FieldValues, TOption extends SelectOption = SelectOption>({ form, name, options, columns: extraColumns, searchKeys, label, info, required, multiple, emptyMessage, readOnly, loading, pageSize, onChange, onRefresh, searchPlaceholder, helperText, minSearchLength, promptIcon, promptTitle, promptMessage, isOptionLocked, enablePageSelection, enableShowSelectedOnly, }: SearchTableSelectProps<TFormValues, TOption>) => import('react').JSX.Element;
 export {};

package/dist/types/src/components/inputs/SearchTableSelect.seleccionPagina.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/components/inputs/SearchTableSelect.soloSeleccionados.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/components/inputs/Select.d.ts

@@ -14,5 +14,5 @@ type SelectProps<TFormValues extends FieldValues> = {
     small?: boolean;
     onRefresh?: () => Promise<void> | void;
 };
-export declare const Select: <TFormValues extends FieldValues>({ form, name, options, label, info, required, className, placeholder, readOnly, onChange, small, onRefresh, }: SelectProps<TFormValues>) => import("react").JSX.Element;
+export declare const Select: <TFormValues extends FieldValues>({ form, name, options, label, info, required, className, placeholder, readOnly, onChange, small, onRefresh, }: SelectProps<TFormValues>) => import('react').JSX.Element;
 export {};

package/dist/types/src/components/inputs/SmartDateInput.d.ts

@@ -31,5 +31,5 @@ type SmartTimeRangeProps<TFormValues extends FieldValues> = SmartDateBaseProps<T
     onChange?: (value: TimeRange) => void;
 };
 export type SmartDateInputProps<TFormValues extends FieldValues> = SmartDateSingleProps<TFormValues> | SmartDateRangeProps<TFormValues> | SmartTimeRangeProps<TFormValues>;
-export declare const SmartDateInput: <TFormValues extends FieldValues>(props: SmartDateInputProps<TFormValues>) => import("react").JSX.Element | null;
+export declare const SmartDateInput: <TFormValues extends FieldValues>(props: SmartDateInputProps<TFormValues>) => import('react').JSX.Element | null;
 export {};

package/dist/types/src/components/inputs/SmartSelect.d.ts

@@ -73,5 +73,5 @@ type SmartAsyncSearchTableSelectProps<TFormValues extends FieldValues, TOption e
     loadOnMount?: boolean;
 };
 export type SmartSelectProps<TFormValues extends FieldValues, TOption extends SelectOption = SelectOption> = SmartSelectSimpleProps<TFormValues> | SmartSearchSelectProps<TFormValues> | SmartAsyncSearchSelectProps<TFormValues> | SmartCardSelectProps<TFormValues> | SmartAsyncCardSelectProps<TFormValues> | SmartSearchTableSelectProps<TFormValues, TOption> | SmartAsyncSearchTableSelectProps<TFormValues, TOption>;
-export declare const SmartSelect: <TFormValues extends FieldValues, TOption extends SelectOption = SelectOption>(props: SmartSelectProps<TFormValues, TOption>) => import("react").JSX.Element | null;
+export declare const SmartSelect: <TFormValues extends FieldValues, TOption extends SelectOption = SelectOption>(props: SmartSelectProps<TFormValues, TOption>) => import('react').JSX.Element | null;
 export {};

package/dist/types/src/components/inputs/TextArea.d.ts

@@ -15,5 +15,5 @@ type TextAreaProps<TFormValues extends FieldValues> = {
     onChange?: (value: string) => void;
     onRefresh?: () => Promise<void> | void;
 };
-export declare const TextArea: <TFormValues extends FieldValues>({ form, name, label, info, required, placeholder, readOnly, disabled, rows, maxLength, small, className, onChange, onRefresh, }: TextAreaProps<TFormValues>) => import("react").JSX.Element;
+export declare const TextArea: <TFormValues extends FieldValues>({ form, name, label, info, required, placeholder, readOnly, disabled, rows, maxLength, small, className, onChange, onRefresh, }: TextAreaProps<TFormValues>) => import('react').JSX.Element;
 export {};

package/dist/types/src/components/inputs/Toggle.d.ts

@@ -14,5 +14,5 @@ type ToggleProps<TFormValues extends FieldValues> = {
     onChange?: (value: boolean) => void;
     onRefresh?: () => Promise<void> | void;
 };
-export declare const Toggle: <TFormValues extends FieldValues>({ form, name, label, info, required, trueLabel, falseLabel, readOnly, disabled, small, className, onChange, onRefresh, }: ToggleProps<TFormValues>) => import("react").JSX.Element;
+export declare const Toggle: <TFormValues extends FieldValues>({ form, name, label, info, required, trueLabel, falseLabel, readOnly, disabled, small, className, onChange, onRefresh, }: ToggleProps<TFormValues>) => import('react').JSX.Element;
 export {};

package/dist/types/src/components/inputs/ToggleCard.d.ts

@@ -17,5 +17,5 @@ type ToggleCardProps = {
  * Reutiliza el riel de `.sf-toggle__track` (CSS compilado de sf-ui): nada de
  * clases arbitrarias de Tailwind que dependan del escaneo del consumidor.
  */
-export declare const ToggleCard: ({ checked, onChange, icon, title, description, disabled, }: ToggleCardProps) => import("react").JSX.Element;
+export declare const ToggleCard: ({ checked, onChange, icon, title, description, disabled, }: ToggleCardProps) => import('react').JSX.Element;
 export {};

package/dist/types/src/components/inputs/Transfer.d.ts

@@ -7,4 +7,4 @@ export type TransferProps = {
     searchable?: boolean;
     className?: string;
 };
-export declare const Transfer: ({ items, targetKeys, onChange, titles, searchable, className, }: TransferProps) => import("react").JSX.Element;
+export declare const Transfer: ({ items, targetKeys, onChange, titles, searchable, className, }: TransferProps) => import('react').JSX.Element;

package/dist/types/src/components/inputs/TreeSelect.d.ts

@@ -17,5 +17,5 @@ type TreeSelectProps<TFormValues extends FieldValues> = {
     onChange?: (value: string | string[]) => void;
     onRefresh?: () => Promise<void> | void;
 };
-export declare const TreeSelect: <TFormValues extends FieldValues>({ form, name, treeData, label, info, required, multiple, className, placeholder, searchPlaceholder, emptyMessage, readOnly, small, onChange, onRefresh, }: TreeSelectProps<TFormValues>) => import("react").JSX.Element;
+export declare const TreeSelect: <TFormValues extends FieldValues>({ form, name, treeData, label, info, required, multiple, className, placeholder, searchPlaceholder, emptyMessage, readOnly, small, onChange, onRefresh, }: TreeSelectProps<TFormValues>) => import('react').JSX.Element;
 export {};

package/dist/types/src/components/inputs/YesNoSelect.d.ts

@@ -13,5 +13,5 @@ type YesNoSelectProps<TFormValues extends FieldValues> = {
     yesLabel?: string;
     noLabel?: string;
 };
-export declare const YesNoSelect: <TFormValues extends FieldValues>({ form, name, label, info, required, placeholder, readOnly, small, onChange, onRefresh, yesLabel, noLabel, }: YesNoSelectProps<TFormValues>) => import("react").JSX.Element;
+export declare const YesNoSelect: <TFormValues extends FieldValues>({ form, name, label, info, required, placeholder, readOnly, small, onChange, onRefresh, yesLabel, noLabel, }: YesNoSelectProps<TFormValues>) => import('react').JSX.Element;
 export {};

package/dist/types/src/components/inputs/booleanControls.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/components/inputs/useBooleanField.d.ts

@@ -0,0 +1,10 @@
+import { ChangeEvent } from 'react';
+import { FieldValues, Path, UseFormReturn } from 'react-hook-form';
+export declare const useBooleanField: <TFormValues extends FieldValues>(form: UseFormReturn<TFormValues>, name: Path<TFormValues>, onChange?: (value: boolean) => void) => {
+    id: string;
+    error: import('react-hook-form').FieldError | undefined;
+    errorMessage: string | undefined;
+    checked: boolean;
+    onBlur: () => void;
+    onChange: (event: ChangeEvent<HTMLInputElement>) => void;
+};

package/dist/types/src/components/interactive-inputs/AllocationBar.d.ts

@@ -22,4 +22,4 @@ export type AllocationBarProps = {
  * mantiene siempre — no hace falta re-normalizar nada. Cada manija es `role="slider"` con flechas de
  * teclado como alternativa al drag (Shift+flecha = paso grande).
  */
-export declare const AllocationBar: ({ segments, onChange, unit, valueFormat, className }: AllocationBarProps) => import("react").JSX.Element;
+export declare const AllocationBar: ({ segments, onChange, unit, valueFormat, className }: AllocationBarProps) => import('react').JSX.Element;

package/dist/types/src/components/interactive-inputs/CardRadioGroup.d.ts

@@ -17,4 +17,4 @@ export type CardRadioGroupProps = {
     className?: string;
     ariaLabel?: string;
 };
-export declare const CardRadioGroup: ({ value, onChange, options, name, className, ariaLabel, }: CardRadioGroupProps) => import("react").JSX.Element;
+export declare const CardRadioGroup: ({ value, onChange, options, name, className, ariaLabel, }: CardRadioGroupProps) => import('react').JSX.Element;

package/dist/types/src/components/interactive-inputs/ColorInput.d.ts

@@ -12,4 +12,4 @@ export type ColorInputProps<TFormValues extends FieldValues> = {
     onChange?: (value: string) => void;
     onRefresh?: () => Promise<void> | void;
 };
-export declare const ColorInput: <TFormValues extends FieldValues>({ form, name, label, info, required, readOnly, disabled, small, className, onChange, onRefresh, }: ColorInputProps<TFormValues>) => import("react").JSX.Element;
+export declare const ColorInput: <TFormValues extends FieldValues>({ form, name, label, info, required, readOnly, disabled, small, className, onChange, onRefresh, }: ColorInputProps<TFormValues>) => import('react').JSX.Element;