eco-vue-js 0.12.52

package/dist/components/Select/components/SelectOption.vue.d.ts

@@ -0,0 +1,176 @@
+declare const _default: <Model extends number | string>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
+        readonly onUnmounted?: (() => any) | undefined;
+        readonly onSelect?: (() => any) | undefined;
+        readonly onMouseenter?: ((value: MouseEvent) => any) | undefined;
+        readonly onUnselect?: (() => any) | undefined;
+        readonly "onUpdate:cursor"?: (() => any) | undefined;
+        readonly "onUpdate:is-cursor"?: ((value: {
+            previous: Model | null | undefined;
+            next: Model | null | undefined;
+        }) => any) | undefined;
+        readonly "onUpdate:previous"?: ((value: Model | null | undefined) => any) | undefined;
+        readonly "onUpdate:next"?: ((value: Model | null | undefined) => any) | undefined;
+        readonly "onUpdate:first"?: (() => any) | undefined;
+        readonly "onUpdate:last"?: (() => any) | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onMouseenter" | "onSelect" | "onUnselect" | "onUnmounted" | "onUpdate:cursor" | "onUpdate:is-cursor" | "onUpdate:previous" | "onUpdate:next" | "onUpdate:first" | "onUpdate:last"> & {
+        isSelected: boolean;
+        isCursor?: boolean;
+        loading?: boolean;
+        skeleton?: boolean;
+        scroll?: boolean;
+        first?: boolean;
+        last?: boolean;
+        previous?: Model | null;
+        next?: Model | null;
+        isNoCursor?: boolean;
+        hideOptionIcon?: boolean;
+        disabled?: boolean;
+        index: number;
+        reverse?: boolean;
+    } & Partial<{}>> & import('vue').PublicProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<{
+        scrollIntoView: () => void;
+        toggleCursor: () => void;
+        index: import('@vue/shared').IfAny<import('vue').DefineProps<import('@vue/shared').LooseRequired<{
+            isSelected: boolean;
+            isCursor?: boolean;
+            loading?: boolean;
+            skeleton?: boolean;
+            scroll?: boolean;
+            first?: boolean;
+            last?: boolean;
+            previous?: Model | null;
+            next?: Model | null;
+            isNoCursor?: boolean;
+            hideOptionIcon?: boolean;
+            disabled?: boolean;
+            index: number;
+            reverse?: boolean;
+        }>, "reverse" | "skeleton" | "scroll" | "disabled" | "loading" | "hideOptionIcon" | "isSelected" | "first" | "last" | "isCursor" | "isNoCursor" | (Model | null | undefined extends boolean | undefined ? undefined extends undefined ? never : "previous" : never) | (Model | null | undefined extends boolean | undefined ? undefined extends undefined ? never : "next" : never)>["index"], import('vue').Ref<import('vue').DefineProps<import('@vue/shared').LooseRequired<{
+            isSelected: boolean;
+            isCursor?: boolean;
+            loading?: boolean;
+            skeleton?: boolean;
+            scroll?: boolean;
+            first?: boolean;
+            last?: boolean;
+            previous?: Model | null;
+            next?: Model | null;
+            isNoCursor?: boolean;
+            hideOptionIcon?: boolean;
+            disabled?: boolean;
+            index: number;
+            reverse?: boolean;
+        }>, "reverse" | "skeleton" | "scroll" | "disabled" | "loading" | "hideOptionIcon" | "isSelected" | "first" | "last" | "isCursor" | "isNoCursor" | (Model | null | undefined extends boolean | undefined ? undefined extends undefined ? never : "previous" : never) | (Model | null | undefined extends boolean | undefined ? undefined extends undefined ? never : "next" : never)>["index"], import('vue').DefineProps<import('@vue/shared').LooseRequired<{
+            isSelected: boolean;
+            isCursor?: boolean;
+            loading?: boolean;
+            skeleton?: boolean;
+            scroll?: boolean;
+            first?: boolean;
+            last?: boolean;
+            previous?: Model | null;
+            next?: Model | null;
+            isNoCursor?: boolean;
+            hideOptionIcon?: boolean;
+            disabled?: boolean;
+            index: number;
+            reverse?: boolean;
+        }>, "reverse" | "skeleton" | "scroll" | "disabled" | "loading" | "hideOptionIcon" | "isSelected" | "first" | "last" | "isCursor" | "isNoCursor" | (Model | null | undefined extends boolean | undefined ? undefined extends undefined ? never : "previous" : never) | (Model | null | undefined extends boolean | undefined ? undefined extends undefined ? never : "next" : never)>["index"]>, [import('vue').DefineProps<import('@vue/shared').LooseRequired<{
+            isSelected: boolean;
+            isCursor?: boolean;
+            loading?: boolean;
+            skeleton?: boolean;
+            scroll?: boolean;
+            first?: boolean;
+            last?: boolean;
+            previous?: Model | null;
+            next?: Model | null;
+            isNoCursor?: boolean;
+            hideOptionIcon?: boolean;
+            disabled?: boolean;
+            index: number;
+            reverse?: boolean;
+        }>, "reverse" | "skeleton" | "scroll" | "disabled" | "loading" | "hideOptionIcon" | "isSelected" | "first" | "last" | "isCursor" | "isNoCursor" | (Model | null | undefined extends boolean | undefined ? undefined extends undefined ? never : "previous" : never) | (Model | null | undefined extends boolean | undefined ? undefined extends undefined ? never : "next" : never)>["index"]] extends [import('vue').Ref<any, any>] ? import('vue').DefineProps<import('@vue/shared').LooseRequired<{
+            isSelected: boolean;
+            isCursor?: boolean;
+            loading?: boolean;
+            skeleton?: boolean;
+            scroll?: boolean;
+            first?: boolean;
+            last?: boolean;
+            previous?: Model | null;
+            next?: Model | null;
+            isNoCursor?: boolean;
+            hideOptionIcon?: boolean;
+            disabled?: boolean;
+            index: number;
+            reverse?: boolean;
+        }>, "reverse" | "skeleton" | "scroll" | "disabled" | "loading" | "hideOptionIcon" | "isSelected" | "first" | "last" | "isCursor" | "isNoCursor" | (Model | null | undefined extends boolean | undefined ? undefined extends undefined ? never : "previous" : never) | (Model | null | undefined extends boolean | undefined ? undefined extends undefined ? never : "next" : never)>["index"] : import('vue').Ref<import('vue').DefineProps<import('@vue/shared').LooseRequired<{
+            isSelected: boolean;
+            isCursor?: boolean;
+            loading?: boolean;
+            skeleton?: boolean;
+            scroll?: boolean;
+            first?: boolean;
+            last?: boolean;
+            previous?: Model | null;
+            next?: Model | null;
+            isNoCursor?: boolean;
+            hideOptionIcon?: boolean;
+            disabled?: boolean;
+            index: number;
+            reverse?: boolean;
+        }>, "reverse" | "skeleton" | "scroll" | "disabled" | "loading" | "hideOptionIcon" | "isSelected" | "first" | "last" | "isCursor" | "isNoCursor" | (Model | null | undefined extends boolean | undefined ? undefined extends undefined ? never : "previous" : never) | (Model | null | undefined extends boolean | undefined ? undefined extends undefined ? never : "next" : never)>["index"], import('vue').DefineProps<import('@vue/shared').LooseRequired<{
+            isSelected: boolean;
+            isCursor?: boolean;
+            loading?: boolean;
+            skeleton?: boolean;
+            scroll?: boolean;
+            first?: boolean;
+            last?: boolean;
+            previous?: Model | null;
+            next?: Model | null;
+            isNoCursor?: boolean;
+            hideOptionIcon?: boolean;
+            disabled?: boolean;
+            index: number;
+            reverse?: boolean;
+        }>, "reverse" | "skeleton" | "scroll" | "disabled" | "loading" | "hideOptionIcon" | "isSelected" | "first" | "last" | "isCursor" | "isNoCursor" | (Model | null | undefined extends boolean | undefined ? undefined extends undefined ? never : "previous" : never) | (Model | null | undefined extends boolean | undefined ? undefined extends undefined ? never : "next" : never)>["index"]>>;
+    }>): void;
+    attrs: any;
+    slots: Readonly<{
+        default: (props: {
+            selected: boolean;
+        }) => void;
+        prefix: () => void;
+    }> & {
+        default: (props: {
+            selected: boolean;
+        }) => void;
+        prefix: () => void;
+    };
+    emit: {
+        (e: "select"): void;
+        (e: "unselect"): void;
+        (e: "update:is-cursor", value: {
+            previous: Model | null | undefined;
+            next: Model | null | undefined;
+        }): void;
+        (e: "update:cursor"): void;
+        (e: "update:previous", value: Model | null | undefined): void;
+        (e: "update:next", value: Model | null | undefined): void;
+        (e: "unmounted"): void;
+        (e: "update:first"): void;
+        (e: "update:last"): void;
+        (e: "mouseenter", value: MouseEvent): void;
+    };
+}>) => import('vue').VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};
+//# sourceMappingURL=SelectOption.vue.d.ts.map

