vuetify 3.2.3 → 3.2.4

package/dist/json/attributes.json

@@ -408,7 +408,7 @@
     "description": "Sets the DOM id on the component"
   },
   "v-autocomplete/items": {
-    "type": "unknown[]",
+    "type": "any[]",
     "description": "An array of strings or objects used for automatically generating children components"
   },
   "v-autocomplete/active": {
@@ -2228,7 +2228,7 @@
     "description": "Sets the DOM id on the component"
   },
   "v-combobox/items": {
-    "type": "unknown[]",
+    "type": "any[]",
     "description": "An array of strings or objects used for automatically generating children components"
   },
   "v-combobox/active": {
@@ -3249,7 +3249,7 @@
   },
   "v-dialog/attach": {
     "type": "string | boolean | Element",
-    "description": "Specifies which DOM element that this component should detach to. String can be any valid querySelector and Object can be any valid Node. This attaches to the root `v-app` component by default"
+    "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."
   },
   "v-dialog/fullscreen": {
     "type": "boolean",
@@ -4765,7 +4765,7 @@
   },
   "v-menu/attach": {
     "type": "string | boolean | Element",
-    "description": "Specifies which DOM element that this component should detach to. String can be any valid querySelector and Object can be any valid Node. This attaches to the root `v-app` component by default"
+    "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. Generally not recommended except as a last resort: the default positioning algorithm should handle most scenarios better than is possible without teleporting, and you may have unexpected behavior if the menu ends up as child of its activator."
   },
   "v-messages/color": {
     "type": "string",
@@ -5013,7 +5013,7 @@
   },
   "v-overlay/attach": {
     "type": "string | boolean | Element",
-    "description": "Specifies which DOM element that this component should detach to. String can be any valid querySelector and Object can be any valid Node. This attaches to the root `v-app` component by default"
+    "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."
   },
   "v-pagination/length": {
     "type": "string | number",
@@ -5968,7 +5968,7 @@
     "description": "Sets the DOM id on the component"
   },
   "v-select/items": {
-    "type": "unknown[]",
+    "type": "any[]",
     "description": "Can be an array of objects or array of strings. When using objects, will look for a title, value and disabled keys. This can be changed using the **item-title**, **item-value** and **item-disabled** props.  Objects that have a **header** or **divider** property are considered special cases and generate a list header or divider; these items are not selectable."
   },
   "v-select/active": {
@@ -6384,7 +6384,7 @@
     "description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (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)"
   },
   "v-skeleton-loader/type": {
-    "type": "\"text\" | \"image\" | \"button\" | \"chip\" | \"actions\" | \"avatar\" | \"divider\" | \"subtitle\" | \"article\" | \"table\" | \"heading\" | \"sentences\" | \"paragraph\" | \"card\" | \"card-avatar\" | \"date-picker\" | \"date-picker-options\" | \"date-picker-days\" | \"list-item\" | \"list-item-avatar\" | \"list-item-two-line\" | \"list-item-avatar-two-line\" | \"list-item-three-line\" | \"list-item-avatar-three-line\" | \"table-heading\" | \"table-thead\" | \"table-tbody\" | \"table-row-divider\" | \"table-row\" | \"table-tfoot\" | (\"text\" | \"image\" | \"button\" | \"chip\" | \"actions\" | \"avatar\" | \"divider\" | \"subtitle\" | \"article\" | \"table\" | \"heading\" | \"sentences\" | \"paragraph\" | \"card\" | \"card-avatar\" | \"date-picker\" | \"date-picker-options\" | \"date-picker-days\" | \"list-item\" | \"list-item-avatar\" | \"list-item-two-line\" | \"list-item-avatar-two-line\" | \"list-item-three-line\" | \"list-item-avatar-three-line\" | \"table-heading\" | \"table-thead\" | \"table-tbody\" | \"table-row-divider\" | \"table-row\" | \"table-tfoot\")[]",
+    "type": "string | string[]",
     "description": "A string delimited list of skeleton components to create such as `type=\"text@3\"` or `type=\"card, list-item\"`. Will recursively generate a corresponding skeleton from the provided string. Also supports short-hand for multiple elements such as **article@3** and **paragraph@2** which will generate 3 _article_ skeletons and 2 _paragraph_ skeletons. Please see below for a list of available pre-defined options."
   },
   "v-skeleton-loader/height": {
@@ -6877,7 +6877,7 @@
   },
   "v-snackbar/attach": {
     "type": "string | boolean | Element",
-    "description": "Specifies which DOM element that this component should detach to. String can be any valid querySelector and Object can be any valid Node. This attaches to the root `v-app` component by default"
+    "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."
   },
   "v-snackbar/vertical": {
     "type": "boolean",
@@ -8089,7 +8089,7 @@
   },
   "v-tooltip/attach": {
     "type": "string | boolean | Element",
-    "description": "Specifies which DOM element that this component should detach to. String can be any valid querySelector and Object can be any valid Node. This attaches to the root `v-app` component by default"
+    "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."
   },
   "v-validation/model-value": {
     "type": "any",

package/dist/json/importMap.json

@@ -128,14 +128,14 @@
       "from": "components/VCode/index.mjs",
       "styles": []
     },
