@vuetify/nightly 3.3.6-master.2023-07-01 → 3.3.7-master.2023-07-06

package/CHANGELOG.md

@@ -1,21 +1,8 @@
-# [](https://github.com/vuetifyjs/vuetify/compare/v3.3.6-master.2023-07-01...v) (2023-07-01)
+# [](https://github.com/vuetifyjs/vuetify/compare/v3.3.7-master.2023-07-06...v) (2023-07-06)
 
 
 
-## [3.3.6-master.2023-07-01](https://github.com/vuetifyjs/vuetify/compare/v3.3.6...v3.3.6-master.2023-07-01) (2023-07-01)
-
-
-### Bug Fixes
-
-* **VOverlay:** content shift when scroll blocked ([439eedd](https://github.com/vuetifyjs/vuetify/commit/439eeddf43caac4c191356d03125bbf733d39c85))
-* **VSelectionControl:** disable in disabled forms ([4b69e97](https://github.com/vuetifyjs/vuetify/commit/4b69e97f92a63775e790e3c3edfe1a5755f4814a)), closes [#17671](https://github.com/vuetifyjs/vuetify/issues/17671)
-* **VSelectionControl:** disable input when readonly ([b32d03c](https://github.com/vuetifyjs/vuetify/commit/b32d03c3a774087cceed17df9b1b138e3fce5ca3)), closes [#17648](https://github.com/vuetifyjs/vuetify/issues/17648)
-* **VTextField:** inherit outlined border radius ([#17581](https://github.com/vuetifyjs/vuetify/issues/17581)) ([f0e5fa4](https://github.com/vuetifyjs/vuetify/commit/f0e5fa494c2243a3815470d215105216e5cb09c0)), closes [#17380](https://github.com/vuetifyjs/vuetify/issues/17380)
-
-
-### Reverts
-
-* Revert "feat(VImg): use intrinsic size (#17090)" ([1e6d204](https://github.com/vuetifyjs/vuetify/commit/1e6d204899959d520e6d3951e9a9045e33464da8)), closes [#17090](https://github.com/vuetifyjs/vuetify/issues/17090) [#17413](https://github.com/vuetifyjs/vuetify/issues/17413) [#17578](https://github.com/vuetifyjs/vuetify/issues/17578)
+## [3.3.7-master.2023-07-06](https://github.com/vuetifyjs/vuetify/compare/v3.3.7...v3.3.7-master.2023-07-06) (2023-07-06)
 
 
 

package/dist/json/attributes.json

@@ -445,7 +445,7 @@
   },
   "v-autocomplete/filter-mode": {
     "type": "'every' | 'some' | 'union' | 'intersection'\n",
-    "description": "Apply a specific filter when matching items. **some** is the default, which will return true if any key matches the search term. **every** will return true only if every key matches the search term. The **union** mode will return true if every key matches the search term. The **intersection** mode will return true if any key matches the search term."
+    "description": "Controls how the results of `customFilter` and `customKeyFilter` are combined. All modes only apply `customFilter` to columns not specified in `customKeyFilter`.\n\n- **some**: There is at least one match from either the custom filter or the custom key filter.\n- **every**: All columns match either the custom filter or the custom key filter.\n- **union**: There is at least one match from the custom filter, or all columns match the custom key filters.\n- **intersection**: There is at least one match from the custom filter, and all columns match the custom key filters."
   },
   "v-autocomplete/no-filter": {
     "type": "boolean\n",
@@ -457,7 +457,7 @@
   },
   "v-autocomplete/custom-key-filter": {
     "type": "{ [string]: <a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/composables/filter.ts#L19-L19\" target=\"_blank\">FilterFunction</a> }\n",
-    "description": "Function used on specific keys within the item object."
+    "description": "Function used on specific keys within the item object. `customFilter` is skipped for columns with `customKeyFilter` specified."
   },
   "v-autocomplete/filter-keys": {
     "type": "string | string[]\n",
@@ -2453,7 +2453,7 @@
   },
   "v-combobox/filter-mode": {
     "type": "'every' | 'some' | 'union' | 'intersection'\n",
-    "description": "Apply a specific filter when matching items. **some** is the default, which will return true if any key matches the search term. **every** will return true only if every key matches the search term. The **union** mode will return true if every key matches the search term. The **intersection** mode will return true if any key matches the search term."
+    "description": "Controls how the results of `customFilter` and `customKeyFilter` are combined. All modes only apply `customFilter` to columns not specified in `customKeyFilter`.\n\n- **some**: There is at least one match from either the custom filter or the custom key filter.\n- **every**: All columns match either the custom filter or the custom key filter.\n- **union**: There is at least one match from the custom filter, or all columns match the custom key filters.\n- **intersection**: There is at least one match from the custom filter, and all columns match the custom key filters."
   },
   "v-combobox/no-filter": {
     "type": "boolean\n",
@@ -2465,7 +2465,7 @@
   },
   "v-combobox/custom-key-filter": {
     "type": "{ [string]: <a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/composables/filter.ts#L19-L19\" target=\"_blank\">FilterFunction</a> }\n",
-    "description": "Function used on specific keys within the item object."
+    "description": "Function used on specific keys within the item object. `customFilter` is skipped for columns with `customKeyFilter` specified."
   },
   "v-combobox/filter-keys": {
     "type": "string | string[]\n",
@@ -2713,7 +2713,7 @@
   },
   "v-data-iterator/filter-mode": {
     "type": "'every' | 'some' | 'union' | 'intersection'\n",
-    "description": "Apply a specific filter when matching items. **some** is the default, which will return true if any key matches the search term. **every** will return true only if every key matches the search term. The **union** mode will return true if every key matches the search term. The **intersection** mode will return true if any key matches the search term."
+    "description": "Controls how the results of `customFilter` and `customKeyFilter` are combined. All modes only apply `customFilter` to columns not specified in `customKeyFilter`.\n\n- **some**: There is at least one match from either the custom filter or the custom key filter.\n- **every**: All columns match either the custom filter or the custom key filter.\n- **union**: There is at least one match from the custom filter, or all columns match the custom key filters.\n- **intersection**: There is at least one match from the custom filter, and all columns match the custom key filters."
   },
   "v-data-iterator/no-filter": {
     "type": "boolean\n",
@@ -2725,7 +2725,7 @@
   },
   "v-data-iterator/custom-key-filter": {
     "type": "{ [string]: <a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/composables/filter.ts#L19-L19\" target=\"_blank\">FilterFunction</a> }\n",
-    "description": "Function used on specific keys within the item object."
+    "description": "Function used on specific keys within the item object. `customFilter` is skipped for columns with `customKeyFilter` specified."
   },
   "v-data-iterator/filter-keys": {
     "type": "string | string[]\n",
@@ -2837,7 +2837,7 @@
   },
   "v-data-table/filter-mode": {
     "type": "'every' | 'some' | 'union' | 'intersection'\n",
-    "description": "Apply a specific filter when matching items. **some** is the default, which will return true if any key matches the search term. **every** will return true only if every key matches the search term. The **union** mode will return true if every key matches the search term. The **intersection** mode will return true if any key matches the search term."
+    "description": "Controls how the results of `customFilter` and `customKeyFilter` are combined. All modes only apply `customFilter` to columns not specified in `customKeyFilter`.\n\n- **some**: There is at least one match from either the custom filter or the custom key filter.\n- **every**: All columns match either the custom filter or the custom key filter.\n- **union**: There is at least one match from the custom filter, or all columns match the custom key filters.\n- **intersection**: There is at least one match from the custom filter, and all columns match the custom key filters."
   },
   "v-data-table/no-filter": {
     "type": "boolean\n",
@@ -2849,7 +2849,7 @@
   },
   "v-data-table/custom-key-filter": {
     "type": "{ [string]: <a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/composables/filter.ts#L19-L19\" target=\"_blank\">FilterFunction</a> }\n",
-    "description": "Function used on specific keys within the item object."
+    "description": "Function used on specific keys within the item object. `customFilter` is skipped for columns with `customKeyFilter` specified."
   },
   "v-data-table/filter-keys": {
     "type": "string | string[]\n",
@@ -3277,7 +3277,7 @@
   },
   "v-data-table-virtual/filter-mode": {
     "type": "'every' | 'some' | 'union' | 'intersection'\n",
-    "description": "Apply a specific filter when matching items. **some** is the default, which will return true if any key matches the search term. **every** will return true only if every key matches the search term. The **union** mode will return true if every key matches the search term. The **intersection** mode will return true if any key matches the search term."
+    "description": "Controls how the results of `customFilter` and `customKeyFilter` are combined. All modes only apply `customFilter` to columns not specified in `customKeyFilter`.\n\n- **some**: There is at least one match from either the custom filter or the custom key filter.\n- **every**: All columns match either the custom filter or the custom key filter.\n- **union**: There is at least one match from the custom filter, or all columns match the custom key filters.\n- **intersection**: There is at least one match from the custom filter, and all columns match the custom key filters."
   },
   "v-data-table-virtual/no-filter": {
     "type": "boolean\n",
@@ -3289,7 +3289,7 @@
   },
   "v-data-table-virtual/custom-key-filter": {
     "type": "{ [string]: <a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/composables/filter.ts#L19-L19\" target=\"_blank\">FilterFunction</a> }\n",
-    "description": "Function used on specific keys within the item object."
+    "description": "Function used on specific keys within the item object. `customFilter` is skipped for columns with `customKeyFilter` specified."
   },
   "v-data-table-virtual/filter-keys": {
     "type": "string | string[]\n",
@@ -8983,6 +8983,10 @@
     "type": "string | number\n",
     "description": "Height in pixels of each item to display. When using **dynamic-item-height** this should be an average initial size."
   },
+  "v-virtual-scroll/renderless": {
+    "type": "boolean\n",
+    "description": "MISSING DESCRIPTION"
+  },
   "v-window/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"

package/dist/json/importMap.json

@@ -200,6 +200,22 @@
       "from": "components/VIcon/index.mjs",
       "styles": []
     },
+    "VImg": {
+      "from": "components/VImg/index.mjs",
+      "styles": []
+    },
+    "VInput": {
+      "from": "components/VInput/index.mjs",
+      "styles": []
+    },
+    "VItemGroup": {
+      "from": "components/VItemGroup/index.mjs",
+      "styles": []
+    },
+    "VItem": {
+      "from": "components/VItemGroup/index.mjs",
+      "styles": []
+    },
     "VKbd": {
       "from": "components/VKbd/index.mjs",
       "styles": []
@@ -515,22 +531,6 @@
     "VDialogTransition": {
       "from": "components/transitions/index.mjs",
       "styles": []
-    },
-    "VInput": {
-      "from": "components/VInput/index.mjs",
-      "styles": []
-    },
-    "VItemGroup": {
-      "from": "components/VItemGroup/index.mjs",
-      "styles": []
-    },
-    "VItem": {
-      "from": "components/VItemGroup/index.mjs",
-      "styles": []
-    },
-    "VImg": {
-      "from": "components/VImg/index.mjs",
-      "styles": []
     }
   },
   "directives": [

package/dist/json/tags.json

@@ -2983,6 +2983,7 @@
       "max-width",
       "min-height",
       "min-width",
+      "renderless",
       "width"
     ],
     "description": ""

package/dist/json/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "http://json.schemastore.org/web-types",
   "framework": "vue",
   "name": "vuetify",
-  "version": "3.3.6-master.2023-07-01",
+  "version": "3.3.7-master.2023-07-06",
   "contributions": {
     "html": {
       "types-syntax": "typescript",
@@ -1326,7 +1326,7 @@
             },
             {
               "name": "filterMode",
-              "description": "Apply a specific filter when matching items. **some** is the default, which will return true if any key matches the search term. **every** will return true only if every key matches the search term. The **union** mode will return true if every key matches the search term. The **intersection** mode will return true if any key matches the search term.",
+              "description": "Controls how the results of `customFilter` and `customKeyFilter` are combined. All modes only apply `customFilter` to columns not specified in `customKeyFilter`.\n\n- **some**: There is at least one match from either the custom filter or the custom key filter.\n- **every**: All columns match either the custom filter or the custom key filter.\n- **union**: There is at least one match from the custom filter, or all columns match the custom key filters.\n- **intersection**: There is at least one match from the custom filter, and all columns match the custom key filters.",
               "doc-url": "https://vuetifyjs.com/api/v-autocomplete#props",
               "default": "'intersection'",
               "value": {
@@ -1355,7 +1355,7 @@
             },
             {
               "name": "customKeyFilter",
-              "description": "Function used on specific keys within the item object.",
+              "description": "Function used on specific keys within the item object. `customFilter` is skipped for columns with `customKeyFilter` specified.",
               "doc-url": "https://vuetifyjs.com/api/v-autocomplete#props",
               "value": {
                 "kind": "expression",
@@ -8010,7 +8010,7 @@
             },
             {
               "name": "filterMode",
-              "description": "Apply a specific filter when matching items. **some** is the default, which will return true if any key matches the search term. **every** will return true only if every key matches the search term. The **union** mode will return true if every key matches the search term. The **intersection** mode will return true if any key matches the search term.",
+              "description": "Controls how the results of `customFilter` and `customKeyFilter` are combined. All modes only apply `customFilter` to columns not specified in `customKeyFilter`.\n\n- **some**: There is at least one match from either the custom filter or the custom key filter.\n- **every**: All columns match either the custom filter or the custom key filter.\n- **union**: There is at least one match from the custom filter, or all columns match the custom key filters.\n- **intersection**: There is at least one match from the custom filter, and all columns match the custom key filters.",
               "doc-url": "https://vuetifyjs.com/api/v-combobox#props",
               "default": "'intersection'",
               "value": {
@@ -8039,7 +8039,7 @@
             },
             {
               "name": "customKeyFilter",
-              "description": "Function used on specific keys within the item object.",
+              "description": "Function used on specific keys within the item object. `customFilter` is skipped for columns with `customKeyFilter` specified.",
               "doc-url": "https://vuetifyjs.com/api/v-combobox#props",
               "value": {
                 "kind": "expression",
@@ -9153,7 +9153,7 @@
             },
             {
               "name": "filterMode",
-              "description": "Apply a specific filter when matching items. **some** is the default, which will return true if any key matches the search term. **every** will return true only if every key matches the search term. The **union** mode will return true if every key matches the search term. The **intersection** mode will return true if any key matches the search term.",
+              "description": "Controls how the results of `customFilter` and `customKeyFilter` are combined. All modes only apply `customFilter` to columns not specified in `customKeyFilter`.\n\n- **some**: There is at least one match from either the custom filter or the custom key filter.\n- **every**: All columns match either the custom filter or the custom key filter.\n- **union**: There is at least one match from the custom filter, or all columns match the custom key filters.\n- **intersection**: There is at least one match from the custom filter, and all columns match the custom key filters.",
               "doc-url": "https://vuetifyjs.com/api/v-data-iterator#props",
               "default": "'intersection'",
               "value": {
@@ -9182,7 +9182,7 @@
             },
             {
               "name": "customKeyFilter",
-              "description": "Function used on specific keys within the item object.",
+              "description": "Function used on specific keys within the item object. `customFilter` is skipped for columns with `customKeyFilter` specified.",
               "doc-url": "https://vuetifyjs.com/api/v-data-iterator#props",
               "value": {
                 "kind": "expression",
@@ -9804,7 +9804,7 @@
             },
             {
               "name": "filterMode",
-              "description": "Apply a specific filter when matching items. **some** is the default, which will return true if any key matches the search term. **every** will return true only if every key matches the search term. The **union** mode will return true if every key matches the search term. The **intersection** mode will return true if any key matches the search term.",
+              "description": "Controls how the results of `customFilter` and `customKeyFilter` are combined. All modes only apply `customFilter` to columns not specified in `customKeyFilter`.\n\n- **some**: There is at least one match from either the custom filter or the custom key filter.\n- **every**: All columns match either the custom filter or the custom key filter.\n- **union**: There is at least one match from the custom filter, or all columns match the custom key filters.\n- **intersection**: There is at least one match from the custom filter, and all columns match the custom key filters.",
               "doc-url": "https://vuetifyjs.com/api/v-data-table#props",
               "default": "'intersection'",
               "value": {
@@ -9833,7 +9833,7 @@
             },
             {
               "name": "customKeyFilter",
-              "description": "Function used on specific keys within the item object.",
+              "description": "Function used on specific keys within the item object. `customFilter` is skipped for columns with `customKeyFilter` specified.",
               "doc-url": "https://vuetifyjs.com/api/v-data-table#props",
               "value": {
                 "kind": "expression",
@@ -13622,7 +13622,7 @@
             },
             {
               "name": "filterMode",
-              "description": "Apply a specific filter when matching items. **some** is the default, which will return true if any key matches the search term. **every** will return true only if every key matches the search term. The **union** mode will return true if every key matches the search term. The **intersection** mode will return true if any key matches the search term.",
+              "description": "Controls how the results of `customFilter` and `customKeyFilter` are combined. All modes only apply `customFilter` to columns not specified in `customKeyFilter`.\n\n- **some**: There is at least one match from either the custom filter or the custom key filter.\n- **every**: All columns match either the custom filter or the custom key filter.\n- **union**: There is at least one match from the custom filter, or all columns match the custom key filters.\n- **intersection**: There is at least one match from the custom filter, and all columns match the custom key filters.",
               "doc-url": "https://vuetifyjs.com/api/v-data-table-virtual#props",
               "default": "'intersection'",
               "value": {
@@ -13651,7 +13651,7 @@
             },
             {
               "name": "customKeyFilter",
-              "description": "Function used on specific keys within the item object.",
+              "description": "Function used on specific keys within the item object. `customFilter` is skipped for columns with `customKeyFilter` specified.",
               "doc-url": "https://vuetifyjs.com/api/v-data-table-virtual#props",
               "value": {
                 "kind": "expression",
@@ -13899,6 +13899,7 @@
               "name": "itemHeight",
               "description": "MISSING DESCRIPTION",
               "doc-url": "https://vuetifyjs.com/api/v-data-table-virtual#props",
+              "default": "48",
               "value": {
                 "kind": "expression",
                 "type": "string | number\n"
@@ -15477,7 +15478,7 @@
               "name": "displayDate",
               "description": "MISSING DESCRIPTION",
               "doc-url": "https://vuetifyjs.com/api/v-date-picker-controls#props",
-              "default": "new Date('2023-07-01T12:05:39.651Z')",
+              "default": "new Date('2023-07-06T12:05:06.579Z')",
               "value": {
                 "kind": "expression",
                 "type": "any\n"
@@ -15674,7 +15675,7 @@
               "name": "displayDate",
               "description": "MISSING DESCRIPTION",
               "doc-url": "https://vuetifyjs.com/api/v-date-picker-month#props",
-              "default": "new Date('2023-07-01T12:05:39.651Z')",
+              "default": "new Date('2023-07-06T12:05:06.579Z')",
               "value": {
                 "kind": "expression",
                 "type": "any\n"
@@ -35178,10 +35179,21 @@
               "name": "itemHeight",
               "description": "Height in pixels of each item to display. When using **dynamic-item-height** this should be an average initial size.",
               "doc-url": "https://vuetifyjs.com/api/v-virtual-scroll#props",
+              "default": "48",
               "value": {
                 "kind": "expression",
                 "type": "string | number\n"
               }
+            },
+            {
+              "name": "renderless",
+              "description": "MISSING DESCRIPTION",
+              "doc-url": "https://vuetifyjs.com/api/v-virtual-scroll#props",
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean\n"
+              }
             }
           ],
           "events": [],
@@ -35189,17 +35201,7 @@
             {
               "name": "default",
               "description": "Default slot to render a single item",
-              "doc-url": "https://vuetifyjs.com/api/v-virtual-scroll#slots",
-              "vue-properties": [
-                {
-                  "name": "item",
-                  "type": "unknown"
-                },
-                {
-                  "name": "index",
-                  "type": "number"
-                }
-              ]
+              "doc-url": "https://vuetifyjs.com/api/v-virtual-scroll#slots"
             }
           ],
           "vue-model": {

package/dist/vuetify-labs.css

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.3.6-master.2023-07-01
+* Vuetify v3.3.7-master.2023-07-06
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -18669,11 +18669,90 @@ html.overflow-y-hidden {
 }
 .v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
   box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
-}.v-counter {
-  color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
-  flex: 0 1 auto;
-  font-size: 12px;
-  transition-duration: 150ms;
+}.v-combobox .v-field .v-text-field__prefix,
+.v-combobox .v-field .v-text-field__suffix,
+.v-combobox .v-field .v-field__input, .v-combobox .v-field.v-field {
+  cursor: text;
+}
+.v-combobox .v-field .v-field__input > input {
+  align-self: flex-start;
+  flex: 1 1;
+}
+.v-combobox .v-field input {
+  min-width: 64px;
+}
+.v-combobox .v-field:not(.v-field--focused) input {
+  min-width: 0;
+}
+.v-combobox .v-field--dirty .v-combobox__selection {
+  margin-inline-end: 2px;
+}
+.v-combobox .v-combobox__selection-text {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.v-combobox__content {
+  overflow: hidden;
+  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));
+  border-radius: 4px;
+}
+.v-combobox__mask {
+  background: rgb(var(--v-theme-on-surface-variant));
+}
+.v-combobox__selection {
+  display: inline-flex;
+  align-items: center;
+  letter-spacing: inherit;
+  line-height: inherit;
+  max-width: 90%;
+}
+.v-combobox__selection {
+  margin-top: var(--v-input-chips-margin-top);
+  margin-bottom: var(--v-input-chips-margin-bottom);
+}
+.v-combobox__selection:first-child {
+  margin-inline-start: 0;
+}
+.v-combobox--selecting-index .v-combobox__selection {
+  opacity: var(--v-medium-emphasis-opacity);
+}
+.v-combobox--selecting-index .v-combobox__selection--selected {
+  opacity: 1;
+}
+.v-combobox--selecting-index .v-field__input > input {
+  caret-color: transparent;
+}
+.v-combobox--single.v-text-field input {
+  flex: 1 1;
+  position: absolute;
+  left: 0;
+  right: 0;
+  width: 100%;
+  padding-inline-start: inherit;
+  padding-inline-end: inherit;
+}
+.v-combobox--single .v-field--variant-outlined input {
+  top: calc(50% - var(--v-input-chips-margin-top));
+  transform: translateY(-50%);
+}
+.v-combobox--single .v-field--active input {
+  transition: none;
+}
+.v-combobox--single .v-field--dirty:not(.v-field--focused) input {
+  opacity: 0;
+}
+.v-combobox--single .v-field--focused .v-combobox__selection {
+  opacity: 0;
+}
+.v-combobox__menu-icon {
+  margin-inline-start: 4px;
+  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
+}
+.v-combobox--active-menu .v-combobox__menu-icon {
+  opacity: var(--v-high-emphasis-opacity);
+  transform: rotate(180deg);
 }.v-container {
   width: 100%;
   padding: 16px;
@@ -19555,6 +19634,11 @@ html.overflow-y-hidden {
   .offset-xxl-11.v-locale--is-rtl, .v-locale--is-rtl .offset-xxl-11 {
     margin-right: 91.6666666667%;
   }
+}.v-counter {
+  color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
+  flex: 0 1 auto;
+  font-size: 12px;
+  transition-duration: 150ms;
 }.v-dialog {
   align-items: center;
   justify-content: center;
@@ -20047,14 +20131,13 @@ html.overflow-y-hidden {
   flex-wrap: wrap;
   letter-spacing: 0.009375em;
   opacity: var(--v-high-emphasis-opacity);
-  min-height: calc(var(--v-field-input-min-height) + var(--v-input-chips-margin-bottom) + 2px);
+  min-height: calc(max(var(--v-input-control-height, 56px), 1.5rem + var(--v-field-input-padding-top) + var(--v-field-input-padding-bottom)) + var(--v-input-chips-margin-bottom) + 2px);
   padding-inline-start: var(--v-field-padding-start);
   padding-inline-end: var(--v-field-padding-end);
   padding-top: var(--v-field-input-padding-top);
   padding-bottom: var(--v-field-input-padding-bottom);
   position: relative;
   width: 100%;
-  --v-field-input-min-height: max(var(--v-input-control-height, 56px), 1.5rem + var(--v-field-input-padding-top) + var(--v-field-input-padding-bottom));
 }
 .v-field__input input {
   letter-spacing: inherit;
@@ -20495,6 +20578,7 @@ textarea.v-field__input::placeholder {
   line-height: 1;
   position: relative;
   text-indent: 0;
+  text-align: center;
   -webkit-user-select: none;
           user-select: none;
   vertical-align: middle;
@@ -22704,9 +22788,14 @@ html.v-overlay-scroll-blocked {
   opacity: 0;
   transition: inherit;
   white-space: nowrap;
+  min-height: calc(max(var(--v-input-control-height, 56px), 1.5rem + var(--v-field-input-padding-top) + var(--v-field-input-padding-bottom)) + var(--v-input-chips-margin-bottom) + 2px);
   padding-top: calc(var(--v-field-padding-top, 4px) + var(--v-input-padding-top, 0));
   padding-bottom: var(--v-field-padding-bottom, 6px);
 }
+.v-text-field__prefix__text, .v-text-field__suffix__text {
+  margin-top: var(--v-input-chips-margin-top);
+  margin-bottom: var(--v-input-chips-margin-bottom);
+}
 .v-field--active .v-text-field__prefix, .v-field--active .v-text-field__suffix {
   opacity: 1;
 }
@@ -23415,90 +23504,6 @@ html.v-overlay-scroll-blocked {
 }
 .v-window-y-reverse-transition-leave-to {
   transform: translateY(100%);
-}.v-combobox .v-field .v-text-field__prefix,
-.v-combobox .v-field .v-text-field__suffix,
-.v-combobox .v-field .v-field__input, .v-combobox .v-field.v-field {
-  cursor: text;
-}
-.v-combobox .v-field .v-field__input > input {
-  align-self: flex-start;
-  flex: 1 1;
-}
-.v-combobox .v-field input {
-  min-width: 64px;
-}
-.v-combobox .v-field:not(.v-field--focused) input {
-  min-width: 0;
-}
-.v-combobox .v-field--dirty .v-combobox__selection {
-  margin-inline-end: 2px;
-}
-.v-combobox .v-combobox__selection-text {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.v-combobox__content {
-  overflow: hidden;
-  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));
-  border-radius: 4px;
-}
-.v-combobox__mask {
-  background: rgb(var(--v-theme-on-surface-variant));
-}
-.v-combobox__selection {
-  display: inline-flex;
-  align-items: center;
-  letter-spacing: inherit;
-  line-height: inherit;
-  max-width: 90%;
-}
-.v-combobox__selection {
-  margin-top: var(--v-input-chips-margin-top);
-  margin-bottom: var(--v-input-chips-margin-bottom);
-}
-.v-combobox__selection:first-child {
-  margin-inline-start: 0;
-}
-.v-combobox--selecting-index .v-combobox__selection {
-  opacity: var(--v-medium-emphasis-opacity);
-}
-.v-combobox--selecting-index .v-combobox__selection--selected {
-  opacity: 1;
-}
-.v-combobox--selecting-index .v-field__input > input {
-  caret-color: transparent;
-}
-.v-combobox--single.v-text-field input {
-  flex: 1 1;
-  position: absolute;
-  left: 0;
-  right: 0;
-  width: 100%;
-  padding-inline-start: inherit;
-  padding-inline-end: inherit;
-}
-.v-combobox--single .v-field--variant-outlined input {
-  top: calc(50% - var(--v-input-chips-margin-top));
-  transform: translateY(-50%);
-}
-.v-combobox--single .v-field--active input {
-  transition: none;
-}
-.v-combobox--single .v-field--dirty:not(.v-field--focused) input {
-  opacity: 0;
-}
-.v-combobox--single .v-field--focused .v-combobox__selection {
-  opacity: 0;
-}
-.v-combobox__menu-icon {
-  margin-inline-start: 4px;
-  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
-}
-.v-combobox--active-menu .v-combobox__menu-icon {
-  opacity: var(--v-high-emphasis-opacity);
-  transform: rotate(180deg);
 }.v-color-picker-canvas {
   display: flex;
   position: relative;