@vuetify/nightly 3.7.5-master.2024-12-17 → 3.7.6-dev.2024-12-18

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

@@ -41,22 +41,22 @@ type IconValue = string | (string | [path: string, opacity: number])[] | JSXComp
 declare const IconValue: PropType<IconValue>;
 
 interface GroupItem {
-    id: number;
+    id: string;
     value: Ref<unknown>;
     disabled: Ref<boolean | undefined>;
     useIndexAsValue?: boolean;
 }
 interface GroupProvide {
     register: (item: GroupItem, cmp: ComponentInternalInstance) => void;
-    unregister: (id: number) => void;
-    select: (id: number, value: boolean) => void;
-    selected: Ref<Readonly<number[]>>;
-    isSelected: (id: number) => boolean;
+    unregister: (id: string) => void;
+    select: (id: string, value: boolean) => void;
+    selected: Ref<Readonly<string[]>>;
+    isSelected: (id: string) => boolean;
     prev: () => void;
     next: () => void;
     selectedClass: Ref<string | undefined>;
     items: ComputedRef<{
-        id: number;
+        id: string;
         value: unknown;
         disabled: boolean | undefined;
     }[]>;
@@ -73,15 +73,15 @@ type Variant = typeof allowedVariants[number];
 
 type VChipGroupSlots = {
     default: {
-        isSelected: (id: number) => boolean;
-        select: (id: number, value: boolean) => void;
+        isSelected: (id: string) => boolean;
+        select: (id: string, value: boolean) => void;
         next: () => void;
         prev: () => void;
-        selected: readonly number[];
+        selected: readonly string[];
     };
 };
 declare const VChipGroup: {
-    new (...args: any[]): vue.CreateComponentPublicInstance<{
+    new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<{
         symbol: any;
         filter: boolean;
         variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
@@ -104,34 +104,11 @@ declare const VChipGroup: {
         theme?: string | undefined;
         mandatory?: boolean | "force" | undefined;
         mobileBreakpoint?: number | DisplayBreakpoint | undefined;
+        baseColor?: string | undefined;
         showArrows?: string | boolean | undefined;
     } & {}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
         'update:modelValue': (value: any) => true;
-    }, "$children" | "v-slots" | "v-slot:default" | "modelValue" | "update:modelValue">, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
-        symbol: any;
-        filter: boolean;
-        variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
-        direction: "horizontal" | "vertical";
-        style: vue.StyleValue;
-        mobile: boolean | null;
-        disabled: boolean;
-        multiple: boolean;
-        tag: string;
-        column: boolean;
-        selectedClass: string;
-        valueComparator: typeof deepEqual;
-        centerActive: boolean;
-        nextIcon: IconValue;
-        prevIcon: IconValue;
-    } & {
-        max?: number | undefined;
-        color?: string | undefined;
-        class?: any;
-        theme?: string | undefined;
-        mandatory?: boolean | "force" | undefined;
-        mobileBreakpoint?: number | DisplayBreakpoint | undefined;
-        showArrows?: string | boolean | undefined;
-    } & {}, {
+    }, "$children" | "v-slots" | "v-slot:default" | "modelValue" | "update:modelValue">, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
         symbol: any;
         filter: boolean;
         variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
@@ -149,13 +126,13 @@ declare const VChipGroup: {
         prevIcon: IconValue;
     }, true, {}, vue.SlotsType<Partial<{
         default: (arg: {
-            isSelected: (id: number) => boolean;
-            select: (id: number, value: boolean) => void;
+            isSelected: (id: string) => boolean;
+            select: (id: string, value: boolean) => void;
             next: () => void;
             prev: () => void;
-            selected: readonly number[];
+            selected: readonly string[];
         }) => vue.VNode[];
-    }>>, {
+    }>>, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
@@ -185,6 +162,7 @@ declare const VChipGroup: {
         theme?: string | undefined;
         mandatory?: boolean | "force" | undefined;
         mobileBreakpoint?: number | DisplayBreakpoint | undefined;
+        baseColor?: string | undefined;
         showArrows?: string | boolean | undefined;
     } & {}, {}, {}, {}, {}, {
         symbol: any;
@@ -229,6 +207,7 @@ declare const VChipGroup: {
     theme?: string | undefined;
     mandatory?: boolean | "force" | undefined;
     mobileBreakpoint?: number | DisplayBreakpoint | undefined;
+    baseColor?: string | undefined;
     showArrows?: string | boolean | undefined;
 } & {}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
     'update:modelValue': (value: any) => true;
@@ -250,13 +229,13 @@ declare const VChipGroup: {
     prevIcon: IconValue;
 }, {}, string, vue.SlotsType<Partial<{
     default: (arg: {
-        isSelected: (id: number) => boolean;
-        select: (id: number, value: boolean) => void;
+        isSelected: (id: string) => boolean;
+        select: (id: string, value: boolean) => void;
         next: () => void;
         prev: () => void;
-        selected: readonly number[];
+        selected: readonly string[];
     }) => 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: VChipGroupSlots) => GenericProps<typeof props, typeof slots>) & FilterPropsOptions<{
@@ -320,6 +299,7 @@ declare const VChipGroup: {
         type: (StringConstructor | BooleanConstructor)[];
         validator: (v: any) => boolean;
     };
+    baseColor: StringConstructor;
     column: BooleanConstructor;
     filter: BooleanConstructor;
     valueComparator: {
@@ -387,6 +367,7 @@ declare const VChipGroup: {
         type: (StringConstructor | BooleanConstructor)[];
         validator: (v: any) => boolean;
     };
+    baseColor: StringConstructor;
     column: BooleanConstructor;
     filter: BooleanConstructor;
     valueComparator: {

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

@@ -8,7 +8,7 @@ interface FilterPropsOptions<PropsOptions extends Readonly<ComponentPropsOptions
 type ClassValue = any;
 
 declare const VCode: {
-    new (...args: any[]): vue.CreateComponentPublicInstance<{
+    new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<{
         style: vue.StyleValue;
         tag: string;
     } & {
@@ -24,26 +24,12 @@ declare const VCode: {
         "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: {};
@@ -94,7 +80,7 @@ declare const VCode: {
     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/VColorPicker/VColorPicker.mjs

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

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

@@ -74,7 +74,7 @@ declare const modes: {
 };
 
 declare const VColorPicker: {
-    new (...args: any[]): vue.CreateComponentPublicInstance<Readonly<vue.ExtractPropTypes<{
+    new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<Readonly<vue.ExtractPropTypes<{
         width: {
             type: PropType<string | number>;
             default: NonNullable<string | number>;
@@ -141,71 +141,7 @@ declare const VColorPicker: {
     }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
         'update:modelValue': (color: any) => true;
         'update:mode': (mode: keyof typeof modes) => true;
-    }, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & Readonly<vue.ExtractPropTypes<{
-        width: {
-            type: PropType<string | number>;
-            default: NonNullable<string | number>;
-        };
-        border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
-        color: StringConstructor;
-        position: {
-            type: PropType<"fixed" | "absolute" | "relative" | "static" | "sticky">;
-            validator: (v: any) => boolean;
-        };
-        style: {
-            type: PropType<vue.StyleValue>;
-            default: null;
-        };
-        class: PropType<ClassValue>;
-        theme: StringConstructor;
-        tag: {
-            type: StringConstructor;
-            default: string;
-        };
-        elevation: {
-            type: (StringConstructor | NumberConstructor)[];
-            validator(v: any): boolean;
-        };
-        rounded: {
-            type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
-            default: undefined;
-        };
-        tile: BooleanConstructor;
-        canvasHeight: {
-            type: (StringConstructor | NumberConstructor)[];
-            default: number;
-        };
-        disabled: BooleanConstructor;
-        dotSize: {
-            type: (StringConstructor | NumberConstructor)[];
-            default: number;
-        };
-        hideCanvas: BooleanConstructor;
-        hideSliders: BooleanConstructor;
-        hideInputs: BooleanConstructor;
-        mode: {
-            type: PropType<keyof typeof modes>;
-            default: string;
-            validator: (v: string) => boolean;
-        };
-        modes: {
-            type: PropType<readonly (keyof typeof modes)[]>;
-            default: () => string[];
-            validator: (v: any) => boolean;
-        };
-        showSwatches: BooleanConstructor;
-        swatches: PropType<DeepReadonly<Color[][]>>;
-        swatchesMaxHeight: {
-            type: (StringConstructor | NumberConstructor)[];
-            default: number;
-        };
-        modelValue: {
-            type: PropType<Record<string, unknown> | string | undefined | null>;
-        };
-    }>> & {
-        "onUpdate:modelValue"?: ((color: any) => any) | undefined;
-        "onUpdate:mode"?: ((mode: "rgb" | "hex" | "rgba" | "hsl" | "hsla" | "hexa") => any) | undefined;
-    }, {
+    }, vue.PublicProps, {
         width: string | number;
         style: vue.StyleValue;
         disabled: boolean;
@@ -221,7 +157,7 @@ declare const VColorPicker: {
         hideInputs: boolean;
         showSwatches: boolean;
         swatchesMaxHeight: string | number;
-    }, true, {}, {}, {
+    }, true, {}, {}, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
@@ -395,7 +331,7 @@ declare const VColorPicker: {
     hideInputs: boolean;
     showSwatches: boolean;
     swatchesMaxHeight: string | number;
-}, {}, string, {}> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
+}, {}, string, {}, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
     width: {
         type: PropType<string | number>;
         default: NonNullable<string | number>;

package/lib/components/VCombobox/VCombobox.mjs

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