@sfperusacdev/sf-ui 0.1.11

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

@@ -0,0 +1,24 @@
+import { FieldValues, Path, UseFormReturn } from 'react-hook-form';
+import { SelectOption } from './SelectOption';
+type SearchSelectProps<TFormValues extends FieldValues> = {
+    form: UseFormReturn<TFormValues>;
+    name: Path<TFormValues>;
+    options: SelectOption[];
+    label?: string;
+    info?: string;
+    required?: boolean;
+    multiple?: boolean;
+    className?: string;
+    placeholder?: string;
+    searchPlaceholder?: string;
+    emptyMessage?: string;
+    readOnly?: boolean;
+    small?: boolean;
+    maxChips?: number;
+    onChange?: (value: string | string[]) => void;
+    onRefresh?: () => Promise<void> | void;
+    loading?: boolean;
+    onOpen?: () => void;
+};
+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, }: SearchSelectProps<TFormValues>) => import("react").JSX.Element;
+export {};

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

@@ -0,0 +1,22 @@
+import { FieldValues, Path, UseFormReturn } from 'react-hook-form';
+import { ColumnDef } from '@tanstack/react-table';
+import { SelectOption } from './SelectOption';
+type SearchTableSelectProps<TFormValues extends FieldValues, TOption extends SelectOption = SelectOption> = {
+    form: UseFormReturn<TFormValues>;
+    name: Path<TFormValues>;
+    options: TOption[];
+    columns?: ColumnDef<TOption, unknown>[];
+    searchKeys?: readonly string[];
+    label?: string;
+    info?: string;
+    required?: boolean;
+    multiple?: boolean;
+    emptyMessage?: string;
+    readOnly?: boolean;
+    loading?: boolean;
+    pageSize?: number;
+    onChange?: (value: string | string[]) => void;
+    onRefresh?: () => Promise<void> | void;
+};
+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, }: SearchTableSelectProps<TFormValues, TOption>) => import("react").JSX.Element;
+export {};

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

