@snowball-tech/fractal/dist/src/components/InputPinCode/index.d.ts

Fractal's (Snowball's design system) React component library based on RadixUI and PandaCSS

import * as react_jsx_runtime from 'react/jsx-runtime';
import { FocusEvent, ChangeEvent, ClipboardEvent, KeyboardEvent } from 'react';
import { I as InputTextProps } from '../../../InputText.types-B08HCbf8.js';
import '../../../Button.types-CRRgJ8jv.js';
import '../../types.js';
import '@snowball-tech/design-tokens/dist/web/typescript/constants';
import '../../constants.js';

interface InputPinCodeProps extends Omit<InputTextProps, 'fullWidth' | 'onBlur' | 'onFocus' | 'onKeyDown' | 'placeholder' | 'prefix' | 'suffix' | 'type'> {
    autoFocus?: boolean;
    defaultValue?: string;
    description?: string;
    disabled?: boolean;
    error?: string;
    id?: string;
    label?: string;
    length?: number;
    name?: string;
    placeholders?: string | Array<string>;
    readOnly?: boolean;
    required?: boolean;
    success?: string;
    value?: string;
    onBlur?: (event: FocusEvent<HTMLInputElement>, index: number) => void;
    onChange?: (event: ChangeEvent<HTMLInputElement> | ClipboardEvent<HTMLInputElement>, newCode: string) => void;
    onComplete?: (newCode: string) => void;
    onFieldChange?: (event: ChangeEvent<HTMLInputElement> | ClipboardEvent<HTMLInputElement>, index: number, newDigit: string) => void;
    onFocus?: (event: FocusEvent<HTMLInputElement>, index: number) => void;
    onKeyDown?: (event: KeyboardEvent<HTMLInputElement>, index: number) => void;
}

declare const InputPinCode: {
    ({ autoFocus, defaultValue, description, disabled, error, id, label, length, name, onBlur, onChange, onComplete, onFieldChange, onFocus, onKeyDown, placeholders, readOnly, required, success, value, ...props }: InputPinCodeProps): react_jsx_runtime.JSX.Element;
    displayName: string;
};

export { InputPinCode, type InputPinCodeProps };