package/dist/components/Select/components/SelectOption.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectOption.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/Select/components/SelectOption.vue"],"names":[],"mappings":"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"}

package/dist/components/Select/components/SelectOption.vue.js

@@ -0,0 +1,5 @@
+import SelectOption_vue_vue_type_script_setup_true_lang_default from "./SelectOption.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/Select/components/SelectOption.vue
+var SelectOption_default = SelectOption_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { SelectOption_default as default };

package/dist/components/Select/components/SelectOption.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,127 @@
+import { getScrollParent } from "../../../utils/utils.js";
+import WSpinner_default from "../../Spinner/WSpinner.vue.js";
+import IconCheck_default from "../../../assets/icons/IconCheck.js";
+import { Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, onUnmounted, openBlock, renderSlot, toRef, unref, useTemplateRef, watch, watchEffect, withCtx, withModifiers } from "vue";
+//#region src/components/Select/components/SelectOption.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 0,
+	class: "text-primary dark:text-primary-dark w-spinner-size-[1.25em] col-start-3 flex items-center justify-self-end"
+};
+var SelectOption_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "SelectOption",
+	props: {
+		isSelected: { type: Boolean },
+		isCursor: { type: Boolean },
+		loading: { type: Boolean },
+		skeleton: { type: Boolean },
+		scroll: { type: Boolean },
+		first: { type: Boolean },
+		last: { type: Boolean },
+		previous: {},
+		next: {},
+		isNoCursor: { type: Boolean },
+		hideOptionIcon: { type: Boolean },
+		disabled: { type: Boolean },
+		index: {},
+		reverse: { type: Boolean }
+	},
+	emits: [
+		"select",
+		"unselect",
+		"update:is-cursor",
+		"update:cursor",
+		"update:previous",
+		"update:next",
+		"unmounted",
+		"update:first",
+		"update:last",
+		"mouseenter"
+	],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const elementRef = useTemplateRef("element");
+		const selectedVisible = computed(() => props.reverse ? !props.isSelected : props.isSelected);
+		const toggle = () => {
+			if (props.skeleton || props.loading || props.disabled) return;
+			if (props.isSelected) emit("unselect");
+			else emit("select");
+		};
+		const toggleCursor = () => {
+			if (!props.isCursor) return;
+			toggle();
+		};
+		const scrollIntoView = () => {
+			if (!elementRef.value) return;
+			const parent = getScrollParent(elementRef.value);
+			if (!parent) return;
+			parent.scrollTo({ top: elementRef.value.getBoundingClientRect().top - parent.getBoundingClientRect().top });
+		};
+		watch(() => props.isCursor, (value) => {
+			if (!value) return;
+			emit("update:is-cursor", {
+				previous: props.previous,
+				next: props.next
+			});
+			if (props.scroll) scrollIntoView();
+		}, { immediate: true });
+		watchEffect(() => {
+			if (props.isNoCursor && props.first && !props.skeleton) emit("update:cursor");
+		});
+		watch(() => props.previous, (value) => {
+			if (props.isCursor && !props.skeleton) emit("update:previous", value);
+		}, { immediate: true });
+		watch(() => props.next, (value) => {
+			if (props.isCursor && !props.skeleton) emit("update:next", value);
+		}, { immediate: true });
+		watch(() => props.first, (value) => {
+			if (value) emit("update:first");
+		}, { immediate: true });
+		watch(() => props.last, (value) => {
+			if (value) emit("update:last");
+		}, { immediate: true });
+		watch(() => props.next, (value) => {
+			if (props.isCursor && !props.skeleton) emit("update:next", value);
+		}, { immediate: true });
+		onUnmounted(() => {
+			if (props.isCursor) emit("unmounted");
+		});
+		__expose({
+			scrollIntoView,
+			toggleCursor,
+			index: toRef(props, "index")
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				ref: "element",
+				class: normalizeClass(["w-select-option relative grid w-full grid-cols-[auto,1fr,1.25em]", {
+					"bg-primary-light/30 dark:bg-primary-darkest/30": selectedVisible.value,
+					"before:opacity-5": !__props.loading && __props.isCursor && !__props.skeleton && !__props.disabled,
+					"cursor-progress": __props.loading || __props.skeleton,
+					"w-ripple": !__props.loading && !__props.skeleton && !__props.disabled,
+					"cursor-not-allowed": __props.disabled
+				}]),
+				onMousedown: _cache[0] || (_cache[0] = withModifiers(() => {}, ["prevent", "stop"])),
+				onClick: withModifiers(toggle, ["prevent", "stop"]),
+				onMouseenter: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("mouseenter", $event))
+			}, [
+				renderSlot(_ctx.$slots, "prefix"),
+				createElementVNode("div", { class: normalizeClass(["-pr--w-option-padding col-start-2 grid items-center", { "col-span-2": __props.hideOptionIcon }]) }, [renderSlot(_ctx.$slots, "default", { selected: selectedVisible.value })], 2),
+				createVNode(Transition, {
+					"enter-active-class": "transition-opacity",
+					"leave-active-class": "transition-opacity",
+					"enter-from-class": "opacity-0",
+					"leave-to-class": "opacity-0"
+				}, {
+					default: withCtx(() => [!__props.hideOptionIcon && (selectedVisible.value || __props.loading) ? (openBlock(), createElementBlock("div", _hoisted_1, [selectedVisible.value && !__props.loading ? (openBlock(), createBlock(unref(IconCheck_default), {
+						key: 0,
+						class: "square-[1.25em]"
+					})) : __props.loading ? (openBlock(), createBlock(WSpinner_default, { key: 1 })) : createCommentVNode("", true)])) : createCommentVNode("", true)]),
+					_: 1
+				})
+			], 34);
+		};
+	}
+});
+//#endregion
+export { SelectOption_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/Select/components/SelectOptionPrefix.vue.d.ts

@@ -0,0 +1,27 @@
+import { SelectOptionComponent, SelectPrefixProps } from '../types';
+declare const _default: <Data extends DefaultData, OptionComponent extends SelectOptionComponent<Data>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
+        readonly onUnselect?: ((option: Data | undefined) => any) | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUnselect"> & SelectPrefixProps<Data, OptionComponent> & Partial<{}>> & import('vue').PublicProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: Readonly<{
+        option: (props: {
+            option: Data | undefined;
+            search: string | undefined;
+        }) => void;
+    }> & {
+        option: (props: {
+            option: Data | undefined;
+            search: string | undefined;
+        }) => void;
+    };
+    emit: (e: "unselect", option: Data | undefined) => void;
+}>) => import('vue').VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};
+//# sourceMappingURL=SelectOptionPrefix.vue.d.ts.map

