@vuetify/nightly 3.7.3-master.2024-10-31 → 3.7.3-next.2024-11-01

package/lib/components/VCard/index.d.mts

@@ -27,7 +27,7 @@ type IconValue = string | (string | [path: string, opacity: number])[] | JSXComp
 declare const IconValue: PropType<IconValue>;
 
 declare const VCardItem: {
-    new (...args: any[]): vue.CreateComponentPublicInstance<{
+    new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<{
         style: vue.StyleValue;
         density: Density;
     } & {
@@ -59,39 +59,7 @@ declare const VCardItem: {
         "v-slot:append"?: false | (() => vue.VNodeChild) | undefined;
         "v-slot:title"?: false | (() => vue.VNodeChild) | undefined;
         "v-slot:subtitle"?: false | (() => vue.VNodeChild) | undefined;
-    }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
-        style: vue.StyleValue;
-        density: Density;
-    } & {
-        title?: string | number | undefined;
-        class?: any;
-        prependIcon?: IconValue | undefined;
-        appendIcon?: IconValue | undefined;
-        appendAvatar?: string | undefined;
-        prependAvatar?: string | undefined;
-        subtitle?: string | number | undefined;
-    } & {
-        $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
-            default?: (() => vue.VNodeChild) | undefined;
-            prepend?: (() => vue.VNodeChild) | undefined;
-            append?: (() => vue.VNodeChild) | undefined;
-            title?: (() => vue.VNodeChild) | undefined;
-            subtitle?: (() => vue.VNodeChild) | undefined;
-        };
-        'v-slots'?: {
-            default?: false | (() => vue.VNodeChild) | undefined;
-            prepend?: false | (() => vue.VNodeChild) | undefined;
-            append?: false | (() => vue.VNodeChild) | undefined;
-            title?: false | (() => vue.VNodeChild) | undefined;
-            subtitle?: false | (() => vue.VNodeChild) | undefined;
-        } | undefined;
-    } & {
-        "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-        "v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined;
-        "v-slot:append"?: false | (() => vue.VNodeChild) | undefined;
-        "v-slot:title"?: false | (() => vue.VNodeChild) | undefined;
-        "v-slot:subtitle"?: false | (() => vue.VNodeChild) | undefined;
-    }, {
+    }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
         style: vue.StyleValue;
         density: Density;
     }, true, {}, vue.SlotsType<Partial<{
@@ -100,7 +68,7 @@ declare const VCardItem: {
         append: () => vue.VNode[];
         title: () => vue.VNode[];
         subtitle: () => vue.VNode[];
-    }>>, {
+    }>>, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
@@ -187,7 +155,7 @@ declare const VCardItem: {
     append: () => vue.VNode[];
     title: () => vue.VNode[];
     subtitle: () => vue.VNode[];
-}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
+}>>, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
     density: {
         type: vue.PropType<Density>;
         default: string;
@@ -241,84 +209,7 @@ interface RippleDirectiveBinding extends Omit<DirectiveBinding, 'modifiers' | 'v
 }
 
 declare const VCard: {
-    new (...args: any[]): vue.CreateComponentPublicInstance<{
-        replace: boolean;
-        flat: boolean;
-        variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
-        exact: boolean;
-        style: vue.StyleValue;
-        disabled: boolean;
-        tag: string;
-        tile: boolean;
-        density: Density;
-        ripple: boolean | {
-            class: string;
-        } | undefined;
-        hover: boolean;
-    } & {
-        link?: boolean | undefined;
-        location?: Anchor | null | undefined;
-        height?: string | number | undefined;
-        width?: string | number | undefined;
-        border?: string | number | boolean | undefined;
-        color?: string | undefined;
-        maxHeight?: string | number | undefined;
-        maxWidth?: string | number | undefined;
-        minHeight?: string | number | undefined;
-        minWidth?: string | number | undefined;
-        position?: "fixed" | "absolute" | "relative" | "static" | "sticky" | undefined;
-        loading?: string | boolean | undefined;
-        title?: string | number | undefined;
-        image?: string | undefined;
-        text?: string | number | undefined;
-        class?: any;
-        theme?: string | undefined;
-        to?: vue_router.RouteLocationRaw | undefined;
-        href?: string | undefined;
-        elevation?: string | number | undefined;
-        rounded?: string | number | boolean | undefined;
-        prependIcon?: IconValue | undefined;
-        appendIcon?: IconValue | undefined;
-        appendAvatar?: string | undefined;
-        prependAvatar?: string | undefined;
-        subtitle?: string | number | undefined;
-    } & {
-        $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
-            default?: (() => vue.VNodeChild) | undefined;
-            prepend?: (() => vue.VNodeChild) | undefined;
-            append?: (() => vue.VNodeChild) | undefined;
-            title?: (() => vue.VNodeChild) | undefined;
-            subtitle?: (() => vue.VNodeChild) | undefined;
-            actions?: (() => vue.VNodeChild) | undefined;
-            text?: (() => vue.VNodeChild) | undefined;
-            loader?: ((arg: LoaderSlotProps) => vue.VNodeChild) | undefined;
-            image?: (() => vue.VNodeChild) | undefined;
-            item?: (() => vue.VNodeChild) | undefined;
-        };
-        'v-slots'?: {
-            default?: false | (() => vue.VNodeChild) | undefined;
-            prepend?: false | (() => vue.VNodeChild) | undefined;
-            append?: false | (() => vue.VNodeChild) | undefined;
-            title?: false | (() => vue.VNodeChild) | undefined;
-            subtitle?: false | (() => vue.VNodeChild) | undefined;
-            actions?: false | (() => vue.VNodeChild) | undefined;
-            text?: false | (() => vue.VNodeChild) | undefined;
-            loader?: false | ((arg: LoaderSlotProps) => vue.VNodeChild) | undefined;
-            image?: false | (() => vue.VNodeChild) | undefined;
-            item?: false | (() => vue.VNodeChild) | undefined;
-        } | undefined;
-    } & {
-        "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-        "v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined;
-        "v-slot:append"?: false | (() => vue.VNodeChild) | undefined;
-        "v-slot:title"?: false | (() => vue.VNodeChild) | undefined;
-        "v-slot:subtitle"?: false | (() => vue.VNodeChild) | undefined;
-        "v-slot:actions"?: false | (() => vue.VNodeChild) | undefined;
-        "v-slot:text"?: false | (() => vue.VNodeChild) | undefined;
-        "v-slot:loader"?: false | ((arg: LoaderSlotProps) => vue.VNodeChild) | undefined;
-        "v-slot:image"?: false | (() => vue.VNodeChild) | undefined;
-        "v-slot:item"?: false | (() => vue.VNodeChild) | undefined;
-    }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
+    new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<{
         replace: boolean;
         flat: boolean;
         variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
@@ -395,7 +286,7 @@ declare const VCard: {
         "v-slot:loader"?: false | ((arg: LoaderSlotProps) => vue.VNodeChild) | undefined;
         "v-slot:image"?: false | (() => vue.VNodeChild) | undefined;
         "v-slot:item"?: false | (() => vue.VNodeChild) | undefined;
-    }, {
+    }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
         replace: boolean;
         link: boolean;
         flat: boolean;
@@ -422,7 +313,7 @@ declare const VCard: {
         loader: (arg: LoaderSlotProps) => vue.VNode[];
         image: () => vue.VNode[];
         item: () => vue.VNode[];
-    }>>, {
+    }>>, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
@@ -630,7 +521,7 @@ declare const VCard: {
     loader: (arg: LoaderSlotProps) => vue.VNode[];
     image: () => vue.VNode[];
     item: () => vue.VNode[];
-}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
+}>>, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
     color: StringConstructor;
     variant: Omit<{
         type: PropType<Variant>;
@@ -774,7 +665,7 @@ declare const VCard: {
 type VCard = InstanceType<typeof VCard>;
 
 declare const VCardActions: {
-    new (...args: any[]): vue.CreateComponentPublicInstance<{
+    new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<{
         style: vue.StyleValue;
     } & {
         class?: any;
@@ -787,24 +678,11 @@ declare const VCardActions: {
         } | undefined;
     } & {
         "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-    }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
-        style: vue.StyleValue;
-    } & {
-        class?: any;
-    } & {
-        $children?: vue.VNodeChild | {
-            default?: (() => vue.VNodeChild) | undefined;
-        } | (() => vue.VNodeChild);
-        'v-slots'?: {
-            default?: false | (() => vue.VNodeChild) | undefined;
-        } | undefined;
-    } & {
-        "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-    }, {
+    }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
         style: vue.StyleValue;
     }, true, {}, vue.SlotsType<Partial<{
         default: () => vue.VNode[];
-    }>>, {
+    }>>, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
@@ -847,7 +725,7 @@ declare const VCardActions: {
     style: vue.StyleValue;
 }, {}, string, vue.SlotsType<Partial<{
     default: () => vue.VNode[];
-}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
+}>>, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
     class: vue.PropType<ClassValue>;
     style: {
         type: vue.PropType<vue.StyleValue>;
@@ -863,7 +741,7 @@ declare const VCardActions: {
 type VCardActions = InstanceType<typeof VCardActions>;
 
 declare const VCardSubtitle: {
-    new (...args: any[]): vue.CreateComponentPublicInstance<{
+    new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<{
         style: vue.StyleValue;
         tag: string;
     } & {
@@ -878,27 +756,12 @@ declare const VCardSubtitle: {
         } | undefined;
     } & {
         "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-    }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
-        style: vue.StyleValue;
-        tag: string;
-    } & {
-        opacity?: string | number | undefined;
-        class?: any;
-    } & {
-        $children?: vue.VNodeChild | {
-            default?: (() => vue.VNodeChild) | undefined;
-        } | (() => vue.VNodeChild);
-        'v-slots'?: {
-            default?: false | (() => vue.VNodeChild) | undefined;
-        } | undefined;
-    } & {
-        "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-    }, {
+    }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
         style: vue.StyleValue;
         tag: string;
     }, true, {}, vue.SlotsType<Partial<{
         default: () => vue.VNode[];
-    }>>, {
+    }>>, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
@@ -947,7 +810,7 @@ declare const VCardSubtitle: {
     tag: string;
 }, {}, string, vue.SlotsType<Partial<{
     default: () => vue.VNode[];
-}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
+}>>, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
     tag: {
         type: StringConstructor;
         default: string;
@@ -973,7 +836,7 @@ declare const VCardSubtitle: {
 type VCardSubtitle = InstanceType<typeof VCardSubtitle>;
 
 declare const VCardText: {
-    new (...args: any[]): vue.CreateComponentPublicInstance<{
+    new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<{
         style: vue.StyleValue;
         tag: string;
     } & {
@@ -988,27 +851,12 @@ declare const VCardText: {
         } | undefined;
     } & {
         "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-    }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
-        style: vue.StyleValue;
-        tag: string;
-    } & {
-        opacity?: string | number | undefined;
-        class?: any;
-    } & {
-        $children?: vue.VNodeChild | {
-            default?: (() => vue.VNodeChild) | undefined;
-        } | (() => vue.VNodeChild);
-        'v-slots'?: {
-            default?: false | (() => vue.VNodeChild) | undefined;
-        } | undefined;
-    } & {
-        "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-    }, {
+    }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
         style: vue.StyleValue;
         tag: string;
     }, true, {}, vue.SlotsType<Partial<{
         default: () => vue.VNode[];
-    }>>, {
+    }>>, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
@@ -1057,7 +905,7 @@ declare const VCardText: {
     tag: string;
 }, {}, string, vue.SlotsType<Partial<{
     default: () => vue.VNode[];
-}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
+}>>, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
     tag: {
         type: StringConstructor;
         default: string;
@@ -1083,7 +931,7 @@ declare const VCardText: {
 type VCardText = InstanceType<typeof VCardText>;
 
 declare const VCardTitle: {
-    new (...args: any[]): vue.CreateComponentPublicInstance<{
+    new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<{
         style: vue.StyleValue;
         tag: string;
     } & {
@@ -1099,26 +947,12 @@ declare const VCardTitle: {
         "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
     }, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
         [key: string]: any;
-    }>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
-        style: vue.StyleValue;
-        tag: string;
-    } & {
-        class?: any;
-    } & {
-        $children?: vue.VNodeChild | {
-            default?: (() => vue.VNodeChild) | undefined;
-        } | (() => vue.VNodeChild);
-        'v-slots'?: {
-            default?: false | (() => vue.VNodeChild) | undefined;
-        } | undefined;
-    } & {
-        "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-    }, {
+    }>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
         style: vue.StyleValue;
         tag: string;
     }, true, {}, vue.SlotsType<Partial<{
         default: () => vue.VNode[];
-    }>>, {
+    }>>, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
@@ -1169,7 +1003,7 @@ declare const VCardTitle: {
     tag: string;
 }, {}, string, vue.SlotsType<Partial<{
     default: () => vue.VNode[];
-}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
+}>>, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
     class: vue.PropType<ClassValue>;
     style: {
         type: vue.PropType<vue.StyleValue>;

package/lib/components/VCarousel/VCarousel.css

@@ -1,66 +1,64 @@
-.v-carousel {
-  overflow: hidden;
-  position: relative;
-  width: 100%;
-}
-.v-carousel__controls {
-  align-items: center;
-  bottom: 0;
-  display: flex;
-  height: 50px;
-  justify-content: center;
-  list-style-type: none;
-  position: absolute;
-  width: 100%;
-  z-index: 1;
-}
-.v-carousel__controls {
-  background: rgba(var(--v-theme-surface-variant), 0.3);
-  color: rgb(var(--v-theme-on-surface-variant));
-}
-.v-carousel__controls > .v-item-group {
-  flex: 0 1 auto;
-}
-.v-carousel__controls__item {
-  margin: 0 8px;
-}
-.v-carousel__controls__item .v-icon {
-  opacity: 0.5;
-}
-.v-carousel__controls__item--active .v-icon {
-  opacity: 1;
-  vertical-align: middle;
-}
-.v-carousel__controls__item:hover {
-  background: none;
-}
-.v-carousel__controls__item:hover .v-icon {
-  opacity: 0.8;
-}
-
-.v-carousel__progress {
-  margin: 0;
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  right: 0;
-}
-
-.v-carousel-item {
-  display: block;
-  height: inherit;
-  text-decoration: none;
-}
-.v-carousel-item > .v-img {
-  height: inherit;
-}
-
-.v-carousel--hide-delimiter-background .v-carousel__controls {
-  background: transparent;
-}
-
-.v-carousel--vertical-delimiters .v-carousel__controls {
-  flex-direction: column;
-  height: 100% !important;
-  width: 50px;
+@layer vuetify.components {
+  .v-carousel {
+    overflow: hidden;
+    position: relative;
+    width: 100%;
+  }
+  .v-carousel__controls {
+    align-items: center;
+    bottom: 0;
+    display: flex;
+    height: 50px;
+    justify-content: center;
+    list-style-type: none;
+    position: absolute;
+    width: 100%;
+    z-index: 1;
+  }
+  .v-carousel__controls {
+    background: rgba(var(--v-theme-surface-variant), 0.3);
+    color: rgb(var(--v-theme-on-surface-variant));
+  }
+  .v-carousel__controls > .v-item-group {
+    flex: 0 1 auto;
+  }
+  .v-carousel__controls__item {
+    margin: 0 8px;
+  }
+  .v-carousel__controls__item .v-icon {
+    opacity: 0.5;
+  }
+  .v-carousel__controls__item--active .v-icon {
+    opacity: 1;
+    vertical-align: middle;
+  }
+  .v-carousel__controls__item:hover {
+    background: none;
+  }
+  .v-carousel__controls__item:hover .v-icon {
+    opacity: 0.8;
+  }
+  .v-carousel__progress {
+    margin: 0;
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    right: 0;
+  }
+  .v-carousel-item {
+    display: block;
+    height: inherit;
+    text-decoration: none;
+  }
+  .v-carousel-item > .v-img {
+    height: inherit;
+  }
+  .v-carousel--hide-delimiter-background .v-carousel__controls {
+    background: transparent;
+  }
+  .v-carousel--vertical-delimiters .v-carousel__controls {
+    flex-direction: column;
+    height: 100%;
+    width: 50px;
+  }
 }

package/lib/components/VCarousel/VCarousel.mjs

@@ -1,4 +1,4 @@
-import { createVNode as _createVNode, mergeProps as _mergeProps, Fragment as _Fragment } from "vue";
+import { Fragment as _Fragment, mergeProps as _mergeProps, createVNode as _createVNode } from "vue";
 // Styles
 import "./VCarousel.css";
 

package/lib/components/VCarousel/VCarousel.sass

@@ -64,5 +64,5 @@
   .v-carousel--vertical-delimiters
     .v-carousel__controls
       flex-direction: column
-      height: 100% !important
+      height: 100%
       width: $carousel-controls-size

package/lib/components/VCarousel/VCarouselItem.mjs

@@ -1,4 +1,4 @@
-import { createVNode as _createVNode, mergeProps as _mergeProps, resolveDirective as _resolveDirective } from "vue";
+import { mergeProps as _mergeProps, createVNode as _createVNode } from "vue";
 // Components
 import { makeVImgProps, VImg } from "../VImg/VImg.mjs";
 import { makeVWindowItemProps, VWindowItem } from "../VWindow/VWindowItem.mjs"; // Utilities

package/lib/components/VCarousel/index.d.mts

@@ -120,7 +120,7 @@ type VCarouselSlots = VWindowSlots & {
     };
 };
 declare const VCarousel: {
-    new (...args: any[]): vue.CreateComponentPublicInstance<{
+    new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<{
         reverse: boolean;
         interval: string | number;
         height: string | number;
@@ -147,32 +147,7 @@ declare const VCarousel: {
         verticalDelimiters?: boolean | "left" | "right" | undefined;
     } & {}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
         'update:modelValue': (value: any) => true;
-    }, "$children" | "v-slots" | "v-slot:default" | "modelValue" | "v-slot:additional" | "update:modelValue" | "v-slot:next" | "v-slot:prev" | "v-slot:item">, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
-        reverse: boolean;
-        interval: string | number;
-        height: string | number;
-        direction: "horizontal" | "vertical";
-        style: vue.StyleValue;
-        disabled: boolean;
-        tag: string;
-        cycle: boolean;
-        mandatory: boolean | "force";
-        selectedClass: string;
-        nextIcon: IconValue;
-        prevIcon: IconValue;
-        showArrows: string | boolean;
-        continuous: boolean;
-        delimiterIcon: IconValue;
-        hideDelimiters: boolean;
-        hideDelimiterBackground: boolean;
-    } & {
-        progress?: string | boolean | undefined;
-        color?: string | undefined;
-        class?: any;
-        theme?: string | undefined;
-        touch?: boolean | TouchHandlers | undefined;
-        verticalDelimiters?: boolean | "left" | "right" | undefined;
-    } & {}, {
+    }, "$children" | "v-slots" | "v-slot:default" | "modelValue" | "v-slot:additional" | "update:modelValue" | "v-slot:next" | "v-slot:prev" | "v-slot:item">, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
         reverse: boolean;
         interval: string | number;
         height: string | number;
@@ -222,7 +197,7 @@ declare const VCarousel: {
                 disabled: boolean | undefined;
             };
         }) => vue.VNode[];
-    }>>, {
+    }>>, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
@@ -354,7 +329,7 @@ declare const VCarousel: {
             disabled: boolean | undefined;
         };
     }) => vue.VNode[];
-}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T>(props: {
+}>>, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T>(props: {
     modelValue?: T;
     "onUpdate:modelValue"?: (value: T) => void;
 }, slots: VCarouselSlots) => GenericProps<typeof props, typeof slots>) & FilterPropsOptions<{
@@ -510,7 +485,7 @@ interface srcObject {
 }
 
 declare const VCarouselItem: {
-    new (...args: any[]): vue.CreateComponentPublicInstance<{
+    new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<{
         inline: boolean;
         absolute: boolean;
         style: vue.StyleValue;
@@ -563,60 +538,7 @@ declare const VCarouselItem: {
         "v-slot:placeholder"?: false | (() => vue.VNodeChild) | undefined;
         "v-slot:error"?: false | (() => vue.VNodeChild) | undefined;
         "v-slot:sources"?: false | (() => vue.VNodeChild) | undefined;
-    }, void, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
-        inline: boolean;
-        absolute: boolean;
-        style: vue.StyleValue;
-        eager: boolean;
-        disabled: boolean;
-        options: IntersectionObserverInit;
-        cover: boolean;
-        src: string | srcObject;
-        tile: boolean;
-    } & {
-        height?: string | number | undefined;
-        width?: string | number | undefined;
-        aspectRatio?: string | number | undefined;
-        color?: string | undefined;
-        maxHeight?: string | number | undefined;
-        maxWidth?: string | number | undefined;
-        minHeight?: string | number | undefined;
-        minWidth?: string | number | undefined;
-        position?: string | undefined;
-        transition?: string | boolean | undefined;
-        value?: any;
-        draggable?: boolean | "false" | "true" | undefined;
-        class?: any;
-        alt?: string | undefined;
-        referrerpolicy?: "origin" | "same-origin" | "no-referrer" | "no-referrer-when-downgrade" | "origin-when-cross-origin" | "strict-origin" | "strict-origin-when-cross-origin" | "unsafe-url" | undefined;
-        crossorigin?: "" | "anonymous" | "use-credentials" | undefined;
-        sizes?: string | undefined;
-        srcset?: string | undefined;
-        rounded?: string | number | boolean | undefined;
-        contentClass?: any;
-        gradient?: string | undefined;
-        lazySrc?: string | undefined;
-        selectedClass?: string | undefined;
-        reverseTransition?: string | boolean | undefined;
-    } & {
-        $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
-            default?: (() => vue.VNodeChild) | undefined;
-            placeholder?: (() => vue.VNodeChild) | undefined;
-            error?: (() => vue.VNodeChild) | undefined;
-            sources?: (() => vue.VNodeChild) | undefined;
-        };
-        'v-slots'?: {
-            default?: false | (() => vue.VNodeChild) | undefined;
-            placeholder?: false | (() => vue.VNodeChild) | undefined;
-            error?: false | (() => vue.VNodeChild) | undefined;
-            sources?: false | (() => vue.VNodeChild) | undefined;
-        } | undefined;
-    } & {
-        "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-        "v-slot:placeholder"?: false | (() => vue.VNodeChild) | undefined;
-        "v-slot:error"?: false | (() => vue.VNodeChild) | undefined;
-        "v-slot:sources"?: false | (() => vue.VNodeChild) | undefined;
-    }, {
+    }, void, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
         inline: boolean;
         absolute: boolean;
         transition: string | boolean;
@@ -635,7 +557,7 @@ declare const VCarouselItem: {
         placeholder: () => vue.VNode[];
         error: () => vue.VNode[];
         sources: () => vue.VNode[];
-    }>>, {
+    }>>, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
@@ -785,7 +707,7 @@ declare const VCarouselItem: {
     placeholder: () => vue.VNode[];
     error: () => vue.VNode[];
     sources: () => vue.VNode[];
-}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
+}>>, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
     eager: BooleanConstructor;
     value: null;
     disabled: BooleanConstructor;