@vuetify/nightly 3.7.6-dev.2025-01-15 → 3.7.6-dev.2025-01-17

package/dist/json/attributes.json

@@ -1267,10 +1267,6 @@
     "type": "string | number\n",
     "description": "Specifies the dividing character between items."
   },
-  "VBreadcrumbsItem/title": {
-    "type": "string\n",
-    "description": "Specify a title text for the component."
-  },
   "VBreadcrumbsItem/replace": {
     "type": "boolean\n",
     "description": "Setting **replace** prop will call `router.replace()` instead of `router.push()` when clicked, so the navigation will not leave a history record. You can find more information about the [replace](https://router.vuejs.org/api/#replace) prop on the vue-router documentation."
@@ -1279,38 +1275,42 @@
     "type": "string | (new () => any) | FunctionalComponent\n",
     "description": "Specify a custom tag used on the root element."
   },
-  "VBreadcrumbsItem/color": {
+  "VBreadcrumbsItem/title": {
     "type": "string\n",
-    "description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)."
+    "description": "Specify a title text for the component."
   },
-  "VBreadcrumbsItem/exact": {
+  "VBreadcrumbsItem/active": {
     "type": "boolean\n",
-    "description": "Exactly match the link. Without this, '/' will match every route. You can find more information about the [**exact** prop](https://router.vuejs.org/api/#exact) on the vue-router documentation."
+    "description": "Controls the **active** state of the item. This is typically used to highlight the component."
   },
   "VBreadcrumbsItem/active-color": {
     "type": "string\n",
     "description": "The applied color when the component is in an active state."
   },
-  "VBreadcrumbsItem/active-class": {
-    "type": "string\n",
-    "description": "The class applied to the component when it matches the current route. Find more information about the [active-class prop](https://router.vuejs.org/api/#active-class) on the [vue-router](https://router.vuejs.org/) documentation."
-  },
   "VBreadcrumbsItem/disabled": {
     "type": "boolean\n",
     "description": "Removes the ability to click or target the component."
   },
-  "VBreadcrumbsItem/active": {
-    "type": "boolean\n",
-    "description": "Controls the **active** state of the item. This is typically used to highlight the component."
-  },
   "VBreadcrumbsItem/href": {
     "type": "string\n",
     "description": "Designates the component as anchor and applies the **href** attribute."
   },
+  "VBreadcrumbsItem/exact": {
+    "type": "boolean\n",
+    "description": "Exactly match the link. Without this, '/' will match every route. You can find more information about the [**exact** prop](https://router.vuejs.org/api/#exact) on the vue-router documentation."
+  },
   "VBreadcrumbsItem/to": {
     "type": "RouteLocationRaw\n",
     "description": "Denotes the target route of the link. You can find more information about the [**to** prop](https://router.vuejs.org/api/#to) on the vue-router documentation."
   },
+  "VBreadcrumbsItem/color": {
+    "type": "string\n",
+    "description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)."
+  },
+  "VBreadcrumbsItem/active-class": {
+    "type": "string\n",
+    "description": "The class applied to the component when it matches the current route. Find more information about the [active-class prop](https://router.vuejs.org/api/#active-class) on the [vue-router](https://router.vuejs.org/) documentation."
+  },
   "VBtn/symbol": {
     "type": "any\n",
     "description": "The [Symbol](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Symbol) used to hook into group functionality for components like [v-btn-toggle](/components/btn-toggle) and [v-bottom-navigation](/components/bottom-navigations/)."
@@ -1843,14 +1843,6 @@
     "type": "any[]\n",
     "description": "Array of events associated with this specific day."
   },
-  "VCard/title": {
-    "type": "string | number\n",
-    "description": "Specify a title text for the component."
-  },
-  "VCard/text": {
-    "type": "string | number\n",
-    "description": "Specify content text for the component."
-  },
   "VCard/flat": {
     "type": "boolean\n",
     "description": "Removes the card's elevation."
@@ -1863,6 +1855,34 @@
     "type": "boolean\n",
     "description": "Designates that the component is a link. This is automatic when using the href or to prop."
   },
+  "VCard/tag": {
+    "type": "string | (new () => any) | FunctionalComponent\n",
+    "description": "Specify a custom tag used on the root element."
+  },
+  "VCard/title": {
+    "type": "string | number\n",
+    "description": "Specify a title text for the component."
+  },
+  "VCard/theme": {
+    "type": "string\n",
+    "description": "Specify a theme for this component and all of its children."
+  },
+  "VCard/prepend-icon": {
+    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
+    "description": "Prepends a [v-icon](/components/icons/) component to the header."
+  },
+  "VCard/append-icon": {
+    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
+    "description": "Creates a [v-icon](/api/v-icon/) component after default content in the **append** slot."
+  },
+  "VCard/ripple": {
+    "type": "boolean | { class: string }\n",
+    "description": "Applies the [v-ripple](/directives/ripple) directive."
+  },
+  "VCard/text": {
+    "type": "string | number\n",
+    "description": "Specify content text for the component."
+  },
   "VCard/border": {
     "type": "string | number | boolean\n",
     "description": "Designates the **border-radius** applied to the component. This can be **xs**, **sm**, **md**, **lg**, **xl**."
@@ -1899,12 +1919,20 @@
     "type": "string | number\n",
     "description": "Designates an elevation applied to the component between 0 and 24. You can find more information on the [elevation page](/styles/elevation)."
   },
+  "VCard/disabled": {
+    "type": "boolean\n",
+    "description": "Removes the ability to click or target the component."
+  },
+  "VCard/loading": {
+    "type": "string | boolean\n",
+    "description": "Displays linear progress bar. Can either be a String which specifies which color is applied to the progress bar (any material color or theme color - **primary**, **secondary**, **success**, **info**, **warning**, **error**) or a Boolean which uses the component **color** (set by color prop - if it's supported by the component) or the primary color."
+  },
   "VCard/location": {
     "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/util/anchor.ts#L8-L14\" target=\"_blank\">Anchor</a>\n",
     "description": "Specifies the component's location. Can combine by using a space separated string."
   },
   "VCard/position": {
-    "type": "'fixed' | 'static' | 'relative' | 'absolute' | 'sticky'\n",
+    "type": "'fixed' | 'relative' | 'static' | 'absolute' | 'sticky'\n",
     "description": "Sets the position for the component."
   },
   "VCard/rounded": {
@@ -1915,58 +1943,34 @@
     "type": "boolean\n",
     "description": "Removes any applied **border-radius** from the component."
   },
-  "VCard/tag": {
-    "type": "string | (new () => any) | FunctionalComponent\n",
-    "description": "Specify a custom tag used on the root element."
-  },
-  "VCard/theme": {
+  "VCard/href": {
     "type": "string\n",
-    "description": "Specify a theme for this component and all of its children."
+    "description": "Designates the component as anchor and applies the **href** attribute."
+  },
+  "VCard/exact": {
+    "type": "boolean\n",
+    "description": "Exactly match the link. Without this, '/' will match every route. You can find more information about the [**exact** prop](https://router.vuejs.org/api/#exact) on the vue-router documentation."
+  },
+  "VCard/to": {
+    "type": "RouteLocationRaw\n",
+    "description": "Denotes the target route of the link. You can find more information about the [**to** prop](https://router.vuejs.org/api/#to) on the vue-router documentation."
   },
   "VCard/color": {
     "type": "string\n",
     "description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)."
   },
   "VCard/variant": {
-    "type": "'text' | 'flat' | 'elevated' | 'tonal' | 'outlined' | 'plain'\n",
+    "type": "'flat' | 'text' | 'elevated' | 'tonal' | 'outlined' | 'plain'\n",
     "description": "Applies a distinct style to the component."
   },
   "VCard/image": {
     "type": "string\n",
     "description": "Apply a specific background image to the component."
   },
-  "VCard/exact": {
-    "type": "boolean\n",
-    "description": "Exactly match the link. Without this, '/' will match every route. You can find more information about the [**exact** prop](https://router.vuejs.org/api/#exact) on the vue-router documentation."
-  },
   "VCard/subtitle": {
     "type": "string | number\n",
     "description": "Specify a subtitle text for the component."
   },
-  "VCard/disabled": {
-    "type": "boolean\n",
-    "description": "Removes the ability to click or target the component."
-  },
-  "VCard/append-icon": {
-    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
-    "description": "Creates a [v-icon](/api/v-icon/) component after default content in the **append** slot."
-  },
-  "VCard/prepend-icon": {
-    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
-    "description": "Prepends a [v-icon](/components/icons/) component to the header."
-  },
-  "VCard/loading": {
-    "type": "string | boolean\n",
-    "description": "Displays linear progress bar. Can either be a String which specifies which color is applied to the progress bar (any material color or theme color - **primary**, **secondary**, **success**, **info**, **warning**, **error**) or a Boolean which uses the component **color** (set by color prop - if it's supported by the component) or the primary color."
-  },
-  "VCard/href": {
-    "type": "string\n",
-    "description": "Designates the component as anchor and applies the **href** attribute."
-  },
-  "VCard/to": {
-    "type": "RouteLocationRaw\n",
-    "description": "Denotes the target route of the link. You can find more information about the [**to** prop](https://router.vuejs.org/api/#to) on the vue-router documentation."
-  },
   "VCard/append-avatar": {
     "type": "string\n",
     "description": "Appends a [v-avatar](/components/avatars/) component after default content in the **append** slot."
@@ -1979,22 +1983,10 @@
     "type": "string\n",
     "description": "Prepends a [v-avatar](/components/avatars/) component in the **prepend** slot before default content."
   },
-  "VCard/ripple": {
-    "type": "boolean | { class: string }\n",
-    "description": "Applies the [v-ripple](/directives/ripple) directive."
-  },
   "VCardItem/title": {
     "type": "string | number\n",
     "description": "Specify a title text for the component."
   },
-  "VCardItem/prepend-icon": {
-    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
-    "description": "Creates a [v-icon](/api/v-icon/) component in the **prepend** slot before default content."
-  },
-  "VCardItem/append-icon": {
-    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
-    "description": "Creates a [v-icon](/api/v-icon/) component after default content in the **append** slot."
-  },
   "VCardItem/density": {
     "type": "'default' | 'comfortable' | 'compact'\n",
     "description": "Adjusts the vertical height used by the component."
@@ -2003,6 +1995,14 @@
     "type": "string | number\n",
     "description": "Specify a subtitle text for the component."
   },
+  "VCardItem/append-icon": {
+    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
+    "description": "Creates a [v-icon](/api/v-icon/) component after default content in the **append** slot."
+  },
+  "VCardItem/prepend-icon": {
+    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
+    "description": "Creates a [v-icon](/api/v-icon/) component in the **prepend** slot before default content."
+  },
   "VCardItem/append-avatar": {
     "type": "string\n",
     "description": "Appends a [v-avatar](/components/avatars/) component after default content in the **append** slot."
@@ -2375,10 +2375,6 @@
     "type": "boolean | 'auto'\n",
     "description": "Hides hint and validation errors. When set to `auto` messages will be rendered only if there's a message (hint, error message, counter value etc) to display."
   },
-  "VCheckbox/ripple": {
-    "type": "boolean | { class: string }\n",
-    "description": "Applies the [v-ripple](/directives/ripple) directive."
-  },
   "VCheckbox/indeterminate": {
     "type": "boolean\n",
     "description": "Sets an indeterminate state for the checkbox."
@@ -2407,6 +2403,10 @@
     "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
     "description": "The icon used when active."
   },
+  "VCheckbox/ripple": {
+    "type": "boolean | { class: string }\n",
+    "description": "Applies the [v-ripple](/directives/ripple) directive."
+  },
   "VCheckboxBtn/type": {
     "type": "string\n",
     "description": "Provides the default type for children selection controls."
@@ -2731,14 +2731,14 @@
     "type": "number | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'\n",
     "description": "Sets the designated mobile breakpoint for the component."
   },
-  "VClassIcon/icon": {
-    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
-    "description": "Apply a specific icon using the [v-icon](/components/icons/) component."
-  },
   "VClassIcon/tag": {
     "type": "string | (new () => any) | FunctionalComponent\n",
     "description": "Specify a custom tag used on the root element."
   },
+  "VClassIcon/icon": {
+    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
+    "description": "Apply a specific icon using the [v-icon](/components/icons/) component."
+  },
   "VCode/tag": {
     "type": "string\n",
     "description": "Specify a custom tag used on the root element."
@@ -2747,6 +2747,14 @@
     "type": "string | (new () => any) | FunctionalComponent\n",
     "description": "Specify a custom tag used on the root element."
   },
+  "VCol/order": {
+    "type": "string | number\n",
+    "description": "Sets the default [order](https://developer.mozilla.org/en-US/docs/Web/CSS/order) for the column."
+  },
+  "VCol/offset": {
+    "type": "string | number\n",
+    "description": "Sets the default offset for the column."
+  },
   "VCol/sm": {
     "type": "string | number | boolean\n",
     "description": "Changes the number of columns on small and greater breakpoints."
@@ -2767,14 +2775,6 @@
     "type": "string | number | boolean\n",
     "description": "Changes the number of columns on extra extra large and greater breakpoints."
   },
-  "VCol/order": {
-    "type": "string | number\n",
-    "description": "Sets the default [order](https://developer.mozilla.org/en-US/docs/Web/CSS/order) for the column."
-  },
-  "VCol/offset": {
-    "type": "string | number\n",
-    "description": "Sets the default offset for the column."
-  },
   "VCol/cols": {
     "type": "string | number | boolean\n",
     "description": "Sets the default number of columns the component extends. Available options are: **1 -> 12** and **auto**."
@@ -2820,17 +2820,25 @@
     "description": "Changes the order of the component on extra extra large and greater breakpoints."
   },
   "VCol/align-self": {
-    "type": "'start' | 'end' | 'center' | 'auto' | 'baseline' | 'stretch'\n",
+    "type": "'end' | 'start' | 'center' | 'auto' | 'baseline' | 'stretch'\n",
     "description": "Applies the [align-items](https://developer.mozilla.org/en-US/docs/Web/CSS/align-items) css property. Available options are: **start**, **center**, **end**, **auto**, **baseline** and **stretch**."
   },
+  "VColorPicker/tag": {
+    "type": "string | (new () => any) | FunctionalComponent\n",
+    "description": "Specify a custom tag used on the root element."
+  },
+  "VColorPicker/mode": {
+    "type": "'rgb' | 'rgba' | 'hsl' | 'hsla' | 'hex' | 'hexa'\n",
+    "description": "The current selected input type. Syncable with `v-model:mode`."
+  },
+  "VColorPicker/theme": {
+    "type": "string\n",
+    "description": "Specify a theme for this component and all of its children."
+  },
   "VColorPicker/border": {
     "type": "string | number | boolean\n",
     "description": "Designates the **border-radius** applied to the component. This can be **xs**, **sm**, **md**, **lg**, **xl**."
   },
-  "VColorPicker/model-value": {
-    "type": "string | Record<string, unknown>\n",
-    "description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array."
-  },
   "VColorPicker/width": {
     "type": "string | number\n",
     "description": "Sets the width of the color picker."
@@ -2839,8 +2847,12 @@
     "type": "string | number\n",
     "description": "Designates an elevation applied to the component between 0 and 24. You can find more information on the [elevation page](/styles/elevation)."
   },
+  "VColorPicker/disabled": {
+    "type": "boolean\n",
+    "description": "Removes the ability to click or target the component."
+  },
   "VColorPicker/position": {
-    "type": "'fixed' | 'static' | 'relative' | 'absolute' | 'sticky'\n",
+    "type": "'fixed' | 'relative' | 'static' | 'absolute' | 'sticky'\n",
     "description": "Sets the position for the component."
   },
   "VColorPicker/rounded": {
@@ -2851,25 +2863,13 @@
     "type": "boolean\n",
     "description": "Removes any applied **border-radius** from the component."
   },
-  "VColorPicker/tag": {
-    "type": "string | (new () => any) | FunctionalComponent\n",
-    "description": "Specify a custom tag used on the root element."
-  },
-  "VColorPicker/theme": {
-    "type": "string\n",
-    "description": "Specify a theme for this component and all of its children."
-  },
   "VColorPicker/color": {
     "type": "string\n",
     "description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)."
   },
-  "VColorPicker/disabled": {
-    "type": "boolean\n",
-    "description": "Removes the ability to click or target the component."
-  },
-  "VColorPicker/mode": {
-    "type": "'rgb' | 'rgba' | 'hsl' | 'hsla' | 'hex' | 'hexa'\n",
-    "description": "The current selected input type. Syncable with `v-model:mode`."
+  "VColorPicker/model-value": {
+    "type": "string | Record<string, unknown>\n",
+    "description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array."
   },
   "VColorPicker/canvas-height": {
     "type": "string | number\n",
@@ -2915,86 +2915,34 @@
     "type": "string\n",
     "description": "Sets input type."
   },
-  "VCombobox/reverse": {
-    "type": "boolean\n",
-    "description": "Reverses the orientation."
-  },
-  "VCombobox/name": {
-    "type": "string\n",
-    "description": "Sets the component's name attribute."
+  "VCombobox/model-value": {
+    "type": "any\n",
+    "description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array."
   },
   "VCombobox/error": {
     "type": "boolean\n",
     "description": "Puts the input in a manual error state."
   },
-  "VCombobox/label": {
-    "type": "string\n",
-    "description": "Sets the text of the [v-label](/api/v-label/) or [v-field-label](/api/v-field-label/) component."
-  },
-  "VCombobox/menu": {
+  "VCombobox/reverse": {
     "type": "boolean\n",
-    "description": "Renders with the menu open by default."
-  },
-  "VCombobox/delimiters": {
-    "type": "string[]\n",
-    "description": "Accepts an array of strings that will trigger a new tag when typing. Does not replace the normal Tab and Enter keys."
+    "description": "Reverses the orientation."
   },
-  "VCombobox/theme": {
-    "type": "string\n",
-    "description": "Specify a theme for this component and all of its children."
+  "VCombobox/density": {
+    "type": "'default' | 'comfortable' | 'compact'\n",
+    "description": "Adjusts the vertical height used by the component."
   },
-  "VCombobox/items": {
-    "type": "any[]\n",
-    "description": "Can be an array of objects or strings. By default objects should have **title** and **value** properties, and can optionally have a **props** property containing any [VListItem props](/api/v-list-item/#props). Keys to use for these can be changed with the **item-title**, **item-value**, and **item-props** props."
+  "VCombobox/max-width": {
+    "type": "string | number\n",
+    "description": "Sets the maximum width for the component."
   },
-  "VCombobox/id": {
-    "type": "string\n",
-    "description": "Sets the DOM id on the component."
-  },
-  "VCombobox/active": {
-    "type": "boolean\n",
-    "description": "Controls the **active** state of the item. This is typically used to highlight the component."
-  },
-  "VCombobox/base-color": {
-    "type": "string\n",
-    "description": "Sets the color of the input when it is not focused."
-  },
-  "VCombobox/prepend-icon": {
-    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
-    "description": "Prepends an icon to the outnside the component's input, uses the same syntax as `v-icon`."
-  },
-  "VCombobox/append-icon": {
-    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
-    "description": "Creates a [v-icon](/api/v-icon/) component after default content in the **append** slot."
-  },
-  "VCombobox/readonly": {
-    "type": "boolean\n",
-    "description": "Puts input in readonly state."
-  },
-  "VCombobox/density": {
-    "type": "'default' | 'comfortable' | 'compact'\n",
-    "description": "Adjusts the vertical height used by the component."
-  },
-  "VCombobox/max-width": {
-    "type": "string | number\n",
-    "description": "Sets the maximum width for the component."
-  },
-  "VCombobox/min-width": {
-    "type": "string | number\n",
-    "description": "Sets the minimum width for the component."
+  "VCombobox/min-width": {
+    "type": "string | number\n",
+    "description": "Sets the minimum width for the component."
   },
   "VCombobox/width": {
     "type": "string | number\n",
     "description": "Sets the width for the component."
   },
-  "VCombobox/disabled": {
-    "type": "boolean\n",
-    "description": "Removes the ability to click or target the input."
-  },
-  "VCombobox/loading": {
-    "type": "string | boolean\n",
-    "description": "Displays linear progress bar. Can either be a String which specifies which color is applied to the progress bar (any material color or theme color - **primary**, **secondary**, **success**, **info**, **warning**, **error**) or a Boolean which uses the component **color** (set by color prop - if it's supported by the component) or the primary color."
-  },
   "VCombobox/rounded": {
     "type": "string | number | boolean\n",
     "description": "Adds a border radius to the input."
@@ -3003,6 +2951,10 @@
     "type": "boolean\n",
     "description": "Removes any applied **border-radius** from the component."
   },
+  "VCombobox/theme": {
+    "type": "string\n",
+    "description": "Specify a theme for this component and all of its children."
+  },
   "VCombobox/color": {
     "type": "string\n",
     "description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)."
@@ -3011,41 +2963,17 @@
     "type": "  | 'outlined'\n  | 'plain'\n  | 'underlined'\n  | 'filled'\n  | 'solo'\n  | 'solo-inverted'\n  | 'solo-filled'\n",
     "description": "Applies a distinct style to the component."
   },
-  "VCombobox/model-value": {
-    "type": "any\n",
-    "description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array."
-  },
-  "VCombobox/transition": {
-    "type": "string | boolean | (TransitionProps & { component: Component })\n",
-    "description": "Sets the component transition. Can be one of the [built in](/styles/transitions/) or custom transition."
-  },
-  "VCombobox/bg-color": {
+  "VCombobox/name": {
     "type": "string\n",
-    "description": "Applies specified color to the control's background. Used on components that also support the **color** prop. - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)."
-  },
-  "VCombobox/multiple": {
-    "type": "boolean\n",
-    "description": "Changes select to multiple. Accepts array for value."
-  },
-  "VCombobox/eager": {
-    "type": "boolean\n",
-    "description": "Forces the component's content to render when it mounts. This is useful if you have content that will not be rendered in the DOM that you want crawled for SEO."
+    "description": "Sets the component's name attribute."
   },
-  "VCombobox/prefix": {
-    "type": "string\n",
-    "description": "Displays prefix text."
+  "VCombobox/delimiters": {
+    "type": "string[]\n",
+    "description": "Accepts an array of strings that will trigger a new tag when typing. Does not replace the normal Tab and Enter keys."
   },
-  "VCombobox/role": {
+  "VCombobox/label": {
     "type": "string\n",
-    "description": "The role attribute applied to the input."
-  },
-  "VCombobox/direction": {
-    "type": "'horizontal' | 'vertical'\n",
-    "description": "Changes the direction of the input."
-  },
-  "VCombobox/value-comparator": {
-    "type": "(a: any, b: any) => boolean\n",
-    "description": "Apply a custom comparison algorithm to compare **model-value** and values contains in the **items** prop."
+    "description": "Sets the text of the [v-label](/api/v-label/) or [v-field-label](/api/v-field-label/) component."
   },
   "VCombobox/auto-select-first": {
     "type": "boolean | 'exact'\n",
@@ -3091,6 +3019,10 @@
     "type": "string\n",
     "description": "Text set to to the inputs **aria-label** and **title** when input menu is open."
   },
+  "VCombobox/eager": {
+    "type": "boolean\n",
+    "description": "Forces the component's content to render when it mounts. This is useful if you have content that will not be rendered in the DOM that you want crawled for SEO."
+  },
   "VCombobox/hide-no-data": {
     "type": "boolean\n",
     "description": "Hides the menu when there are no options to show.  Useful for preventing the menu from opening before results are fetched asynchronously.  Also has the effect of opening the menu when the `items` array changes if not already open."
@@ -3103,6 +3035,26 @@
     "type": "unknown\n",
     "description": "Pass props through to the `v-list` component. Accepts an object with anything from [v-list](/api/v-list/#props) props, camelCase keys are recommended."
   },
+  "VCombobox/base-color": {
+    "type": "string\n",
+    "description": "Sets the color of the input when it is not focused."
+  },
+  "VCombobox/bg-color": {
+    "type": "string\n",
+    "description": "Applies specified color to the control's background. Used on components that also support the **color** prop. - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)."
+  },
+  "VCombobox/disabled": {
+    "type": "boolean\n",
+    "description": "Removes the ability to click or target the input."
+  },
+  "VCombobox/multiple": {
+    "type": "boolean\n",
+    "description": "Changes select to multiple. Accepts array for value."
+  },
+  "VCombobox/items": {
+    "type": "any[]\n",
+    "description": "Can be an array of objects or strings. By default objects should have **title** and **value** properties, and can optionally have a **props** property containing any [VListItem props](/api/v-list-item/#props). Keys to use for these can be changed with the **item-title**, **item-value**, and **item-props** props."
+  },
   "VCombobox/item-title": {
     "type": "SelectItemKey<any>\n",
     "description": "Property on supplied `items` that contains its title."
@@ -3123,6 +3075,14 @@
     "type": "boolean\n",
     "description": "Changes the selection behavior to return the object directly rather than the value specified with **item-value**."
   },
+  "VCombobox/value-comparator": {
+    "type": "(a: any, b: any) => boolean\n",
+    "description": "Apply a custom comparison algorithm to compare **model-value** and values contains in the **items** prop."
+  },
+  "VCombobox/menu": {
+    "type": "boolean\n",
+    "description": "Renders with the menu open by default."
+  },
   "VCombobox/menu-icon": {
     "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
     "description": "Sets the the spin icon."
@@ -3131,6 +3091,14 @@
     "type": "unknown\n",
     "description": "Pass props through to the `v-menu` component. Accepts an object with anything from [v-menu](/api/v-menu/#props) props, camelCase keys are recommended."
   },
+  "VCombobox/id": {
+    "type": "string\n",
+    "description": "Sets the DOM id on the component."
+  },
+  "VCombobox/transition": {
+    "type": "string | boolean | (TransitionProps & { component: Component })\n",
+    "description": "Sets the component transition. Can be one of the [built in](/styles/transitions/) or custom transition."
+  },
   "VCombobox/no-data-text": {
     "type": "string\n",
     "description": "Text shown when no items are provided to the component."
@@ -3151,6 +3119,10 @@
     "type": "string | number | boolean\n",
     "description": "Creates counter for input length; if no number is specified, it defaults to 25. Does not apply any validation."
   },
+  "VCombobox/prefix": {
+    "type": "string\n",
+    "description": "Displays prefix text."
+  },
   "VCombobox/placeholder": {
     "type": "string\n",
     "description": "Sets the input’s placeholder text."
@@ -3167,10 +3139,22 @@
     "type": "string\n",
     "description": "Displays suffix text."
   },
+  "VCombobox/role": {
+    "type": "string\n",
+    "description": "The role attribute applied to the input."
+  },
+  "VCombobox/append-icon": {
+    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
+    "description": "Creates a [v-icon](/api/v-icon/) component after default content in the **append** slot."
+  },
   "VCombobox/center-affix": {
     "type": "boolean\n",
     "description": "Vertically align **appendInner**, **prependInner**, **clearIcon** and **label** in the center."
   },
+  "VCombobox/prepend-icon": {
+    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
+    "description": "Prepends an icon to the outnside the component's input, uses the same syntax as `v-icon`."
+  },
   "VCombobox/hide-spin-buttons": {
     "type": "boolean\n",
     "description": "Hides spin buttons on the input when type is set to `number`."
@@ -3187,6 +3171,10 @@
     "type": "string | string[]\n",
     "description": "Displays a list of messages or a single message if using a string."
   },
+  "VCombobox/direction": {
+    "type": "'horizontal' | 'vertical'\n",
+    "description": "Changes the direction of the input."
+  },
   "VCombobox/error-messages": {
     "type": "string | string[]\n",
     "description": "Puts the input in an error state and passes through custom error messages. Will be combined with any validations that occur from the **rules** prop. This field will not trigger validation."
@@ -3195,6 +3183,10 @@
     "type": "string | number\n",
     "description": "Control the maximum number of shown errors from validation."
   },
+  "VCombobox/readonly": {
+    "type": "boolean\n",
+    "description": "Puts input in readonly state."
+  },
   "VCombobox/rules": {
     "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/composables/validation.ts#L16-L20\" target=\"_blank\">ValidationRule</a>[]\n",
     "description": "Accepts a mixed array of types `function`, `boolean` and `string`. Functions pass an input value as an argument and must return either `true` / `false` or a `string` containing an error message. The input field will enter an error state if a function returns (or any value in the array contains) `false` or is a `string`."
@@ -3219,6 +3211,10 @@
     "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
     "description": "The icon used when the **clearable** prop is set to true."
   },
+  "VCombobox/active": {
+    "type": "boolean\n",
+    "description": "Controls the **active** state of the item. This is typically used to highlight the component."
+  },
   "VCombobox/persistent-clear": {
     "type": "boolean\n",
     "description": "Always show the clearable icon when the input is dirty (By default it only shows on hover)."
@@ -3231,6 +3227,10 @@
     "type": "boolean\n",
     "description": "Label does not move on focus/dirty."
   },
+  "VCombobox/loading": {
+    "type": "string | boolean\n",
+    "description": "Displays linear progress bar. Can either be a String which specifies which color is applied to the progress bar (any material color or theme color - **primary**, **secondary**, **success**, **info**, **warning**, **error**) or a Boolean which uses the component **color** (set by color prop - if it's supported by the component) or the primary color."
+  },
   "VCombobox/counter-value": {
     "type": "number | ((value: any) => number)\n",
     "description": "Function returns the counter display text."
@@ -3239,22 +3239,22 @@
     "type": "unknown\n",
     "description": "**FOR INTERNAL USE ONLY**"
   },
-  "VComponentIcon/icon": {
-    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
-    "description": "Apply a specific icon using the [v-icon](/components/icons/) component."
-  },
   "VComponentIcon/tag": {
     "type": "string | (new () => any) | FunctionalComponent\n",
     "description": "Specify a custom tag used on the root element."
   },
-  "VConfirmEdit/model-value": {
-    "type": "unknown\n",
-    "description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array."
+  "VComponentIcon/icon": {
+    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
+    "description": "Apply a specific icon using the [v-icon](/components/icons/) component."
   },
   "VConfirmEdit/color": {
     "type": "string\n",
     "description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)."
   },
+  "VConfirmEdit/model-value": {
+    "type": "unknown\n",
+    "description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array."
+  },
   "VConfirmEdit/cancel-text": {
     "type": "string\n",
     "description": "Text for the cancel button"
@@ -3263,6 +3263,10 @@
     "type": "string\n",
     "description": "Text for the ok button"
   },
+  "VContainer/tag": {
+    "type": "string | (new () => any) | FunctionalComponent\n",
+    "description": "Specify a custom tag used on the root element."
+  },
   "VContainer/height": {
     "type": "string | number\n",
     "description": "Sets the height for the component."
@@ -3287,102 +3291,78 @@
     "type": "string | number\n",
     "description": "Sets the width for the component."
   },
-  "VContainer/tag": {
-    "type": "string | (new () => any) | FunctionalComponent\n",
-    "description": "Specify a custom tag used on the root element."
-  },
   "VContainer/fluid": {
     "type": "boolean\n",
     "description": "Removes viewport maximum-width size breakpoints."
   },
-  "VCounter/disabled": {
-    "type": "boolean\n",
-    "description": "Removes the ability to click or target the component."
-  },
   "VCounter/value": {
     "type": "string | number\n",
     "description": "Sets the current counter value."
   },
-  "VCounter/transition": {
-    "type": "  | string\n  | boolean\n  | (TransitionProps & { component: Component })\n  | { component: Component }\n",
-    "description": "Sets the component transition. Can be one of the [built in](/styles/transitions/) or custom transition."
-  },
   "VCounter/active": {
     "type": "boolean\n",
     "description": "Determines whether the counter is visible or not."
   },
+  "VCounter/disabled": {
+    "type": "boolean\n",
+    "description": "Removes the ability to click or target the component."
+  },
   "VCounter/max": {
     "type": "string | number\n",
     "description": "Sets the maximum allowed value."
   },
+  "VCounter/transition": {
+    "type": "  | string\n  | boolean\n  | (TransitionProps & { component: Component })\n  | { component: Component }\n",
+    "description": "Sets the component transition. Can be one of the [built in](/styles/transitions/) or custom transition."
+  },
   "VDataIterator/search": {
     "type": "string\n",
     "description": "Text input used to filter items."
   },
-  "VDataIterator/model-value": {
-    "type": "any[]\n",
-    "description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array."
-  },
   "VDataIterator/tag": {
     "type": "string | (new () => any) | FunctionalComponent\n",
     "description": "Specify a custom tag used on the root element."
   },
-  "VDataIterator/filter-mode": {
-    "type": "'every' | 'some' | 'union' | 'intersection'\n",
-    "description": "Controls how the results of `customFilter` and `customKeyFilter` are combined. All modes only apply `customFilter` to columns not specified in `customKeyFilter`.\n\n- **some**: There is at least one match from either the custom filter or the custom key filter.\n- **every**: All columns match either the custom filter or the custom key filter.\n- **union**: There is at least one match from the custom filter, or all columns match the custom key filters.\n- **intersection**: There is at least one match from the custom filter, and all columns match the custom key filters."
-  },
-  "VDataIterator/no-filter": {
-    "type": "boolean\n",
-    "description": "Disables all item filtering."
-  },
-  "VDataIterator/custom-filter": {
-    "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/composables/filter.ts#L19-L19\" target=\"_blank\">FilterFunction</a>\n",
-    "description": "Function to filter items."
-  },
-  "VDataIterator/custom-key-filter": {
-    "type": "unknown\n",
-    "description": "Function used on specific keys within the item object. `customFilter` is skipped for columns with `customKeyFilter` specified."
-  },
-  "VDataIterator/filter-keys": {
-    "type": "string | string[]\n",
-    "description": "Array of specific keys to filter on the item."
-  },
-  "VDataIterator/select-strategy": {
-    "type": "'single' | 'page' | 'all'\n",
-    "description": "Defines the strategy of selecting items in the list. Possible values are: 'single' (only one item can be selected at a time), 'page' ('Select all' button will select only items on the current page), 'all' ('Select all' button will select all items in the list)."
-  },
   "VDataIterator/items": {
     "type": "unknown[]\n",
     "description": "An array of strings or objects used for automatically generating children components."
   },
-  "VDataIterator/item-value": {
-    "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/util/helpers.ts#L73-L77\" target=\"_blank\">SelectItemKey</a>\n",
-    "description": "Property on supplied `items` that contains its value."
-  },
-  "VDataIterator/return-object": {
+  "VDataIterator/loading": {
     "type": "boolean\n",
-    "description": "Changes the selection behavior to return the object directly rather than the value specified with **item-value**."
+    "description": "If `true` and no items are provided, then a loading text will be shown."
   },
-  "VDataIterator/value-comparator": {
-    "type": "(a: any, b: any) => boolean\n",
-    "description": "Apply a custom comparison algorithm to compare **model-value** and values contains in the **items** prop."
+  "VDataIterator/model-value": {
+    "type": "any[]\n",
+    "description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array."
   },
   "VDataIterator/transition": {
     "type": "  | string\n  | boolean\n  | (TransitionProps & { component: Component })\n  | { component: Component; hideOnLeave: boolean }\n",
     "description": "Sets the component transition. Can be one of the [built in](/styles/transitions/) or custom transition."
   },
-  "VDataIterator/loading": {
-    "type": "boolean\n",
-    "description": "If `true` and no items are provided, then a loading text will be shown."
+  "VDataIterator/value-comparator": {
+    "type": "(a: any, b: any) => boolean\n",
+    "description": "Apply a custom comparison algorithm to compare **model-value** and values contains in the **items** prop."
+  },
+  "VDataIterator/item-value": {
+    "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/util/helpers.ts#L73-L77\" target=\"_blank\">SelectItemKey</a>\n",
+    "description": "Property on supplied `items` that contains its value."
   },
   "VDataIterator/item-selectable": {
     "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/util/helpers.ts#L73-L77\" target=\"_blank\">SelectItemKey</a>\n",
     "description": "Property on supplied `items` that contains the boolean value indicating if the item is selectable."
   },
+  "VDataIterator/return-object": {
+    "type": "boolean\n",
+    "description": "Changes the selection behavior to return the object directly rather than the value specified with **item-value**."
+  },
   "VDataIterator/show-select": {
     "type": "boolean\n",
     "description": "Shows the column with checkboxes for selecting items in the list."
   },
+  "VDataIterator/select-strategy": {
+    "type": "'single' | 'page' | 'all'\n",
+    "description": "Defines the strategy of selecting items in the list. Possible values are: 'single' (only one item can be selected at a time), 'page' ('Select all' button will select only items on the current page), 'all' ('Select all' button will select all items in the list)."
+  },
   "VDataIterator/page": {
     "type": "string | number\n",
     "description": "The current displayed page number (1-indexed)."
@@ -3423,10 +3403,30 @@
     "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/components/VDataTable/composables/sort.ts#L30-L30\" target=\"_blank\">SortItem</a>[]\n",
     "description": "Changes which item property should be used for grouping items. Currently only supports a single grouping in the format: `group` or `['group']`. When using an array, only the first element is considered. Can be used with `.sync` modifier."
   },
-  "VDataTable/search": {
-    "type": "string\n",
-    "description": "Text input used to filter items."
-  },
+  "VDataIterator/filter-mode": {
+    "type": "'every' | 'some' | 'union' | 'intersection'\n",
+    "description": "Controls how the results of `customFilter` and `customKeyFilter` are combined. All modes only apply `customFilter` to columns not specified in `customKeyFilter`.\n\n- **some**: There is at least one match from either the custom filter or the custom key filter.\n- **every**: All columns match either the custom filter or the custom key filter.\n- **union**: There is at least one match from the custom filter, or all columns match the custom key filters.\n- **intersection**: There is at least one match from the custom filter, and all columns match the custom key filters."
+  },
+  "VDataIterator/no-filter": {
+    "type": "boolean\n",
+    "description": "Disables all item filtering."
+  },
+  "VDataIterator/custom-filter": {
+    "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/composables/filter.ts#L19-L19\" target=\"_blank\">FilterFunction</a>\n",
+    "description": "Function to filter items."
+  },
+  "VDataIterator/custom-key-filter": {
+    "type": "unknown\n",
+    "description": "Function used on specific keys within the item object. `customFilter` is skipped for columns with `customKeyFilter` specified."
+  },
+  "VDataIterator/filter-keys": {
+    "type": "string | string[]\n",
+    "description": "Array of specific keys to filter on the item."
+  },
+  "VDataTable/search": {
+    "type": "string\n",
+    "description": "Text input used to filter items."
+  },
   "VDataTable/model-value": {
     "type": "unknown\n",
     "description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array."
@@ -3519,10 +3519,6 @@
     "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
     "description": "Previous icon."
   },
-  "VDataTable/hover": {
-    "type": "boolean\n",
-    "description": "Adds a hover effects to a table rows."
-  },
   "VDataTable/mobile": {
     "type": "boolean\n",
     "description": "Determines the display mode of the component. If true, the component will be displayed in mobile mode. If false, the component will be displayed in desktop mode. If null, will be based on the current mobile-breakpoint"
@@ -3531,37 +3527,45 @@
     "type": "number | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'\n",
     "description": "Overrides the display configuration default screen size that the component should be considered in mobile."
   },
-  "VDataTable/item-selectable": {
-    "type": "SelectItemKey<any>\n",
-    "description": "Property on supplied `items` that indicates whether the item is selectable."
+  "VDataTable/header-props": {
+    "type": "unknown\n",
+    "description": "Pass props to the default header. See [`v-data-table-headers` API](/api/v-data-table-headers) for more information."
   },
-  "VDataTable/show-select": {
-    "type": "boolean\n",
-    "description": "Shows the select checkboxes in both the header and rows (if using default rows)."
+  "VDataTable/cell-props": {
+    "type": "  | Record<string, any>\n  | ((\n      data: Pick<\n        ItemKeySlot<any>,\n        'item' | 'value' | 'column' | 'index' | 'internalItem'\n      >,\n    ) => Record<string, any>)\n",
+    "description": "An object of additional props to be passed to each `<td>` in the table body. Also accepts a function that will be called for each cell. If the same prop is defined both here and in `cellProps` in a headers object, the value from the headers object will be used."
+  },
+  "VDataTable/headers": {
+    "type": "{\n  readonly key?:\n    | (string & {})\n    | 'data-table-group'\n    | 'data-table-select'\n    | 'data-table-expand'\n    | undefined\n  readonly value?: SelectItemKey<any>\n  readonly title?: string | undefined\n  readonly fixed?: boolean | undefined\n  readonly align?: 'end' | 'start' | 'center' | undefined\n  readonly width?: string | number | undefined\n  readonly minWidth?: string | undefined\n  readonly maxWidth?: string | undefined\n  readonly nowrap?: boolean | undefined\n  readonly headerProps?: { readonly [x: string]: any } | undefined\n  readonly cellProps?:\n    | { readonly [x: string]: any }\n    | ((\n        data: Pick<\n          ItemKeySlot<any>,\n          'item' | 'value' | 'index' | 'internalItem'\n        >,\n      ) => Record<string, any>)\n    | undefined\n  readonly sortable?: boolean | undefined\n  readonly sort?: DataTableCompareFunction<any> | undefined\n  readonly sortRaw?: DataTableCompareFunction<any> | undefined\n  readonly filter?: FilterFunction | undefined\n  readonly mobile?: boolean | undefined\n  readonly children?: readonly any[] | undefined\n}[]\n",
+    "description": "An array of objects that each describe a header column. See the example below for a definition of all properties."
   },
   "VDataTable/page": {
     "type": "string | number\n",
     "description": "The current displayed page number (1-indexed)."
   },
-  "VDataTable/sort-by": {
-    "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/components/VDataTable/composables/sort.ts#L30-L30\" target=\"_blank\">SortItem</a>[]\n",
-    "description": "Changes which item property (or properties) should be used for sort order. Can be used with `.sync` modifier."
+  "VDataTable/items-per-page": {
+    "type": "string | number\n",
+    "description": "Changes how many items per page should be visible. Can be used with `.sync` modifier. Setting this prop to `-1` will display all items on the page."
   },
-  "VDataTable/multi-sort": {
-    "type": "boolean\n",
-    "description": "If `true` then one can sort on multiple properties."
+  "VDataTable/loading-text": {
+    "type": "string\n",
+    "description": "Text shown when the data is loading."
   },
-  "VDataTable/must-sort": {
+  "VDataTable/row-props": {
+    "type": "  | Record<string, any>\n  | ((\n      data: Pick<ItemKeySlot<any>, 'item' | 'index' | 'internalItem'>,\n    ) => Record<string, any>)\n",
+    "description": "An object of additional props to be passed to each `<tr>` in the table body. Also accepts a function that will be called for each row."
+  },
+  "VDataTable/hide-default-body": {
     "type": "boolean\n",
-    "description": "If `true` then one can not disable sorting, it will always switch between ascending and descending."
+    "description": "Hides the default body."
   },
-  "VDataTable/custom-key-sort": {
-    "type": "unknown\n",
-    "description": "Function used on specific keys within the item object. `customSort` is skipped for columns with `customKeySort` specified."
+  "VDataTable/hide-default-footer": {
+    "type": "boolean\n",
+    "description": "Hides the default footer. This has no effect on `v-data-table-virtual`."
   },
-  "VDataTable/items-per-page": {
-    "type": "string | number\n",
-    "description": "Changes how many items per page should be visible. Can be used with `.sync` modifier. Setting this prop to `-1` will display all items on the page."
+  "VDataTable/hide-default-header": {
+    "type": "boolean\n",
+    "description": "Hides the default header."
   },
   "VDataTable/expand-on-click": {
     "type": "boolean\n",
@@ -3579,41 +3583,33 @@
     "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/components/VDataTable/composables/sort.ts#L30-L30\" target=\"_blank\">SortItem</a>[]\n",
     "description": "Changes which item property should be used for grouping items. Currently only supports a single grouping in the format: `group` or `['group']`. When using an array, only the first element is considered. Can be used with `.sync` modifier."
   },
-  "VDataTable/header-props": {
-    "type": "unknown\n",
-    "description": "Pass props to the default header. See [`v-data-table-headers` API](/api/v-data-table-headers) for more information."
-  },
-  "VDataTable/cell-props": {
-    "type": "  | Record<string, any>\n  | ((\n      data: Pick<\n        ItemKeySlot<any>,\n        'item' | 'value' | 'column' | 'index' | 'internalItem'\n      >,\n    ) => Record<string, any>)\n",
-    "description": "An object of additional props to be passed to each `<td>` in the table body. Also accepts a function that will be called for each cell. If the same prop is defined both here and in `cellProps` in a headers object, the value from the headers object will be used."
+  "VDataTable/item-selectable": {
+    "type": "SelectItemKey<any>\n",
+    "description": "Property on supplied `items` that indicates whether the item is selectable."
   },
-  "VDataTable/disable-sort": {
+  "VDataTable/show-select": {
     "type": "boolean\n",
-    "description": "Disables sorting completely."
-  },
-  "VDataTable/headers": {
-    "type": "{\n  readonly key?:\n    | (string & {})\n    | 'data-table-group'\n    | 'data-table-select'\n    | 'data-table-expand'\n    | undefined\n  readonly value?: SelectItemKey<any>\n  readonly title?: string | undefined\n  readonly fixed?: boolean | undefined\n  readonly align?: 'end' | 'start' | 'center' | undefined\n  readonly width?: string | number | undefined\n  readonly minWidth?: string | undefined\n  readonly maxWidth?: string | undefined\n  readonly nowrap?: boolean | undefined\n  readonly headerProps?: { readonly [x: string]: any } | undefined\n  readonly cellProps?:\n    | { readonly [x: string]: any }\n    | ((\n        data: Pick<\n          ItemKeySlot<any>,\n          'item' | 'value' | 'index' | 'internalItem'\n        >,\n      ) => Record<string, any>)\n    | undefined\n  readonly sortable?: boolean | undefined\n  readonly sort?: DataTableCompareFunction<any> | undefined\n  readonly sortRaw?: DataTableCompareFunction<any> | undefined\n  readonly filter?: FilterFunction | undefined\n  readonly mobile?: boolean | undefined\n  readonly children?: readonly any[] | undefined\n}[]\n",
-    "description": "An array of objects that each describe a header column. See the example below for a definition of all properties."
-  },
-  "VDataTable/loading-text": {
-    "type": "string\n",
-    "description": "Text shown when the data is loading."
+    "description": "Shows the select checkboxes in both the header and rows (if using default rows)."
   },
-  "VDataTable/row-props": {
-    "type": "  | Record<string, any>\n  | ((\n      data: Pick<ItemKeySlot<any>, 'item' | 'index' | 'internalItem'>,\n    ) => Record<string, any>)\n",
-    "description": "An object of additional props to be passed to each `<tr>` in the table body. Also accepts a function that will be called for each row."
+  "VDataTable/sort-by": {
+    "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/components/VDataTable/composables/sort.ts#L30-L30\" target=\"_blank\">SortItem</a>[]\n",
+    "description": "Changes which item property (or properties) should be used for sort order. Can be used with `.sync` modifier."
   },
-  "VDataTable/hide-default-body": {
+  "VDataTable/multi-sort": {
     "type": "boolean\n",
-    "description": "Hides the default body."
+    "description": "If `true` then one can sort on multiple properties."
   },
-  "VDataTable/hide-default-footer": {
+  "VDataTable/must-sort": {
     "type": "boolean\n",
-    "description": "Hides the default footer. This has no effect on `v-data-table-virtual`."
+    "description": "If `true` then one can not disable sorting, it will always switch between ascending and descending."
   },
-  "VDataTable/hide-default-header": {
+  "VDataTable/custom-key-sort": {
+    "type": "unknown\n",
+    "description": "Function used on specific keys within the item object. `customSort` is skipped for columns with `customKeySort` specified."
+  },
+  "VDataTable/disable-sort": {
     "type": "boolean\n",
-    "description": "Hides the default header."
+    "description": "Disables sorting completely."
   },
   "VDataTable/sort-asc-icon": {
     "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
@@ -3631,6 +3627,10 @@
     "type": "boolean\n",
     "description": "Use the fixed-footer prop together with the height prop to fix the footer to the bottom of the table."
   },
+  "VDataTable/hover": {
+    "type": "boolean\n",
+    "description": "Adds a hover effects to a table rows."
+  },
   "VDataTable/first-icon": {
     "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
     "description": "First icon."
@@ -3739,14 +3739,18 @@
     "type": "number | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'\n",
     "description": "Overrides the display configuration default screen size that the component should be considered in mobile."
   },
-  "VDataTableHeaders/disable-sort": {
-    "type": "boolean\n",
-    "description": "Toggles rendering of sort button."
-  },
   "VDataTableHeaders/multi-sort": {
     "type": "boolean\n",
     "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/dev/packages/api-generator/src/locale/en/VDataTableHeaders.json))"
   },
+  "VDataTableHeaders/header-props": {
+    "type": "unknown\n",
+    "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/dev/packages/api-generator/src/locale/en/VDataTableHeaders.json))"
+  },
+  "VDataTableHeaders/disable-sort": {
+    "type": "boolean\n",
+    "description": "Toggles rendering of sort button."
+  },
   "VDataTableHeaders/sort-asc-icon": {
     "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
     "description": "Icon used for ascending sort button."
@@ -3755,10 +3759,6 @@
     "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
     "description": "Icon used for descending sort button."
   },
-  "VDataTableHeaders/header-props": {
-    "type": "unknown\n",
-    "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/dev/packages/api-generator/src/locale/en/VDataTableHeaders.json))"
-  },
   "VDataTableRow/mobile": {
     "type": "boolean\n",
     "description": "Determines the display mode of the component. If true, the component will be displayed in mobile mode. If false, the component will be displayed in desktop mode. If null, will be based on the current mobile-breakpoint"
@@ -3795,14 +3795,6 @@
     "type": "number | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'\n",
     "description": "Overrides the display configuration default screen size that the component should be considered in mobile."
   },
-  "VDataTableRows/hide-no-data": {
-    "type": "boolean\n",
-    "description": "Hides the menu when there are no options to show.  Useful for preventing the menu from opening before results are fetched asynchronously.  Also has the effect of opening the menu when the `items` array changes if not already open."
-  },
-  "VDataTableRows/no-data-text": {
-    "type": "string\n",
-    "description": "Text shown when no items are provided to the component."
-  },
   "VDataTableRows/cell-props": {
     "type": "  | Record<string, any>\n  | ((\n      data: Pick<\n        ItemKeySlot<any>,\n        'value' | 'item' | 'index' | 'internalItem' | 'column'\n      >,\n    ) => Record<string, any>)\n",
     "description": "An object of additional props to be passed to each `<td>` in the table body. Also accepts a function that will be called for each cell. If the same prop is defined both here and in `cellProps` in a headers object, the value from the headers object will be used."
@@ -3811,6 +3803,14 @@
     "type": "string\n",
     "description": "Text shown when the data is loading."
   },
+  "VDataTableRows/hide-no-data": {
+    "type": "boolean\n",
+    "description": "Hides the menu when there are no options to show.  Useful for preventing the menu from opening before results are fetched asynchronously.  Also has the effect of opening the menu when the `items` array changes if not already open."
+  },
+  "VDataTableRows/no-data-text": {
+    "type": "string\n",
+    "description": "Text shown when no items are provided to the component."
+  },
   "VDataTableRows/row-props": {
     "type": "  | Record<string, any>\n  | ((\n      data: Pick<ItemKeySlot<any>, 'item' | 'index' | 'internalItem'>,\n    ) => Record<string, any>)\n",
     "description": "An object of additional props to be passed to each `<tr>` in the table body. Also accepts a function that will be called for each row."
@@ -3819,17 +3819,9 @@
     "type": "string\n",
     "description": "Text input used to filter items."
   },
-  "VDataTableServer/tag": {
-    "type": "string | (new () => any) | FunctionalComponent\n",
-    "description": "Specify a custom tag used on the root element."
-  },
-  "VDataTableServer/theme": {
-    "type": "string\n",
-    "description": "Specify a theme for this component and all of its children."
-  },
-  "VDataTableServer/items": {
-    "type": "any[]\n",
-    "description": "An array of strings or objects used for automatically generating children components."
+  "VDataTableServer/model-value": {
+    "type": "unknown\n",
+    "description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array."
   },
   "VDataTableServer/density": {
     "type": "'default' | 'comfortable' | 'compact'\n",
@@ -3843,46 +3835,22 @@
     "type": "string | number\n",
     "description": "Sets the width for the component."
   },
-  "VDataTableServer/loading": {
-    "type": "string | boolean\n",
-    "description": "Displays linear progress bar. Can either be a String which specifies which color is applied to the progress bar (any material color or theme color - **primary**, **secondary**, **success**, **info**, **warning**, **error**) or a Boolean which uses the component **color** (set by color prop - if it's supported by the component) or the primary color."
-  },
   "VDataTableServer/sticky": {
     "type": "boolean\n",
     "description": "Sticks the header to the top of the table."
   },
+  "VDataTableServer/tag": {
+    "type": "string | (new () => any) | FunctionalComponent\n",
+    "description": "Specify a custom tag used on the root element."
+  },
+  "VDataTableServer/theme": {
+    "type": "string\n",
+    "description": "Specify a theme for this component and all of its children."
+  },
   "VDataTableServer/color": {
     "type": "string\n",
     "description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)."
   },
-  "VDataTableServer/model-value": {
-    "type": "unknown\n",
-    "description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array."
-  },
-  "VDataTableServer/mobile": {
-    "type": "boolean\n",
-    "description": "Determines the display mode of the component. If true, the component will be displayed in mobile mode. If false, the component will be displayed in desktop mode. If null, will be based on the current mobile-breakpoint"
-  },
-  "VDataTableServer/mobile-breakpoint": {
-    "type": "number | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'\n",
-    "description": "Overrides the display configuration default screen size that the component should be considered in mobile."
-  },
-  "VDataTableServer/next-icon": {
-    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
-    "description": "Next icon."
-  },
-  "VDataTableServer/prev-icon": {
-    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
-    "description": "Previous icon."
-  },
-  "VDataTableServer/hover": {
-    "type": "boolean\n",
-    "description": "Will add a hover effect to a table's row when the mouse is over it."
-  },
-  "VDataTableServer/value-comparator": {
-    "type": "(a: any, b: any) => boolean\n",
-    "description": "Apply a custom comparison algorithm to compare **model-value** and values contains in the **items** prop."
-  },
   "VDataTableServer/hide-no-data": {
     "type": "boolean\n",
     "description": "Hides the menu when there are no options to show.  Useful for preventing the menu from opening before results are fetched asynchronously.  Also has the effect of opening the menu when the `items` array changes if not already open."
@@ -3891,6 +3859,10 @@
     "type": "'single' | 'page' | 'all'\n",
     "description": "Defines the strategy of selecting items in the list. Possible values are: 'single' (only one item can be selected at a time), 'page' ('Select all' button will select only items on the current page), 'all' ('Select all' button will select all items in the list)."
   },
+  "VDataTableServer/items": {
+    "type": "any[]\n",
+    "description": "An array of strings or objects used for automatically generating children components."
+  },
   "VDataTableServer/item-value": {
     "type": "SelectItemKey<any>\n",
     "description": "Property on supplied `items` that contains its value."
@@ -3899,93 +3871,53 @@
     "type": "boolean\n",
     "description": "Changes the selection behavior to return the object directly rather than the value specified with **item-value**."
   },
+  "VDataTableServer/value-comparator": {
+    "type": "(a: any, b: any) => boolean\n",
+    "description": "Apply a custom comparison algorithm to compare **model-value** and values contains in the **items** prop."
+  },
   "VDataTableServer/no-data-text": {
     "type": "string\n",
     "description": "Text shown when no items are provided to the component."
   },
-  "VDataTableServer/first-icon": {
+  "VDataTableServer/loading": {
+    "type": "string | boolean\n",
+    "description": "Displays `loading` slot if set to `true`"
+  },
+  "VDataTableServer/next-icon": {
     "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
-    "description": "First icon."
+    "description": "Next icon."
   },
-  "VDataTableServer/last-icon": {
+  "VDataTableServer/prev-icon": {
     "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
-    "description": "Last icon."
+    "description": "Previous icon."
   },
-  "VDataTableServer/items-per-page-text": {
-    "type": "string\n",
-    "description": "Text for items-per-page dropdown."
+  "VDataTableServer/mobile": {
+    "type": "boolean\n",
+    "description": "Determines the display mode of the component. If true, the component will be displayed in mobile mode. If false, the component will be displayed in desktop mode. If null, will be based on the current mobile-breakpoint"
   },
-  "VDataTableServer/page-text": {
-    "type": "string\n",
-    "description": "Label for page number."
+  "VDataTableServer/mobile-breakpoint": {
+    "type": "number | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'\n",
+    "description": "Overrides the display configuration default screen size that the component should be considered in mobile."
   },
-  "VDataTableServer/first-page-label": {
-    "type": "string\n",
-    "description": "Label for first page."
+  "VDataTableServer/header-props": {
+    "type": "unknown\n",
+    "description": "Pass props to the default header. See [`v-data-table-server` API](/api/v-data-table-server) for more information."
   },
-  "VDataTableServer/prev-page-label": {
-    "type": "string\n",
-    "description": "Label for previous page."
-  },
-  "VDataTableServer/next-page-label": {
-    "type": "string\n",
-    "description": "Label for next page."
-  },
-  "VDataTableServer/last-page-label": {
-    "type": "string\n",
-    "description": "Label for last page."
-  },
-  "VDataTableServer/items-per-page-options": {
-    "type": "(number | { title: string; value: number })[]\n",
-    "description": "Array of options to show in the items-per-page dropdown."
-  },
-  "VDataTableServer/show-current-page": {
-    "type": "boolean\n",
-    "description": "Show current page number between prev/next icons."
+  "VDataTableServer/cell-props": {
+    "type": "  | Record<string, any>\n  | ((\n      data: Pick<\n        ItemKeySlot<any>,\n        'item' | 'value' | 'column' | 'index' | 'internalItem'\n      >,\n    ) => Record<string, any>)\n",
+    "description": "An object of additional props to be passed to each `<td>` in the table body. Also accepts a function that will be called for each cell. If the same prop is defined both here and in `cellProps` in a headers object, the value from the headers object will be used."
   },
   "VDataTableServer/headers": {
-    "type": "{\n  readonly key?:\n    | (string & {})\n    | 'data-table-expand'\n    | 'data-table-select'\n    | 'data-table-group'\n    | undefined\n  readonly value?: SelectItemKey<Record<string, any>>\n  readonly title?: string | undefined\n  readonly fixed?: boolean | undefined\n  readonly align?: 'start' | 'end' | 'center' | undefined\n  readonly width?: string | number | undefined\n  readonly minWidth?: string | undefined\n  readonly maxWidth?: string | undefined\n  readonly nowrap?: boolean | undefined\n  readonly headerProps?: { readonly [x: string]: any } | undefined\n  readonly cellProps?:\n    | ((\n        data: Pick<\n          ItemKeySlot<any>,\n          'value' | 'item' | 'index' | 'internalItem'\n        >,\n      ) => Record<string, any>)\n    | { readonly [x: string]: any }\n    | undefined\n  readonly sortable?: boolean | undefined\n  readonly sort?: DataTableCompareFunction<any> | undefined\n  readonly sortRaw?: DataTableCompareFunction<any> | undefined\n  readonly filter?: FilterFunction | undefined\n  readonly mobile?: boolean | undefined\n  readonly children?:\n    | readonly {\n        readonly key?:\n          | (string & {})\n          | 'data-table-expand'\n          | 'data-table-select'\n          | 'data-table-group'\n          | undefined\n        readonly value?: SelectItemKey<Record<string, any>>\n        readonly title?: string | undefined\n        readonly fixed?: boolean | undefined\n        readonly align?: 'start' | 'end' | 'center' | undefined\n        readonly width?: string | number | undefined\n        readonly minWidth?: string | undefined\n        readonly maxWidth?: string | undefined\n        readonly nowrap?: boolean | undefined\n        readonly headerProps?: { readonly [x: string]: any } | undefined\n        readonly cellProps?:\n          | ((\n              data: Pick<\n                ItemKeySlot<any>,\n                'value' | 'item' | 'index' | 'internalItem'\n              >,\n            ) => Record<string, any>)\n          | { readonly [x: string]: any }\n          | undefined\n        readonly sortable?: boolean | undefined\n        readonly sort?: DataTableCompareFunction<any> | undefined\n        readonly sortRaw?: DataTableCompareFunction<any> | undefined\n        readonly filter?: FilterFunction | undefined\n        readonly mobile?: boolean | undefined\n        readonly children?: readonly any[] | undefined\n      }[]\n    | undefined\n}[]\n",
+    "type": "{\n  readonly key?:\n    | (string & {})\n    | 'data-table-group'\n    | 'data-table-select'\n    | 'data-table-expand'\n    | undefined\n  readonly value?: SelectItemKey<Record<string, any>>\n  readonly title?: string | undefined\n  readonly fixed?: boolean | undefined\n  readonly align?: 'end' | 'start' | 'center' | undefined\n  readonly width?: string | number | undefined\n  readonly minWidth?: string | undefined\n  readonly maxWidth?: string | undefined\n  readonly nowrap?: boolean | undefined\n  readonly headerProps?: { readonly [x: string]: any } | undefined\n  readonly cellProps?:\n    | { readonly [x: string]: any }\n    | ((\n        data: Pick<\n          ItemKeySlot<any>,\n          'item' | 'value' | 'index' | 'internalItem'\n        >,\n      ) => Record<string, any>)\n    | undefined\n  readonly sortable?: boolean | undefined\n  readonly sort?: DataTableCompareFunction<any> | undefined\n  readonly sortRaw?: DataTableCompareFunction<any> | undefined\n  readonly filter?: FilterFunction | undefined\n  readonly mobile?: boolean | undefined\n  readonly children?:\n    | readonly {\n        readonly key?:\n          | (string & {})\n          | 'data-table-group'\n          | 'data-table-select'\n          | 'data-table-expand'\n          | undefined\n        readonly value?: SelectItemKey<Record<string, any>>\n        readonly title?: string | undefined\n        readonly fixed?: boolean | undefined\n        readonly align?: 'end' | 'start' | 'center' | undefined\n        readonly width?: string | number | undefined\n        readonly minWidth?: string | undefined\n        readonly maxWidth?: string | undefined\n        readonly nowrap?: boolean | undefined\n        readonly headerProps?: { readonly [x: string]: any } | undefined\n        readonly cellProps?:\n          | { readonly [x: string]: any }\n          | ((\n              data: Pick<\n                ItemKeySlot<any>,\n                'item' | 'value' | 'index' | 'internalItem'\n              >,\n            ) => Record<string, any>)\n          | undefined\n        readonly sortable?: boolean | undefined\n        readonly sort?: DataTableCompareFunction<any> | undefined\n        readonly sortRaw?: DataTableCompareFunction<any> | undefined\n        readonly filter?: FilterFunction | undefined\n        readonly mobile?: boolean | undefined\n        readonly children?: readonly any[] | undefined\n      }[]\n    | undefined\n}[]\n",
     "description": "An array of objects that each describe a header column."
   },
-  "VDataTableServer/disable-sort": {
-    "type": "boolean\n",
-    "description": "Toggles rendering of sort button."
-  },
-  "VDataTableServer/multi-sort": {
-    "type": "boolean\n",
-    "description": "Allows sorting by multiple columns."
-  },
-  "VDataTableServer/sort-asc-icon": {
-    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
-    "description": "Icon used for ascending sort button."
-  },
-  "VDataTableServer/sort-desc-icon": {
-    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
-    "description": "Icon used for descending sort button."
-  },
-  "VDataTableServer/header-props": {
-    "type": "unknown\n",
-    "description": "Pass props to the default header. See [`v-data-table-server` API](/api/v-data-table-server) for more information."
-  },
-  "VDataTableServer/cell-props": {
-    "type": "  | Record<string, any>\n  | ((\n      data: Pick<\n        ItemKeySlot<any>,\n        'value' | 'item' | 'index' | 'internalItem' | 'column'\n      >,\n    ) => Record<string, any>)\n",
-    "description": "An object of additional props to be passed to each `<td>` in the table body. Also accepts a function that will be called for each cell. If the same prop is defined both here and in `cellProps` in a headers object, the value from the headers object will be used."
-  },
-  "VDataTableServer/sort-by": {
-    "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/components/VDataTable/composables/sort.ts#L30-L30\" target=\"_blank\">SortItem</a>[]\n",
-    "description": "Array of column keys and sort orders that determines the sort order of the table."
-  },
   "VDataTableServer/page": {
     "type": "string | number\n",
     "description": "The current displayed page number (1-indexed)."
   },
-  "VDataTableServer/expanded": {
-    "type": "string[]\n",
-    "description": "Whether the item is expanded or not."
-  },
-  "VDataTableServer/expand-on-click": {
-    "type": "boolean\n",
-    "description": "Expands item when the row is clicked."
+  "VDataTableServer/items-per-page": {
+    "type": "string | number\n",
+    "description": "The number of items to display on each page."
   },
   "VDataTableServer/loading-text": {
     "type": "string\n",
@@ -3995,18 +3927,6 @@
     "type": "  | Record<string, any>\n  | ((\n      data: Pick<ItemKeySlot<any>, 'item' | 'index' | 'internalItem'>,\n    ) => Record<string, any>)\n",
     "description": "An object of additional props to be passed to each `<tr>` in the table body. Also accepts a function that will be called for each row."
   },
-  "VDataTableServer/group-by": {
-    "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/components/VDataTable/composables/sort.ts#L30-L30\" target=\"_blank\">SortItem</a>[]\n",
-    "description": "Defines the grouping of the table items."
-  },
-  "VDataTableServer/items-length": {
-    "type": "string | number\n",
-    "description": "Number of all items."
-  },
-  "VDataTableServer/items-per-page": {
-    "type": "string | number\n",
-    "description": "The number of items to display on each page."
-  },
   "VDataTableServer/hide-default-body": {
     "type": "boolean\n",
     "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/dev/packages/api-generator/src/locale/en/DataTable.json))"
@@ -4019,10 +3939,22 @@
     "type": "boolean\n",
     "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/dev/packages/api-generator/src/locale/en/DataTable.json))"
   },
+  "VDataTableServer/expand-on-click": {
+    "type": "boolean\n",
+    "description": "Expands item when the row is clicked."
+  },
   "VDataTableServer/show-expand": {
     "type": "boolean\n",
     "description": "Shows the expand icon."
   },
+  "VDataTableServer/expanded": {
+    "type": "string[]\n",
+    "description": "Whether the item is expanded or not."
+  },
+  "VDataTableServer/group-by": {
+    "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/components/VDataTable/composables/sort.ts#L30-L30\" target=\"_blank\">SortItem</a>[]\n",
+    "description": "Defines the grouping of the table items."
+  },
   "VDataTableServer/item-selectable": {
     "type": "SelectItemKey<any>\n",
     "description": "Property on supplied `items` that indicates whether the item is selectable."
@@ -4031,6 +3963,14 @@
     "type": "boolean\n",
     "description": "Shows the column with checkboxes for selecting items in the list."
   },
+  "VDataTableServer/sort-by": {
+    "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/components/VDataTable/composables/sort.ts#L30-L30\" target=\"_blank\">SortItem</a>[]\n",
+    "description": "Array of column keys and sort orders that determines the sort order of the table."
+  },
+  "VDataTableServer/multi-sort": {
+    "type": "boolean\n",
+    "description": "Allows sorting by multiple columns."
+  },
   "VDataTableServer/must-sort": {
     "type": "boolean\n",
     "description": "Forces sorting on the column(s)."
@@ -4039,6 +3979,18 @@
     "type": "unknown\n",
     "description": "Function used on specific keys within the item object. `customSort` is skipped for columns with `customKeySort` specified."
   },
+  "VDataTableServer/disable-sort": {
+    "type": "boolean\n",
+    "description": "Toggles rendering of sort button."
+  },
+  "VDataTableServer/sort-asc-icon": {
+    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
+    "description": "Icon used for ascending sort button."
+  },
+  "VDataTableServer/sort-desc-icon": {
+    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
+    "description": "Icon used for descending sort button."
+  },
   "VDataTableServer/fixed-header": {
     "type": "boolean\n",
     "description": "Use the fixed-header prop together with the height prop to fix the header to the top of the table."
@@ -4047,97 +3999,97 @@
     "type": "boolean\n",
     "description": "Use the fixed-footer prop together with the height prop to fix the footer to the bottom of the table."
   },
-  "VDataTableVirtual/search": {
-    "type": "string\n",
-    "description": "Text input used to filter items."
+  "VDataTableServer/hover": {
+    "type": "boolean\n",
+    "description": "Will add a hover effect to a table's row when the mouse is over it."
   },
-  "VDataTableVirtual/model-value": {
-    "type": "unknown\n",
-    "description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array."
+  "VDataTableServer/first-icon": {
+    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
+    "description": "First icon."
   },
-  "VDataTableVirtual/density": {
-    "type": "'default' | 'comfortable' | 'compact'\n",
-    "description": "Adjusts the vertical height used by the component."
+  "VDataTableServer/last-icon": {
+    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
+    "description": "Last icon."
   },
-  "VDataTableVirtual/height": {
-    "type": "string | number\n",
-    "description": "Use the height prop to set the height of the table."
+  "VDataTableServer/items-per-page-text": {
+    "type": "string\n",
+    "description": "Text for items-per-page dropdown."
   },
-  "VDataTableVirtual/width": {
-    "type": "string | number\n",
-    "description": "Sets the width for the component."
+  "VDataTableServer/page-text": {
+    "type": "string\n",
+    "description": "Label for page number."
   },
-  "VDataTableVirtual/sticky": {
-    "type": "boolean\n",
-    "description": "Sticks the header to the top of the table."
+  "VDataTableServer/first-page-label": {
+    "type": "string\n",
+    "description": "Label for first page."
   },
-  "VDataTableVirtual/tag": {
-    "type": "string | (new () => any) | FunctionalComponent\n",
-    "description": "Specify a custom tag used on the root element."
+  "VDataTableServer/prev-page-label": {
+    "type": "string\n",
+    "description": "Label for previous page."
   },
-  "VDataTableVirtual/theme": {
+  "VDataTableServer/next-page-label": {
     "type": "string\n",
-    "description": "Specify a theme for this component and all of its children."
+    "description": "Label for next page."
   },
-  "VDataTableVirtual/color": {
+  "VDataTableServer/last-page-label": {
     "type": "string\n",
-    "description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)."
+    "description": "Label for last page."
   },
-  "VDataTableVirtual/filter-mode": {
-    "type": "'every' | 'some' | 'union' | 'intersection'\n",
-    "description": "Controls how the results of `customFilter` and `customKeyFilter` are combined. All modes only apply `customFilter` to columns not specified in `customKeyFilter`.\n\n- **some**: There is at least one match from either the custom filter or the custom key filter.\n- **every**: All columns match either the custom filter or the custom key filter.\n- **union**: There is at least one match from the custom filter, or all columns match the custom key filters.\n- **intersection**: There is at least one match from the custom filter, and all columns match the custom key filters."
+  "VDataTableServer/items-per-page-options": {
+    "type": "(number | { title: string; value: number })[]\n",
+    "description": "Array of options to show in the items-per-page dropdown."
   },
-  "VDataTableVirtual/no-filter": {
+  "VDataTableServer/show-current-page": {
     "type": "boolean\n",
-    "description": "Disables all item filtering."
-  },
-  "VDataTableVirtual/custom-filter": {
-    "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/composables/filter.ts#L19-L19\" target=\"_blank\">FilterFunction</a>\n",
-    "description": "Function used to filter items, called for each filterable key on each item in the list. The first argument is the filterable value from the item, the second is the search term, and the third is the internal item object. The function should return true if the item should be included in the filtered list, or the index of the match in the value if it should be included with the result highlighted."
+    "description": "Show current page number between prev/next icons."
   },
-  "VDataTableVirtual/custom-key-filter": {
-    "type": "unknown\n",
-    "description": "Function used on specific keys within the item object. `customFilter` is skipped for columns with `customKeyFilter` specified."
+  "VDataTableServer/items-length": {
+    "type": "string | number\n",
+    "description": "Number of all items."
   },
-  "VDataTableVirtual/filter-keys": {
-    "type": "string | string[]\n",
-    "description": "Array of specific keys to filter on the item."
+  "VDataTableVirtual/search": {
+    "type": "string\n",
+    "description": "Text input used to filter items."
   },
-  "VDataTableVirtual/hide-no-data": {
-    "type": "boolean\n",
-    "description": "Hides the menu when there are no options to show.  Useful for preventing the menu from opening before results are fetched asynchronously.  Also has the effect of opening the menu when the `items` array changes if not already open."
+  "VDataTableVirtual/tag": {
+    "type": "string | (new () => any) | FunctionalComponent\n",
+    "description": "Specify a custom tag used on the root element."
   },
-  "VDataTableVirtual/select-strategy": {
-    "type": "'single' | 'page' | 'all'\n",
-    "description": "Defines the strategy of selecting items in the list. Possible values are: 'single' (only one item can be selected at a time), 'page' ('Select all' button will select only items on the current page), 'all' ('Select all' button will select all items in the list)."
+  "VDataTableVirtual/theme": {
+    "type": "string\n",
+    "description": "Specify a theme for this component and all of its children."
   },
   "VDataTableVirtual/items": {
     "type": "any[]\n",
     "description": "An array of strings or objects used for automatically generating children components."
   },
-  "VDataTableVirtual/item-value": {
-    "type": "SelectItemKey<any>\n",
-    "description": "Property on supplied `items` that contains its value."
-  },
-  "VDataTableVirtual/return-object": {
-    "type": "boolean\n",
-    "description": "Changes the selection behavior to return the object directly rather than the value specified with **item-value**."
+  "VDataTableVirtual/density": {
+    "type": "'default' | 'comfortable' | 'compact'\n",
+    "description": "Adjusts the vertical height used by the component."
   },
-  "VDataTableVirtual/value-comparator": {
-    "type": "(a: any, b: any) => boolean\n",
-    "description": "Apply a custom comparison algorithm to compare **model-value** and values contains in the **items** prop."
+  "VDataTableVirtual/height": {
+    "type": "string | number\n",
+    "description": "Use the height prop to set the height of the table."
   },
-  "VDataTableVirtual/no-data-text": {
-    "type": "string\n",
-    "description": "Text shown when no items are provided to the component."
+  "VDataTableVirtual/width": {
+    "type": "string | number\n",
+    "description": "Sets the width for the component."
   },
   "VDataTableVirtual/loading": {
     "type": "string | boolean\n",
-    "description": "Displays `loading` slot if set to `true`"
+    "description": "Displays linear progress bar. Can either be a String which specifies which color is applied to the progress bar (any material color or theme color - **primary**, **secondary**, **success**, **info**, **warning**, **error**) or a Boolean which uses the component **color** (set by color prop - if it's supported by the component) or the primary color."
   },
-  "VDataTableVirtual/hover": {
+  "VDataTableVirtual/sticky": {
     "type": "boolean\n",
-    "description": "Will add a hover effect to a table's row when the mouse is over it."
+    "description": "Sticks the header to the top of the table."
+  },
+  "VDataTableVirtual/color": {
+    "type": "string\n",
+    "description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)."
+  },
+  "VDataTableVirtual/model-value": {
+    "type": "unknown\n",
+    "description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array."
   },
   "VDataTableVirtual/mobile": {
     "type": "boolean\n",
@@ -4147,14 +4099,34 @@
     "type": "number | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'\n",
     "description": "Overrides the display configuration default screen size that the component should be considered in mobile."
   },
+  "VDataTableVirtual/hover": {
+    "type": "boolean\n",
+    "description": "Will add a hover effect to a table's row when the mouse is over it."
+  },
+  "VDataTableVirtual/value-comparator": {
+    "type": "(a: any, b: any) => boolean\n",
+    "description": "Apply a custom comparison algorithm to compare **model-value** and values contains in the **items** prop."
+  },
+  "VDataTableVirtual/item-value": {
+    "type": "SelectItemKey<any>\n",
+    "description": "Property on supplied `items` that contains its value."
+  },
   "VDataTableVirtual/item-selectable": {
     "type": "SelectItemKey<any>\n",
     "description": "Property on supplied `items` that indicates whether the item is selectable."
   },
+  "VDataTableVirtual/return-object": {
+    "type": "boolean\n",
+    "description": "Changes the selection behavior to return the object directly rather than the value specified with **item-value**."
+  },
   "VDataTableVirtual/show-select": {
     "type": "boolean\n",
     "description": "Shows the column with checkboxes for selecting items in the list."
   },
+  "VDataTableVirtual/select-strategy": {
+    "type": "'single' | 'page' | 'all'\n",
+    "description": "Defines the strategy of selecting items in the list. Possible values are: 'single' (only one item can be selected at a time), 'page' ('Select all' button will select only items on the current page), 'all' ('Select all' button will select all items in the list)."
+  },
   "VDataTableVirtual/sort-by": {
     "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/components/VDataTable/composables/sort.ts#L30-L30\" target=\"_blank\">SortItem</a>[]\n",
     "description": "Array of column keys and sort orders that determines the sort order of the table."
@@ -4187,12 +4159,32 @@
     "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/components/VDataTable/composables/sort.ts#L30-L30\" target=\"_blank\">SortItem</a>[]\n",
     "description": "Defines the grouping of the table items."
   },
+  "VDataTableVirtual/filter-mode": {
+    "type": "'every' | 'some' | 'union' | 'intersection'\n",
+    "description": "Controls how the results of `customFilter` and `customKeyFilter` are combined. All modes only apply `customFilter` to columns not specified in `customKeyFilter`.\n\n- **some**: There is at least one match from either the custom filter or the custom key filter.\n- **every**: All columns match either the custom filter or the custom key filter.\n- **union**: There is at least one match from the custom filter, or all columns match the custom key filters.\n- **intersection**: There is at least one match from the custom filter, and all columns match the custom key filters."
+  },
+  "VDataTableVirtual/no-filter": {
+    "type": "boolean\n",
+    "description": "Disables all item filtering."
+  },
+  "VDataTableVirtual/custom-filter": {
+    "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/composables/filter.ts#L19-L19\" target=\"_blank\">FilterFunction</a>\n",
+    "description": "Function used to filter items, called for each filterable key on each item in the list. The first argument is the filterable value from the item, the second is the search term, and the third is the internal item object. The function should return true if the item should be included in the filtered list, or the index of the match in the value if it should be included with the result highlighted."
+  },
+  "VDataTableVirtual/custom-key-filter": {
+    "type": "unknown\n",
+    "description": "Function used on specific keys within the item object. `customFilter` is skipped for columns with `customKeyFilter` specified."
+  },
+  "VDataTableVirtual/filter-keys": {
+    "type": "string | string[]\n",
+    "description": "Array of specific keys to filter on the item."
+  },
   "VDataTableVirtual/header-props": {
     "type": "unknown\n",
     "description": "Pass props to the default header."
   },
   "VDataTableVirtual/cell-props": {
-    "type": "  | Record<string, any>\n  | ((\n      data: Pick<\n        ItemKeySlot<any>,\n        'item' | 'value' | 'column' | 'index' | 'internalItem'\n      >,\n    ) => Record<string, any>)\n",
+    "type": "  | Record<string, any>\n  | ((\n      data: Pick<\n        ItemKeySlot<any>,\n        'value' | 'item' | 'index' | 'internalItem' | 'column'\n      >,\n    ) => Record<string, any>)\n",
     "description": "An object of additional props to be passed to each `<td>` in the table body. Also accepts a function that will be called for each cell. If the same prop is defined both here and in `cellProps` in a headers object, the value from the headers object will be used."
   },
   "VDataTableVirtual/disable-sort": {
@@ -4200,13 +4192,29 @@
     "description": "Toggles rendering of sort button."
   },
   "VDataTableVirtual/headers": {
-    "type": "{\n  readonly key?:\n    | (string & {})\n    | 'data-table-group'\n    | 'data-table-select'\n    | 'data-table-expand'\n    | undefined\n  readonly value?: SelectItemKey<Record<string, any>>\n  readonly title?: string | undefined\n  readonly fixed?: boolean | undefined\n  readonly align?: 'end' | 'start' | 'center' | undefined\n  readonly width?: string | number | undefined\n  readonly minWidth?: string | undefined\n  readonly maxWidth?: string | undefined\n  readonly nowrap?: boolean | undefined\n  readonly headerProps?: { readonly [x: string]: any } | undefined\n  readonly cellProps?:\n    | { readonly [x: string]: any }\n    | ((\n        data: Pick<\n          ItemKeySlot<any>,\n          'item' | 'value' | 'index' | 'internalItem'\n        >,\n      ) => Record<string, any>)\n    | undefined\n  readonly sortable?: boolean | undefined\n  readonly sort?: DataTableCompareFunction<any> | undefined\n  readonly sortRaw?: DataTableCompareFunction<any> | undefined\n  readonly filter?: FilterFunction | undefined\n  readonly mobile?: boolean | undefined\n  readonly children?:\n    | readonly {\n        readonly key?:\n          | (string & {})\n          | 'data-table-group'\n          | 'data-table-select'\n          | 'data-table-expand'\n          | undefined\n        readonly value?: SelectItemKey<Record<string, any>>\n        readonly title?: string | undefined\n        readonly fixed?: boolean | undefined\n        readonly align?: 'end' | 'start' | 'center' | undefined\n        readonly width?: string | number | undefined\n        readonly minWidth?: string | undefined\n        readonly maxWidth?: string | undefined\n        readonly nowrap?: boolean | undefined\n        readonly headerProps?: { readonly [x: string]: any } | undefined\n        readonly cellProps?:\n          | { readonly [x: string]: any }\n          | ((\n              data: Pick<\n                ItemKeySlot<any>,\n                'item' | 'value' | 'index' | 'internalItem'\n              >,\n            ) => Record<string, any>)\n          | undefined\n        readonly sortable?: boolean | undefined\n        readonly sort?: DataTableCompareFunction<any> | undefined\n        readonly sortRaw?: DataTableCompareFunction<any> | undefined\n        readonly filter?: FilterFunction | undefined\n        readonly mobile?: boolean | undefined\n        readonly children?: readonly any[] | undefined\n      }[]\n    | undefined\n}[]\n",
+    "type": "{\n  readonly key?:\n    | (string & {})\n    | 'data-table-expand'\n    | 'data-table-select'\n    | 'data-table-group'\n    | undefined\n  readonly value?: SelectItemKey<Record<string, any>>\n  readonly title?: string | undefined\n  readonly fixed?: boolean | undefined\n  readonly align?: 'start' | 'end' | 'center' | undefined\n  readonly width?: string | number | undefined\n  readonly minWidth?: string | undefined\n  readonly maxWidth?: string | undefined\n  readonly nowrap?: boolean | undefined\n  readonly headerProps?: { readonly [x: string]: any } | undefined\n  readonly cellProps?:\n    | ((\n        data: Pick<\n          ItemKeySlot<any>,\n          'value' | 'item' | 'index' | 'internalItem'\n        >,\n      ) => Record<string, any>)\n    | { readonly [x: string]: any }\n    | undefined\n  readonly sortable?: boolean | undefined\n  readonly sort?: DataTableCompareFunction<any> | undefined\n  readonly sortRaw?: DataTableCompareFunction<any> | undefined\n  readonly filter?: FilterFunction | undefined\n  readonly mobile?: boolean | undefined\n  readonly children?:\n    | readonly {\n        readonly key?:\n          | (string & {})\n          | 'data-table-expand'\n          | 'data-table-select'\n          | 'data-table-group'\n          | undefined\n        readonly value?: SelectItemKey<Record<string, any>>\n        readonly title?: string | undefined\n        readonly fixed?: boolean | undefined\n        readonly align?: 'start' | 'end' | 'center' | undefined\n        readonly width?: string | number | undefined\n        readonly minWidth?: string | undefined\n        readonly maxWidth?: string | undefined\n        readonly nowrap?: boolean | undefined\n        readonly headerProps?: { readonly [x: string]: any } | undefined\n        readonly cellProps?:\n          | ((\n              data: Pick<\n                ItemKeySlot<any>,\n                'value' | 'item' | 'index' | 'internalItem'\n              >,\n            ) => Record<string, any>)\n          | { readonly [x: string]: any }\n          | undefined\n        readonly sortable?: boolean | undefined\n        readonly sort?: DataTableCompareFunction<any> | undefined\n        readonly sortRaw?: DataTableCompareFunction<any> | undefined\n        readonly filter?: FilterFunction | undefined\n        readonly mobile?: boolean | undefined\n        readonly children?: readonly any[] | undefined\n      }[]\n    | undefined\n}[]\n",
     "description": "An array of objects that each describe a header column."
   },
+  "VDataTableVirtual/sort-asc-icon": {
+    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
+    "description": "Icon used for ascending sort button."
+  },
+  "VDataTableVirtual/sort-desc-icon": {
+    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
+    "description": "Icon used for descending sort button."
+  },
   "VDataTableVirtual/loading-text": {
     "type": "string\n",
     "description": "Text shown when the data is loading."
   },
+  "VDataTableVirtual/hide-no-data": {
+    "type": "boolean\n",
+    "description": "Hides the menu when there are no options to show.  Useful for preventing the menu from opening before results are fetched asynchronously.  Also has the effect of opening the menu when the `items` array changes if not already open."
+  },
+  "VDataTableVirtual/no-data-text": {
+    "type": "string\n",
+    "description": "Text shown when no items are provided to the component."
+  },
   "VDataTableVirtual/row-props": {
     "type": "  | Record<string, any>\n  | ((\n      data: Pick<ItemKeySlot<any>, 'item' | 'index' | 'internalItem'>,\n    ) => Record<string, any>)\n",
     "description": "An object of additional props to be passed to each `<tr>` in the table body. Also accepts a function that will be called for each row."
@@ -4223,14 +4231,6 @@
     "type": "boolean\n",
     "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/dev/packages/api-generator/src/locale/en/DataTable.json))"
   },
-  "VDataTableVirtual/sort-asc-icon": {
-    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
-    "description": "Icon used for ascending sort button."
-  },
-  "VDataTableVirtual/sort-desc-icon": {
-    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
-    "description": "Icon used for descending sort button."
-  },
   "VDataTableVirtual/fixed-header": {
     "type": "boolean\n",
     "description": "Use the fixed-header prop together with the height prop to fix the header to the top of the table."
@@ -4247,37 +4247,77 @@
     "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/util/helpers.ts#L73-L77\" target=\"_blank\">SelectItemKey</a>\n",
     "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/dev/packages/api-generator/src/locale/en/virtual.json))"
   },
-  "VDateInput/title": {
-    "type": "string\n",
-    "description": "Specify a title text for the component."
-  },
-  "VDateInput/text": {
-    "type": "string\n",
-    "description": "Specify content text for the component."
-  },
   "VDateInput/flat": {
     "type": "boolean\n",
     "description": "Removes box shadow when using a variant with elevation."
   },
-  "VDateInput/border": {
-    "type": "string | number | boolean\n",
-    "description": "Designates the **border-radius** applied to the component. This can be **xs**, **sm**, **md**, **lg**, **xl**."
+  "VDateInput/tag": {
+    "type": "string | (new () => any) | FunctionalComponent\n",
+    "description": "Specify a custom tag used on the root element."
   },
   "VDateInput/type": {
     "type": "string\n",
     "description": "Sets input type."
   },
-  "VDateInput/model-value": {
-    "type": "any\n",
-    "description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array."
+  "VDateInput/reverse": {
+    "type": "boolean\n",
+    "description": "Reverses the orientation."
+  },
+  "VDateInput/name": {
+    "type": "string\n",
+    "description": "Sets the component's name attribute."
   },
   "VDateInput/error": {
     "type": "boolean\n",
     "description": "Puts the input in a manual error state."
   },
-  "VDateInput/reverse": {
+  "VDateInput/header": {
+    "type": "string\n",
+    "description": "Text shown when no **display-date** is set."
+  },
+  "VDateInput/label": {
+    "type": "string\n",
+    "description": "Sets the text of the [v-label](/api/v-label/) or [v-field-label](/api/v-field-label/) component."
+  },
+  "VDateInput/title": {
+    "type": "string\n",
+    "description": "Specify a title text for the component."
+  },
+  "VDateInput/theme": {
+    "type": "string\n",
+    "description": "Specify a theme for this component and all of its children."
+  },
+  "VDateInput/id": {
+    "type": "string\n",
+    "description": "Sets the DOM id on the component."
+  },
+  "VDateInput/active": {
     "type": "boolean\n",
-    "description": "Reverses the orientation."
+    "description": "Controls the **active** state of the item. This is typically used to highlight the component."
+  },
+  "VDateInput/base-color": {
+    "type": "string\n",
+    "description": "Sets the color of the input when it is not focused."
+  },
+  "VDateInput/prepend-icon": {
+    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
+    "description": "Prepends an icon to the outnside the component's input, uses the same syntax as `v-icon`."
+  },
+  "VDateInput/append-icon": {
+    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
+    "description": "Creates a [v-icon](/api/v-icon/) component after default content in the **append** slot."
+  },
+  "VDateInput/readonly": {
+    "type": "boolean\n",
+    "description": "Puts input in readonly state."
+  },
+  "VDateInput/text": {
+    "type": "string\n",
+    "description": "Specify content text for the component."
+  },
+  "VDateInput/border": {
+    "type": "string | number | boolean\n",
+    "description": "Designates the **border-radius** applied to the component. This can be **xs**, **sm**, **md**, **lg**, **xl**."
   },
   "VDateInput/density": {
     "type": "'default' | 'comfortable' | 'compact'\n",
@@ -4285,7 +4325,7 @@
   },
   "VDateInput/height": {
     "type": "string | number\n",
-    "description": "Sets the height for the component."
+    "description": "Sets the height of the input."
   },
   "VDateInput/max-height": {
     "type": "string | number\n",
@@ -4311,12 +4351,20 @@
     "type": "string | number\n",
     "description": "Designates an elevation applied to the component between 0 and 24. You can find more information on the [elevation page](/styles/elevation)."
   },
+  "VDateInput/disabled": {
+    "type": "boolean\n",
+    "description": "Removes the ability to click or target the input."
+  },
+  "VDateInput/loading": {
+    "type": "string | boolean\n",
+    "description": "Displays linear progress bar. Can either be a String which specifies which color is applied to the progress bar (any material color or theme color - **primary**, **secondary**, **success**, **info**, **warning**, **error**) or a Boolean which uses the component **color** (set by color prop - if it's supported by the component) or the primary color."
+  },
   "VDateInput/location": {
     "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/util/anchor.ts#L8-L14\" target=\"_blank\">Anchor</a>\n",
     "description": "Specifies the component's location. Can combine by using a space separated string."
   },
   "VDateInput/position": {
-    "type": "'fixed' | 'static' | 'relative' | 'absolute' | 'sticky'\n",
+    "type": "'fixed' | 'relative' | 'static' | 'absolute' | 'sticky'\n",
     "description": "Sets the position for the component."
   },
   "VDateInput/rounded": {
@@ -4327,57 +4375,113 @@
     "type": "boolean\n",
     "description": "Removes any applied **border-radius** from the component."
   },
-  "VDateInput/tag": {
-    "type": "string | (new () => any) | FunctionalComponent\n",
-    "description": "Specify a custom tag used on the root element."
+  "VDateInput/color": {
+    "type": "string\n",
+    "description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)."
   },
-  "VDateInput/theme": {
+  "VDateInput/variant": {
+    "type": "  | 'outlined'\n  | 'plain'\n  | 'underlined'\n  | 'filled'\n  | 'solo'\n  | 'solo-inverted'\n  | 'solo-filled'\n",
+    "description": "Applies a distinct style to the component."
+  },
+  "VDateInput/max": {
+    "type": "unknown\n",
+    "description": "Maximum allowed date/month (ISO 8601 format)."
+  },
+  "VDateInput/model-value": {
+    "type": "any\n",
+    "description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array."
+  },
+  "VDateInput/transition": {
     "type": "string\n",
-    "description": "Specify a theme for this component and all of its children."
+    "description": "The transition used when changing months into the future"
+  },
+  "VDateInput/bg-color": {
+    "type": "string\n",
+    "description": "Applies specified color to the control's background. Used on components that also support the **color** prop. - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)."
+  },
+  "VDateInput/multiple": {
+    "type": "number | boolean | (string & {}) | 'range'\n",
+    "description": "Allow the selection of multiple dates. The **range** value selects all dates between two selections."
+  },
+  "VDateInput/prefix": {
+    "type": "string\n",
+    "description": "Displays prefix text."
+  },
+  "VDateInput/role": {
+    "type": "string\n",
+    "description": "The role attribute applied to the input."
+  },
+  "VDateInput/hide-header": {
+    "type": "boolean\n",
+    "description": "Hides the header."
+  },
+  "VDateInput/month": {
+    "type": "string | number\n",
+    "description": "Sets the month."
+  },
+  "VDateInput/show-adjacent-months": {
+    "type": "boolean\n",
+    "description": "Toggles visibility of days from previous and next months."
+  },
+  "VDateInput/year": {
+    "type": "number\n",
+    "description": "Sets the year."
+  },
+  "VDateInput/weekdays": {
+    "type": "number[]\n",
+    "description": "Array of weekdays."
+  },
+  "VDateInput/weeks-in-month": {
+    "type": "'static' | 'dynamic'\n",
+    "description": "A dynamic number of weeks in a month will grow and shrink depending on how many days are in the month. A static number always shows 7 weeks."
+  },
+  "VDateInput/first-day-of-week": {
+    "type": "string | number\n",
+    "description": "Sets the first day of the week, starting with 0 for Sunday."
+  },
+  "VDateInput/allowed-dates": {
+    "type": "unknown[] | ((date: unknown) => boolean)\n",
+    "description": "Restricts which dates can be selected."
+  },
+  "VDateInput/display-value": {
+    "type": "unknown\n",
+    "description": "The value that determines the month to show. This is different from modelValue, which determines the selected value."
   },
-  "VDateInput/color": {
-    "type": "string\n",
-    "description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)."
+  "VDateInput/min": {
+    "type": "unknown\n",
+    "description": "Minimum allowed date/month (ISO 8601 format)."
   },
-  "VDateInput/variant": {
-    "type": "  | 'outlined'\n  | 'plain'\n  | 'underlined'\n  | 'filled'\n  | 'solo'\n  | 'solo-inverted'\n  | 'solo-filled'\n",
-    "description": "Applies a distinct style to the component."
+  "VDateInput/next-icon": {
+    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
+    "description": "Sets the icon for next month/year button."
   },
-  "VDateInput/name": {
-    "type": "string\n",
-    "description": "Sets the component's name attribute."
+  "VDateInput/prev-icon": {
+    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
+    "description": "Sets the icon for previous month/year button."
   },
-  "VDateInput/header": {
-    "type": "string\n",
-    "description": "Text shown when no **display-date** is set."
+  "VDateInput/view-mode": {
+    "type": "'month' | 'year' | 'months'\n",
+    "description": "Determines which picker in the date or month picker is being displayed. Allowed values: `'month'`, `'months'`, `'year'`."
   },
-  "VDateInput/label": {
-    "type": "string\n",
-    "description": "Sets the text of the [v-label](/api/v-label/) or [v-field-label](/api/v-field-label/) component."
+  "VDateInput/direction": {
+    "type": "'horizontal' | 'vertical'\n",
+    "description": "Changes the direction of the input."
   },
-  "VDateInput/base-color": {
+  "VDateInput/cancel-text": {
     "type": "string\n",
-    "description": "Sets the color of the input when it is not focused."
+    "description": "Text for the cancel button"
   },
-  "VDateInput/bg-color": {
+  "VDateInput/ok-text": {
     "type": "string\n",
-    "description": "Applies specified color to the control's background. Used on components that also support the **color** prop. - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)."
+    "description": "Text for the ok button"
   },
-  "VDateInput/disabled": {
+  "VDateInput/hide-actions": {
     "type": "boolean\n",
-    "description": "Removes the ability to click or target the input."
-  },
-  "VDateInput/multiple": {
-    "type": "number | boolean | (string & {}) | 'range'\n",
-    "description": "Allow the selection of multiple dates. The **range** value selects all dates between two selections."
-  },
-  "VDateInput/id": {
-    "type": "string\n",
-    "description": "Sets the DOM id on the component."
+    "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/dev/packages/api-generator/src/locale/en/VDateInput.json))"
   },
-  "VDateInput/transition": {
-    "type": "string\n",
-    "description": "The transition used when changing months into the future"
+  "VDateInput/focused": {
+    "type": "boolean\n",
+    "description": "Forces a focused state styling on the component."
   },
   "VDateInput/autofocus": {
     "type": "boolean\n",
@@ -4387,10 +4491,6 @@
     "type": "string | number | boolean\n",
     "description": "Creates counter for input length; if no number is specified, it defaults to 25. Does not apply any validation."
   },
-  "VDateInput/prefix": {
-    "type": "string\n",
-    "description": "Displays prefix text."
-  },
   "VDateInput/placeholder": {
     "type": "string\n",
     "description": "Sets the input’s placeholder text."
@@ -4407,22 +4507,10 @@
     "type": "string\n",
     "description": "Displays suffix text."
   },
-  "VDateInput/role": {
-    "type": "string\n",
-    "description": "The role attribute applied to the input."
-  },
-  "VDateInput/append-icon": {
-    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
-    "description": "Creates a [v-icon](/api/v-icon/) component after default content in the **append** slot."
-  },
   "VDateInput/center-affix": {
     "type": "boolean\n",
     "description": "Vertically align **appendInner**, **prependInner**, **clearIcon** and **label** in the center."
   },
-  "VDateInput/prepend-icon": {
-    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
-    "description": "Prepends an icon to the outnside the component's input, uses the same syntax as `v-icon`."
-  },
   "VDateInput/hide-spin-buttons": {
     "type": "boolean\n",
     "description": "Hides spin buttons on the input when type is set to `number`."
@@ -4439,10 +4527,6 @@
     "type": "string | string[]\n",
     "description": "Displays a list of messages or a single message if using a string."
   },
-  "VDateInput/direction": {
-    "type": "'horizontal' | 'vertical'\n",
-    "description": "Changes the direction of the input."
-  },
   "VDateInput/error-messages": {
     "type": "string | string[]\n",
     "description": "Puts the input in an error state and passes through custom error messages. Will be combined with any validations that occur from the **rules** prop. This field will not trigger validation."
@@ -4451,10 +4535,6 @@
     "type": "string | number\n",
     "description": "Control the maximum number of shown errors from validation."
   },
-  "VDateInput/readonly": {
-    "type": "boolean\n",
-    "description": "Makes the picker readonly (doesn't allow to select new date)."
-  },
   "VDateInput/rules": {
     "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/composables/validation.ts#L16-L20\" target=\"_blank\">ValidationRule</a>[]\n",
     "description": "Accepts a mixed array of types `function`, `boolean` and `string`. Functions pass an input value as an argument and must return either `true` / `false` or a `string` containing an error message. The input field will enter an error state if a function returns (or any value in the array contains) `false` or is a `string`."
@@ -4467,10 +4547,6 @@
     "type": "any\n",
     "description": "The value used when applying validation rules."
   },
-  "VDateInput/focused": {
-    "type": "boolean\n",
-    "description": "Forces a focused state styling on the component."
-  },
   "VDateInput/hide-details": {
     "type": "boolean | 'auto'\n",
     "description": "Hides hint and validation errors. When set to `auto` messages will be rendered only if there's a message (hint, error message, counter value etc) to display."
@@ -4487,10 +4563,6 @@
     "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
     "description": "The icon used when the **clearable** prop is set to true."
   },
-  "VDateInput/active": {
-    "type": "boolean\n",
-    "description": "Controls the **active** state of the item. This is typically used to highlight the component."
-  },
   "VDateInput/dirty": {
     "type": "boolean\n",
     "description": "Manually apply the dirty state styling."
@@ -4507,10 +4579,6 @@
     "type": "boolean\n",
     "description": "Label does not move on focus/dirty."
   },
-  "VDateInput/loading": {
-    "type": "string | boolean\n",
-    "description": "Displays linear progress bar. Can either be a String which specifies which color is applied to the progress bar (any material color or theme color - **primary**, **secondary**, **success**, **info**, **warning**, **error**) or a Boolean which uses the component **color** (set by color prop - if it's supported by the component) or the primary color."
-  },
   "VDateInput/counter-value": {
     "type": "number | ((value: any) => number)\n",
     "description": "Function returns the counter display text."
@@ -4519,49 +4587,9 @@
     "type": "unknown\n",
     "description": "**FOR INTERNAL USE ONLY**"
   },
-  "VDateInput/max": {
-    "type": "unknown\n",
-    "description": "Maximum allowed date/month (ISO 8601 format)."
-  },
-  "VDateInput/next-icon": {
-    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
-    "description": "Icon used for the next button."
-  },
-  "VDateInput/prev-icon": {
-    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
-    "description": "Icon used for the previous button."
-  },
-  "VDateInput/view-mode": {
-    "type": "'month' | 'months' | 'year'\n",
-    "description": "Sets the view mode of the date picker."
-  },
-  "VDateInput/month": {
-    "type": "string | number\n",
-    "description": "Sets the month."
-  },
-  "VDateInput/reverse-transition": {
-    "type": "string\n",
-    "description": "The transition used when changing months into the past"
-  },
-  "VDateInput/cancel-text": {
-    "type": "string\n",
-    "description": "Text for the cancel button"
-  },
-  "VDateInput/ok-text": {
-    "type": "string\n",
-    "description": "Text for the ok button"
-  },
-  "VDateInput/hide-actions": {
-    "type": "boolean\n",
-    "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/dev/packages/api-generator/src/locale/en/VDateInput.json))"
-  },
   "VDateInput/mode-icon": {
     "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
-    "description": "Icon used for the mode button."
-  },
-  "VDateInput/year": {
-    "type": "number\n",
-    "description": "Sets the year."
+    "description": "Icon displayed next to the current month and year, toggles year selection when clicked."
   },
   "VDateInput/hide-weekdays": {
     "type": "boolean\n",
@@ -4571,62 +4599,18 @@
     "type": "boolean\n",
     "description": "Toggles visibility of the week numbers in the body of the calendar."
   },
-  "VDateInput/show-adjacent-months": {
-    "type": "boolean\n",
-    "description": "Toggles visibility of days from previous and next months."
-  },
-  "VDateInput/weekdays": {
-    "type": "number[]\n",
-    "description": "Array of weekdays."
-  },
-  "VDateInput/weeks-in-month": {
-    "type": "'static' | 'dynamic'\n",
-    "description": "A dynamic number of weeks in a month will grow and shrink depending on how many days are in the month. A static number always shows 7 weeks."
-  },
-  "VDateInput/first-day-of-week": {
-    "type": "string | number\n",
-    "description": "Sets the first day of the week, starting with 0 for Sunday."
-  },
-  "VDateInput/allowed-dates": {
-    "type": "unknown[] | ((date: unknown) => boolean)\n",
-    "description": "Restricts which dates can be selected."
-  },
-  "VDateInput/display-value": {
-    "type": "unknown\n",
-    "description": "The value that determines the month to show. This is different from modelValue, which determines the selected value."
-  },
-  "VDateInput/min": {
-    "type": "unknown\n",
-    "description": "Minimum allowed date/month (ISO 8601 format)."
+  "VDateInput/reverse-transition": {
+    "type": "string\n",
+    "description": "The transition used when changing months into the past"
   },
   "VDateInput/landscape": {
     "type": "boolean\n",
-    "description": "Puts the picker into landscape mode."
-  },
-  "VDateInput/hide-header": {
-    "type": "boolean\n",
-    "description": "Hide the picker header."
-  },
-  "VDatePicker/tag": {
-    "type": "string | (new () => any) | FunctionalComponent\n",
-    "description": "Specify a custom tag used on the root element."
-  },
-  "VDatePicker/header": {
-    "type": "string\n",
-    "description": "Text shown when no **display-date** is set."
+    "description": "Changes the picker to landscape mode."
   },
   "VDatePicker/title": {
     "type": "string\n",
     "description": "Specify a title text for the component."
   },
-  "VDatePicker/theme": {
-    "type": "string\n",
-    "description": "Specify a theme for this component and all of its children."
-  },
-  "VDatePicker/active": {
-    "type": "string | string[]\n",
-    "description": "Controls the **active** state of the item. This is typically used to highlight the component."
-  },
   "VDatePicker/text": {
     "type": "string\n",
     "description": "Specify content text for the component."
@@ -4635,6 +4619,10 @@
     "type": "string | number | boolean\n",
     "description": "Designates the **border-radius** applied to the component. This can be **xs**, **sm**, **md**, **lg**, **xl**."
   },
+  "VDatePicker/model-value": {
+    "type": "unknown\n",
+    "description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array."
+  },
   "VDatePicker/height": {
     "type": "string | number\n",
     "description": "Sets the height for the component."
@@ -4663,16 +4651,12 @@
     "type": "string | number\n",
     "description": "Designates an elevation applied to the component between 0 and 24. You can find more information on the [elevation page](/styles/elevation)."
   },
-  "VDatePicker/disabled": {
-    "type": "boolean\n",
-    "description": "Removes the ability to click or target the component."
-  },
   "VDatePicker/location": {
     "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/util/anchor.ts#L8-L14\" target=\"_blank\">Anchor</a>\n",
     "description": "Specifies the component's location. Can combine by using a space separated string."
   },
   "VDatePicker/position": {
-    "type": "'fixed' | 'relative' | 'static' | 'absolute' | 'sticky'\n",
+    "type": "'fixed' | 'static' | 'relative' | 'absolute' | 'sticky'\n",
     "description": "Sets the position for the component."
   },
   "VDatePicker/rounded": {
@@ -4683,46 +4667,86 @@
     "type": "boolean\n",
     "description": "Removes any applied **border-radius** from the component."
   },
+  "VDatePicker/tag": {
+    "type": "string | (new () => any) | FunctionalComponent\n",
+    "description": "Specify a custom tag used on the root element."
+  },
+  "VDatePicker/theme": {
+    "type": "string\n",
+    "description": "Specify a theme for this component and all of its children."
+  },
   "VDatePicker/color": {
     "type": "string\n",
     "description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)."
   },
-  "VDatePicker/max": {
-    "type": "unknown\n",
-    "description": "Maximum allowed date/month (ISO 8601 format)."
+  "VDatePicker/header": {
+    "type": "string\n",
+    "description": "Text shown when no **display-date** is set."
   },
-  "VDatePicker/model-value": {
-    "type": "unknown\n",
-    "description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array."
+  "VDatePicker/bg-color": {
+    "type": "string\n",
+    "description": "Applies specified color to the control's background. Used on components that also support the **color** prop. - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)."
+  },
+  "VDatePicker/disabled": {
+    "type": "boolean\n",
+    "description": "Removes the ability to click or target the component."
+  },
+  "VDatePicker/multiple": {
+    "type": "number | boolean | (string & {}) | 'range'\n",
+    "description": "Allow the selection of multiple dates. The **range** value selects all dates between two selections."
   },
   "VDatePicker/transition": {
     "type": "string\n",
     "description": "The transition used when changing months into the future"
   },
-  "VDatePicker/bg-color": {
+  "VDatePicker/active": {
+    "type": "string | string[]\n",
+    "description": "Controls the **active** state of the item. This is typically used to highlight the component."
+  },
+  "VDatePicker/max": {
+    "type": "unknown\n",
+    "description": "Maximum allowed date/month (ISO 8601 format)."
+  },
+  "VDatePicker/next-icon": {
+    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
+    "description": "Sets the icon for next month/year button."
+  },
+  "VDatePicker/prev-icon": {
+    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
+    "description": "Sets the icon for previous month/year button."
+  },
+  "VDatePicker/view-mode": {
+    "type": "'month' | 'months' | 'year'\n",
+    "description": "Determines which picker in the date or month picker is being displayed. Allowed values: `'month'`, `'months'`, `'year'`."
+  },
+  "VDatePicker/month": {
+    "type": "string | number\n",
+    "description": "Sets the month."
+  },
+  "VDatePicker/reverse-transition": {
     "type": "string\n",
-    "description": "Applies specified color to the control's background. Used on components that also support the **color** prop. - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)."
+    "description": "The transition used when changing months into the past"
+  },
+  "VDatePicker/mode-icon": {
+    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
+    "description": "Icon displayed next to the current month and year, toggles year selection when clicked."
   },
-  "VDatePicker/multiple": {
-    "type": "number | boolean | (string & {}) | 'range'\n",
-    "description": "Allow the selection of multiple dates. The **range** value selects all dates between two selections."
+  "VDatePicker/year": {
+    "type": "number\n",
+    "description": "Sets the year."
   },
-  "VDatePicker/hide-header": {
+  "VDatePicker/hide-weekdays": {
     "type": "boolean\n",
-    "description": "Hides the header."
+    "description": "Hides the weekdays."
   },
-  "VDatePicker/month": {
-    "type": "string | number\n",
-    "description": "Sets the month."
+  "VDatePicker/show-week": {
+    "type": "boolean\n",
+    "description": "Toggles visibility of the week numbers in the body of the calendar."
   },
   "VDatePicker/show-adjacent-months": {
     "type": "boolean\n",
     "description": "Toggles visibility of days from previous and next months."
   },
-  "VDatePicker/year": {
-    "type": "number\n",
-    "description": "Sets the year."
-  },
   "VDatePicker/weekdays": {
     "type": "number[]\n",
     "description": "Array of weekdays."
@@ -4747,38 +4771,14 @@
     "type": "unknown\n",
     "description": "Minimum allowed date/month (ISO 8601 format)."
   },
-  "VDatePicker/next-icon": {
-    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
-    "description": "Sets the icon for next month/year button."
-  },
-  "VDatePicker/prev-icon": {
-    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
-    "description": "Sets the icon for previous month/year button."
-  },
-  "VDatePicker/view-mode": {
-    "type": "'month' | 'year' | 'months'\n",
-    "description": "Determines which picker in the date or month picker is being displayed. Allowed values: `'month'`, `'months'`, `'year'`."
-  },
-  "VDatePicker/mode-icon": {
-    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
-    "description": "Icon displayed next to the current month and year, toggles year selection when clicked."
-  },
-  "VDatePicker/hide-weekdays": {
-    "type": "boolean\n",
-    "description": "Hides the weekdays."
-  },
-  "VDatePicker/show-week": {
-    "type": "boolean\n",
-    "description": "Toggles visibility of the week numbers in the body of the calendar."
-  },
-  "VDatePicker/reverse-transition": {
-    "type": "string\n",
-    "description": "The transition used when changing months into the past"
-  },
   "VDatePicker/landscape": {
     "type": "boolean\n",
     "description": "Changes the picker to landscape mode."
   },
+  "VDatePicker/hide-header": {
+    "type": "boolean\n",
+    "description": "Hides the header."
+  },
   "VDatePickerControls/text": {
     "type": "string\n",
     "description": "Specify content text for the component."
@@ -4823,54 +4823,42 @@
     "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
     "description": "Creates a [v-icon](/api/v-icon/) component after default content in the **append** slot."
   },
-  "VDatePickerMonth/model-value": {
-    "type": "unknown[]\n",
-    "description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array."
+  "VDatePickerMonth/disabled": {
+    "type": "boolean\n",
+    "description": "Removes the ability to click or target the component."
   },
   "VDatePickerMonth/color": {
     "type": "string\n",
     "description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)."
   },
-  "VDatePickerMonth/disabled": {
-    "type": "boolean\n",
-    "description": "Removes the ability to click or target the component."
+  "VDatePickerMonth/max": {
+    "type": "unknown\n",
+    "description": "Sets the maximum date of the month."
   },
-  "VDatePickerMonth/multiple": {
-    "type": "number | boolean | (string & {}) | 'range'\n",
-    "description": "Sets the multiple of the month."
+  "VDatePickerMonth/model-value": {
+    "type": "unknown[]\n",
+    "description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array."
   },
   "VDatePickerMonth/transition": {
     "type": "string\n",
     "description": "The transition used when changing months into the future"
   },
-  "VDatePickerMonth/max": {
-    "type": "unknown\n",
-    "description": "Sets the maximum date of the month."
+  "VDatePickerMonth/multiple": {
+    "type": "number | boolean | (string & {}) | 'range'\n",
+    "description": "Sets the multiple of the month."
   },
   "VDatePickerMonth/month": {
     "type": "string | number\n",
     "description": "Sets the month."
   },
-  "VDatePickerMonth/reverse-transition": {
-    "type": "string\n",
-    "description": "The transition used when changing months into the past"
+  "VDatePickerMonth/show-adjacent-months": {
+    "type": "boolean\n",
+    "description": "Show adjacent months."
   },
   "VDatePickerMonth/year": {
     "type": "string | number\n",
     "description": "Sets the year."
   },
-  "VDatePickerMonth/hide-weekdays": {
-    "type": "boolean\n",
-    "description": "Hide the days of the week letters."
-  },
-  "VDatePickerMonth/show-week": {
-    "type": "boolean\n",
-    "description": "Show the week number."
-  },
-  "VDatePickerMonth/show-adjacent-months": {
-    "type": "boolean\n",
-    "description": "Show adjacent months."
-  },
   "VDatePickerMonth/weekdays": {
     "type": "number[]\n",
     "description": "Sets the weekdays of the month."
@@ -4895,6 +4883,22 @@
     "type": "unknown\n",
     "description": "Sets the minimum date of the month."
   },
+  "VDatePickerMonth/hide-weekdays": {
+    "type": "boolean\n",
+    "description": "Hide the days of the week letters."
+  },
+  "VDatePickerMonth/show-week": {
+    "type": "boolean\n",
+    "description": "Show the week number."
+  },
+  "VDatePickerMonth/reverse-transition": {
+    "type": "string\n",
+    "description": "The transition used when changing months into the past"
+  },
+  "VDatePickerMonths/model-value": {
+    "type": "number\n",
+    "description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array."
+  },
   "VDatePickerMonths/height": {
     "type": "string | number\n",
     "description": "Sets the height for the component."
@@ -4907,10 +4911,6 @@
     "type": "unknown\n",
     "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/dev/packages/api-generator/src/locale/en/VDatePickerMonths.json))"
   },
-  "VDatePickerMonths/model-value": {
-    "type": "number\n",
-    "description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array."
-  },
   "VDatePickerMonths/year": {
     "type": "number\n",
     "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/dev/packages/api-generator/src/locale/en/VDatePickerMonths.json))"
@@ -4919,10 +4919,6 @@
     "type": "unknown\n",
     "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/dev/packages/api-generator/src/locale/en/VDatePickerMonths.json))"
   },
-  "VDatePickerYears/model-value": {
-    "type": "number\n",
-    "description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array."
-  },
   "VDatePickerYears/height": {
     "type": "string | number\n",
     "description": "Sets the height for the component."
@@ -4935,14 +4931,14 @@
     "type": "unknown\n",
     "description": "Sets the maximum date of the month."
   },
+  "VDatePickerYears/model-value": {
+    "type": "number\n",
+    "description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array."
+  },
   "VDatePickerYears/min": {
     "type": "unknown\n",
     "description": "Sets the minimum date of the month."
   },
-  "VDefaultsProvider/reset": {
-    "type": "string | number\n",
-    "description": "Reset the default values up the nested chain by {n} amount."
-  },
   "VDefaultsProvider/disabled": {
     "type": "boolean\n",
     "description": "Turns off all calculations of new default values for improved performance in situations where defaults propagation isn't necessary."
@@ -4951,6 +4947,10 @@
     "type": "string | boolean\n",
     "description": "Force current defaults to match the application root defaults."
   },
+  "VDefaultsProvider/reset": {
+    "type": "string | number\n",
+    "description": "Reset the default values up the nested chain by {n} amount."
+  },
   "VDefaultsProvider/scoped": {
     "type": "boolean\n",
     "description": "Prevents the ability for default values to be inherited from parent components."
@@ -4959,9 +4959,9 @@
     "type": "{\n  global: Record<string, unknown>\n  [string]: Record<string, unknown>\n}\n",
     "description": "Specify new default prop values for components. Keep in mind that this will be merged with previously defined values."
   },
-  "VDialog/model-value": {
-    "type": "boolean\n",
-    "description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array."
+  "VDialog/theme": {
+    "type": "string\n",
+    "description": "Specify a theme for this component and all of its children."
   },
   "VDialog/height": {
     "type": "string | number\n",
@@ -4987,6 +4987,10 @@
     "type": "string | number\n",
     "description": "Sets the width for the component."
   },
+  "VDialog/disabled": {
+    "type": "boolean\n",
+    "description": "Removes the ability to click or target the component."
+  },
   "VDialog/location": {
     "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/util/anchor.ts#L8-L14\" target=\"_blank\">Anchor</a>\n",
     "description": "Specifies the anchor point for positioning the component, using directional cues to align it either horizontally, vertically, or both.."
@@ -4995,22 +4999,30 @@
     "type": "boolean\n",
     "description": "Applies **position: absolute** to the content element."
   },
-  "VDialog/theme": {
-    "type": "string\n",
-    "description": "Specify a theme for this component and all of its children."
-  },
-  "VDialog/eager": {
+  "VDialog/model-value": {
     "type": "boolean\n",
-    "description": "Forces the component's content to render when it mounts. This is useful if you have content that will not be rendered in the DOM that you want crawled for SEO."
+    "description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array."
   },
-  "VDialog/disabled": {
-    "type": "boolean\n",
-    "description": "Removes the ability to click or target the component."
+  "VDialog/transition": {
+    "type": "  | string\n  | boolean\n  | (TransitionProps & { component: Component })\n  | { component: Component }\n",
+    "description": "Sets the component transition. Can be one of the [built in](/styles/transitions/) or custom transition."
   },
   "VDialog/activator": {
     "type": "Element | (string & {}) | 'parent' | ComponentPublicInstance\n",
     "description": "Explicitly sets the overlay's activator."
   },
+  "VDialog/fullscreen": {
+    "type": "boolean\n",
+    "description": "Changes layout for fullscreen display."
+  },
+  "VDialog/retain-focus": {
+    "type": "boolean\n",
+    "description": "Tab focus will return to the first child of the dialog by default. Disable this when using external tools that require focus such as TinyMCE or vue-clipboard."
+  },
+  "VDialog/scrollable": {
+    "type": "boolean\n",
+    "description": "When set to true, expects a `v-card` and a `v-card-text` component with a designated height. For more information, check out the [scrollable example](/components/dialogs#scrollable)."
+  },
   "VDialog/close-on-back": {
     "type": "boolean\n",
     "description": "Closes the overlay content when the browser's back button is pressed or `$router.back()` is called, cancelling the original navigation. `persistent` overlays will cancel navigation and animate as if they were clicked outside instead of closing."
@@ -5079,6 +5091,10 @@
     "type": "string | number\n",
     "description": "Milliseconds to wait before opening component. Only applies to hover and focus events."
   },
+  "VDialog/eager": {
+    "type": "boolean\n",
+    "description": "Forces the component's content to render when it mounts. This is useful if you have content that will not be rendered in the DOM that you want crawled for SEO."
+  },
   "VDialog/location-strategy": {
     "type": "'static' | 'connected' | <a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/components/VOverlay/locationStrategies.ts#L36-L40\" target=\"_blank\">LocationStrategyFn</a>\n",
     "description": "A function used to specifies how the component should position relative to its activator."
@@ -5092,45 +5108,29 @@
     "description": "A single value that offsets content away from the target based upon what side it is on."
   },
   "VDialog/scroll-strategy": {
-    "type": "'close' | 'none' | 'block' | 'reposition' | <a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/components/VOverlay/scrollStrategies.ts#L17-L17\" target=\"_blank\">ScrollStrategyFn</a>\n",
+    "type": "'close' | 'block' | 'none' | 'reposition' | <a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/components/VOverlay/scrollStrategies.ts#L17-L17\" target=\"_blank\">ScrollStrategyFn</a>\n",
     "description": "Strategy used when the component is activate and user scrolls."
   },
-  "VDialog/transition": {
-    "type": "  | string\n  | boolean\n  | (TransitionProps & { component: Component })\n  | { component: Component }\n",
-    "description": "Sets the component transition. Can be one of the [built in](/styles/transitions/) or custom transition."
-  },
   "VDialog/attach": {
     "type": "string | boolean | Element\n",
     "description": "Specifies which DOM element the overlay content should teleport to. Can be a direct element reference, querySelector string, or `true` to disable teleporting. Uses `body` by default."
   },
-  "VDialog/fullscreen": {
-    "type": "boolean\n",
-    "description": "Changes layout for fullscreen display."
-  },
-  "VDialog/retain-focus": {
-    "type": "boolean\n",
-    "description": "Tab focus will return to the first child of the dialog by default. Disable this when using external tools that require focus such as TinyMCE or vue-clipboard."
-  },
-  "VDialog/scrollable": {
+  "VDialogBottomTransition/disabled": {
     "type": "boolean\n",
-    "description": "When set to true, expects a `v-card` and a `v-card-text` component with a designated height. For more information, check out the [scrollable example](/components/dialogs#scrollable)."
+    "description": "Removes the ability to click or target the component."
   },
   "VDialogBottomTransition/mode": {
     "type": "string\n",
     "description": "Sets the transition mode (does not apply to transition-group). You can find more information on the Vue documentation [for transition modes](https://vuejs.org/api/built-in-components.html#transition)."
   },
-  "VDialogBottomTransition/disabled": {
-    "type": "boolean\n",
-    "description": "Removes the ability to click or target the component."
+  "VDialogBottomTransition/origin": {
+    "type": "string\n",
+    "description": "Sets the transition origin on the element. You can find more information on the MDN documentation [for transition origin](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-origin)."
   },
   "VDialogBottomTransition/group": {
     "type": "boolean\n",
     "description": "Creates a `transition-group` component. You can find more information in the [vue docs](https://vuejs.org/api/built-in-components.html#transitiongroup)."
   },
-  "VDialogBottomTransition/origin": {
-    "type": "string\n",
-    "description": "Sets the transition origin on the element. You can find more information on the MDN documentation [for transition origin](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-origin)."
-  },
   "VDialogBottomTransition/hide-on-leave": {
     "type": "boolean\n",
     "description": "Hides the leaving element (no exit animation)."
@@ -5139,22 +5139,22 @@
     "type": "boolean\n",
     "description": "Absolutely positions the leaving element (useful for [FLIP](https://aerotwist.com/blog/flip-your-animations/))."
   },
-  "VDialogTopTransition/mode": {
-    "type": "string\n",
-    "description": "Sets the transition mode (does not apply to transition-group). You can find more information on the Vue documentation [for transition modes](https://vuejs.org/api/built-in-components.html#transition)."
-  },
   "VDialogTopTransition/disabled": {
     "type": "boolean\n",
     "description": "Removes the ability to click or target the component."
   },
-  "VDialogTopTransition/group": {
-    "type": "boolean\n",
-    "description": "Creates a `transition-group` component. You can find more information in the [vue docs](https://vuejs.org/api/built-in-components.html#transitiongroup)."
+  "VDialogTopTransition/mode": {
+    "type": "string\n",
+    "description": "Sets the transition mode (does not apply to transition-group). You can find more information on the Vue documentation [for transition modes](https://vuejs.org/api/built-in-components.html#transition)."
   },
   "VDialogTopTransition/origin": {
     "type": "string\n",
     "description": "Sets the transition origin on the element. You can find more information on the MDN documentation [for transition origin](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-origin)."
   },
+  "VDialogTopTransition/group": {
+    "type": "boolean\n",
+    "description": "Creates a `transition-group` component. You can find more information in the [vue docs](https://vuejs.org/api/built-in-components.html#transitiongroup)."
+  },
   "VDialogTopTransition/hide-on-leave": {
     "type": "boolean\n",
     "description": "Hides the leaving element (no exit animation)."
@@ -5179,10 +5179,6 @@
     "type": "string\n",
     "description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)."
   },
-  "VDivider/inset": {
-    "type": "boolean\n",
-    "description": "Adds indentation (72px) for **normal** dividers, reduces max height for **vertical**."
-  },
   "VDivider/opacity": {
     "type": "string | number\n",
     "description": "Sets the component's opacity value"
@@ -5191,6 +5187,10 @@
     "type": "boolean\n",
     "description": "Displays dividers vertically."
   },
+  "VDivider/inset": {
+    "type": "boolean\n",
+    "description": "Adds indentation (72px) for **normal** dividers, reduces max height for **vertical**."
+  },
   "VDivider/thickness": {
     "type": "string | number\n",
     "description": "Sets the dividers thickness. Default unit is px."
@@ -5251,14 +5251,6 @@
     "type": "string | number\n",
     "description": "Sets the height and width of the component. Default unit is px. Can also use the following predefined sizes: **x-small**, **small**, **default**, **large**, and **x-large**."
   },
-  "VEmptyState/href": {
-    "type": "string\n",
-    "description": "The URL the action button links to."
-  },
-  "VEmptyState/to": {
-    "type": "string\n",
-    "description": "The URL the action button links to."
-  },
   "VEmptyState/headline": {
     "type": "string\n",
     "description": "A large headline often used for 404 pages."
@@ -5275,6 +5267,14 @@
     "type": "string | number\n",
     "description": "Sets the width of the text container."
   },
+  "VEmptyState/href": {
+    "type": "string\n",
+    "description": "The URL the action button links to."
+  },
+  "VEmptyState/to": {
+    "type": "string\n",
+    "description": "The URL the action button links to."
+  },
   "VExpandTransition/mode": {
     "type": "'default' | 'in-out' | 'out-in'\n",
     "description": "Sets the transition mode (does not apply to transition-group). You can find more information on the Vue documentation [for transition modes](https://vuejs.org/api/built-in-components.html#transition)."
@@ -5287,14 +5287,14 @@
     "type": "boolean\n",
     "description": "Creates a `transition-group` component. You can find more information in the [vue docs](https://vuejs.org/api/built-in-components.html#transitiongroup)."
   },
-  "VExpandXTransition/mode": {
-    "type": "'default' | 'in-out' | 'out-in'\n",
-    "description": "Sets the transition mode (does not apply to transition-group). You can find more information on the Vue documentation [for transition modes](https://vuejs.org/api/built-in-components.html#transition)."
-  },
   "VExpandXTransition/disabled": {
     "type": "boolean\n",
     "description": "Removes the ability to click or target the component."
   },
+  "VExpandXTransition/mode": {
+    "type": "'default' | 'in-out' | 'out-in'\n",
+    "description": "Sets the transition mode (does not apply to transition-group). You can find more information on the Vue documentation [for transition modes](https://vuejs.org/api/built-in-components.html#transition)."
+  },
   "VExpandXTransition/group": {
     "type": "boolean\n",
     "description": "Creates a `transition-group` component. You can find more information in the [vue docs](https://vuejs.org/api/built-in-components.html#transitiongroup)."
@@ -5383,6 +5383,10 @@
     "type": "boolean\n",
     "description": "Forces the component's content to render when it mounts. This is useful if you have content that will not be rendered in the DOM that you want crawled for SEO."
   },
+  "VExpansionPanel/hide-actions": {
+    "type": "boolean\n",
+    "description": "Hide the expand icon in the content title."
+  },
   "VExpansionPanel/expand-icon": {
     "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
     "description": "Icon used when the expansion panel is in a expandable state."
@@ -5391,10 +5395,6 @@
     "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
     "description": "Icon used when the expansion panel is in a collapsable state."
   },
-  "VExpansionPanel/hide-actions": {
-    "type": "boolean\n",
-    "description": "Hide the expand icon in the content title."
-  },
   "VExpansionPanel/focusable": {
     "type": "boolean\n",
     "description": "Makes the expansion panel content focusable."
@@ -5535,6 +5535,10 @@
     "type": "boolean\n",
     "description": "Forces the component's content to render when it mounts. This is useful if you have content that will not be rendered in the DOM that you want crawled for SEO."
   },
+  "VExpansionPanels/hide-actions": {
+    "type": "boolean\n",
+    "description": "Hide the expand icon in the content title."
+  },
   "VExpansionPanels/expand-icon": {
     "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
     "description": "Icon used when the expansion panel is in a expandable state."
@@ -5543,10 +5547,6 @@
     "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
     "description": "Icon used when the expansion panel is in a collapsable state."
   },
-  "VExpansionPanels/hide-actions": {
-    "type": "boolean\n",
-    "description": "Hide the expand icon in the content title."
-  },
   "VExpansionPanels/focusable": {
     "type": "boolean\n",
     "description": "Makes the expansion-panel headers focusable."
@@ -5719,14 +5719,6 @@
     "type": "string | boolean\n",
     "description": "Displays linear progress bar. Can either be a String which specifies which color is applied to the progress bar (any material color or theme color - **primary**, **secondary**, **success**, **info**, **warning**, **error**) or a Boolean which uses the component **color** (set by color prop - if it's supported by the component) or the primary color."
   },
-  "VFab/href": {
-    "type": "string\n",
-    "description": "Designates the component as anchor and applies the **href** attribute."
-  },
-  "VFab/to": {
-    "type": "RouteLocationRaw\n",
-    "description": "Denotes the target route of the link. You can find more information about the [**to** prop](https://router.vuejs.org/api/#to) on the vue-router documentation."
-  },
   "VFab/selected-class": {
     "type": "string\n",
     "description": "Configure the active CSS class applied when an item is selected."
@@ -5735,6 +5727,14 @@
     "type": "boolean | { class: string }\n",
     "description": "Applies the [v-ripple](/directives/ripple) directive."
   },
+  "VFab/href": {
+    "type": "string\n",
+    "description": "Designates the component as anchor and applies the **href** attribute."
+  },
+  "VFab/to": {
+    "type": "RouteLocationRaw\n",
+    "description": "Denotes the target route of the link. You can find more information about the [**to** prop](https://router.vuejs.org/api/#to) on the vue-router documentation."
+  },
   "VFab/app": {
     "type": "boolean\n",
     "description": "If true, attaches to the closest layout and positions according to the value of **location**."
@@ -5863,14 +5863,14 @@
     "type": "string\n",
     "description": "Applies specified color to the control's background. Used on components that also support the **color** prop. - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)."
   },
-  "VField/center-affix": {
-    "type": "boolean\n",
-    "description": "Vertically align **appendInner**, **prependInner**, **clearIcon** and **label** in the center."
-  },
   "VField/focused": {
     "type": "boolean\n",
     "description": "Forces a focused state styling on the component."
   },
+  "VField/center-affix": {
+    "type": "boolean\n",
+    "description": "Vertically align **appendInner**, **prependInner**, **clearIcon** and **label** in the center."
+  },
   "VField/append-inner-icon": {
     "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
     "description": "Creates a [v-icon](/api/v-icon/) component in the **append-inner** slot."
@@ -6223,10 +6223,6 @@
     "type": "boolean\n",
     "description": "Allows for the component to be cleared."
   },
-  "VFileUpload/thickness": {
-    "type": "string | number\n",
-    "description": "Sets the dividers thickness. Default unit is px."
-  },
   "VFileUpload/browse-text": {
     "type": "string\n",
     "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/dev/packages/api-generator/src/locale/en/VFileUpload.json))"
@@ -6243,6 +6239,10 @@
     "type": "boolean\n",
     "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/dev/packages/api-generator/src/locale/en/VFileUpload.json))"
   },
+  "VFileUpload/thickness": {
+    "type": "string | number\n",
+    "description": "Sets the dividers thickness. Default unit is px."
+  },
   "VFileUploadItem/replace": {
     "type": "boolean\n",
     "description": "Setting **replace** prop will call `router.replace()` instead of `router.push()` when clicked, so the navigation will not leave a history record. You can find more information about the [replace](https://router.vuejs.org/api/#replace) prop on the vue-router documentation."
@@ -6627,6 +6627,14 @@
     "type": "  | 'origin'\n  | 'no-referrer'\n  | 'no-referrer-when-downgrade'\n  | 'origin-when-cross-origin'\n  | 'same-origin'\n  | 'strict-origin'\n  | 'strict-origin-when-cross-origin'\n  | 'unsafe-url'\n",
     "description": "Define which referrer is sent when fetching the resource [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#referrerpolicy)"
   },
+  "VInfiniteScroll/tag": {
+    "type": "string | (new () => any) | FunctionalComponent\n",
+    "description": "Specify a custom tag used on the root element."
+  },
+  "VInfiniteScroll/mode": {
+    "type": "'intersect' | 'manual'\n",
+    "description": "Specifies if content should load automatically when scrolling (**intersect**) or manually (**manual**)."
+  },
   "VInfiniteScroll/height": {
     "type": "string | number\n",
     "description": "Sets the height for the component."
@@ -6651,24 +6659,16 @@
     "type": "string | number\n",
     "description": "Sets the width for the component."
   },
-  "VInfiniteScroll/tag": {
-    "type": "string | (new () => any) | FunctionalComponent\n",
-    "description": "Specify a custom tag used on the root element."
-  },
   "VInfiniteScroll/color": {
     "type": "string\n",
     "description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)."
   },
-  "VInfiniteScroll/mode": {
-    "type": "'intersect' | 'manual'\n",
-    "description": "Specifies if content should load automatically when scrolling (**intersect**) or manually (**manual**)."
-  },
   "VInfiniteScroll/direction": {
     "type": "'horizontal' | 'vertical'\n",
     "description": "Specifies if scroller is **vertical** or **horizontal**."
   },
   "VInfiniteScroll/side": {
-    "type": "'end' | 'start' | 'both'\n",
+    "type": "'start' | 'end' | 'both'\n",
     "description": "Specifies the side where new content should appear. Either the **start**, **end**, or **both** sides."
   },
   "VInfiniteScroll/margin": {
@@ -6683,14 +6683,38 @@
     "type": "string\n",
     "description": "Text shown when there is no more content to load."
   },
-  "VInput/model-value": {
-    "type": "unknown\n",
-    "description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array."
+  "VInput/name": {
+    "type": "string\n",
+    "description": "Sets the component's name attribute."
   },
   "VInput/error": {
     "type": "boolean\n",
     "description": "Puts the input in a manual error state."
   },
+  "VInput/label": {
+    "type": "string\n",
+    "description": "Sets the text of the [v-label](/api/v-label/) or [v-field-label](/api/v-field-label/) component."
+  },
+  "VInput/theme": {
+    "type": "string\n",
+    "description": "Specify a theme for this component and all of its children."
+  },
+  "VInput/id": {
+    "type": "string\n",
+    "description": "Sets the DOM id on the component."
+  },
+  "VInput/prepend-icon": {
+    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
+    "description": "Prepends an icon to the component, uses the same syntax as `v-icon`."
+  },
+  "VInput/append-icon": {
+    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
+    "description": "Creates a [v-icon](/api/v-icon/) component after default content in the **append** slot."
+  },
+  "VInput/readonly": {
+    "type": "boolean\n",
+    "description": "Puts input in readonly state."
+  },
   "VInput/density": {
     "type": "'default' | 'comfortable' | 'compact'\n",
     "description": "Adjusts the vertical height used by the component."
@@ -6707,38 +6731,26 @@
     "type": "string | number\n",
     "description": "Sets the width for the component."
   },
-  "VInput/theme": {
-    "type": "string\n",
-    "description": "Specify a theme for this component and all of its children."
-  },
-  "VInput/name": {
-    "type": "string\n",
-    "description": "Sets the component's name attribute."
-  },
-  "VInput/label": {
-    "type": "string\n",
-    "description": "Sets the text of the [v-label](/api/v-label/) or [v-field-label](/api/v-field-label/) component."
-  },
   "VInput/disabled": {
     "type": "boolean\n",
     "description": "Removes the ability to click or target the component."
   },
-  "VInput/id": {
-    "type": "string\n",
-    "description": "Sets the DOM id on the component."
+  "VInput/model-value": {
+    "type": "unknown\n",
+    "description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array."
   },
-  "VInput/append-icon": {
-    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
-    "description": "Creates a [v-icon](/api/v-icon/) component after default content in the **append** slot."
+  "VInput/direction": {
+    "type": "'horizontal' | 'vertical'\n",
+    "description": "Changes the direction of the input."
+  },
+  "VInput/focused": {
+    "type": "boolean\n",
+    "description": "Forces a focused state styling on the component."
   },
   "VInput/center-affix": {
     "type": "boolean\n",
     "description": "Vertically align **appendInner**, **prependInner**, **clearIcon** and **label** in the center."
   },
-  "VInput/prepend-icon": {
-    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
-    "description": "Prepends an icon to the component, uses the same syntax as `v-icon`."
-  },
   "VInput/hide-spin-buttons": {
     "type": "boolean\n",
     "description": "Hides spin buttons on the input when type is set to `number`."
@@ -6755,10 +6767,6 @@
     "type": "string | string[]\n",
     "description": "Displays a list of messages or a single message if using a string."
   },
-  "VInput/direction": {
-    "type": "'horizontal' | 'vertical'\n",
-    "description": "Changes the direction of the input."
-  },
   "VInput/error-messages": {
     "type": "string | string[]\n",
     "description": "Puts the input in an error state and passes through custom error messages. Will be combined with any validations that occur from the **rules** prop. This field will not trigger validation."
@@ -6767,10 +6775,6 @@
     "type": "string | number\n",
     "description": "Control the maximum number of shown errors from validation."
   },
-  "VInput/readonly": {
-    "type": "boolean\n",
-    "description": "Puts input in readonly state."
-  },
   "VInput/rules": {
     "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/composables/validation.ts#L16-L20\" target=\"_blank\">ValidationRule</a>[]\n",
     "description": "Accepts a mixed array of types `function`, `boolean` and `string`. Functions pass an input value as an argument and must return either `true` / `false` or a `string` containing an error message. The input field will enter an error state if a function returns (or any value in the array contains) `false` or is a `string`."
@@ -6783,26 +6787,26 @@
     "type": "any\n",
     "description": "The value used when applying validation rules."
   },
-  "VInput/focused": {
-    "type": "boolean\n",
-    "description": "Forces a focused state styling on the component."
-  },
   "VInput/hide-details": {
     "type": "boolean | 'auto'\n",
     "description": "Hides hint and validation errors. When set to `auto` messages will be rendered only if there's a message (hint, error message, counter value etc) to display."
   },
-  "VItem/value": {
-    "type": "any\n",
-    "description": "The value used when the component is selected in a group. If not provided, a unique ID will be used."
-  },
   "VItem/disabled": {
     "type": "boolean\n",
     "description": "Removes the ability to click or target the component."
   },
+  "VItem/value": {
+    "type": "any\n",
+    "description": "The value used when the component is selected in a group. If not provided, a unique ID will be used."
+  },
   "VItem/selected-class": {
     "type": "string\n",
     "description": "Configure the active CSS class applied when an item is selected."
   },
+  "VItemGroup/model-value": {
+    "type": "unknown\n",
+    "description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array."
+  },
   "VItemGroup/tag": {
     "type": "string | (new () => any) | FunctionalComponent\n",
     "description": "Specify a custom tag used on the root element."
@@ -6815,18 +6819,6 @@
     "type": "boolean\n",
     "description": "Puts all children components into a disabled state."
   },
-  "VItemGroup/selected-class": {
-    "type": "string\n",
-    "description": "Configure the selected CSS class. This class will be available in `v-item` default scoped slot."
-  },
-  "VItemGroup/max": {
-    "type": "number\n",
-    "description": "Sets a maximum number of selections that can be made."
-  },
-  "VItemGroup/model-value": {
-    "type": "unknown\n",
-    "description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array."
-  },
   "VItemGroup/multiple": {
     "type": "boolean\n",
     "description": "Allows one to select multiple items."
@@ -6835,25 +6827,25 @@
     "type": "boolean | 'force'\n",
     "description": "Forces at least one item to always be selected (if available)."
   },
-  "VKbd/tag": {
+  "VItemGroup/max": {
+    "type": "number\n",
+    "description": "Sets a maximum number of selections that can be made."
+  },
+  "VItemGroup/selected-class": {
     "type": "string\n",
-    "description": "Specify a custom tag used on the root element."
+    "description": "Configure the selected CSS class. This class will be available in `v-item` default scoped slot."
   },
-  "VLabel/text": {
+  "VKbd/tag": {
     "type": "string\n",
-    "description": "Specify content text for the component."
+    "description": "Specify a custom tag used on the root element."
   },
   "VLabel/theme": {
     "type": "string\n",
     "description": "Specify a theme for this component and all of its children."
   },
-  "VLayout/full-height": {
-    "type": "boolean\n",
-    "description": "Sets the component height to 100%."
-  },
-  "VLayout/overlaps": {
-    "type": "string[]\n",
-    "description": "**FOR INTERNAL USE ONLY**"
+  "VLabel/text": {
+    "type": "string\n",
+    "description": "Specify content text for the component."
   },
   "VLayout/height": {
     "type": "string | number\n",
@@ -6879,30 +6871,38 @@
     "type": "string | number\n",
     "description": "Sets the width for the component."
   },
-  "VLayoutItem/model-value": {
+  "VLayout/full-height": {
     "type": "boolean\n",
-    "description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array."
+    "description": "Sets the component height to 100%."
+  },
+  "VLayout/overlaps": {
+    "type": "string[]\n",
+    "description": "**FOR INTERNAL USE ONLY**"
+  },
+  "VLayoutItem/name": {
+    "type": "string\n",
+    "description": "Assign a specific name for layout registration."
+  },
+  "VLayoutItem/size": {
+    "type": "string | number\n",
+    "description": "Sets the height and width of the component."
   },
   "VLayoutItem/position": {
-    "type": "'top' | 'bottom' | 'left' | 'right'\n",
+    "type": "'top' | 'left' | 'right' | 'bottom'\n",
     "description": "The position of the item."
   },
   "VLayoutItem/absolute": {
     "type": "boolean\n",
     "description": "Applies **position: absolute** to the component."
   },
-  "VLayoutItem/name": {
-    "type": "string\n",
-    "description": "Assign a specific name for layout registration."
+  "VLayoutItem/model-value": {
+    "type": "boolean\n",
+    "description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array."
   },
   "VLayoutItem/order": {
     "type": "string | number\n",
     "description": "Adjust the order of the component in relation to its registration order."
   },
-  "VLayoutItem/size": {
-    "type": "string | number\n",
-    "description": "Sets the height and width of the component."
-  },
   "VLazy/tag": {
     "type": "string | (new () => any) | FunctionalComponent\n",
     "description": "Specify a custom tag used on the root element."
@@ -6951,6 +6951,38 @@
     "type": "string | (new () => any) | FunctionalComponent\n",
     "description": "Specify a custom tag used on the root element."
   },
+  "VList/tag": {
+    "type": "string | (new () => any) | FunctionalComponent\n",
+    "description": "Specify a custom tag used on the root element."
+  },
+  "VList/nav": {
+    "type": "boolean\n",
+    "description": "An alternative styling that reduces `v-list-item` width and rounds the corners. Typically used with **[v-navigation-drawer](/components/navigation-drawers)**."
+  },
+  "VList/activated": {
+    "type": "any\n",
+    "description": "Array of ids of activated nodes."
+  },
+  "VList/theme": {
+    "type": "string\n",
+    "description": "Specify a theme for this component and all of its children."
+  },
+  "VList/items": {
+    "type": "any[]\n",
+    "description": "Can be an array of objects or strings. By default objects should have a **title** property, and can optionally have a **props** property containing any [VListItem props](/api/v-list-item/#props), a **value** property to allow selection, and a **children** property containing more item objects. Keys to use for these can be changed with the **item-title**, **item-value**, **item-props**, and **item-children** props."
+  },
+  "VList/active-color": {
+    "type": "string\n",
+    "description": "The applied color when the component is in an active state."
+  },
+  "VList/base-color": {
+    "type": "string\n",
+    "description": "Sets the color of component when not focused."
+  },
+  "VList/slim": {
+    "type": "boolean\n",
+    "description": "Reduces horizontal spacing for badges, icons, tooltips, and avatars within slim list items to create a more compact visual representation."
+  },
   "VList/border": {
     "type": "string | number | boolean\n",
     "description": "Designates the **border-radius** applied to the component. This can be **xs**, **sm**, **md**, **lg**, **xl**."
@@ -6987,6 +7019,10 @@
     "type": "string | number\n",
     "description": "Designates an elevation applied to the component between 0 and 24. You can find more information on the [elevation page](/styles/elevation)."
   },
+  "VList/disabled": {
+    "type": "boolean\n",
+    "description": "Puts all children inputs into a disabled state."
+  },
   "VList/rounded": {
     "type": "string | number | boolean\n",
     "description": "Designates the **border-radius** applied to the component. This can be **0**, **xs**, **sm**, true, **lg**, **xl**, **pill**, **circle**, and **shaped**. Find more information on available border radius classes on the [Border Radius page](/styles/border-radius)."
@@ -6995,45 +7031,49 @@
     "type": "boolean\n",
     "description": "Removes any applied **border-radius** from the component."
   },
-  "VList/tag": {
-    "type": "string | (new () => any) | FunctionalComponent\n",
-    "description": "Specify a custom tag used on the root element."
-  },
-  "VList/theme": {
-    "type": "string\n",
-    "description": "Specify a theme for this component and all of its children."
-  },
   "VList/color": {
     "type": "string\n",
     "description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)."
   },
   "VList/variant": {
-    "type": "'text' | 'flat' | 'elevated' | 'tonal' | 'outlined' | 'plain'\n",
+    "type": "'flat' | 'text' | 'elevated' | 'tonal' | 'outlined' | 'plain'\n",
     "description": "Applies a distinct style to the component."
   },
-  "VList/activated": {
-    "type": "any\n",
-    "description": "Array of ids of activated nodes."
-  },
-  "VList/base-color": {
-    "type": "string\n",
-    "description": "Sets the color of component when not focused."
-  },
-  "VList/active-color": {
+  "VList/bg-color": {
     "type": "string\n",
-    "description": "The applied color when the component is in an active state."
+    "description": "Applies specified color to the control's background. Used on components that also support the **color** prop. - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)."
+  },
+  "VList/lines": {
+    "type": "false | 'one' | 'two' | 'three'\n",
+    "description": "Designates a **minimum-height** for all children `v-list-item` components. This prop uses [line-clamp](https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-line-clamp) and is not supported in all browsers."
+  },
+  "VList/mandatory": {
+    "type": "boolean\n",
+    "description": "Forces at least one item to always be selected (if available)."
   },
   "VList/active-class": {
     "type": "string\n",
     "description": "The class applied to the component when it is in an active state."
   },
-  "VList/bg-color": {
-    "type": "string\n",
-    "description": "Applies specified color to the control's background. Used on components that also support the **color** prop. - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)."
+  "VList/selected": {
+    "type": "unknown\n",
+    "description": "An array containing the values of currently selected items. Can be two-way bound with `v-model:selected`."
   },
-  "VList/disabled": {
+  "VList/value-comparator": {
+    "type": "(a: any, b: any) => boolean\n",
+    "description": "Apply a custom comparison algorithm to compare **model-value** and values contains in the **items** prop."
+  },
+  "VList/item-value": {
+    "type": "SelectItemKey<any>\n",
+    "description": "Property on supplied `items` that contains its value."
+  },
+  "VList/return-object": {
     "type": "boolean\n",
-    "description": "Puts all children inputs into a disabled state."
+    "description": "Changes the selection behavior to return the object directly rather than the value specified with **item-value**."
+  },
+  "VList/select-strategy": {
+    "type": "  | 'single-leaf'\n  | 'leaf'\n  | 'independent'\n  | 'single-independent'\n  | 'classic'\n  | <a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/composables/nested/selectStrategies.ts#L26-L30\" target=\"_blank\">SelectStrategy</a>\n  | ((mandatory: boolean) => <a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/composables/nested/selectStrategies.ts#L26-L30\" target=\"_blank\">SelectStrategy</a>)\n",
+    "description": "Affects how items with children behave when selected.\n- **leaf:** Only leaf nodes (items without children) can be selected.\n- **independent:** All nodes can be selected whether they have children or not.\n- **classic:** Selecting a parent node will cause all children to be selected, parent nodes will be displayed as selected if all their descendants are selected. Only leaf nodes will be added to the model."
   },
   "VList/expand-icon": {
     "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
@@ -7043,18 +7083,6 @@
     "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
     "description": "Icon to display when the list item is expanded."
   },
-  "VList/lines": {
-    "type": "false | 'one' | 'two' | 'three'\n",
-    "description": "Designates a **minimum-height** for all children `v-list-item` components. This prop uses [line-clamp](https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-line-clamp) and is not supported in all browsers."
-  },
-  "VList/slim": {
-    "type": "boolean\n",
-    "description": "Reduces horizontal spacing for badges, icons, tooltips, and avatars within slim list items to create a more compact visual representation."
-  },
-  "VList/nav": {
-    "type": "boolean\n",
-    "description": "An alternative styling that reduces `v-list-item` width and rounds the corners. Typically used with **[v-navigation-drawer](/components/navigation-drawers)**."
-  },
   "VList/activatable": {
     "type": "boolean\n",
     "description": "Designates whether the list items are activatable."
@@ -7067,42 +7095,22 @@
     "type": "unknown\n",
     "description": "An array containing the values of currently opened groups. Can be two-way bound with `v-model:opened`."
   },
-  "VList/selected": {
-    "type": "unknown\n",
-    "description": "An array containing the values of currently selected items. Can be two-way bound with `v-model:selected`."
-  },
-  "VList/mandatory": {
-    "type": "boolean\n",
-    "description": "Forces at least one item to always be selected (if available)."
-  },
   "VList/active-strategy": {
     "type": "  | 'single-leaf'\n  | 'leaf'\n  | 'independent'\n  | 'single-independent'\n  | <a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/composables/nested/activeStrategies.ts#L27-L31\" target=\"_blank\">ActiveStrategy</a>\n  | ((mandatory: boolean) => <a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/composables/nested/activeStrategies.ts#L27-L31\" target=\"_blank\">ActiveStrategy</a>)\n",
     "description": "Affects how items with children behave when activated.\n- **leaf:** Only leaf nodes (items without children) can be activated.\n- **independent:** All nodes can be activated whether they have children or not.\n- **classic:** Activating a parent node will cause all children to be activated."
   },
-  "VList/select-strategy": {
-    "type": "  | 'single-leaf'\n  | 'leaf'\n  | 'independent'\n  | 'single-independent'\n  | 'classic'\n  | <a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/composables/nested/selectStrategies.ts#L26-L30\" target=\"_blank\">SelectStrategy</a>\n  | ((mandatory: boolean) => <a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/composables/nested/selectStrategies.ts#L26-L30\" target=\"_blank\">SelectStrategy</a>)\n",
-    "description": "Affects how items with children behave when selected.\n- **leaf:** Only leaf nodes (items without children) can be selected.\n- **independent:** All nodes can be selected whether they have children or not.\n- **classic:** Selecting a parent node will cause all children to be selected, parent nodes will be displayed as selected if all their descendants are selected. Only leaf nodes will be added to the model."
-  },
   "VList/open-strategy": {
-    "type": "'single' | 'multiple' | 'list' | <a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/composables/nested/openStrategies.ts#L20-L23\" target=\"_blank\">OpenStrategy</a>\n",
+    "type": "'multiple' | 'single' | 'list' | <a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/composables/nested/openStrategies.ts#L20-L23\" target=\"_blank\">OpenStrategy</a>\n",
     "description": "Affects how items with children behave when expanded.\n- **multiple:** Any number of groups can be open at once.\n- **single:** Only one group at each level can be open, opening a group will cause others to close.\n- **list:** Multiple, but all other groups will close when an item is selected."
   },
   "VList/item-type": {
     "type": "string\n",
     "description": "Designates the key on the supplied items that is used for determining the nodes type."
   },
-  "VList/items": {
-    "type": "any[]\n",
-    "description": "Can be an array of objects or strings. By default objects should have a **title** property, and can optionally have a **props** property containing any [VListItem props](/api/v-list-item/#props), a **value** property to allow selection, and a **children** property containing more item objects. Keys to use for these can be changed with the **item-title**, **item-value**, **item-props**, and **item-children** props."
-  },
   "VList/item-title": {
     "type": "SelectItemKey<any>\n",
     "description": "Property on supplied `items` that contains its title."
   },
-  "VList/item-value": {
-    "type": "SelectItemKey<any>\n",
-    "description": "Property on supplied `items` that contains its value."
-  },
   "VList/item-children": {
     "type": "SelectItemKey<any>\n",
     "description": "Property on supplied `items` that contains its children."
@@ -7111,45 +7119,25 @@
     "type": "SelectItemKey<any>\n",
     "description": "Props object that will be applied to each item component. `true` will treat the original object as raw props and pass it directly to the component."
   },
-  "VList/return-object": {
-    "type": "boolean\n",
-    "description": "Changes the selection behavior to return the object directly rather than the value specified with **item-value**."
-  },
-  "VList/value-comparator": {
-    "type": "(a: any, b: any) => boolean\n",
-    "description": "Apply a custom comparison algorithm to compare **model-value** and values contains in the **items** prop."
-  },
-  "VListGroup/tag": {
-    "type": "string | (new () => any) | FunctionalComponent\n",
-    "description": "Specify a custom tag used on the root element."
-  },
   "VListGroup/title": {
     "type": "string\n",
     "description": "Specify a title text for the component."
   },
-  "VListGroup/value": {
-    "type": "any\n",
-    "description": "Expands / Collapse the list-group."
+  "VListGroup/tag": {
+    "type": "string | (new () => any) | FunctionalComponent\n",
+    "description": "Specify a custom tag used on the root element."
   },
-  "VListGroup/active-color": {
+  "VListGroup/color": {
     "type": "string\n",
-    "description": "The applied color when the component is in an active state."
+    "description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)."
   },
   "VListGroup/base-color": {
     "type": "string\n",
     "description": "Sets the color of component when not focused."
   },
-  "VListGroup/prepend-icon": {
-    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
-    "description": "Prepends an icon to the component, uses the same syntax as `v-icon`."
-  },
-  "VListGroup/append-icon": {
-    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
-    "description": "Creates a [v-icon](/api/v-icon/) component after default content in the **append** slot."
-  },
-  "VListGroup/color": {
+  "VListGroup/active-color": {
     "type": "string\n",
-    "description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)."
+    "description": "The applied color when the component is in an active state."
   },
   "VListGroup/expand-icon": {
     "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
@@ -7159,6 +7147,18 @@
     "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
     "description": "Icon to display when the list item is expanded."
   },
+  "VListGroup/value": {
+    "type": "any\n",
+    "description": "Expands / Collapse the list-group."
+  },
+  "VListGroup/append-icon": {
+    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
+    "description": "Creates a [v-icon](/api/v-icon/) component after default content in the **append** slot."
+  },
+  "VListGroup/prepend-icon": {
+    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
+    "description": "Prepends an icon to the component, uses the same syntax as `v-icon`."
+  },
   "VListGroup/fluid": {
     "type": "boolean\n",
     "description": "Removes the left padding assigned for action icons from group items."
@@ -7171,61 +7171,17 @@
     "type": "string\n",
     "description": "Specify a custom tag used on the root element."
   },
-  "VListItem/replace": {
-    "type": "boolean\n",
-    "description": "Setting **replace** prop will call `router.replace()` instead of `router.push()` when clicked, so the navigation will not leave a history record. You can find more information about the [replace](https://router.vuejs.org/api/#replace) prop on the vue-router documentation."
-  },
-  "VListItem/link": {
-    "type": "boolean\n",
-    "description": "Designates that the component is a link. This is automatic when using the href or to prop."
-  },
-  "VListItem/tag": {
-    "type": "string | (new () => any) | FunctionalComponent\n",
-    "description": "Specify a custom tag used on the root element."
-  },
-  "VListItem/nav": {
-    "type": "boolean\n",
-    "description": "Reduces the width v-list-item takes up as well as adding a border radius."
-  },
   "VListItem/title": {
     "type": "string | number\n",
     "description": "Generates a `v-list-item-title` component with the supplied value. Note that this overrides the native [`title`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/title) attribute, that must be set with `v-bind:title.attr` instead."
   },
-  "VListItem/theme": {
-    "type": "string\n",
-    "description": "Specify a theme for this component and all of its children."
-  },
-  "VListItem/value": {
-    "type": "any\n",
-    "description": "The value used for selection. Obtained from [`v-list`](/api/v-list)'s `v-model:selected` when the item is selected."
-  },
-  "VListItem/active": {
+  "VListItem/replace": {
     "type": "boolean\n",
-    "description": "Controls the **active** state of the item. This is typically used to highlight the component."
-  },
-  "VListItem/active-color": {
-    "type": "string\n",
-    "description": "The applied color when the component is in an active state."
-  },
-  "VListItem/base-color": {
-    "type": "string\n",
-    "description": "Sets the color of component when not focused."
-  },
-  "VListItem/prepend-icon": {
-    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
-    "description": "Creates a [v-icon](/api/v-icon/) component in the **prepend** slot before default content."
-  },
-  "VListItem/append-icon": {
-    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
-    "description": "Creates a [v-icon](/api/v-icon/) component after default content in the **append** slot."
+    "description": "Setting **replace** prop will call `router.replace()` instead of `router.push()` when clicked, so the navigation will not leave a history record. You can find more information about the [replace](https://router.vuejs.org/api/#replace) prop on the vue-router documentation."
   },
-  "VListItem/slim": {
+  "VListItem/link": {
     "type": "boolean\n",
-    "description": "Reduces horizontal spacing for badges, icons, tooltips, and avatars to create a more compact visual representation."
-  },
-  "VListItem/ripple": {
-    "type": "boolean | { class: string }\n",
-    "description": "Applies the [v-ripple](/directives/ripple) directive."
+    "description": "Designates that the component is a link. This is automatic when using the href or to prop."
   },
   "VListItem/border": {
     "type": "string | number | boolean\n",
@@ -7263,10 +7219,6 @@
     "type": "string | number\n",
     "description": "Designates an elevation applied to the component between 0 and 24. You can find more information on the [elevation page](/styles/elevation)."
   },
-  "VListItem/disabled": {
-    "type": "boolean\n",
-    "description": "Removes the ability to click or target the component."
-  },
   "VListItem/rounded": {
     "type": "string | number | boolean\n",
     "description": "Designates the **border-radius** applied to the component. This can be **0**, **xs**, **sm**, true, **lg**, **xl**, **pill**, **circle**, and **shaped**. Find more information on available border radius classes on the [Border Radius page](/styles/border-radius)."
@@ -7275,37 +7227,73 @@
     "type": "boolean\n",
     "description": "Removes any applied **border-radius** from the component."
   },
-  "VListItem/href": {
+  "VListItem/tag": {
+    "type": "string | (new () => any) | FunctionalComponent\n",
+    "description": "Specify a custom tag used on the root element."
+  },
+  "VListItem/theme": {
     "type": "string\n",
-    "description": "Designates the component as anchor and applies the **href** attribute."
+    "description": "Specify a theme for this component and all of its children."
+  },
+  "VListItem/color": {
+    "type": "string\n",
+    "description": "Applies specified color to the control when in an **active** state or **input-value** is **true** - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors),"
+  },
+  "VListItem/variant": {
+    "type": "'text' | 'flat' | 'elevated' | 'tonal' | 'outlined' | 'plain'\n",
+    "description": "Applies a distinct style to the component."
   },
   "VListItem/exact": {
     "type": "boolean\n",
     "description": "Exactly match the link. Without this, '/' will match every route. You can find more information about the [**exact** prop](https://router.vuejs.org/api/#exact) on the vue-router documentation."
   },
-  "VListItem/to": {
-    "type": "RouteLocationRaw\n",
-    "description": "Denotes the target route of the link. You can find more information about the [**to** prop](https://router.vuejs.org/api/#to) on the vue-router documentation."
+  "VListItem/subtitle": {
+    "type": "string | number\n",
+    "description": "Specify a subtitle text for the component."
   },
-  "VListItem/color": {
+  "VListItem/base-color": {
     "type": "string\n",
-    "description": "Applies specified color to the control when in an **active** state or **input-value** is **true** - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors),"
+    "description": "Sets the color of component when not focused."
   },
-  "VListItem/variant": {
-    "type": "'flat' | 'text' | 'elevated' | 'tonal' | 'outlined' | 'plain'\n",
-    "description": "Applies a distinct style to the component."
+  "VListItem/active-color": {
+    "type": "string\n",
+    "description": "The applied color when the component is in an active state."
+  },
+  "VListItem/active-class": {
+    "type": "string\n",
+    "description": "The class applied to the component when it matches the current route. Find more information about the [active-class prop](https://router.vuejs.org/api/#active-class) on the [vue-router](https://router.vuejs.org/) documentation."
+  },
+  "VListItem/disabled": {
+    "type": "boolean\n",
+    "description": "Removes the ability to click or target the component."
   },
   "VListItem/lines": {
     "type": "false | 'one' | 'two' | 'three'\n",
     "description": "The line declaration specifies the minimum height of the item and can also be controlled from v-list with the same prop."
   },
-  "VListItem/active-class": {
-    "type": "string\n",
-    "description": "The class applied to the component when it matches the current route. Find more information about the [active-class prop](https://router.vuejs.org/api/#active-class) on the [vue-router](https://router.vuejs.org/) documentation."
+  "VListItem/slim": {
+    "type": "boolean\n",
+    "description": "Reduces horizontal spacing for badges, icons, tooltips, and avatars to create a more compact visual representation."
   },
-  "VListItem/subtitle": {
-    "type": "string | number\n",
-    "description": "Specify a subtitle text for the component."
+  "VListItem/nav": {
+    "type": "boolean\n",
+    "description": "Reduces the width v-list-item takes up as well as adding a border radius."
+  },
+  "VListItem/value": {
+    "type": "any\n",
+    "description": "The value used for selection. Obtained from [`v-list`](/api/v-list)'s `v-model:selected` when the item is selected."
+  },
+  "VListItem/append-icon": {
+    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
+    "description": "Creates a [v-icon](/api/v-icon/) component after default content in the **append** slot."
+  },
+  "VListItem/prepend-icon": {
+    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
+    "description": "Creates a [v-icon](/api/v-icon/) component in the **prepend** slot before default content."
+  },
+  "VListItem/active": {
+    "type": "boolean\n",
+    "description": "Controls the **active** state of the item. This is typically used to highlight the component."
   },
   "VListItem/append-avatar": {
     "type": "string\n",
@@ -7315,29 +7303,41 @@
     "type": "string\n",
     "description": "Prepends a [v-avatar](/components/avatars/) component in the **prepend** slot before default content."
   },
-  "VListItemAction/end": {
-    "type": "boolean\n",
-    "description": "Applies margin at the start of the component."
+  "VListItem/ripple": {
+    "type": "boolean | { class: string }\n",
+    "description": "Applies the [v-ripple](/directives/ripple) directive."
+  },
+  "VListItem/href": {
+    "type": "string\n",
+    "description": "Designates the component as anchor and applies the **href** attribute."
+  },
+  "VListItem/to": {
+    "type": "RouteLocationRaw\n",
+    "description": "Denotes the target route of the link. You can find more information about the [**to** prop](https://router.vuejs.org/api/#to) on the vue-router documentation."
+  },
+  "VListItemAction/tag": {
+    "type": "string | (new () => any) | FunctionalComponent\n",
+    "description": "Specify a custom tag used on the root element."
   },
   "VListItemAction/start": {
     "type": "boolean\n",
-    "description": "Applies margin at the end of the component."
+    "description": "Applies margin at the end of the component."
+  },
+  "VListItemAction/end": {
+    "type": "boolean\n",
+    "description": "Applies margin at the start of the component."
   },
-  "VListItemAction/tag": {
+  "VListItemMedia/tag": {
     "type": "string | (new () => any) | FunctionalComponent\n",
     "description": "Specify a custom tag used on the root element."
   },
-  "VListItemMedia/end": {
-    "type": "boolean\n",
-    "description": "Applies margin at the start of the component."
-  },
   "VListItemMedia/start": {
     "type": "boolean\n",
     "description": "Applies margin at the end of the component."
   },
-  "VListItemMedia/tag": {
-    "type": "string | (new () => any) | FunctionalComponent\n",
-    "description": "Specify a custom tag used on the root element."
+  "VListItemMedia/end": {
+    "type": "boolean\n",
+    "description": "Applies margin at the start of the component."
   },
   "VListItemSubtitle/tag": {
     "type": "string | (new () => any) | FunctionalComponent\n",
@@ -7351,6 +7351,10 @@
     "type": "string\n",
     "description": "Specify a custom tag used on the root element."
   },
+  "VListSubheader/tag": {
+    "type": "string | (new () => any) | FunctionalComponent\n",
+    "description": "Specify a custom tag used on the root element."
+  },
   "VListSubheader/title": {
     "type": "string\n",
     "description": "Specify a title text for the component."
@@ -7359,10 +7363,6 @@
     "type": "boolean\n",
     "description": "Sticks the header to the top of the table."
   },
-  "VListSubheader/tag": {
-    "type": "string | (new () => any) | FunctionalComponent\n",
-    "description": "Specify a custom tag used on the root element."
-  },
   "VListSubheader/color": {
     "type": "string\n",
     "description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)."
@@ -7923,6 +7923,10 @@
     "type": "number\n",
     "description": "Specifies the minimum allowable value for the input."
   },
+  "VNumberInput/inset": {
+    "type": "boolean\n",
+    "description": "Applies an indentation to the dividers used in the stepper buttons."
+  },
   "VNumberInput/hide-input": {
     "type": "boolean\n",
     "description": "Hide the input field."
@@ -7931,10 +7935,6 @@
     "type": "number\n",
     "description": "Defines the interval between allowed values when the user increments or decrements the input"
   },
-  "VNumberInput/inset": {
-    "type": "boolean\n",
-    "description": "Applies an indentation to the dividers used in the stepper buttons."
-  },
   "VNumberInput/control-variant": {
     "type": "'default' | 'split' | 'stacked'\n",
     "description": "The color of the control. It defaults to the value of `variant` prop."
@@ -8019,6 +8019,10 @@
     "type": "string\n",
     "description": "Specifies the dividing character between items."
   },
+  "VOtpInput/focused": {
+    "type": "boolean\n",
+    "description": "Forces a focused state styling on the component."
+  },
   "VOtpInput/autofocus": {
     "type": "boolean\n",
     "description": "Automatically focuses the first input on page load"
@@ -8027,10 +8031,6 @@
     "type": "string\n",
     "description": "Sets the input’s placeholder text."
   },
-  "VOtpInput/focused": {
-    "type": "boolean\n",
-    "description": "Forces a focused state styling on the component."
-  },
   "VOtpInput/focus-all": {
     "type": "boolean\n",
     "description": "Puts all inputs into a focus state when any are focused"
@@ -8699,6 +8699,10 @@
     "type": "(a: any, b: any) => boolean\n",
     "description": "Apply a custom comparison algorithm to compare **model-value** and values contains in the **items** prop."
   },
+  "VRadioGroup/focused": {
+    "type": "boolean\n",
+    "description": "Forces a focused state styling on the component."
+  },
   "VRadioGroup/center-affix": {
     "type": "boolean\n",
     "description": "Vertically align **appendInner**, **prependInner**, **clearIcon** and **label** in the center."
@@ -8739,10 +8743,6 @@
     "type": "any\n",
     "description": "The value used when applying validation rules."
   },
-  "VRadioGroup/focused": {
-    "type": "boolean\n",
-    "description": "Forces a focused state styling on the component."
-  },
   "VRadioGroup/hide-details": {
     "type": "boolean | 'auto'\n",
     "description": "Hides hint and validation errors. When set to `auto` messages will be rendered only if there's a message (hint, error message, counter value etc) to display."
@@ -8843,6 +8843,10 @@
     "type": "'horizontal' | 'vertical'\n",
     "description": "Changes the direction of the input."
   },
+  "VRangeSlider/focused": {
+    "type": "boolean\n",
+    "description": "Forces a focused state styling on the component."
+  },
   "VRangeSlider/center-affix": {
     "type": "boolean\n",
     "description": "Vertically align **appendInner**, **prependInner**, **clearIcon** and **label** in the center."
@@ -8883,10 +8887,6 @@
     "type": "any\n",
     "description": "The value used when applying validation rules."
   },
-  "VRangeSlider/focused": {
-    "type": "boolean\n",
-    "description": "Forces a focused state styling on the component."
-  },
   "VRangeSlider/hide-details": {
     "type": "boolean | 'auto'\n",
     "description": "Hides hint and validation errors. When set to `auto` messages will be rendered only if there's a message (hint, error message, counter value etc) to display."
@@ -9387,73 +9387,25 @@
     "type": "(a: any, b: any) => boolean\n",
     "description": "Apply a custom comparison algorithm to compare **model-value** and values contains in the **items** prop."
   },
-  "VSelect/chips": {
-    "type": "boolean\n",
-    "description": "Changes display of selections to chips."
-  },
-  "VSelect/closable-chips": {
-    "type": "boolean\n",
-    "description": "Enables the [closable](/api/v-chip/#props-closable) prop on all [v-chip](/components/chips/) components."
-  },
-  "VSelect/close-text": {
-    "type": "string\n",
-    "description": "Text set to to the inputs `aria-label` and `title` when input menu is closed."
-  },
-  "VSelect/open-text": {
-    "type": "string\n",
-    "description": "Text set to to the inputs **aria-label** and **title** when input menu is open."
-  },
-  "VSelect/hide-no-data": {
-    "type": "boolean\n",
-    "description": "Hides the menu when there are no options to show.  Useful for preventing the menu from opening before results are fetched asynchronously.  Also has the effect of opening the menu when the `items` array changes if not already open."
-  },
-  "VSelect/hide-selected": {
-    "type": "boolean\n",
-    "description": "Do not display in the select menu items that are already selected."
-  },
-  "VSelect/list-props": {
-    "type": "unknown\n",
-    "description": "Pass props through to the `v-list` component. Accepts an object with anything from [v-list](/api/v-list/#props) props, camelCase keys are recommended."
-  },
-  "VSelect/item-title": {
-    "type": "SelectItemKey<any>\n",
-    "description": "Property on supplied `items` that contains its title."
-  },
   "VSelect/item-value": {
     "type": "SelectItemKey<any>\n",
     "description": "Set property of **items**'s value - **must be primitive**. Dot notation is supported. **Note:** This is currently not supported with `v-combobox` [GitHub Issue](https://github.com/vuetifyjs/vuetify/issues/5479)."
   },
-  "VSelect/item-children": {
-    "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/util/helpers.ts#L73-L77\" target=\"_blank\">SelectItemKey</a>\n",
-    "description": "This property currently has **no effect**."
-  },
-  "VSelect/item-props": {
-    "type": "SelectItemKey<any>\n",
-    "description": "Props object that will be applied to each item component. `true` will treat the original object as raw props and pass it directly to the component."
-  },
   "VSelect/return-object": {
     "type": "boolean\n",
     "description": "Changes the selection behavior to return the object directly rather than the value specified with **item-value**."
   },
-  "VSelect/menu-icon": {
-    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
-    "description": "Sets the the spin icon."
-  },
-  "VSelect/menu-props": {
-    "type": "unknown\n",
-    "description": "Pass props through to the `v-menu` component. Accepts an object with anything from [v-menu](/api/v-menu/#props) props, camelCase keys are recommended."
+  "VSelect/hide-no-data": {
+    "type": "boolean\n",
+    "description": "Hides the menu when there are no options to show.  Useful for preventing the menu from opening before results are fetched asynchronously.  Also has the effect of opening the menu when the `items` array changes if not already open."
   },
   "VSelect/no-data-text": {
     "type": "string\n",
     "description": "Text shown when no items are provided to the component."
   },
-  "VSelect/open-on-clear": {
+  "VSelect/focused": {
     "type": "boolean\n",
-    "description": "When using the **clearable** prop, once cleared, the select menu will either open or stay open, depending on the current state."
-  },
-  "VSelect/item-color": {
-    "type": "string\n",
-    "description": "Sets color of selected items."
+    "description": "Forces a focused state styling on the component."
   },
   "VSelect/autofocus": {
     "type": "boolean\n",
@@ -9515,10 +9467,6 @@
     "type": "  | 'eager'\n  | 'lazy'\n  | 'blur'\n  | 'input'\n  | 'submit'\n  | 'invalid-input'\n  | 'blur lazy'\n  | 'input lazy'\n  | 'submit lazy'\n  | 'invalid-input lazy'\n  | 'blur eager'\n  | 'input eager'\n  | 'submit eager'\n  | 'invalid-input eager'\n  | 'lazy blur'\n  | 'lazy input'\n  | 'lazy submit'\n  | 'lazy invalid-input'\n  | 'eager blur'\n  | 'eager input'\n  | 'eager submit'\n  | 'eager invalid-input'\n",
     "description": "Change what type of event triggers validation to run."
   },
-  "VSelect/focused": {
-    "type": "boolean\n",
-    "description": "Forces a focused state styling on the component."
-  },
   "VSelect/hide-details": {
     "type": "boolean | 'auto'\n",
     "description": "Hides hint and validation errors. When set to `auto` messages will be rendered only if there's a message (hint, error message, counter value etc) to display."
@@ -9551,6 +9499,58 @@
     "type": "unknown\n",
     "description": "**FOR INTERNAL USE ONLY**"
   },
+  "VSelect/item-title": {
+    "type": "SelectItemKey<any>\n",
+    "description": "Property on supplied `items` that contains its title."
+  },
+  "VSelect/item-children": {
+    "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/util/helpers.ts#L73-L77\" target=\"_blank\">SelectItemKey</a>\n",
+    "description": "This property currently has **no effect**."
+  },
+  "VSelect/item-props": {
+    "type": "SelectItemKey<any>\n",
+    "description": "Props object that will be applied to each item component. `true` will treat the original object as raw props and pass it directly to the component."
+  },
+  "VSelect/chips": {
+    "type": "boolean\n",
+    "description": "Changes display of selections to chips."
+  },
+  "VSelect/closable-chips": {
+    "type": "boolean\n",
+    "description": "Enables the [closable](/api/v-chip/#props-closable) prop on all [v-chip](/components/chips/) components."
+  },
+  "VSelect/close-text": {
+    "type": "string\n",
+    "description": "Text set to to the inputs `aria-label` and `title` when input menu is closed."
+  },
+  "VSelect/open-text": {
+    "type": "string\n",
+    "description": "Text set to to the inputs **aria-label** and **title** when input menu is open."
+  },
+  "VSelect/hide-selected": {
+    "type": "boolean\n",
+    "description": "Do not display in the select menu items that are already selected."
+  },
+  "VSelect/list-props": {
+    "type": "unknown\n",
+    "description": "Pass props through to the `v-list` component. Accepts an object with anything from [v-list](/api/v-list/#props) props, camelCase keys are recommended."
+  },
+  "VSelect/menu-icon": {
+    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
+    "description": "Sets the the spin icon."
+  },
+  "VSelect/menu-props": {
+    "type": "unknown\n",
+    "description": "Pass props through to the `v-menu` component. Accepts an object with anything from [v-menu](/api/v-menu/#props) props, camelCase keys are recommended."
+  },
+  "VSelect/open-on-clear": {
+    "type": "boolean\n",
+    "description": "When using the **clearable** prop, once cleared, the select menu will either open or stay open, depending on the current state."
+  },
+  "VSelect/item-color": {
+    "type": "string\n",
+    "description": "Sets color of selected items."
+  },
   "VSelectionControl/type": {
     "type": "string\n",
     "description": "Provides the default type for children selection controls."
@@ -10079,6 +10079,10 @@
     "type": "'horizontal' | 'vertical'\n",
     "description": "Changes the direction of the input."
   },
+  "VSlider/focused": {
+    "type": "boolean\n",
+    "description": "Forces a focused state styling on the component."
+  },
   "VSlider/center-affix": {
     "type": "boolean\n",
     "description": "Vertically align **appendInner**, **prependInner**, **clearIcon** and **label** in the center."
@@ -10119,10 +10123,6 @@
     "type": "any\n",
     "description": "The value used when applying validation rules."
   },
-  "VSlider/focused": {
-    "type": "boolean\n",
-    "description": "Forces a focused state styling on the component."
-  },
   "VSlider/hide-details": {
     "type": "boolean | 'auto'\n",
     "description": "Hides hint and validation errors. When set to `auto` messages will be rendered only if there's a message (hint, error message, counter value etc) to display."
@@ -10855,10 +10855,6 @@
     "type": "boolean | 'force'\n",
     "description": "Forces at least one item to always be selected (if available)."
   },
-  "VStepper/item-title": {
-    "type": "string\n",
-    "description": "Property on supplied `items` that contains its title."
-  },
   "VStepper/item-value": {
     "type": "string\n",
     "description": "Property on supplied `items` that contains its value."
@@ -10867,6 +10863,10 @@
     "type": "boolean\n",
     "description": "Hide actions bar (prev and next buttons)."
   },
+  "VStepper/item-title": {
+    "type": "string\n",
+    "description": "Property on supplied `items` that contains its title."
+  },
   "VStepper/alt-labels": {
     "type": "boolean\n",
     "description": "Places the labels beneath the step."
@@ -11063,18 +11063,6 @@
     "type": "boolean\n",
     "description": "Forces the component's content to render when it mounts. This is useful if you have content that will not be rendered in the DOM that you want crawled for SEO."
   },
-  "VStepperVertical/expand-icon": {
-    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
-    "description": "Icon used when the expansion panel is in a expandable state."
-  },
-  "VStepperVertical/collapse-icon": {
-    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
-    "description": "Icon used when the expansion panel is in a collapsable state."
-  },
-  "VStepperVertical/item-title": {
-    "type": "string\n",
-    "description": "Property on supplied `items` that contains its title."
-  },
   "VStepperVertical/item-value": {
     "type": "string\n",
     "description": "Property on supplied `items` that contains its value."
@@ -11083,10 +11071,22 @@
     "type": "boolean\n",
     "description": "Hide actions bar (prev and next buttons)."
   },
+  "VStepperVertical/expand-icon": {
+    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
+    "description": "Icon used when the expansion panel is in a expandable state."
+  },
+  "VStepperVertical/collapse-icon": {
+    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
+    "description": "Icon used when the expansion panel is in a collapsable state."
+  },
   "VStepperVertical/focusable": {
     "type": "boolean\n",
     "description": "Makes the expansion-panel headers focusable."
   },
+  "VStepperVertical/item-title": {
+    "type": "string\n",
+    "description": "Property on supplied `items` that contains its title."
+  },
   "VStepperVertical/alt-labels": {
     "type": "boolean\n",
     "description": "Places the labels beneath the step."
@@ -11231,6 +11231,14 @@
     "type": "string\n",
     "description": "Specify a subtitle text for the component."
   },
+  "VStepperVerticalItem/hide-actions": {
+    "type": "boolean\n",
+    "description": "Hide the expand icon in the content title."
+  },
+  "VStepperVerticalItem/rules": {
+    "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/components/VStepper/VStepperItem.tsx#L43-L43\" target=\"_blank\">ValidationRule</a>[]\n",
+    "description": "Accepts a mixed array of types `function`, `boolean` and `string`. Functions pass an input value as an argument and must return either `true` / `false` or a `string` containing an error message. The input field will enter an error state if a function returns (or any value in the array contains) `false` or is a `string`."
+  },
   "VStepperVerticalItem/expand-icon": {
     "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
     "description": "Icon used when the expansion panel is in a expandable state."
@@ -11239,14 +11247,6 @@
     "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
     "description": "Icon used when the expansion panel is in a collapsable state."
   },
-  "VStepperVerticalItem/rules": {
-    "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/components/VStepper/VStepperItem.tsx#L43-L43\" target=\"_blank\">ValidationRule</a>[]\n",
-    "description": "Accepts a mixed array of types `function`, `boolean` and `string`. Functions pass an input value as an argument and must return either `true` / `false` or a `string` containing an error message. The input field will enter an error state if a function returns (or any value in the array contains) `false` or is a `string`."
-  },
-  "VStepperVerticalItem/hide-actions": {
-    "type": "boolean\n",
-    "description": "Hide the expand icon in the content title."
-  },
   "VStepperVerticalItem/focusable": {
     "type": "boolean\n",
     "description": "Makes the expansion panel content focusable."
@@ -11459,6 +11459,10 @@
     "type": "(a: any, b: any) => boolean\n",
     "description": "Apply a custom comparison algorithm to compare **model-value** and values contains in the **items** prop."
   },
+  "VSwitch/focused": {
+    "type": "boolean\n",
+    "description": "Forces a focused state styling on the component."
+  },
   "VSwitch/center-affix": {
     "type": "boolean\n",
     "description": "Vertically align **appendInner**, **prependInner**, **clearIcon** and **label** in the center."
@@ -11499,10 +11503,6 @@
     "type": "any\n",
     "description": "The value used when applying validation rules."
   },
-  "VSwitch/focused": {
-    "type": "boolean\n",
-    "description": "Forces a focused state styling on the component."
-  },
   "VSwitch/hide-details": {
     "type": "boolean | 'auto'\n",
     "description": "Hides hint and validation errors. When set to `auto` messages will be rendered only if there's a message (hint, error message, counter value etc) to display."
@@ -11999,6 +11999,10 @@
     "type": "'horizontal' | 'vertical'\n",
     "description": "Changes the direction of the input."
   },
+  "VTextField/focused": {
+    "type": "boolean\n",
+    "description": "Forces a focused state styling on the component."
+  },
   "VTextField/autofocus": {
     "type": "boolean\n",
     "description": "Enables autofocus."
@@ -12063,10 +12067,6 @@
     "type": "any\n",
     "description": "The value used when applying validation rules."
   },
-  "VTextField/focused": {
-    "type": "boolean\n",
-    "description": "Forces a focused state styling on the component."
-  },
   "VTextField/hide-details": {
     "type": "boolean | 'auto'\n",
     "description": "Hides hint and validation errors. When set to `auto` messages will be rendered only if there's a message (hint, error message, counter value etc) to display."
@@ -12211,6 +12211,10 @@
     "type": "'horizontal' | 'vertical'\n",
     "description": "Changes the direction of the input."
   },
+  "VTextarea/focused": {
+    "type": "boolean\n",
+    "description": "Forces a focused state styling on the component."
+  },
   "VTextarea/autofocus": {
     "type": "boolean\n",
     "description": "The element should be focused as soon as the page loads."
@@ -12275,10 +12279,6 @@
     "type": "any\n",
     "description": "The value used when applying validation rules."
   },
-  "VTextarea/focused": {
-    "type": "boolean\n",
-    "description": "Forces a focused state styling on the component."
-  },
   "VTextarea/hide-details": {
     "type": "boolean | 'auto'\n",
     "description": "Hides hint and validation errors. When set to `auto` messages will be rendered only if there's a message (hint, error message, counter value etc) to display."
@@ -12599,6 +12599,10 @@
     "type": "'start' | 'center'\n",
     "description": "Places the timeline dot at the top or center of the timeline item."
   },
+  "VTimeline/side": {
+    "type": "'start' | 'end'\n",
+    "description": "Display all timeline items on one side of the timeline, either **start** or **end**."
+  },
   "VTimeline/justify": {
     "type": "string\n",
     "description": "Places timeline line at the center or automatically on the left or right side."
@@ -12631,10 +12635,6 @@
     "type": "string | number\n",
     "description": "Specifies the distance between the line and the dot of timeline items."
   },
-  "VTimeline/side": {
-    "type": "'start' | 'end'\n",
-    "description": "Display all timeline items on one side of the timeline, either **before** or **after**."
-  },
   "VTimeline/truncate-line": {
     "type": "'start' | 'end' | 'both'\n",
     "description": "Truncate timeline directly at the **start** or **end** of the line, or on **both** ends."
@@ -12691,6 +12691,10 @@
     "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
     "description": "Apply a specific icon to the inside dot using the [v-icon](/components/icons/) component."
   },
+  "VTimelineItem/side": {
+    "type": "'start' | 'end'\n",
+    "description": "Display the item on one side of the timeline, either **start** or **end**. This will override the implicit ordering of items, unless `v-timeline` has it's own **side** prop defined."
+  },
   "VTimelineItem/dot-color": {
     "type": "string\n",
     "description": "Color of the item dot."
@@ -13075,6 +13079,18 @@
     "type": "(a: any, b: any) => boolean\n",
     "description": "Apply a custom comparison algorithm to compare **model-value** and values contains in the **items** prop."
   },
+  "VTreeview/item-value": {
+    "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/util/helpers.ts#L73-L77\" target=\"_blank\">SelectItemKey</a>\n",
+    "description": "Property on supplied `items` that contains its value."
+  },
+  "VTreeview/return-object": {
+    "type": "boolean\n",
+    "description": "When `true` will make `v-model`, `active.sync` and `open.sync` return the complete object instead of just the key."
+  },
+  "VTreeview/select-strategy": {
+    "type": "  | 'single-leaf'\n  | 'leaf'\n  | 'independent'\n  | 'single-independent'\n  | 'classic'\n  | <a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/composables/nested/selectStrategies.ts#L26-L30\" target=\"_blank\">SelectStrategy</a>\n  | ((mandatory: boolean) => <a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/composables/nested/selectStrategies.ts#L26-L30\" target=\"_blank\">SelectStrategy</a>)\n",
+    "description": "Affects how items with children behave when selected.\n- **leaf:** Only leaf nodes (items without children) can be selected.\n- **independent:** All nodes can be selected whether they have children or not.\n- **classic:** Selecting a parent node will cause all children to be selected, parent nodes will be displayed as selected if all their descendants are selected. Only leaf nodes will be added to the model."
+  },
   "VTreeview/filter-mode": {
     "type": "'every' | 'some' | 'union' | 'intersection'\n",
     "description": "Controls how the results of `customFilter` and `customKeyFilter` are combined. All modes only apply `customFilter` to columns not specified in `customKeyFilter`.\n\n- **some**: There is at least one match from either the custom filter or the custom key filter.\n- **every**: All columns match either the custom filter or the custom key filter.\n- **union**: There is at least one match from the custom filter, or all columns match the custom key filters.\n- **intersection**: There is at least one match from the custom filter, and all columns match the custom key filters."
@@ -13119,18 +13135,10 @@
     "type": "  | 'single-leaf'\n  | 'leaf'\n  | 'independent'\n  | 'single-independent'\n  | <a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/composables/nested/activeStrategies.ts#L27-L31\" target=\"_blank\">ActiveStrategy</a>\n  | ((mandatory: boolean) => <a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/composables/nested/activeStrategies.ts#L27-L31\" target=\"_blank\">ActiveStrategy</a>)\n",
     "description": "Affects how items with children behave when activated.\n- **leaf:** Only leaf nodes (items without children) can be activated.\n- **independent:** All nodes can be activated whether they have children or not.\n- **classic:** Activating a parent node will cause all children to be activated."
   },
-  "VTreeview/select-strategy": {
-    "type": "  | 'single-leaf'\n  | 'leaf'\n  | 'independent'\n  | 'single-independent'\n  | 'classic'\n  | <a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/composables/nested/selectStrategies.ts#L26-L30\" target=\"_blank\">SelectStrategy</a>\n  | ((mandatory: boolean) => <a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/composables/nested/selectStrategies.ts#L26-L30\" target=\"_blank\">SelectStrategy</a>)\n",
-    "description": "Affects how items with children behave when selected.\n- **leaf:** Only leaf nodes (items without children) can be selected.\n- **independent:** All nodes can be selected whether they have children or not.\n- **classic:** Selecting a parent node will cause all children to be selected, parent nodes will be displayed as selected if all their descendants are selected. Only leaf nodes will be added to the model."
-  },
   "VTreeview/item-title": {
     "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/util/helpers.ts#L73-L77\" target=\"_blank\">SelectItemKey</a>\n",
     "description": "Property on supplied `items` that contains its title."
   },
-  "VTreeview/item-value": {
-    "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/util/helpers.ts#L73-L77\" target=\"_blank\">SelectItemKey</a>\n",
-    "description": "Property on supplied `items` that contains its value."
-  },
   "VTreeview/item-children": {
     "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/util/helpers.ts#L73-L77\" target=\"_blank\">SelectItemKey</a>\n",
     "description": "Property on supplied `items` that contains its children."
@@ -13139,10 +13147,6 @@
     "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/util/helpers.ts#L73-L77\" target=\"_blank\">SelectItemKey</a>\n",
     "description": "Props object that will be applied to each item component. `true` will treat the original object as raw props and pass it directly to the component."
   },
-  "VTreeview/return-object": {
-    "type": "boolean\n",
-    "description": "When `true` will make `v-model`, `active.sync` and `open.sync` return the complete object instead of just the key."
-  },
   "VTreeview/open-all": {
     "type": "boolean\n",
     "description": "When `true` will cause all branch nodes to be opened when component is mounted."
@@ -13159,25 +13163,41 @@
     "type": "(item: unknown) => Promise<void>\n",
     "description": "A function used when dynamically loading children. If this prop is set, then the supplied function will be run if expanding an item that has a `item-children` property that is an empty array. Supports returning a Promise."
   },
+  "VTreeviewGroup/tag": {
+    "type": "string | (new () => any) | FunctionalComponent\n",
+    "description": "Specify a custom tag used on the root element."
+  },
   "VTreeviewGroup/title": {
     "type": "string\n",
     "description": "Specify a title text for the component."
   },
-  "VTreeviewGroup/tag": {
-    "type": "string | (new () => any) | FunctionalComponent\n",
-    "description": "Specify a custom tag used on the root element."
+  "VTreeviewGroup/value": {
+    "type": "any\n",
+    "description": "Expands / Collapse the list-group."
   },
-  "VTreeviewGroup/color": {
+  "VTreeviewGroup/active-color": {
     "type": "string\n",
-    "description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)."
+    "description": "The applied color when the component is in an active state."
   },
   "VTreeviewGroup/base-color": {
     "type": "string\n",
     "description": "Sets the color of component when not focused."
   },
-  "VTreeviewGroup/active-color": {
+  "VTreeviewGroup/prepend-icon": {
+    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
+    "description": "Prepends an icon to the component, uses the same syntax as `v-icon`."
+  },
+  "VTreeviewGroup/append-icon": {
+    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
+    "description": "Creates a [v-icon](/api/v-icon/) component after default content in the **append** slot."
+  },
+  "VTreeviewGroup/color": {
     "type": "string\n",
-    "description": "The applied color when the component is in an active state."
+    "description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)."
+  },
+  "VTreeviewGroup/fluid": {
+    "type": "boolean\n",
+    "description": "Removes viewport maximum-width size breakpoints."
   },
   "VTreeviewGroup/expand-icon": {
     "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
@@ -13187,33 +13207,61 @@
     "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
     "description": "Icon to display when the list item is expanded."
   },
-  "VTreeviewGroup/value": {
-    "type": "any\n",
-    "description": "Expands / Collapse the list-group."
+  "VTreeviewItem/replace": {
+    "type": "boolean\n",
+    "description": "Setting **replace** prop will call `router.replace()` instead of `router.push()` when clicked, so the navigation will not leave a history record. You can find more information about the [replace](https://router.vuejs.org/api/#replace) prop on the vue-router documentation."
   },
-  "VTreeviewGroup/append-icon": {
-    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
-    "description": "Creates a [v-icon](/api/v-icon/) component after default content in the **append** slot."
+  "VTreeviewItem/link": {
+    "type": "boolean\n",
+    "description": "Designates that the component is a link. This is automatic when using the href or to prop."
   },
-  "VTreeviewGroup/prepend-icon": {
-    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
-    "description": "Prepends an icon to the component, uses the same syntax as `v-icon`."
+  "VTreeviewItem/tag": {
+    "type": "string | (new () => any) | FunctionalComponent\n",
+    "description": "Specify a custom tag used on the root element."
   },
-  "VTreeviewGroup/fluid": {
+  "VTreeviewItem/nav": {
     "type": "boolean\n",
-    "description": "Removes viewport maximum-width size breakpoints."
+    "description": "Reduces the width of v-list-item takes and adds a border radius."
   },
   "VTreeviewItem/title": {
     "type": "string | number\n",
     "description": "Generates a `v-list-item-title` component with the supplied value. Note that this overrides the native [`title`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/title) attribute, that must be set with `v-bind:title.attr` instead."
   },
-  "VTreeviewItem/replace": {
+  "VTreeviewItem/theme": {
+    "type": "string\n",
+    "description": "Specify a theme for this component and all of its children."
+  },
+  "VTreeviewItem/value": {
+    "type": "any\n",
+    "description": "The value used for selection. Obtained from [`v-list`](/api/v-list)'s `v-model:selected` when the item is selected."
+  },
+  "VTreeviewItem/active": {
     "type": "boolean\n",
-    "description": "Setting **replace** prop will call `router.replace()` instead of `router.push()` when clicked, so the navigation will not leave a history record. You can find more information about the [replace](https://router.vuejs.org/api/#replace) prop on the vue-router documentation."
+    "description": "Controls the **active** state of the item. This is typically used to highlight the component."
   },
-  "VTreeviewItem/link": {
+  "VTreeviewItem/active-color": {
+    "type": "string\n",
+    "description": "The applied color when the component is in an active state."
+  },
+  "VTreeviewItem/base-color": {
+    "type": "string\n",
+    "description": "Sets the color of component when not focused."
+  },
+  "VTreeviewItem/prepend-icon": {
+    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
+    "description": "Creates a [v-icon](/api/v-icon/) component in the **prepend** slot before default content."
+  },
+  "VTreeviewItem/append-icon": {
+    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
+    "description": "Creates a [v-icon](/api/v-icon/) component after default content in the **append** slot."
+  },
+  "VTreeviewItem/slim": {
     "type": "boolean\n",
-    "description": "Designates that the component is a link. This is automatic when using the href or to prop."
+    "description": "Reduces the vertical padding or height of the v-treeview-item, making it more compact."
+  },
+  "VTreeviewItem/ripple": {
+    "type": "boolean | { class: string }\n",
+    "description": "Applies the [v-ripple](/directives/ripple) directive."
   },
   "VTreeviewItem/border": {
     "type": "string | number | boolean\n",
@@ -13251,6 +13299,14 @@
     "type": "string | number\n",
     "description": "Designates an elevation applied to the component between 0 and 24. You can find more information on the [elevation page](/styles/elevation)."
   },
+  "VTreeviewItem/disabled": {
+    "type": "boolean\n",
+    "description": "Removes the ability to click or target the component."
+  },
+  "VTreeviewItem/loading": {
+    "type": "boolean\n",
+    "description": "Places the v-treeview-item into a loading state."
+  },
   "VTreeviewItem/rounded": {
     "type": "string | number | boolean\n",
     "description": "Designates the **border-radius** applied to the component. This can be **0**, **xs**, **sm**, true, **lg**, **xl**, **pill**, **circle**, and **shaped**. Find more information on available border radius classes on the [Border Radius page](/styles/border-radius)."
@@ -13259,85 +13315,37 @@
     "type": "boolean\n",
     "description": "Removes any applied **border-radius** from the component."
   },
-  "VTreeviewItem/tag": {
-    "type": "string | (new () => any) | FunctionalComponent\n",
-    "description": "Specify a custom tag used on the root element."
-  },
-  "VTreeviewItem/theme": {
-    "type": "string\n",
-    "description": "Specify a theme for this component and all of its children."
-  },
-  "VTreeviewItem/color": {
+  "VTreeviewItem/href": {
     "type": "string\n",
-    "description": "Applies specified color to the control when in an **active** state or **input-value** is **true** - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors),"
-  },
-  "VTreeviewItem/variant": {
-    "type": "'text' | 'flat' | 'elevated' | 'tonal' | 'outlined' | 'plain'\n",
-    "description": "Applies a distinct style to the component."
+    "description": "Designates the component as anchor and applies the **href** attribute."
   },
   "VTreeviewItem/exact": {
     "type": "boolean\n",
     "description": "Exactly match the link. Without this, '/' will match every route. You can find more information about the [**exact** prop](https://router.vuejs.org/api/#exact) on the vue-router documentation."
   },
-  "VTreeviewItem/subtitle": {
-    "type": "string | number\n",
-    "description": "Specify a subtitle text for the component."
-  },
-  "VTreeviewItem/base-color": {
-    "type": "string\n",
-    "description": "Sets the color of component when not focused."
-  },
-  "VTreeviewItem/active-color": {
-    "type": "string\n",
-    "description": "The applied color when the component is in an active state."
+  "VTreeviewItem/to": {
+    "type": "RouteLocationRaw\n",
+    "description": "Denotes the target route of the link. You can find more information about the [**to** prop](https://router.vuejs.org/api/#to) on the vue-router documentation."
   },
-  "VTreeviewItem/active-class": {
+  "VTreeviewItem/color": {
     "type": "string\n",
-    "description": "The class applied to the component when it matches the current route. Find more information about the [active-class prop](https://router.vuejs.org/api/#active-class) on the [vue-router](https://router.vuejs.org/) documentation."
+    "description": "Applies specified color to the control when in an **active** state or **input-value** is **true** - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors),"
   },
-  "VTreeviewItem/disabled": {
-    "type": "boolean\n",
-    "description": "Removes the ability to click or target the component."
+  "VTreeviewItem/variant": {
+    "type": "'flat' | 'text' | 'elevated' | 'tonal' | 'outlined' | 'plain'\n",
+    "description": "Applies a distinct style to the component."
   },
   "VTreeviewItem/lines": {
     "type": "false | 'one' | 'two' | 'three'\n",
     "description": "The line declaration specifies the minimum height of the item and can also be controlled from v-list with the same prop."
   },
-  "VTreeviewItem/slim": {
-    "type": "boolean\n",
-    "description": "Reduces the vertical padding or height of the v-treeview-item, making it more compact."
-  },
-  "VTreeviewItem/nav": {
-    "type": "boolean\n",
-    "description": "Reduces the width of v-list-item takes and adds a border radius."
-  },
-  "VTreeviewItem/value": {
-    "type": "any\n",
-    "description": "The value used for selection. Obtained from [`v-list`](/api/v-list)'s `v-model:selected` when the item is selected."
-  },
-  "VTreeviewItem/append-icon": {
-    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
-    "description": "Creates a [v-icon](/api/v-icon/) component after default content in the **append** slot."
-  },
-  "VTreeviewItem/prepend-icon": {
-    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
-    "description": "Creates a [v-icon](/api/v-icon/) component in the **prepend** slot before default content."
-  },
-  "VTreeviewItem/active": {
-    "type": "boolean\n",
-    "description": "Controls the **active** state of the item. This is typically used to highlight the component."
-  },
-  "VTreeviewItem/loading": {
-    "type": "boolean\n",
-    "description": "Places the v-treeview-item into a loading state."
-  },
-  "VTreeviewItem/href": {
+  "VTreeviewItem/active-class": {
     "type": "string\n",
-    "description": "Designates the component as anchor and applies the **href** attribute."
+    "description": "The class applied to the component when it matches the current route. Find more information about the [active-class prop](https://router.vuejs.org/api/#active-class) on the [vue-router](https://router.vuejs.org/) documentation."
   },
-  "VTreeviewItem/to": {
-    "type": "RouteLocationRaw\n",
-    "description": "Denotes the target route of the link. You can find more information about the [**to** prop](https://router.vuejs.org/api/#to) on the vue-router documentation."
+  "VTreeviewItem/subtitle": {
+    "type": "string | number\n",
+    "description": "Specify a subtitle text for the component."
   },
   "VTreeviewItem/append-avatar": {
     "type": "string\n",
@@ -13347,10 +13355,6 @@
     "type": "string\n",
     "description": "Prepends a [v-avatar](/components/avatars/) component in the **prepend** slot before default content."
   },
-  "VTreeviewItem/ripple": {
-    "type": "boolean | { class: string }\n",
-    "description": "Applies the [v-ripple](/directives/ripple) directive."
-  },
   "VTreeviewItem/toggle-icon": {
     "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
     "description": "Allows customization of the icon used to toggle the expansion and collapse of treeview branches."
@@ -13379,6 +13383,10 @@
     "type": "unknown\n",
     "description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array."
   },
+  "VValidation/focused": {
+    "type": "boolean\n",
+    "description": "Forces a focused state styling on the component."
+  },
   "VValidation/error-messages": {
     "type": "string | string[]\n",
     "description": "Puts the input in an error state and passes through custom error messages. Will be combined with any validations that occur from the **rules** prop. This field will not trigger validation."
@@ -13399,14 +13407,6 @@
     "type": "any\n",
     "description": "The value used when applying validation rules."
   },
-  "VValidation/focused": {
-    "type": "boolean\n",
-    "description": "Forces a focused state styling on the component."
-  },
-  "VVirtualScroll/items": {
-    "type": "unknown[]\n",
-    "description": "The array of items to display."
-  },
   "VVirtualScroll/height": {
     "type": "string | number\n",
     "description": "Height of the component as a css value/"
@@ -13431,6 +13431,10 @@
     "type": "string | number\n",
     "description": "Sets the width for the component."
   },
+  "VVirtualScroll/items": {
+    "type": "unknown[]\n",
+    "description": "The array of items to display."
+  },
   "VVirtualScroll/renderless": {
     "type": "boolean\n",
     "description": "Disables default component rendering functionality."
@@ -13443,18 +13447,14 @@
     "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/util/helpers.ts#L73-L77\" target=\"_blank\">SelectItemKey</a>\n",
     "description": "Should point to a property with a unique value for each item, if not set then item index will be used as a key which may result in unnecessary re-renders."
   },
-  "VWindow/model-value": {
-    "type": "unknown\n",
-    "description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array."
+  "VWindow/tag": {
+    "type": "string | (new () => any) | FunctionalComponent\n",
+    "description": "Specify a custom tag used on the root element."
   },
   "VWindow/reverse": {
     "type": "boolean\n",
     "description": "Reverse the normal transition direction."
   },
-  "VWindow/tag": {
-    "type": "string | (new () => any) | FunctionalComponent\n",
-    "description": "Specify a custom tag used on the root element."
-  },
   "VWindow/theme": {
     "type": "string\n",
     "description": "Specify a theme for this component and all of its children."
@@ -13463,18 +13463,18 @@
     "type": "boolean\n",
     "description": "Removes the ability to click or target the component."
   },
-  "VWindow/mandatory": {
-    "type": "boolean | 'force'\n",
-    "description": "Forces at least one item to always be selected (if available)."
-  },
-  "VWindow/direction": {
-    "type": "'horizontal' | 'vertical'\n",
-    "description": "The transition direction when changing windows."
-  },
   "VWindow/selected-class": {
     "type": "string\n",
     "description": "Configure the active CSS class applied when an item is selected."
   },
+  "VWindow/model-value": {
+    "type": "unknown\n",
+    "description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array."
+  },
+  "VWindow/mandatory": {
+    "type": "boolean | 'force'\n",
+    "description": "Forces at least one item to always be selected (if available)."
+  },
   "VWindow/next-icon": {
     "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
     "description": "Icon used for the \"next\" button if `show-arrows` is `true`."
@@ -13483,18 +13483,22 @@
     "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
     "description": "Icon used for the \"prev\" button if `show-arrows` is `true`."
   },
-  "VWindow/show-arrows": {
-    "type": "string | boolean\n",
-    "description": "Display the \"next\" and \"prev\" buttons."
-  },
   "VWindow/continuous": {
     "type": "boolean\n",
     "description": "If `true`, window will \"wrap around\" from the last item to the first, and from the first item to the last."
   },
+  "VWindow/show-arrows": {
+    "type": "string | boolean\n",
+    "description": "Display the \"next\" and \"prev\" buttons."
+  },
   "VWindow/touch": {
     "type": "boolean | <a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/directives/touch/index.ts#L9-L17\" target=\"_blank\">TouchHandlers</a>\n",
     "description": "Provide a custom **left** and **right** function when swiped left or right."
   },
+  "VWindow/direction": {
+    "type": "'horizontal' | 'vertical'\n",
+    "description": "The transition direction when changing windows."
+  },
   "VWindowItem/value": {
     "type": "any\n",
     "description": "The value used when the component is selected in a group. If not provided, a unique ID will be used."