package/dist/components/Select/components/SelectOptionPrefix.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectOptionPrefix.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/Select/components/SelectOptionPrefix.vue"],"names":[],"mappings":"AA0CA;AA2DA,OAAO,KAAK,EAAC,qBAAqB,EAAE,iBAAiB,EAAC,MAAM,UAAU,CAAA;yBAIrD,IAAI,SAAS,WAAW,EAAE,eAAe,SAAS,qBAAqB,CAAC,IAAI,CAAC,EAC7F,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,eAAe,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EACjE;WAkJO,mBAAmB,CAAC;;2LAAkE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;gBA1ID,CAAC,KAAK,EAAE;YAAC,MAAM,EAAE,IAAI,GAAG,SAAS,CAAC;YAAC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAA;SAAC,KAAK,IAAI;;gBAAvE,CAAC,KAAK,EAAE;YAAC,MAAM,EAAE,IAAI,GAAG,SAAS,CAAC;YAAC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAA;SAAC,KAAK,IAAI;;cAL3E,UAAU,UAAU,IAAI,GAAG,SAAS,KAAG,IAAI;EAmJ7C,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AA7JzE,wBA6J4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

package/dist/components/Select/components/SelectOptionPrefix.vue.js

@@ -0,0 +1,5 @@
+import SelectOptionPrefix_vue_vue_type_script_setup_true_lang_default from "./SelectOptionPrefix.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/Select/components/SelectOptionPrefix.vue
+var SelectOptionPrefix_default = SelectOptionPrefix_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { SelectOptionPrefix_default as default };

