vuetify 3.3.13 → 3.4.0-alpha.0

package/dist/json/attributes.json

@@ -663,6 +663,10 @@
     "type": "Record<string, boolean>\n",
     "description": "**FOR INTERNAL USE ONLY**"
   },
+  "v-avatar/text": {
+    "type": "string\n",
+    "description": "Specify content text for the component."
+  },
   "v-avatar/end": {
     "type": "boolean\n",
     "description": "Applies margin at the start of the component."
@@ -859,6 +863,10 @@
     "type": "string\n",
     "description": "Designates a specific src image to pass to the thumbnail."
   },
+  "v-banner/mobile-breakpoint": {
+    "type": "number | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'\n",
+    "description": "MISSING DESCRIPTION"
+  },
   "v-banner/lines": {
     "type": "'one' | 'two' | 'three'\n",
     "description": "The amount of visible lines of text before it truncates."
@@ -1012,7 +1020,7 @@
     "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."
   },
   "v-bottom-sheet/activator": {
-    "type": "string | Element | ComponentPublicInstance\n",
+    "type": "(string & {}) | Element | 'parent' | ComponentPublicInstance\n",
     "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-overlay-activator.json))"
   },
   "v-bottom-sheet/close-on-back": {
@@ -1043,6 +1051,10 @@
     "type": "string | boolean\n",
     "description": "Accepts true/false to enable background, and string to define color."
   },
+  "v-bottom-sheet/target": {
+    "type": "  | (string & {})\n  | Element\n  | 'parent'\n  | 'cursor'\n  | ComponentPublicInstance\n  | [number, number]\n",
+    "description": "For locationStrategy=\"connected\", specify an element or array of x,y coordinates that the overlay should position itself relative to. This will be the activator element by default."
+  },
   "v-bottom-sheet/activator-props": {
     "type": "{}\n",
     "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-overlay-activator.json))"
@@ -1767,6 +1779,10 @@
     "type": "boolean\n",
     "description": "Resizes the background image to cover the entire container."
   },
+  "v-carousel-item/draggable": {
+    "type": "boolean | 'true' | 'false'\n",
+    "description": "Controls the `draggable` behavior of the image. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/draggable)."
+  },
   "v-carousel-item/gradient": {
     "type": "string\n",
     "description": "The gradient to apply to the image. This can be any valid CSS gradient declaration. You can find more information on the [MDN documentation for gradients](https://developer.mozilla.org/en-US/docs/Web/CSS/gradient)."
@@ -1791,6 +1807,14 @@
     "type": "string | number\n",
     "description": "Sets a base aspect ratio, calculated as width/height. This will only set a **minimum** height, the component can still grow if it has a lot of content"
   },
+  "v-carousel-item/crossorigin": {
+    "type": "'' | 'anonymous' | 'use-credentials'\n",
+    "description": "Specify that images should be fetched with CORS enabled [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#crossorigin)"
+  },
+  "v-carousel-item/referrerpolicy": {
+    "type": "  | 'origin'\n  | 'no-referrer'\n  | 'no-referrer-when-downgrade'\n  | 'origin-when-cross-origin'\n  | 'same-origin'\n  | 'strict-origin'\n  | 'strict-origin-when-cross-origin'\n  | 'unsafe-url'\n",
+    "description": "Define which referrer is sent when fetching the resource [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#referrerpolicy)"
+  },
   "v-carousel-item/reverse-transition": {
     "type": "string | boolean\n",
     "description": "Sets the reverse transition"
@@ -1911,6 +1935,10 @@
     "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"
   },
+  "v-checkbox/base-color": {
+    "type": "string\n",
+    "description": "MISSING DESCRIPTION"
+  },
   "v-checkbox/indeterminate": {
     "type": "boolean\n",
     "description": "Sets an indeterminate state for the checkbox"
@@ -1999,6 +2027,10 @@
     "type": "boolean\n",
     "description": "MISSING DESCRIPTION"
   },
+  "v-checkbox-btn/base-color": {
+    "type": "string\n",
+    "description": "MISSING DESCRIPTION"
+  },
   "v-checkbox-btn/inline": {
     "type": "boolean\n",
     "description": "MISSING DESCRIPTION"
@@ -2239,10 +2271,6 @@
     "type": "string | number\n",
     "description": "Sets the default offset for the column."
   },
