@vuetify/nightly 3.6.14-master.2024-08-04 → 3.6.14-master.2024-08-13

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

@@ -1,5 +1,5 @@
 import * as vue from 'vue';
-import { ComponentPropsOptions, ExtractPropTypes, PropType } from 'vue';
+import { ComponentPropsOptions, ExtractPropTypes, PropType, DeepReadonly } from 'vue';
 
 type HSV = {
     h: number;
@@ -7,11 +7,26 @@ type HSV = {
     v: number;
     a?: number;
 };
+type RGB = {
+    r: number;
+    g: number;
+    b: number;
+    a?: number;
+};
+type HSL = {
+    h: number;
+    s: number;
+    l: number;
+    a?: number;
+};
+type Color = string | number | HSV | RGB | HSL;
 
 interface FilterPropsOptions<PropsOptions extends Readonly<ComponentPropsOptions>, Props = ExtractPropTypes<PropsOptions>> {
     filterProps<T extends Partial<Props>, U extends Exclude<keyof Props, Exclude<keyof Props, keyof T>>>(props: T): Partial<Pick<T, U>>;
 }
 
+type ClassValue = any;
+
 type ColorPickerMode = {
     inputProps: Record<string, unknown>;
     inputs: {
@@ -61,7 +76,7 @@ declare const modes: {
 declare const VColorPicker: {
     new (...args: any[]): vue.CreateComponentPublicInstance<Readonly<vue.ExtractPropTypes<{
         width: {
-            type: PropType<NonNullable<string | number>>;
+            type: PropType<string | number>;
             default: NonNullable<string | number>;
         };
         border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
@@ -74,7 +89,7 @@ declare const VColorPicker: {
             type: PropType<vue.StyleValue>;
             default: null;
         };
-        class: PropType<any>;
+        class: PropType<ClassValue>;
         tag: {
             type: StringConstructor;
             default: string;
@@ -102,38 +117,23 @@ declare const VColorPicker: {
         hideSliders: BooleanConstructor;
         hideInputs: BooleanConstructor;
         mode: {
-            type: PropType<"rgb" | "rgba" | "hsl" | "hsla" | "hex" | "hexa">;
+            type: PropType<keyof typeof modes>;
             default: string;
             validator: (v: string) => boolean;
         };
         modes: {
-            type: PropType<readonly ("rgb" | "rgba" | "hsl" | "hsla" | "hex" | "hexa")[]>;
+            type: PropType<readonly (keyof typeof modes)[]>;
             default: () => string[];
             validator: (v: any) => boolean;
         };
         showSwatches: BooleanConstructor;
-        swatches: PropType<readonly (readonly (string | number | {
-            readonly r: number;
-            readonly g: number;
-            readonly b: number;
-            readonly a?: number | undefined;
-        } | {
-            readonly h: number;
-            readonly s: number;
-            readonly v: number;
-            readonly a?: number | undefined;
-        } | {
-            readonly h: number;
-            readonly s: number;
-            readonly l: number;
-            readonly a?: number | undefined;
-        })[])[]>;
+        swatches: PropType<DeepReadonly<Color[][]>>;
         swatchesMaxHeight: {
             type: (StringConstructor | NumberConstructor)[];
             default: number;
         };
         modelValue: {
-            type: PropType<string | Record<string, unknown> | null | undefined>;
+            type: PropType<Record<string, unknown> | string | undefined | null>;
         };
     }>> & {
         "onUpdate:modelValue"?: ((color: any) => any) | undefined;
@@ -143,7 +143,7 @@ declare const VColorPicker: {
         'update:mode': (mode: keyof typeof modes) => true;
     }, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & Readonly<vue.ExtractPropTypes<{
         width: {
-            type: PropType<NonNullable<string | number>>;
+            type: PropType<string | number>;
             default: NonNullable<string | number>;
         };
         border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
@@ -156,7 +156,7 @@ declare const VColorPicker: {
             type: PropType<vue.StyleValue>;
             default: null;
         };
-        class: PropType<any>;
+        class: PropType<ClassValue>;
         tag: {
             type: StringConstructor;
             default: string;
@@ -184,44 +184,29 @@ declare const VColorPicker: {
         hideSliders: BooleanConstructor;
         hideInputs: BooleanConstructor;
         mode: {
-            type: PropType<"rgb" | "rgba" | "hsl" | "hsla" | "hex" | "hexa">;
+            type: PropType<keyof typeof modes>;
             default: string;
             validator: (v: string) => boolean;
         };
         modes: {
-            type: PropType<readonly ("rgb" | "rgba" | "hsl" | "hsla" | "hex" | "hexa")[]>;
+            type: PropType<readonly (keyof typeof modes)[]>;
             default: () => string[];
             validator: (v: any) => boolean;
         };
         showSwatches: BooleanConstructor;
-        swatches: PropType<readonly (readonly (string | number | {
-            readonly r: number;
-            readonly g: number;
-            readonly b: number;
-            readonly a?: number | undefined;
-        } | {
-            readonly h: number;
-            readonly s: number;
-            readonly v: number;
-            readonly a?: number | undefined;
-        } | {
-            readonly h: number;
-            readonly s: number;
-            readonly l: number;
-            readonly a?: number | undefined;
-        })[])[]>;
+        swatches: PropType<DeepReadonly<Color[][]>>;
         swatchesMaxHeight: {
             type: (StringConstructor | NumberConstructor)[];
             default: number;
         };
         modelValue: {
-            type: PropType<string | Record<string, unknown> | null | undefined>;
+            type: PropType<Record<string, unknown> | string | undefined | null>;
         };
     }>> & {
         "onUpdate:modelValue"?: ((color: any) => any) | undefined;
         "onUpdate:mode"?: ((mode: "rgb" | "rgba" | "hsl" | "hsla" | "hex" | "hexa") => any) | undefined;
     }, {
-        width: NonNullable<string | number>;
+        width: string | number;
         style: vue.StyleValue;
         disabled: boolean;
         tag: string;
@@ -245,7 +230,7 @@ declare const VColorPicker: {
         Defaults: {};
     }, Readonly<vue.ExtractPropTypes<{
         width: {
-            type: PropType<NonNullable<string | number>>;
+            type: PropType<string | number>;
             default: NonNullable<string | number>;
         };
         border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
@@ -258,7 +243,7 @@ declare const VColorPicker: {
             type: PropType<vue.StyleValue>;
             default: null;
         };
-        class: PropType<any>;
+        class: PropType<ClassValue>;
         tag: {
             type: StringConstructor;
             default: string;
@@ -286,44 +271,29 @@ declare const VColorPicker: {
         hideSliders: BooleanConstructor;
         hideInputs: BooleanConstructor;
         mode: {
-            type: PropType<"rgb" | "rgba" | "hsl" | "hsla" | "hex" | "hexa">;
+            type: PropType<keyof typeof modes>;
             default: string;
             validator: (v: string) => boolean;
         };
         modes: {
-            type: PropType<readonly ("rgb" | "rgba" | "hsl" | "hsla" | "hex" | "hexa")[]>;
+            type: PropType<readonly (keyof typeof modes)[]>;
             default: () => string[];
             validator: (v: any) => boolean;
         };
         showSwatches: BooleanConstructor;
-        swatches: PropType<readonly (readonly (string | number | {
-            readonly r: number;
-            readonly g: number;
-            readonly b: number;
-            readonly a?: number | undefined;
-        } | {
-            readonly h: number;
-            readonly s: number;
-            readonly v: number;
-            readonly a?: number | undefined;
-        } | {
-            readonly h: number;
-            readonly s: number;
-            readonly l: number;
-            readonly a?: number | undefined;
-        })[])[]>;
+        swatches: PropType<DeepReadonly<Color[][]>>;
         swatchesMaxHeight: {
             type: (StringConstructor | NumberConstructor)[];
             default: number;
         };
         modelValue: {
-            type: PropType<string | Record<string, unknown> | null | undefined>;
+            type: PropType<Record<string, unknown> | string | undefined | null>;
         };
     }>> & {
         "onUpdate:modelValue"?: ((color: any) => any) | undefined;
         "onUpdate:mode"?: ((mode: "rgb" | "rgba" | "hsl" | "hsla" | "hex" | "hexa") => any) | undefined;
     }, {}, {}, {}, {}, {
-        width: NonNullable<string | number>;
+        width: string | number;
         style: vue.StyleValue;
         disabled: boolean;
         tag: string;
@@ -339,12 +309,12 @@ declare const VColorPicker: {
         showSwatches: boolean;
         swatchesMaxHeight: string | number;
     }>;
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
 } & vue.ComponentOptionsBase<Readonly<vue.ExtractPropTypes<{
     width: {
-        type: PropType<NonNullable<string | number>>;
+        type: PropType<string | number>;
         default: NonNullable<string | number>;
     };
     border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
@@ -357,7 +327,7 @@ declare const VColorPicker: {
         type: PropType<vue.StyleValue>;
         default: null;
     };
-    class: PropType<any>;
+    class: PropType<ClassValue>;
     tag: {
         type: StringConstructor;
         default: string;
@@ -385,38 +355,23 @@ declare const VColorPicker: {
     hideSliders: BooleanConstructor;
     hideInputs: BooleanConstructor;
     mode: {
-        type: PropType<"rgb" | "rgba" | "hsl" | "hsla" | "hex" | "hexa">;
+        type: PropType<keyof typeof modes>;
         default: string;
         validator: (v: string) => boolean;
     };
     modes: {
-        type: PropType<readonly ("rgb" | "rgba" | "hsl" | "hsla" | "hex" | "hexa")[]>;
+        type: PropType<readonly (keyof typeof modes)[]>;
         default: () => string[];
         validator: (v: any) => boolean;
     };
     showSwatches: BooleanConstructor;
-    swatches: PropType<readonly (readonly (string | number | {
-        readonly r: number;
-        readonly g: number;
-        readonly b: number;
-        readonly a?: number | undefined;
-    } | {
-        readonly h: number;
-        readonly s: number;
-        readonly v: number;
-        readonly a?: number | undefined;
-    } | {
-        readonly h: number;
-        readonly s: number;
-        readonly l: number;
-        readonly a?: number | undefined;
-    })[])[]>;
+    swatches: PropType<DeepReadonly<Color[][]>>;
     swatchesMaxHeight: {
         type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
     modelValue: {
-        type: PropType<string | Record<string, unknown> | null | undefined>;
+        type: PropType<Record<string, unknown> | string | undefined | null>;
     };
 }>> & {
     "onUpdate:modelValue"?: ((color: any) => any) | undefined;
@@ -425,7 +380,7 @@ declare const VColorPicker: {
     'update:modelValue': (color: any) => true;
     'update:mode': (mode: keyof typeof modes) => true;
 }, string, {
-    width: NonNullable<string | number>;
+    width: string | number;
     style: vue.StyleValue;
     disabled: boolean;
     tag: string;
@@ -442,7 +397,7 @@ declare const VColorPicker: {
     swatchesMaxHeight: string | number;
 }, {}, string, {}> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
     width: {
-        type: PropType<NonNullable<string | number>>;
+        type: PropType<string | number>;
         default: NonNullable<string | number>;
     };
     border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
@@ -455,7 +410,7 @@ declare const VColorPicker: {
         type: PropType<vue.StyleValue>;
         default: null;
     };
-    class: PropType<any>;
+    class: PropType<ClassValue>;
     tag: {
         type: StringConstructor;
         default: string;
@@ -483,42 +438,27 @@ declare const VColorPicker: {
     hideSliders: BooleanConstructor;
     hideInputs: BooleanConstructor;
     mode: {
-        type: PropType<"rgb" | "rgba" | "hsl" | "hsla" | "hex" | "hexa">;
+        type: PropType<keyof typeof modes>;
         default: string;
         validator: (v: string) => boolean;
     };
     modes: {
-        type: PropType<readonly ("rgb" | "rgba" | "hsl" | "hsla" | "hex" | "hexa")[]>;
+        type: PropType<readonly (keyof typeof modes)[]>;
         default: () => string[];
         validator: (v: any) => boolean;
     };
     showSwatches: BooleanConstructor;
-    swatches: PropType<readonly (readonly (string | number | {
-        readonly r: number;
-        readonly g: number;
-        readonly b: number;
-        readonly a?: number | undefined;
-    } | {
-        readonly h: number;
-        readonly s: number;
-        readonly v: number;
-        readonly a?: number | undefined;
-    } | {
-        readonly h: number;
-        readonly s: number;
-        readonly l: number;
-        readonly a?: number | undefined;
-    })[])[]>;
+    swatches: PropType<DeepReadonly<Color[][]>>;
     swatchesMaxHeight: {
         type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
     modelValue: {
-        type: PropType<string | Record<string, unknown> | null | undefined>;
+        type: PropType<Record<string, unknown> | string | undefined | null>;
     };
 }, vue.ExtractPropTypes<{
     width: {
-        type: PropType<NonNullable<string | number>>;
+        type: PropType<string | number>;
         default: NonNullable<string | number>;
     };
     border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
@@ -531,7 +471,7 @@ declare const VColorPicker: {
         type: PropType<vue.StyleValue>;
         default: null;
     };
-    class: PropType<any>;
+    class: PropType<ClassValue>;
     tag: {
         type: StringConstructor;
         default: string;
@@ -559,38 +499,23 @@ declare const VColorPicker: {
     hideSliders: BooleanConstructor;
     hideInputs: BooleanConstructor;
     mode: {
-        type: PropType<"rgb" | "rgba" | "hsl" | "hsla" | "hex" | "hexa">;
+        type: PropType<keyof typeof modes>;
         default: string;
         validator: (v: string) => boolean;
     };
     modes: {
-        type: PropType<readonly ("rgb" | "rgba" | "hsl" | "hsla" | "hex" | "hexa")[]>;
+        type: PropType<readonly (keyof typeof modes)[]>;
         default: () => string[];
         validator: (v: any) => boolean;
     };
     showSwatches: BooleanConstructor;
-    swatches: PropType<readonly (readonly (string | number | {
-        readonly r: number;
-        readonly g: number;
-        readonly b: number;
-        readonly a?: number | undefined;
-    } | {
-        readonly h: number;
-        readonly s: number;
-        readonly v: number;
-        readonly a?: number | undefined;
-    } | {
-        readonly h: number;
-        readonly s: number;
-        readonly l: number;
-        readonly a?: number | undefined;
-    })[])[]>;
+    swatches: PropType<DeepReadonly<Color[][]>>;
     swatchesMaxHeight: {
         type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
     modelValue: {
-        type: PropType<string | Record<string, unknown> | null | undefined>;
+        type: PropType<Record<string, unknown> | string | undefined | null>;
     };
 }>>;
 type VColorPicker = InstanceType<typeof VColorPicker>;