package/dist/components/Select/components/SelectOptionPrefix.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,59 @@
+import WButtonUnselect_default from "../../Button/WButtonUnselect.vue.js";
+import { createBlock, createCommentVNode, createElementBlock, defineComponent, mergeProps, openBlock, renderSlot, resolveDynamicComponent, withCtx, withModifiers } from "vue";
+//#region src/components/Select/components/SelectOptionPrefix.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 1,
+	class: "text-description group/model relative grid grid-cols-[1fr,auto] items-center"
+};
+var SelectOptionPrefix_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "SelectOptionPrefix",
+	props: {
+		option: {},
+		search: {},
+		index: {},
+		disabled: { type: Boolean },
+		readonly: { type: Boolean },
+		loading: { type: Boolean },
+		disableClear: { type: Boolean },
+		optionComponent: {},
+		optionComponentProps: {}
+	},
+	emits: ["unselect"],
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return __props.optionComponent ? (openBlock(), createBlock(resolveDynamicComponent(__props.optionComponent), mergeProps({ key: 0 }, __props.optionComponentProps, {
+				option: __props.option,
+				index: __props.index,
+				search: __props.option === void 0 ? __props.search?.toString() : void 0,
+				selected: true,
+				model: true
+			}), {
+				default: withCtx(() => [!__props.disableClear ? (openBlock(), createBlock(WButtonUnselect_default, {
+					key: 0,
+					loading: __props.loading,
+					disabled: __props.disabled,
+					class: "w-option-button ml-1 mr-2",
+					onMousedown: _cache[0] || (_cache[0] = withModifiers(() => {}, ["stop", "prevent"])),
+					onClick: _cache[1] || (_cache[1] = withModifiers(($event) => _ctx.$emit("unselect", __props.option), ["stop", "prevent"]))
+				}, null, 8, ["loading", "disabled"])) : createCommentVNode("", true)]),
+				_: 1
+			}, 16, [
+				"option",
+				"index",
+				"search"
+			])) : (openBlock(), createElementBlock("div", _hoisted_1, [renderSlot(_ctx.$slots, "option", {
+				option: __props.option,
+				search: __props.option === void 0 ? __props.search : void 0
+			}), !__props.disableClear ? (openBlock(), createBlock(WButtonUnselect_default, {
+				key: 0,
+				loading: __props.loading,
+				disabled: __props.disabled,
+				class: "mx-1 mr-2",
+				onMousedown: _cache[2] || (_cache[2] = withModifiers(() => {}, ["stop", "prevent"])),
+				onClick: _cache[3] || (_cache[3] = withModifiers(($event) => _ctx.$emit("unselect", __props.option), ["stop", "prevent"]))
+			}, null, 8, ["loading", "disabled"])) : createCommentVNode("", true)]));
+		};
+	}
+});
+//#endregion
+export { SelectOptionPrefix_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/Select/types.d.ts

@@ -0,0 +1,115 @@
+import { InputSuggestProps } from '../Input/types';
+import { Component } from 'vue';
+export type SelectOptionProps<Option> = {
+    option: Option | undefined;
+    selected?: boolean;
+    model?: boolean;
+    index?: number;
+    search?: string | undefined;
+    skeleton?: boolean;
+};
+export type SelectOptionComponent<Option> = Component<SelectOptionProps<Option>>;
+export interface SelectOptionComponentProps<Option, OptionComponent extends SelectOptionComponent<Option>> {
+    optionComponent?: OptionComponent;
+    optionComponentProps?: OptionComponent extends Component<infer Props> ? Partial<Omit<Props, keyof SelectOptionProps<Option>>> : never;
+}
+interface SelectPropsNoParams<Data extends DefaultData> {
+    useQueryFnOptions: UseQueryEmpty<Data[]>;
+    queryParamsOptions?: never;
+    options?: never;
+}
+interface SelectPropsWithParams<Data extends DefaultData, QueryParams> {
+    useQueryFnOptions: UseQueryWithParams<Data[], QueryParams>;
+    queryParamsOptions: QueryParams;
+    options?: never;
+}
+interface SelectPropsWithOptions<Data extends DefaultData> {
+    options: Data[];
+    useQueryFnOptions?: never;
+    queryParamsOptions?: never;
+}
+type SelectPropsOptions<Data extends DefaultData, QueryParams> = SelectPropsNoParams<Data> | SelectPropsWithParams<Data, QueryParams> | SelectPropsWithOptions<Data>;
+export interface SelectProps<Model extends number | string, Data extends DefaultData, QueryParams, OptionComponent extends SelectOptionComponent<Data>> extends Omit<InputSuggestProps<'text'>, 'modelValue' | 'allowClear' | 'emptyValue' | 'async' | 'debounce' | 'hideDebounce'>, SelectOptionComponentProps<Data, OptionComponent>, Omit<SelectPropsOptions<Data, QueryParams>, 'modelValue'> {
+    modelValue: Model[] | undefined;
+    valueGetter: (value: Data) => Model;
+    searchFn: (option: Data, search: string) => boolean;
+    useQueryFnDefault?: UseQueryEmpty<Data>;
+    useFirstDefault?: boolean;
+    emptyStub?: string;
+    disableClear?: boolean;
+    hidePrefix?: boolean;
+    createOption?: (search: string) => (Data | undefined) | Promise<Data | undefined>;
+    filterOptions?: (option: Data) => boolean;
+    hideOptionIcon?: boolean;
+    createdData?: Data[];
+    selectOnClose?: boolean;
+    emptyValue?: Model[];
+    lazy?: boolean;
+}
+export interface SelectPrefixProps<Data extends DefaultData, OptionComponent extends SelectOptionComponent<Data>> extends SelectOptionComponentProps<Data, OptionComponent> {
+    option: Data | undefined;
+    search: string | number | undefined;
+    index: number;
+    disabled: boolean | undefined;
+    readonly: boolean | undefined;
+    loading: boolean | undefined;
+    disableClear: boolean | undefined;
+}
+export interface SelectSingleProps<Model extends number | string, Data extends DefaultData, QueryParams, OptionComponent extends SelectOptionComponent<Data>, AllowClear extends boolean> extends Omit<SelectProps<Model, Data, QueryParams, OptionComponent>, 'modelValue' | 'disableClear' | 'createdData' | 'emptyValue'> {
+    modelValue: Model | null | undefined;
+    allowClear?: boolean & AllowClear;
+    searchModel?: boolean;
+    createdData?: Data;
+    emptyValue?: Model | null;
+}
+export interface SelectStringifiedProps<Model extends string, Data extends DefaultData, QueryParams, OptionComponent extends SelectOptionComponent<Data>> extends Omit<SelectProps<Model, Data, QueryParams, OptionComponent>, 'modelValue' | 'emptyValue'> {
+    modelValue: Model | null | undefined;
+    divider: string | 'json';
+    emptyValue?: Model | null;
+}
+export interface SelectAsyncProps<Model extends number | string, Data extends DefaultData, QueryParams, OptionComponent extends SelectOptionComponent<Data>> extends Omit<SelectProps<Model, Data, QueryParams, Component>, 'options' | 'optionComponent' | 'optionComponentProps' | 'searchFn' | 'useQueryFnOptions' | 'queryParamsOptions' | 'options' | 'filterOptions'>, SelectOptionComponentProps<Data, OptionComponent> {
+    useQueryFnOptions: UseQueryPaginated<Data, QueryParams>;
+    useQueryFnPrefix?: UseQueryPaginated<Data, QueryParams>;
+    queryParamsOptions: QueryParams;
+    searchField?: keyof QueryParams;
+    previewData?: Data[];
+    valueQueryKey?: string;
+    prefixText?: string;
+    prefixMax?: number;
+    reverse?: boolean;
+}
+export interface SelectAsyncPrefixProps<Model extends number | string, Data extends DefaultData, QueryParams, OptionComponent extends SelectOptionComponent<Data>> extends SelectOptionComponentProps<Data, OptionComponent> {
+    useQueryFn: UseQueryPaginated<Data, QueryParams>;
+    modelValue: Model[];
+    disabled: boolean | undefined;
+    loading: boolean | undefined;
+    disableClear: boolean | undefined;
+    previewData: Data[] | undefined;
+    createdData: Data[] | undefined;
+    valueGetter: (value: Data) => Model;
+    valueQueryKey: string;
+    readonly: boolean | undefined;
+    prefixText: string | undefined;
+    prefixMax: number | undefined;
+}
+export interface SelectAsyncPrefixPageProps<Model extends number | string, Data extends DefaultData, QueryParams, OptionComponent extends SelectOptionComponent<Data>> extends SelectOptionComponentProps<Data, OptionComponent> {
+    useQueryFn: UseQueryPaginated<Data, QueryParams>;
+    queryParams: QueryParams;
+    disabled?: boolean;
+    loading?: boolean;
+    disableClear?: boolean;
+    previewData?: Data[];
+    createdData?: Data[];
+    valueGetter: (value: Data) => Model;
+    readonly: boolean | undefined;
+}
+export interface SelectAsyncSingleProps<Model extends number | string, Data extends DefaultData, QueryParams, OptionComponent extends SelectOptionComponent<Data>, AllowClear extends boolean> extends Omit<SelectAsyncProps<Model, Data, QueryParams, OptionComponent>, 'modelValue' | 'disableClear' | 'previewData' | 'createdData' | 'emptyValue'> {
+    modelValue: Model | null;
+    allowClear?: boolean & AllowClear;
+    searchModel?: boolean;
+    previewData?: Data;
+    createdData?: Data;
+    emptyValue?: Model | null;
+}
+export {};
+//# sourceMappingURL=types.d.ts.map

package/dist/components/Select/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/types.ts"],"names":[],"mappings":"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"}

package/dist/components/Shine/WShine.vue.d.ts

@@ -0,0 +1,5 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    element: HTMLDivElement;
+}, HTMLDivElement>;
+export default _default;
+//# sourceMappingURL=WShine.vue.d.ts.map