-  "v-col/cols": {
-    "type": "string | number | boolean\n",
-    "description": "Sets the default number of columns the component extends. Available options are: **1 -> 12** and **auto**."
-  },
   "v-col/sm": {
     "type": "string | number | boolean\n",
     "description": "Changes the number of columns on small and greater breakpoints."
@@ -2263,6 +2291,10 @@
     "type": "string | number | boolean\n",
     "description": "Changes the number of columns on extra extra large and greater breakpoints."
   },
+  "v-col/cols": {
+    "type": "string | number | boolean\n",
+    "description": "Sets the default number of columns the component extends. Available options are: **1 -> 12** and **auto**."
+  },
   "v-col/offset-sm": {
     "type": "string | number\n",
     "description": "Changes the offset of the component on small and greater breakpoints."
@@ -3868,7 +3900,7 @@
     "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."
   },
   "v-dialog/activator": {
-    "type": "string | Element | ComponentPublicInstance\n",
+    "type": "(string & {}) | Element | 'parent' | ComponentPublicInstance\n",
     "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-overlay-activator.json))"
   },
   "v-dialog/close-on-back": {
@@ -3899,6 +3931,10 @@
     "type": "string | boolean\n",
     "description": "Accepts true/false to enable background, and string to define color."
   },
+  "v-dialog/target": {
+    "type": "  | (string & {})\n  | Element\n  | 'parent'\n  | 'cursor'\n  | ComponentPublicInstance\n  | [number, number]\n",
+    "description": "For locationStrategy=\"connected\", specify an element or array of x,y coordinates that the overlay should position itself relative to. This will be the activator element by default."
+  },
   "v-dialog/activator-props": {
     "type": "{}\n",
     "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-overlay-activator.json))"
@@ -4012,7 +4048,7 @@
     "description": "Absolutely positions the leaving element (useful for [FLIP](https://aerotwist.com/blog/flip-your-animations/))"
   },
   "v-dialog-transition/target": {
-    "type": "HTMLElement\n",
+    "type": "HTMLElement | [number, number]\n",
     "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-dialog-transition.json))"
   },
   "v-divider/length": {
@@ -4679,6 +4715,10 @@
     "type": "boolean\n",
     "description": "Resizes the background image to cover the entire container."
   },
+  "v-img/draggable": {
+    "type": "boolean | 'true' | 'false'\n",
+    "description": "Controls the `draggable` behavior of the image. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/draggable)."
+  },
   "v-img/gradient": {
     "type": "string\n",
     "description": "The gradient to apply to the image. This can be any valid CSS gradient declaration. You can find more information on the [MDN documentation for gradients](https://developer.mozilla.org/en-US/docs/Web/CSS/gradient)."
@@ -4703,6 +4743,14 @@
     "type": "string | number\n",
     "description": "Calculated as `width/height`, so for a 1920x1080px image this will be `1.7778`. Will be calculated automatically if omitted."
   },
+  "v-img/crossorigin": {
+    "type": "'' | 'anonymous' | 'use-credentials'\n",
+    "description": "Specify that images should be fetched with CORS enabled [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#crossorigin)"
+  },
+  "v-img/referrerpolicy": {
+    "type": "  | 'origin'\n  | 'no-referrer'\n  | 'no-referrer-when-downgrade'\n  | 'origin-when-cross-origin'\n  | 'same-origin'\n  | 'strict-origin'\n  | 'strict-origin-when-cross-origin'\n  | 'unsafe-url'\n",
+    "description": "Define which referrer is sent when fetching the resource [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#referrerpolicy)"
+  },
   "v-infinite-scroll/height": {
     "type": "string | number\n",
     "description": "Sets the height for the component."
@@ -5436,7 +5484,7 @@
     "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."
   },
   "v-menu/activator": {
-    "type": "string | Element | ComponentPublicInstance\n",
+    "type": "(string & {}) | Element | 'parent' | ComponentPublicInstance\n",
     "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-overlay-activator.json))"
   },
   "v-menu/close-on-back": {
@@ -5467,6 +5515,10 @@
     "type": "string | boolean\n",
     "description": "Accepts true/false to enable background, and string to define color."
   },