@@ -0,0 +1,18 @@
+import { FieldValues, Path, UseFormReturn } from 'react-hook-form';
+import { SelectOption } from './SelectOption';
+type SelectProps<TFormValues extends FieldValues> = {
+    form: UseFormReturn<TFormValues>;
+    name: Path<TFormValues>;
+    options: SelectOption[];
+    label?: string;
+    info?: string;
+    required?: boolean;
+    className?: string;
+    placeholder?: string;
+    readOnly?: boolean;
+    onChange?: (value: string) => void;
+    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 {};

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

@@ -0,0 +1,4 @@
+export type SelectOption<TExtra extends object = object> = {
+    label: string;
+    value: string;
+} & TExtra;

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

@@ -0,0 +1,35 @@
+import { FieldValues, Path, UseFormReturn } from 'react-hook-form';
+import { DateRange, TimeRange } from '../range-inputs/types';
+type SmartDateBaseProps<TFormValues extends FieldValues> = {
+    form: UseFormReturn<TFormValues>;
+    name: Path<TFormValues>;
+    label?: string;
+    info?: string;
+    required?: boolean;
+    readOnly?: boolean;
+    disabled?: boolean;
+    small?: boolean;
+    className?: string;
+    onRefresh?: () => Promise<void> | void;
+};
+type SmartDateSingleProps<TFormValues extends FieldValues> = SmartDateBaseProps<TFormValues> & {
+    kind: "date" | "time" | "datetime-local" | "month";
+    min?: string;
+    max?: string;
+    onChange?: (value: string) => void;
+};
+type SmartDateRangeProps<TFormValues extends FieldValues> = SmartDateBaseProps<TFormValues> & {
+    kind: "dateRange";
+    min?: string;
+    max?: string;
+    utc?: boolean;
+    onChange?: (value: DateRange) => void;
+};
+type SmartTimeRangeProps<TFormValues extends FieldValues> = SmartDateBaseProps<TFormValues> & {
+    kind: "timeRange";
+    showDuration?: boolean;
+    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 {};

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

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

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

@@ -0,0 +1,84 @@
+import { default as React } from 'react';
+import { FieldValues, Path, UseFormReturn } from 'react-hook-form';
+import { CurrencyCode } from '../document-inputs/documentUtils';
+type SmartInputBaseProps<TFormValues extends FieldValues> = {
+    form: UseFormReturn<TFormValues>;
+    name: Path<TFormValues>;
+    label?: string;
+    info?: string;
+    required?: boolean;
+    readOnly?: boolean;
+    disabled?: boolean;
+    small?: boolean;
+};
+type SmartInputTextProps<TFormValues extends FieldValues> = SmartInputBaseProps<TFormValues> & {
+    kind: "text";
+    placeholder?: string;
+    className?: string;
+    type?: React.HTMLInputTypeAttribute;
+    onChange?: (value: string) => void;
+    onRefresh?: () => Promise<void> | void;
+};
+type SmartInputTextAreaProps<TFormValues extends FieldValues> = SmartInputBaseProps<TFormValues> & {
+    kind: "textarea";
+    placeholder?: string;
+    className?: string;
+    rows?: number;
+    maxLength?: number;
+    onChange?: (value: string) => void;
+    onRefresh?: () => Promise<void> | void;
+};
+type SmartInputNumberProps<TFormValues extends FieldValues> = SmartInputBaseProps<TFormValues> & {
+    kind: "number";
+    placeholder?: string;
+    className?: string;
+    min?: number;
+    max?: number;
+    step?: number;
+    suffix?: string;
+    onChange?: (value: string) => void;
+    onRefresh?: () => Promise<void> | void;
+};
+type SmartInputYesNoProps<TFormValues extends FieldValues> = SmartInputBaseProps<TFormValues> & {
+    kind: "yesNo";
+    placeholder?: string;
+    yesLabel?: string;
+    noLabel?: string;
+    onChange?: (value: boolean) => void;
+    onRefresh?: () => Promise<void> | void;
+};
+type SmartInputDniProps<TFormValues extends FieldValues> = SmartInputBaseProps<TFormValues> & {
+    kind: "dni";
+    placeholder?: string;
+    className?: string;
+    validateOnComplete?: boolean;
+    onChange?: (value: string) => void;
+};
+type SmartInputRucProps<TFormValues extends FieldValues> = SmartInputBaseProps<TFormValues> & {
+    kind: "ruc";
+    placeholder?: string;
+    className?: string;
+    validateOnComplete?: boolean;
+    onChange?: (value: string) => void;
+};
+type SmartInputPhoneProps<TFormValues extends FieldValues> = SmartInputBaseProps<TFormValues> & {
+    kind: "phone";
+    placeholder?: string;
+    className?: string;
+    defaultCountry?: string;
+    onChange?: (value: string) => void;
+    onCountryChange?: (countryCode: string) => void;
+};
+type SmartInputCurrencyProps<TFormValues extends FieldValues> = SmartInputBaseProps<TFormValues> & {
+    kind: "currency";
+    placeholder?: string;
+    className?: string;
+    currency?: CurrencyCode;
+    decimals?: number;
+    allowNegative?: boolean;
+    suffix?: string;
+    onChange?: (value: string) => void;
+};
+export type SmartInputProps<TFormValues extends FieldValues> = SmartInputTextProps<TFormValues> | SmartInputTextAreaProps<TFormValues> | SmartInputNumberProps<TFormValues> | SmartInputYesNoProps<TFormValues> | SmartInputDniProps<TFormValues> | SmartInputRucProps<TFormValues> | SmartInputPhoneProps<TFormValues> | SmartInputCurrencyProps<TFormValues>;
+export declare const SmartInput: <TFormValues extends FieldValues>(props: SmartInputProps<TFormValues>) => React.JSX.Element | null;
+export {};

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

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

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

@@ -0,0 +1,77 @@
+import { FieldValues, Path, UseFormReturn } from 'react-hook-form';
+import { ColumnDef } from '@tanstack/react-table';
+import { SelectOption } from './SelectOption';
+type SmartSelectBaseProps<TFormValues extends FieldValues> = {
+    form: UseFormReturn<TFormValues>;
+    name: Path<TFormValues>;
+    label?: string;
+    info?: string;
+    required?: boolean;
+    readOnly?: boolean;
+    className?: string;
+    onRefresh?: () => Promise<void> | void;
+};
+type SmartSelectSimpleProps<TFormValues extends FieldValues> = SmartSelectBaseProps<TFormValues> & {
+    kind: "select";
+    options: SelectOption[];
+    placeholder?: string;
+    small?: boolean;
+    onChange?: (value: string) => void;
+};
+type SmartSearchSelectProps<TFormValues extends FieldValues> = SmartSelectBaseProps<TFormValues> & {
+    kind: "searchSelect";
+    options: SelectOption[];
+    multiple?: boolean;
+    placeholder?: string;
+    searchPlaceholder?: string;
+    emptyMessage?: string;
+    small?: boolean;
+    onChange?: (value: string | string[]) => void;
+};
+type SmartAsyncSearchSelectProps<TFormValues extends FieldValues> = SmartSelectBaseProps<TFormValues> & {
+    kind: "asyncSearchSelect";
+    loadOptions: () => Promise<SelectOption[]>;
+    multiple?: boolean;
+    placeholder?: string;
+    searchPlaceholder?: string;
+    emptyMessage?: string;
+    small?: boolean;
+    onChange?: (value: string | string[]) => void;
+};
+type SmartCardSelectProps<TFormValues extends FieldValues> = SmartSelectBaseProps<TFormValues> & {
+    kind: "cardSelect";
+    options: SelectOption[];
+    multiple?: boolean;
+    onChange?: (value: string | string[]) => void;
+};
+type SmartAsyncCardSelectProps<TFormValues extends FieldValues> = SmartSelectBaseProps<TFormValues> & {
+    kind: "asyncCardSelect";
+    loadOptions: () => Promise<SelectOption[]>;
+    multiple?: boolean;
+    onChange?: (value: string | string[]) => void;
+    loadOnMount?: boolean;
+};
+type SmartSearchTableSelectProps<TFormValues extends FieldValues, TOption extends SelectOption = SelectOption> = SmartSelectBaseProps<TFormValues> & {
+    kind: "searchTableSelect";
+    options: TOption[];
+    columns?: ColumnDef<TOption, unknown>[];
+    searchKeys?: readonly string[];
+    multiple?: boolean;
+    emptyMessage?: string;
+    pageSize?: number;
+    onChange?: (value: string | string[]) => void;
+};
+type SmartAsyncSearchTableSelectProps<TFormValues extends FieldValues, TOption extends SelectOption = SelectOption> = SmartSelectBaseProps<TFormValues> & {
+    kind: "asyncSearchTableSelect";
+    loadOptions: () => Promise<TOption[]>;
+    columns?: ColumnDef<TOption, unknown>[];
+    searchKeys?: readonly string[];
+    multiple?: boolean;
+    emptyMessage?: string;
+    pageSize?: number;
+    onChange?: (value: string | string[]) => void;
+    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 {};

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

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

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

@@ -0,0 +1,19 @@
+import { FieldValues, Path, UseFormReturn } from 'react-hook-form';
+type TextAreaProps<TFormValues extends FieldValues> = {
+    form: UseFormReturn<TFormValues>;
+    name: Path<TFormValues>;
+    label?: string;
+    info?: string;
+    required?: boolean;
+    placeholder?: string;
+    readOnly?: boolean;
+    disabled?: boolean;
+    rows?: number;
+    maxLength?: number;
+    small?: boolean;
+    className?: string;
+    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 {};

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

@@ -0,0 +1,18 @@
+import { FieldValues, Path, UseFormReturn } from 'react-hook-form';
+type ToggleProps<TFormValues extends FieldValues> = {
+    form: UseFormReturn<TFormValues>;
+    name: Path<TFormValues>;
+    label?: string;
+    info?: string;
+    required?: boolean;
+    trueLabel?: string;
+    falseLabel?: string;
+    readOnly?: boolean;
+    disabled?: boolean;
+    small?: boolean;
+    className?: string;
+    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 {};

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

@@ -0,0 +1,10 @@
+import { TransferItem } from './types-form';
+export type TransferProps = {
+    items: TransferItem[];
+    targetKeys: string[];
+    onChange: (targetKeys: string[]) => void;
+    titles?: [string, string];
+    searchable?: boolean;
+    className?: string;
+};
+export declare const Transfer: ({ items, targetKeys, onChange, titles, searchable, className, }: TransferProps) => import("react").JSX.Element;

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

@@ -0,0 +1,21 @@
+import { FieldValues, Path, UseFormReturn } from 'react-hook-form';
+import { TreeSelectNode } from './types-form';
+type TreeSelectProps<TFormValues extends FieldValues> = {
+    form: UseFormReturn<TFormValues>;
+    name: Path<TFormValues>;
+    treeData: TreeSelectNode[];
+    label?: string;
+    info?: string;
+    required?: boolean;
+    multiple?: boolean;
+    className?: string;
+    placeholder?: string;
+    searchPlaceholder?: string;
+    emptyMessage?: string;
+    readOnly?: boolean;
+    small?: boolean;
+    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 {};

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

@@ -0,0 +1,17 @@
+import { FieldValues, Path, UseFormReturn } from 'react-hook-form';
+type YesNoSelectProps<TFormValues extends FieldValues> = {
+    form: UseFormReturn<TFormValues>;
+    name: Path<TFormValues>;
+    label?: string;
+    info?: string;
+    required?: boolean;
+    placeholder?: string;
+    readOnly?: boolean;
+    small?: boolean;
+    onChange?: (value: boolean) => void;
+    onRefresh?: () => Promise<void> | void;
+    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 {};

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

@@ -0,0 +1,8 @@
+export declare const fieldClassName: ({ small, error, className, withRightIcon, disabled, readOnly, }: {
+    small?: boolean;
+    error?: boolean;
+    className?: string;
+    withRightIcon?: boolean;
+    disabled?: boolean;
+    readOnly?: boolean;
+}) => string;

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

@@ -0,0 +1,37 @@
+export { FieldLayout } from './FieldLayout';
+export { fieldClassName } from './fieldClassName';
+export { inputFocusTransition } from './inputFocusTransition';
+export { textareaClassName } from './textareaClassName';
+export { Input } from './Input';
+export { TextArea } from './TextArea';
+export { NumberInput } from './NumberInput';
+export { DateInput } from './DateInput';
+export { DatePicker } from './DatePicker';
+export { PasswordInput } from './PasswordInput';
+export { TreeSelect } from './TreeSelect';
+export { Transfer } from './Transfer';
+export type { TransferProps } from './Transfer';
+export type { TreeSelectNode, TransferItem } from './types-form';
+export { Select } from './Select';
+export { Checkbox } from './Checkbox';
+export { CheckboxGroup } from './CheckboxGroup';
+export { RadioGroup } from './RadioGroup';
+export { Toggle } from './Toggle';
+export { BooleanCheckbox } from './BooleanCheckbox';
+export { YesNoSelect } from './YesNoSelect';
+export { SmartInput } from './SmartInput';
+export type { SmartInputProps } from './SmartInput';
+export { SmartSelect } from './SmartSelect';
+export type { SmartSelectProps } from './SmartSelect';
+export { SmartDateInput } from './SmartDateInput';
+export type { SmartDateInputProps } from './SmartDateInput';
+export { FileInput } from './FileInput';
+export { DisplayField } from './DisplayField';
+export { CardSelect } from './CardSelect';
+export { AsyncCardSelect } from './AsyncCardSelect';
+export { SearchSelect } from './SearchSelect';
+export { AsyncSearchSelect } from './AsyncSearchSelect';
+export { SearchTableSelect } from './SearchTableSelect';
+export { AsyncSearchTableSelect } from './AsyncSearchTableSelect';
+export { useAsyncOptions } from './useAsyncOptions';
+export type { SelectOption } from './SelectOption';

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

@@ -0,0 +1,2 @@
+/** Transición suave al focus/blur — usar en inputs, textarea, select, etc. */
+export declare const inputFocusTransition = "transition-[border-color,box-shadow,background-color] duration-200 ease-out";

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

@@ -0,0 +1,7 @@
+export type PasswordStrength = "weak" | "fair" | "good" | "strong";
+export type PasswordStrengthResult = {
+    score: PasswordStrength;
+    label: string;
+    percent: number;
+};
+export declare const evaluatePasswordStrength: (value: string) => PasswordStrengthResult;

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

@@ -0,0 +1,7 @@
+export declare const textareaClassName: ({ small, error, className, }: {
+    small?: boolean;
+    error?: boolean;
+    className?: string;
+    disabled?: boolean;
+    readOnly?: boolean;
+}) => string;

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

@@ -0,0 +1,9 @@
+import { TreeSelectNode } from './types-form';
+export type FlatTreeNode = TreeSelectNode & {
+    depth: number;
+    parentValue?: string;
+};
+export declare const flattenTree: (nodes: TreeSelectNode[], depth?: number, parentValue?: string) => FlatTreeNode[];
+export declare const filterTreeNodes: (nodes: TreeSelectNode[], query: string) => TreeSelectNode[];
+export declare const collectDescendantValues: (node: TreeSelectNode) => string[];
+export declare const findTreeNode: (nodes: TreeSelectNode[], value: string) => TreeSelectNode | undefined;

package/dist/types/src/components/inputs/types-form.d.ts

@@ -0,0 +1,12 @@
+export type TreeSelectNode = {
+    value: string;
+    label: string;
+    children?: TreeSelectNode[];
+    disabled?: boolean;
+};
+export type TransferItem = {
+    key: string;
+    title: string;
+    description?: string;
+    disabled?: boolean;
+};

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

@@ -0,0 +1,15 @@
+type UseAsyncOptionsArgs<TOption> = {
+    loadOptions: () => Promise<TOption[]>;
+    loadOnMount?: boolean;
+    loadOnInitialValue?: boolean;
+    hasInitialValue?: boolean;
+    errorMessage?: string;
+};
+export declare const useAsyncOptions: <TOption>({ loadOptions, loadOnMount, loadOnInitialValue, hasInitialValue, errorMessage, }: UseAsyncOptionsArgs<TOption>) => {
+    options: TOption[];
+    loaded: boolean;
+    error: string | undefined;
+    isPending: boolean;
+    refresh: () => void;
+};
+export {};

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

@@ -0,0 +1,15 @@
+export type CardRadioOption = {
+    value: string;
+    label: string;
+    detail?: string;
+    disabled?: boolean;
+};
+export type CardRadioGroupProps = {
+    value: string;
+    onChange: (value: string) => void;
+    options: CardRadioOption[];
+    name?: string;
+    className?: string;
+    ariaLabel?: string;
+};
+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

@@ -0,0 +1,15 @@
+import { FieldValues, Path, UseFormReturn } from 'react-hook-form';
+export type ColorInputProps<TFormValues extends FieldValues> = {
+    form: UseFormReturn<TFormValues>;
+    name: Path<TFormValues>;
+    label?: string;
+    info?: string;
+    required?: boolean;
+    readOnly?: boolean;
+    disabled?: boolean;
+    small?: boolean;
+    className?: string;
+    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;

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

@@ -0,0 +1,16 @@
+import { FieldValues, Path, UseFormReturn } from 'react-hook-form';
+import { KeyValuePair } from './types';
+export type KeyValueInputProps<TFormValues extends FieldValues> = {
+    form: UseFormReturn<TFormValues>;
+    name: Path<TFormValues>;
+    label?: string;
+    info?: string;
+    required?: boolean;
+    readOnly?: boolean;
+    disabled?: boolean;
+    small?: boolean;
+    className?: string;
+    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;

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

@@ -0,0 +1,17 @@
+export type NumberStepperTone = "slate" | "emerald" | "amber" | "blue";
+export type NumberStepperSize = "sm" | "md";
+export type NumberStepperProps = {
+    value: number;
+    onChange: (value: number) => void;
+    min?: number;
+    max?: number;
+    step?: number;
+    tone?: NumberStepperTone;
+    size?: NumberStepperSize;
+    disabled?: boolean;
+    readOnly?: boolean;
+    ariaLabel?: string;
+    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;

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

@@ -0,0 +1,15 @@
+import { FieldValues, Path, UseFormReturn } from 'react-hook-form';
+export type ProgressBarProps<TFormValues extends FieldValues> = {
+    form: UseFormReturn<TFormValues>;
+    name: Path<TFormValues>;
+    label?: string;
+    info?: string;
+    required?: boolean;
+    min?: number;
+    max?: number;
+    suffix?: string;
+    className?: string;
+    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;

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

@@ -0,0 +1,15 @@
+export type ProgressBarReadonlyTone = "default" | "success" | "warning" | "danger" | "info";
+export type ProgressBarReadonlySize = "sm" | "md";
+export type ProgressBarReadonlyProps = {
+    value: number;
+    min?: number;
+    max?: number;
+    label?: string;
+    showValue?: boolean;
+    suffix?: string;
+    formatValue?: (value: number) => string;
+    tone?: ProgressBarReadonlyTone;
+    size?: ProgressBarReadonlySize;
+    className?: string;
+};
+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

@@ -0,0 +1,20 @@
+import { FieldValues, Path, UseFormReturn } from 'react-hook-form';
+import { NumberRange } from './types';
+export type RangeSliderInputProps<TFormValues extends FieldValues> = {
+    form: UseFormReturn<TFormValues>;
+    name: Path<TFormValues>;
+    label?: string;
+    info?: string;
+    required?: boolean;
+    min?: number;
+    max?: number;
+    step?: number;
+    suffix?: string;
+    readOnly?: boolean;
+    disabled?: boolean;
+    className?: string;
+    formatValue?: (value: number) => string;
+    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;

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

@@ -0,0 +1,16 @@
+import { FieldValues, Path, UseFormReturn } from 'react-hook-form';
+export type RatingInputProps<TFormValues extends FieldValues> = {
+    form: UseFormReturn<TFormValues>;
+    name: Path<TFormValues>;
+    label?: string;
+    info?: string;
+    required?: boolean;
+    stars?: number;
+    readOnly?: boolean;
+    disabled?: boolean;
+    small?: boolean;
+    className?: string;
+    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;

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

@@ -0,0 +1,19 @@
+import { FieldValues, Path, UseFormReturn } from 'react-hook-form';
+export type SliderInputProps<TFormValues extends FieldValues> = {
+    form: UseFormReturn<TFormValues>;
+    name: Path<TFormValues>;
+    label?: string;
+    info?: string;
+    required?: boolean;
+    min?: number;
+    max?: number;
+    step?: number;
+    suffix?: string;
+    readOnly?: boolean;
+    disabled?: boolean;
+    className?: string;
+    formatValue?: (value: number) => string;
+    onChange?: (value: number) => void;
+    onRefresh?: () => Promise<void> | void;
+};
+export declare const SliderInput: <TFormValues extends FieldValues>({ form, name, label, info, required, min, max, step, suffix, readOnly, disabled, className, formatValue, onChange, onRefresh, }: SliderInputProps<TFormValues>) => import("react").JSX.Element;