-    "VColorPicker": {
-      "from": "components/VColorPicker/index.mjs",
-      "styles": []
-    },
     "VCombobox": {
       "from": "components/VCombobox/index.mjs",
       "styles": []
     },
+    "VColorPicker": {
+      "from": "components/VColorPicker/index.mjs",
+      "styles": []
+    },
     "VCounter": {
       "from": "components/VCounter/index.mjs",
       "styles": []
@@ -352,14 +352,14 @@
       "from": "components/VTable/index.mjs",
       "styles": []
     },
-    "VTextarea": {
-      "from": "components/VTextarea/index.mjs",
-      "styles": []
-    },
     "VTextField": {
       "from": "components/VTextField/index.mjs",
       "styles": []
     },
+    "VTextarea": {
+      "from": "components/VTextarea/index.mjs",
+      "styles": []
+    },
     "VTimeline": {
       "from": "components/VTimeline/index.mjs",
       "styles": []
@@ -396,10 +396,6 @@
       "from": "components/VDefaultsProvider/index.mjs",
       "styles": []
     },
-    "VForm": {
-      "from": "components/VForm/index.mjs",
-      "styles": []
-    },
     "VContainer": {
       "from": "components/VGrid/index.mjs",
       "styles": []
@@ -416,6 +412,10 @@
       "from": "components/VGrid/index.mjs",
       "styles": []
     },
