import * as _heroui_react_utils from '@heroui/react-utils'; import * as input_otp from 'input-otp'; import * as _heroui_theme from '@heroui/theme'; import * as tailwind_variants from 'tailwind-variants'; import * as react from 'react'; import * as _heroui_system from '@heroui/system'; declare const InputOtpProvider: react.Provider<{ Component: _heroui_system.As; inputRef: react.RefObject; length: number; value: string; type: string | undefined; slots: { base: (slotProps?: ({ size?: "md" | "sm" | "lg" | undefined; color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined; radius?: "none" | "md" | "full" | "sm" | "lg" | undefined; isDisabled?: boolean | undefined; disableAnimation?: boolean | undefined; fullWidth?: boolean | undefined; variant?: "flat" | "bordered" | "faded" | "underlined" | undefined; isInvalid?: boolean | undefined; isReadOnly?: boolean | undefined; } & tailwind_variants.ClassProp) | undefined) => string; wrapper: (slotProps?: ({ size?: "md" | "sm" | "lg" | undefined; color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined; radius?: "none" | "md" | "full" | "sm" | "lg" | undefined; isDisabled?: boolean | undefined; disableAnimation?: boolean | undefined; fullWidth?: boolean | undefined; variant?: "flat" | "bordered" | "faded" | "underlined" | undefined; isInvalid?: boolean | undefined; isReadOnly?: boolean | undefined; } & tailwind_variants.ClassProp) | undefined) => string; input: (slotProps?: ({ size?: "md" | "sm" | "lg" | undefined; color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined; radius?: "none" | "md" | "full" | "sm" | "lg" | undefined; isDisabled?: boolean | undefined; disableAnimation?: boolean | undefined; fullWidth?: boolean | undefined; variant?: "flat" | "bordered" | "faded" | "underlined" | undefined; isInvalid?: boolean | undefined; isReadOnly?: boolean | undefined; } & tailwind_variants.ClassProp) | undefined) => string; segmentWrapper: (slotProps?: ({ size?: "md" | "sm" | "lg" | undefined; color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined; radius?: "none" | "md" | "full" | "sm" | "lg" | undefined; isDisabled?: boolean | undefined; disableAnimation?: boolean | undefined; fullWidth?: boolean | undefined; variant?: "flat" | "bordered" | "faded" | "underlined" | undefined; isInvalid?: boolean | undefined; isReadOnly?: boolean | undefined; } & tailwind_variants.ClassProp) | undefined) => string; segment: (slotProps?: ({ size?: "md" | "sm" | "lg" | undefined; color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined; radius?: "none" | "md" | "full" | "sm" | "lg" | undefined; isDisabled?: boolean | undefined; disableAnimation?: boolean | undefined; fullWidth?: boolean | undefined; variant?: "flat" | "bordered" | "faded" | "underlined" | undefined; isInvalid?: boolean | undefined; isReadOnly?: boolean | undefined; } & tailwind_variants.ClassProp) | undefined) => string; passwordChar: (slotProps?: ({ size?: "md" | "sm" | "lg" | undefined; color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined; radius?: "none" | "md" | "full" | "sm" | "lg" | undefined; isDisabled?: boolean | undefined; disableAnimation?: boolean | undefined; fullWidth?: boolean | undefined; variant?: "flat" | "bordered" | "faded" | "underlined" | undefined; isInvalid?: boolean | undefined; isReadOnly?: boolean | undefined; } & tailwind_variants.ClassProp) | undefined) => string; caret: (slotProps?: ({ size?: "md" | "sm" | "lg" | undefined; color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined; radius?: "none" | "md" | "full" | "sm" | "lg" | undefined; isDisabled?: boolean | undefined; disableAnimation?: boolean | undefined; fullWidth?: boolean | undefined; variant?: "flat" | "bordered" | "faded" | "underlined" | undefined; isInvalid?: boolean | undefined; isReadOnly?: boolean | undefined; } & tailwind_variants.ClassProp) | undefined) => string; helperWrapper: (slotProps?: ({ size?: "md" | "sm" | "lg" | undefined; color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined; radius?: "none" | "md" | "full" | "sm" | "lg" | undefined; isDisabled?: boolean | undefined; disableAnimation?: boolean | undefined; fullWidth?: boolean | undefined; variant?: "flat" | "bordered" | "faded" | "underlined" | undefined; isInvalid?: boolean | undefined; isReadOnly?: boolean | undefined; } & tailwind_variants.ClassProp) | undefined) => string; errorMessage: (slotProps?: ({ size?: "md" | "sm" | "lg" | undefined; color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined; radius?: "none" | "md" | "full" | "sm" | "lg" | undefined; isDisabled?: boolean | undefined; disableAnimation?: boolean | undefined; fullWidth?: boolean | undefined; variant?: "flat" | "bordered" | "faded" | "underlined" | undefined; isInvalid?: boolean | undefined; isReadOnly?: boolean | undefined; } & tailwind_variants.ClassProp) | undefined) => string; description: (slotProps?: ({ size?: "md" | "sm" | "lg" | undefined; color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined; radius?: "none" | "md" | "full" | "sm" | "lg" | undefined; isDisabled?: boolean | undefined; disableAnimation?: boolean | undefined; fullWidth?: boolean | undefined; variant?: "flat" | "bordered" | "faded" | "underlined" | undefined; isInvalid?: boolean | undefined; isReadOnly?: boolean | undefined; } & tailwind_variants.ClassProp) | undefined) => string; } & { base: (slotProps?: ({ size?: "md" | "sm" | "lg" | undefined; color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined; radius?: "none" | "md" | "full" | "sm" | "lg" | undefined; isDisabled?: boolean | undefined; disableAnimation?: boolean | undefined; fullWidth?: boolean | undefined; variant?: "flat" | "bordered" | "faded" | "underlined" | undefined; isInvalid?: boolean | undefined; isReadOnly?: boolean | undefined; } & tailwind_variants.ClassProp) | undefined) => string; wrapper: (slotProps?: ({ size?: "md" | "sm" | "lg" | undefined; color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined; radius?: "none" | "md" | "full" | "sm" | "lg" | undefined; isDisabled?: boolean | undefined; disableAnimation?: boolean | undefined; fullWidth?: boolean | undefined; variant?: "flat" | "bordered" | "faded" | "underlined" | undefined; isInvalid?: boolean | undefined; isReadOnly?: boolean | undefined; } & tailwind_variants.ClassProp) | undefined) => string; input: (slotProps?: ({ size?: "md" | "sm" | "lg" | undefined; color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined; radius?: "none" | "md" | "full" | "sm" | "lg" | undefined; isDisabled?: boolean | undefined; disableAnimation?: boolean | undefined; fullWidth?: boolean | undefined; variant?: "flat" | "bordered" | "faded" | "underlined" | undefined; isInvalid?: boolean | undefined; isReadOnly?: boolean | undefined; } & tailwind_variants.ClassProp) | undefined) => string; segmentWrapper: (slotProps?: ({ size?: "md" | "sm" | "lg" | undefined; color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined; radius?: "none" | "md" | "full" | "sm" | "lg" | undefined; isDisabled?: boolean | undefined; disableAnimation?: boolean | undefined; fullWidth?: boolean | undefined; variant?: "flat" | "bordered" | "faded" | "underlined" | undefined; isInvalid?: boolean | undefined; isReadOnly?: boolean | undefined; } & tailwind_variants.ClassProp) | undefined) => string; segment: (slotProps?: ({ size?: "md" | "sm" | "lg" | undefined; color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined; radius?: "none" | "md" | "full" | "sm" | "lg" | undefined; isDisabled?: boolean | undefined; disableAnimation?: boolean | undefined; fullWidth?: boolean | undefined; variant?: "flat" | "bordered" | "faded" | "underlined" | undefined; isInvalid?: boolean | undefined; isReadOnly?: boolean | undefined; } & tailwind_variants.ClassProp) | undefined) => string; passwordChar: (slotProps?: ({ size?: "md" | "sm" | "lg" | undefined; color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined; radius?: "none" | "md" | "full" | "sm" | "lg" | undefined; isDisabled?: boolean | undefined; disableAnimation?: boolean | undefined; fullWidth?: boolean | undefined; variant?: "flat" | "bordered" | "faded" | "underlined" | undefined; isInvalid?: boolean | undefined; isReadOnly?: boolean | undefined; } & tailwind_variants.ClassProp) | undefined) => string; caret: (slotProps?: ({ size?: "md" | "sm" | "lg" | undefined; color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined; radius?: "none" | "md" | "full" | "sm" | "lg" | undefined; isDisabled?: boolean | undefined; disableAnimation?: boolean | undefined; fullWidth?: boolean | undefined; variant?: "flat" | "bordered" | "faded" | "underlined" | undefined; isInvalid?: boolean | undefined; isReadOnly?: boolean | undefined; } & tailwind_variants.ClassProp) | undefined) => string; helperWrapper: (slotProps?: ({ size?: "md" | "sm" | "lg" | undefined; color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined; radius?: "none" | "md" | "full" | "sm" | "lg" | undefined; isDisabled?: boolean | undefined; disableAnimation?: boolean | undefined; fullWidth?: boolean | undefined; variant?: "flat" | "bordered" | "faded" | "underlined" | undefined; isInvalid?: boolean | undefined; isReadOnly?: boolean | undefined; } & tailwind_variants.ClassProp) | undefined) => string; errorMessage: (slotProps?: ({ size?: "md" | "sm" | "lg" | undefined; color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined; radius?: "none" | "md" | "full" | "sm" | "lg" | undefined; isDisabled?: boolean | undefined; disableAnimation?: boolean | undefined; fullWidth?: boolean | undefined; variant?: "flat" | "bordered" | "faded" | "underlined" | undefined; isInvalid?: boolean | undefined; isReadOnly?: boolean | undefined; } & tailwind_variants.ClassProp) | undefined) => string; description: (slotProps?: ({ size?: "md" | "sm" | "lg" | undefined; color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined; radius?: "none" | "md" | "full" | "sm" | "lg" | undefined; isDisabled?: boolean | undefined; disableAnimation?: boolean | undefined; fullWidth?: boolean | undefined; variant?: "flat" | "bordered" | "faded" | "underlined" | undefined; isInvalid?: boolean | undefined; isReadOnly?: boolean | undefined; } & tailwind_variants.ClassProp) | undefined) => string; } & {}; hasHelper: boolean; classNames: _heroui_theme.SlotsToClasses<"description" | "base" | "wrapper" | "errorMessage" | "input" | "segmentWrapper" | "segment" | "passwordChar" | "caret" | "helperWrapper"> | undefined; isInvalid: boolean; description: react.ReactNode; errorMessage: react.ReactNode; isFocusVisible: boolean; isFocused: boolean; getBaseProps: _heroui_system.PropGetter; getInputOtpProps: (props?: Partial) => Omit & { ref?: _heroui_react_utils.ReactRef; }; getSegmentWrapperProps: _heroui_system.PropGetter; getHelperWrapperProps: _heroui_system.PropGetter; getErrorMessageProps: _heroui_system.PropGetter; getDescriptionProps: _heroui_system.PropGetter; }>; declare const useInputOtpContext: () => { Component: _heroui_system.As; inputRef: react.RefObject; length: number; value: string; type: string | undefined; slots: { base: (slotProps?: ({ size?: "md" | "sm" | "lg" | undefined; color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined; radius?: "none" | "md" | "full" | "sm" | "lg" | undefined; isDisabled?: boolean | undefined; disableAnimation?: boolean | undefined; fullWidth?: boolean | undefined; variant?: "flat" | "bordered" | "faded" | "underlined" | undefined; isInvalid?: boolean | undefined; isReadOnly?: boolean | undefined; } & tailwind_variants.ClassProp) | undefined) => string; wrapper: (slotProps?: ({ size?: "md" | "sm" | "lg" | undefined; color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined; radius?: "none" | "md" | "full" | "sm" | "lg" | undefined; isDisabled?: boolean | undefined; disableAnimation?: boolean | undefined; fullWidth?: boolean | undefined; variant?: "flat" | "bordered" | "faded" | "underlined" | undefined; isInvalid?: boolean | undefined; isReadOnly?: boolean | undefined; } & tailwind_variants.ClassProp) | undefined) => string; input: (slotProps?: ({ size?: "md" | "sm" | "lg" | undefined; color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined; radius?: "none" | "md" | "full" | "sm" | "lg" | undefined; isDisabled?: boolean | undefined; disableAnimation?: boolean | undefined; fullWidth?: boolean | undefined; variant?: "flat" | "bordered" | "faded" | "underlined" | undefined; isInvalid?: boolean | undefined; isReadOnly?: boolean | undefined; } & tailwind_variants.ClassProp) | undefined) => string; segmentWrapper: (slotProps?: ({ size?: "md" | "sm" | "lg" | undefined; color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined; radius?: "none" | "md" | "full" | "sm" | "lg" | undefined; isDisabled?: boolean | undefined; disableAnimation?: boolean | undefined; fullWidth?: boolean | undefined; variant?: "flat" | "bordered" | "faded" | "underlined" | undefined; isInvalid?: boolean | undefined; isReadOnly?: boolean | undefined; } & tailwind_variants.ClassProp) | undefined) => string; segment: (slotProps?: ({ size?: "md" | "sm" | "lg" | undefined; color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined; radius?: "none" | "md" | "full" | "sm" | "lg" | undefined; isDisabled?: boolean | undefined; disableAnimation?: boolean | undefined; fullWidth?: boolean | undefined; variant?: "flat" | "bordered" | "faded" | "underlined" | undefined; isInvalid?: boolean | undefined; isReadOnly?: boolean | undefined; } & tailwind_variants.ClassProp) | undefined) => string; passwordChar: (slotProps?: ({ size?: "md" | "sm" | "lg" | undefined; color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined; radius?: "none" | "md" | "full" | "sm" | "lg" | undefined; isDisabled?: boolean | undefined; disableAnimation?: boolean | undefined; fullWidth?: boolean | undefined; variant?: "flat" | "bordered" | "faded" | "underlined" | undefined; isInvalid?: boolean | undefined; isReadOnly?: boolean | undefined; } & tailwind_variants.ClassProp) | undefined) => string; caret: (slotProps?: ({ size?: "md" | "sm" | "lg" | undefined; color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined; radius?: "none" | "md" | "full" | "sm" | "lg" | undefined; isDisabled?: boolean | undefined; disableAnimation?: boolean | undefined; fullWidth?: boolean | undefined; variant?: "flat" | "bordered" | "faded" | "underlined" | undefined; isInvalid?: boolean | undefined; isReadOnly?: boolean | undefined; } & tailwind_variants.ClassProp) | undefined) => string; helperWrapper: (slotProps?: ({ size?: "md" | "sm" | "lg" | undefined; color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined; radius?: "none" | "md" | "full" | "sm" | "lg" | undefined; isDisabled?: boolean | undefined; disableAnimation?: boolean | undefined; fullWidth?: boolean | undefined; variant?: "flat" | "bordered" | "faded" | "underlined" | undefined; isInvalid?: boolean | undefined; isReadOnly?: boolean | undefined; } & tailwind_variants.ClassProp) | undefined) => string; errorMessage: (slotProps?: ({ size?: "md" | "sm" | "lg" | undefined; color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined; radius?: "none" | "md" | "full" | "sm" | "lg" | undefined; isDisabled?: boolean | undefined; disableAnimation?: boolean | undefined; fullWidth?: boolean | undefined; variant?: "flat" | "bordered" | "faded" | "underlined" | undefined; isInvalid?: boolean | undefined; isReadOnly?: boolean | undefined; } & tailwind_variants.ClassProp) | undefined) => string; description: (slotProps?: ({ size?: "md" | "sm" | "lg" | undefined; color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined; radius?: "none" | "md" | "full" | "sm" | "lg" | undefined; isDisabled?: boolean | undefined; disableAnimation?: boolean | undefined; fullWidth?: boolean | undefined; variant?: "flat" | "bordered" | "faded" | "underlined" | undefined; isInvalid?: boolean | undefined; isReadOnly?: boolean | undefined; } & tailwind_variants.ClassProp) | undefined) => string; } & { base: (slotProps?: ({ size?: "md" | "sm" | "lg" | undefined; color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined; radius?: "none" | "md" | "full" | "sm" | "lg" | undefined; isDisabled?: boolean | undefined; disableAnimation?: boolean | undefined; fullWidth?: boolean | undefined; variant?: "flat" | "bordered" | "faded" | "underlined" | undefined; isInvalid?: boolean | undefined; isReadOnly?: boolean | undefined; } & tailwind_variants.ClassProp) | undefined) => string; wrapper: (slotProps?: ({ size?: "md" | "sm" | "lg" | undefined; color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined; radius?: "none" | "md" | "full" | "sm" | "lg" | undefined; isDisabled?: boolean | undefined; disableAnimation?: boolean | undefined; fullWidth?: boolean | undefined; variant?: "flat" | "bordered" | "faded" | "underlined" | undefined; isInvalid?: boolean | undefined; isReadOnly?: boolean | undefined; } & tailwind_variants.ClassProp) | undefined) => string; input: (slotProps?: ({ size?: "md" | "sm" | "lg" | undefined; color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined; radius?: "none" | "md" | "full" | "sm" | "lg" | undefined; isDisabled?: boolean | undefined; disableAnimation?: boolean | undefined; fullWidth?: boolean | undefined; variant?: "flat" | "bordered" | "faded" | "underlined" | undefined; isInvalid?: boolean | undefined; isReadOnly?: boolean | undefined; } & tailwind_variants.ClassProp) | undefined) => string; segmentWrapper: (slotProps?: ({ size?: "md" | "sm" | "lg" | undefined; color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined; radius?: "none" | "md" | "full" | "sm" | "lg" | undefined; isDisabled?: boolean | undefined; disableAnimation?: boolean | undefined; fullWidth?: boolean | undefined; variant?: "flat" | "bordered" | "faded" | "underlined" | undefined; isInvalid?: boolean | undefined; isReadOnly?: boolean | undefined; } & tailwind_variants.ClassProp) | undefined) => string; segment: (slotProps?: ({ size?: "md" | "sm" | "lg" | undefined; color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined; radius?: "none" | "md" | "full" | "sm" | "lg" | undefined; isDisabled?: boolean | undefined; disableAnimation?: boolean | undefined; fullWidth?: boolean | undefined; variant?: "flat" | "bordered" | "faded" | "underlined" | undefined; isInvalid?: boolean | undefined; isReadOnly?: boolean | undefined; } & tailwind_variants.ClassProp) | undefined) => string; passwordChar: (slotProps?: ({ size?: "md" | "sm" | "lg" | undefined; color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined; radius?: "none" | "md" | "full" | "sm" | "lg" | undefined; isDisabled?: boolean | undefined; disableAnimation?: boolean | undefined; fullWidth?: boolean | undefined; variant?: "flat" | "bordered" | "faded" | "underlined" | undefined; isInvalid?: boolean | undefined; isReadOnly?: boolean | undefined; } & tailwind_variants.ClassProp) | undefined) => string; caret: (slotProps?: ({ size?: "md" | "sm" | "lg" | undefined; color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined; radius?: "none" | "md" | "full" | "sm" | "lg" | undefined; isDisabled?: boolean | undefined; disableAnimation?: boolean | undefined; fullWidth?: boolean | undefined; variant?: "flat" | "bordered" | "faded" | "underlined" | undefined; isInvalid?: boolean | undefined; isReadOnly?: boolean | undefined; } & tailwind_variants.ClassProp) | undefined) => string; helperWrapper: (slotProps?: ({ size?: "md" | "sm" | "lg" | undefined; color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined; radius?: "none" | "md" | "full" | "sm" | "lg" | undefined; isDisabled?: boolean | undefined; disableAnimation?: boolean | undefined; fullWidth?: boolean | undefined; variant?: "flat" | "bordered" | "faded" | "underlined" | undefined; isInvalid?: boolean | undefined; isReadOnly?: boolean | undefined; } & tailwind_variants.ClassProp) | undefined) => string; errorMessage: (slotProps?: ({ size?: "md" | "sm" | "lg" | undefined; color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined; radius?: "none" | "md" | "full" | "sm" | "lg" | undefined; isDisabled?: boolean | undefined; disableAnimation?: boolean | undefined; fullWidth?: boolean | undefined; variant?: "flat" | "bordered" | "faded" | "underlined" | undefined; isInvalid?: boolean | undefined; isReadOnly?: boolean | undefined; } & tailwind_variants.ClassProp) | undefined) => string; description: (slotProps?: ({ size?: "md" | "sm" | "lg" | undefined; color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined; radius?: "none" | "md" | "full" | "sm" | "lg" | undefined; isDisabled?: boolean | undefined; disableAnimation?: boolean | undefined; fullWidth?: boolean | undefined; variant?: "flat" | "bordered" | "faded" | "underlined" | undefined; isInvalid?: boolean | undefined; isReadOnly?: boolean | undefined; } & tailwind_variants.ClassProp) | undefined) => string; } & {}; hasHelper: boolean; classNames: _heroui_theme.SlotsToClasses<"description" | "base" | "wrapper" | "errorMessage" | "input" | "segmentWrapper" | "segment" | "passwordChar" | "caret" | "helperWrapper"> | undefined; isInvalid: boolean; description: react.ReactNode; errorMessage: react.ReactNode; isFocusVisible: boolean; isFocused: boolean; getBaseProps: _heroui_system.PropGetter; getInputOtpProps: (props?: Partial) => Omit & { ref?: _heroui_react_utils.ReactRef; }; getSegmentWrapperProps: _heroui_system.PropGetter; getHelperWrapperProps: _heroui_system.PropGetter; getErrorMessageProps: _heroui_system.PropGetter; getDescriptionProps: _heroui_system.PropGetter; }; export { InputOtpProvider, useInputOtpContext };