vuetify 3.6.3 → 3.6.5

package/lib/components/VAvatar/VAvatar.css

@@ -72,13 +72,15 @@
   background: currentColor;
   opacity: var(--v-activated-opacity);
   border-radius: inherit;
-  position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   pointer-events: none;
 }
+.v-avatar .v-avatar__underlay {
+  position: absolute;
+}
 .v-avatar--rounded {
   border-radius: 4px;
 }

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

@@ -24,7 +24,7 @@ declare const VBanner: {
     new (...args: any[]): vue.CreateComponentPublicInstance<{
         style: vue.StyleValue;
         tag: string;
-        mobile: boolean;
+        mobile: boolean | null;
         sticky: boolean;
         tile: boolean;
         density: Density;
@@ -71,7 +71,7 @@ declare const VBanner: {
     }, void, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
         style: vue.StyleValue;
         tag: string;
-        mobile: boolean;
+        mobile: boolean | null;
         sticky: boolean;
         tile: boolean;
         density: Density;
@@ -118,7 +118,7 @@ declare const VBanner: {
     }, {
         style: vue.StyleValue;
         tag: string;
-        mobile: boolean;
+        mobile: boolean | null;
         sticky: boolean;
         rounded: string | number | boolean;
         tile: boolean;
@@ -147,7 +147,7 @@ declare const VBanner: {
     }, {
         style: vue.StyleValue;
         tag: string;
-        mobile: boolean;
+        mobile: boolean | null;
         sticky: boolean;
         tile: boolean;
         density: Density;
@@ -194,7 +194,7 @@ declare const VBanner: {
     }, {}, {}, {}, {}, {
         style: vue.StyleValue;
         tag: string;
-        mobile: boolean;
+        mobile: boolean | null;
         sticky: boolean;
         rounded: string | number | boolean;
         tile: boolean;
@@ -207,7 +207,7 @@ declare const VBanner: {
 } & vue.ComponentOptionsBase<{
     style: vue.StyleValue;
     tag: string;
-    mobile: boolean;
+    mobile: boolean | null;
     sticky: boolean;
     tile: boolean;
     density: Density;
@@ -254,7 +254,7 @@ declare const VBanner: {
 }, void, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
     style: vue.StyleValue;
     tag: string;
-    mobile: boolean;
+    mobile: boolean | null;
     sticky: boolean;
     rounded: string | number | boolean;
     tile: boolean;
@@ -294,8 +294,8 @@ declare const VBanner: {
         validator(v: any): boolean;
     };
     mobile: {
-        type: BooleanConstructor;
-        default: null;
+        type: PropType<boolean | null>;
+        default: boolean;
     };
     mobileBreakpoint: PropType<number | DisplayBreakpoint>;
     height: (StringConstructor | NumberConstructor)[];
@@ -344,8 +344,8 @@ declare const VBanner: {
         validator(v: any): boolean;
     };
     mobile: {
-        type: BooleanConstructor;
-        default: null;
+        type: PropType<boolean | null>;
+        default: boolean;
     };
     mobileBreakpoint: PropType<number | DisplayBreakpoint>;
     height: (StringConstructor | NumberConstructor)[];

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

@@ -1,5 +1,5 @@
 import * as vue from 'vue';
-import { ComponentPropsOptions, ExtractPropTypes, Ref, EffectScope } from 'vue';
+import { ComponentPropsOptions, ExtractPropTypes, ComponentPublicInstance, Ref, EffectScope } from 'vue';
 
 declare const block: readonly ["top", "bottom"];
 declare const inline: readonly ["start", "end", "left", "right"];
@@ -28,6 +28,12 @@ interface FilterPropsOptions<PropsOptions extends Readonly<ComponentPropsOptions
     filterProps<T extends Partial<Props>, U extends Exclude<keyof Props, Exclude<keyof Props, keyof T>>>(props: T): Partial<Pick<T, U>>;
 }
 
+type TemplateRef = {
+    (target: Element | ComponentPublicInstance | null): void;
+    value: HTMLElement | ComponentPublicInstance | null | undefined;
+    readonly el: HTMLElement | undefined;
+};
+
 interface LocationStrategyData {
     contentEl: Ref<HTMLElement | undefined>;
     target: Ref<HTMLElement | [x: number, y: number] | undefined>;
@@ -95,7 +101,7 @@ declare const VBottomSheet: {
             component: vue.Component;
         }>;
         zIndex: NonNullable<string | number>;
-        modelValue: boolean | null;
+        modelValue: boolean;
         inset: boolean;
         origin: NonNullable<Anchor | "auto" | "overlap">;
         eager: boolean;
@@ -120,7 +126,7 @@ declare const VBottomSheet: {
         width?: string | number | undefined;
         height?: string | number | undefined;
         theme?: string | undefined;
-        target?: Element | (string & {}) | vue.ComponentPublicInstance | "parent" | "cursor" | [x: number, y: number] | undefined;
+        target?: Element | vue.ComponentPublicInstance | (string & {}) | "parent" | "cursor" | [x: number, y: number] | undefined;
         offset?: string | number | number[] | undefined;
         contentClass?: any;
         opacity?: string | number | undefined;
@@ -128,7 +134,7 @@ declare const VBottomSheet: {
         maxWidth?: string | number | undefined;
         minHeight?: string | number | undefined;
         minWidth?: string | number | undefined;
-        activator?: Element | (string & {}) | vue.ComponentPublicInstance | "parent" | undefined;
+        activator?: Element | vue.ComponentPublicInstance | (string & {}) | "parent" | undefined;
         closeDelay?: string | number | undefined;
         openDelay?: string | number | undefined;
         openOnClick?: boolean | undefined;
@@ -143,7 +149,7 @@ declare const VBottomSheet: {
             activator?: ((arg: {
                 isActive: boolean;
                 props: Record<string, any>;
-                targetRef: vue.Ref<any>;
+                targetRef: TemplateRef;
             }) => vue.VNodeChild) | undefined;
         } | ((arg: {
             isActive: vue.Ref<boolean>;
@@ -155,7 +161,7 @@ declare const VBottomSheet: {
             activator?: false | ((arg: {
                 isActive: boolean;
                 props: Record<string, any>;
-                targetRef: vue.Ref<any>;
+                targetRef: TemplateRef;
             }) => vue.VNodeChild) | undefined;
         } | undefined;
     } & {
@@ -165,7 +171,7 @@ declare const VBottomSheet: {
         "v-slot:activator"?: false | ((arg: {
             isActive: boolean;
             props: Record<string, any>;
-            targetRef: vue.Ref<any>;
+            targetRef: TemplateRef;
         }) => vue.VNodeChild) | undefined;
     } & {
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
@@ -181,7 +187,7 @@ declare const VBottomSheet: {
             component: vue.Component;
         }>;
         zIndex: NonNullable<string | number>;
-        modelValue: boolean | null;
+        modelValue: boolean;
         inset: boolean;
         origin: NonNullable<Anchor | "auto" | "overlap">;
         eager: boolean;
@@ -206,7 +212,7 @@ declare const VBottomSheet: {
         width?: string | number | undefined;
         height?: string | number | undefined;
         theme?: string | undefined;
-        target?: Element | (string & {}) | vue.ComponentPublicInstance | "parent" | "cursor" | [x: number, y: number] | undefined;
+        target?: Element | vue.ComponentPublicInstance | (string & {}) | "parent" | "cursor" | [x: number, y: number] | undefined;
         offset?: string | number | number[] | undefined;
         contentClass?: any;
         opacity?: string | number | undefined;
@@ -214,7 +220,7 @@ declare const VBottomSheet: {
         maxWidth?: string | number | undefined;
         minHeight?: string | number | undefined;
         minWidth?: string | number | undefined;
-        activator?: Element | (string & {}) | vue.ComponentPublicInstance | "parent" | undefined;
+        activator?: Element | vue.ComponentPublicInstance | (string & {}) | "parent" | undefined;
         closeDelay?: string | number | undefined;
         openDelay?: string | number | undefined;
         openOnClick?: boolean | undefined;
@@ -229,7 +235,7 @@ declare const VBottomSheet: {
             activator?: ((arg: {
                 isActive: boolean;
                 props: Record<string, any>;
-                targetRef: vue.Ref<any>;
+                targetRef: TemplateRef;
             }) => vue.VNodeChild) | undefined;
         } | ((arg: {
             isActive: vue.Ref<boolean>;
@@ -241,7 +247,7 @@ declare const VBottomSheet: {
             activator?: false | ((arg: {
                 isActive: boolean;
                 props: Record<string, any>;
-                targetRef: vue.Ref<any>;
+                targetRef: TemplateRef;
             }) => vue.VNodeChild) | undefined;
         } | undefined;
     } & {
@@ -251,7 +257,7 @@ declare const VBottomSheet: {
         "v-slot:activator"?: false | ((arg: {
             isActive: boolean;
             props: Record<string, any>;
-            targetRef: vue.Ref<any>;
+            targetRef: TemplateRef;
         }) => vue.VNodeChild) | undefined;
     } & {
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
@@ -265,7 +271,7 @@ declare const VBottomSheet: {
             component: vue.Component;
         }>;
         zIndex: NonNullable<string | number>;
-        modelValue: boolean | null;
+        modelValue: boolean;
         inset: boolean;
         origin: NonNullable<Anchor | "auto" | "overlap">;
         eager: boolean;
@@ -296,7 +302,7 @@ declare const VBottomSheet: {
         activator: (arg: {
             isActive: boolean;
             props: Record<string, any>;
-            targetRef: vue.Ref<any>;
+            targetRef: TemplateRef;
         }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
             [key: string]: any;
         }>[];
@@ -317,7 +323,7 @@ declare const VBottomSheet: {
             component: vue.Component;
         }>;
         zIndex: NonNullable<string | number>;
-        modelValue: boolean | null;
+        modelValue: boolean;
         inset: boolean;
         origin: NonNullable<Anchor | "auto" | "overlap">;
         eager: boolean;
@@ -342,7 +348,7 @@ declare const VBottomSheet: {
         width?: string | number | undefined;
         height?: string | number | undefined;
         theme?: string | undefined;
-        target?: Element | (string & {}) | vue.ComponentPublicInstance | "parent" | "cursor" | [x: number, y: number] | undefined;
+        target?: Element | vue.ComponentPublicInstance | (string & {}) | "parent" | "cursor" | [x: number, y: number] | undefined;
         offset?: string | number | number[] | undefined;
         contentClass?: any;
         opacity?: string | number | undefined;
@@ -350,7 +356,7 @@ declare const VBottomSheet: {
         maxWidth?: string | number | undefined;
         minHeight?: string | number | undefined;
         minWidth?: string | number | undefined;
-        activator?: Element | (string & {}) | vue.ComponentPublicInstance | "parent" | undefined;
+        activator?: Element | vue.ComponentPublicInstance | (string & {}) | "parent" | undefined;
         closeDelay?: string | number | undefined;
         openDelay?: string | number | undefined;
         openOnClick?: boolean | undefined;
@@ -365,7 +371,7 @@ declare const VBottomSheet: {
             activator?: ((arg: {
                 isActive: boolean;
                 props: Record<string, any>;
-                targetRef: vue.Ref<any>;
+                targetRef: TemplateRef;
             }) => vue.VNodeChild) | undefined;
         } | ((arg: {
             isActive: vue.Ref<boolean>;
@@ -377,7 +383,7 @@ declare const VBottomSheet: {
             activator?: false | ((arg: {
                 isActive: boolean;
                 props: Record<string, any>;
-                targetRef: vue.Ref<any>;
+                targetRef: TemplateRef;
             }) => vue.VNodeChild) | undefined;
         } | undefined;
     } & {
@@ -387,7 +393,7 @@ declare const VBottomSheet: {
         "v-slot:activator"?: false | ((arg: {
             isActive: boolean;
             props: Record<string, any>;
-            targetRef: vue.Ref<any>;
+            targetRef: TemplateRef;
         }) => vue.VNodeChild) | undefined;
     } & {
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
@@ -401,7 +407,7 @@ declare const VBottomSheet: {
             component: vue.Component;
         }>;
         zIndex: NonNullable<string | number>;
-        modelValue: boolean | null;
+        modelValue: boolean;
         inset: boolean;
         origin: NonNullable<Anchor | "auto" | "overlap">;
         eager: boolean;
@@ -437,7 +443,7 @@ declare const VBottomSheet: {
         component: vue.Component;
     }>;
     zIndex: NonNullable<string | number>;
-    modelValue: boolean | null;
+    modelValue: boolean;
     inset: boolean;
     origin: NonNullable<Anchor | "auto" | "overlap">;
     eager: boolean;
@@ -462,7 +468,7 @@ declare const VBottomSheet: {
     width?: string | number | undefined;
     height?: string | number | undefined;
     theme?: string | undefined;
-    target?: Element | (string & {}) | vue.ComponentPublicInstance | "parent" | "cursor" | [x: number, y: number] | undefined;
+    target?: Element | vue.ComponentPublicInstance | (string & {}) | "parent" | "cursor" | [x: number, y: number] | undefined;
     offset?: string | number | number[] | undefined;
     contentClass?: any;
     opacity?: string | number | undefined;
@@ -470,7 +476,7 @@ declare const VBottomSheet: {
     maxWidth?: string | number | undefined;
     minHeight?: string | number | undefined;
     minWidth?: string | number | undefined;
-    activator?: Element | (string & {}) | vue.ComponentPublicInstance | "parent" | undefined;
+    activator?: Element | vue.ComponentPublicInstance | (string & {}) | "parent" | undefined;
     closeDelay?: string | number | undefined;
     openDelay?: string | number | undefined;
     openOnClick?: boolean | undefined;
@@ -485,7 +491,7 @@ declare const VBottomSheet: {
         activator?: ((arg: {
             isActive: boolean;
             props: Record<string, any>;
-            targetRef: vue.Ref<any>;
+            targetRef: TemplateRef;
         }) => vue.VNodeChild) | undefined;
     } | ((arg: {
         isActive: vue.Ref<boolean>;
@@ -497,7 +503,7 @@ declare const VBottomSheet: {
         activator?: false | ((arg: {
             isActive: boolean;
             props: Record<string, any>;
-            targetRef: vue.Ref<any>;
+            targetRef: TemplateRef;
         }) => vue.VNodeChild) | undefined;
     } | undefined;
 } & {
@@ -507,7 +513,7 @@ declare const VBottomSheet: {
     "v-slot:activator"?: false | ((arg: {
         isActive: boolean;
         props: Record<string, any>;
-        targetRef: vue.Ref<any>;
+        targetRef: TemplateRef;
     }) => vue.VNodeChild) | undefined;
 } & {
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
@@ -523,7 +529,7 @@ declare const VBottomSheet: {
         component: vue.Component;
     }>;
     zIndex: NonNullable<string | number>;
-    modelValue: boolean | null;
+    modelValue: boolean;
     inset: boolean;
     origin: NonNullable<Anchor | "auto" | "overlap">;
     eager: boolean;
@@ -554,7 +560,7 @@ declare const VBottomSheet: {
     activator: (arg: {
         isActive: boolean;
         props: Record<string, any>;
-        targetRef: vue.Ref<any>;
+        targetRef: TemplateRef;
     }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
         [key: string]: any;
     }>[];
@@ -630,8 +636,8 @@ declare const VBottomSheet: {
     };
     closeDelay: (StringConstructor | NumberConstructor)[];
     openDelay: (StringConstructor | NumberConstructor)[];
-    target: vue.PropType<Element | (string & {}) | vue.ComponentPublicInstance | "parent" | "cursor" | [x: number, y: number] | undefined>;
-    activator: vue.PropType<Element | (string & {}) | vue.ComponentPublicInstance | "parent" | undefined>;
+    target: vue.PropType<Element | vue.ComponentPublicInstance | (string & {}) | "parent" | "cursor" | [x: number, y: number] | undefined>;
+    activator: vue.PropType<Element | vue.ComponentPublicInstance | (string & {}) | "parent" | undefined>;
     activatorProps: {
         type: vue.PropType<Record<string, any>>;
         default: () => {};
@@ -658,10 +664,7 @@ declare const VBottomSheet: {
     disabled: BooleanConstructor;
     opacity: (StringConstructor | NumberConstructor)[];
     noClickAnimation: BooleanConstructor;
-    modelValue: {
-        type: vue.PropType<boolean | null>;
-        default: null;
-    };
+    modelValue: BooleanConstructor;
     persistent: BooleanConstructor;
     scrim: {
         type: (StringConstructor | BooleanConstructor)[];
@@ -753,8 +756,8 @@ declare const VBottomSheet: {
     };
     closeDelay: (StringConstructor | NumberConstructor)[];
     openDelay: (StringConstructor | NumberConstructor)[];
-    target: vue.PropType<Element | (string & {}) | vue.ComponentPublicInstance | "parent" | "cursor" | [x: number, y: number] | undefined>;
-    activator: vue.PropType<Element | (string & {}) | vue.ComponentPublicInstance | "parent" | undefined>;
+    target: vue.PropType<Element | vue.ComponentPublicInstance | (string & {}) | "parent" | "cursor" | [x: number, y: number] | undefined>;
+    activator: vue.PropType<Element | vue.ComponentPublicInstance | (string & {}) | "parent" | undefined>;
     activatorProps: {
         type: vue.PropType<Record<string, any>>;
         default: () => {};
@@ -781,10 +784,7 @@ declare const VBottomSheet: {
     disabled: BooleanConstructor;
     opacity: (StringConstructor | NumberConstructor)[];
     noClickAnimation: BooleanConstructor;
-    modelValue: {
-        type: vue.PropType<boolean | null>;
-        default: null;
-    };
+    modelValue: BooleanConstructor;
     persistent: BooleanConstructor;
     scrim: {
         type: (StringConstructor | BooleanConstructor)[];

package/lib/components/VBtn/VBtn.css

@@ -144,13 +144,15 @@
   background: currentColor;
   opacity: var(--v-activated-opacity);
   border-radius: inherit;
-  position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   pointer-events: none;
 }
+.v-btn .v-btn__underlay {
+  position: absolute;
+}
 @supports selector(:focus-visible) {
   .v-btn::after {
     content: "";

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

@@ -39,6 +39,8 @@ interface GroupProvide {
 interface GroupItemProvide {
     id: number;
     isSelected: Ref<boolean>;
+    isFirst: Ref<boolean>;
+    isLast: Ref<boolean>;
     toggle: () => void;
     select: (value: boolean) => void;
     selectedClass: Ref<(string | undefined)[] | false>;

package/lib/components/VCard/VCard.css

@@ -82,13 +82,15 @@
   background: currentColor;
   opacity: var(--v-activated-opacity);
   border-radius: inherit;
-  position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   pointer-events: none;
 }
+.v-card .v-card__underlay {
+  position: absolute;
+}
 .v-card--disabled {
   pointer-events: none;
   user-select: none;

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

@@ -549,7 +549,7 @@ declare const VCarouselItem: {
         transition?: string | boolean | undefined;
         position?: string | undefined;
         rounded?: string | number | boolean | undefined;
-        contentClass?: string | undefined;
+        contentClass?: any;
         maxHeight?: string | number | undefined;
         maxWidth?: string | number | undefined;
         minHeight?: string | number | undefined;
@@ -601,7 +601,7 @@ declare const VCarouselItem: {
         transition?: string | boolean | undefined;
         position?: string | undefined;
         rounded?: string | number | boolean | undefined;
-        contentClass?: string | undefined;
+        contentClass?: any;
         maxHeight?: string | number | undefined;
         maxWidth?: string | number | undefined;
         minHeight?: string | number | undefined;
@@ -686,7 +686,7 @@ declare const VCarouselItem: {
         transition?: string | boolean | undefined;
         position?: string | undefined;
         rounded?: string | number | boolean | undefined;
-        contentClass?: string | undefined;
+        contentClass?: any;
         maxHeight?: string | number | undefined;
         maxWidth?: string | number | undefined;
         minHeight?: string | number | undefined;
@@ -755,7 +755,7 @@ declare const VCarouselItem: {
     transition?: string | boolean | undefined;
     position?: string | undefined;
     rounded?: string | number | boolean | undefined;
-    contentClass?: string | undefined;
+    contentClass?: any;
     maxHeight?: string | number | undefined;
     maxWidth?: string | number | undefined;
     minHeight?: string | number | undefined;
@@ -842,7 +842,7 @@ declare const VCarouselItem: {
     minWidth: (StringConstructor | NumberConstructor)[];
     width: (StringConstructor | NumberConstructor)[];
     aspectRatio: (StringConstructor | NumberConstructor)[];
-    contentClass: StringConstructor;
+    contentClass: null;
     inline: BooleanConstructor;
     alt: StringConstructor;
     cover: BooleanConstructor;
@@ -900,7 +900,7 @@ declare const VCarouselItem: {
     minWidth: (StringConstructor | NumberConstructor)[];
     width: (StringConstructor | NumberConstructor)[];
     aspectRatio: (StringConstructor | NumberConstructor)[];
-    contentClass: StringConstructor;
+    contentClass: null;
     inline: BooleanConstructor;
     alt: StringConstructor;
     cover: BooleanConstructor;

package/lib/components/VChip/VChip.css

@@ -332,13 +332,15 @@
   background: currentColor;
   opacity: var(--v-activated-opacity);
   border-radius: inherit;
-  position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   pointer-events: none;
 }
+.v-chip .v-chip__underlay {
+  position: absolute;
+}
 .v-chip--border {
   border-width: thin;
 }

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

@@ -79,7 +79,7 @@ declare const VChipGroup: {
         style: vue.StyleValue;
         disabled: boolean;
         tag: string;
-        mobile: boolean;
+        mobile: boolean | null;
         variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
         column: boolean;
         multiple: boolean;
@@ -105,7 +105,7 @@ declare const VChipGroup: {
         style: vue.StyleValue;
         disabled: boolean;
         tag: string;
-        mobile: boolean;
+        mobile: boolean | null;
         variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
         column: boolean;
         multiple: boolean;
@@ -129,7 +129,7 @@ declare const VChipGroup: {
         style: vue.StyleValue;
         disabled: boolean;
         tag: string;
-        mobile: boolean;
+        mobile: boolean | null;
         variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
         column: boolean;
         multiple: boolean;
@@ -162,7 +162,7 @@ declare const VChipGroup: {
         style: vue.StyleValue;
         disabled: boolean;
         tag: string;
-        mobile: boolean;
+        mobile: boolean | null;
         variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
         column: boolean;
         multiple: boolean;
@@ -186,7 +186,7 @@ declare const VChipGroup: {
         style: vue.StyleValue;
         disabled: boolean;
         tag: string;
-        mobile: boolean;
+        mobile: boolean | null;
         variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
         column: boolean;
         multiple: boolean;
@@ -206,7 +206,7 @@ declare const VChipGroup: {
     style: vue.StyleValue;
     disabled: boolean;
     tag: string;
-    mobile: boolean;
+    mobile: boolean | null;
     variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
     column: boolean;
     multiple: boolean;
@@ -232,7 +232,7 @@ declare const VChipGroup: {
     style: vue.StyleValue;
     disabled: boolean;
     tag: string;
-    mobile: boolean;
+    mobile: boolean | null;
     variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
     column: boolean;
     multiple: boolean;
@@ -291,8 +291,8 @@ declare const VChipGroup: {
         default: null;
     };
     mobile: {
-        type: BooleanConstructor;
-        default: null;
+        type: PropType<boolean | null>;
+        default: boolean;
     };
     mobileBreakpoint: PropType<number | DisplayBreakpoint>;
     centerActive: BooleanConstructor;
@@ -355,8 +355,8 @@ declare const VChipGroup: {
         default: null;
     };
     mobile: {
-        type: BooleanConstructor;
-        default: null;
+        type: PropType<boolean | null>;
+        default: boolean;
     };
     mobileBreakpoint: PropType<number | DisplayBreakpoint>;
     centerActive: BooleanConstructor;

package/lib/components/VColorPicker/VColorPickerCanvas.mjs

@@ -77,7 +77,7 @@ export const VColorPickerCanvas = defineComponent({
     const {
       resizeRef
     } = useResizeObserver(entries => {
-      if (!resizeRef.value?.offsetParent) return;
+      if (!resizeRef.el?.offsetParent) return;
       const {
         width,
         height