+  "v-menu/target": {
+    "type": "  | (string & {})\n  | Element\n  | 'parent'\n  | 'cursor'\n  | ComponentPublicInstance\n  | [number, number]\n",
+    "description": "For locationStrategy=\"connected\", specify an element or array of x,y coordinates that the overlay should position itself relative to. This will be the activator element by default."
+  },
   "v-menu/activator-props": {
     "type": "{}\n",
     "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-overlay-activator.json))"
@@ -5599,6 +5651,10 @@
     "type": "string | boolean\n",
     "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-navigation-drawer.json))"
   },
+  "v-navigation-drawer/mobile-breakpoint": {
+    "type": "number | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'\n",
+    "description": "Sets the designated mobile breakpoint for the component. This will apply alternate styles for mobile devices such as the `temporary` prop, or activate the `bottom` prop when the breakpoint value is met. Setting the value to `0` will disable this functionality."
+  },
   "v-navigation-drawer/disable-resize-watcher": {
     "type": "boolean\n",
     "description": "Will automatically open/close drawer when resized depending if mobile or desktop."
@@ -5780,7 +5836,7 @@
     "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."
   },
   "v-overlay/activator": {
-    "type": "string | Element | ComponentPublicInstance\n",
+    "type": "(string & {}) | Element | 'parent' | ComponentPublicInstance\n",
     "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-overlay-activator.json))"
   },
   "v-overlay/close-on-back": {
@@ -5811,6 +5867,10 @@
     "type": "string | boolean\n",
     "description": "Accepts true/false to enable background, and string to define color."
   },
+  "v-overlay/target": {
+    "type": "  | (string & {})\n  | Element\n  | 'parent'\n  | 'cursor'\n  | ComponentPublicInstance\n  | [number, number]\n",
+    "description": "For locationStrategy=\"connected\", specify an element or array of x,y coordinates that the overlay should position itself relative to. This will be the activator element by default."
+  },
   "v-overlay/activator-props": {
     "type": "{}\n",
     "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-overlay-activator.json))"
@@ -6215,6 +6275,10 @@
     "type": "boolean\n",
     "description": "MISSING DESCRIPTION"
   },
+  "v-radio/base-color": {
+    "type": "string\n",
+    "description": "MISSING DESCRIPTION"
+  },
   "v-radio/inline": {
     "type": "boolean\n",
     "description": "MISSING DESCRIPTION"
@@ -6411,6 +6475,10 @@
     "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"
   },
+  "v-range-slider/ripple": {
+    "type": "boolean\n",
+    "description": "Applies the [v-ripple](/directives/ripple) directive."
+  },
   "v-range-slider/disabled": {
     "type": "boolean\n",
     "description": "Removes the ability to click or target the component"
@@ -7179,6 +7247,10 @@
     "type": "boolean\n",
     "description": "MISSING DESCRIPTION"
   },
+  "v-selection-control/base-color": {
+    "type": "string\n",
+    "description": "MISSING DESCRIPTION"
+  },
   "v-selection-control/inline": {
     "type": "boolean\n",
     "description": "MISSING DESCRIPTION"
@@ -7411,6 +7483,10 @@
     "type": "number\n",
     "description": "Sets a maximum number of selections that can be made."
   },
+  "v-slide-group/mobile-breakpoint": {
+    "type": "number | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'\n",
+    "description": "Sets the designated mobile breakpoint for the component."
+  },
   "v-slide-group/mandatory": {
     "type": "boolean | 'force'\n",
     "description": "Forces at least one item to always be selected (if available)."
@@ -7583,6 +7659,10 @@
     "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"
   },
+  "v-slider/ripple": {
+    "type": "boolean\n",
+    "description": "Applies the [v-ripple](/directives/ripple) directive."
+  },
   "v-slider/disabled": {
     "type": "boolean\n",
     "description": "Removes the ability to click or target the component"
@@ -7760,7 +7840,7 @@
     "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."
   },
   "v-snackbar/activator": {
-    "type": "string | Element | ComponentPublicInstance\n",
+    "type": "(string & {}) | Element | 'parent' | ComponentPublicInstance\n",
     "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-overlay-activator.json))"
   },
   "v-snackbar/close-on-back": {
@@ -7779,6 +7859,10 @@
     "type": "any\n",
     "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-overlay.json))"
   },
