@vuetify/nightly 3.7.6-dev.2024-12-18 → 3.7.6-master.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: string;
+    id: number;
     value: Ref<unknown>;
     disabled: Ref<boolean | undefined>;
     useIndexAsValue?: boolean;
 }
 interface GroupProvide {
     register: (item: GroupItem, cmp: ComponentInternalInstance) => void;
-    unregister: (id: string) => void;
-    select: (id: string, value: boolean) => void;
-    selected: Ref<Readonly<string[]>>;
-    isSelected: (id: string) => boolean;
+    unregister: (id: number) => void;
+    select: (id: number, value: boolean) => void;
+    selected: Ref<Readonly<number[]>>;
+    isSelected: (id: number) => boolean;
     prev: () => void;
     next: () => void;
     selectedClass: Ref<string | undefined>;
     items: ComputedRef<{
-        id: string;
+        id: number;
         value: unknown;
         disabled: boolean | undefined;
     }[]>;
@@ -73,15 +73,15 @@ type Variant = typeof allowedVariants[number];
 
 type VChipGroupSlots = {
     default: {
-        isSelected: (id: string) => boolean;
-        select: (id: string, value: boolean) => void;
+        isSelected: (id: number) => boolean;
+        select: (id: number, value: boolean) => void;
         next: () => void;
         prev: () => void;
-        selected: readonly string[];
+        selected: readonly number[];
     };
 };
 declare const VChipGroup: {
-    new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<{
+    new (...args: any[]): vue.CreateComponentPublicInstance<{
         symbol: any;
         filter: boolean;
         variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
@@ -104,11 +104,34 @@ 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, {
+    }, "$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;
+    } & {}, {
         symbol: any;
         filter: boolean;
         variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
@@ -126,13 +149,13 @@ declare const VChipGroup: {
         prevIcon: IconValue;
     }, true, {}, vue.SlotsType<Partial<{
         default: (arg: {
-            isSelected: (id: string) => boolean;
-            select: (id: string, value: boolean) => void;
+            isSelected: (id: number) => boolean;
+            select: (id: number, value: boolean) => void;
             next: () => void;
             prev: () => void;
-            selected: readonly string[];
+            selected: readonly number[];
         }) => vue.VNode[];
-    }>>, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
+    }>>, {
         P: {};
         B: {};
         D: {};
@@ -162,7 +185,6 @@ declare const VChipGroup: {
         theme?: string | undefined;
         mandatory?: boolean | "force" | undefined;
         mobileBreakpoint?: number | DisplayBreakpoint | undefined;
-        baseColor?: string | undefined;
         showArrows?: string | boolean | undefined;
     } & {}, {}, {}, {}, {}, {
         symbol: any;
@@ -207,7 +229,6 @@ 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;
@@ -229,13 +250,13 @@ declare const VChipGroup: {
     prevIcon: IconValue;
 }, {}, string, vue.SlotsType<Partial<{
     default: (arg: {
-        isSelected: (id: string) => boolean;
-        select: (id: string, value: boolean) => void;
+        isSelected: (id: number) => boolean;
+        select: (id: number, value: boolean) => void;
         next: () => void;
         prev: () => void;
-        selected: readonly string[];
+        selected: readonly number[];
     }) => vue.VNode[];
-}>>, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T>(props: {
+}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T>(props: {
     modelValue?: T;
     "onUpdate:modelValue"?: (value: T) => void;
 }, slots: VChipGroupSlots) => GenericProps<typeof props, typeof slots>) & FilterPropsOptions<{
@@ -299,7 +320,6 @@ declare const VChipGroup: {
         type: (StringConstructor | BooleanConstructor)[];
         validator: (v: any) => boolean;
     };
-    baseColor: StringConstructor;
     column: BooleanConstructor;
     filter: BooleanConstructor;
     valueComparator: {
@@ -367,7 +387,6 @@ 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.CreateComponentPublicInstanceWithMixins<{
+    new (...args: any[]): vue.CreateComponentPublicInstance<{
         style: vue.StyleValue;
         tag: string;
     } & {
@@ -24,12 +24,26 @@ 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, {
+    }>, 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;
+    }, {
         style: vue.StyleValue;
         tag: string;
     }, true, {}, vue.SlotsType<Partial<{
         default: () => vue.VNode[];
-    }>>, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
+    }>>, {
         P: {};
         B: {};
         D: {};
@@ -80,7 +94,7 @@ declare const VCode: {
     tag: string;
 }, {}, string, vue.SlotsType<Partial<{
     default: () => vue.VNode[];
-}>>, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
+}>>> & 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 { createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
+import { mergeProps as _mergeProps, createVNode as _createVNode } 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.CreateComponentPublicInstanceWithMixins<Readonly<vue.ExtractPropTypes<{
+    new (...args: any[]): vue.CreateComponentPublicInstance<Readonly<vue.ExtractPropTypes<{
         width: {
             type: PropType<string | number>;
             default: NonNullable<string | number>;
@@ -141,7 +141,71 @@ declare const VColorPicker: {
     }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
         'update:modelValue': (color: any) => true;
         'update:mode': (mode: keyof typeof modes) => true;
-    }, vue.PublicProps, {
+    }, 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;
+    }, {
         width: string | number;
         style: vue.StyleValue;
         disabled: boolean;
@@ -157,7 +221,7 @@ declare const VColorPicker: {
         hideInputs: boolean;
         showSwatches: boolean;
         swatchesMaxHeight: string | number;
-    }, true, {}, {}, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
+    }, true, {}, {}, {
         P: {};
         B: {};
         D: {};
@@ -331,7 +395,7 @@ declare const VColorPicker: {
     hideInputs: boolean;
     showSwatches: boolean;
     swatchesMaxHeight: string | number;
-}, {}, string, {}, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
+}, {}, string, {}> & 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 { Fragment as _Fragment, createVNode as _createVNode, mergeProps as _mergeProps, createTextVNode as _createTextVNode } from "vue";
+import { createTextVNode as _createTextVNode, mergeProps as _mergeProps, createVNode as _createVNode, Fragment as _Fragment } from "vue";
 // Styles
 import "./VCombobox.css";