vft 0.0.48 → 0.0.50

package/es/components/collection/collection.d.ts

@@ -0,0 +1,242 @@
+import type { InjectionKey } from 'vue';
+import type { SetupContext } from '@vue/runtime-core';
+import type { VftCollectionInjectionContext, VftCollectionItemInjectionContext } from './tokens';
+export declare const COLLECTION_ITEM_SIGN = "data-vft-collection-item";
+export declare const createCollectionWithScope: (name: string) => {
+    COLLECTION_INJECTION_KEY: InjectionKey<VftCollectionInjectionContext>;
+    COLLECTION_ITEM_INJECTION_KEY: InjectionKey<VftCollectionItemInjectionContext>;
+    VftCollection: {
+        name: string;
+        setup(): void;
+        __isFragment?: undefined;
+        __isTeleport?: undefined;
+        __isSuspense?: undefined;
+        template?: string | object | undefined;
+        render?: Function | undefined;
+        components?: Record<string, import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>> | undefined;
+        directives?: Record<string, import("vue").Directive<any, any>> | undefined;
+        inheritAttrs?: boolean | undefined;
+        emits?: ThisType<void> | (string[] & ThisType<void>) | undefined;
+        expose?: string[] | undefined;
+        serverPrefetch?(): void | Promise<any>;
+        compilerOptions?: import("vue").RuntimeCompilerOptions | undefined;
+        call: (<T, A extends any[]>(this: new (...args: A) => T, thisArg: T, ...args: A) => void) & ((this: unknown, ...args: unknown[]) => never);
+        __defaults?: {} | undefined;
+        compatConfig?: (Partial<Record<import("vue").DeprecationTypes, boolean | "suppress-warning">> & {
+            MODE?: 2 | 3 | ((comp: import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions> | null) => 2 | 3) | undefined;
+        }) | undefined;
+        data?: ((this: import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, Readonly<import("vue").ExtractPropTypes<{}>>, {}, false, {}, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, import("vue").MethodOptions, {}>, vm: import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, Readonly<import("vue").ExtractPropTypes<{}>>, {}, false, {}, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, import("vue").MethodOptions, {}>) => {}) | undefined;
+        computed?: {} | undefined;
+        methods?: {} | undefined;
+        watch?: {
+            [x: string]: (string | import("vue").WatchCallback<any, any> | ({
+                handler: string | import("vue").WatchCallback<any, any>;
+            } & import("vue").WatchOptions<boolean>)) | (string | import("vue").WatchCallback<any, any> | ({
+                handler: string | import("vue").WatchCallback<any, any>;
+            } & import("vue").WatchOptions<boolean>))[];
+        } | undefined;
+        provide?: import("vue").ComponentProvideOptions | undefined;
+        inject?: {} | string[] | undefined;
+        filters?: Record<string, Function> | undefined;
+        mixins?: import("vue").ComponentOptionsMixin[] | undefined;
+        extends?: import("vue").ComponentOptionsMixin | undefined;
+        beforeCreate?(): void;
+        created?(): void;
+        beforeMount?(): void;
+        mounted?(): void;
+        beforeUpdate?(): void;
+        updated?(): void;
+        activated?(): void;
+        deactivated?(): void;
+        beforeDestroy?(): void;
+        beforeUnmount?(): void;
+        destroyed?(): void;
+        unmounted?(): void;
+        renderTracked?: ((e: import("vue").DebuggerEvent) => void) | undefined;
+        renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | undefined;
+        errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void) | undefined;
+        delimiters?: [string, string] | undefined;
+        __differentiator?: undefined;
+        __isBuiltIn?: boolean | undefined;
+        __file?: string | undefined;
+        __name?: string | undefined;
+        beforeRouteEnter?: import("vue-router").NavigationGuardWithThis<undefined> | undefined;
+        beforeRouteUpdate?: import("vue-router").NavigationGuard | undefined;
+        beforeRouteLeave?: import("vue-router").NavigationGuard | undefined;
+        key?: string | number | symbol | undefined;
+        ref?: import("vue").VNodeRef | undefined;
+        ref_for?: boolean | undefined;
+        ref_key?: string | undefined;
+        onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>) => void)[] | undefined;
+        onVnodeMounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>) => void)[] | undefined;
+        onVnodeBeforeUpdate?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>) => void)[] | undefined;
+        onVnodeUpdated?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>) => void)[] | undefined;
+        onVnodeBeforeUnmount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>) => void)[] | undefined;
+        onVnodeUnmounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>) => void)[] | undefined;
+        class?: unknown;
+        style?: unknown;
+    };
+    VftCollectionItem: {
+        name: string;
+        setup(_: unknown, { attrs }: SetupContext): void;
+        __isFragment?: undefined;
+        __isTeleport?: undefined;
+        __isSuspense?: undefined;
+        template?: string | object | undefined;
+        render?: Function | undefined;
+        components?: Record<string, import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>> | undefined;
+        directives?: Record<string, import("vue").Directive<any, any>> | undefined;
+        inheritAttrs?: boolean | undefined;
+        emits?: ThisType<void> | (string[] & ThisType<void>) | undefined;
+        expose?: string[] | undefined;
+        serverPrefetch?(): void | Promise<any>;
+        compilerOptions?: import("vue").RuntimeCompilerOptions | undefined;
+        call: (<T, A extends any[]>(this: new (...args: A) => T, thisArg: T, ...args: A) => void) & ((this: unknown, ...args: unknown[]) => never);
+        __defaults?: {} | undefined;
+        compatConfig?: (Partial<Record<import("vue").DeprecationTypes, boolean | "suppress-warning">> & {
+            MODE?: 2 | 3 | ((comp: import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions> | null) => 2 | 3) | undefined;
+        }) | undefined;
+        data?: ((this: import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, Readonly<import("vue").ExtractPropTypes<{}>>, {}, false, {}, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, import("vue").MethodOptions, {}>, vm: import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, Readonly<import("vue").ExtractPropTypes<{}>>, {}, false, {}, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, import("vue").MethodOptions, {}>) => {}) | undefined;
+        computed?: {} | undefined;
+        methods?: {} | undefined;
+        watch?: {
+            [x: string]: (string | import("vue").WatchCallback<any, any> | ({
+                handler: string | import("vue").WatchCallback<any, any>;
+            } & import("vue").WatchOptions<boolean>)) | (string | import("vue").WatchCallback<any, any> | ({
+                handler: string | import("vue").WatchCallback<any, any>;
+            } & import("vue").WatchOptions<boolean>))[];
+        } | undefined;
+        provide?: import("vue").ComponentProvideOptions | undefined;
+        inject?: {} | string[] | undefined;
+        filters?: Record<string, Function> | undefined;
+        mixins?: import("vue").ComponentOptionsMixin[] | undefined;
+        extends?: import("vue").ComponentOptionsMixin | undefined;
+        beforeCreate?(): void;
+        created?(): void;
+        beforeMount?(): void;
+        mounted?(): void;
+        beforeUpdate?(): void;
+        updated?(): void;
+        activated?(): void;
+        deactivated?(): void;
+        beforeDestroy?(): void;
+        beforeUnmount?(): void;
+        destroyed?(): void;
+        unmounted?(): void;
+        renderTracked?: ((e: import("vue").DebuggerEvent) => void) | undefined;
+        renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | undefined;
+        errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void) | undefined;
+        delimiters?: [string, string] | undefined;
+        __differentiator?: undefined;
+        __isBuiltIn?: boolean | undefined;
+        __file?: string | undefined;
+        __name?: string | undefined;
+        beforeRouteEnter?: import("vue-router").NavigationGuardWithThis<undefined> | undefined;
+        beforeRouteUpdate?: import("vue-router").NavigationGuard | undefined;
+        beforeRouteLeave?: import("vue-router").NavigationGuard | undefined;
+        key?: string | number | symbol | undefined;
+        ref?: import("vue").VNodeRef | undefined;
+        ref_for?: boolean | undefined;
+        ref_key?: string | undefined;
+        onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>) => void)[] | undefined;
+        onVnodeMounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>) => void)[] | undefined;
+        onVnodeBeforeUpdate?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>) => void)[] | undefined;
+        onVnodeUpdated?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>) => void)[] | undefined;
+        onVnodeBeforeUnmount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>) => void)[] | undefined;
+        onVnodeUnmounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>) => void)[] | undefined;
+        class?: unknown;
+        style?: unknown;
+    };
+};