+    "VForm": {
+      "from": "components/VForm/index.mjs",
+      "styles": []
+    },
     "VHover": {
       "from": "components/VHover/index.mjs",
       "styles": []

package/dist/json/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "http://json.schemastore.org/web-types",
   "framework": "vue",
   "name": "vuetify",
-  "version": "3.2.3",
+  "version": "3.2.4",
   "contributions": {
     "html": {
       "types-syntax": "typescript",
@@ -1260,7 +1260,7 @@
               "default": "[]",
               "value": {
                 "kind": "expression",
-                "type": "unknown[]"
+                "type": "any[]"
               }
             },
             {
@@ -7386,7 +7386,7 @@
               "default": "[]",
               "value": {
                 "kind": "expression",
-                "type": "unknown[]"
+                "type": "any[]"
               }
             },
             {
@@ -11826,7 +11826,7 @@
             },
             {
               "name": "attach",
-              "description": "Specifies which DOM element that this component should detach to. String can be any valid querySelector and Object can be any valid Node. This attaches to the root `v-app` component by default",
+              "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.",
               "doc-url": "https://vuetifyjs.com/api/v-dialog#props",
               "default": "false",
               "value": {
@@ -14349,7 +14349,7 @@
               "arguments": [
                 {
                   "name": "argument",
-                  "type": "[<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/composables/form.ts#L45-L45\" target=\"_blank\">SubmitEventPromise</a>]"
+                  "type": "[<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/composables/form.ts#L47-L47\" target=\"_blank\">SubmitEventPromise</a>]"
                 }
               ]
             }
@@ -17775,7 +17775,7 @@
             },
             {
               "name": "attach",
-              "description": "Specifies which DOM element that this component should detach to. String can be any valid querySelector and Object can be any valid Node. This attaches to the root `v-app` component by default",
+              "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. Generally not recommended except as a last resort: the default positioning algorithm should handle most scenarios better than is possible without teleporting, and you may have unexpected behavior if the menu ends up as child of its activator.",
               "doc-url": "https://vuetifyjs.com/api/v-menu#props",
               "default": "false",
               "value": {
@@ -18568,7 +18568,7 @@
             },
             {
               "name": "attach",
-              "description": "Specifies which DOM element that this component should detach to. String can be any valid querySelector and Object can be any valid Node. This attaches to the root `v-app` component by default",
+              "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.",
               "doc-url": "https://vuetifyjs.com/api/v-overlay#props",
               "default": "false",
               "value": {
@@ -22107,7 +22107,7 @@
               "default": "[]",
               "value": {
                 "kind": "expression",
-                "type": "unknown[]"
+                "type": "any[]"
               }
             },
             {
@@ -23624,7 +23624,7 @@
               "default": "'image'",
               "value": {
                 "kind": "expression",
-                "type": "\"text\" | \"image\" | \"button\" | \"chip\" | \"actions\" | \"avatar\" | \"divider\" | \"subtitle\" | \"article\" | \"table\" | \"heading\" | \"sentences\" | \"paragraph\" | \"card\" | \"card-avatar\" | \"date-picker\" | \"date-picker-options\" | \"date-picker-days\" | \"list-item\" | \"list-item-avatar\" | \"list-item-two-line\" | \"list-item-avatar-two-line\" | \"list-item-three-line\" | \"list-item-avatar-three-line\" | \"table-heading\" | \"table-thead\" | \"table-tbody\" | \"table-row-divider\" | \"table-row\" | \"table-tfoot\" | (\"text\" | \"image\" | \"button\" | \"chip\" | \"actions\" | \"avatar\" | \"divider\" | \"subtitle\" | \"article\" | \"table\" | \"heading\" | \"sentences\" | \"paragraph\" | \"card\" | \"card-avatar\" | \"date-picker\" | \"date-picker-options\" | \"date-picker-days\" | \"list-item\" | \"list-item-avatar\" | \"list-item-two-line\" | \"list-item-avatar-two-line\" | \"list-item-three-line\" | \"list-item-avatar-three-line\" | \"table-heading\" | \"table-thead\" | \"table-tbody\" | \"table-row-divider\" | \"table-row\" | \"table-tfoot\")[]"
+                "type": "string | string[]"
               }
             },
             {
@@ -25407,7 +25407,7 @@
             },
             {
               "name": "attach",
-              "description": "Specifies which DOM element that this component should detach to. String can be any valid querySelector and Object can be any valid Node. This attaches to the root `v-app` component by default",
+              "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.",
               "doc-url": "https://vuetifyjs.com/api/v-snackbar#props",
               "default": "false",
               "value": {
@@ -29685,7 +29685,7 @@
             },
             {
               "name": "attach",
-              "description": "Specifies which DOM element that this component should detach to. String can be any valid querySelector and Object can be any valid Node. This attaches to the root `v-app` component by default",
+              "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.",
               "doc-url": "https://vuetifyjs.com/api/v-tooltip#props",
               "default": "false",
               "value": {

package/dist/vuetify-labs.css

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.2.3
+* Vuetify v3.2.4
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -16378,18 +16378,6 @@ html.overflow-y-hidden {
   min-height: 100vh;
   min-height: 100dvh;
   position: relative;
-}.v-app-bar {
-  display: flex;
-}
-.v-app-bar.v-toolbar {
-  background: rgb(var(--v-theme-surface));
-  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
-}
-.v-app-bar.v-toolbar:not(.v-toolbar--flat) {
-  box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
-}
-.v-app-bar:not(.v-toolbar--absolute) {
-  padding-inline-end: var(--v-scrollbar-offset);
 }.v-alert {
   display: grid;
   flex: 1 1;
@@ -16600,6 +16588,18 @@ html.overflow-y-hidden {
   text-transform: none;
   word-break: normal;
   word-wrap: break-word;
+}.v-app-bar {
+  display: flex;
+}
+.v-app-bar.v-toolbar {
+  background: rgb(var(--v-theme-surface));
+  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
+}
+.v-app-bar.v-toolbar:not(.v-toolbar--flat) {
+  box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
+}
+.v-app-bar:not(.v-toolbar--absolute) {
+  padding-inline-end: var(--v-scrollbar-offset);
 }.v-input--density-default {
   --autocomplete-chips-margin-bottom: 0px;
 }
@@ -17935,7 +17935,6 @@ html.overflow-y-hidden {
   align-items: center;
   cursor: default;
   display: inline-flex;
-  flex: 1 0;
   font-weight: 400;
   max-width: 100%;
   min-width: 0;
@@ -22967,6 +22966,27 @@ html.v-overlay-scroll-blocked {
 }
 .v-toolbar-items > .v-btn {
   border-radius: 0;
+}.v-tooltip > .v-overlay__content {
+  background: rgba(var(--v-theme-surface-variant), 0.7);
+  color: rgb(var(--v-theme-on-surface-variant));
+  border-radius: 4px;
+  font-size: 0.875rem;
+  line-height: 1.6;
+  display: inline-block;
+  padding: 5px 16px;
+  text-transform: initial;
+  width: auto;
+  opacity: 1;
+  pointer-events: none;
+  transition-property: opacity, transform;
+}
+.v-tooltip > .v-overlay__content[class*=enter-active] {
+  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
+.v-tooltip > .v-overlay__content[class*=leave-active] {
+  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
+  transition-duration: 75ms;
 }.v-virtual-scroll {
   display: block;
   flex: 1 1 auto;
@@ -23045,27 +23065,6 @@ html.v-overlay-scroll-blocked {
 }
 .v-window-y-reverse-transition-leave-to {
   transform: translateY(100%);
-}.v-tooltip > .v-overlay__content {
-  background: rgba(var(--v-theme-surface-variant), 0.7);
-  color: rgb(var(--v-theme-on-surface-variant));
-  border-radius: 4px;
-  font-size: 0.875rem;
-  line-height: 1.6;
-  display: inline-block;
-  padding: 5px 16px;
-  text-transform: initial;
-  width: auto;
-  opacity: 1;
-  pointer-events: none;
-  transition-property: opacity, transform;
-}
-.v-tooltip > .v-overlay__content[class*=enter-active] {
-  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
-  transition-duration: 150ms;
-}
-.v-tooltip > .v-overlay__content[class*=leave-active] {
-  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
-  transition-duration: 75ms;
 }.v-color-picker-canvas {
   display: flex;
   position: relative;