@uzum-tech/ui 1.5.2 → 1.5.4

package/lib/input-otp/src/InputOtp.d.ts

@@ -0,0 +1,871 @@
+import type { PropType, SlotsType } from 'vue';
+import type { ExtractPublicPropTypes, MaybeArray } from '../../_utils';
+import type { InputOtpAllowInput, InputOtpOnBlur, InputOtpOnFinish, InputOtpOnFocus, InputOtpOnUpdateValue, InputOtpSize, InputOtpSlots } from './public-types';
+import { FormValidationStatus } from '../../form/src/interface';
+export declare const inputOtpProps: {
+    defaultValue: {
+        type: PropType<string[]>;
+        default: never[];
+    };
+    value: PropType<null | string[]>;
+    length: {
+        type: NumberConstructor;
+        default: number;
+    };
+    block: BooleanConstructor;
+    size: PropType<InputOtpSize>;
+    disabled: BooleanConstructor;
+    mask: BooleanConstructor;
+    readonly: BooleanConstructor;
+    status: PropType<FormValidationStatus>;
+    gap: PropType<string | number>;
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    allowInput: PropType<InputOtpAllowInput>;
+    onBlur: PropType<MaybeArray<InputOtpOnBlur>>;
+    onFocus: PropType<MaybeArray<InputOtpOnFocus>>;
+    'onUpdate:value': PropType<MaybeArray<InputOtpOnUpdateValue>>;
+    onUpdateValue: PropType<MaybeArray<InputOtpOnUpdateValue>>;
+    onFinish: PropType<MaybeArray<InputOtpOnFinish>>;
+    theme: PropType<import("../../_mixins").Theme<"InputOtp", {
+        inputWidthSmall: string;
+        inputWidthMedium: string;
+        inputWidthLarge: string;
+        gapSmall: string;
+        gapMedium: string;
+        gapLarge: string;
+    }, {
+        Input: import("../../_mixins").Theme<"Input", {
+            paddingTiny: string;
+            paddingSmall: string;
+            paddingMedium: string;
+            paddingLarge: string;
+            paddingHuge: string;
+            clearSize: string;
+            countTextColorDisabled: string;
+            countTextColor: string;
+            heightTiny: string;
+            heightSmall: string;
+            heightMedium: string;
+            heightLarge: string;
+            heightHuge: string;
+            fontSizeTiny: string;
+            fontSizeSmall: string;
+            fontSizeMedium: string;
+            fontSizeLarge: string;
+            fontSizeHuge: string;
+            lineHeight: string;
+            lineHeightTextarea: string;
+            borderRadius: string;
+            iconSize: string;
+            groupLabelTextColor: string;
+            textColor: string;
+            textColorDisabled: string;
+            textDecorationColor: string;
+            caretColor: string;
+            placeholderColor: string;
+            placeholderColorDisabled: string;
+            color: string;
+            colorDisabled: string;
+            colorFocus: string;
+            groupLabelBorder: string;
+            border: string;
+            borderHover: string;
+            borderDisabled: string;
+            borderFocus: string;
+            boxShadowFocus: string;
+            loadingColor: string;
+            loadingColorWarning: string;
+            borderWarning: string;
+            borderHoverWarning: string;
+            colorFocusWarning: string;
+            borderFocusWarning: string;
+            boxShadowFocusWarning: string;
+            caretColorWarning: string;
+            loadingColorError: string;
+            borderError: string;
+            borderHoverError: string;
+            colorFocusError: string;
+            borderFocusError: string;
+            boxShadowFocusError: string;
+            caretColorError: string;
+            clearColor: string;
+            clearColorHover: string;
+            clearColorPressed: string;
+            iconColor: string;
+            iconColorDisabled: string;
+            iconColorHover: string;
+            iconColorPressed: string;
+            suffixTextColor: string;
+            selectionColor: string;
+        }, any>;
+    }>>;
+    themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"InputOtp", {
+        inputWidthSmall: string;
+        inputWidthMedium: string;
+        inputWidthLarge: string;
+        gapSmall: string;
+        gapMedium: string;
+        gapLarge: string;
+    }, {
+        Input: import("../../_mixins").Theme<"Input", {
+            paddingTiny: string;
+            paddingSmall: string;
+            paddingMedium: string;
+            paddingLarge: string;
+            paddingHuge: string;
+            clearSize: string;
+            countTextColorDisabled: string;
+            countTextColor: string;
+            heightTiny: string;
+            heightSmall: string;
+            heightMedium: string;
+            heightLarge: string;
+            heightHuge: string;
+            fontSizeTiny: string;
+            fontSizeSmall: string;
+            fontSizeMedium: string;
+            fontSizeLarge: string;
+            fontSizeHuge: string;
+            lineHeight: string;
+            lineHeightTextarea: string;
+            borderRadius: string;
+            iconSize: string;
+            groupLabelTextColor: string;
+            textColor: string;
+            textColorDisabled: string;
+            textDecorationColor: string;
+            caretColor: string;
+            placeholderColor: string;
+            placeholderColorDisabled: string;
+            color: string;
+            colorDisabled: string;
+            colorFocus: string;
+            groupLabelBorder: string;
+            border: string;
+            borderHover: string;
+            borderDisabled: string;
+            borderFocus: string;
+            boxShadowFocus: string;
+            loadingColor: string;
+            loadingColorWarning: string;
+            borderWarning: string;
+            borderHoverWarning: string;
+            colorFocusWarning: string;
+            borderFocusWarning: string;
+            boxShadowFocusWarning: string;
+            caretColorWarning: string;
+            loadingColorError: string;
+            borderError: string;
+            borderHoverError: string;
+            colorFocusError: string;
+            borderFocusError: string;
+            boxShadowFocusError: string;
+            caretColorError: string;
+            clearColor: string;
+            clearColorHover: string;
+            clearColorPressed: string;
+            iconColor: string;
+            iconColorDisabled: string;
+            iconColorHover: string;
+            iconColorPressed: string;
+            suffixTextColor: string;
+            selectionColor: string;
+        }, any>;
+    }>>>;
+    builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"InputOtp", {
+        inputWidthSmall: string;
+        inputWidthMedium: string;
+        inputWidthLarge: string;
+        gapSmall: string;
+        gapMedium: string;
+        gapLarge: string;
+    }, {
+        Input: import("../../_mixins").Theme<"Input", {
+            paddingTiny: string;
+            paddingSmall: string;
+            paddingMedium: string;
+            paddingLarge: string;
+            paddingHuge: string;
+            clearSize: string;
+            countTextColorDisabled: string;
+            countTextColor: string;
+            heightTiny: string;
+            heightSmall: string;
+            heightMedium: string;
+            heightLarge: string;
+            heightHuge: string;
+            fontSizeTiny: string;
+            fontSizeSmall: string;
+            fontSizeMedium: string;
+            fontSizeLarge: string;
+            fontSizeHuge: string;
+            lineHeight: string;
+            lineHeightTextarea: string;
+            borderRadius: string;
+            iconSize: string;
+            groupLabelTextColor: string;
+            textColor: string;
+            textColorDisabled: string;
+            textDecorationColor: string;
+            caretColor: string;
+            placeholderColor: string;
+            placeholderColorDisabled: string;
+            color: string;
+            colorDisabled: string;
+            colorFocus: string;
+            groupLabelBorder: string;
+            border: string;
+            borderHover: string;
+            borderDisabled: string;
+            borderFocus: string;
+            boxShadowFocus: string;
+            loadingColor: string;
+            loadingColorWarning: string;
+            borderWarning: string;
+            borderHoverWarning: string;
+            colorFocusWarning: string;
+            borderFocusWarning: string;
+            boxShadowFocusWarning: string;
+            caretColorWarning: string;
+            loadingColorError: string;
+            borderError: string;
+            borderHoverError: string;
+            colorFocusError: string;
+            borderFocusError: string;
+            boxShadowFocusError: string;
+            caretColorError: string;
+            clearColor: string;
+            clearColorHover: string;
+            clearColorPressed: string;
+            iconColor: string;
+            iconColorDisabled: string;
+            iconColorHover: string;
+            iconColorPressed: string;
+            suffixTextColor: string;
+            selectionColor: string;
+        }, any>;
+    }>>>;
+};
+export type InputOtpProps = ExtractPublicPropTypes<typeof inputOtpProps>;
+declare const _default: import("vue").DefineComponent<{
+    defaultValue: {
+        type: PropType<string[]>;
+        default: never[];
+    };
+    value: PropType<null | string[]>;
+    length: {
+        type: NumberConstructor;
+        default: number;
+    };
+    block: BooleanConstructor;
+    size: PropType<InputOtpSize>;
+    disabled: BooleanConstructor;
+    mask: BooleanConstructor;
+    readonly: BooleanConstructor;
+    status: PropType<FormValidationStatus>;
+    gap: PropType<string | number>;
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    allowInput: PropType<InputOtpAllowInput>;
+    onBlur: PropType<MaybeArray<InputOtpOnBlur>>;
+    onFocus: PropType<MaybeArray<InputOtpOnFocus>>;
+    'onUpdate:value': PropType<MaybeArray<InputOtpOnUpdateValue>>;
+    onUpdateValue: PropType<MaybeArray<InputOtpOnUpdateValue>>;
+    onFinish: PropType<MaybeArray<InputOtpOnFinish>>;
+    theme: PropType<import("../../_mixins").Theme<"InputOtp", {
+        inputWidthSmall: string;
+        inputWidthMedium: string;
+        inputWidthLarge: string;
+        gapSmall: string;
+        gapMedium: string;
+        gapLarge: string;
+    }, {
+        Input: import("../../_mixins").Theme<"Input", {
+            paddingTiny: string;
+            paddingSmall: string;
+            paddingMedium: string;
+            paddingLarge: string;
+            paddingHuge: string;
+            clearSize: string;
+            countTextColorDisabled: string;
+            countTextColor: string;
+            heightTiny: string;
+            heightSmall: string;
+            heightMedium: string;
+            heightLarge: string;
+            heightHuge: string;
+            fontSizeTiny: string;
+            fontSizeSmall: string;
+            fontSizeMedium: string;
+            fontSizeLarge: string;
+            fontSizeHuge: string;
+            lineHeight: string;
+            lineHeightTextarea: string;
+            borderRadius: string;
+            iconSize: string;
+            groupLabelTextColor: string;
+            textColor: string;
+            textColorDisabled: string;
+            textDecorationColor: string;
+            caretColor: string;
+            placeholderColor: string;
+            placeholderColorDisabled: string;
+            color: string;
+            colorDisabled: string;
+            colorFocus: string;
+            groupLabelBorder: string;
+            border: string;
+            borderHover: string;
+            borderDisabled: string;
+            borderFocus: string;
+            boxShadowFocus: string;
+            loadingColor: string;
+            loadingColorWarning: string;
+            borderWarning: string;
+            borderHoverWarning: string;
+            colorFocusWarning: string;
+            borderFocusWarning: string;
+            boxShadowFocusWarning: string;
+            caretColorWarning: string;
+            loadingColorError: string;
+            borderError: string;
+            borderHoverError: string;
+            colorFocusError: string;
+            borderFocusError: string;
+            boxShadowFocusError: string;
+            caretColorError: string;
+            clearColor: string;
+            clearColorHover: string;
+            clearColorPressed: string;
+            iconColor: string;
+            iconColorDisabled: string;
+            iconColorHover: string;
+            iconColorPressed: string;
+            suffixTextColor: string;
+            selectionColor: string;
+        }, any>;
+    }>>;
+    themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"InputOtp", {
+        inputWidthSmall: string;
+        inputWidthMedium: string;
+        inputWidthLarge: string;
+        gapSmall: string;
+        gapMedium: string;
+        gapLarge: string;
+    }, {
+        Input: import("../../_mixins").Theme<"Input", {
+            paddingTiny: string;
+            paddingSmall: string;
+            paddingMedium: string;
+            paddingLarge: string;
+            paddingHuge: string;
+            clearSize: string;
+            countTextColorDisabled: string;
+            countTextColor: string;
+            heightTiny: string;
+            heightSmall: string;
+            heightMedium: string;
+            heightLarge: string;
+            heightHuge: string;
+            fontSizeTiny: string;
+            fontSizeSmall: string;
+            fontSizeMedium: string;
+            fontSizeLarge: string;
+            fontSizeHuge: string;
+            lineHeight: string;
+            lineHeightTextarea: string;
+            borderRadius: string;
+            iconSize: string;
+            groupLabelTextColor: string;
+            textColor: string;
+            textColorDisabled: string;
+            textDecorationColor: string;
+            caretColor: string;
+            placeholderColor: string;
+            placeholderColorDisabled: string;
+            color: string;
+            colorDisabled: string;
+            colorFocus: string;
+            groupLabelBorder: string;
+            border: string;
+            borderHover: string;
+            borderDisabled: string;
+            borderFocus: string;
+            boxShadowFocus: string;
+            loadingColor: string;
+            loadingColorWarning: string;
+            borderWarning: string;
+            borderHoverWarning: string;
+            colorFocusWarning: string;
+            borderFocusWarning: string;
+            boxShadowFocusWarning: string;
+            caretColorWarning: string;
+            loadingColorError: string;
+            borderError: string;
+            borderHoverError: string;
+            colorFocusError: string;
+            borderFocusError: string;
+            boxShadowFocusError: string;
+            caretColorError: string;
+            clearColor: string;
+            clearColorHover: string;
+            clearColorPressed: string;
+            iconColor: string;
+            iconColorDisabled: string;
+            iconColorHover: string;
+            iconColorPressed: string;
+            suffixTextColor: string;
+            selectionColor: string;
+        }, any>;
+    }>>>;
+    builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"InputOtp", {
+        inputWidthSmall: string;
+        inputWidthMedium: string;
+        inputWidthLarge: string;
+        gapSmall: string;
+        gapMedium: string;
+        gapLarge: string;
+    }, {
+        Input: import("../../_mixins").Theme<"Input", {
+            paddingTiny: string;
+            paddingSmall: string;
+            paddingMedium: string;
+            paddingLarge: string;
+            paddingHuge: string;
+            clearSize: string;
+            countTextColorDisabled: string;
+            countTextColor: string;
+            heightTiny: string;
+            heightSmall: string;
+            heightMedium: string;
+            heightLarge: string;
+            heightHuge: string;
+            fontSizeTiny: string;
+            fontSizeSmall: string;
+            fontSizeMedium: string;
+            fontSizeLarge: string;
+            fontSizeHuge: string;
+            lineHeight: string;
+            lineHeightTextarea: string;
+            borderRadius: string;
+            iconSize: string;
+            groupLabelTextColor: string;
+            textColor: string;
+            textColorDisabled: string;
+            textDecorationColor: string;
+            caretColor: string;
+            placeholderColor: string;
+            placeholderColorDisabled: string;
+            color: string;
+            colorDisabled: string;
+            colorFocus: string;
+            groupLabelBorder: string;
+            border: string;
+            borderHover: string;
+            borderDisabled: string;
+            borderFocus: string;
+            boxShadowFocus: string;
+            loadingColor: string;
+            loadingColorWarning: string;
+            borderWarning: string;
+            borderHoverWarning: string;
+            colorFocusWarning: string;
+            borderFocusWarning: string;
+            boxShadowFocusWarning: string;
+            caretColorWarning: string;
+            loadingColorError: string;
+            borderError: string;
+            borderHoverError: string;
+            colorFocusError: string;
+            borderFocusError: string;
+            boxShadowFocusError: string;
+            caretColorError: string;
+            clearColor: string;
+            clearColorHover: string;
+            clearColorPressed: string;
+            iconColor: string;
+            iconColorDisabled: string;
+            iconColorHover: string;
+            iconColorPressed: string;
+            suffixTextColor: string;
+            selectionColor: string;
+        }, any>;
+    }>>>;
+}, {
+    focusOnChar: (charIndex: number) => void;
+    mergedTheme: import("vue").ComputedRef<{
+        common: import("../..").ThemeCommonVars;
+        self: {
+            inputWidthSmall: string;
+            inputWidthMedium: string;
+            inputWidthLarge: string;
+            gapSmall: string;
+            gapMedium: string;
+            gapLarge: string;
+        };
+        peers: {
+            Input: import("../../_mixins").Theme<"Input", {
+                paddingTiny: string;
+                paddingSmall: string;
+                paddingMedium: string;
+                paddingLarge: string;
+                paddingHuge: string;
+                clearSize: string;
+                countTextColorDisabled: string;
+                countTextColor: string;
+                heightTiny: string;
+                heightSmall: string;
+                heightMedium: string;
+                heightLarge: string;
+                heightHuge: string;
+                fontSizeTiny: string;
+                fontSizeSmall: string;
+                fontSizeMedium: string;
+                fontSizeLarge: string;
+                fontSizeHuge: string;
+                lineHeight: string;
+                lineHeightTextarea: string;
+                borderRadius: string;
+                iconSize: string;
+                groupLabelTextColor: string;
+                textColor: string;
+                textColorDisabled: string;
+                textDecorationColor: string;
+                caretColor: string;
+                placeholderColor: string;
+                placeholderColorDisabled: string;
+                color: string;
+                colorDisabled: string;
+                colorFocus: string;
+                groupLabelBorder: string;
+                border: string;
+                borderHover: string;
+                borderDisabled: string;
+                borderFocus: string;
+                boxShadowFocus: string;
+                loadingColor: string;
+                loadingColorWarning: string;
+                borderWarning: string;
+                borderHoverWarning: string;
+                colorFocusWarning: string;
+                borderFocusWarning: string;
+                boxShadowFocusWarning: string;
+                caretColorWarning: string;
+                loadingColorError: string;
+                borderError: string;
+                borderHoverError: string;
+                colorFocusError: string;
+                borderFocusError: string;
+                boxShadowFocusError: string;
+                caretColorError: string;
+                clearColor: string;
+                clearColorHover: string;
+                clearColorPressed: string;
+                iconColor: string;
+                iconColorDisabled: string;
+                iconColorHover: string;
+                iconColorPressed: string;
+                suffixTextColor: string;
+                selectionColor: string;
+            }, any>;
+        };
+        peerOverrides: {
+            Input?: {
+                peers?: {
+                    [x: string]: any;
+                } | undefined;
+            } | undefined;
+        };
+    }>;
+    perItemValueArray: import("vue").ComputedRef<string[]>;
+    mergedClsPrefix: import("vue").Ref<string>;
+    inputRefList: import("vue").Ref<{
+        wrapperElRef: HTMLElement | null;
+        textareaElRef: HTMLTextAreaElement | null;
+        inputElRef: HTMLInputElement | null;
+        isCompositing: boolean;
+        blur: () => void;
+        focus: () => void;
+        select: () => void;
+        activate: () => void;
+        deactivate: () => void;
+        scrollTo: (options: ScrollToOptions) => void;
+    }[]>;
+    inputType: import("vue").ComputedRef<"text" | "password">;
+    rtlEnabled: import("vue").Ref<import("../../config-provider/src/internal-interface").RtlItem | undefined> | undefined;
+    mergedStatus: import("vue").ComputedRef<FormValidationStatus | undefined>;
+    mergedDisabled: import("vue").ComputedRef<boolean>;
+    cssVars: import("vue").ComputedRef<{
+        '--u-gap': string;
+        '--u-input-width': string;
+    }> | undefined;
+    themeClass: import("vue").Ref<string> | undefined;
+    getTemplateEvents: (index: number) => {
+        onInput: (value: string) => void;
+        onPaste: (event: ClipboardEvent) => void;
+        onKeydown: (event: KeyboardEvent) => void;
+        onFocus: (event: FocusEvent) => void;
+        onBlur: (event: FocusEvent) => void;
+    };
+    onRender: (() => void) | undefined;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    defaultValue: {
+        type: PropType<string[]>;
+        default: never[];
+    };
+    value: PropType<null | string[]>;
+    length: {
+        type: NumberConstructor;
+        default: number;
+    };
+    block: BooleanConstructor;
+    size: PropType<InputOtpSize>;
+    disabled: BooleanConstructor;
+    mask: BooleanConstructor;
+    readonly: BooleanConstructor;
+    status: PropType<FormValidationStatus>;
+    gap: PropType<string | number>;
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    allowInput: PropType<InputOtpAllowInput>;
+    onBlur: PropType<MaybeArray<InputOtpOnBlur>>;
+    onFocus: PropType<MaybeArray<InputOtpOnFocus>>;
+    'onUpdate:value': PropType<MaybeArray<InputOtpOnUpdateValue>>;
+    onUpdateValue: PropType<MaybeArray<InputOtpOnUpdateValue>>;
+    onFinish: PropType<MaybeArray<InputOtpOnFinish>>;
+    theme: PropType<import("../../_mixins").Theme<"InputOtp", {
+        inputWidthSmall: string;
+        inputWidthMedium: string;
+        inputWidthLarge: string;
+        gapSmall: string;
+        gapMedium: string;
+        gapLarge: string;
+    }, {
+        Input: import("../../_mixins").Theme<"Input", {
+            paddingTiny: string;
+            paddingSmall: string;
+            paddingMedium: string;
+            paddingLarge: string;
+            paddingHuge: string;
+            clearSize: string;
+            countTextColorDisabled: string;
+            countTextColor: string;
+            heightTiny: string;
+            heightSmall: string;
+            heightMedium: string;
+            heightLarge: string;
+            heightHuge: string;
+            fontSizeTiny: string;
+            fontSizeSmall: string;
+            fontSizeMedium: string;
+            fontSizeLarge: string;
+            fontSizeHuge: string;
+            lineHeight: string;
+            lineHeightTextarea: string;
+            borderRadius: string;
+            iconSize: string;
+            groupLabelTextColor: string;
+            textColor: string;
+            textColorDisabled: string;
+            textDecorationColor: string;
+            caretColor: string;
+            placeholderColor: string;
+            placeholderColorDisabled: string;
+            color: string;
+            colorDisabled: string;
+            colorFocus: string;
+            groupLabelBorder: string;
+            border: string;
+            borderHover: string;
+            borderDisabled: string;
+            borderFocus: string;
+            boxShadowFocus: string;
+            loadingColor: string;
+            loadingColorWarning: string;
+            borderWarning: string;
+            borderHoverWarning: string;
+            colorFocusWarning: string;
+            borderFocusWarning: string;
+            boxShadowFocusWarning: string;
+            caretColorWarning: string;
+            loadingColorError: string;
+            borderError: string;
+            borderHoverError: string;
+            colorFocusError: string;
+            borderFocusError: string;
+            boxShadowFocusError: string;
+            caretColorError: string;
+            clearColor: string;
+            clearColorHover: string;
+            clearColorPressed: string;
+            iconColor: string;
+            iconColorDisabled: string;
+            iconColorHover: string;
+            iconColorPressed: string;
+            suffixTextColor: string;
+            selectionColor: string;
+        }, any>;
+    }>>;
+    themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"InputOtp", {
+        inputWidthSmall: string;
+        inputWidthMedium: string;
+        inputWidthLarge: string;
+        gapSmall: string;
+        gapMedium: string;
+        gapLarge: string;
+    }, {
+        Input: import("../../_mixins").Theme<"Input", {
+            paddingTiny: string;
+            paddingSmall: string;
+            paddingMedium: string;
+            paddingLarge: string;
+            paddingHuge: string;
+            clearSize: string;
+            countTextColorDisabled: string;
+            countTextColor: string;
+            heightTiny: string;
+            heightSmall: string;
+            heightMedium: string;
+            heightLarge: string;
+            heightHuge: string;
+            fontSizeTiny: string;
+            fontSizeSmall: string;
+            fontSizeMedium: string;
+            fontSizeLarge: string;
+            fontSizeHuge: string;
+            lineHeight: string;
+            lineHeightTextarea: string;
+            borderRadius: string;
+            iconSize: string;
+            groupLabelTextColor: string;
+            textColor: string;
+            textColorDisabled: string;
+            textDecorationColor: string;
+            caretColor: string;
+            placeholderColor: string;
+            placeholderColorDisabled: string;
+            color: string;
+            colorDisabled: string;
+            colorFocus: string;
+            groupLabelBorder: string;
+            border: string;
+            borderHover: string;
+            borderDisabled: string;
+            borderFocus: string;
+            boxShadowFocus: string;
+            loadingColor: string;
+            loadingColorWarning: string;
+            borderWarning: string;
+            borderHoverWarning: string;
+            colorFocusWarning: string;
+            borderFocusWarning: string;
+            boxShadowFocusWarning: string;
+            caretColorWarning: string;
+            loadingColorError: string;
+            borderError: string;
+            borderHoverError: string;
+            colorFocusError: string;
+            borderFocusError: string;
+            boxShadowFocusError: string;
+            caretColorError: string;
+            clearColor: string;
+            clearColorHover: string;
+            clearColorPressed: string;
+            iconColor: string;
+            iconColorDisabled: string;
+            iconColorHover: string;
+            iconColorPressed: string;
+            suffixTextColor: string;
+            selectionColor: string;
+        }, any>;
+    }>>>;
+    builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"InputOtp", {
+        inputWidthSmall: string;
+        inputWidthMedium: string;
+        inputWidthLarge: string;
+        gapSmall: string;
+        gapMedium: string;
+        gapLarge: string;
+    }, {
+        Input: import("../../_mixins").Theme<"Input", {
+            paddingTiny: string;
+            paddingSmall: string;
+            paddingMedium: string;
+            paddingLarge: string;
+            paddingHuge: string;
+            clearSize: string;
+            countTextColorDisabled: string;
+            countTextColor: string;
+            heightTiny: string;
+            heightSmall: string;
+            heightMedium: string;
+            heightLarge: string;
+            heightHuge: string;
+            fontSizeTiny: string;
+            fontSizeSmall: string;
+            fontSizeMedium: string;
+            fontSizeLarge: string;
+            fontSizeHuge: string;
+            lineHeight: string;
+            lineHeightTextarea: string;
+            borderRadius: string;
+            iconSize: string;
+            groupLabelTextColor: string;
+            textColor: string;
+            textColorDisabled: string;
+            textDecorationColor: string;
+            caretColor: string;
+            placeholderColor: string;
+            placeholderColorDisabled: string;
+            color: string;
+            colorDisabled: string;
+            colorFocus: string;
+            groupLabelBorder: string;
+            border: string;
+            borderHover: string;
+            borderDisabled: string;
+            borderFocus: string;
+            boxShadowFocus: string;
+            loadingColor: string;
+            loadingColorWarning: string;
+            borderWarning: string;
+            borderHoverWarning: string;
+            colorFocusWarning: string;
+            borderFocusWarning: string;
+            boxShadowFocusWarning: string;
+            caretColorWarning: string;
+            loadingColorError: string;
+            borderError: string;
+            borderHoverError: string;
+            colorFocusError: string;
+            borderFocusError: string;
+            boxShadowFocusError: string;
+            caretColorError: string;
+            clearColor: string;
+            clearColorHover: string;
+            clearColorPressed: string;
+            iconColor: string;
+            iconColorDisabled: string;
+            iconColorHover: string;
+            iconColorPressed: string;
+            suffixTextColor: string;
+            selectionColor: string;
+        }, any>;
+    }>>>;
+}>>, {
+    length: number;
+    disabled: boolean;
+    placeholder: string;
+    mask: boolean;
+    block: boolean;
+    defaultValue: string[];
+    readonly: boolean;
+}, SlotsType<InputOtpSlots>>;
+export default _default;