vuetify 3.6.0-alpha.2 → 3.6.0

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

@@ -17,6 +17,7 @@ interface GroupItem {
     id: number;
     value: Ref<unknown>;
     disabled: Ref<boolean | undefined>;
+    useIndexAsValue?: boolean;
 }
 interface GroupProvide {
     register: (item: GroupItem, cmp: ComponentInternalInstance) => void;
@@ -59,6 +60,7 @@ declare const VTab: {
         size: string | number;
         disabled: boolean;
         tag: string;
+        readonly: boolean;
         variant: NonNullable<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
         exact: boolean;
         tile: boolean;
@@ -124,6 +126,7 @@ declare const VTab: {
             active: boolean;
             disabled: boolean;
             tag: string;
+            readonly: boolean;
             rounded: string | number | boolean;
             variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
             block: boolean;
@@ -143,6 +146,7 @@ declare const VTab: {
             size: string | number;
             disabled: boolean;
             tag: string;
+            readonly: boolean;
             variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
             block: boolean;
             exact: boolean;
@@ -205,6 +209,7 @@ declare const VTab: {
             size: string | number;
             disabled: boolean;
             tag: string;
+            readonly: boolean;
             variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
             block: boolean;
             exact: boolean;
@@ -263,7 +268,7 @@ declare const VTab: {
             "onGroup:selected"?: ((val: {
                 value: boolean;
             }) => any) | undefined;
-        }, "symbol" | "flat" | "replace" | "style" | "size" | "active" | "disabled" | "tag" | "rounded" | "variant" | "block" | "exact" | "tile" | "density" | "slim" | "stacked" | "ripple">;
+        }, "symbol" | "flat" | "replace" | "style" | "size" | "active" | "disabled" | "tag" | "readonly" | "rounded" | "variant" | "block" | "exact" | "tile" | "density" | "slim" | "stacked" | "ripple">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -298,6 +303,7 @@ declare const VTab: {
             size: string | number;
             disabled: boolean;
             tag: string;
+            readonly: boolean;
             variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
             block: boolean;
             exact: boolean;
@@ -371,6 +377,7 @@ declare const VTab: {
             active: boolean;
             disabled: boolean;
             tag: string;
+            readonly: boolean;
             rounded: string | number | boolean;
             variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
             block: boolean;
@@ -423,6 +430,7 @@ declare const VTab: {
         size: string | number;
         disabled: boolean;
         tag: string;
+        readonly: boolean;
         variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
         block: boolean;
         exact: boolean;
@@ -483,13 +491,14 @@ declare const VTab: {
         }) => any) | undefined;
     }, "group"> & vue.ShallowUnwrapRef<{
         group: GroupItemProvide | null;
-    }> & {} & vue.ComponentCustomProperties & {}, "class" | "text" | "value" | "width" | "height" | "theme" | "key" | "href" | "color" | "v-slot:default" | "$children" | "v-slots" | "loading" | "icon" | "ref" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "to" | "border" | "position" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "elevation" | "v-slot:prepend" | "v-slot:append" | "location" | "baseColor" | "selectedClass" | "onGroup:selected" | "prependIcon" | "appendIcon" | ("symbol" | "flat" | "replace" | "style" | "size" | "active" | "disabled" | "tag" | "rounded" | "variant" | "block" | "exact" | "tile" | "density" | "slim" | "stacked" | "ripple") | "v-slot:loader">, `$${any}`>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
+    }> & {} & vue.ComponentCustomProperties & {}, "class" | "text" | "value" | "width" | "height" | "theme" | "key" | "href" | "color" | "v-slot:default" | "$children" | "v-slots" | "loading" | "icon" | "ref" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "to" | "border" | "position" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "elevation" | "v-slot:prepend" | "v-slot:append" | "location" | "baseColor" | "selectedClass" | "onGroup:selected" | "prependIcon" | "appendIcon" | ("symbol" | "flat" | "replace" | "style" | "size" | "active" | "disabled" | "tag" | "readonly" | "rounded" | "variant" | "block" | "exact" | "tile" | "density" | "slim" | "stacked" | "ripple") | "v-slot:loader">, `$${any}`>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
         replace: boolean;
         fixed: boolean;
         style: vue.StyleValue;
         size: string | number;
         disabled: boolean;
         tag: string;
+        readonly: boolean;
         variant: NonNullable<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
         exact: boolean;
         tile: boolean;
@@ -550,6 +559,7 @@ declare const VTab: {
         size: string | number;
         disabled: boolean;
         tag: string;
+        readonly: boolean;
         rounded: string | number | boolean;
         variant: NonNullable<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
         exact: boolean;
@@ -590,6 +600,7 @@ declare const VTab: {
         size: string | number;
         disabled: boolean;
         tag: string;
+        readonly: boolean;
         variant: NonNullable<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
         exact: boolean;
         tile: boolean;
@@ -655,6 +666,7 @@ declare const VTab: {
             active: boolean;
             disabled: boolean;
             tag: string;
+            readonly: boolean;
             rounded: string | number | boolean;
             variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
             block: boolean;
@@ -674,6 +686,7 @@ declare const VTab: {
             size: string | number;
             disabled: boolean;
             tag: string;
+            readonly: boolean;
             variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
             block: boolean;
             exact: boolean;
@@ -736,6 +749,7 @@ declare const VTab: {
             size: string | number;
             disabled: boolean;
             tag: string;
+            readonly: boolean;
             variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
             block: boolean;
             exact: boolean;
@@ -794,7 +808,7 @@ declare const VTab: {
             "onGroup:selected"?: ((val: {
                 value: boolean;
             }) => any) | undefined;
-        }, "symbol" | "flat" | "replace" | "style" | "size" | "active" | "disabled" | "tag" | "rounded" | "variant" | "block" | "exact" | "tile" | "density" | "slim" | "stacked" | "ripple">;
+        }, "symbol" | "flat" | "replace" | "style" | "size" | "active" | "disabled" | "tag" | "readonly" | "rounded" | "variant" | "block" | "exact" | "tile" | "density" | "slim" | "stacked" | "ripple">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -829,6 +843,7 @@ declare const VTab: {
             size: string | number;
             disabled: boolean;
             tag: string;
+            readonly: boolean;
             variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
             block: boolean;
             exact: boolean;
@@ -902,6 +917,7 @@ declare const VTab: {
             active: boolean;
             disabled: boolean;
             tag: string;
+            readonly: boolean;
             rounded: string | number | boolean;
             variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
             block: boolean;
@@ -954,6 +970,7 @@ declare const VTab: {
         size: string | number;
         disabled: boolean;
         tag: string;
+        readonly: boolean;
         variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
         block: boolean;
         exact: boolean;
@@ -1014,13 +1031,14 @@ declare const VTab: {
         }) => any) | undefined;
     }, "group"> & vue.ShallowUnwrapRef<{
         group: GroupItemProvide | null;
-    }> & {} & vue.ComponentCustomProperties & {}, "class" | "text" | "value" | "width" | "height" | "theme" | "key" | "href" | "color" | "v-slot:default" | "$children" | "v-slots" | "loading" | "icon" | "ref" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "to" | "border" | "position" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "elevation" | "v-slot:prepend" | "v-slot:append" | "location" | "baseColor" | "selectedClass" | "onGroup:selected" | "prependIcon" | "appendIcon" | ("symbol" | "flat" | "replace" | "style" | "size" | "active" | "disabled" | "tag" | "rounded" | "variant" | "block" | "exact" | "tile" | "density" | "slim" | "stacked" | "ripple") | "v-slot:loader">, `$${any}`>, {}, {}, {}, {
+    }> & {} & vue.ComponentCustomProperties & {}, "class" | "text" | "value" | "width" | "height" | "theme" | "key" | "href" | "color" | "v-slot:default" | "$children" | "v-slots" | "loading" | "icon" | "ref" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "to" | "border" | "position" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "elevation" | "v-slot:prepend" | "v-slot:append" | "location" | "baseColor" | "selectedClass" | "onGroup:selected" | "prependIcon" | "appendIcon" | ("symbol" | "flat" | "replace" | "style" | "size" | "active" | "disabled" | "tag" | "readonly" | "rounded" | "variant" | "block" | "exact" | "tile" | "density" | "slim" | "stacked" | "ripple") | "v-slot:loader">, `$${any}`>, {}, {}, {}, {
         replace: boolean;
         fixed: boolean;
         style: vue.StyleValue;
         size: string | number;
         disabled: boolean;
         tag: string;
+        readonly: boolean;
         rounded: string | number | boolean;
         variant: NonNullable<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
         exact: boolean;
@@ -1045,6 +1063,7 @@ declare const VTab: {
     size: string | number;
     disabled: boolean;
     tag: string;
+    readonly: boolean;
     variant: NonNullable<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
     exact: boolean;
     tile: boolean;
@@ -1110,6 +1129,7 @@ declare const VTab: {
         active: boolean;
         disabled: boolean;
         tag: string;
+        readonly: boolean;
         rounded: string | number | boolean;
         variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
         block: boolean;
@@ -1129,6 +1149,7 @@ declare const VTab: {
         size: string | number;
         disabled: boolean;
         tag: string;
+        readonly: boolean;
         variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
         block: boolean;
         exact: boolean;
@@ -1191,6 +1212,7 @@ declare const VTab: {
         size: string | number;
         disabled: boolean;
         tag: string;
+        readonly: boolean;
         variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
         block: boolean;
         exact: boolean;
@@ -1249,7 +1271,7 @@ declare const VTab: {
         "onGroup:selected"?: ((val: {
             value: boolean;
         }) => any) | undefined;
-    }, "symbol" | "flat" | "replace" | "style" | "size" | "active" | "disabled" | "tag" | "rounded" | "variant" | "block" | "exact" | "tile" | "density" | "slim" | "stacked" | "ripple">;
+    }, "symbol" | "flat" | "replace" | "style" | "size" | "active" | "disabled" | "tag" | "readonly" | "rounded" | "variant" | "block" | "exact" | "tile" | "density" | "slim" | "stacked" | "ripple">;
     $attrs: {
         [x: string]: unknown;
     };
@@ -1284,6 +1306,7 @@ declare const VTab: {
         size: string | number;
         disabled: boolean;
         tag: string;
+        readonly: boolean;
         variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
         block: boolean;
         exact: boolean;
@@ -1357,6 +1380,7 @@ declare const VTab: {
         active: boolean;
         disabled: boolean;
         tag: string;
+        readonly: boolean;
         rounded: string | number | boolean;
         variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
         block: boolean;
@@ -1409,6 +1433,7 @@ declare const VTab: {
     size: string | number;
     disabled: boolean;
     tag: string;
+    readonly: boolean;
     variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
     block: boolean;
     exact: boolean;
@@ -1469,13 +1494,14 @@ declare const VTab: {
     }) => any) | undefined;
 }, "group"> & vue.ShallowUnwrapRef<{
     group: GroupItemProvide | null;
-}> & {} & vue.ComponentCustomProperties & {}, "class" | "text" | "value" | "width" | "height" | "theme" | "key" | "href" | "color" | "v-slot:default" | "$children" | "v-slots" | "loading" | "icon" | "ref" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "to" | "border" | "position" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "elevation" | "v-slot:prepend" | "v-slot:append" | "location" | "baseColor" | "selectedClass" | "onGroup:selected" | "prependIcon" | "appendIcon" | ("symbol" | "flat" | "replace" | "style" | "size" | "active" | "disabled" | "tag" | "rounded" | "variant" | "block" | "exact" | "tile" | "density" | "slim" | "stacked" | "ripple") | "v-slot:loader">, `$${any}`>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
+}> & {} & vue.ComponentCustomProperties & {}, "class" | "text" | "value" | "width" | "height" | "theme" | "key" | "href" | "color" | "v-slot:default" | "$children" | "v-slots" | "loading" | "icon" | "ref" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "to" | "border" | "position" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "elevation" | "v-slot:prepend" | "v-slot:append" | "location" | "baseColor" | "selectedClass" | "onGroup:selected" | "prependIcon" | "appendIcon" | ("symbol" | "flat" | "replace" | "style" | "size" | "active" | "disabled" | "tag" | "readonly" | "rounded" | "variant" | "block" | "exact" | "tile" | "density" | "slim" | "stacked" | "ripple") | "v-slot:loader">, `$${any}`>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
     replace: boolean;
     fixed: boolean;
     style: vue.StyleValue;
     size: string | number;
     disabled: boolean;
     tag: string;
+    readonly: boolean;
     rounded: string | number | boolean;
     variant: NonNullable<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
     exact: boolean;
@@ -1532,6 +1558,7 @@ declare const VTab: {
     icon: PropType<boolean | IconValue>;
     to: PropType<vue_router.RouteLocationRaw>;
     border: (StringConstructor | NumberConstructor | BooleanConstructor)[];
+    readonly: BooleanConstructor;
     rounded: {
         type: (StringConstructor | NumberConstructor | BooleanConstructor)[];
         default: undefined;
@@ -1614,6 +1641,7 @@ declare const VTab: {
     icon: PropType<boolean | IconValue>;
     to: PropType<vue_router.RouteLocationRaw>;
     border: (StringConstructor | NumberConstructor | BooleanConstructor)[];
+    readonly: BooleanConstructor;
     rounded: {
         type: (StringConstructor | NumberConstructor | BooleanConstructor)[];
         default: undefined;
@@ -1683,6 +1711,7 @@ declare const VTabs: {
         style: vue.StyleValue;
         disabled: boolean;
         tag: string;
+        mobile: boolean;
         items: readonly TabItem[];
         mandatory: NonNullable<boolean | "force">;
         multiple: boolean;
@@ -1740,6 +1769,7 @@ declare const VTabs: {
         style: vue.StyleValue;
         disabled: boolean;
         tag: string;
+        mobile: boolean;
         items: readonly TabItem[];
         mandatory: NonNullable<boolean | "force">;
         multiple: boolean;
@@ -1796,6 +1826,7 @@ declare const VTabs: {
         height: string | number;
         disabled: boolean;
         tag: string;
+        mobile: boolean;
         modelValue: any;
         items: readonly TabItem[];
         mandatory: NonNullable<boolean | "force">;
@@ -1842,6 +1873,7 @@ declare const VTabs: {
         style: vue.StyleValue;
         disabled: boolean;
         tag: string;
+        mobile: boolean;
         items: readonly TabItem[];
         mandatory: NonNullable<boolean | "force">;
         multiple: boolean;
@@ -1898,6 +1930,7 @@ declare const VTabs: {
         height: string | number;
         disabled: boolean;
         tag: string;
+        mobile: boolean;
         modelValue: any;
         items: readonly TabItem[];
         mandatory: NonNullable<boolean | "force">;
@@ -1922,6 +1955,7 @@ declare const VTabs: {
     style: vue.StyleValue;
     disabled: boolean;
     tag: string;
+    mobile: boolean;
     items: readonly TabItem[];
     mandatory: NonNullable<boolean | "force">;
     multiple: boolean;
@@ -1980,6 +2014,7 @@ declare const VTabs: {
     height: string | number;
     disabled: boolean;
     tag: string;
+    mobile: boolean;
     modelValue: any;
     items: readonly TabItem[];
     mandatory: NonNullable<boolean | "force">;
@@ -2042,6 +2077,10 @@ declare const VTabs: {
         default: string;
     };
     disabled: BooleanConstructor;
+    mobile: {
+        type: BooleanConstructor;
+        default: null;
+    };
     mobileBreakpoint: PropType<number | DisplayBreakpoint>;
     class: PropType<any>;
     style: {
@@ -2116,6 +2155,10 @@ declare const VTabs: {
         default: string;
     };
     disabled: BooleanConstructor;
+    mobile: {
+        type: BooleanConstructor;
+        default: null;
+    };
     mobileBreakpoint: PropType<number | DisplayBreakpoint>;
     class: PropType<any>;
     style: {

package/lib/components/VTextField/VTextField.sass

@@ -1,74 +1,76 @@
 @use 'sass:selector'
 @use '../../styles/settings'
+@use '../../styles/tools'
 @use './variables' as *
 
-/* region BLOCK */
-.v-text-field
-  input
-    color: inherit
-    opacity: 0
-    flex: $text-field-input-flex
-    transition: $text-field-input-transition
-    min-width: 0
+@include tools.layer('components')
+  /* region BLOCK */
+  .v-text-field
+    input
+      color: inherit
+      opacity: 0
+      flex: $text-field-input-flex
+      transition: $text-field-input-transition
+      min-width: 0
 
-    &:focus,
-    &:active
-      outline: none
+      &:focus,
+      &:active
+        outline: none
 
-    // Remove Firefox red outline
-    &:invalid
-      box-shadow: none
+      // Remove Firefox red outline
+      &:invalid
+        box-shadow: none
 
-  .v-field
-    cursor: text
+    .v-field
+      cursor: text
 
-  .v-field__input
-    @at-root #{selector.append('.v-text-field--prefixed', &)}
-      --v-field-padding-start: #{$text-field-input-padding-start}
+    .v-field__input
+      @at-root #{selector.append('.v-text-field--prefixed', &)}
+        --v-field-padding-start: #{$text-field-input-padding-start}
 
-    @at-root #{selector.append('.v-text-field--suffixed', &)}
-      --v-field-padding-end: #{$text-field-input-padding-end}
+      @at-root #{selector.append('.v-text-field--suffixed', &)}
+        --v-field-padding-end: #{$text-field-input-padding-end}
 
-  .v-input__details
-    padding-inline: $text-field-details-padding-inline
-    @at-root #{selector.append('.v-input--plain-underlined', &)}
-      padding-inline: 0
+    .v-input__details
+      padding-inline: $text-field-details-padding-inline
+      @at-root #{selector.append('.v-input--plain-underlined', &)}
+        padding-inline: 0
 
-  .v-field--no-label,
-  .v-field--active
-    input
-      opacity: 1
+    .v-field--no-label,
+    .v-field--active
+      input
+        opacity: 1
 
-  .v-field--single-line
-    input
-      transition: none
+    .v-field--single-line
+      input
+        transition: none
 
-/* endregion */
-/* region ELEMENTS */
-.v-text-field
-  &__prefix,
-  &__suffix
-    align-items: center
-    color: $text-field-affix-color
-    cursor: default
-    display: flex
-    opacity: 0
-    transition: inherit
-    white-space: nowrap
-    min-height: $field-input-min-height
-    padding-top: calc(var(--v-field-padding-top, 4px) + var(--v-input-padding-top, 0))
-    padding-bottom: var(--v-field-padding-bottom, 6px)
+  /* endregion */
+  /* region ELEMENTS */
+  .v-text-field
+    &__prefix,
+    &__suffix
+      align-items: center
+      color: $text-field-affix-color
+      cursor: default
+      display: flex
+      opacity: 0
+      transition: inherit
+      white-space: nowrap
+      min-height: $field-input-min-height
+      padding-top: calc(var(--v-field-padding-top, 4px) + var(--v-input-padding-top, 0))
+      padding-bottom: var(--v-field-padding-bottom, 6px)
 
-    .v-field--active &
-      opacity: 1
+      .v-field--active &
+        opacity: 1
 
-    .v-field--disabled &
-      color: $text-field-disabled-affix-color
+      .v-field--disabled &
+        color: $text-field-disabled-affix-color
 
-  &__prefix
-    padding-inline-start: var(--v-field-padding-start)
+    &__prefix
+      padding-inline-start: var(--v-field-padding-start)
 
-  &__suffix
-    padding-inline-end: var(--v-field-padding-end)
+    &__suffix
+      padding-inline-end: var(--v-field-padding-end)
 
-/* endregion */
+  /* endregion */

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

@@ -260,6 +260,7 @@ declare const VTextField: {
             id?: string | undefined;
             label?: string | undefined;
             width?: string | number | undefined;
+            theme?: string | undefined;
             name?: string | undefined;
             'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
             validateOn?: ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | "lazy" | undefined;
@@ -292,6 +293,7 @@ declare const VTextField: {
             id?: string | undefined;
             label?: string | undefined;
             width?: string | number | undefined;
+            theme?: string | undefined;
             name?: string | undefined;
             'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
             validateOn?: ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | "lazy" | undefined;
@@ -352,6 +354,7 @@ declare const VTextField: {
             id?: string | undefined;
             label?: string | undefined;
             width?: string | number | undefined;
+            theme?: string | undefined;
             name?: string | undefined;
             'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
             validateOn?: ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | "lazy" | undefined;
@@ -443,6 +446,7 @@ declare const VTextField: {
         id?: string | undefined;
         label?: string | undefined;
         width?: string | number | undefined;
+        theme?: string | undefined;
         name?: string | undefined;
         'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
         validateOn?: ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | "lazy" | undefined;
@@ -464,7 +468,7 @@ declare const VTextField: {
     }> & {} & vue.ComponentCustomProperties & {} & GenericProps<{
         modelValue?: unknown;
         'onUpdate:modelValue'?: ((value: unknown) => void) | undefined;
-    }, VInputSlots>, "class" | "id" | "label" | "width" | "key" | "name" | "v-slot:default" | "$children" | "v-slots" | "ref" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:focused" | "modelValue" | "validateOn" | "validationValue" | "onUpdate:modelValue" | "maxWidth" | "minWidth" | "v-slot:prepend" | "v-slot:append" | "prependIcon" | "appendIcon" | "onClick:prepend" | "onClick:append" | "v-slot:message" | "hint" | "hideDetails" | "v-slot:details" | ("style" | "error" | "disabled" | "messages" | "focused" | "errorMessages" | "maxErrors" | "readonly" | "rules" | "density" | "direction" | "centerAffix" | "hideSpinButtons" | "persistentHint")>, `$${any}`> & Omit<Omit<{
+    }, VInputSlots>, "class" | "id" | "label" | "width" | "theme" | "key" | "name" | "v-slot:default" | "$children" | "v-slots" | "ref" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:focused" | "modelValue" | "validateOn" | "validationValue" | "onUpdate:modelValue" | "maxWidth" | "minWidth" | "v-slot:prepend" | "v-slot:append" | "prependIcon" | "appendIcon" | "onClick:prepend" | "onClick:append" | "v-slot:message" | "hint" | "hideDetails" | "v-slot:details" | ("style" | "error" | "disabled" | "messages" | "focused" | "errorMessages" | "maxErrors" | "readonly" | "rules" | "density" | "direction" | "centerAffix" | "hideSpinButtons" | "persistentHint")>, `$${any}`> & Omit<Omit<{
         $: vue.ComponentInternalInstance;
         $data: {};
         $props: Partial<{
@@ -1090,6 +1094,7 @@ declare const VTextField: {
             id?: string | undefined;
             label?: string | undefined;
             width?: string | number | undefined;
+            theme?: string | undefined;
             name?: string | undefined;
             'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
             validateOn?: ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | "lazy" | undefined;
@@ -1122,6 +1127,7 @@ declare const VTextField: {
             id?: string | undefined;
             label?: string | undefined;
             width?: string | number | undefined;
+            theme?: string | undefined;
             name?: string | undefined;
             'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
             validateOn?: ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | "lazy" | undefined;
@@ -1182,6 +1188,7 @@ declare const VTextField: {
             id?: string | undefined;
             label?: string | undefined;
             width?: string | number | undefined;
+            theme?: string | undefined;
             name?: string | undefined;
             'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
             validateOn?: ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | "lazy" | undefined;
@@ -1273,6 +1280,7 @@ declare const VTextField: {
         id?: string | undefined;
         label?: string | undefined;
         width?: string | number | undefined;
+        theme?: string | undefined;
         name?: string | undefined;
         'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
         validateOn?: ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | "lazy" | undefined;
@@ -1294,7 +1302,7 @@ declare const VTextField: {
     }> & {} & vue.ComponentCustomProperties & {} & GenericProps<{
         modelValue?: unknown;
         'onUpdate:modelValue'?: ((value: unknown) => void) | undefined;
-    }, VInputSlots>, "class" | "id" | "label" | "width" | "key" | "name" | "v-slot:default" | "$children" | "v-slots" | "ref" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:focused" | "modelValue" | "validateOn" | "validationValue" | "onUpdate:modelValue" | "maxWidth" | "minWidth" | "v-slot:prepend" | "v-slot:append" | "prependIcon" | "appendIcon" | "onClick:prepend" | "onClick:append" | "v-slot:message" | "hint" | "hideDetails" | "v-slot:details" | ("style" | "error" | "disabled" | "messages" | "focused" | "errorMessages" | "maxErrors" | "readonly" | "rules" | "density" | "direction" | "centerAffix" | "hideSpinButtons" | "persistentHint")>, `$${any}`> & Omit<Omit<{
+    }, VInputSlots>, "class" | "id" | "label" | "width" | "theme" | "key" | "name" | "v-slot:default" | "$children" | "v-slots" | "ref" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:focused" | "modelValue" | "validateOn" | "validationValue" | "onUpdate:modelValue" | "maxWidth" | "minWidth" | "v-slot:prepend" | "v-slot:append" | "prependIcon" | "appendIcon" | "onClick:prepend" | "onClick:append" | "v-slot:message" | "hint" | "hideDetails" | "v-slot:details" | ("style" | "error" | "disabled" | "messages" | "focused" | "errorMessages" | "maxErrors" | "readonly" | "rules" | "density" | "direction" | "centerAffix" | "hideSpinButtons" | "persistentHint")>, `$${any}`> & Omit<Omit<{
         $: vue.ComponentInternalInstance;
         $data: {};
         $props: Partial<{
@@ -1749,6 +1757,7 @@ declare const VTextField: {
         id?: string | undefined;
         label?: string | undefined;
         width?: string | number | undefined;
+        theme?: string | undefined;
         name?: string | undefined;
         'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
         validateOn?: ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | "lazy" | undefined;
@@ -1781,6 +1790,7 @@ declare const VTextField: {
         id?: string | undefined;
         label?: string | undefined;
         width?: string | number | undefined;
+        theme?: string | undefined;
         name?: string | undefined;
         'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
         validateOn?: ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | "lazy" | undefined;
@@ -1841,6 +1851,7 @@ declare const VTextField: {
         id?: string | undefined;
         label?: string | undefined;
         width?: string | number | undefined;
+        theme?: string | undefined;
         name?: string | undefined;
         'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
         validateOn?: ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | "lazy" | undefined;
@@ -1932,6 +1943,7 @@ declare const VTextField: {
     id?: string | undefined;
     label?: string | undefined;
     width?: string | number | undefined;
+    theme?: string | undefined;
     name?: string | undefined;
     'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
     validateOn?: ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | "lazy" | undefined;
@@ -1953,7 +1965,7 @@ declare const VTextField: {
 }> & {} & vue.ComponentCustomProperties & {} & GenericProps<{
     modelValue?: unknown;
     'onUpdate:modelValue'?: ((value: unknown) => void) | undefined;
-}, VInputSlots>, "class" | "id" | "label" | "width" | "key" | "name" | "v-slot:default" | "$children" | "v-slots" | "ref" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:focused" | "modelValue" | "validateOn" | "validationValue" | "onUpdate:modelValue" | "maxWidth" | "minWidth" | "v-slot:prepend" | "v-slot:append" | "prependIcon" | "appendIcon" | "onClick:prepend" | "onClick:append" | "v-slot:message" | "hint" | "hideDetails" | "v-slot:details" | ("style" | "error" | "disabled" | "messages" | "focused" | "errorMessages" | "maxErrors" | "readonly" | "rules" | "density" | "direction" | "centerAffix" | "hideSpinButtons" | "persistentHint")>, `$${any}`> & Omit<Omit<{
+}, VInputSlots>, "class" | "id" | "label" | "width" | "theme" | "key" | "name" | "v-slot:default" | "$children" | "v-slots" | "ref" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:focused" | "modelValue" | "validateOn" | "validationValue" | "onUpdate:modelValue" | "maxWidth" | "minWidth" | "v-slot:prepend" | "v-slot:append" | "prependIcon" | "appendIcon" | "onClick:prepend" | "onClick:append" | "v-slot:message" | "hint" | "hideDetails" | "v-slot:details" | ("style" | "error" | "disabled" | "messages" | "focused" | "errorMessages" | "maxErrors" | "readonly" | "rules" | "density" | "direction" | "centerAffix" | "hideSpinButtons" | "persistentHint")>, `$${any}`> & Omit<Omit<{
     $: vue.ComponentInternalInstance;
     $data: {};
     $props: Partial<{