+  "v-snackbar/target": {
+    "type": "  | (string & {})\n  | Element\n  | 'parent'\n  | 'cursor'\n  | ComponentPublicInstance\n  | [number, number]\n",
+    "description": "For locationStrategy=\"connected\", specify an element or array of x,y coordinates that the overlay should position itself relative to. This will be the activator element by default."
+  },
   "v-snackbar/activator-props": {
     "type": "{}\n",
     "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-overlay-activator.json))"
@@ -8055,6 +8139,10 @@
     "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"
   },
+  "v-switch/base-color": {
+    "type": "string\n",
+    "description": "MISSING DESCRIPTION"
+  },
   "v-switch/inline": {
     "type": "boolean\n",
     "description": "MISSING DESCRIPTION"
@@ -8343,6 +8431,10 @@
     "type": "number\n",
     "description": "Sets a maximum number of selections that can be made."
   },
+  "v-tabs/mobile-breakpoint": {
+    "type": "number | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'\n",
+    "description": "Sets the designated mobile breakpoint for the component."
+  },
   "v-tabs/grow": {
     "type": "boolean\n",
     "description": "Force `v-tab`'s to take up all available space"
@@ -9056,7 +9148,7 @@
     "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."
   },
   "v-tooltip/activator": {
-    "type": "string | Element | ComponentPublicInstance\n",
+    "type": "(string & {}) | Element | 'parent' | ComponentPublicInstance\n",
     "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-overlay-activator.json))"
   },
   "v-tooltip/close-on-back": {
@@ -9083,6 +9175,10 @@
     "type": "string | boolean\n",
     "description": "Accepts true/false to enable background, and string to define color."
   },
+  "v-tooltip/target": {
+    "type": "  | (string & {})\n  | Element\n  | 'parent'\n  | 'cursor'\n  | ComponentPublicInstance\n  | [number, number]\n",
+    "description": "For locationStrategy=\"connected\", specify an element or array of x,y coordinates that the overlay should position itself relative to. This will be the activator element by default."
+  },
   "v-tooltip/activator-props": {
     "type": "{}\n",
     "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-overlay-activator.json))"

package/dist/json/importMap.json

@@ -76,14 +76,6 @@
       "from": "components/VBtnToggle/index.mjs",
       "styles": []
     },
-    "VCarousel": {
-      "from": "components/VCarousel/index.mjs",
-      "styles": []
-    },
-    "VCarouselItem": {
-      "from": "components/VCarousel/index.mjs",
-      "styles": []
-    },
     "VCard": {
       "from": "components/VCard/index.mjs",
       "styles": []
@@ -108,6 +100,14 @@
       "from": "components/VCard/index.mjs",
       "styles": []
     },
+    "VCarousel": {
+      "from": "components/VCarousel/index.mjs",
+      "styles": []
+    },
+    "VCarouselItem": {
+      "from": "components/VCarousel/index.mjs",
+      "styles": []
+    },
     "VCheckbox": {
       "from": "components/VCheckbox/index.mjs",
       "styles": []
@@ -140,14 +140,14 @@
       "from": "components/VCounter/index.mjs",
       "styles": []
     },
-    "VDivider": {
-      "from": "components/VDivider/index.mjs",
-      "styles": []
-    },
     "VDialog": {
       "from": "components/VDialog/index.mjs",
       "styles": []
     },
+    "VDivider": {
+      "from": "components/VDivider/index.mjs",
+      "styles": []
+    },
     "VExpansionPanels": {
       "from": "components/VExpansionPanel/index.mjs",
       "styles": []
@@ -272,14 +272,14 @@
       "from": "components/VMessages/index.mjs",
       "styles": []
     },
-    "VNavigationDrawer": {
-      "from": "components/VNavigationDrawer/index.mjs",
-      "styles": []
-    },
     "VOverlay": {
       "from": "components/VOverlay/index.mjs",
       "styles": []
     },