package/es/components/collection/collection.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _sfc_main: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _sfc_main;

package/es/components/collection/index.d.ts

@@ -0,0 +1,2 @@
+export * from './collection';
+export * from './tokens';

package/es/components/collection/tokens.d.ts

@@ -0,0 +1,12 @@
+import type { Ref } from 'vue';
+export type CollectionItem<T = Record<string, any>> = {
+    ref: HTMLElement | null;
+} & T;
+export type VftCollectionInjectionContext = {
+    itemMap: Map<HTMLElement, CollectionItem>;
+    getItems: <T>() => CollectionItem<T>[];
+    collectionRef: Ref<HTMLElement | null>;
+};
+export type VftCollectionItemInjectionContext = {
+    collectionItemRef: Ref<HTMLElement | null>;
+};

package/es/components/color-picker/color-picker.vue.d.ts

@@ -0,0 +1,124 @@
+import type { PropType as __PropType } from 'vue';
+import { type ComponentSize } from 'vft/es/constants';
+import Color from './utils/color';
+export interface ColorPickerProps {
+    modelValue?: string;
+    id?: string;
+    showAlpha?: boolean;
+    colorFormat?: string;
+    disabled?: boolean;
+    size?: ComponentSize;
+    popperClass?: string;
+    label?: string;
+    tabindex?: string | number;
+    predefine?: string[];
+    validateEvent?: boolean;
+}
+declare const _sfc_main: import("vue").DefineComponent<{
+    modelValue: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    id: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    showAlpha: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    colorFormat: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    disabled: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    size: {
+        type: __PropType<"" | "default" | "small" | "large" | undefined>;
+        required: false;
+    };
+    popperClass: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    label: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    tabindex: {
+        type: __PropType<string | number | undefined>;
+        required: false;
+        default: number;
+    };
+    predefine: {
+        type: __PropType<string[] | undefined>;
+        required: false;
+    };
+    validateEvent: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+}, {
+    /**
+     * @description current color object
+     */
+    color: Color;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "activeChange")[], "update:modelValue" | "change" | "activeChange", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    id: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    showAlpha: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    colorFormat: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    disabled: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    size: {
+        type: __PropType<"" | "default" | "small" | "large" | undefined>;
+        required: false;
+    };
+    popperClass: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    label: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    tabindex: {
+        type: __PropType<string | number | undefined>;
+        required: false;
+        default: number;
+    };
+    predefine: {
+        type: __PropType<string[] | undefined>;
+        required: false;
+    };
+    validateEvent: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
+    onActiveChange?: ((...args: any[]) => any) | undefined;
+}, {
+    validateEvent: boolean | undefined;
+    tabindex: string | number | undefined;
+}>;
+export default _sfc_main;

