@vuetify/nightly 3.8.3-master.2025-05-03 → 3.8.3-master.2025-05-04

package/dist/json/attributes.json

@@ -7067,18 +7067,10 @@
     "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."
   },
-  "VItemGroup/theme": {
-    "type": "string\n",
-    "description": "Specify a theme for this component and all of its children."
-  },
   "VItemGroup/disabled": {
     "type": "boolean\n",
     "description": "Puts all children components into a disabled state."
@@ -7091,30 +7083,50 @@
     "type": "boolean\n",
     "description": "Allows one to select multiple items."
   },
-  "VItemGroup/mandatory": {
-    "type": "boolean | 'force'\n",
-    "description": "Forces at least one item to always be selected (if available)."
+  "VItemGroup/theme": {
+    "type": "string\n",
+    "description": "Specify a theme for this component and all of its children."
+  },
+  "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/selected-class": {
     "type": "string\n",
     "description": "Configure the selected CSS class. This class will be available in `v-item` default scoped slot."
   },
+  "VItemGroup/mandatory": {
+    "type": "boolean | 'force'\n",
+    "description": "Forces at least one item to always be selected (if available)."
+  },
   "VKbd/tag": {
     "type": "string\n",
     "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."
-  },
   "VLabel/text": {
     "type": "string\n",
     "description": "Specify content text for the component."
   },
+  "VLabel/theme": {
+    "type": "string\n",
+    "description": "Specify a theme for this component and all of its children."
+  },
   "VLayout/height": {
     "type": "string | number\n",
     "description": "Sets the height for the component."
   },
+  "VLayout/width": {
+    "type": "string | number\n",
+    "description": "Sets the width for the component."
+  },
+  "VLayout/full-height": {
+    "type": "boolean\n",
+    "description": "Sets the component height to 100%."
+  },
+  "VLayout/overlaps": {
+    "type": "string[]\n",
+    "description": "**FOR INTERNAL USE ONLY**"
+  },
   "VLayout/max-height": {
     "type": "string | number\n",
     "description": "Sets the maximum height for the component."
@@ -7131,18 +7143,6 @@
     "type": "string | number\n",
     "description": "Sets the minimum width for the component."
   },
-  "VLayout/width": {
-    "type": "string | number\n",
-    "description": "Sets the width for the component."
-  },
-  "VLayout/full-height": {
-    "type": "boolean\n",
-    "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."
@@ -7215,49 +7215,37 @@
     "type": "  | string\n  | (new () => any)\n  | FunctionalComponent\n  | (string | [string, number])[]\n",
     "description": "Apply a specific icon using the [v-icon](/components/icons/) component."
   },
-  "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/border": {
+    "type": "string | number | boolean\n",
+    "description": "Applies utility border classes to the component. To use it, you need to omit the `border-` prefix, (for example use `border-sm` as `border=\"sm\"`).  Find a list of the built-in border classes on the [borders page](/styles/borders)."
   },
-  "VList/disabled": {
-    "type": "boolean\n",
-    "description": "Puts all children inputs into a disabled state."
+  "VList/density": {
+    "type": "'default' | 'comfortable' | 'compact'\n",
+    "description": "Adjusts the vertical height used by the component."
   },
   "VList/height": {
     "type": "string | number\n",
     "description": "Sets the height for the component."
   },
-  "VList/width": {
+  "VList/max-height": {
     "type": "string | number\n",
-    "description": "Sets the width for the component."
-  },
-  "VList/theme": {
-    "type": "string\n",
-    "description": "Specify a theme for this component and all of its children."
+    "description": "Sets the maximum height for the component."
   },
-  "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/max-width": {
+    "type": "string | number\n",
+    "description": "Sets the maximum width for the component."
   },
-  "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/min-height": {
+    "type": "string | number\n",
+    "description": "Sets the minimum height for the component."
   },
-  "VList/density": {
-    "type": "'default' | 'comfortable' | 'compact'\n",
-    "description": "Adjusts the vertical height used by the component."
+  "VList/min-width": {
+    "type": "string | number\n",
+    "description": "Sets the minimum width for the component."
   },
-  "VList/border": {
-    "type": "string | number | boolean\n",
-    "description": "Applies utility border classes to the component. To use it, you need to omit the `border-` prefix, (for example use `border-sm` as `border=\"sm\"`).  Find a list of the built-in border classes on the [borders page](/styles/borders)."
+  "VList/width": {
+    "type": "string | number\n",
+    "description": "Sets the width for the component."
   },
   "VList/elevation": {
     "type": "string | number\n",
@@ -7271,98 +7259,94 @@
     "type": "boolean\n",
     "description": "Removes any applied **border-radius** from the component."
   },
-  "VList/active-color": {
+  "VList/tag": {
+    "type": "string | (new () => any) | FunctionalComponent\n",
+    "description": "Specify a custom tag used on the root element."
+  },
+  "VList/theme": {
     "type": "string\n",
-    "description": "The applied color when the component is in an active state."
+    "description": "Specify a theme for this component and all of its children."
   },
-  "VList/base-color": {
+  "VList/color": {
     "type": "string\n",
-    "description": "Sets the color of component when not focused."
+    "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/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/variant": {
+    "type": "'text' | 'flat' | 'elevated' | 'tonal' | 'outlined' | 'plain'\n",
+    "description": "Applies a distinct style to the component."
   },
-  "VList/max-height": {
-    "type": "string | number\n",
-    "description": "Sets the maximum height for the component."
+  "VList/activated": {
+    "type": "any\n",
+    "description": "Array of ids of activated nodes."
   },
-  "VList/max-width": {
-    "type": "string | number\n",
-    "description": "Sets the maximum width for the component."
+  "VList/disabled": {
+    "type": "boolean\n",
+    "description": "Puts all children inputs into a disabled state."
   },
-  "VList/min-height": {
-    "type": "string | number\n",
-    "description": "Sets the minimum height for the component."
+  "VList/base-color": {
+    "type": "string\n",
+    "description": "Sets the color of component when not focused."
   },
-  "VList/min-width": {
-    "type": "string | number\n",
-    "description": "Sets the minimum width for the component."
+  "VList/active-color": {
+    "type": "string\n",
+    "description": "The applied color when the component is in an active state."
   },
-  "VList/variant": {
-    "type": "'flat' | 'text' | 'elevated' | 'tonal' | 'outlined' | 'plain'\n",
-    "description": "Applies a distinct style to the component."
+  "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/expand-icon": {
+    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
+    "description": "Icon to display when the list item is collapsed."
+  },
+  "VList/collapse-icon": {
+    "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/mandatory": {
+  "VList/slim": {
     "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/selected": {
-    "type": "unknown\n",
-    "description": "An array containing the values of currently selected items. Can be two-way bound with `v-model:selected`."
-  },
-  "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."
+    "description": "Reduces horizontal spacing for badges, icons, tooltips, and avatars within slim list items to create a more compact visual representation."
   },
-  "VList/item-value": {
-    "type": "SelectItemKey<any>\n",
-    "description": "Property on supplied `items` that contains its value."
+  "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/return-object": {
+  "VList/activatable": {
     "type": "boolean\n",
-    "description": "Changes the selection behavior to return the object directly rather than the value specified with **item-value**."
+    "description": "Designates whether the list items are activatable."
   },
-  "VList/select-strategy": {
-    "type": "  | 'single-leaf'\n  | 'leaf'\n  | 'independent'\n  | 'single-independent'\n  | 'classic'\n  | 'trunk'\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.\n- **trunk**: Same as classic but if all of a node's children are selected then only that node will be added to the model."
+  "VList/selectable": {
+    "type": "boolean\n",
+    "description": "Designates whether the list items are selectable."
   },
   "VList/opened": {
     "type": "unknown\n",
     "description": "An array containing the values of currently opened groups. Can be two-way bound with `v-model:opened`."
   },
-  "VList/expand-icon": {
-    "type": "  | string\n  | (new () => any)\n  | FunctionalComponent\n  | (string | [string, number])[]\n",
-    "description": "Icon to display when the list item is collapsed."
-  },
-  "VList/collapse-icon": {
-    "type": "  | string\n  | (new () => any)\n  | FunctionalComponent\n  | (string | [string, number])[]\n",
-    "description": "Icon to display when the list item is expanded."
-  },
-  "VList/activatable": {
-    "type": "boolean\n",
-    "description": "Designates whether the list items are activatable."
+  "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/selectable": {
+  "VList/mandatory": {
     "type": "boolean\n",
-    "description": "Designates whether the list items are selectable."
+    "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  | 'trunk'\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.\n- **trunk**: Same as classic but if all of a node's children are selected then only that node will be added to the model."
+  },
   "VList/open-strategy": {
     "type": "'list' | 'multiple' | 'single' | <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."
@@ -7371,10 +7355,18 @@
     "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."
@@ -7383,50 +7375,58 @@
     "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."
   },
-  "VListGroup/title": {
-    "type": "string\n",
-    "description": "Specify a title text for 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/color": {
+  "VListGroup/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."
   },
   "VListGroup/value": {
     "type": "any\n",
     "description": "Expands / Collapse the list-group."
   },
-  "VListGroup/base-color": {
+  "VListGroup/color": {
     "type": "string\n",
-    "description": "Sets the color of component when not focused."
+    "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/active-color": {
     "type": "string\n",
     "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",
-    "description": "Icon to display when the list item is collapsed."
+  "VListGroup/base-color": {
+    "type": "string\n",
+    "description": "Sets the color of component when not focused."
   },
-  "VListGroup/collapse-icon": {
-    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
-    "description": "Icon to display when the list item is expanded."
+  "VListGroup/prepend-icon": {
+    "type": "  | string\n  | (new () => any)\n  | FunctionalComponent\n  | (string | [string, number])[]\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",
+    "type": "  | string\n  | (new () => any)\n  | FunctionalComponent\n  | (string | [string, number])[]\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."
   },
+  "VListGroup/collapse-icon": {
+    "type": "  | string\n  | (new () => any)\n  | FunctionalComponent\n  | (string | [string, number])[]\n",
+    "description": "Icon to display when the list item is expanded."
+  },
+  "VListGroup/expand-icon": {
+    "type": "  | string\n  | (new () => any)\n  | FunctionalComponent\n  | (string | [string, number])[]\n",
+    "description": "Icon to display when the list item is collapsed."
+  },
   "VListGroup/subgroup": {
     "type": "boolean\n",
     "description": "Designate the component as nested list group."
@@ -7435,10 +7435,6 @@
     "type": "string\n",
     "description": "Specify a custom tag used on the root element."
   },
-  "VListItem/title": {
-    "type": "string | number | boolean\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/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."
@@ -7447,37 +7443,49 @@
     "type": "boolean\n",
     "description": "Designates that the component is a link. This is automatic when using the href or to prop."
   },
-  "VListItem/border": {
+  "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 | boolean\n",
-    "description": "Applies utility border classes to the component. To use it, you need to omit the `border-` prefix, (for example use `border-sm` as `border=\"sm\"`).  Find a list of the built-in border classes on the [borders page](/styles/borders)."
+    "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/density": {
-    "type": "'default' | 'comfortable' | 'compact'\n",
-    "description": "Adjusts the vertical height used by the component."
+  "VListItem/disabled": {
+    "type": "boolean\n",
+    "description": "Removes the ability to click or target the component."
   },
   "VListItem/height": {
     "type": "string | number\n",
     "description": "Sets the height for the component."
   },
-  "VListItem/max-height": {
-    "type": "string | number\n",
-    "description": "Sets the maximum height for the component."
+  "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/max-width": {
+  "VListItem/width": {
     "type": "string | number\n",
-    "description": "Sets the maximum width for the component."
+    "description": "Sets the width for the component."
   },
-  "VListItem/min-height": {
-    "type": "string | number\n",
-    "description": "Sets the minimum height for the component."
+  "VListItem/theme": {
+    "type": "string\n",
+    "description": "Specify a theme for this component and all of its children."
   },
-  "VListItem/min-width": {
-    "type": "string | number\n",
-    "description": "Sets the minimum width for the component."
+  "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/width": {
-    "type": "string | number\n",
-    "description": "Sets the width for the component."
+  "VListItem/density": {
+    "type": "'default' | 'comfortable' | 'compact'\n",
+    "description": "Adjusts the vertical height used by the component."
+  },
+  "VListItem/border": {
+    "type": "string | number | boolean\n",
+    "description": "Applies utility border classes to the component. To use it, you need to omit the `border-` prefix, (for example use `border-sm` as `border=\"sm\"`).  Find a list of the built-in border classes on the [borders page](/styles/borders)."
   },
   "VListItem/elevation": {
     "type": "string | number\n",
@@ -7491,85 +7499,77 @@
     "type": "boolean\n",
     "description": "Removes any applied **border-radius** from the component."
   },
-  "VListItem/tag": {
-    "type": "string | (new () => any) | FunctionalComponent\n",
-    "description": "Specify a custom tag used on the root element."
-  },
-  "VListItem/theme": {
-    "type": "string\n",
-    "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/disabled": {
-    "type": "boolean\n",
-    "description": "Removes the ability to click or target the component."
-  },
-  "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/exact": {
+  "VListItem/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."
-  },
-  "VListItem/subtitle": {
-    "type": "string | number | boolean\n",
-    "description": "Specify a subtitle text for the component."
-  },
-  "VListItem/base-color": {
-    "type": "string\n",
-    "description": "Sets the color of component when not focused."
+    "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/active-class": {
+  "VListItem/base-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": "Sets the color of component when not focused."
   },
-  "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/prepend-icon": {
+    "type": "  | string\n  | (new () => any)\n  | FunctionalComponent\n  | (string | [string, number])[]\n",
+    "description": "Creates a [v-icon](/api/v-icon/) component in the **prepend** slot before default content."
+  },
+  "VListItem/append-icon": {
+    "type": "  | string\n  | (new () => any)\n  | FunctionalComponent\n  | (string | [string, number])[]\n",
+    "description": "Creates a [v-icon](/api/v-icon/) component after default content in the **append** slot."
   },
   "VListItem/slim": {
     "type": "boolean\n",
     "description": "Reduces horizontal spacing for badges, icons, tooltips, and avatars to create a more compact visual representation."
   },
-  "VListItem/nav": {
-    "type": "boolean\n",
-    "description": "Reduces the width v-list-item takes up as well as adding a border radius."
+  "VListItem/ripple": {
+    "type": "boolean | { class: string }\n",
+    "description": "Applies the [v-ripple](/directives/ripple) directive."
   },
-  "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/max-height": {
+    "type": "string | number\n",
+    "description": "Sets the maximum height for the component."
   },
-  "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/max-width": {
+    "type": "string | number\n",
+    "description": "Sets the maximum width for the component."
   },
-  "VListItem/active": {
-    "type": "boolean\n",
-    "description": "Controls the **active** state of the item. This is typically used to highlight the component."
+  "VListItem/min-height": {
+    "type": "string | number\n",
+    "description": "Sets the minimum height for the component."
+  },
+  "VListItem/min-width": {
+    "type": "string | number\n",
+    "description": "Sets the minimum width for the component."
   },
   "VListItem/href": {
     "type": "string\n",
     "description": "Designates the component as anchor and applies the **href** attribute."
   },
+  "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": "string | RouteLocationAsRelativeGeneric | RouteLocationAsPathGeneric\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/ripple": {
-    "type": "boolean | { class: string }\n",
-    "description": "Applies the [v-ripple](/directives/ripple) directive."
+  "VListItem/variant": {
+    "type": "'flat' | 'text' | 'elevated' | 'tonal' | 'outlined' | 'plain'\n",
+    "description": "Applies a distinct style to 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/subtitle": {
+    "type": "string | number | boolean\n",
+    "description": "Specify a subtitle text for the component."
   },
   "VListItem/append-avatar": {
     "type": "string\n",
@@ -7579,29 +7579,29 @@
     "type": "string\n",
     "description": "Prepends a [v-avatar](/components/avatars/) component in the **prepend** slot before default content."
   },
-  "VListItemAction/tag": {
-    "type": "string | (new () => any) | FunctionalComponent\n",
-    "description": "Specify a custom tag used on the root element."
+  "VListItemAction/end": {
+    "type": "boolean\n",
+    "description": "Applies margin at the start of the component."
   },
   "VListItemAction/start": {
     "type": "boolean\n",
     "description": "Applies margin at the end of the component."
   },
-  "VListItemAction/end": {
-    "type": "boolean\n",
-    "description": "Applies margin at the start of the component."
-  },
-  "VListItemMedia/tag": {
+  "VListItemAction/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/end": {
-    "type": "boolean\n",
-    "description": "Applies margin at the start of the component."
+  "VListItemMedia/tag": {
+    "type": "string | (new () => any) | FunctionalComponent\n",
+    "description": "Specify a custom tag used on the root element."
   },
   "VListItemSubtitle/tag": {
     "type": "string | (new () => any) | FunctionalComponent\n",
@@ -7615,22 +7615,22 @@
     "type": "string\n",
     "description": "Specify a custom tag used on the root element."
   },
-  "VListSubheader/title": {
-    "type": "string\n",
-    "description": "Specify a title text for the component."
-  },
-  "VListSubheader/sticky": {
-    "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/title": {
+    "type": "string\n",
+    "description": "Specify a title text for the component."
+  },
   "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)."
   },
+  "VListSubheader/sticky": {
+    "type": "boolean\n",
+    "description": "Sticks the header to the top of the table."
+  },
   "VListSubheader/inset": {
     "type": "boolean\n",
     "description": "Insets the subheader without additional spacing, aligning it flush with the surrounding content."
@@ -9815,18 +9815,6 @@
     "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#L82-L86\" 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."
@@ -9851,6 +9839,18 @@
     "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-children": {
+    "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/util/helpers.ts#L82-L86\" 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/menu-icon": {
     "type": "  | string\n  | (new () => any)\n  | FunctionalComponent\n  | (string | [string, number])[]\n",
     "description": "Sets the the spin icon."
@@ -10847,6 +10847,10 @@
     "type": "'trend' | 'bar'\n",
     "description": "Choose between a trendline or bars."
   },
+  "VSparkline/model-value": {
+    "type": "(string | number | { value: number })[]\n",
+    "description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array."
+  },
   "VSparkline/fill": {
     "type": "boolean\n",
     "description": "Using the **fill** property allows you to better customize the look and feel of your sparkline."
@@ -10855,6 +10859,14 @@
     "type": "string | number\n",
     "description": "Height of the SVG trendline or bars."
   },
+  "VSparkline/width": {
+    "type": "string | number\n",
+    "description": "Width of the SVG trendline or bars."
+  },
+  "VSparkline/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)."
+  },
   "VSparkline/labels": {
     "type": "(string | number | { value: number })[]\n",
     "description": "An array of string labels that correspond to the same index as its data counterpart."
@@ -10867,30 +10879,18 @@
     "type": "string | number\n",
     "description": "The minimum value of the sparkline."
   },
-  "VSparkline/width": {
-    "type": "string | number\n",
-    "description": "Width of the SVG trendline or bars."
-  },
   "VSparkline/id": {
     "type": "string\n",
     "description": "The id of the component."
   },
-  "VSparkline/model-value": {
-    "type": "(string | number | { value: number })[]\n",
-    "description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array."
-  },
-  "VSparkline/color": {
+  "VSparkline/item-value": {
     "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 value of the item."
   },
   "VSparkline/gradient": {
     "type": "string[]\n",
     "description": "An array of colors to use as a linear-gradient."
   },
-  "VSparkline/item-value": {
-    "type": "string\n",
-    "description": "The value of the item."
-  },
   "VSparkline/auto-line-width": {
     "type": "boolean\n",
     "description": "Automatically expand bars to use space efficiently."
@@ -10908,7 +10908,7 @@
     "description": "The easing function to use for the trace animation."
   },
   "VSparkline/gradient-direction": {
-    "type": "'top' | 'left' | 'right' | 'bottom'\n",
+    "type": "'top' | 'bottom' | 'left' | 'right'\n",
     "description": "The direction the gradient should run."
   },
   "VSparkline/label-size": {
@@ -10931,14 +10931,34 @@
     "type": "string | number | boolean\n",
     "description": "Number of px to use as a corner radius. `true` defaults to 8, `false` is 0."
   },
-  "VSpeedDial/model-value": {
+  "VSpeedDial/disabled": {
     "type": "boolean\n",
-    "description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array."
+    "description": "Removes the ability to click or target the component."
   },
   "VSpeedDial/height": {
     "type": "string | number\n",
     "description": "Sets the height for the component."
   },
+  "VSpeedDial/width": {
+    "type": "string | number\n",
+    "description": "Sets the width for the component."
+  },
+  "VSpeedDial/id": {
+    "type": "string\n",
+    "description": "The unique identifier of the component."
+  },
+  "VSpeedDial/theme": {
+    "type": "string\n",
+    "description": "Specify a theme for this component and all of its children."
+  },
+  "VSpeedDial/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."
+  },
+  "VSpeedDial/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.."
+  },
   "VSpeedDial/max-height": {
     "type": "string | number\n",
     "description": "Sets the maximum height for the component."
@@ -10955,38 +10975,14 @@
     "type": "string | number\n",
     "description": "Sets the minimum width for the component."
   },
-  "VSpeedDial/width": {
-    "type": "string | number\n",
-    "description": "Sets the width for the component."
-  },
-  "VSpeedDial/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.."
-  },
-  "VSpeedDial/theme": {
-    "type": "string\n",
-    "description": "Specify a theme for this component and all of its children."
-  },
-  "VSpeedDial/disabled": {
-    "type": "boolean\n",
-    "description": "Removes the ability to click or target the component."
-  },
-  "VSpeedDial/id": {
-    "type": "string\n",
-    "description": "The unique identifier of the component."
-  },
-  "VSpeedDial/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."
+  "VSpeedDial/transition": {
+    "type": "  | string\n  | boolean\n  | (TransitionProps & { component: Component })\n  | {\n      component: ComponentPublicInstanceConstructor<\n        CreateComponentPublicInstanceWithMixins<\n          {} & { target?: HTMLElement | [x: number, y: number] | undefined } & {\n            $children?:\n              | VNodeChild\n              | (() => VNodeChild)\n              | { default?: (() => VNodeChild) | undefined }\n            'v-slots'?:\n              | { default?: false | (() => VNodeChild) | undefined }\n              | undefined\n          } & { 'v-slot:default'?: false | (() => VNodeChild) | undefined },\n          () => any,\n          unknown,\n          {},\n          {},\n          ComponentOptionsMixin,\n          ComponentOptionsMixin,\n          Record<string, any>,\n          PublicProps,\n          {},\n          true,\n          {},\n          SlotsType<Partial<MakeSlots<{ default: never }>>>,\n          GlobalComponents,\n          GlobalDirectives,\n          string,\n          {},\n          any,\n          ComponentProvideOptions,\n          OptionTypesType<{}, {}, {}, {}, {}, {}>,\n          {} & { target?: HTMLElement | [x: number, y: number] | undefined } & {\n            $children?:\n              | VNodeChild\n              | (() => VNodeChild)\n              | { default?: (() => VNodeChild) | undefined }\n            'v-slots'?:\n              | { default?: false | (() => VNodeChild) | undefined }\n              | undefined\n          } & { 'v-slot:default'?: false | (() => VNodeChild) | undefined },\n          () => any,\n          {},\n          {},\n          {},\n          {}\n        >,\n        any,\n        any,\n        any,\n        ComputedOptions,\n        MethodOptions\n      > &\n        ComponentOptionsBase<\n          {} & { target?: HTMLElement | [x: number, y: number] | undefined } & {\n            $children?:\n              | VNodeChild\n              | (() => VNodeChild)\n              | { default?: (() => VNodeChild) | undefined }\n            'v-slots'?:\n              | { default?: false | (() => VNodeChild) | undefined }\n              | undefined\n          } & { 'v-slot:default'?: false | (() => VNodeChild) | undefined },\n          () => any,\n          unknown,\n          {},\n          {},\n          ComponentOptionsMixin,\n          ComponentOptionsMixin,\n          Record<string, any>,\n          string,\n          {},\n          {},\n          string,\n          SlotsType<Partial<MakeSlots<{ default: never }>>>,\n          GlobalComponents,\n          GlobalDirectives,\n          string,\n          ComponentProvideOptions\n        > &\n        VNodeProps &\n        AllowedComponentProps &\n        ComponentCustomProps & {\n          filterProps: (props: T) => Partial<Pick<T, U>>\n        }\n    }\n",
+    "description": "Sets the component transition. Can be one of the [built in](/styles/transitions/) or custom transition."
   },
   "VSpeedDial/activator": {
     "type": "Element | (string & {}) | 'parent' | ComponentPublicInstance\n",
     "description": "Explicitly sets the overlay's activator."
   },
-  "VSpeedDial/submenu": {
-    "type": "boolean\n",
-    "description": "Opens with right arrow and closes on left instead of up/down. Implies `location=\"end\"`. Directions are reversed for RTL."
-  },
   "VSpeedDial/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."
@@ -11055,6 +11051,10 @@
     "type": "string | number\n",
     "description": "Milliseconds to wait before opening component. Only works with the **open-on-hover** prop."
   },
+  "VSpeedDial/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."
+  },
   "VSpeedDial/location-strategy": {
     "type": "'static' | 'connected' | <a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/components/VOverlay/locationStrategies.ts#L38-L42\" target=\"_blank\">LocationStrategyFunction</a>\n",
     "description": "A function used to specifies how the component should position relative to its activator."
@@ -11068,72 +11068,64 @@
     "description": "Increases distance from the target. When passed as a pair of numbers, the second value shifts anchor along the side and away from the target."
   },
   "VSpeedDial/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\">ScrollStrategyFunction</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\">ScrollStrategyFunction</a>\n",
     "description": "Strategy used when the component is activate and user scrolls."
   },
-  "VSpeedDial/transition": {
-    "type": "  | string\n  | boolean\n  | (TransitionProps & { component: Component })\n  | {\n      component: ComponentPublicInstanceConstructor<\n        CreateComponentPublicInstanceWithMixins<\n          {} & { target?: HTMLElement | [x: number, y: number] | undefined } & {\n            $children?:\n              | VNodeChild\n              | (() => VNodeChild)\n              | { default?: (() => VNodeChild) | undefined }\n            'v-slots'?:\n              | { default?: false | (() => VNodeChild) | undefined }\n              | undefined\n          } & { 'v-slot:default'?: false | (() => VNodeChild) | undefined },\n          () => any,\n          unknown,\n          {},\n          {},\n          ComponentOptionsMixin,\n          ComponentOptionsMixin,\n          Record<string, any>,\n          PublicProps,\n          {},\n          true,\n          {},\n          SlotsType<Partial<MakeSlots<{ default: never }>>>,\n          GlobalComponents,\n          GlobalDirectives,\n          string,\n          {},\n          any,\n          ComponentProvideOptions,\n          OptionTypesType<{}, {}, {}, {}, {}, {}>,\n          {} & { target?: HTMLElement | [x: number, y: number] | undefined } & {\n            $children?:\n              | VNodeChild\n              | (() => VNodeChild)\n              | { default?: (() => VNodeChild) | undefined }\n            'v-slots'?:\n              | { default?: false | (() => VNodeChild) | undefined }\n              | undefined\n          } & { 'v-slot:default'?: false | (() => VNodeChild) | undefined },\n          () => any,\n          {},\n          {},\n          {},\n          {}\n        >,\n        any,\n        any,\n        any,\n        ComputedOptions,\n        MethodOptions\n      > &\n        ComponentOptionsBase<\n          {} & { target?: HTMLElement | [x: number, y: number] | undefined } & {\n            $children?:\n              | VNodeChild\n              | (() => VNodeChild)\n              | { default?: (() => VNodeChild) | undefined }\n            'v-slots'?:\n              | { default?: false | (() => VNodeChild) | undefined }\n              | undefined\n          } & { 'v-slot:default'?: false | (() => VNodeChild) | undefined },\n          () => any,\n          unknown,\n          {},\n          {},\n          ComponentOptionsMixin,\n          ComponentOptionsMixin,\n          Record<string, any>,\n          string,\n          {},\n          {},\n          string,\n          SlotsType<Partial<MakeSlots<{ default: never }>>>,\n          GlobalComponents,\n          GlobalDirectives,\n          string,\n          ComponentProvideOptions\n        > &\n        VNodeProps &\n        AllowedComponentProps &\n        ComponentCustomProps & {\n          filterProps: (props: T) => Partial<Pick<T, U>>\n        }\n    }\n",
-    "description": "Sets the component transition. Can be one of the [built in](/styles/transitions/) or custom transition."
-  },
   "VSpeedDial/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."
   },
+  "VSpeedDial/submenu": {
+    "type": "boolean\n",
+    "description": "Opens with right arrow and closes on left instead of up/down. Implies `location=\"end\"`. Directions are reversed for RTL."
+  },
   "VStepper/flat": {
     "type": "boolean\n",
     "description": "Removes the stepper's elevation."
   },
-  "VStepper/tag": {
-    "type": "string | (new () => any) | FunctionalComponent\n",
-    "description": "Specify a custom tag used on the root element."
+  "VStepper/border": {
+    "type": "string | number | boolean\n",
+    "description": "Applies utility border classes to the component. To use it, you need to omit the `border-` prefix, (for example use `border-sm` as `border=\"sm\"`).  Find a list of the built-in border classes on the [borders page](/styles/borders)."
   },
-  "VStepper/disabled": {
-    "type": "boolean\n",
-    "description": "Puts all children components into a disabled state."
+  "VStepper/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."
   },
   "VStepper/height": {
     "type": "string | number\n",
     "description": "Sets the height for the component."
   },
-  "VStepper/max": {
-    "type": "number\n",
-    "description": "Sets a maximum number of selections that can be made."
+  "VStepper/max-height": {
+    "type": "string | number\n",
+    "description": "Sets the maximum height for the component."
   },
-  "VStepper/multiple": {
-    "type": "boolean\n",
-    "description": "Allows one to select multiple items."
+  "VStepper/max-width": {
+    "type": "string | number\n",
+    "description": "Sets the maximum width for the component."
   },
-  "VStepper/width": {
+  "VStepper/min-height": {
     "type": "string | number\n",
-    "description": "Sets the width for the component."
+    "description": "Sets the minimum height for the component."
   },
-  "VStepper/theme": {
-    "type": "string\n",
-    "description": "Specify a theme for this component and all of its children."
+  "VStepper/min-width": {
+    "type": "string | number\n",
+    "description": "Sets the minimum width for the component."
   },
-  "VStepper/items": {
-    "type": "(string | Record<string, any>)[]\n",
-    "description": "An array of strings or objects used for automatically generating children components."
+  "VStepper/width": {
+    "type": "string | number\n",
+    "description": "Sets the width for the component."
   },
-  "VStepper/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."
+  "VStepper/elevation": {
+    "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)."
   },
   "VStepper/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."
   },
-  "VStepper/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)."
-  },
-  "VStepper/border": {
-    "type": "string | number | boolean\n",
-    "description": "Applies utility border classes to the component. To use it, you need to omit the `border-` prefix, (for example use `border-sm` as `border=\"sm\"`).  Find a list of the built-in border classes on the [borders page](/styles/borders)."
-  },
-  "VStepper/elevation": {
-    "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)."
+  "VStepper/position": {
+    "type": "'fixed' | 'static' | 'relative' | 'absolute' | 'sticky'\n",
+    "description": "Sets the position for the component."
   },
   "VStepper/rounded": {
     "type": "string | number | boolean\n",
@@ -11143,68 +11135,76 @@
     "type": "boolean\n",
     "description": "Removes any applied **border-radius** from the component."
   },
-  "VStepper/max-height": {
-    "type": "string | number\n",
-    "description": "Sets the maximum height for the component."
+  "VStepper/tag": {
+    "type": "string | (new () => any) | FunctionalComponent\n",
+    "description": "Specify a custom tag used on the root element."
   },
-  "VStepper/max-width": {
-    "type": "string | number\n",
-    "description": "Sets the maximum width for the component."
+  "VStepper/theme": {
+    "type": "string\n",
+    "description": "Specify a theme for this component and all of its children."
   },
-  "VStepper/min-height": {
-    "type": "string | number\n",
-    "description": "Sets the minimum height for the component."
+  "VStepper/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)."
   },
-  "VStepper/min-width": {
-    "type": "string | number\n",
-    "description": "Sets the minimum width for the component."
+  "VStepper/disabled": {
+    "type": "boolean\n",
+    "description": "Puts all children components into a disabled state."
   },
-  "VStepper/selected-class": {
-    "type": "string\n",
-    "description": "Configure the active CSS class applied when an item is selected."
+  "VStepper/max": {
+    "type": "number\n",
+    "description": "Sets a maximum number of selections that can be made."
   },
-  "VStepper/position": {
-    "type": "'fixed' | 'relative' | 'absolute' | 'static' | 'sticky'\n",
-    "description": "Sets the position for the component."
+  "VStepper/multiple": {
+    "type": "boolean\n",
+    "description": "Allows one to select multiple items."
   },
   "VStepper/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)."
   },
-  "VStepper/mobile": {
-    "type": "boolean\n",
-    "description": "Forces the stepper into a mobile state, removing labels from stepper items."
-  },
-  "VStepper/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."
-  },
   "VStepper/mandatory": {
     "type": "boolean | 'force'\n",
     "description": "Forces at least one item to always be selected (if available)."
   },
-  "VStepper/hide-actions": {
-    "type": "boolean\n",
-    "description": "Hide actions bar (prev and next buttons)."
+  "VStepper/items": {
+    "type": "(string | Record<string, any>)[]\n",
+    "description": "An array of strings or objects used for automatically generating children components."
+  },
+  "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."
   },
-  "VStepper/item-title": {
+  "VStepper/mobile": {
+    "type": "boolean\n",
+    "description": "Forces the stepper into a mobile state, removing labels from stepper items."
+  },
+  "VStepper/selected-class": {
     "type": "string\n",
-    "description": "Property on supplied `items` that contains its title."
+    "description": "Configure the active CSS class applied when an item is selected."
+  },
+  "VStepper/hide-actions": {
+    "type": "boolean\n",
+    "description": "Hide actions bar (prev and next buttons)."
+  },
+  "VStepper/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."
   },
   "VStepper/alt-labels": {
     "type": "boolean\n",
     "description": "Places the labels beneath the step."
   },
   "VStepper/complete-icon": {
-    "type": "  | string\n  | (new () => any)\n  | FunctionalComponent\n  | (string | [string, number])[]\n",
+    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
     "description": "Icon to display when step is marked as completed."
   },
   "VStepper/edit-icon": {
-    "type": "  | string\n  | (new () => any)\n  | FunctionalComponent\n  | (string | [string, number])[]\n",
+    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
     "description": "Icon to display when step is editable."
   },
   "VStepper/editable": {
@@ -11212,7 +11212,7 @@
     "description": "Marks step as editable."
   },
   "VStepper/error-icon": {
-    "type": "  | string\n  | (new () => any)\n  | FunctionalComponent\n  | (string | [string, number])[]\n",
+    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
     "description": "Icon to display when step has an error."
   },
   "VStepper/non-linear": {
@@ -11227,14 +11227,14 @@
     "type": "string\n",
     "description": "The text used for the Next button."
   },
+  "VStepperActions/disabled": {
+    "type": "boolean | 'prev' | 'next'\n",
+    "description": "Removes the ability to click or target the component."
+  },
   "VStepperActions/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)."
   },
-  "VStepperActions/disabled": {
-    "type": "boolean | 'next' | 'prev'\n",
-    "description": "Removes the ability to click or target the component."
-  },
   "VStepperActions/prev-text": {
     "type": "string\n",
     "description": "The text used for the Prev button."
@@ -11247,13 +11247,21 @@
     "type": "string\n",
     "description": "Specify a custom tag used on the root element."
   },
+  "VStepperItem/title": {
+    "type": "string\n",
+    "description": "Specify a title text for the component."
+  },
+  "VStepperItem/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."
+  },
   "VStepperItem/error": {
     "type": "boolean\n",
     "description": "Puts the stepper item in a manual error state."
   },
-  "VStepperItem/title": {
+  "VStepperItem/color": {
     "type": "string\n",
-    "description": "Specify a title text for the component."
+    "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)."
   },
   "VStepperItem/disabled": {
     "type": "boolean\n",
@@ -11263,22 +11271,6 @@
     "type": "any\n",
     "description": "The value used when the component is selected in a group. If not provided, a unique ID will be used."
   },
-  "VStepperItem/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)."
-  },
-  "VStepperItem/ripple": {
-    "type": "boolean | { class: string }\n",
-    "description": "Applies the [v-ripple](/directives/ripple) directive."
-  },
-  "VStepperItem/selected-class": {
-    "type": "string\n",
-    "description": "Configure the active CSS class applied when an item is selected."
-  },
-  "VStepperItem/icon": {
-    "type": "  | string\n  | (new () => any)\n  | FunctionalComponent\n  | (string | [string, number])[]\n",
-    "description": "Apply a specific icon using the [v-icon](/components/icons/) component."
-  },
   "VStepperItem/subtitle": {
     "type": "string\n",
     "description": "Specify a subtitle text for the component."
@@ -11287,12 +11279,20 @@
     "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`."
   },
+  "VStepperItem/selected-class": {
+    "type": "string\n",
+    "description": "Configure the active CSS class applied when an item is selected."
+  },
+  "VStepperItem/ripple": {
+    "type": "boolean | { class: string }\n",
+    "description": "Applies the [v-ripple](/directives/ripple) directive."
+  },
   "VStepperItem/complete-icon": {
-    "type": "  | string\n  | (new () => any)\n  | FunctionalComponent\n  | (string | [string, number])[]\n",
+    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
     "description": "Icon to display when step is marked as completed."
   },
   "VStepperItem/edit-icon": {
-    "type": "  | string\n  | (new () => any)\n  | FunctionalComponent\n  | (string | [string, number])[]\n",
+    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
     "description": "Icon to display when step is editable."
   },
   "VStepperItem/editable": {
@@ -11300,7 +11300,7 @@
     "description": "Marks step as editable."
   },
   "VStepperItem/error-icon": {
-    "type": "  | string\n  | (new () => any)\n  | FunctionalComponent\n  | (string | [string, number])[]\n",
+    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
     "description": "Icon to display when step has an error."
   },
   "VStepperItem/complete": {
@@ -11311,10 +11311,38 @@
     "type": "boolean\n",
     "description": "Removes the expansion-panel's elevation and borders."
   },
-  "VStepperVertical/model-value": {
+  "VStepperVertical/tag": {
+    "type": "string | (new () => any) | FunctionalComponent\n",
+    "description": "Specify a custom tag used on the root element."
+  },
+  "VStepperVertical/disabled": {
+    "type": "boolean\n",
+    "description": "Puts all children components into a disabled state."
+  },
+  "VStepperVertical/max": {
+    "type": "number\n",
+    "description": "Sets a maximum number of selections that can be made."
+  },
+  "VStepperVertical/multiple": {
+    "type": "boolean\n",
+    "description": "Allows one to select multiple items."
+  },
+  "VStepperVertical/theme": {
+    "type": "string\n",
+    "description": "Specify a theme for this component and all of its children."
+  },
+  "VStepperVertical/items": {
+    "type": "(string | Record<string, any>)[]\n",
+    "description": "An array of strings or objects used for automatically generating children components."
+  },
+  "VStepperVertical/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."
   },
+  "VStepperVertical/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)."
+  },
   "VStepperVertical/elevation": {
     "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)."
@@ -11327,93 +11355,61 @@
     "type": "boolean\n",
     "description": "Removes the border-radius."
   },
-  "VStepperVertical/tag": {
-    "type": "string | (new () => any) | FunctionalComponent\n",
-    "description": "Specify a custom tag used on the root element."
+  "VStepperVertical/readonly": {
+    "type": "boolean\n",
+    "description": "Makes the entire expansion panel read only."
   },
-  "VStepperVertical/theme": {
-    "type": "string\n",
-    "description": "Specify a theme for this component and all of its children."
+  "VStepperVertical/ripple": {
+    "type": "boolean | { class: string }\n",
+    "description": "Applies the [v-ripple](/directives/ripple) directive."
   },
-  "VStepperVertical/color": {
+  "VStepperVertical/selected-class": {
     "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": "Configure the active CSS class applied when an item is selected."
   },
   "VStepperVertical/variant": {
     "type": "'default' | 'inset' | 'accordion' | 'popout'\n",
     "description": "Applies a distinct style to the component."
   },
-  "VStepperVertical/disabled": {
-    "type": "boolean\n",
-    "description": "Puts all children components into a disabled state."
-  },
-  "VStepperVertical/max": {
-    "type": "number\n",
-    "description": "Sets a maximum number of selections that can be made."
-  },
-  "VStepperVertical/multiple": {
-    "type": "boolean\n",
-    "description": "Allows one to select multiple items."
-  },
-  "VStepperVertical/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."
-  },
   "VStepperVertical/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)."
   },
-  "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/mobile": {
+    "type": "boolean\n",
+    "description": "Forces the stepper into a mobile state, removing labels from stepper items."
   },
-  "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/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."
   },
   "VStepperVertical/mandatory": {
     "type": "boolean | 'force'\n",
     "description": "Forces at least one item to always be selected (if available)."
   },
-  "VStepperVertical/items": {
-    "type": "(string | Record<string, any>)[]\n",
-    "description": "An array of strings or objects used for automatically generating children components."
+  "VStepperVertical/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."
   },
-  "VStepperVertical/item-title": {
-    "type": "string\n",
-    "description": "Property on supplied `items` that contains its title."
+  "VStepperVertical/hide-actions": {
+    "type": "boolean\n",
+    "description": "Hide actions bar (prev and next buttons)."
   },
   "VStepperVertical/item-value": {
     "type": "string\n",
     "description": "Property on supplied `items` that contains its value."
   },
-  "VStepperVertical/readonly": {
-    "type": "boolean\n",
-    "description": "Makes the entire expansion panel read only."
+  "VStepperVertical/collapse-icon": {
+    "type": "  | string\n  | (new () => any)\n  | FunctionalComponent\n  | (string | [string, number])[]\n",
+    "description": "Icon used when the expansion panel is in a collapsable state."
   },
-  "VStepperVertical/mobile": {
-    "type": "boolean\n",
-    "description": "Forces the stepper into a mobile state, removing labels from stepper items."
+  "VStepperVertical/expand-icon": {
+    "type": "  | string\n  | (new () => any)\n  | FunctionalComponent\n  | (string | [string, number])[]\n",
+    "description": "Icon used when the expansion panel is in a expandable state."
   },
-  "VStepperVertical/selected-class": {
+  "VStepperVertical/item-title": {
     "type": "string\n",
-    "description": "Configure the active CSS class applied when an item is selected."
-  },
-  "VStepperVertical/hide-actions": {
-    "type": "boolean\n",
-    "description": "Hide the expand icon in the content title."
-  },
-  "VStepperVertical/focusable": {
-    "type": "boolean\n",
-    "description": "Makes the expansion-panel headers focusable."
-  },
-  "VStepperVertical/ripple": {
-    "type": "boolean | { class: string }\n",
-    "description": "Applies the [v-ripple](/directives/ripple) directive."
-  },
-  "VStepperVertical/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."
+    "description": "Property on supplied `items` that contains its title."
   },
   "VStepperVertical/prev-text": {
     "type": "string\n",
@@ -11428,11 +11424,11 @@
     "description": "Places the labels beneath the step."
   },
   "VStepperVertical/complete-icon": {
-    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
+    "type": "  | string\n  | (new () => any)\n  | FunctionalComponent\n  | (string | [string, number])[]\n",
     "description": "Icon to display when step is marked as completed."
   },
   "VStepperVertical/edit-icon": {
-    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
+    "type": "  | string\n  | (new () => any)\n  | FunctionalComponent\n  | (string | [string, number])[]\n",
     "description": "Icon to display when step is editable."
   },
   "VStepperVertical/editable": {
@@ -11440,21 +11436,25 @@
     "description": "Marks step as editable."
   },
   "VStepperVertical/error-icon": {
-    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
+    "type": "  | string\n  | (new () => any)\n  | FunctionalComponent\n  | (string | [string, number])[]\n",
     "description": "Icon to display when step has an error."
   },
   "VStepperVertical/non-linear": {
     "type": "boolean\n",
     "description": "Allow user to jump to any step."
   },
-  "VStepperVerticalActions/disabled": {
-    "type": "boolean | 'prev' | 'next'\n",
-    "description": "Removes the ability to click or target the component."
+  "VStepperVertical/focusable": {
+    "type": "boolean\n",
+    "description": "Makes the expansion-panel headers focusable."
   },
   "VStepperVerticalActions/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)."
   },
+  "VStepperVerticalActions/disabled": {
+    "type": "boolean | 'next' | 'prev'\n",
+    "description": "Removes the ability to click or target the component."
+  },
   "VStepperVerticalActions/prev-text": {
     "type": "string\n",
     "description": "The text used for the Prev button."
@@ -11463,61 +11463,25 @@
     "type": "string\n",
     "description": "The text used for the Next button."
   },
-  "VStepperVerticalItem/tag": {
-    "type": "string | (new () => any) | FunctionalComponent\n",
-    "description": "Specify a custom tag used on the root element."
-  },
-  "VStepperVerticalItem/error": {
-    "type": "boolean\n",
-    "description": "Puts the stepper item in a manual error state."
-  },
   "VStepperVerticalItem/title": {
     "type": "string\n",
     "description": "Specify a title text for the component."
   },
-  "VStepperVerticalItem/disabled": {
-    "type": "boolean\n",
-    "description": "Disables the expansion-panel content."
-  },
-  "VStepperVerticalItem/height": {
-    "type": "string | number\n",
-    "description": "Sets the height for the component."
-  },
-  "VStepperVerticalItem/value": {
-    "type": "any\n",
-    "description": "Controls the opened/closed state of content."
-  },
-  "VStepperVerticalItem/width": {
-    "type": "string | number\n",
-    "description": "Sets the width for the component."
-  },
-  "VStepperVerticalItem/color": {
+  "VStepperVerticalItem/text": {
     "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)."
-  },
-  "VStepperVerticalItem/elevation": {
-    "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)."
-  },
-  "VStepperVerticalItem/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)."
+    "description": "Specify content text for the component."
   },
-  "VStepperVerticalItem/tile": {
-    "type": "boolean\n",
-    "description": "Removes any applied **border-radius** from the component."
+  "VStepperVerticalItem/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."
   },
-  "VStepperVerticalItem/readonly": {
+  "VStepperVerticalItem/error": {
     "type": "boolean\n",
-    "description": "Makes the expansion panel content read only."
-  },
-  "VStepperVerticalItem/ripple": {
-    "type": "boolean | { class: string }\n",
-    "description": "Applies the [v-ripple](/directives/ripple) directive."
+    "description": "Puts the stepper item in a manual error state."
   },
-  "VStepperVerticalItem/text": {
-    "type": "string\n",
-    "description": "Specify content text for the component."
+  "VStepperVerticalItem/height": {
+    "type": "string | number\n",
+    "description": "Sets the height for the component."
   },
   "VStepperVerticalItem/max-height": {
     "type": "string | number\n",
@@ -11535,21 +11499,41 @@
     "type": "string | number\n",
     "description": "Sets the minimum width for the component."
   },
-  "VStepperVerticalItem/selected-class": {
-    "type": "string\n",
-    "description": "Configure the active CSS class applied when an item is selected."
+  "VStepperVerticalItem/width": {
+    "type": "string | number\n",
+    "description": "Sets the width for the component."
+  },
+  "VStepperVerticalItem/elevation": {
+    "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)."
   },
   "VStepperVerticalItem/static": {
     "type": "boolean\n",
     "description": "Remove title size expansion when selected."
   },
-  "VStepperVerticalItem/icon": {
-    "type": "  | string\n  | (new () => any)\n  | FunctionalComponent\n  | (string | [string, number])[]\n",
-    "description": "Apply a specific icon using the [v-icon](/components/icons/) component."
+  "VStepperVerticalItem/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)."
   },
-  "VStepperVerticalItem/bg-color": {
+  "VStepperVerticalItem/tile": {
+    "type": "boolean\n",
+    "description": "Removes any applied **border-radius** from the component."
+  },
+  "VStepperVerticalItem/tag": {
+    "type": "string | (new () => any) | FunctionalComponent\n",
+    "description": "Specify a custom tag used on the root element."
+  },
+  "VStepperVerticalItem/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)."
+    "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)."
+  },
+  "VStepperVerticalItem/disabled": {
+    "type": "boolean\n",
+    "description": "Disables the expansion-panel content."
+  },
+  "VStepperVerticalItem/value": {
+    "type": "any\n",
+    "description": "Controls the opened/closed state of content."
   },
   "VStepperVerticalItem/eager": {
     "type": "boolean\n",
@@ -11559,28 +11543,48 @@
     "type": "string\n",
     "description": "Specify a subtitle text for the component."
   },
+  "VStepperVerticalItem/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)."
+  },
+  "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."
+  },
+  "VStepperVerticalItem/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."
+  },
+  "VStepperVerticalItem/readonly": {
+    "type": "boolean\n",
+    "description": "Makes the expansion panel content read only."
+  },
   "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/selected-class": {
+    "type": "string\n",
+    "description": "Configure the active CSS class applied when an item is selected."
+  },
   "VStepperVerticalItem/hide-actions": {
     "type": "boolean\n",
     "description": "Hide the expand icon in the content title."
   },
-  "VStepperVerticalItem/expand-icon": {
-    "type": "  | string\n  | (new () => any)\n  | FunctionalComponent\n  | (string | [string, number])[]\n",
-    "description": "Icon used when the expansion panel is in a expandable state."
+  "VStepperVerticalItem/focusable": {
+    "type": "boolean\n",
+    "description": "Makes the expansion panel content focusable."
   },
-  "VStepperVerticalItem/collapse-icon": {
-    "type": "  | string\n  | (new () => any)\n  | FunctionalComponent\n  | (string | [string, number])[]\n",
-    "description": "Icon used when the expansion panel is in a collapsable state."
+  "VStepperVerticalItem/ripple": {
+    "type": "boolean | { class: string }\n",
+    "description": "Applies the [v-ripple](/directives/ripple) directive."
   },
   "VStepperVerticalItem/complete-icon": {
-    "type": "  | string\n  | (new () => any)\n  | FunctionalComponent\n  | (string | [string, number])[]\n",
+    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
     "description": "Icon to display when step is marked as completed."
   },
   "VStepperVerticalItem/edit-icon": {
-    "type": "  | string\n  | (new () => any)\n  | FunctionalComponent\n  | (string | [string, number])[]\n",
+    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
     "description": "Icon to display when step is editable."
   },
   "VStepperVerticalItem/editable": {
@@ -11588,45 +11592,41 @@
     "description": "Marks step as editable."
   },
   "VStepperVerticalItem/error-icon": {
-    "type": "  | string\n  | (new () => any)\n  | FunctionalComponent\n  | (string | [string, number])[]\n",
+    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
     "description": "Icon to display when step has an error."
   },
   "VStepperVerticalItem/complete": {
     "type": "boolean\n",
     "description": "Marks step as complete."
   },
-  "VStepperVerticalItem/focusable": {
-    "type": "boolean\n",
-    "description": "Makes the expansion panel content focusable."
-  },
-  "VStepperWindow/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."
+  "VStepperWindow/tag": {
+    "type": "string | (new () => any) | FunctionalComponent\n",
+    "description": "Specify a custom tag used on the root element."
   },
   "VStepperWindow/reverse": {
     "type": "boolean\n",
     "description": "Reverse the normal transition direction."
   },
-  "VStepperWindow/tag": {
-    "type": "string | (new () => any) | FunctionalComponent\n",
-    "description": "Specify a custom tag used on the root element."
+  "VStepperWindow/disabled": {
+    "type": "boolean\n",
+    "description": "Removes the ability to click or target the component."
   },
   "VStepperWindow/theme": {
     "type": "string\n",
     "description": "Specify a theme for this component and all of its children."
   },
-  "VStepperWindow/disabled": {
-    "type": "boolean\n",
-    "description": "Removes the ability to click or target the component."
-  },
-  "VStepperWindow/direction": {
-    "type": "'horizontal' | 'vertical'\n",
-    "description": "The transition direction when changing windows."
+  "VStepperWindow/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."
   },
   "VStepperWindow/selected-class": {
     "type": "string\n",
     "description": "Configure the active CSS class applied when an item is selected."
   },
+  "VStepperWindow/direction": {
+    "type": "'horizontal' | 'vertical'\n",
+    "description": "The transition direction when changing windows."
+  },
   "VStepperWindowItem/disabled": {
     "type": "boolean\n",
     "description": "Prevents the item from becoming active when using the \"next\" and \"prev\" buttons or the `toggle` method."
@@ -11635,30 +11635,30 @@
     "type": "any\n",
     "description": "The value used when the component is selected in a group. If not provided, a unique ID will be used."
   },
-  "VStepperWindowItem/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."
+  "VStepperWindowItem/selected-class": {
+    "type": "string\n",
+    "description": "Configure the active CSS class applied when an item is selected."
   },
   "VStepperWindowItem/transition": {
     "type": "string | boolean\n",
     "description": "The transition used when the component progressing through items. Can be one of the [built in](/styles/transitions/) or custom transition."
   },
+  "VStepperWindowItem/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."
+  },
   "VStepperWindowItem/reverse-transition": {
     "type": "string | boolean\n",
     "description": "Sets the reverse transition."
   },
-  "VStepperWindowItem/selected-class": {
-    "type": "string\n",
-    "description": "Configure the active CSS class applied when an item is selected."
+  "VSvgIcon/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."
   },
   "VSvgIcon/tag": {
     "type": "string | (new () => any) | FunctionalComponent\n",
     "description": "Specify a custom tag used on the root element."
   },
-  "VSvgIcon/icon": {
-    "type": "  | string\n  | (new () => any)\n  | FunctionalComponent\n  | (string | [string, number])[]\n",
-    "description": "Apply a specific icon using the [v-icon](/components/icons/) component."
-  },
   "VSwitch/flat": {
     "type": "boolean\n",
     "description": "Display component without elevation. Default elevation for thumb is 4dp, `flat` resets it."
@@ -11667,41 +11667,17 @@
     "type": "string\n",
     "description": "Provides the default type for children selection controls."
   },
-  "VSwitch/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."
+  "VSwitch/name": {
+    "type": "string\n",
+    "description": "Sets the component's name attribute."
   },
   "VSwitch/error": {
     "type": "boolean\n",
     "description": "Puts the input in a manual error state."
   },
-  "VSwitch/density": {
-    "type": "'default' | 'comfortable' | 'compact'\n",
-    "description": "Adjusts the vertical height used by the component."
-  },
-  "VSwitch/max-width": {
-    "type": "string | number\n",
-    "description": "Sets the maximum width for the component."
-  },
-  "VSwitch/min-width": {
-    "type": "string | number\n",
-    "description": "Sets the minimum width for the component."
-  },
-  "VSwitch/width": {
-    "type": "string | number\n",
-    "description": "Sets the width for the component."
-  },
-  "VSwitch/theme": {
-    "type": "string\n",
-    "description": "Specify a theme for this component and all of its children."
-  },
-  "VSwitch/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)."
-  },
-  "VSwitch/name": {
+  "VSwitch/label": {
     "type": "string\n",
-    "description": "Sets the component's name attribute."
+    "description": "Sets the text of the [v-label](/api/v-label/) or [v-field-label](/api/v-field-label/) component."
   },
   "VSwitch/disabled": {
     "type": "boolean\n",
@@ -11719,26 +11695,74 @@
     "type": "any\n",
     "description": "The value used when the component is selected in a group. If not provided, a unique ID will be used."
   },
+  "VSwitch/width": {
+    "type": "string | number\n",
+    "description": "Sets the width for the component."
+  },
   "VSwitch/id": {
     "type": "string\n",
     "description": "Sets the DOM id on the component."
   },
-  "VSwitch/label": {
+  "VSwitch/theme": {
     "type": "string\n",
-    "description": "Sets the text of the [v-label](/api/v-label/) or [v-field-label](/api/v-field-label/) component."
+    "description": "Specify a theme for this component and all of its children."
+  },
+  "VSwitch/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."
+  },
+  "VSwitch/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)."
+  },
+  "VSwitch/density": {
+    "type": "'default' | 'comfortable' | 'compact'\n",
+    "description": "Adjusts the vertical height used by the component."
   },
   "VSwitch/base-color": {
     "type": "string\n",
     "description": "Sets the color of the input when it is not focused."
   },
-  "VSwitch/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."
+  "VSwitch/prepend-icon": {
+    "type": "  | string\n  | (new () => any)\n  | FunctionalComponent\n  | (string | [string, number])[]\n",
+    "description": "Prepends an icon to the component, uses the same syntax as `v-icon`."
   },
   "VSwitch/append-icon": {
-    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
+    "type": "  | string\n  | (new () => any)\n  | FunctionalComponent\n  | (string | [string, number])[]\n",
     "description": "Creates a [v-icon](/api/v-icon/) component after default content in the **append** slot."
   },
+  "VSwitch/readonly": {
+    "type": "boolean\n",
+    "description": "Puts input in readonly state."
+  },
+  "VSwitch/ripple": {
+    "type": "boolean | { class: string }\n",
+    "description": "Applies the [v-ripple](/directives/ripple) directive."
+  },
+  "VSwitch/max-width": {
+    "type": "string | number\n",
+    "description": "Sets the maximum width for the component."
+  },
+  "VSwitch/min-width": {
+    "type": "string | number\n",
+    "description": "Sets the minimum width for the component."
+  },
+  "VSwitch/loading": {
+    "type": "string | boolean\n",
+    "description": "Displays circular 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."
+  },
+  "VSwitch/inline": {
+    "type": "boolean\n",
+    "description": "Puts children inputs into a row."
+  },
+  "VSwitch/inset": {
+    "type": "boolean\n",
+    "description": "Enlarge the `v-switch` track to encompass the thumb."
+  },
+  "VSwitch/direction": {
+    "type": "'horizontal' | 'vertical'\n",
+    "description": "Changes the direction of the input."
+  },
   "VSwitch/center-affix": {
     "type": "boolean\n",
     "description": "Vertically align **appendInner**, **prependInner**, **clearIcon** and **label** in the center."
@@ -11751,10 +11775,6 @@
     "type": "string | boolean\n",
     "description": "Sets the color of the prepend/append icons."
   },
-  "VSwitch/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`."
-  },
   "VSwitch/hide-spin-buttons": {
     "type": "boolean\n",
     "description": "Hides spin buttons on the input when type is set to `number`."
@@ -11771,10 +11791,6 @@
     "type": "string | string[]\n",
     "description": "Displays a list of messages or a single message if using a string."
   },
-  "VSwitch/direction": {
-    "type": "'horizontal' | 'vertical'\n",
-    "description": "Changes the direction of the input."
-  },
   "VSwitch/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."
@@ -11783,10 +11799,6 @@
     "type": "string | number\n",
     "description": "Control the maximum number of shown errors from validation."
   },
-  "VSwitch/readonly": {
-    "type": "boolean\n",
-    "description": "Puts input in readonly state."
-  },
   "VSwitch/rules": {
     "type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/composables/validation.ts#L17-L21\" 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`."
@@ -11807,22 +11819,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."
   },
-  "VSwitch/loading": {
-    "type": "string | boolean\n",
-    "description": "Displays circular 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."
-  },
-  "VSwitch/inset": {
-    "type": "boolean\n",
-    "description": "Enlarge the `v-switch` track to encompass the thumb."
-  },
-  "VSwitch/ripple": {
-    "type": "boolean | { class: string }\n",
-    "description": "Applies the [v-ripple](/directives/ripple) directive."
-  },
-  "VSwitch/inline": {
-    "type": "boolean\n",
-    "description": "Puts children inputs into a row."
-  },
   "VSwitch/true-value": {
     "type": "any\n",
     "description": "Sets value for truthy state."
@@ -11836,41 +11832,29 @@
     "description": "The target component to provide defaults values for."
   },
   "VSwitch/false-icon": {
-    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
+    "type": "  | string\n  | (new () => any)\n  | FunctionalComponent\n  | (string | [string, number])[]\n",
     "description": "The icon used when inactive."
   },
   "VSwitch/true-icon": {
-    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
+    "type": "  | string\n  | (new () => any)\n  | FunctionalComponent\n  | (string | [string, number])[]\n",
     "description": "The icon used when active."
   },
-  "VSystemBar/tag": {
-    "type": "string | (new () => any) | FunctionalComponent\n",
-    "description": "Specify a custom tag used on the root element."
-  },
-  "VSystemBar/name": {
-    "type": "string\n",
-    "description": "Assign a specific name for layout registration."
+  "VSwitch/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."
   },
   "VSystemBar/height": {
     "type": "string | number\n",
     "description": "Sets the height for the component."
   },
-  "VSystemBar/theme": {
-    "type": "string\n",
-    "description": "Specify a theme for this component and all of its children."
+  "VSystemBar/elevation": {
+    "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)."
   },
   "VSystemBar/absolute": {
     "type": "boolean\n",
     "description": "Applies **position: absolute** to the component."
   },
-  "VSystemBar/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)."
-  },
-  "VSystemBar/elevation": {
-    "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)."
-  },
   "VSystemBar/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)."
@@ -11879,6 +11863,22 @@
     "type": "boolean\n",
     "description": "Removes any applied **border-radius** from the component."
   },
+  "VSystemBar/tag": {
+    "type": "string | (new () => any) | FunctionalComponent\n",
+    "description": "Specify a custom tag used on the root element."
+  },
+  "VSystemBar/theme": {
+    "type": "string\n",
+    "description": "Specify a theme for this component and all of its children."
+  },
+  "VSystemBar/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)."
+  },
+  "VSystemBar/name": {
+    "type": "string\n",
+    "description": "Assign a specific name for layout registration."
+  },
   "VSystemBar/order": {
     "type": "string | number\n",
     "description": "Adjust the order of the component in relation to its registration order."
@@ -11887,6 +11887,10 @@
     "type": "boolean\n",
     "description": "Increases the system bar height to 32px (24px default)."
   },
+  "VTab/text": {
+    "type": "string | number | boolean\n",
+    "description": "Specify content text for the component."
+  },
   "VTab/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."
@@ -11895,30 +11899,58 @@
     "type": "boolean\n",
     "description": "Forces component to take up all available space up to their maximum width (300px), and centers it."
   },
-  "VTab/tag": {
-    "type": "string | (new () => any) | FunctionalComponent\n",
-    "description": "Specify a custom tag used on the root element."
+  "VTab/border": {
+    "type": "string | number | boolean\n",
+    "description": "Applies utility border classes to the component. To use it, you need to omit the `border-` prefix, (for example use `border-sm` as `border=\"sm\"`).  Find a list of the built-in border classes on the [borders page](/styles/borders)."
   },
-  "VTab/disabled": {
-    "type": "boolean\n",
-    "description": "Removes the ability to click or target the component."
+  "VTab/icon": {
+    "type": "  | boolean\n  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
+    "description": "Apply a specific icon using the [v-icon](/components/icons/) component. The button will become _round_."
+  },
+  "VTab/density": {
+    "type": "'default' | 'comfortable' | 'compact'\n",
+    "description": "Adjusts the vertical height used by the component."
   },
   "VTab/height": {
     "type": "string | number\n",
     "description": "Sets the height for the component."
   },
-  "VTab/size": {
+  "VTab/max-height": {
     "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**."
+    "description": "Sets the maximum height for the component."
   },
-  "VTab/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."
+  "VTab/max-width": {
+    "type": "string | number\n",
+    "description": "Sets the maximum width for the component."
+  },
+  "VTab/min-height": {
+    "type": "string | number\n",
+    "description": "Sets the minimum height for the component."
+  },
+  "VTab/min-width": {
+    "type": "string | number\n",
+    "description": "Sets the minimum width for the component."
   },
   "VTab/width": {
     "type": "string | number\n",
     "description": "Sets the width for the component."
   },
+  "VTab/elevation": {
+    "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)."
+  },
+  "VTab/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)."
+  },
+  "VTab/tile": {
+    "type": "boolean\n",
+    "description": "Removes any applied **border-radius** from the component."
+  },
+  "VTab/tag": {
+    "type": "string | (new () => any) | FunctionalComponent\n",
+    "description": "Specify a custom tag used on the root element."
+  },
   "VTab/theme": {
     "type": "string\n",
     "description": "Specify a theme for this component and all of its children."
@@ -11927,81 +11959,53 @@
     "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)."
   },
-  "VTab/density": {
-    "type": "'default' | 'comfortable' | 'compact'\n",
-    "description": "Adjusts the vertical height used by the component."
+  "VTab/variant": {
+    "type": "'text' | 'flat' | 'elevated' | 'tonal' | 'outlined' | 'plain'\n",
+    "description": "Applies a distinct style to the component."
   },
-  "VTab/border": {
-    "type": "string | number | boolean\n",
-    "description": "Applies utility border classes to the component. To use it, you need to omit the `border-` prefix, (for example use `border-sm` as `border=\"sm\"`).  Find a list of the built-in border classes on the [borders page](/styles/borders)."
+  "VTab/disabled": {
+    "type": "boolean\n",
+    "description": "Removes the ability to click or target the component."
   },
-  "VTab/elevation": {
+  "VTab/size": {
     "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)."
+    "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**."
   },
-  "VTab/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)."
+  "VTab/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."
   },
-  "VTab/tile": {
+  "VTab/exact": {
     "type": "boolean\n",
-    "description": "Removes any applied **border-radius** from the component."
-  },
-  "VTab/active-color": {
-    "type": "string\n",
-    "description": "The applied color when the component is in an active state."
+    "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."
   },
   "VTab/base-color": {
     "type": "string\n",
     "description": "Sets the color of component when not focused."
   },
-  "VTab/prepend-icon": {
-    "type": "  | string\n  | (new () => any)\n  | FunctionalComponent\n  | (string | [string, number])[]\n",
-    "description": "Creates a [v-icon](/api/v-icon/) component in the **prepend** slot before default content."
-  },
-  "VTab/append-icon": {
-    "type": "  | string\n  | (new () => any)\n  | FunctionalComponent\n  | (string | [string, number])[]\n",
-    "description": "Creates a [v-icon](/api/v-icon/) component after default content in the **append** slot."
-  },
-  "VTab/readonly": {
-    "type": "boolean\n",
-    "description": "Puts the button in a readonly state. Cannot be clicked or navigated to by keyboard."
+  "VTab/active-color": {
+    "type": "string\n",
+    "description": "The applied color when the component is in an active state."
   },
   "VTab/slim": {
     "type": "boolean\n",
     "description": "Reduces padding to 0 8px."
   },
-  "VTab/stacked": {
-    "type": "boolean\n",
-    "description": "Displays the tab as a flex-column."
-  },
-  "VTab/ripple": {
-    "type": "boolean | { class: string }\n",
-    "description": "Applies the [v-ripple](/directives/ripple) directive."
-  },
-  "VTab/text": {
-    "type": "string | number | boolean\n",
-    "description": "Specify content text for the component."
-  },
-  "VTab/max-height": {
-    "type": "string | number\n",
-    "description": "Sets the maximum height for the component."
-  },
-  "VTab/max-width": {
-    "type": "string | number\n",
-    "description": "Sets the maximum width for the component."
+  "VTab/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."
   },
-  "VTab/min-height": {
-    "type": "string | number\n",
-    "description": "Sets the minimum height for the component."
+  "VTab/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."
   },
-  "VTab/min-width": {
-    "type": "string | number\n",
-    "description": "Sets the minimum width for the component."
+  "VTab/direction": {
+    "type": "'horizontal' | 'vertical'\n",
+    "description": "Changes the direction of the tabs. Can be either `horizontal` or `vertical`."
   },
-  "VTab/selected-class": {
-    "type": "string\n",
-    "description": "Configure the active CSS class applied when an item is selected."
+  "VTab/readonly": {
+    "type": "boolean\n",
+    "description": "Puts the button in a readonly state. Cannot be clicked or navigated to by keyboard."
   },
   "VTab/loading": {
     "type": "string | boolean\n",
@@ -12011,25 +12015,21 @@
     "type": "string\n",
     "description": "Designates the component as anchor and applies the **href** attribute."
   },
-  "VTab/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."
-  },
   "VTab/to": {
     "type": "string | RouteLocationAsRelativeGeneric | RouteLocationAsPathGeneric\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."
   },
-  "VTab/variant": {
-    "type": "'flat' | 'text' | 'elevated' | 'tonal' | 'outlined' | 'plain'\n",
-    "description": "Applies a distinct style to the component."
+  "VTab/selected-class": {
+    "type": "string\n",
+    "description": "Configure the active CSS class applied when an item is selected."
   },
-  "VTab/icon": {
-    "type": "  | boolean\n  | string\n  | (new () => any)\n  | FunctionalComponent\n  | (string | [string, number])[]\n",
-    "description": "Apply a specific icon using the [v-icon](/components/icons/) component. The button will become _round_."
+  "VTab/ripple": {
+    "type": "boolean | { class: string }\n",
+    "description": "Applies the [v-ripple](/directives/ripple) directive."
   },
-  "VTab/direction": {
-    "type": "'horizontal' | 'vertical'\n",
-    "description": "Changes the direction of the tabs. Can be either `horizontal` or `vertical`."
+  "VTab/stacked": {
+    "type": "boolean\n",
+    "description": "Displays the tab as a flex-column."
   },
   "VTab/slider-color": {
     "type": "string\n",
@@ -12039,22 +12039,22 @@
     "type": "boolean\n",
     "description": "Hides the active tab slider component (no exit or enter animation)."
   },
-  "VTable/density": {
-    "type": "'default' | 'comfortable' | 'compact'\n",
-    "description": "Adjusts the vertical height used by the component."
+  "VTable/tag": {
+    "type": "string | (new () => any) | FunctionalComponent\n",
+    "description": "Specify a custom tag used on the root element."
   },
   "VTable/height": {
     "type": "string | number\n",
     "description": "Use the height prop to set the height of the table."
   },
-  "VTable/tag": {
-    "type": "string | (new () => any) | FunctionalComponent\n",
-    "description": "Specify a custom tag used on the root element."
-  },
   "VTable/theme": {
     "type": "string\n",
     "description": "Specify a theme for this component and all of its children."
   },
+  "VTable/density": {
+    "type": "'default' | 'comfortable' | 'compact'\n",
+    "description": "Adjusts the vertical height used by the component."
+  },
   "VTable/hover": {
     "type": "boolean\n",
     "description": "Will add a hover effect to a table's row when the mouse is over it."
@@ -12071,30 +12071,18 @@
     "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/)."
   },
-  "VTabs/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."
-  },
-  "VTabs/density": {
-    "type": "'default' | 'comfortable' | 'compact'\n",
-    "description": "Adjusts the vertical height used by the component."
-  },
-  "VTabs/height": {
-    "type": "string | number\n",
-    "description": "Sets the height of the tabs bar."
-  },
   "VTabs/tag": {
     "type": "string | (new () => any) | FunctionalComponent\n",
     "description": "Specify a custom tag used on the root element."
   },
-  "VTabs/color": {
-    "type": "string\n",
-    "description": "Applies specified color to the selected tab - 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)."
-  },
   "VTabs/disabled": {
     "type": "boolean\n",
     "description": "Puts all children components into a disabled state."
   },
+  "VTabs/height": {
+    "type": "string | number\n",
+    "description": "Sets the height of the tabs bar."
+  },
   "VTabs/max": {
     "type": "number\n",
     "description": "Sets a maximum number of selections that can be made."
@@ -12103,66 +12091,78 @@
     "type": "boolean\n",
     "description": "Allows one to select multiple items."
   },
-  "VTabs/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)."
-  },
-  "VTabs/mandatory": {
-    "type": "boolean | 'force'\n",
-    "description": "Forces at least one item to always be selected (if available)."
-  },
   "VTabs/items": {
     "type": "unknown[]\n",
     "description": "The items to display in the component. This can be an array of strings or objects with a property `text`."
   },
-  "VTabs/direction": {
-    "type": "'horizontal' | 'vertical'\n",
-    "description": "Changes the direction of the tabs. Can be either `horizontal` or `vertical`."
+  "VTabs/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."
   },
-  "VTabs/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"
+  "VTabs/color": {
+    "type": "string\n",
+    "description": "Applies specified color to the selected tab - 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)."
   },
-  "VTabs/next-icon": {
-    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
-    "description": "Right pagination icon."
+  "VTabs/density": {
+    "type": "'default' | 'comfortable' | 'compact'\n",
+    "description": "Adjusts the vertical height used by the component."
   },
-  "VTabs/prev-icon": {
-    "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
-    "description": "Left pagination icon."
+  "VTabs/stacked": {
+    "type": "boolean\n",
+    "description": "Apply the stacked prop to all children v-tab components."
   },
   "VTabs/selected-class": {
     "type": "string\n",
     "description": "Configure the active CSS class applied when an item is selected."
   },
-  "VTabs/stacked": {
+  "VTabs/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)."
+  },
+  "VTabs/mobile": {
     "type": "boolean\n",
-    "description": "Apply the stacked prop to all children v-tab components."
+    "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"
   },
-  "VTabs/center-active": {
+  "VTabs/mobile-breakpoint": {
+    "type": "number | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'\n",
+    "description": "Sets the designated mobile breakpoint for the component."
+  },
+  "VTabs/grow": {
     "type": "boolean\n",
-    "description": "Forces the selected tab to be centered."
+    "description": "Force `v-tab`'s to take up all available space."
+  },
+  "VTabs/mandatory": {
+    "type": "boolean | 'force'\n",
+    "description": "Forces at least one item to always be selected (if available)."
+  },
+  "VTabs/next-icon": {
+    "type": "  | string\n  | (new () => any)\n  | FunctionalComponent\n  | (string | [string, number])[]\n",
+    "description": "Right pagination icon."
+  },
+  "VTabs/prev-icon": {
+    "type": "  | string\n  | (new () => any)\n  | FunctionalComponent\n  | (string | [string, number])[]\n",
+    "description": "Left pagination icon."
   },
   "VTabs/show-arrows": {
     "type": "string | boolean\n",
     "description": "Show pagination arrows if the tab items overflow their container. For mobile devices, arrows will only display when using this prop."
   },
-  "VTabs/mobile-breakpoint": {
-    "type": "number | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'\n",
-    "description": "Sets the designated mobile breakpoint for the component."
+  "VTabs/direction": {
+    "type": "'horizontal' | 'vertical'\n",
+    "description": "Changes the direction of the tabs. Can be either `horizontal` or `vertical`."
+  },
+  "VTabs/center-active": {
+    "type": "boolean\n",
+    "description": "Forces the selected tab to be centered."
   },
   "VTabs/align-tabs": {
-    "type": "'title' | 'end' | 'start' | 'center'\n",
+    "type": "'title' | 'start' | 'end' | 'center'\n",
     "description": "Aligns the tabs to the `start`, `center`, or `end` of container. Also accepts `title` to align with the `v-toolbar-title` component."
   },
   "VTabs/fixed-tabs": {
     "type": "boolean\n",
     "description": "`v-tabs-item` min-width 160px, max-width 360px."
   },
-  "VTabs/grow": {
-    "type": "boolean\n",
-    "description": "Force `v-tab`'s to take up all available space."
-  },
   "VTabs/hide-slider": {
     "type": "boolean\n",
     "description": "Hide's the generated `v-tabs-slider`."
@@ -12171,34 +12171,34 @@
     "type": "string\n",
     "description": "Changes the background color of an auto-generated `v-tabs-slider`."
   },
-  "VTabsWindow/tag": {
-    "type": "string | (new () => any) | FunctionalComponent\n",
-    "description": "Specify a custom tag used on the root element."
+  "VTabsWindow/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."
   },
   "VTabsWindow/reverse": {
     "type": "boolean\n",
     "description": "Reverse the normal transition direction."
   },
-  "VTabsWindow/disabled": {
-    "type": "boolean\n",
-    "description": "Removes the ability to click or target the component."
+  "VTabsWindow/tag": {
+    "type": "string | (new () => any) | FunctionalComponent\n",
+    "description": "Specify a custom tag used on the root element."
   },
   "VTabsWindow/theme": {
     "type": "string\n",
     "description": "Specify a theme for this component and all of its children."
   },
-  "VTabsWindow/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."
-  },
-  "VTabsWindow/selected-class": {
-    "type": "string\n",
-    "description": "Configure the active CSS class applied when an item is selected."
+  "VTabsWindow/disabled": {
+    "type": "boolean\n",
+    "description": "Removes the ability to click or target the component."
   },
   "VTabsWindow/direction": {
     "type": "'horizontal' | 'vertical'\n",
     "description": "The transition direction when changing windows."
   },
+  "VTabsWindow/selected-class": {
+    "type": "string\n",
+    "description": "Configure the active CSS class applied when an item is selected."
+  },
   "VTabsWindowItem/disabled": {
     "type": "boolean\n",
     "description": "Prevents the item from becoming active when using the \"next\" and \"prev\" buttons or the `toggle` method."
@@ -12883,6 +12883,10 @@
     "type": "(value: number) => boolean\n",
     "description": "Restricts which hours can be selected."
   },
+  "VTimePickerControls/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)."
+  },
   "VTimePickerControls/disabled": {
     "type": "boolean\n",
     "description": "Removes the ability to click or target the component."
@@ -12891,10 +12895,6 @@
     "type": "number\n",
     "description": "The current value of the timepicker."
   },
-  "VTimePickerControls/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)."
-  },
   "VTimePickerControls/readonly": {
     "type": "boolean\n",
     "description": "Makes the timepicker readonly."
@@ -12903,17 +12903,13 @@
     "type": "'hour' | 'minute' | 'second'\n",
     "description": "The current view mode of the timepicker. Can be either `hour`, `minute`, or `second`."
   },
-  "VTimePickerControls/ampm": {
-    "type": "boolean\n",
-    "description": "Enables AM/PM mode."
-  },
   "VTimePickerControls/ampm-in-title": {
     "type": "boolean\n",
     "description": "Displays AM/PM in the title."
   },
-  "VTimePickerControls/ampm-readonly": {
+  "VTimePickerControls/ampm": {
     "type": "boolean\n",
-    "description": "Makes AM/PM controls readonly."
+    "description": "Enables AM/PM mode."
   },
   "VTimePickerControls/hour": {
     "type": "number\n",
@@ -12931,6 +12927,10 @@
     "type": "boolean\n",
     "description": "Enables the display and selection of seconds in the timepicker."
   },
+  "VTimePickerControls/ampm-readonly": {
+    "type": "boolean\n",
+    "description": "Makes AM/PM controls readonly."
+  },
   "VTimePickerControls/period": {
     "type": "'am' | 'pm'\n",
     "description": "The current period value. either `am` or `pm`."
@@ -13483,14 +13483,14 @@
     "type": "any\n",
     "description": "An array containing the values of currently opened groups. Can be two-way bound with `v-model:opened`."
   },
-  "VTreeview/expand-icon": {
-    "type": "  | string\n  | (new () => any)\n  | FunctionalComponent\n  | (string | [string, number])[]\n",
-    "description": "Icon used to indicate that a node can be expanded."
-  },
   "VTreeview/collapse-icon": {
     "type": "  | string\n  | (new () => any)\n  | FunctionalComponent\n  | (string | [string, number])[]\n",
     "description": "Icon to display when the list item is expanded."
   },
+  "VTreeview/expand-icon": {
+    "type": "  | string\n  | (new () => any)\n  | FunctionalComponent\n  | (string | [string, number])[]\n",
+    "description": "Icon used to indicate that a node can be expanded."
+  },
   "VTreeview/activatable": {
     "type": "boolean\n",
     "description": "Allows user to mark a node as active by clicking on it."