+    "VNavigationDrawer": {
+      "from": "components/VNavigationDrawer/index.mjs",
+      "styles": []
+    },
     "VPagination": {
       "from": "components/VPagination/index.mjs",
       "styles": []

package/dist/json/tags.json

@@ -211,6 +211,7 @@
       "size",
       "start",
       "tag",
+      "text",
       "theme",
       "variant"
     ],
@@ -254,6 +255,7 @@
       "max-width",
       "min-height",
       "min-width",
+      "mobile-breakpoint",
       "position",
       "rounded",
       "stacked",
@@ -340,6 +342,7 @@
       "scrim",
       "scroll-strategy",
       "scrollable",
+      "target",
       "theme",
       "transition",
       "width",
@@ -565,7 +568,9 @@
       "aspect-ratio",
       "content-class",
       "cover",
+      "crossorigin",
       "disabled",
+      "draggable",
       "eager",
       "gradient",
       "height",
@@ -576,6 +581,7 @@
       "min-height",
       "min-width",
       "options",
+      "referrerpolicy",
       "reverse-transition",
       "selected-class",
       "sizes",
@@ -590,6 +596,7 @@
   "v-checkbox": {
     "attributes": [
       "append-icon",
+      "base-color",
       "center-affix",
       "color",
       "defaults-target",
@@ -630,6 +637,7 @@
   },
   "v-checkbox-btn": {
     "attributes": [
+      "base-color",
       "color",
       "defaults-target",
       "density",
@@ -1256,6 +1264,7 @@
       "scrim",
       "scroll-strategy",
       "scrollable",
+      "target",
       "theme",
       "transition",
       "width",
@@ -1530,6 +1539,8 @@
       "aspect-ratio",
       "content-class",
       "cover",
+      "crossorigin",
+      "draggable",
       "eager",
       "gradient",
       "height",
@@ -1540,6 +1551,7 @@
       "min-height",
       "min-width",
       "options",
+      "referrerpolicy",
       "sizes",
       "src",
       "srcset",
@@ -1855,6 +1867,7 @@
       "persistent",
       "scrim",
       "scroll-strategy",
+      "target",
       "theme",
       "transition",
       "width",
@@ -1883,6 +1896,7 @@
       "floating",
       "image",
       "location",
+      "mobile-breakpoint",
       "model-value",
       "name",
       "order",
@@ -1965,6 +1979,7 @@
       "persistent",
       "scrim",
       "scroll-strategy",
+      "target",
       "theme",
       "transition",
       "width",
@@ -2077,6 +2092,7 @@
   },
   "v-radio": {
     "attributes": [
+      "base-color",
       "color",
       "defaults-target",
       "density",
@@ -2164,6 +2180,7 @@
       "prepend-icon",
       "readonly",
       "reverse",
+      "ripple",
       "rounded",
       "rules",
       "show-ticks",
@@ -2378,6 +2395,7 @@
   },
   "v-selection-control": {
     "attributes": [
+      "base-color",
       "color",
       "defaults-target",
       "density",
@@ -2468,6 +2486,7 @@
       "disabled",
       "mandatory",
       "max",
+      "mobile-breakpoint",
       "model-value",
       "multiple",
       "next-icon",
@@ -2557,6 +2576,7 @@
       "prepend-icon",
       "readonly",
       "reverse",
+      "ripple",
       "rounded",
       "rules",
       "show-ticks",
@@ -2606,6 +2626,7 @@
       "origin",
       "position",
       "rounded",
+      "target",
       "theme",
       "timeout",
       "transition",
@@ -2679,6 +2700,7 @@
   "v-switch": {
     "attributes": [
       "append-icon",
+      "base-color",
       "center-affix",
       "color",
       "defaults-target",
@@ -2801,6 +2823,7 @@
       "items",
       "mandatory",
       "max",
+      "mobile-breakpoint",
       "model-value",
       "multiple",
       "next-icon",
@@ -3039,6 +3062,7 @@
       "origin",
       "scrim",
       "scroll-strategy",
+      "target",
       "text",
       "theme",
       "transition",