package/es/components/color-picker/components/alpha-slider.vue.d.ts

@@ -0,0 +1,42 @@
+import type { PropType as __PropType } from 'vue';
+import type Color from '../utils/color';
+export interface AlphaSliderProps {
+    color: Color;
+    vertical?: boolean;
+}
+declare const _sfc_main: import("vue").DefineComponent<{
+    color: {
+        type: __PropType<Color>;
+        required: true;
+    };
+    vertical: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+}, {
+    /**
+     * @description update alpha slider manually
+     * @type {Function}
+     */
+    update: () => void;
+    /**
+     * @description bar element ref
+     * @type {HTMLElement}
+     */
+    bar: import("vue").ShallowRef<HTMLElement | undefined>;
+    /**
+     * @description thumb element ref
+     * @type {HTMLElement}
+     */
+    thumb: import("vue").ShallowRef<HTMLElement | undefined>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    color: {
+        type: __PropType<Color>;
+        required: true;
+    };
+    vertical: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+}>>, {}>;
+export default _sfc_main;

package/es/components/color-picker/components/hue-slider.vue.d.ts

@@ -0,0 +1,44 @@
+import type { PropType } from 'vue';
+import type Color from '../utils/color';
+declare const _sfc_main: import("vue").DefineComponent<{
+    color: {
+        type: PropType<Color>;
+        required: true;
+    };
+    vertical: BooleanConstructor;
+}, {
+    bar: import("vue").Ref<HTMLElement | undefined>;
+    thumb: import("vue").Ref<HTMLElement | undefined>;
+    thumbLeft: import("vue").Ref<number>;
+    thumbTop: import("vue").Ref<number>;
+    hueValue: import("vue").ComputedRef<any>;
+    handleClick: (event: MouseEvent | TouchEvent) => void;
+    update: () => void;
+    ns: {
+        namespace: import("vue").Ref<string>;
+        b: (blockSuffix?: string) => string;
+        e: (element?: string | undefined) => string;
+        m: (modifier?: string | undefined) => string;
+        be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
+        em: (element?: string | undefined, modifier?: string | undefined) => string;
+        bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
+        bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
+        is: {
+            (name: string, state: boolean | undefined): string;
+            (name: string): string;
+        };
+        cssVar: (object: Record<string, string | undefined>) => Record<string, string>;
+        cssVarName: (name: string) => string;
+        cssVarBlock: (object: Record<string, string | undefined>) => Record<string, string>;
+        cssVarBlockName: (name: string) => string;
+    };
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    color: {
+        type: PropType<Color>;
+        required: true;
+    };
+    vertical: BooleanConstructor;
+}>>, {
+    vertical: boolean;
+}>;
+export default _sfc_main;

