@vuetify/nightly 3.9.3-master.2025-07-30 → 3.9.3-master.2025-07-31

package/lib/labs/VColorInput/VColorInput.d.ts

@@ -1,3 +1,5 @@
+import { VAvatar } from "../../components/VAvatar/index.js";
+import type { PropType } from 'vue';
 import type { VTextFieldSlots } from "../../components/VTextField/VTextField.js";
 export type VColorInputActionsSlot = {
     save: () => void;
@@ -8,6 +10,8 @@ export type VColorInputSlots = Omit<VTextFieldSlots, 'default'> & {
     actions: VColorInputActionsSlot;
     default: never;
 };
+declare const availablePipLocations: readonly ["prepend", "prepend-inner", "append", "append-inner"];
+export type PipLocation = typeof availablePipLocations[number];
 export declare const makeVColorInputProps: <Defaults extends {
     location?: unknown;
     height?: unknown;
@@ -100,101 +104,104 @@ export declare const makeVColorInputProps: <Defaults extends {
     cancelText?: unknown;
     okText?: unknown;
     hideActions?: unknown;
-    pip?: unknown;
+    hidePip?: unknown;
+    colorPip?: unknown;
     pipIcon?: unknown;
+    pipLocation?: unknown;
+    pipVariant?: unknown;
 } = {}>(defaults?: Defaults | undefined) => {
-    location: unknown extends Defaults["location"] ? import("vue").PropType<import("../../util/index.js").Anchor | null> : {
-        type: import("vue").PropType<unknown extends Defaults["location"] ? import("../../util/index.js").Anchor | null : import("../../util/index.js").Anchor | Defaults["location"] | null>;
+    location: unknown extends Defaults["location"] ? PropType<import("../../util/index.js").Anchor | null> : {
+        type: PropType<unknown extends Defaults["location"] ? import("../../util/index.js").Anchor | null : import("../../util/index.js").Anchor | Defaults["location"] | null>;
         default: unknown extends Defaults["location"] ? import("../../util/index.js").Anchor | null : NonNullable<import("../../util/index.js").Anchor | null> | Defaults["location"];
     };
     height: unknown extends Defaults["height"] ? (StringConstructor | NumberConstructor)[] : {
-        type: import("vue").PropType<unknown extends Defaults["height"] ? string | number : string | number | Defaults["height"]>;
+        type: PropType<unknown extends Defaults["height"] ? string | number : string | number | Defaults["height"]>;
         default: unknown extends Defaults["height"] ? string | number : NonNullable<string | number> | Defaults["height"];
     };
     border: unknown extends Defaults["border"] ? (StringConstructor | BooleanConstructor | NumberConstructor)[] : {
-        type: import("vue").PropType<unknown extends Defaults["border"] ? string | number | boolean : string | number | boolean | Defaults["border"]>;
+        type: PropType<unknown extends Defaults["border"] ? string | number | boolean : string | number | boolean | Defaults["border"]>;
         default: unknown extends Defaults["border"] ? string | number | boolean : NonNullable<string | number | boolean> | Defaults["border"];
     };
     color: unknown extends Defaults["color"] ? StringConstructor : {
-        type: import("vue").PropType<unknown extends Defaults["color"] ? string : string | Defaults["color"]>;
+        type: PropType<unknown extends Defaults["color"] ? string : string | Defaults["color"]>;
         default: unknown extends Defaults["color"] ? string : string | Defaults["color"];
     };
     maxHeight: unknown extends Defaults["maxHeight"] ? (StringConstructor | NumberConstructor)[] : {
-        type: import("vue").PropType<unknown extends Defaults["maxHeight"] ? string | number : string | number | Defaults["maxHeight"]>;
+        type: PropType<unknown extends Defaults["maxHeight"] ? string | number : string | number | Defaults["maxHeight"]>;
         default: unknown extends Defaults["maxHeight"] ? string | number : NonNullable<string | number> | Defaults["maxHeight"];
     };
     maxWidth: unknown extends Defaults["maxWidth"] ? (StringConstructor | NumberConstructor)[] : {
-        type: import("vue").PropType<unknown extends Defaults["maxWidth"] ? string | number : string | number | Defaults["maxWidth"]>;
+        type: PropType<unknown extends Defaults["maxWidth"] ? string | number : string | number | Defaults["maxWidth"]>;
         default: unknown extends Defaults["maxWidth"] ? string | number : NonNullable<string | number> | Defaults["maxWidth"];
     };
     minHeight: unknown extends Defaults["minHeight"] ? (StringConstructor | NumberConstructor)[] : {
-        type: import("vue").PropType<unknown extends Defaults["minHeight"] ? string | number : string | number | Defaults["minHeight"]>;
+        type: PropType<unknown extends Defaults["minHeight"] ? string | number : string | number | Defaults["minHeight"]>;
         default: unknown extends Defaults["minHeight"] ? string | number : NonNullable<string | number> | Defaults["minHeight"];
     };
     minWidth: unknown extends Defaults["minWidth"] ? (StringConstructor | NumberConstructor)[] : {
-        type: import("vue").PropType<unknown extends Defaults["minWidth"] ? string | number : string | number | Defaults["minWidth"]>;
+        type: PropType<unknown extends Defaults["minWidth"] ? string | number : string | number | Defaults["minWidth"]>;
         default: unknown extends Defaults["minWidth"] ? string | number : NonNullable<string | number> | Defaults["minWidth"];
     };
     position: unknown extends Defaults["position"] ? {
-        type: import("vue").PropType<"fixed" | "absolute" | "relative" | "static" | "sticky">;
+        type: PropType<"fixed" | "absolute" | "relative" | "static" | "sticky">;
         validator: (v: any) => boolean;
     } : Omit<{
-        type: import("vue").PropType<"fixed" | "absolute" | "relative" | "static" | "sticky">;
+        type: PropType<"fixed" | "absolute" | "relative" | "static" | "sticky">;
         validator: (v: any) => boolean;
     }, "type" | "default"> & {
-        type: import("vue").PropType<unknown extends Defaults["position"] ? "fixed" | "absolute" | "relative" | "static" | "sticky" : "fixed" | "absolute" | "relative" | "static" | "sticky" | Defaults["position"]>;
+        type: PropType<unknown extends Defaults["position"] ? "fixed" | "absolute" | "relative" | "static" | "sticky" : "fixed" | "absolute" | "relative" | "static" | "sticky" | Defaults["position"]>;
         default: unknown extends Defaults["position"] ? "fixed" | "absolute" | "relative" | "static" | "sticky" : NonNullable<"fixed" | "absolute" | "relative" | "static" | "sticky"> | Defaults["position"];
     };
     style: unknown extends Defaults["style"] ? {
-        type: import("vue").PropType<import("vue").StyleValue>;
+        type: PropType<import("vue").StyleValue>;
         default: null;
     } : Omit<{
-        type: import("vue").PropType<import("vue").StyleValue>;
+        type: PropType<import("vue").StyleValue>;
         default: null;
     }, "type" | "default"> & {
-        type: import("vue").PropType<unknown extends Defaults["style"] ? import("vue").StyleValue : import("vue").StyleValue | Defaults["style"]>;
+        type: PropType<unknown extends Defaults["style"] ? import("vue").StyleValue : import("vue").StyleValue | Defaults["style"]>;
         default: unknown extends Defaults["style"] ? import("vue").StyleValue : NonNullable<import("vue").StyleValue> | Defaults["style"];
     };
     title: unknown extends Defaults["title"] ? StringConstructor : {
-        type: import("vue").PropType<unknown extends Defaults["title"] ? string : string | Defaults["title"]>;
+        type: PropType<unknown extends Defaults["title"] ? string : string | Defaults["title"]>;
         default: unknown extends Defaults["title"] ? string : string | Defaults["title"];
     };
     disabled: unknown extends Defaults["disabled"] ? BooleanConstructor : {
-        type: import("vue").PropType<unknown extends Defaults["disabled"] ? boolean : boolean | Defaults["disabled"]>;
+        type: PropType<unknown extends Defaults["disabled"] ? boolean : boolean | Defaults["disabled"]>;
         default: unknown extends Defaults["disabled"] ? boolean : boolean | Defaults["disabled"];
     };
-    class: unknown extends Defaults["class"] ? import("vue").PropType<any> : {
-        type: import("vue").PropType<unknown extends Defaults["class"] ? any : any>;
+    class: unknown extends Defaults["class"] ? PropType<any> : {
+        type: PropType<unknown extends Defaults["class"] ? any : any>;
         default: unknown extends Defaults["class"] ? any : any;
     };
     theme: unknown extends Defaults["theme"] ? StringConstructor : {
-        type: import("vue").PropType<unknown extends Defaults["theme"] ? string : string | Defaults["theme"]>;
+        type: PropType<unknown extends Defaults["theme"] ? string : string | Defaults["theme"]>;
         default: unknown extends Defaults["theme"] ? string : string | Defaults["theme"];
     };
     tag: unknown extends Defaults["tag"] ? {
-        type: import("vue").PropType<string | import("../../util/index.js").JSXComponent>;
+        type: PropType<string | import("../../util/index.js").JSXComponent>;
         default: string;
     } : Omit<{
-        type: import("vue").PropType<string | import("../../util/index.js").JSXComponent>;
+        type: PropType<string | import("../../util/index.js").JSXComponent>;
         default: string;
     }, "type" | "default"> & {
-        type: import("vue").PropType<unknown extends Defaults["tag"] ? string | import("../../util/index.js").JSXComponent : string | import("../../util/index.js").JSXComponent | Defaults["tag"]>;
+        type: PropType<unknown extends Defaults["tag"] ? string | import("../../util/index.js").JSXComponent : string | import("../../util/index.js").JSXComponent | Defaults["tag"]>;
         default: unknown extends Defaults["tag"] ? string | import("../../util/index.js").JSXComponent : NonNullable<string | import("../../util/index.js").JSXComponent> | Defaults["tag"];
     };
     mode: unknown extends Defaults["mode"] ? {
-        type: import("vue").PropType<keyof typeof import("../../components/VColorPicker/util/index.js").modes>;
+        type: PropType<keyof typeof import("../../components/VColorPicker/util/index.js").modes>;
         default: string;
         validator: (v: string) => boolean;
     } : Omit<{
-        type: import("vue").PropType<keyof typeof import("../../components/VColorPicker/util/index.js").modes>;
+        type: PropType<keyof typeof import("../../components/VColorPicker/util/index.js").modes>;
         default: string;
         validator: (v: string) => boolean;
     }, "type" | "default"> & {
-        type: import("vue").PropType<unknown extends Defaults["mode"] ? "rgb" | "hex" | "hsl" | "rgba" | "hsla" | "hexa" : "rgb" | "hex" | "hsl" | "rgba" | "hsla" | "hexa" | Defaults["mode"]>;
+        type: PropType<unknown extends Defaults["mode"] ? "rgb" | "hex" | "hsl" | "rgba" | "hsla" | "hexa" : "rgb" | "hex" | "hsl" | "rgba" | "hsla" | "hexa" | Defaults["mode"]>;
         default: unknown extends Defaults["mode"] ? "rgb" | "hex" | "hsl" | "rgba" | "hsla" | "hexa" : NonNullable<"rgb" | "hex" | "hsl" | "rgba" | "hsla" | "hexa"> | Defaults["mode"];
     };
     landscape: unknown extends Defaults["landscape"] ? BooleanConstructor : {
-        type: import("vue").PropType<unknown extends Defaults["landscape"] ? boolean : boolean | Defaults["landscape"]>;
+        type: PropType<unknown extends Defaults["landscape"] ? boolean : boolean | Defaults["landscape"]>;
         default: unknown extends Defaults["landscape"] ? boolean : boolean | Defaults["landscape"];
     };
     elevation: unknown extends Defaults["elevation"] ? {
@@ -204,15 +211,15 @@ export declare const makeVColorInputProps: <Defaults extends {
         type: (StringConstructor | NumberConstructor)[];
         validator(v: any): boolean;
     }, "type" | "default"> & {
-        type: import("vue").PropType<unknown extends Defaults["elevation"] ? string | number : string | number | Defaults["elevation"]>;
+        type: PropType<unknown extends Defaults["elevation"] ? string | number : string | number | Defaults["elevation"]>;
         default: unknown extends Defaults["elevation"] ? string | number : NonNullable<string | number> | Defaults["elevation"];
     };
     modelValue: unknown extends Defaults["modelValue"] ? {
-        type: import("vue").PropType<Record<string, unknown> | string | undefined | null>;
+        type: PropType<Record<string, unknown> | string | undefined | null>;
     } : Omit<{
-        type: import("vue").PropType<Record<string, unknown> | string | undefined | null>;
+        type: PropType<Record<string, unknown> | string | undefined | null>;
     }, "type" | "default"> & {
-        type: import("vue").PropType<unknown extends Defaults["modelValue"] ? string | Record<string, unknown> | null | undefined : string | Record<string, unknown> | Defaults["modelValue"] | null | undefined>;
+        type: PropType<unknown extends Defaults["modelValue"] ? string | Record<string, unknown> | null | undefined : string | Record<string, unknown> | Defaults["modelValue"] | null | undefined>;
         default: unknown extends Defaults["modelValue"] ? string | Record<string, unknown> | null | undefined : NonNullable<string | Record<string, unknown> | null | undefined> | Defaults["modelValue"];
     };
     rounded: unknown extends Defaults["rounded"] ? {
@@ -222,19 +229,19 @@ export declare const makeVColorInputProps: <Defaults extends {
         type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
         default: undefined;
     }, "type" | "default"> & {
-        type: import("vue").PropType<unknown extends Defaults["rounded"] ? string | number | boolean : string | number | boolean | Defaults["rounded"]>;
+        type: PropType<unknown extends Defaults["rounded"] ? string | number | boolean : string | number | boolean | Defaults["rounded"]>;
         default: unknown extends Defaults["rounded"] ? string | number | boolean : NonNullable<string | number | boolean> | Defaults["rounded"];
     };
     tile: unknown extends Defaults["tile"] ? BooleanConstructor : {
-        type: import("vue").PropType<unknown extends Defaults["tile"] ? boolean : boolean | Defaults["tile"]>;
+        type: PropType<unknown extends Defaults["tile"] ? boolean : boolean | Defaults["tile"]>;
         default: unknown extends Defaults["tile"] ? boolean : boolean | Defaults["tile"];
     };
     divided: unknown extends Defaults["divided"] ? BooleanConstructor : {
-        type: import("vue").PropType<unknown extends Defaults["divided"] ? boolean : boolean | Defaults["divided"]>;
+        type: PropType<unknown extends Defaults["divided"] ? boolean : boolean | Defaults["divided"]>;
         default: unknown extends Defaults["divided"] ? boolean : boolean | Defaults["divided"];
     };
     bgColor: unknown extends Defaults["bgColor"] ? StringConstructor : {
-        type: import("vue").PropType<unknown extends Defaults["bgColor"] ? string : string | Defaults["bgColor"]>;
+        type: PropType<unknown extends Defaults["bgColor"] ? string : string | Defaults["bgColor"]>;
         default: unknown extends Defaults["bgColor"] ? string : string | Defaults["bgColor"];
     };
     dotSize: unknown extends Defaults["dotSize"] ? {
@@ -244,22 +251,22 @@ export declare const makeVColorInputProps: <Defaults extends {
         type: (StringConstructor | NumberConstructor)[];
         default: number;
     }, "type" | "default"> & {
-        type: import("vue").PropType<unknown extends Defaults["dotSize"] ? string | number : string | number | Defaults["dotSize"]>;
+        type: PropType<unknown extends Defaults["dotSize"] ? string | number : string | number | Defaults["dotSize"]>;
         default: unknown extends Defaults["dotSize"] ? string | number : NonNullable<string | number> | Defaults["dotSize"];
     };
     modes: unknown extends Defaults["modes"] ? {
-        type: import("vue").PropType<readonly (keyof typeof import("../../components/VColorPicker/util/index.js").modes)[]>;
+        type: PropType<readonly (keyof typeof import("../../components/VColorPicker/util/index.js").modes)[]>;
         default: () => string[];
         validator: (v: any) => boolean;
     } : Omit<{
-        type: import("vue").PropType<readonly (keyof typeof import("../../components/VColorPicker/util/index.js").modes)[]>;
+        type: PropType<readonly (keyof typeof import("../../components/VColorPicker/util/index.js").modes)[]>;
         default: () => string[];
         validator: (v: any) => boolean;
     }, "type" | "default"> & {
-        type: import("vue").PropType<unknown extends Defaults["modes"] ? readonly ("rgb" | "hex" | "hsl" | "rgba" | "hsla" | "hexa")[] : readonly ("rgb" | "hex" | "hsl" | "rgba" | "hsla" | "hexa")[] | Defaults["modes"]>;
+        type: PropType<unknown extends Defaults["modes"] ? readonly ("rgb" | "hex" | "hsl" | "rgba" | "hsla" | "hexa")[] : readonly ("rgb" | "hex" | "hsl" | "rgba" | "hsla" | "hexa")[] | Defaults["modes"]>;
         default: unknown extends Defaults["modes"] ? readonly ("rgb" | "hex" | "hsl" | "rgba" | "hsla" | "hexa")[] : readonly ("rgb" | "hex" | "hsl" | "rgba" | "hsla" | "hexa")[] | Defaults["modes"];
     };
-    swatches: unknown extends Defaults["swatches"] ? import("vue").PropType<readonly (readonly (string | number | {
+    swatches: unknown extends Defaults["swatches"] ? PropType<readonly (readonly (string | number | {
         readonly r: number;
         readonly g: number;
         readonly b: number;
@@ -275,7 +282,7 @@ export declare const makeVColorInputProps: <Defaults extends {
         readonly l: number;
         readonly a?: number | undefined;
     })[])[]> : {
-        type: import("vue").PropType<unknown extends Defaults["swatches"] ? readonly (readonly (string | number | {
+        type: PropType<unknown extends Defaults["swatches"] ? readonly (readonly (string | number | {
             readonly r: number;
             readonly g: number;
             readonly b: number;
@@ -339,13 +346,13 @@ export declare const makeVColorInputProps: <Defaults extends {
         })[])[] | Defaults["swatches"];
     };
     hideHeader: unknown extends Defaults["hideHeader"] ? {
-        type: import("vue").PropType<boolean>;
+        type: PropType<boolean>;
         default: boolean;
     } : Omit<{
-        type: import("vue").PropType<boolean>;
+        type: PropType<boolean>;
         default: boolean;
     }, "type" | "default"> & {
-        type: import("vue").PropType<unknown extends Defaults["hideHeader"] ? boolean : boolean | Defaults["hideHeader"]>;
+        type: PropType<unknown extends Defaults["hideHeader"] ? boolean : boolean | Defaults["hideHeader"]>;
         default: unknown extends Defaults["hideHeader"] ? boolean : boolean | Defaults["hideHeader"];
     };
     canvasHeight: unknown extends Defaults["canvasHeight"] ? {
@@ -355,23 +362,23 @@ export declare const makeVColorInputProps: <Defaults extends {
         type: (StringConstructor | NumberConstructor)[];
         default: number;
     }, "type" | "default"> & {
-        type: import("vue").PropType<unknown extends Defaults["canvasHeight"] ? string | number : string | number | Defaults["canvasHeight"]>;
+        type: PropType<unknown extends Defaults["canvasHeight"] ? string | number : string | number | Defaults["canvasHeight"]>;
         default: unknown extends Defaults["canvasHeight"] ? string | number : NonNullable<string | number> | Defaults["canvasHeight"];
     };
     hideCanvas: unknown extends Defaults["hideCanvas"] ? BooleanConstructor : {
-        type: import("vue").PropType<unknown extends Defaults["hideCanvas"] ? boolean : boolean | Defaults["hideCanvas"]>;
+        type: PropType<unknown extends Defaults["hideCanvas"] ? boolean : boolean | Defaults["hideCanvas"]>;
         default: unknown extends Defaults["hideCanvas"] ? boolean : boolean | Defaults["hideCanvas"];
     };
     hideSliders: unknown extends Defaults["hideSliders"] ? BooleanConstructor : {
-        type: import("vue").PropType<unknown extends Defaults["hideSliders"] ? boolean : boolean | Defaults["hideSliders"]>;
+        type: PropType<unknown extends Defaults["hideSliders"] ? boolean : boolean | Defaults["hideSliders"]>;
         default: unknown extends Defaults["hideSliders"] ? boolean : boolean | Defaults["hideSliders"];
     };
     hideInputs: unknown extends Defaults["hideInputs"] ? BooleanConstructor : {
-        type: import("vue").PropType<unknown extends Defaults["hideInputs"] ? boolean : boolean | Defaults["hideInputs"]>;
+        type: PropType<unknown extends Defaults["hideInputs"] ? boolean : boolean | Defaults["hideInputs"]>;
         default: unknown extends Defaults["hideInputs"] ? boolean : boolean | Defaults["hideInputs"];
     };
     showSwatches: unknown extends Defaults["showSwatches"] ? BooleanConstructor : {
-        type: import("vue").PropType<unknown extends Defaults["showSwatches"] ? boolean : boolean | Defaults["showSwatches"]>;
+        type: PropType<unknown extends Defaults["showSwatches"] ? boolean : boolean | Defaults["showSwatches"]>;
         default: unknown extends Defaults["showSwatches"] ? boolean : boolean | Defaults["showSwatches"];
     };
     swatchesMaxHeight: unknown extends Defaults["swatchesMaxHeight"] ? {
@@ -381,33 +388,33 @@ export declare const makeVColorInputProps: <Defaults extends {
         type: (StringConstructor | NumberConstructor)[];
         default: number;
     }, "type" | "default"> & {
-        type: import("vue").PropType<unknown extends Defaults["swatchesMaxHeight"] ? string | number : string | number | Defaults["swatchesMaxHeight"]>;
+        type: PropType<unknown extends Defaults["swatchesMaxHeight"] ? string | number : string | number | Defaults["swatchesMaxHeight"]>;
         default: unknown extends Defaults["swatchesMaxHeight"] ? string | number : NonNullable<string | number> | Defaults["swatchesMaxHeight"];
     };
     loading: unknown extends Defaults["loading"] ? (StringConstructor | BooleanConstructor)[] : {
-        type: import("vue").PropType<unknown extends Defaults["loading"] ? string | boolean : string | boolean | Defaults["loading"]>;
+        type: PropType<unknown extends Defaults["loading"] ? string | boolean : string | boolean | Defaults["loading"]>;
         default: unknown extends Defaults["loading"] ? string | boolean : NonNullable<string | boolean> | Defaults["loading"];
     };
-    appendInnerIcon: unknown extends Defaults["appendInnerIcon"] ? import("vue").PropType<import("../../composables/icons.js").IconValue> : {
-        type: import("vue").PropType<unknown extends Defaults["appendInnerIcon"] ? import("../../composables/icons.js").IconValue : import("../../composables/icons.js").IconValue | Defaults["appendInnerIcon"]>;
+    appendInnerIcon: unknown extends Defaults["appendInnerIcon"] ? PropType<import("../../composables/icons.js").IconValue> : {
+        type: PropType<unknown extends Defaults["appendInnerIcon"] ? import("../../composables/icons.js").IconValue : import("../../composables/icons.js").IconValue | Defaults["appendInnerIcon"]>;
         default: unknown extends Defaults["appendInnerIcon"] ? import("../../composables/icons.js").IconValue : NonNullable<import("../../composables/icons.js").IconValue> | Defaults["appendInnerIcon"];
     };
     clearable: unknown extends Defaults["clearable"] ? BooleanConstructor : {
-        type: import("vue").PropType<unknown extends Defaults["clearable"] ? boolean : boolean | Defaults["clearable"]>;
+        type: PropType<unknown extends Defaults["clearable"] ? boolean : boolean | Defaults["clearable"]>;
         default: unknown extends Defaults["clearable"] ? boolean : boolean | Defaults["clearable"];
     };
     clearIcon: unknown extends Defaults["clearIcon"] ? {
-        type: import("vue").PropType<import("../../composables/icons.js").IconValue>;
+        type: PropType<import("../../composables/icons.js").IconValue>;
         default: string;
     } : Omit<{
-        type: import("vue").PropType<import("../../composables/icons.js").IconValue>;
+        type: PropType<import("../../composables/icons.js").IconValue>;
         default: string;
     }, "type" | "default"> & {
-        type: import("vue").PropType<unknown extends Defaults["clearIcon"] ? import("../../composables/icons.js").IconValue : import("../../composables/icons.js").IconValue | Defaults["clearIcon"]>;
+        type: PropType<unknown extends Defaults["clearIcon"] ? import("../../composables/icons.js").IconValue : import("../../composables/icons.js").IconValue | Defaults["clearIcon"]>;
         default: unknown extends Defaults["clearIcon"] ? import("../../composables/icons.js").IconValue : NonNullable<import("../../composables/icons.js").IconValue> | Defaults["clearIcon"];
     };
     active: unknown extends Defaults["active"] ? BooleanConstructor : {
-        type: import("vue").PropType<unknown extends Defaults["active"] ? boolean : boolean | Defaults["active"]>;
+        type: PropType<unknown extends Defaults["active"] ? boolean : boolean | Defaults["active"]>;
         default: unknown extends Defaults["active"] ? boolean : boolean | Defaults["active"];
     };
     centerAffix: unknown extends Defaults["centerAffix"] ? {
@@ -417,97 +424,97 @@ export declare const makeVColorInputProps: <Defaults extends {
         type: BooleanConstructor;
         default: undefined;
     }, "type" | "default"> & {
-        type: import("vue").PropType<unknown extends Defaults["centerAffix"] ? boolean : boolean | Defaults["centerAffix"]>;
+        type: PropType<unknown extends Defaults["centerAffix"] ? boolean : boolean | Defaults["centerAffix"]>;
         default: unknown extends Defaults["centerAffix"] ? boolean : boolean | Defaults["centerAffix"];
     };
     baseColor: unknown extends Defaults["baseColor"] ? StringConstructor : {
-        type: import("vue").PropType<unknown extends Defaults["baseColor"] ? string : string | Defaults["baseColor"]>;
+        type: PropType<unknown extends Defaults["baseColor"] ? string : string | Defaults["baseColor"]>;
         default: unknown extends Defaults["baseColor"] ? string : string | Defaults["baseColor"];
     };
     details: unknown extends Defaults["details"] ? BooleanConstructor : {
-        type: import("vue").PropType<unknown extends Defaults["details"] ? boolean : boolean | Defaults["details"]>;
+        type: PropType<unknown extends Defaults["details"] ? boolean : boolean | Defaults["details"]>;
         default: unknown extends Defaults["details"] ? boolean : boolean | Defaults["details"];
     };
     dirty: unknown extends Defaults["dirty"] ? BooleanConstructor : {
-        type: import("vue").PropType<unknown extends Defaults["dirty"] ? boolean : boolean | Defaults["dirty"]>;
+        type: PropType<unknown extends Defaults["dirty"] ? boolean : boolean | Defaults["dirty"]>;
         default: unknown extends Defaults["dirty"] ? boolean : boolean | Defaults["dirty"];
     };
     glow: unknown extends Defaults["glow"] ? BooleanConstructor : {
-        type: import("vue").PropType<unknown extends Defaults["glow"] ? boolean : boolean | Defaults["glow"]>;
+        type: PropType<unknown extends Defaults["glow"] ? boolean : boolean | Defaults["glow"]>;
         default: unknown extends Defaults["glow"] ? boolean : boolean | Defaults["glow"];
     };
     error: unknown extends Defaults["error"] ? BooleanConstructor : {
-        type: import("vue").PropType<unknown extends Defaults["error"] ? boolean : boolean | Defaults["error"]>;
+        type: PropType<unknown extends Defaults["error"] ? boolean : boolean | Defaults["error"]>;
         default: unknown extends Defaults["error"] ? boolean : boolean | Defaults["error"];
     };
     flat: unknown extends Defaults["flat"] ? BooleanConstructor : {
-        type: import("vue").PropType<unknown extends Defaults["flat"] ? boolean : boolean | Defaults["flat"]>;
+        type: PropType<unknown extends Defaults["flat"] ? boolean : boolean | Defaults["flat"]>;
         default: unknown extends Defaults["flat"] ? boolean : boolean | Defaults["flat"];
     };
     iconColor: unknown extends Defaults["iconColor"] ? (StringConstructor | BooleanConstructor)[] : {
-        type: import("vue").PropType<unknown extends Defaults["iconColor"] ? string | boolean : string | boolean | Defaults["iconColor"]>;
+        type: PropType<unknown extends Defaults["iconColor"] ? string | boolean : string | boolean | Defaults["iconColor"]>;
         default: unknown extends Defaults["iconColor"] ? string | boolean : NonNullable<string | boolean> | Defaults["iconColor"];
     };
     label: unknown extends Defaults["label"] ? StringConstructor : {
-        type: import("vue").PropType<unknown extends Defaults["label"] ? string : string | Defaults["label"]>;
+        type: PropType<unknown extends Defaults["label"] ? string : string | Defaults["label"]>;
         default: unknown extends Defaults["label"] ? string : string | Defaults["label"];
     };
     persistentClear: unknown extends Defaults["persistentClear"] ? BooleanConstructor : {
-        type: import("vue").PropType<unknown extends Defaults["persistentClear"] ? boolean : boolean | Defaults["persistentClear"]>;
+        type: PropType<unknown extends Defaults["persistentClear"] ? boolean : boolean | Defaults["persistentClear"]>;
         default: unknown extends Defaults["persistentClear"] ? boolean : boolean | Defaults["persistentClear"];
     };
-    prependInnerIcon: unknown extends Defaults["prependInnerIcon"] ? import("vue").PropType<import("../../composables/icons.js").IconValue> : {
-        type: import("vue").PropType<unknown extends Defaults["prependInnerIcon"] ? import("../../composables/icons.js").IconValue : import("../../composables/icons.js").IconValue | Defaults["prependInnerIcon"]>;
+    prependInnerIcon: unknown extends Defaults["prependInnerIcon"] ? PropType<import("../../composables/icons.js").IconValue> : {
+        type: PropType<unknown extends Defaults["prependInnerIcon"] ? import("../../composables/icons.js").IconValue : import("../../composables/icons.js").IconValue | Defaults["prependInnerIcon"]>;
         default: unknown extends Defaults["prependInnerIcon"] ? import("../../composables/icons.js").IconValue : NonNullable<import("../../composables/icons.js").IconValue> | Defaults["prependInnerIcon"];
     };
     reverse: unknown extends Defaults["reverse"] ? BooleanConstructor : {
-        type: import("vue").PropType<unknown extends Defaults["reverse"] ? boolean : boolean | Defaults["reverse"]>;
+        type: PropType<unknown extends Defaults["reverse"] ? boolean : boolean | Defaults["reverse"]>;
         default: unknown extends Defaults["reverse"] ? boolean : boolean | Defaults["reverse"];
     };
     singleLine: unknown extends Defaults["singleLine"] ? BooleanConstructor : {
-        type: import("vue").PropType<unknown extends Defaults["singleLine"] ? boolean : boolean | Defaults["singleLine"]>;
+        type: PropType<unknown extends Defaults["singleLine"] ? boolean : boolean | Defaults["singleLine"]>;
         default: unknown extends Defaults["singleLine"] ? boolean : boolean | Defaults["singleLine"];
     };
     variant: unknown extends Defaults["variant"] ? {
-        type: import("vue").PropType<"filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled">;
+        type: PropType<"filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled">;
         default: string;
         validator: (v: any) => boolean;
     } : Omit<{
-        type: import("vue").PropType<"filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled">;
+        type: PropType<"filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled">;
         default: string;
         validator: (v: any) => boolean;
     }, "type" | "default"> & {
-        type: import("vue").PropType<unknown extends Defaults["variant"] ? "filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled" : "filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled" | Defaults["variant"]>;
+        type: PropType<unknown extends Defaults["variant"] ? "filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled" : "filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled" | Defaults["variant"]>;
         default: unknown extends Defaults["variant"] ? "filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled" : NonNullable<"filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled"> | Defaults["variant"];
     };
-    'onClick:clear': unknown extends Defaults["onClick:clear"] ? import("vue").PropType<(args_0: MouseEvent) => void> : {
-        type: import("vue").PropType<unknown extends Defaults["onClick:clear"] ? (args_0: MouseEvent) => void : ((args_0: MouseEvent) => void) | Defaults["onClick:clear"]>;
+    'onClick:clear': unknown extends Defaults["onClick:clear"] ? PropType<(args_0: MouseEvent) => void> : {
+        type: PropType<unknown extends Defaults["onClick:clear"] ? (args_0: MouseEvent) => void : ((args_0: MouseEvent) => void) | Defaults["onClick:clear"]>;
         default: unknown extends Defaults["onClick:clear"] ? (args_0: MouseEvent) => void : ((args_0: MouseEvent) => void) | Defaults["onClick:clear"];
     };
-    'onClick:appendInner': unknown extends Defaults["onClick:appendInner"] ? import("vue").PropType<(args_0: MouseEvent) => void> : {
-        type: import("vue").PropType<unknown extends Defaults["onClick:appendInner"] ? (args_0: MouseEvent) => void : ((args_0: MouseEvent) => void) | Defaults["onClick:appendInner"]>;
+    'onClick:appendInner': unknown extends Defaults["onClick:appendInner"] ? PropType<(args_0: MouseEvent) => void> : {
+        type: PropType<unknown extends Defaults["onClick:appendInner"] ? (args_0: MouseEvent) => void : ((args_0: MouseEvent) => void) | Defaults["onClick:appendInner"]>;
         default: unknown extends Defaults["onClick:appendInner"] ? (args_0: MouseEvent) => void : ((args_0: MouseEvent) => void) | Defaults["onClick:appendInner"];
     };
-    'onClick:prependInner': unknown extends Defaults["onClick:prependInner"] ? import("vue").PropType<(args_0: MouseEvent) => void> : {
-        type: import("vue").PropType<unknown extends Defaults["onClick:prependInner"] ? (args_0: MouseEvent) => void : ((args_0: MouseEvent) => void) | Defaults["onClick:prependInner"]>;
+    'onClick:prependInner': unknown extends Defaults["onClick:prependInner"] ? PropType<(args_0: MouseEvent) => void> : {
+        type: PropType<unknown extends Defaults["onClick:prependInner"] ? (args_0: MouseEvent) => void : ((args_0: MouseEvent) => void) | Defaults["onClick:prependInner"]>;
         default: unknown extends Defaults["onClick:prependInner"] ? (args_0: MouseEvent) => void : ((args_0: MouseEvent) => void) | Defaults["onClick:prependInner"];
     };
     focused: unknown extends Defaults["focused"] ? BooleanConstructor : {
-        type: import("vue").PropType<unknown extends Defaults["focused"] ? boolean : boolean | Defaults["focused"]>;
+        type: PropType<unknown extends Defaults["focused"] ? boolean : boolean | Defaults["focused"]>;
         default: unknown extends Defaults["focused"] ? boolean : boolean | Defaults["focused"];
     };
-    'onUpdate:focused': unknown extends Defaults["onUpdate:focused"] ? import("vue").PropType<(args_0: boolean) => void> : {
-        type: import("vue").PropType<unknown extends Defaults["onUpdate:focused"] ? (args_0: boolean) => void : ((args_0: boolean) => void) | Defaults["onUpdate:focused"]>;
+    'onUpdate:focused': unknown extends Defaults["onUpdate:focused"] ? PropType<(args_0: boolean) => void> : {
+        type: PropType<unknown extends Defaults["onUpdate:focused"] ? (args_0: boolean) => void : ((args_0: boolean) => void) | Defaults["onUpdate:focused"]>;
         default: unknown extends Defaults["onUpdate:focused"] ? (args_0: boolean) => void : ((args_0: boolean) => void) | Defaults["onUpdate:focused"];
     };
     errorMessages: unknown extends Defaults["errorMessages"] ? {
-        type: import("vue").PropType<string | readonly string[] | null>;
+        type: PropType<string | readonly string[] | null>;
         default: () => never[];
     } : Omit<{
-        type: import("vue").PropType<string | readonly string[] | null>;
+        type: PropType<string | readonly string[] | null>;
         default: () => never[];
     }, "type" | "default"> & {
-        type: import("vue").PropType<unknown extends Defaults["errorMessages"] ? string | readonly string[] | null : string | readonly string[] | Defaults["errorMessages"] | null>;
+        type: PropType<unknown extends Defaults["errorMessages"] ? string | readonly string[] | null : string | readonly string[] | Defaults["errorMessages"] | null>;
         default: unknown extends Defaults["errorMessages"] ? string | readonly string[] | null : NonNullable<string | readonly string[] | null> | Defaults["errorMessages"];
     };
     maxErrors: unknown extends Defaults["maxErrors"] ? {
@@ -517,149 +524,149 @@ export declare const makeVColorInputProps: <Defaults extends {
         type: (StringConstructor | NumberConstructor)[];
         default: number;
     }, "type" | "default"> & {
-        type: import("vue").PropType<unknown extends Defaults["maxErrors"] ? string | number : string | number | Defaults["maxErrors"]>;
+        type: PropType<unknown extends Defaults["maxErrors"] ? string | number : string | number | Defaults["maxErrors"]>;
         default: unknown extends Defaults["maxErrors"] ? string | number : NonNullable<string | number> | Defaults["maxErrors"];
     };
     name: unknown extends Defaults["name"] ? StringConstructor : {
-        type: import("vue").PropType<unknown extends Defaults["name"] ? string : string | Defaults["name"]>;
+        type: PropType<unknown extends Defaults["name"] ? string : string | Defaults["name"]>;
         default: unknown extends Defaults["name"] ? string : string | Defaults["name"];
     };
     readonly: unknown extends Defaults["readonly"] ? {
-        type: import("vue").PropType<boolean | null>;
+        type: PropType<boolean | null>;
         default: null;
     } : Omit<{
-        type: import("vue").PropType<boolean | null>;
+        type: PropType<boolean | null>;
         default: null;
     }, "type" | "default"> & {
-        type: import("vue").PropType<unknown extends Defaults["readonly"] ? boolean | null : boolean | Defaults["readonly"] | null>;
+        type: PropType<unknown extends Defaults["readonly"] ? boolean | null : boolean | Defaults["readonly"] | null>;
         default: unknown extends Defaults["readonly"] ? boolean | null : NonNullable<boolean | null> | Defaults["readonly"];
     };
     rules: unknown extends Defaults["rules"] ? {
-        type: import("vue").PropType<readonly (import("../../types.js").ValidationRule | import("../rules/index.js").ValidationAlias)[]>;
+        type: PropType<readonly (import("../../types.js").ValidationRule | import("../rules/index.js").ValidationAlias)[]>;
         default: () => never[];
     } : Omit<{
-        type: import("vue").PropType<readonly (import("../../types.js").ValidationRule | import("../rules/index.js").ValidationAlias)[]>;
+        type: PropType<readonly (import("../../types.js").ValidationRule | import("../rules/index.js").ValidationAlias)[]>;
         default: () => never[];
     }, "type" | "default"> & {
-        type: import("vue").PropType<unknown extends Defaults["rules"] ? readonly (string | boolean | PromiseLike<import("../../composables/validation.js").ValidationResult> | ((value: any) => import("../../composables/validation.js").ValidationResult) | ((value: any) => PromiseLike<import("../../composables/validation.js").ValidationResult>) | [string, any, (string | undefined)?])[] : readonly (string | boolean | PromiseLike<import("../../composables/validation.js").ValidationResult> | ((value: any) => import("../../composables/validation.js").ValidationResult) | ((value: any) => PromiseLike<import("../../composables/validation.js").ValidationResult>) | [string, any, (string | undefined)?])[] | Defaults["rules"]>;
+        type: PropType<unknown extends Defaults["rules"] ? readonly (string | boolean | PromiseLike<import("../../composables/validation.js").ValidationResult> | ((value: any) => import("../../composables/validation.js").ValidationResult) | ((value: any) => PromiseLike<import("../../composables/validation.js").ValidationResult>) | [string, any, (string | undefined)?])[] : readonly (string | boolean | PromiseLike<import("../../composables/validation.js").ValidationResult> | ((value: any) => import("../../composables/validation.js").ValidationResult) | ((value: any) => PromiseLike<import("../../composables/validation.js").ValidationResult>) | [string, any, (string | undefined)?])[] | Defaults["rules"]>;
         default: unknown extends Defaults["rules"] ? readonly (string | boolean | PromiseLike<import("../../composables/validation.js").ValidationResult> | ((value: any) => import("../../composables/validation.js").ValidationResult) | ((value: any) => PromiseLike<import("../../composables/validation.js").ValidationResult>) | [string, any, (string | undefined)?])[] : readonly (string | boolean | PromiseLike<import("../../composables/validation.js").ValidationResult> | ((value: any) => import("../../composables/validation.js").ValidationResult) | ((value: any) => PromiseLike<import("../../composables/validation.js").ValidationResult>) | [string, any, (string | undefined)?])[] | Defaults["rules"];
     };
-    validateOn: unknown extends Defaults["validateOn"] ? import("vue").PropType<("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined> : {
-        type: import("vue").PropType<unknown extends Defaults["validateOn"] ? ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined : ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | Defaults["validateOn"] | undefined>;
+    validateOn: unknown extends Defaults["validateOn"] ? PropType<("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined> : {
+        type: PropType<unknown extends Defaults["validateOn"] ? ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined : ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | Defaults["validateOn"] | undefined>;
         default: unknown extends Defaults["validateOn"] ? ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined : NonNullable<("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined> | Defaults["validateOn"];
     };
     validationValue: unknown extends Defaults["validationValue"] ? null : {
-        type: import("vue").PropType<unknown extends Defaults["validationValue"] ? any : any>;
+        type: PropType<unknown extends Defaults["validationValue"] ? any : any>;
         default: unknown extends Defaults["validationValue"] ? any : any;
     };
     width: unknown extends Defaults["width"] ? (StringConstructor | NumberConstructor)[] : {
-        type: import("vue").PropType<unknown extends Defaults["width"] ? string | number : string | number | Defaults["width"]>;
+        type: PropType<unknown extends Defaults["width"] ? string | number : string | number | Defaults["width"]>;
         default: unknown extends Defaults["width"] ? string | number : NonNullable<string | number> | Defaults["width"];
     };
     density: unknown extends Defaults["density"] ? {
-        type: import("vue").PropType<import("../../composables/density.js").Density>;
+        type: PropType<import("../../composables/density.js").Density>;
         default: string;
         validator: (v: any) => boolean;
     } : Omit<{
-        type: import("vue").PropType<import("../../composables/density.js").Density>;
+        type: PropType<import("../../composables/density.js").Density>;
         default: string;
         validator: (v: any) => boolean;
     }, "type" | "default"> & {
-        type: import("vue").PropType<unknown extends Defaults["density"] ? import("../../composables/density.js").Density : import("../../composables/density.js").Density | Defaults["density"]>;
+        type: PropType<unknown extends Defaults["density"] ? import("../../composables/density.js").Density : import("../../composables/density.js").Density | Defaults["density"]>;
         default: unknown extends Defaults["density"] ? import("../../composables/density.js").Density : NonNullable<import("../../composables/density.js").Density> | Defaults["density"];
     };
     id: unknown extends Defaults["id"] ? StringConstructor : {
-        type: import("vue").PropType<unknown extends Defaults["id"] ? string : string | Defaults["id"]>;
+        type: PropType<unknown extends Defaults["id"] ? string : string | Defaults["id"]>;
         default: unknown extends Defaults["id"] ? string : string | Defaults["id"];
     };
-    appendIcon: unknown extends Defaults["appendIcon"] ? import("vue").PropType<import("../../composables/icons.js").IconValue> : {
-        type: import("vue").PropType<unknown extends Defaults["appendIcon"] ? import("../../composables/icons.js").IconValue : import("../../composables/icons.js").IconValue | Defaults["appendIcon"]>;
+    appendIcon: unknown extends Defaults["appendIcon"] ? PropType<import("../../composables/icons.js").IconValue> : {
+        type: PropType<unknown extends Defaults["appendIcon"] ? import("../../composables/icons.js").IconValue : import("../../composables/icons.js").IconValue | Defaults["appendIcon"]>;
         default: unknown extends Defaults["appendIcon"] ? import("../../composables/icons.js").IconValue : NonNullable<import("../../composables/icons.js").IconValue> | Defaults["appendIcon"];
     };
-    prependIcon: unknown extends Defaults["prependIcon"] ? import("vue").PropType<import("../../composables/icons.js").IconValue> : {
-        type: import("vue").PropType<unknown extends Defaults["prependIcon"] ? import("../../composables/icons.js").IconValue : import("../../composables/icons.js").IconValue | Defaults["prependIcon"]>;
+    prependIcon: unknown extends Defaults["prependIcon"] ? PropType<import("../../composables/icons.js").IconValue> : {
+        type: PropType<unknown extends Defaults["prependIcon"] ? import("../../composables/icons.js").IconValue : import("../../composables/icons.js").IconValue | Defaults["prependIcon"]>;
         default: unknown extends Defaults["prependIcon"] ? import("../../composables/icons.js").IconValue : NonNullable<import("../../composables/icons.js").IconValue> | Defaults["prependIcon"];
     };
-    hideDetails: unknown extends Defaults["hideDetails"] ? import("vue").PropType<boolean | "auto"> : {
-        type: import("vue").PropType<unknown extends Defaults["hideDetails"] ? boolean | "auto" : boolean | "auto" | Defaults["hideDetails"]>;
+    hideDetails: unknown extends Defaults["hideDetails"] ? PropType<boolean | "auto"> : {
+        type: PropType<unknown extends Defaults["hideDetails"] ? boolean | "auto" : boolean | "auto" | Defaults["hideDetails"]>;
         default: unknown extends Defaults["hideDetails"] ? boolean | "auto" : NonNullable<boolean | "auto"> | Defaults["hideDetails"];
     };
     hideSpinButtons: unknown extends Defaults["hideSpinButtons"] ? BooleanConstructor : {
-        type: import("vue").PropType<unknown extends Defaults["hideSpinButtons"] ? boolean : boolean | Defaults["hideSpinButtons"]>;
+        type: PropType<unknown extends Defaults["hideSpinButtons"] ? boolean : boolean | Defaults["hideSpinButtons"]>;
         default: unknown extends Defaults["hideSpinButtons"] ? boolean : boolean | Defaults["hideSpinButtons"];
     };
     hint: unknown extends Defaults["hint"] ? StringConstructor : {
-        type: import("vue").PropType<unknown extends Defaults["hint"] ? string : string | Defaults["hint"]>;
+        type: PropType<unknown extends Defaults["hint"] ? string : string | Defaults["hint"]>;
         default: unknown extends Defaults["hint"] ? string : string | Defaults["hint"];
     };
     persistentHint: unknown extends Defaults["persistentHint"] ? BooleanConstructor : {
-        type: import("vue").PropType<unknown extends Defaults["persistentHint"] ? boolean : boolean | Defaults["persistentHint"]>;
+        type: PropType<unknown extends Defaults["persistentHint"] ? boolean : boolean | Defaults["persistentHint"]>;
         default: unknown extends Defaults["persistentHint"] ? boolean : boolean | Defaults["persistentHint"];
     };
     messages: unknown extends Defaults["messages"] ? {
-        type: import("vue").PropType<string | readonly string[]>;
+        type: PropType<string | readonly string[]>;
         default: () => never[];
     } : Omit<{
-        type: import("vue").PropType<string | readonly string[]>;
+        type: PropType<string | readonly string[]>;
         default: () => never[];
     }, "type" | "default"> & {
-        type: import("vue").PropType<unknown extends Defaults["messages"] ? string | readonly string[] : string | readonly string[] | Defaults["messages"]>;
+        type: PropType<unknown extends Defaults["messages"] ? string | readonly string[] : string | readonly string[] | Defaults["messages"]>;
         default: unknown extends Defaults["messages"] ? string | readonly string[] : NonNullable<string | readonly string[]> | Defaults["messages"];
     };
     direction: unknown extends Defaults["direction"] ? {
-        type: import("vue").PropType<"horizontal" | "vertical">;
+        type: PropType<"horizontal" | "vertical">;
         default: string;
         validator: (v: any) => boolean;
     } : Omit<{
-        type: import("vue").PropType<"horizontal" | "vertical">;
+        type: PropType<"horizontal" | "vertical">;
         default: string;
         validator: (v: any) => boolean;
     }, "type" | "default"> & {
-        type: import("vue").PropType<unknown extends Defaults["direction"] ? "horizontal" | "vertical" : "horizontal" | "vertical" | Defaults["direction"]>;
+        type: PropType<unknown extends Defaults["direction"] ? "horizontal" | "vertical" : "horizontal" | "vertical" | Defaults["direction"]>;
         default: unknown extends Defaults["direction"] ? "horizontal" | "vertical" : NonNullable<"horizontal" | "vertical"> | Defaults["direction"];
     };
-    'onClick:prepend': unknown extends Defaults["onClick:prepend"] ? import("vue").PropType<(args_0: MouseEvent) => void> : {
-        type: import("vue").PropType<unknown extends Defaults["onClick:prepend"] ? (args_0: MouseEvent) => void : ((args_0: MouseEvent) => void) | Defaults["onClick:prepend"]>;
+    'onClick:prepend': unknown extends Defaults["onClick:prepend"] ? PropType<(args_0: MouseEvent) => void> : {
+        type: PropType<unknown extends Defaults["onClick:prepend"] ? (args_0: MouseEvent) => void : ((args_0: MouseEvent) => void) | Defaults["onClick:prepend"]>;
         default: unknown extends Defaults["onClick:prepend"] ? (args_0: MouseEvent) => void : ((args_0: MouseEvent) => void) | Defaults["onClick:prepend"];
     };
-    'onClick:append': unknown extends Defaults["onClick:append"] ? import("vue").PropType<(args_0: MouseEvent) => void> : {
-        type: import("vue").PropType<unknown extends Defaults["onClick:append"] ? (args_0: MouseEvent) => void : ((args_0: MouseEvent) => void) | Defaults["onClick:append"]>;
+    'onClick:append': unknown extends Defaults["onClick:append"] ? PropType<(args_0: MouseEvent) => void> : {
+        type: PropType<unknown extends Defaults["onClick:append"] ? (args_0: MouseEvent) => void : ((args_0: MouseEvent) => void) | Defaults["onClick:append"]>;
         default: unknown extends Defaults["onClick:append"] ? (args_0: MouseEvent) => void : ((args_0: MouseEvent) => void) | Defaults["onClick:append"];
     };
     autofocus: unknown extends Defaults["autofocus"] ? BooleanConstructor : {
-        type: import("vue").PropType<unknown extends Defaults["autofocus"] ? boolean : boolean | Defaults["autofocus"]>;
+        type: PropType<unknown extends Defaults["autofocus"] ? boolean : boolean | Defaults["autofocus"]>;
         default: unknown extends Defaults["autofocus"] ? boolean : boolean | Defaults["autofocus"];
     };
     counter: unknown extends Defaults["counter"] ? (StringConstructor | BooleanConstructor | NumberConstructor)[] : {
-        type: import("vue").PropType<unknown extends Defaults["counter"] ? string | number | boolean : string | number | boolean | Defaults["counter"]>;
+        type: PropType<unknown extends Defaults["counter"] ? string | number | boolean : string | number | boolean | Defaults["counter"]>;
         default: unknown extends Defaults["counter"] ? string | number | boolean : NonNullable<string | number | boolean> | Defaults["counter"];
     };
-    counterValue: unknown extends Defaults["counterValue"] ? import("vue").PropType<number | ((value: any) => number)> : {
-        type: import("vue").PropType<unknown extends Defaults["counterValue"] ? number | ((value: any) => number) : number | ((value: any) => number) | Defaults["counterValue"]>;
+    counterValue: unknown extends Defaults["counterValue"] ? PropType<number | ((value: any) => number)> : {
+        type: PropType<unknown extends Defaults["counterValue"] ? number | ((value: any) => number) : number | ((value: any) => number) | Defaults["counterValue"]>;
         default: unknown extends Defaults["counterValue"] ? number | ((value: any) => number) : NonNullable<number | ((value: any) => number)> | Defaults["counterValue"];
     };
     prefix: unknown extends Defaults["prefix"] ? StringConstructor : {
-        type: import("vue").PropType<unknown extends Defaults["prefix"] ? string : string | Defaults["prefix"]>;
+        type: PropType<unknown extends Defaults["prefix"] ? string : string | Defaults["prefix"]>;
         default: unknown extends Defaults["prefix"] ? string : string | Defaults["prefix"];
     };
     placeholder: unknown extends Defaults["placeholder"] ? StringConstructor : {
-        type: import("vue").PropType<unknown extends Defaults["placeholder"] ? string : string | Defaults["placeholder"]>;
+        type: PropType<unknown extends Defaults["placeholder"] ? string : string | Defaults["placeholder"]>;
         default: unknown extends Defaults["placeholder"] ? string : string | Defaults["placeholder"];
     };
     persistentPlaceholder: unknown extends Defaults["persistentPlaceholder"] ? BooleanConstructor : {
-        type: import("vue").PropType<unknown extends Defaults["persistentPlaceholder"] ? boolean : boolean | Defaults["persistentPlaceholder"]>;
+        type: PropType<unknown extends Defaults["persistentPlaceholder"] ? boolean : boolean | Defaults["persistentPlaceholder"]>;
         default: unknown extends Defaults["persistentPlaceholder"] ? boolean : boolean | Defaults["persistentPlaceholder"];
     };
     persistentCounter: unknown extends Defaults["persistentCounter"] ? BooleanConstructor : {
-        type: import("vue").PropType<unknown extends Defaults["persistentCounter"] ? boolean : boolean | Defaults["persistentCounter"]>;
+        type: PropType<unknown extends Defaults["persistentCounter"] ? boolean : boolean | Defaults["persistentCounter"]>;
         default: unknown extends Defaults["persistentCounter"] ? boolean : boolean | Defaults["persistentCounter"];
     };
     suffix: unknown extends Defaults["suffix"] ? StringConstructor : {
-        type: import("vue").PropType<unknown extends Defaults["suffix"] ? string : string | Defaults["suffix"]>;
+        type: PropType<unknown extends Defaults["suffix"] ? string : string | Defaults["suffix"]>;
         default: unknown extends Defaults["suffix"] ? string : string | Defaults["suffix"];
     };
     role: unknown extends Defaults["role"] ? StringConstructor : {
-        type: import("vue").PropType<unknown extends Defaults["role"] ? string : string | Defaults["role"]>;
+        type: PropType<unknown extends Defaults["role"] ? string : string | Defaults["role"]>;
         default: unknown extends Defaults["role"] ? string : string | Defaults["role"];
     };
     type: unknown extends Defaults["type"] ? {
@@ -669,11 +676,11 @@ export declare const makeVColorInputProps: <Defaults extends {
         type: StringConstructor;
         default: string;
     }, "type" | "default"> & {
-        type: import("vue").PropType<unknown extends Defaults["type"] ? string : string | Defaults["type"]>;
+        type: PropType<unknown extends Defaults["type"] ? string : string | Defaults["type"]>;
         default: unknown extends Defaults["type"] ? string : string | Defaults["type"];
     };
-    modelModifiers: unknown extends Defaults["modelModifiers"] ? import("vue").PropType<Record<string, boolean>> : {
-        type: import("vue").PropType<unknown extends Defaults["modelModifiers"] ? Record<string, boolean> : Record<string, boolean> | Defaults["modelModifiers"]>;
+    modelModifiers: unknown extends Defaults["modelModifiers"] ? PropType<Record<string, boolean>> : {
+        type: PropType<unknown extends Defaults["modelModifiers"] ? Record<string, boolean> : Record<string, boolean> | Defaults["modelModifiers"]>;
         default: unknown extends Defaults["modelModifiers"] ? Record<string, boolean> : Record<string, boolean> | Defaults["modelModifiers"];
     };
     cancelText: unknown extends Defaults["cancelText"] ? {
@@ -683,7 +690,7 @@ export declare const makeVColorInputProps: <Defaults extends {
         type: StringConstructor;
         default: string;
     }, "type" | "default"> & {
-        type: import("vue").PropType<unknown extends Defaults["cancelText"] ? string : string | Defaults["cancelText"]>;
+        type: PropType<unknown extends Defaults["cancelText"] ? string : string | Defaults["cancelText"]>;
         default: unknown extends Defaults["cancelText"] ? string : string | Defaults["cancelText"];
     };
     okText: unknown extends Defaults["okText"] ? {
@@ -693,16 +700,20 @@ export declare const makeVColorInputProps: <Defaults extends {
         type: StringConstructor;
         default: string;
     }, "type" | "default"> & {
-        type: import("vue").PropType<unknown extends Defaults["okText"] ? string : string | Defaults["okText"]>;
+        type: PropType<unknown extends Defaults["okText"] ? string : string | Defaults["okText"]>;
         default: unknown extends Defaults["okText"] ? string : string | Defaults["okText"];
     };
     hideActions: unknown extends Defaults["hideActions"] ? BooleanConstructor : {
-        type: import("vue").PropType<unknown extends Defaults["hideActions"] ? boolean : boolean | Defaults["hideActions"]>;
+        type: PropType<unknown extends Defaults["hideActions"] ? boolean : boolean | Defaults["hideActions"]>;
         default: unknown extends Defaults["hideActions"] ? boolean : boolean | Defaults["hideActions"];
     };
-    pip: unknown extends Defaults["pip"] ? BooleanConstructor : {
-        type: import("vue").PropType<unknown extends Defaults["pip"] ? boolean : boolean | Defaults["pip"]>;
-        default: unknown extends Defaults["pip"] ? boolean : boolean | Defaults["pip"];
+    hidePip: unknown extends Defaults["hidePip"] ? BooleanConstructor : {
+        type: PropType<unknown extends Defaults["hidePip"] ? boolean : boolean | Defaults["hidePip"]>;
+        default: unknown extends Defaults["hidePip"] ? boolean : boolean | Defaults["hidePip"];
+    };
+    colorPip: unknown extends Defaults["colorPip"] ? BooleanConstructor : {
+        type: PropType<unknown extends Defaults["colorPip"] ? boolean : boolean | Defaults["colorPip"]>;
+        default: unknown extends Defaults["colorPip"] ? boolean : boolean | Defaults["colorPip"];
     };
     pipIcon: unknown extends Defaults["pipIcon"] ? {
         type: StringConstructor;
@@ -711,9 +722,31 @@ export declare const makeVColorInputProps: <Defaults extends {
         type: StringConstructor;
         default: string;
     }, "type" | "default"> & {
-        type: import("vue").PropType<unknown extends Defaults["pipIcon"] ? string : string | Defaults["pipIcon"]>;
+        type: PropType<unknown extends Defaults["pipIcon"] ? string : string | Defaults["pipIcon"]>;
         default: unknown extends Defaults["pipIcon"] ? string : string | Defaults["pipIcon"];
     };
+    pipLocation: unknown extends Defaults["pipLocation"] ? {
+        type: PropType<PipLocation>;
+        default: string;
+        validator: (v: any) => boolean;
+    } : Omit<{
+        type: PropType<PipLocation>;
+        default: string;
+        validator: (v: any) => boolean;
+    }, "type" | "default"> & {
+        type: PropType<unknown extends Defaults["pipLocation"] ? "append" | "prepend" | "prepend-inner" | "append-inner" : "append" | "prepend" | "prepend-inner" | "append-inner" | Defaults["pipLocation"]>;
+        default: unknown extends Defaults["pipLocation"] ? "append" | "prepend" | "prepend-inner" | "append-inner" : Defaults["pipLocation"] | NonNullable<"append" | "prepend" | "prepend-inner" | "append-inner">;
+    };
+    pipVariant: unknown extends Defaults["pipVariant"] ? {
+        type: PropType<VAvatar["$props"]["variant"]>;
+        default: string;
+    } : Omit<{
+        type: PropType<VAvatar["$props"]["variant"]>;
+        default: string;
+    }, "type" | "default"> & {
+        type: PropType<unknown extends Defaults["pipVariant"] ? "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain" | undefined : "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain" | Defaults["pipVariant"] | undefined>;
+        default: unknown extends Defaults["pipVariant"] ? "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain" | undefined : Defaults["pipVariant"] | NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain" | undefined>;
+    };
 };
 export declare const VColorInput: {
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<{
@@ -762,8 +795,11 @@ export declare const VColorInput: {
         cancelText: string;
         okText: string;
         hideActions: boolean;
-        pip: boolean;
+        hidePip: boolean;
+        colorPip: boolean;
         pipIcon: string;
+        pipLocation: "append" | "prepend" | "prepend-inner" | "append-inner";
+        pipVariant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain" | undefined;
     } & {
         name?: string | undefined;
         location?: import("../../util/index.js").Anchor | null | undefined;
@@ -937,8 +973,11 @@ export declare const VColorInput: {
         cancelText: string;
         okText: string;
         hideActions: boolean;
-        pip: boolean;
+        hidePip: boolean;
+        colorPip: boolean;
         pipIcon: string;
+        pipLocation: "append" | "prepend" | "prepend-inner" | "append-inner";
+        pipVariant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain" | undefined;
     }, true, {}, import("vue").SlotsType<Partial<{
         message: (arg: import("../../components/VMessages/VMessages.js").VMessageSlot) => import("vue").VNode[];
         clear: (arg: import("../../components/VField/VField.js").DefaultInputSlot & {
@@ -1010,8 +1049,11 @@ export declare const VColorInput: {
         cancelText: string;
         okText: string;
         hideActions: boolean;
-        pip: boolean;
+        hidePip: boolean;
+        colorPip: boolean;
         pipIcon: string;
+        pipLocation: "append" | "prepend" | "prepend-inner" | "append-inner";
+        pipVariant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain" | undefined;
     } & {
         name?: string | undefined;
         location?: import("../../util/index.js").Anchor | null | undefined;
@@ -1183,8 +1225,11 @@ export declare const VColorInput: {
         cancelText: string;
         okText: string;
         hideActions: boolean;
-        pip: boolean;
+        hidePip: boolean;
+        colorPip: boolean;
         pipIcon: string;
+        pipLocation: "append" | "prepend" | "prepend-inner" | "append-inner";
+        pipVariant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain" | undefined;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -1235,8 +1280,11 @@ export declare const VColorInput: {
     cancelText: string;
     okText: string;
     hideActions: boolean;
-    pip: boolean;
+    hidePip: boolean;
+    colorPip: boolean;
     pipIcon: string;
+    pipLocation: "append" | "prepend" | "prepend-inner" | "append-inner";
+    pipVariant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain" | undefined;
 } & {
     name?: string | undefined;
     location?: import("../../util/index.js").Anchor | null | undefined;
@@ -1410,8 +1458,11 @@ export declare const VColorInput: {
     cancelText: string;
     okText: string;
     hideActions: boolean;
-    pip: boolean;
+    hidePip: boolean;
+    colorPip: boolean;
     pipIcon: string;
+    pipLocation: "append" | "prepend" | "prepend-inner" | "append-inner";
+    pipVariant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain" | undefined;
 }, {}, string, import("vue").SlotsType<Partial<{
     message: (arg: import("../../components/VMessages/VMessages.js").VMessageSlot) => import("vue").VNode[];
     clear: (arg: import("../../components/VField/VField.js").DefaultInputSlot & {
@@ -1431,7 +1482,7 @@ export declare const VColorInput: {
     actions: (arg: VColorInputActionsSlot) => import("vue").VNode[];
     default: () => import("vue").VNode[];
 }>>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("../../util/index.js").FilterPropsOptions<{
-    location: import("vue").PropType<import("../../util/index.js").Anchor | null>;
+    location: PropType<import("../../util/index.js").Anchor | null>;
     height: (StringConstructor | NumberConstructor)[];
     border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
     color: StringConstructor;
@@ -1440,23 +1491,23 @@ export declare const VColorInput: {
     minHeight: (StringConstructor | NumberConstructor)[];
     minWidth: (StringConstructor | NumberConstructor)[];
     position: {
-        type: import("vue").PropType<"fixed" | "absolute" | "relative" | "static" | "sticky">;
+        type: PropType<"fixed" | "absolute" | "relative" | "static" | "sticky">;
         validator: (v: any) => boolean;
     };
     style: {
-        type: import("vue").PropType<import("vue").StyleValue>;
+        type: PropType<import("vue").StyleValue>;
         default: null;
     };
     title: StringConstructor;
     disabled: BooleanConstructor;
-    class: import("vue").PropType<import("../../composables/component.js").ClassValue>;
+    class: PropType<import("../../composables/component.js").ClassValue>;
     theme: StringConstructor;
     tag: {
-        type: import("vue").PropType<string | import("../../util/index.js").JSXComponent>;
+        type: PropType<string | import("../../util/index.js").JSXComponent>;
         default: string;
     };
     mode: {
-        type: import("vue").PropType<keyof typeof import("../../components/VColorPicker/util/index.js").modes>;
+        type: PropType<keyof typeof import("../../components/VColorPicker/util/index.js").modes>;
         default: string;
         validator: (v: string) => boolean;
     };
@@ -1466,7 +1517,7 @@ export declare const VColorInput: {
         validator(v: any): boolean;
     };
     modelValue: {
-        type: import("vue").PropType<Record<string, unknown> | string | undefined | null>;
+        type: PropType<Record<string, unknown> | string | undefined | null>;
     };
     rounded: {
         type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
@@ -1480,13 +1531,13 @@ export declare const VColorInput: {
         default: number;
     };
     modes: {
-        type: import("vue").PropType<readonly (keyof typeof import("../../components/VColorPicker/util/index.js").modes)[]>;
+        type: PropType<readonly (keyof typeof import("../../components/VColorPicker/util/index.js").modes)[]>;
         default: () => string[];
         validator: (v: any) => boolean;
     };
-    swatches: import("vue").PropType<import("vue").DeepReadonly<import("../../util/index.js").Color[][]>>;
+    swatches: PropType<import("vue").DeepReadonly<import("../../util/index.js").Color[][]>>;
     hideHeader: {
-        type: import("vue").PropType<boolean>;
+        type: PropType<boolean>;
         default: boolean;
     };
     canvasHeight: {
@@ -1502,10 +1553,10 @@ export declare const VColorInput: {
         default: number;
     };
     loading: (StringConstructor | BooleanConstructor)[];
-    appendInnerIcon: import("vue").PropType<import("../../composables/icons.js").IconValue>;
+    appendInnerIcon: PropType<import("../../composables/icons.js").IconValue>;
     clearable: BooleanConstructor;
     clearIcon: {
-        type: import("vue").PropType<import("../../composables/icons.js").IconValue>;
+        type: PropType<import("../../composables/icons.js").IconValue>;
         default: string;
     };
     active: BooleanConstructor;
@@ -1522,21 +1573,21 @@ export declare const VColorInput: {
     iconColor: (StringConstructor | BooleanConstructor)[];
     label: StringConstructor;
     persistentClear: BooleanConstructor;
-    prependInnerIcon: import("vue").PropType<import("../../composables/icons.js").IconValue>;
+    prependInnerIcon: PropType<import("../../composables/icons.js").IconValue>;
     reverse: BooleanConstructor;
     singleLine: BooleanConstructor;
     variant: {
-        type: import("vue").PropType<"filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled">;
+        type: PropType<"filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled">;
         default: string;
         validator: (v: any) => boolean;
     };
-    'onClick:clear': import("vue").PropType<(args_0: MouseEvent) => void>;
-    'onClick:appendInner': import("vue").PropType<(args_0: MouseEvent) => void>;
-    'onClick:prependInner': import("vue").PropType<(args_0: MouseEvent) => void>;
+    'onClick:clear': PropType<(args_0: MouseEvent) => void>;
+    'onClick:appendInner': PropType<(args_0: MouseEvent) => void>;
+    'onClick:prependInner': PropType<(args_0: MouseEvent) => void>;
     focused: BooleanConstructor;
-    'onUpdate:focused': import("vue").PropType<(args_0: boolean) => void>;
+    'onUpdate:focused': PropType<(args_0: boolean) => void>;
     errorMessages: {
-        type: import("vue").PropType<string | readonly string[] | null>;
+        type: PropType<string | readonly string[] | null>;
         default: () => never[];
     };
     maxErrors: {
@@ -1545,42 +1596,42 @@ export declare const VColorInput: {
     };
     name: StringConstructor;
     readonly: {
-        type: import("vue").PropType<boolean | null>;
+        type: PropType<boolean | null>;
         default: null;
     };
     rules: {
-        type: import("vue").PropType<readonly (import("../../types.js").ValidationRule | import("../rules/index.js").ValidationAlias)[]>;
+        type: PropType<readonly (import("../../types.js").ValidationRule | import("../rules/index.js").ValidationAlias)[]>;
         default: () => never[];
     };
-    validateOn: import("vue").PropType<import("../../composables/validation.js").ValidationProps["validateOn"]>;
+    validateOn: PropType<import("../../composables/validation.js").ValidationProps["validateOn"]>;
     validationValue: null;
     width: (StringConstructor | NumberConstructor)[];
     density: {
-        type: import("vue").PropType<import("../../composables/density.js").Density>;
+        type: PropType<import("../../composables/density.js").Density>;
         default: string;
         validator: (v: any) => boolean;
     };
     id: StringConstructor;
-    appendIcon: import("vue").PropType<import("../../composables/icons.js").IconValue>;
-    prependIcon: import("vue").PropType<import("../../composables/icons.js").IconValue>;
-    hideDetails: import("vue").PropType<boolean | "auto">;
+    appendIcon: PropType<import("../../composables/icons.js").IconValue>;
+    prependIcon: PropType<import("../../composables/icons.js").IconValue>;
+    hideDetails: PropType<boolean | "auto">;
     hideSpinButtons: BooleanConstructor;
     hint: StringConstructor;
     persistentHint: BooleanConstructor;
     messages: {
-        type: import("vue").PropType<string | readonly string[]>;
+        type: PropType<string | readonly string[]>;
         default: () => never[];
     };
     direction: {
-        type: import("vue").PropType<"horizontal" | "vertical">;
+        type: PropType<"horizontal" | "vertical">;
         default: string;
         validator: (v: any) => boolean;
     };
-    'onClick:prepend': import("vue").PropType<(args_0: MouseEvent) => void>;
-    'onClick:append': import("vue").PropType<(args_0: MouseEvent) => void>;
+    'onClick:prepend': PropType<(args_0: MouseEvent) => void>;
+    'onClick:append': PropType<(args_0: MouseEvent) => void>;
     autofocus: BooleanConstructor;
     counter: (StringConstructor | BooleanConstructor | NumberConstructor)[];
-    counterValue: import("vue").PropType<number | ((value: any) => number)>;
+    counterValue: PropType<number | ((value: any) => number)>;
     prefix: StringConstructor;
     placeholder: StringConstructor;
     persistentPlaceholder: BooleanConstructor;
@@ -1591,7 +1642,7 @@ export declare const VColorInput: {
         type: StringConstructor;
         default: string;
     };
-    modelModifiers: import("vue").PropType<Record<string, boolean>>;
+    modelModifiers: PropType<Record<string, boolean>>;
     cancelText: {
         type: StringConstructor;
         default: string;
@@ -1601,13 +1652,23 @@ export declare const VColorInput: {
         default: string;
     };
     hideActions: BooleanConstructor;
-    pip: BooleanConstructor;
+    hidePip: BooleanConstructor;
+    colorPip: BooleanConstructor;
     pipIcon: {
         type: StringConstructor;
         default: string;
     };
+    pipLocation: {
+        type: PropType<PipLocation>;
+        default: string;
+        validator: (v: any) => boolean;
+    };
+    pipVariant: {
+        type: PropType<VAvatar["$props"]["variant"]>;
+        default: string;
+    };
 }, import("vue").ExtractPropTypes<{
-    location: import("vue").PropType<import("../../util/index.js").Anchor | null>;
+    location: PropType<import("../../util/index.js").Anchor | null>;
     height: (StringConstructor | NumberConstructor)[];
     border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
     color: StringConstructor;
@@ -1616,23 +1677,23 @@ export declare const VColorInput: {
     minHeight: (StringConstructor | NumberConstructor)[];
     minWidth: (StringConstructor | NumberConstructor)[];
     position: {
-        type: import("vue").PropType<"fixed" | "absolute" | "relative" | "static" | "sticky">;
+        type: PropType<"fixed" | "absolute" | "relative" | "static" | "sticky">;
         validator: (v: any) => boolean;
     };
     style: {
-        type: import("vue").PropType<import("vue").StyleValue>;
+        type: PropType<import("vue").StyleValue>;
         default: null;
     };
     title: StringConstructor;
     disabled: BooleanConstructor;
-    class: import("vue").PropType<import("../../composables/component.js").ClassValue>;
+    class: PropType<import("../../composables/component.js").ClassValue>;
     theme: StringConstructor;
     tag: {
-        type: import("vue").PropType<string | import("../../util/index.js").JSXComponent>;
+        type: PropType<string | import("../../util/index.js").JSXComponent>;
         default: string;
     };
     mode: {
-        type: import("vue").PropType<keyof typeof import("../../components/VColorPicker/util/index.js").modes>;
+        type: PropType<keyof typeof import("../../components/VColorPicker/util/index.js").modes>;
         default: string;
         validator: (v: string) => boolean;
     };
@@ -1642,7 +1703,7 @@ export declare const VColorInput: {
         validator(v: any): boolean;
     };
     modelValue: {
-        type: import("vue").PropType<Record<string, unknown> | string | undefined | null>;
+        type: PropType<Record<string, unknown> | string | undefined | null>;
     };
     rounded: {
         type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
@@ -1656,13 +1717,13 @@ export declare const VColorInput: {
         default: number;
     };
     modes: {
-        type: import("vue").PropType<readonly (keyof typeof import("../../components/VColorPicker/util/index.js").modes)[]>;
+        type: PropType<readonly (keyof typeof import("../../components/VColorPicker/util/index.js").modes)[]>;
         default: () => string[];
         validator: (v: any) => boolean;
     };
-    swatches: import("vue").PropType<import("vue").DeepReadonly<import("../../util/index.js").Color[][]>>;
+    swatches: PropType<import("vue").DeepReadonly<import("../../util/index.js").Color[][]>>;
     hideHeader: {
-        type: import("vue").PropType<boolean>;
+        type: PropType<boolean>;
         default: boolean;
     };
     canvasHeight: {
@@ -1678,10 +1739,10 @@ export declare const VColorInput: {
         default: number;
     };
     loading: (StringConstructor | BooleanConstructor)[];
-    appendInnerIcon: import("vue").PropType<import("../../composables/icons.js").IconValue>;
+    appendInnerIcon: PropType<import("../../composables/icons.js").IconValue>;
     clearable: BooleanConstructor;
     clearIcon: {
-        type: import("vue").PropType<import("../../composables/icons.js").IconValue>;
+        type: PropType<import("../../composables/icons.js").IconValue>;
         default: string;
     };
     active: BooleanConstructor;
@@ -1698,21 +1759,21 @@ export declare const VColorInput: {
     iconColor: (StringConstructor | BooleanConstructor)[];
     label: StringConstructor;
     persistentClear: BooleanConstructor;
-    prependInnerIcon: import("vue").PropType<import("../../composables/icons.js").IconValue>;
+    prependInnerIcon: PropType<import("../../composables/icons.js").IconValue>;
     reverse: BooleanConstructor;
     singleLine: BooleanConstructor;
     variant: {
-        type: import("vue").PropType<"filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled">;
+        type: PropType<"filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled">;
         default: string;
         validator: (v: any) => boolean;
     };
-    'onClick:clear': import("vue").PropType<(args_0: MouseEvent) => void>;
-    'onClick:appendInner': import("vue").PropType<(args_0: MouseEvent) => void>;
-    'onClick:prependInner': import("vue").PropType<(args_0: MouseEvent) => void>;
+    'onClick:clear': PropType<(args_0: MouseEvent) => void>;
+    'onClick:appendInner': PropType<(args_0: MouseEvent) => void>;
+    'onClick:prependInner': PropType<(args_0: MouseEvent) => void>;
     focused: BooleanConstructor;
-    'onUpdate:focused': import("vue").PropType<(args_0: boolean) => void>;
+    'onUpdate:focused': PropType<(args_0: boolean) => void>;
     errorMessages: {
-        type: import("vue").PropType<string | readonly string[] | null>;
+        type: PropType<string | readonly string[] | null>;
         default: () => never[];
     };
     maxErrors: {
@@ -1721,42 +1782,42 @@ export declare const VColorInput: {
     };
     name: StringConstructor;
     readonly: {
-        type: import("vue").PropType<boolean | null>;
+        type: PropType<boolean | null>;
         default: null;
     };
     rules: {
-        type: import("vue").PropType<readonly (import("../../types.js").ValidationRule | import("../rules/index.js").ValidationAlias)[]>;
+        type: PropType<readonly (import("../../types.js").ValidationRule | import("../rules/index.js").ValidationAlias)[]>;
         default: () => never[];
     };
-    validateOn: import("vue").PropType<import("../../composables/validation.js").ValidationProps["validateOn"]>;
+    validateOn: PropType<import("../../composables/validation.js").ValidationProps["validateOn"]>;
     validationValue: null;
     width: (StringConstructor | NumberConstructor)[];
     density: {
-        type: import("vue").PropType<import("../../composables/density.js").Density>;
+        type: PropType<import("../../composables/density.js").Density>;
         default: string;
         validator: (v: any) => boolean;
     };
     id: StringConstructor;
-    appendIcon: import("vue").PropType<import("../../composables/icons.js").IconValue>;
-    prependIcon: import("vue").PropType<import("../../composables/icons.js").IconValue>;
-    hideDetails: import("vue").PropType<boolean | "auto">;
+    appendIcon: PropType<import("../../composables/icons.js").IconValue>;
+    prependIcon: PropType<import("../../composables/icons.js").IconValue>;
+    hideDetails: PropType<boolean | "auto">;
     hideSpinButtons: BooleanConstructor;
     hint: StringConstructor;
     persistentHint: BooleanConstructor;
     messages: {
-        type: import("vue").PropType<string | readonly string[]>;
+        type: PropType<string | readonly string[]>;
         default: () => never[];
     };
     direction: {
-        type: import("vue").PropType<"horizontal" | "vertical">;
+        type: PropType<"horizontal" | "vertical">;
         default: string;
         validator: (v: any) => boolean;
     };
-    'onClick:prepend': import("vue").PropType<(args_0: MouseEvent) => void>;
-    'onClick:append': import("vue").PropType<(args_0: MouseEvent) => void>;
+    'onClick:prepend': PropType<(args_0: MouseEvent) => void>;
+    'onClick:append': PropType<(args_0: MouseEvent) => void>;
     autofocus: BooleanConstructor;
     counter: (StringConstructor | BooleanConstructor | NumberConstructor)[];
-    counterValue: import("vue").PropType<number | ((value: any) => number)>;
+    counterValue: PropType<number | ((value: any) => number)>;
     prefix: StringConstructor;
     placeholder: StringConstructor;
     persistentPlaceholder: BooleanConstructor;
@@ -1767,7 +1828,7 @@ export declare const VColorInput: {
         type: StringConstructor;
         default: string;
     };
-    modelModifiers: import("vue").PropType<Record<string, boolean>>;
+    modelModifiers: PropType<Record<string, boolean>>;
     cancelText: {
         type: StringConstructor;
         default: string;
@@ -1777,10 +1838,21 @@ export declare const VColorInput: {
         default: string;
     };
     hideActions: BooleanConstructor;
-    pip: BooleanConstructor;
+    hidePip: BooleanConstructor;
+    colorPip: BooleanConstructor;
     pipIcon: {
         type: StringConstructor;
         default: string;
     };
+    pipLocation: {
+        type: PropType<PipLocation>;
+        default: string;
+        validator: (v: any) => boolean;
+    };
+    pipVariant: {
+        type: PropType<VAvatar["$props"]["variant"]>;
+        default: string;
+    };
 }>>;
 export type VColorInput = InstanceType<typeof VColorInput>;
+