@vuetify/nightly 3.4.0-alpha.1-dev.2023-10-21 → 3.4.0-alpha.1-dev.2023-10-28

package/lib/labs/VDateRangePicker/index.d.mts

@@ -15,81 +15,121 @@ declare const VDateRangeCard: {
     new (...args: any[]): {
         $: vue.ComponentInternalInstance;
         $data: {};
-        $props: {
-            transition?: NonNullable<string | boolean | (vue.TransitionProps & {
+        $props: Partial<{
+            transition: NonNullable<string | boolean | (vue.TransitionProps & {
+                component?: vue.Component | undefined;
+            })>;
+            inputMode: "calendar" | "keyboard";
+            disabled: string | boolean | string[];
+            multiple: boolean;
+            variant: string;
+            modelValue: any[];
+            nextIcon: string;
+            prevIcon: string;
+            modeIcon: string;
+            viewMode: "month" | "year";
+            showAdjacentMonths: boolean;
+            hideWeekdays: boolean;
+            showWeek: boolean;
+        }> & Omit<{
+            readonly transition: NonNullable<string | boolean | (vue.TransitionProps & {
                 component?: vue.Component | undefined;
-            })> | undefined;
-            inputMode?: "calendar" | "keyboard" | undefined;
-            disabled?: string | boolean | string[] | undefined;
-            multiple?: boolean | undefined;
-            variant?: string | undefined;
-            modelValue?: any[] | undefined;
-            nextIcon?: string | undefined;
-            prevIcon?: string | undefined;
-            modeIcon?: string | undefined;
-            viewMode?: "month" | "year" | undefined;
-            showAdjacentMonths?: boolean | undefined;
-            hideWeekdays?: boolean | undefined;
-            showWeek?: boolean | undefined;
+            })>;
+            readonly inputMode: "calendar" | "keyboard";
+            readonly disabled: string | boolean | string[];
+            readonly multiple: boolean;
+            readonly variant: string;
+            readonly modelValue: any[];
+            readonly nextIcon: string;
+            readonly prevIcon: string;
+            readonly modeIcon: string;
+            readonly viewMode: "month" | "year";
+            readonly showAdjacentMonths: boolean;
+            readonly hideWeekdays: boolean;
+            readonly showWeek: boolean;
             readonly max?: string | number | Date | undefined;
-            key?: string | number | symbol | undefined;
             readonly height?: string | number | undefined;
             readonly color?: string | undefined;
-            style?: unknown;
-            class?: unknown;
             readonly min?: string | number | Date | undefined;
             readonly format?: string | undefined;
-            ref?: vue.VNodeRef | undefined;
-            ref_for?: boolean | undefined;
-            ref_key?: string | undefined;
             readonly side?: string | undefined;
-            onVnodeBeforeMount?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            onVnodeMounted?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            onVnodeBeforeUpdate?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>, oldVNode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>, oldVNode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            onVnodeUpdated?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>, oldVNode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>, oldVNode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            onVnodeBeforeUnmount?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            onVnodeUnmounted?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
+            readonly displayDate?: any;
+            readonly allowedDates?: Function | unknown[] | undefined;
+            readonly hoverDate?: any;
             "onUpdate:modelValue"?: ((date: readonly any[]) => any) | undefined;
             "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
-            readonly displayDate?: any;
             "onUpdate:displayDate"?: ((date: any) => any) | undefined;
             "onUpdate:inputMode"?: ((inputMode: "calendar" | "keyboard") => any) | undefined;
             "onUpdate:viewMode"?: ((viewMode: "month" | "year") => any) | undefined;
-            readonly allowedDates?: Function | unknown[] | undefined;
-            readonly hoverDate?: any;
-        };
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & Readonly<vue.ExtractPropTypes<{
+            transition: Omit<{
+                type: vue.PropType<string | boolean | (vue.TransitionProps & {
+                    component?: vue.Component | undefined;
+                })>;
+                default: string;
+                validator: (val: unknown) => boolean;
+            }, "type" | "default"> & {
+                type: vue.PropType<NonNullable<string | boolean | (vue.TransitionProps & {
+                    component?: vue.Component | undefined;
+                })>>;
+                default: NonNullable<string | boolean | (vue.TransitionProps & {
+                    component?: vue.Component | undefined;
+                })>;
+            };
+            color: StringConstructor;
+            height: (StringConstructor | NumberConstructor)[];
+            displayDate: null;
+            min: (StringConstructor | NumberConstructor | DateConstructor)[];
+            max: (StringConstructor | NumberConstructor | DateConstructor)[];
+            format: StringConstructor;
+            modelValue: {
+                type: vue.PropType<any[]>;
+                default: () => never[];
+            };
+            allowedDates: (FunctionConstructor | ArrayConstructor)[];
+            showAdjacentMonths: BooleanConstructor;
+            hideWeekdays: BooleanConstructor;
+            showWeek: BooleanConstructor;
+            hoverDate: null;
+            multiple: BooleanConstructor;
+            side: {
+                type: StringConstructor;
+            };
+            disabled: {
+                type: vue.PropType<string | boolean | string[]>;
+                default: boolean;
+            };
+            nextIcon: {
+                type: StringConstructor[];
+                default: string;
+            };
+            prevIcon: {
+                type: StringConstructor[];
+                default: string;
+            };
+            modeIcon: {
+                type: StringConstructor[];
+                default: string;
+            };
+            variant: {
+                type: StringConstructor;
+                default: string;
+            };
+            viewMode: {
+                type: vue.PropType<"month" | "year">;
+                default: string;
+            };
+            inputMode: {
+                type: vue.PropType<"calendar" | "keyboard">;
+                default: string;
+            };
+        }>> & {
+            "onUpdate:modelValue"?: ((date: readonly any[]) => any) | undefined;
+            "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
+            "onUpdate:displayDate"?: ((date: any) => any) | undefined;
+            "onUpdate:inputMode"?: ((inputMode: "calendar" | "keyboard") => any) | undefined;
+            "onUpdate:viewMode"?: ((viewMode: "month" | "year") => any) | undefined;
+        }, "transition" | "inputMode" | "disabled" | "multiple" | "variant" | "modelValue" | "nextIcon" | "prevIcon" | "modeIcon" | "viewMode" | "showAdjacentMonths" | "hideWeekdays" | "showWeek">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -506,28 +546,46 @@ declare const VDateRangePicker: {
     new (...args: any[]): {
         $: vue.ComponentInternalInstance;
         $data: {};
-        $props: {
-            transition?: NonNullable<string | boolean | (vue.TransitionProps & {
+        $props: Partial<{
+            transition: NonNullable<string | boolean | (vue.TransitionProps & {
                 component?: vue.Component | undefined;
-            })> | undefined;
-            style?: vue.StyleValue | undefined;
-            inputMode?: "calendar" | "keyboard" | undefined;
-            multiple?: boolean | undefined;
-            landscape?: boolean | undefined;
-            tag?: string | undefined;
-            rounded?: string | number | boolean | undefined;
-            modelValue?: any[] | undefined;
-            closeIcon?: string | undefined;
-            displayDate?: any;
-            viewMode?: "month" | "year" | undefined;
-            showAdjacentMonths?: boolean | undefined;
-            hideWeekdays?: boolean | undefined;
-            showWeek?: boolean | undefined;
-            calendarIcon?: string | undefined;
-            keyboardIcon?: string | undefined;
-            showInputSwitch?: boolean | undefined;
+            })>;
+            style: vue.StyleValue;
+            inputMode: "calendar" | "keyboard";
+            multiple: boolean;
+            landscape: boolean;
+            tag: string;
+            rounded: string | number | boolean;
+            modelValue: any[];
+            closeIcon: string;
+            displayDate: any;
+            viewMode: "month" | "year";
+            showAdjacentMonths: boolean;
+            hideWeekdays: boolean;
+            showWeek: boolean;
+            calendarIcon: string;
+            keyboardIcon: string;
+            showInputSwitch: boolean;
+        }> & Omit<{
+            transition: NonNullable<string | boolean | (vue.TransitionProps & {
+                component?: vue.Component | undefined;
+            })>;
+            style: vue.StyleValue;
+            inputMode: "calendar" | "keyboard";
+            multiple: boolean;
+            landscape: boolean;
+            tag: string;
+            modelValue: any[];
+            closeIcon: string;
+            displayDate: any;
+            viewMode: "month" | "year";
+            showAdjacentMonths: boolean;
+            hideWeekdays: boolean;
+            showWeek: boolean;
+            calendarIcon: string;
+            keyboardIcon: string;
+            showInputSwitch: boolean;
             max?: string | number | Date | undefined;
-            key?: string | number | symbol | undefined;
             location?: Anchor | undefined;
             height?: string | number | undefined;
             width?: string | number | undefined;
@@ -542,69 +600,89 @@ declare const VDateRangePicker: {
             title?: string | undefined;
             class?: any;
             range?: any;
+            min?: string | number | Date | undefined;
+            elevation?: string | number | undefined;
+            format?: string | undefined;
+            side?: string | undefined;
+            theme?: string | undefined;
+            rounded?: string | number | boolean | undefined;
+            bgColor?: string | undefined;
+            allowedDates?: Function | unknown[] | undefined;
+            hoverDate?: any;
             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                 default?: (() => vue.VNodeChild) | undefined;
             };
+            'v-slots'?: {
+                default?: false | (() => vue.VNodeChild) | undefined;
+            } | undefined;
+            "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+            "onUpdate:modelValue"?: ((date: any) => any) | undefined;
+            "onUpdate:displayDate"?: ((date: any) => any) | undefined;
+            "onUpdate:inputMode"?: ((input: string) => any) | undefined;
+            "onUpdate:viewMode"?: ((mode: "month" | "year") => any) | undefined;
+            onCancel?: (() => any) | undefined;
+            onSave?: ((date: any) => any) | undefined;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
+            transition: NonNullable<string | boolean | (vue.TransitionProps & {
+                component?: vue.Component | undefined;
+            })>;
+            style: vue.StyleValue;
+            inputMode: "calendar" | "keyboard";
+            multiple: boolean;
+            landscape: boolean;
+            tag: string;
+            modelValue: any[];
+            closeIcon: string;
+            displayDate: any;
+            viewMode: "month" | "year";
+            showAdjacentMonths: boolean;
+            hideWeekdays: boolean;
+            showWeek: boolean;
+            calendarIcon: string;
+            keyboardIcon: string;
+            showInputSwitch: boolean;
+        } & {
+            max?: string | number | Date | undefined;
+            location?: Anchor | undefined;
+            height?: string | number | undefined;
+            width?: string | number | undefined;
+            border?: string | number | boolean | undefined;
+            color?: string | undefined;
+            maxHeight?: string | number | undefined;
+            maxWidth?: string | number | undefined;
+            minHeight?: string | number | undefined;
+            minWidth?: string | number | undefined;
+            position?: "fixed" | "absolute" | "static" | "relative" | "sticky" | undefined;
+            header?: string | undefined;
+            title?: string | undefined;
+            class?: any;
+            range?: any;
             min?: string | number | Date | undefined;
             elevation?: string | number | undefined;
             format?: string | undefined;
-            ref?: vue.VNodeRef | undefined;
-            ref_for?: boolean | undefined;
-            ref_key?: string | undefined;
             side?: string | undefined;
             theme?: string | undefined;
-            "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+            rounded?: string | number | boolean | undefined;
+            bgColor?: string | undefined;
+            allowedDates?: Function | unknown[] | undefined;
+            hoverDate?: any;
+        } & {
+            $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+                default?: (() => vue.VNodeChild) | undefined;
+            };
             'v-slots'?: {
                 default?: false | (() => vue.VNodeChild) | undefined;
             } | undefined;
-            onVnodeBeforeMount?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            onVnodeMounted?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            onVnodeBeforeUpdate?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>, oldVNode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>, oldVNode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            onVnodeUpdated?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>, oldVNode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>, oldVNode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            onVnodeBeforeUnmount?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            onVnodeUnmounted?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
+        } & {
+            "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+        } & {
             "onUpdate:modelValue"?: ((date: any) => any) | undefined;
-            bgColor?: string | undefined;
             "onUpdate:displayDate"?: ((date: any) => any) | undefined;
             "onUpdate:inputMode"?: ((input: string) => any) | undefined;
             "onUpdate:viewMode"?: ((mode: "month" | "year") => any) | undefined;
-            allowedDates?: Function | unknown[] | undefined;
-            hoverDate?: any;
             onCancel?: (() => any) | undefined;
             onSave?: ((date: any) => any) | undefined;
-        };
+        }, "transition" | "style" | "inputMode" | "multiple" | "landscape" | "tag" | "rounded" | "modelValue" | "closeIcon" | "displayDate" | "viewMode" | "showAdjacentMonths" | "hideWeekdays" | "showWeek" | "calendarIcon" | "keyboardIcon" | "showInputSwitch">;
         $attrs: {
             [x: string]: unknown;
         };

package/lib/labs/VOtpInput/index.d.mts

@@ -12,20 +12,30 @@ declare const VOtpInput: {
     new (...args: any[]): {
         $: vue.ComponentInternalInstance;
         $data: {};
-        $props: {
-            length?: string | number | undefined;
-            type?: "number" | "text" | "password" | undefined;
-            error?: boolean | undefined;
-            label?: string | undefined;
-            style?: vue.StyleValue | undefined;
-            autofocus?: boolean | undefined;
-            disabled?: boolean | undefined;
-            rounded?: string | number | boolean | undefined;
-            variant?: NonNullable<"filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled"> | undefined;
-            modelValue?: string | number | undefined;
-            focused?: boolean | undefined;
-            focusAll?: boolean | undefined;
-            key?: string | number | symbol | undefined;
+        $props: Partial<{
+            length: string | number;
+            type: "number" | "text" | "password";
+            error: boolean;
+            label: string;
+            style: vue.StyleValue;
+            autofocus: boolean;
+            disabled: boolean;
+            rounded: string | number | boolean;
+            variant: NonNullable<"filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled">;
+            modelValue: string | number;
+            focused: boolean;
+            focusAll: boolean;
+        }> & Omit<{
+            length: string | number;
+            type: "number" | "text" | "password";
+            error: boolean;
+            label: string;
+            style: vue.StyleValue;
+            autofocus: boolean;
+            disabled: boolean;
+            variant: NonNullable<"filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled">;
+            focused: boolean;
+            focusAll: boolean;
             height?: string | number | undefined;
             width?: string | number | undefined;
             color?: string | undefined;
@@ -36,65 +46,71 @@ declare const VOtpInput: {
             loading?: string | boolean | undefined;
             class?: any;
             placeholder?: string | undefined;
+            theme?: string | undefined;
+            divider?: string | undefined;
+            rounded?: string | number | boolean | undefined;
+            bgColor?: string | undefined;
+            modelValue?: string | number | undefined;
+            baseColor?: string | undefined;
+            'onUpdate:focused'?: (EventProp<[boolean], (args_0: boolean) => any> & ((val: boolean) => any)) | undefined;
             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                 default?: (() => vue.VNodeChild) | undefined;
                 loader?: (() => vue.VNodeChild) | undefined;
             };
-            ref?: vue.VNodeRef | undefined;
-            ref_for?: boolean | undefined;
-            ref_key?: string | undefined;
-            theme?: string | undefined;
-            "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-            divider?: string | undefined;
             'v-slots'?: {
                 default?: false | (() => vue.VNodeChild) | undefined;
                 loader?: false | (() => vue.VNodeChild) | undefined;
             } | undefined;
-            onVnodeBeforeMount?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            onVnodeMounted?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            onVnodeBeforeUpdate?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>, oldVNode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>, oldVNode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            onVnodeUpdated?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>, oldVNode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>, oldVNode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            onVnodeBeforeUnmount?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            onVnodeUnmounted?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
+            "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+            "v-slot:loader"?: false | (() => vue.VNodeChild) | undefined;
             "onUpdate:modelValue"?: ((val: string) => any) | undefined;
+            onFinish?: ((val: string) => any) | undefined;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
+            length: string | number;
+            type: "number" | "text" | "password";
+            error: boolean;
+            label: string;
+            style: vue.StyleValue;
+            autofocus: boolean;
+            disabled: boolean;
+            variant: NonNullable<"filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled">;
+            focused: boolean;
+            focusAll: boolean;
+        } & {
+            height?: string | number | undefined;
+            width?: string | number | undefined;
+            color?: string | undefined;
+            maxHeight?: string | number | undefined;
+            maxWidth?: string | number | undefined;
+            minHeight?: string | number | undefined;
+            minWidth?: string | number | undefined;
+            loading?: string | boolean | undefined;
+            class?: any;
+            placeholder?: string | undefined;
+            theme?: string | undefined;
+            divider?: string | undefined;
+            rounded?: string | number | boolean | undefined;
             bgColor?: string | undefined;
-            "v-slot:loader"?: false | (() => vue.VNodeChild) | undefined;
+            modelValue?: string | number | undefined;
             baseColor?: string | undefined;
-            'onUpdate:focused'?: (EventProp<[boolean], (args_0: boolean) => any> & ((val: boolean) => any)) | undefined;
+            'onUpdate:focused'?: EventProp<[boolean], (args_0: boolean) => any> | undefined;
+        } & {
+            $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+                default?: (() => vue.VNodeChild) | undefined;
+                loader?: (() => vue.VNodeChild) | undefined;
+            };
+            'v-slots'?: {
+                default?: false | (() => vue.VNodeChild) | undefined;
+                loader?: false | (() => vue.VNodeChild) | undefined;
+            } | undefined;
+        } & {
+            "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+            "v-slot:loader"?: false | (() => vue.VNodeChild) | undefined;
+        } & {
+            "onUpdate:modelValue"?: ((val: string) => any) | undefined;
+            "onUpdate:focused"?: ((val: boolean) => any) | undefined;
             onFinish?: ((val: string) => any) | undefined;
-        };
+        }, "length" | "type" | "error" | "label" | "style" | "autofocus" | "disabled" | "rounded" | "variant" | "modelValue" | "focused" | "focusAll">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -138,8 +154,8 @@ declare const VOtpInput: {
             theme?: string | undefined;
             divider?: string | undefined;
             rounded?: string | number | boolean | undefined;
-            modelValue?: string | number | undefined;
             bgColor?: string | undefined;
+            modelValue?: string | number | undefined;
             baseColor?: string | undefined;
             'onUpdate:focused'?: EventProp<[boolean], (args_0: boolean) => any> | undefined;
         } & {
@@ -234,8 +250,8 @@ declare const VOtpInput: {
         theme?: string | undefined;
         divider?: string | undefined;
         rounded?: string | number | boolean | undefined;
-        modelValue?: string | number | undefined;
         bgColor?: string | undefined;
+        modelValue?: string | number | undefined;
         baseColor?: string | undefined;
         'onUpdate:focused'?: EventProp<[boolean], (args_0: boolean) => any> | undefined;
     } & {
@@ -290,8 +306,8 @@ declare const VOtpInput: {
     theme?: string | undefined;
     divider?: string | undefined;
     rounded?: string | number | boolean | undefined;
-    modelValue?: string | number | undefined;
     bgColor?: string | undefined;
+    modelValue?: string | number | undefined;
     baseColor?: string | undefined;
     'onUpdate:focused'?: EventProp<[boolean], (args_0: boolean) => any> | undefined;
 } & {