package/es/components/color-picker/components/predefine.vue.d.ts

@@ -0,0 +1,43 @@
+import Color from '../utils/color';
+import type { PropType, Ref } from 'vue';
+declare const _sfc_main: import("vue").DefineComponent<{
+    colors: {
+        type: PropType<string[]>;
+        required: true;
+    };
+    color: {
+        type: PropType<Color>;
+        required: true;
+    };
+}, {
+    rgbaColors: Ref<Color[]>;
+    handleSelect: (index: number) => void;
+    ns: {
+        namespace: Ref<string>;
+        b: (blockSuffix?: string) => string;
+        e: (element?: string | undefined) => string;
+        m: (modifier?: string | undefined) => string;
+        be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
+        em: (element?: string | undefined, modifier?: string | undefined) => string;
+        bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
+        bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
+        is: {
+            (name: string, state: boolean | undefined): string;
+            (name: string): string;
+        };
+        cssVar: (object: Record<string, string | undefined>) => Record<string, string>;
+        cssVarName: (name: string) => string;
+        cssVarBlock: (object: Record<string, string | undefined>) => Record<string, string>;
+        cssVarBlockName: (name: string) => string;
+    };
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    colors: {
+        type: PropType<string[]>;
+        required: true;
+    };
+    color: {
+        type: PropType<Color>;
+        required: true;
+    };
+}>>, {}>;
+export default _sfc_main;

package/es/components/color-picker/components/sv-panel.vue.d.ts

@@ -0,0 +1,42 @@
+import type { PropType } from 'vue';
+import type Color from '../utils/color';
+declare const _sfc_main: import("vue").DefineComponent<{
+    color: {
+        type: PropType<Color>;
+        required: true;
+    };
+}, {
+    cursorTop: import("vue").Ref<number>;
+    cursorLeft: import("vue").Ref<number>;
+    background: import("vue").Ref<string>;
+    colorValue: import("vue").ComputedRef<{
+        hue: any;
+        value: any;
+    }>;
+    handleDrag: (event: MouseEvent | TouchEvent) => void;
+    update: () => void;
+    ns: {
+        namespace: import("vue").Ref<string>;
+        b: (blockSuffix?: string) => string;
+        e: (element?: string | undefined) => string;
+        m: (modifier?: string | undefined) => string;
+        be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
+        em: (element?: string | undefined, modifier?: string | undefined) => string;
+        bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
+        bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
+        is: {
+            (name: string, state: boolean | undefined): string;
+            (name: string): string;
+        };
+        cssVar: (object: Record<string, string | undefined>) => Record<string, string>;
+        cssVarName: (name: string) => string;
+        cssVarBlock: (object: Record<string, string | undefined>) => Record<string, string>;
+        cssVarBlockName: (name: string) => string;
+    };
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    color: {
+        type: PropType<Color>;
+        required: true;
+    };
+}>>, {}>;
+export default _sfc_main;

package/es/components/color-picker/composables/use-alpha-slider.d.ts

@@ -0,0 +1,20 @@
+import type { AlphaSliderProps } from '../components/alpha-slider.vue';
+export declare const useAlphaSlider: (props: AlphaSliderProps) => {
+    thumb: import("vue").ShallowRef<HTMLElement | undefined>;
+    bar: import("vue").ShallowRef<HTMLElement | undefined>;
+    handleDrag: (event: MouseEvent | TouchEvent) => void;
+    handleClick: (event: MouseEvent | TouchEvent) => void;
+};
+export declare const useAlphaSliderDOM: (props: AlphaSliderProps, { bar, thumb, handleDrag }: Pick<ReturnType<typeof useAlphaSlider>, 'bar' | 'thumb' | 'handleDrag'>) => {
+    rootKls: import("vue").ComputedRef<string[]>;
+    barKls: import("vue").ComputedRef<string>;
+    barStyle: import("vue").ComputedRef<{
+        background: string | undefined;
+    }>;
+    thumbKls: import("vue").ComputedRef<string>;
+    thumbStyle: import("vue").ComputedRef<{
+        left: string | undefined;
+        top: string | undefined;
+    }>;
+    update: () => void;
+};

package/es/components/color-picker/contants.d.ts

@@ -0,0 +1,5 @@
+import type { ComputedRef, InjectionKey } from 'vue';
+export interface ColorPickerContext {
+    currentColor: ComputedRef<string>;
+}
+export declare const colorPickerContextKey: InjectionKey<ColorPickerContext>;