@vuetify/nightly 3.6.13-3.7.0-beta.0.0-dev.2024-07-12 → 3.6.13-3.7.0-beta.0.0-dev.2024-07-25

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

@@ -8,31 +8,31 @@ interface FilterPropsOptions<PropsOptions extends Readonly<ComponentPropsOptions
 declare const VOtpInput: {
     new (...args: any[]): vue.CreateComponentPublicInstance<{
         length: string | number;
-        style: vue.StyleValue;
-        label: string;
+        variant: NonNullable<"filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled">;
         type: "number" | "text" | "password";
         error: boolean;
+        label: string;
+        style: vue.StyleValue;
+        autofocus: boolean;
         disabled: boolean;
         focused: boolean;
-        variant: NonNullable<"underlined" | "filled" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled">;
-        autofocus: boolean;
         focusAll: boolean;
     } & {
-        class?: any;
-        width?: string | number | undefined;
         height?: string | number | undefined;
-        theme?: string | 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;
-        divider?: string | undefined;
+        class?: any;
         placeholder?: string | undefined;
+        theme?: string | undefined;
+        divider?: string | undefined;
         'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
         modelValue?: string | number | undefined;
         rounded?: string | number | boolean | undefined;
-        maxHeight?: string | number | undefined;
-        maxWidth?: string | number | undefined;
-        minHeight?: string | number | undefined;
-        minWidth?: string | number | undefined;
         baseColor?: string | undefined;
         bgColor?: string | undefined;
     } & {
@@ -64,31 +64,31 @@ declare const VOtpInput: {
         'update:modelValue': (val: string) => true;
     }, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
         length: string | number;
-        style: vue.StyleValue;
-        label: string;
+        variant: NonNullable<"filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled">;
         type: "number" | "text" | "password";
         error: boolean;
+        label: string;
+        style: vue.StyleValue;
+        autofocus: boolean;
         disabled: boolean;
         focused: boolean;
-        variant: NonNullable<"underlined" | "filled" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled">;
-        autofocus: boolean;
         focusAll: boolean;
     } & {
-        class?: any;
-        width?: string | number | undefined;
         height?: string | number | undefined;
-        theme?: string | 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;
-        divider?: string | undefined;
+        class?: any;
         placeholder?: string | undefined;
+        theme?: string | undefined;
+        divider?: string | undefined;
         'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
         modelValue?: string | number | undefined;
         rounded?: string | number | boolean | undefined;
-        maxHeight?: string | number | undefined;
-        maxWidth?: string | number | undefined;
-        minHeight?: string | number | undefined;
-        minWidth?: string | number | undefined;
         baseColor?: string | undefined;
         bgColor?: string | undefined;
     } & {
@@ -109,16 +109,16 @@ declare const VOtpInput: {
         onFinish?: ((val: string) => any) | undefined;
     }, {
         length: string | number;
-        style: vue.StyleValue;
-        label: string;
+        variant: NonNullable<"filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled">;
         type: "number" | "text" | "password";
         error: boolean;
+        label: string;
+        style: vue.StyleValue;
+        autofocus: boolean;
         disabled: boolean;
         focused: boolean;
         modelValue: string | number;
         rounded: string | number | boolean;
-        variant: NonNullable<"underlined" | "filled" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled">;
-        autofocus: boolean;
         focusAll: boolean;
     }, true, {}, vue.SlotsType<Partial<{
         default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
@@ -136,31 +136,31 @@ declare const VOtpInput: {
         Defaults: {};
     }, {
         length: string | number;
-        style: vue.StyleValue;
-        label: string;
+        variant: NonNullable<"filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled">;
         type: "number" | "text" | "password";
         error: boolean;
+        label: string;
+        style: vue.StyleValue;
+        autofocus: boolean;
         disabled: boolean;
         focused: boolean;
-        variant: NonNullable<"underlined" | "filled" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled">;
-        autofocus: boolean;
         focusAll: boolean;
     } & {
-        class?: any;
-        width?: string | number | undefined;
         height?: string | number | undefined;
-        theme?: string | 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;
-        divider?: string | undefined;
+        class?: any;
         placeholder?: string | undefined;
+        theme?: string | undefined;
+        divider?: string | undefined;
         'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
         modelValue?: string | number | undefined;
         rounded?: string | number | boolean | undefined;
-        maxHeight?: string | number | undefined;
-        maxWidth?: string | number | undefined;
-        minHeight?: string | number | undefined;
-        minWidth?: string | number | undefined;
         baseColor?: string | undefined;
         bgColor?: string | undefined;
     } & {
@@ -188,16 +188,16 @@ declare const VOtpInput: {
         };
     }, {}, {}, {}, {
         length: string | number;
-        style: vue.StyleValue;
-        label: string;
+        variant: NonNullable<"filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled">;
         type: "number" | "text" | "password";
         error: boolean;
+        label: string;
+        style: vue.StyleValue;
+        autofocus: boolean;
         disabled: boolean;
         focused: boolean;
         modelValue: string | number;
         rounded: string | number | boolean;
-        variant: NonNullable<"underlined" | "filled" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled">;
-        autofocus: boolean;
         focusAll: boolean;
     }>;
     __isFragment?: undefined;
@@ -205,31 +205,31 @@ declare const VOtpInput: {
     __isSuspense?: undefined;
 } & vue.ComponentOptionsBase<{
     length: string | number;
-    style: vue.StyleValue;
-    label: string;
+    variant: NonNullable<"filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled">;
     type: "number" | "text" | "password";
     error: boolean;
+    label: string;
+    style: vue.StyleValue;
+    autofocus: boolean;
     disabled: boolean;
     focused: boolean;
-    variant: NonNullable<"underlined" | "filled" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled">;
-    autofocus: boolean;
     focusAll: boolean;
 } & {
-    class?: any;
-    width?: string | number | undefined;
     height?: string | number | undefined;
-    theme?: string | 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;
-    divider?: string | undefined;
+    class?: any;
     placeholder?: string | undefined;
+    theme?: string | undefined;
+    divider?: string | undefined;
     'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
     modelValue?: string | number | undefined;
     rounded?: string | number | boolean | undefined;
-    maxHeight?: string | number | undefined;
-    maxWidth?: string | number | undefined;
-    minHeight?: string | number | undefined;
-    minWidth?: string | number | undefined;
     baseColor?: string | undefined;
     bgColor?: string | undefined;
 } & {
@@ -261,16 +261,16 @@ declare const VOtpInput: {
     'update:modelValue': (val: string) => true;
 }, string, {
     length: string | number;
-    style: vue.StyleValue;
-    label: string;
+    variant: NonNullable<"filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled">;
     type: "number" | "text" | "password";
     error: boolean;
+    label: string;
+    style: vue.StyleValue;
+    autofocus: boolean;
     disabled: boolean;
     focused: boolean;
     modelValue: string | number;
     rounded: string | number | boolean;
-    variant: NonNullable<"underlined" | "filled" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled">;
-    autofocus: boolean;
     focusAll: boolean;
 }, {}, string, vue.SlotsType<Partial<{
     default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
@@ -280,31 +280,31 @@ declare const VOtpInput: {
         [key: string]: any;
     }>[];
 }>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
-    class: PropType<any>;
+    variant: Omit<{
+        type: PropType<"filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled">;
+        default: string;
+        validator: (v: any) => boolean;
+    }, "type" | "default"> & {
+        type: PropType<NonNullable<"filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled">>;
+        default: NonNullable<"filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled">;
+    };
+    error: BooleanConstructor;
+    color: StringConstructor;
+    loading: (StringConstructor | BooleanConstructor)[];
     style: {
         type: PropType<vue.StyleValue>;
         default: null;
     };
-    error: BooleanConstructor;
-    theme: StringConstructor;
-    color: StringConstructor;
     disabled: {
         type: BooleanConstructor;
         default: null;
     };
-    loading: (StringConstructor | BooleanConstructor)[];
+    class: PropType<any>;
+    theme: StringConstructor;
     rounded: {
-        type: (StringConstructor | NumberConstructor | BooleanConstructor)[];
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
         default: undefined;
     };
-    variant: Omit<{
-        type: PropType<"underlined" | "filled" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled">;
-        default: string;
-        validator: (v: any) => boolean;
-    }, "default" | "type"> & {
-        type: PropType<NonNullable<"underlined" | "filled" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled">>;
-        default: NonNullable<"underlined" | "filled" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled">;
-    };
     baseColor: StringConstructor;
     bgColor: StringConstructor;
     focused: BooleanConstructor;
@@ -336,31 +336,31 @@ declare const VOtpInput: {
         default: string;
     };
 }, vue.ExtractPropTypes<{
-    class: PropType<any>;
+    variant: Omit<{
+        type: PropType<"filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled">;
+        default: string;
+        validator: (v: any) => boolean;
+    }, "type" | "default"> & {
+        type: PropType<NonNullable<"filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled">>;
+        default: NonNullable<"filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled">;
+    };
+    error: BooleanConstructor;
+    color: StringConstructor;
+    loading: (StringConstructor | BooleanConstructor)[];
     style: {
         type: PropType<vue.StyleValue>;
         default: null;
     };
-    error: BooleanConstructor;
-    theme: StringConstructor;
-    color: StringConstructor;
     disabled: {
         type: BooleanConstructor;
         default: null;
     };
-    loading: (StringConstructor | BooleanConstructor)[];
+    class: PropType<any>;
+    theme: StringConstructor;
     rounded: {
-        type: (StringConstructor | NumberConstructor | BooleanConstructor)[];
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
         default: undefined;
     };
-    variant: Omit<{
-        type: PropType<"underlined" | "filled" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled">;
-        default: string;
-        validator: (v: any) => boolean;
-    }, "default" | "type"> & {
-        type: PropType<NonNullable<"underlined" | "filled" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled">>;
-        default: NonNullable<"underlined" | "filled" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled">;
-    };
     baseColor: StringConstructor;
     bgColor: StringConstructor;
     focused: BooleanConstructor;