package/dist/components/Shine/WShine.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WShine.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Shine/WShine.vue"],"names":[],"mappings":"AAeA;;;;AA8HA,wBAOG"}

package/dist/components/Shine/WShine.vue.js

@@ -0,0 +1,5 @@
+import WShine_vue_vue_type_script_setup_true_lang_default from "./WShine.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/Shine/WShine.vue
+var WShine_default = WShine_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { WShine_default as default };

package/dist/components/Shine/WShine.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,42 @@
+import { useShine } from "./use/useShine.js";
+import { createElementBlock, createElementVNode, defineComponent, normalizeStyle, onBeforeUnmount, onMounted, openBlock, ref, unref, useTemplateRef } from "vue";
+//#region src/components/Shine/WShine.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	ref: "element",
+	class: "rounded-inherit sm-not:hidden w-shine pointer-events-none absolute inset-0 overflow-hidden print:hidden"
+};
+var WShine_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "WShine",
+	setup(__props) {
+		const { id } = useShine();
+		const elementRef = useTemplateRef("element");
+		const left = ref(0);
+		let observer = null;
+		onMounted(() => {
+			if (!elementRef.value) return;
+			observer = new ResizeObserver(() => {
+				if (!elementRef.value) return;
+				left.value = elementRef.value.getBoundingClientRect().left;
+				observer?.disconnect();
+				observer = null;
+			});
+			observer.observe(elementRef.value);
+		});
+		onBeforeUnmount(() => {
+			observer?.disconnect();
+			observer = null;
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", {
+				class: "bg-primary-light/70 dark:bg-primary-light/50 pointer-events-none absolute h-full w-screen bg-clip-border",
+				style: normalizeStyle({
+					"mask": `url(#${unref(id)})`,
+					"-webkit-mask": `url(#${unref(id)})`,
+					"left": `-${left.value}px`
+				})
+			}, null, 4)], 512);
+		};
+	}
+});
+//#endregion
+export { WShine_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/Shine/WShineEffect.vue.d.ts

@@ -0,0 +1,3 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+//# sourceMappingURL=WShineEffect.vue.d.ts.map

package/dist/components/Shine/WShineEffect.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WShineEffect.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Shine/WShineEffect.vue"],"names":[],"mappings":"AAmEA;;AAsLA,wBAKG"}

package/dist/components/Shine/WShineEffect.vue.js

@@ -0,0 +1,5 @@
+import WShineEffect_vue_vue_type_script_setup_true_lang_default from "./WShineEffect.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/Shine/WShineEffect.vue
+var WShineEffect_default = WShineEffect_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { WShineEffect_default as default };