@sfperusacdev/sf-ui 0.2.8 → 0.3.0

package/dist/types/src/components/dashboard/donutSizing.d.ts

@@ -0,0 +1,32 @@
+import { CSSProperties } from 'react';
+import { DonutGaugeSize } from './types';
+/** Diámetro de cada tamaño, en px. Es el máximo: la dona se encoge cuando su contenedor es más angosto. */
+export declare const DONUT_SIZE_PX: Record<DonutGaugeSize, number>;
+export declare const DONUT_STROKE_PX: Record<DonutGaugeSize, number>;
+export declare const DONUT_FONT_VALUE_PX: Record<DonutGaugeSize, number>;
+export declare const DONUT_FONT_LABEL_PX: Record<DonutGaugeSize, number>;
+/** Con más de un quinto del diámetro de anillo, el hueco no deja sitio al texto del centro. */
+export declare const DONUT_MAX_STROKE_RATIO = 0.2;
+export type DonutGeometry = {
+    dim: number;
+    stroke: number;
+    radius: number;
+    center: number;
+    circumference: number;
+    /** Diámetro del hueco interior, donde va el texto. */
+    hole: number;
+};
+/** Geometría del anillo. El grosor se acota a `DONUT_MAX_STROKE_RATIO` para que siempre quede hueco. */
+export declare const donutGeometry: (size: DonutGaugeSize, strokeWidth?: number) => DonutGeometry;
+/**
+ * Tamaño de fuente (px del viewBox) con el que `text` cabe en una línea dentro del hueco: el menor entre el tamaño
+ * base del donut y el que deja el ancho del hueco. Así «98.75%» no se monta sobre el anillo en una dona chica.
+ */
+export declare const fontThatFits: (basePx: number, hole: number, text: string) => number;
+/** px del viewBox → unidades del contenedor (`cqw`), para que el texto escale con el ancho real de la dona. */
+export declare const toCqw: (px: number, dim: number) => string;
+/**
+ * Variables CSS del anillo: diámetro máximo, hueco (inset del centro) y fuentes en `cqw`. Van en el elemento
+ * `.sf-donut__ring`, que es el contenedor de consulta (`container-type: inline-size`).
+ */
+export declare const donutRingStyle: (g: DonutGeometry, valueText: string, baseValuePx: number, baseLabelPx: number) => CSSProperties;

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

@@ -17,4 +17,4 @@ export type AuditTimelineProps = {
     emptyMessage?: string;
     className?: string;
 };
-export declare const AuditTimeline: ({ items, sectionTitle, eventCountLabel, ariaLabel, emptyMessage, className, }: AuditTimelineProps) => import("react").JSX.Element;
+export declare const AuditTimeline: ({ items, sectionTitle, eventCountLabel, ariaLabel, emptyMessage, className, }: AuditTimelineProps) => import('react').JSX.Element;

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

@@ -12,11 +12,11 @@ export type AvatarProps = {
     className?: string;
     imgProps?: Omit<ImgHTMLAttributes<HTMLImageElement>, "src" | "alt">;
 };
-export declare const Avatar: ({ src, alt, fallback, size, variant, shape, className, imgProps, }: AvatarProps) => import("react").JSX.Element;
+export declare const Avatar: ({ src, alt, fallback, size, variant, shape, className, imgProps, }: AvatarProps) => import('react').JSX.Element;
 export type AvatarGroupProps = {
     children: ReactNode;
     max?: number;
     size?: AvatarSize;
     className?: string;
 };
-export declare const AvatarGroup: ({ children, max, size, className }: AvatarGroupProps) => import("react").JSX.Element;
+export declare const AvatarGroup: ({ children, max, size, className }: AvatarGroupProps) => import('react').JSX.Element;

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

@@ -7,4 +7,4 @@ export type CarouselProps = {
     showArrows?: boolean;
     className?: string;
 };
-export declare const Carousel: ({ items, autoPlay, intervalMs, showDots, showArrows, className, }: CarouselProps) => import("react").JSX.Element | null;
+export declare const Carousel: ({ items, autoPlay, intervalMs, showDots, showArrows, className, }: CarouselProps) => import('react').JSX.Element | null;

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

@@ -3,4 +3,4 @@ export type LiveChipProps = {
     pulse?: boolean;
     className?: string;
 };
-export declare const LiveChip: ({ label, pulse, className }: LiveChipProps) => import("react").JSX.Element;
+export declare const LiveChip: ({ label, pulse, className }: LiveChipProps) => import('react').JSX.Element;

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

@@ -20,4 +20,4 @@ export type LiveStatusBarProps = {
     className?: string;
     ariaLabel?: string;
 };
-export declare const LiveStatusBar: ({ liveLabel, metrics, nextDeparture, className, ariaLabel, }: LiveStatusBarProps) => import("react").JSX.Element;
+export declare const LiveStatusBar: ({ liveLabel, metrics, nextDeparture, className, ariaLabel, }: LiveStatusBarProps) => import('react').JSX.Element;

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

@@ -26,4 +26,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, 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.d.ts

@@ -22,5 +22,5 @@ export type RecordListProps = {
     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 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;

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

@@ -14,4 +14,4 @@ export type TimelineProps = {
     emptyMessage?: string;
     className?: string;
 };
-export declare const Timeline: ({ items, ariaLabel, emptyMessage, className }: TimelineProps) => import("react").JSX.Element;
+export declare const Timeline: ({ items, ariaLabel, emptyMessage, className }: TimelineProps) => import('react').JSX.Element;

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;

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

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

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

@@ -14,4 +14,4 @@ export type NumberStepperProps = {
     formatValue?: (value: number) => string;
     className?: string;
 };
-export declare const NumberStepper: ({ value, onChange, min, max, step, tone, size, disabled, readOnly, ariaLabel, formatValue, className, }: NumberStepperProps) => import("react").JSX.Element;
+export declare const NumberStepper: ({ value, onChange, min, max, step, tone, size, disabled, readOnly, ariaLabel, formatValue, className, }: NumberStepperProps) => import('react').JSX.Element;

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

@@ -12,4 +12,4 @@ export type ProgressBarProps<TFormValues extends FieldValues> = {
     formatValue?: (value: number) => string;
     onRefresh?: () => Promise<void> | void;
 };
-export declare const ProgressBar: <TFormValues extends FieldValues>({ form, name, label, info, required, min, max, suffix, className, formatValue, onRefresh, }: ProgressBarProps<TFormValues>) => import("react").JSX.Element;
+export declare const ProgressBar: <TFormValues extends FieldValues>({ form, name, label, info, required, min, max, suffix, className, formatValue, onRefresh, }: ProgressBarProps<TFormValues>) => import('react').JSX.Element;

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

@@ -12,4 +12,4 @@ export type ProgressBarReadonlyProps = {
     size?: ProgressBarReadonlySize;
     className?: string;
 };
-export declare const ProgressBarReadonly: ({ value, min, max, label, showValue, suffix, formatValue, tone, size, className, }: ProgressBarReadonlyProps) => import("react").JSX.Element;
+export declare const ProgressBarReadonly: ({ value, min, max, label, showValue, suffix, formatValue, tone, size, className, }: ProgressBarReadonlyProps) => import('react').JSX.Element;

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

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

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

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