eco-vue-js 0.12.52

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

@@ -0,0 +1,36 @@
+import { useShine } from "./use/useShine.js";
+import { useIsMobile } from "../../utils/mobile.js";
+import { createCommentVNode, createElementBlock, createElementVNode, createStaticVNode, defineComponent, openBlock, unref } from "vue";
+//#region src/components/Shine/WShineEffect.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 0,
+	width: "100%",
+	height: "100%",
+	class: "pointer-events-none fixed top-0 print:hidden"
+};
+var _hoisted_2 = ["id"];
+var WShineEffect_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "WShineEffect",
+	setup(__props) {
+		const { id } = useShine();
+		const { isMobile } = useIsMobile();
+		return (_ctx, _cache) => {
+			return !unref(isMobile) ? (openBlock(), createElementBlock("svg", _hoisted_1, [createElementVNode("defs", null, [_cache[1] || (_cache[1] = createStaticVNode("<linearGradient id=\"w-shine-gradient\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"0%\" gradientTransform=\"rotate(10)\"><stop offset=\"0%\" stop-color=\"rgba(255, 255, 255, 0)\"></stop><stop offset=\"45%\" stop-color=\"rgba(255, 255, 255, 0)\"></stop><stop offset=\"49%\" stop-color=\"rgba(255, 255, 255, 0.4)\"></stop><stop offset=\"50%\" stop-color=\"rgba(255, 255, 255, 1)\"></stop><stop offset=\"51%\" stop-color=\"rgba(255, 255, 255, 0.4)\"></stop><stop offset=\"55%\" stop-color=\"rgba(255, 255, 255, 0)\"></stop><stop offset=\"100%\" stop-color=\"rgba(255, 255, 255, 0)\"></stop></linearGradient>", 1)), createElementVNode("mask", {
+				id: unref(id),
+				maskUnits: "userSpaceOnUse"
+			}, [..._cache[0] || (_cache[0] = [createElementVNode("rect", {
+				width: "100%",
+				height: "100%",
+				fill: "url(#w-shine-gradient)"
+			}, [createElementVNode("animate", {
+				attributeName: "x",
+				values: "-100%;-100%;100%;100%",
+				keyTimes: "0;0.35;0.65;1",
+				dur: "10s",
+				repeatCount: "indefinite"
+			})], -1)])], 8, _hoisted_2)])])) : createCommentVNode("", true);
+		};
+	}
+});
+//#endregion
+export { WShineEffect_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/Shine/use/useShine.d.ts

@@ -0,0 +1,4 @@
+export declare const useShine: () => {
+    id: string;
+};
+//# sourceMappingURL=useShine.d.ts.map

package/dist/components/Shine/use/useShine.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useShine.d.ts","sourceRoot":"","sources":["../../../../../src/components/Shine/use/useShine.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,QAAQ;;CAIpB,CAAA"}

package/dist/components/Shine/use/useShine.js

@@ -0,0 +1,7 @@
+//#region src/components/Shine/use/useShine.ts
+var id = "w-shine-effect";
+var useShine = () => {
+	return { id };
+};
+//#endregion
+export { useShine };

package/dist/components/Skeleton/WSkeleton.vue.d.ts

@@ -0,0 +1,18 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=WSkeleton.vue.d.ts.map

package/dist/components/Skeleton/WSkeleton.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WSkeleton.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Skeleton/WSkeleton.vue"],"names":[],"mappings":"AAQA;AA2CA,iBAAS,cAAc;WAyBT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAQD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,0RAMnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAEpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/Skeleton/WSkeleton.vue.js

@@ -0,0 +1,5 @@
+import WSkeleton_vue_vue_type_script_setup_true_lang_default from "./WSkeleton.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/Skeleton/WSkeleton.vue
+var WSkeleton_default = WSkeleton_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { WSkeleton_default as default };

package/dist/components/Skeleton/WSkeleton.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,25 @@
+import { computed, createElementBlock, defineComponent, normalizeStyle, openBlock, renderSlot, useId } from "vue";
+//#region src/components/Skeleton/WSkeleton.vue?vue&type=script&setup=true&lang.ts
+var WSkeleton_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "WSkeleton",
+	setup(__props) {
+		const id = useId();
+		const skeletonWidth = computed(() => {
+			let hash = 0;
+			for (let i = 0; i < id.length; i++) {
+				const char = id.charCodeAt(i);
+				hash = (hash << 5) - hash + char;
+				hash = hash & hash;
+			}
+			return Math.abs(hash % 41) + 40;
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				class: "bg-primary-light dark:bg-primary-darkest w-skeleton w-skeleton-opacity-50 dark:w-skeleton-opacity-5 before:animate-ticker w-option-has-bg",
+				style: normalizeStyle({ "--skeleton-width-internal": skeletonWidth.value + "%" })
+			}, [renderSlot(_ctx.$slots, "default")], 4);
+		};
+	}
+});
+//#endregion
+export { WSkeleton_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/Slider/WSlider.vue.d.ts

@@ -0,0 +1,45 @@
+import { SemanticType } from '../../utils/SemanticType';
+type __VLS_Props = {
+    modelValue: number;
+    min?: number;
+    max?: number;
+    step?: number;
+    semanticType?: SemanticType;
+    disabled?: boolean;
+    readonly?: boolean;
+    errorMessage?: string;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        right?(_: {}): any;
+    };
+    refs: {
+        wrapper: HTMLDivElement;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: number) => any;
+    "update-eager:modelValue": (value: number) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: number) => any) | undefined;
+    "onUpdate-eager:modelValue"?: ((value: number) => any) | undefined;
+}>, {
+    semanticType: SemanticType;
+    errorMessage: string;
+    step: number;
+    min: number;
+    max: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    wrapper: HTMLDivElement;
+}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=WSlider.vue.d.ts.map

package/dist/components/Slider/WSlider.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WSlider.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Slider/WSlider.vue"],"names":[],"mappings":"AAmDA;AAoLA,OAAO,EAAC,YAAY,EAAC,MAAM,sBAAsB,CAAA;AAKjD,KAAK,WAAW,GAAG;IACf,UAAU,EAAE,MAAM,CAAA;IAClB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,YAAY,CAAC,EAAE,YAAY,CAAA;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,CAAC;AAqHJ,iBAAS,cAAc;WA8ET,OAAO,IAA6B;;uBAXvB,GAAG;;;;;;EAgB7B;AAgBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;kBA7NF,YAAY;kBAGZ,MAAM;UAJd,MAAM;SAFP,MAAM;SACN,MAAM;;;kBAyOd,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/Slider/WSlider.vue.js

@@ -0,0 +1,5 @@
+import WSlider_vue_vue_type_script_setup_true_lang_default from "./WSlider.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/Slider/WSlider.vue
+var WSlider_default = WSlider_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { WSlider_default as default };

package/dist/components/Slider/WSlider.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,122 @@
+import { percentCompactFormatter } from "../../utils/utils.js";
+import { SemanticType } from "../../utils/SemanticType.js";
+import { DOMListenerContainer } from "../../utils/DOMListenerContainer.js";
+import { Transition, computed, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, normalizeStyle, onBeforeUnmount, openBlock, ref, renderSlot, toDisplayString, unref, useTemplateRef, watch, withCtx, withModifiers } from "vue";
+//#region src/components/Slider/WSlider.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "grid max-w-full grid-cols-[1fr,auto] gap-4" };
+var _hoisted_2 = {
+	ref: "wrapper",
+	class: "h-1 w-full rounded-sm bg-gray-300 dark:bg-gray-600"
+};
+var _hoisted_3 = {
+	key: 0,
+	class: "text-negative dark:text-negative-dark absolute -bottom-4 right-0 pt-0.5 text-xs font-normal"
+};
+var POINTER_EVENTS_NONE_CLASS = "pointer-events-none";
+var WSlider_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "WSlider",
+	props: {
+		modelValue: {},
+		min: { default: 1 },
+		max: { default: 10 },
+		step: { default: 1 },
+		semanticType: { default: SemanticType.PRIMARY },
+		disabled: { type: Boolean },
+		readonly: { type: Boolean },
+		errorMessage: { default: void 0 }
+	},
+	emits: ["update:modelValue", "update-eager:modelValue"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const cursor = ref();
+		const wrapperRef = useTemplateRef("wrapper");
+		const isMoveStarted = ref(false);
+		const domListenerContainer = new DOMListenerContainer();
+		const rect = ref();
+		const range = computed(() => props.max - props.min);
+		const rectMin = computed(() => props.min + props.step / 2);
+		const rangeToRect = computed(() => rect.value && rect.value.width !== 0 ? range.value / rect.value.width : void 0);
+		const rangeScale = (value) => {
+			return (props.min + value) / range.value;
+		};
+		const handleMove = (event) => {
+			if (props.readonly || props.disabled) return;
+			if (!rangeToRect.value || !rect.value) return;
+			let x;
+			if ("touches" in event) x = (event.touches?.[0] || event.changedTouches?.[0])?.pageX ?? 0;
+			else x = event.clientX;
+			const start = x - rect.value.left;
+			if (start < 0) {
+				cursor.value = props.min;
+				return;
+			}
+			if (start > rect.value.width) {
+				cursor.value = props.max;
+				return;
+			}
+			const value = rectMin.value + rangeToRect.value * start;
+			cursor.value = value - value % props.step;
+		};
+		const startMove = (event) => {
+			if (props.readonly || props.disabled) return;
+			isMoveStarted.value = true;
+			rect.value = wrapperRef.value?.getBoundingClientRect();
+			document.documentElement.style.setProperty("cursor", "grabbing");
+			document.body.classList.add(POINTER_EVENTS_NONE_CLASS);
+			domListenerContainer.addEventListener(window, "mouseup", endMove);
+			domListenerContainer.addEventListener(window, "touchend", endMove);
+			domListenerContainer.addEventListener(window, "mousemove", handleMove);
+			domListenerContainer.addEventListener(window, "touchmove", handleMove);
+			handleMove(event);
+		};
+		const endMove = () => {
+			if (props.readonly || props.disabled) return;
+			if (cursor.value !== void 0) emit("update:modelValue", cursor.value);
+			isMoveStarted.value = false;
+			rect.value = void 0;
+			cursor.value = void 0;
+			document.documentElement.style.setProperty("cursor", null);
+			document.body.classList.remove(POINTER_EVENTS_NONE_CLASS);
+			domListenerContainer.destroy();
+		};
+		watch(cursor, (value) => {
+			if (props.readonly || props.disabled) return;
+			if (value === void 0) return;
+			emit("update-eager:modelValue", value);
+		});
+		onBeforeUnmount(() => {
+			endMove();
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", {
+				tabindex: "0",
+				class: normalizeClass(["group/hover-circle relative select-none px-4 py-3.5", {
+					"cursor-not-allowed": __props.disabled,
+					"cursor-grab": !__props.disabled && !__props.readonly
+				}]),
+				onMousedown: withModifiers(startMove, ["prevent", "stop"]),
+				onTouchstart: withModifiers(startMove, ["prevent", "stop"])
+			}, [createElementVNode("div", _hoisted_2, [createElementVNode("div", {
+				class: normalizeClass(["flex h-full items-center justify-end rounded-[inherit]", {
+					[!__props.errorMessage ? __props.semanticType : unref(SemanticType).NEGATIVE]: !__props.disabled,
+					"bg-gray-400 dark:bg-gray-500": __props.disabled
+				}]),
+				style: normalizeStyle({ width: unref(percentCompactFormatter).format(rangeScale(cursor.value ?? __props.modelValue)) })
+			}, [createElementVNode("div", {
+				class: "square-4 tw-hover-circle tw-hover-circle-inherit relative -mr-2 rounded-full bg-[inherit]",
+				style: normalizeStyle({ "--hover-circle-opacity": isMoveStarted.value ? 1 : .35 })
+			}, null, 4)], 6)], 512), createVNode(Transition, {
+				"enter-active-class": "fade-enter-active",
+				"leave-active-class": "fade-leave-active",
+				"enter-from-class": "fade-enter-from",
+				"leave-to-class": "fade-leave-to"
+			}, {
+				default: withCtx(() => [__props.errorMessage ? (openBlock(), createElementBlock("div", _hoisted_3, toDisplayString(__props.errorMessage), 1)) : createCommentVNode("", true)]),
+				_: 1
+			})], 34), renderSlot(_ctx.$slots, "right")]);
+		};
+	}
+});
+//#endregion
+export { WSlider_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/Slider/WSliderRange.vue.d.ts

@@ -0,0 +1,50 @@
+import { SemanticType } from '../../utils/SemanticType';
+type Range = {
+    from: number;
+    to: number;
+};
+type __VLS_Props = {
+    modelValue: Range;
+    min?: number;
+    max?: number;
+    step?: number;
+    semanticType?: SemanticType;
+    disabled?: boolean;
+    readonly?: boolean;
+    errorMessage?: string;
+    noBg?: boolean;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        right?(_: {}): any;
+    };
+    refs: {
+        wrapper: HTMLDivElement;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: Range) => any;
+    "update-eager:modelValue": (value: Range) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: Range) => any) | undefined;
+    "onUpdate-eager:modelValue"?: ((value: Range) => any) | undefined;
+}>, {
+    semanticType: SemanticType;
+    errorMessage: string;
+    step: number;
+    min: number;
+    max: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    wrapper: HTMLDivElement;
+}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=WSliderRange.vue.d.ts.map

package/dist/components/Slider/WSliderRange.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WSliderRange.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Slider/WSliderRange.vue"],"names":[],"mappings":"AA8DA;AAyNA,OAAO,EAAC,YAAY,EAAC,MAAM,sBAAsB,CAAA;AAGjD,KAAK,KAAK,GAAG;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAA;CAAC,CAAA;AAIvC,KAAK,WAAW,GAAG;IACf,UAAU,EAAE,KAAK,CAAA;IACjB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,YAAY,CAAC,EAAE,YAAY,CAAA;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,IAAI,CAAC,EAAE,OAAO,CAAA;CACf,CAAC;AA4IJ,iBAAS,cAAc;WAwFT,OAAO,IAA6B;;uBAXvB,GAAG;;;;;;EAgB7B;AAeD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;kBA9PF,YAAY;kBAGZ,MAAM;UAJd,MAAM;SAFP,MAAM;SACN,MAAM;;;kBA0Qd,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/Slider/WSliderRange.vue.js

@@ -0,0 +1,5 @@
+import WSliderRange_vue_vue_type_script_setup_true_lang_default from "./WSliderRange.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/Slider/WSliderRange.vue
+var WSliderRange_default = WSliderRange_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { WSliderRange_default as default };

package/dist/components/Slider/WSliderRange.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,142 @@
+import { percentCompactFormatter } from "../../utils/utils.js";
+import { SemanticType } from "../../utils/SemanticType.js";
+import { DOMListenerContainer } from "../../utils/DOMListenerContainer.js";
+import { Transition, computed, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, normalizeStyle, onBeforeUnmount, openBlock, ref, renderSlot, toDisplayString, unref, useTemplateRef, watch, withCtx, withModifiers } from "vue";
+//#region src/components/Slider/WSliderRange.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "grid max-w-full grid-cols-[1fr,auto] gap-4" };
+var _hoisted_2 = {
+	ref: "wrapper",
+	class: "relative h-1 w-full rounded-sm bg-gray-200 dark:bg-gray-600"
+};
+var _hoisted_3 = {
+	key: 0,
+	class: "text-negative dark:text-negative-dark absolute -bottom-4 right-0 pt-0.5 text-xs font-normal"
+};
+var POINTER_EVENTS_NONE_CLASS = "pointer-events-none";
+var WSliderRange_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "WSliderRange",
+	props: {
+		modelValue: {},
+		min: { default: 1 },
+		max: { default: 10 },
+		step: { default: 1 },
+		semanticType: { default: SemanticType.PRIMARY },
+		disabled: { type: Boolean },
+		readonly: { type: Boolean },
+		errorMessage: { default: void 0 },
+		noBg: { type: Boolean }
+	},
+	emits: ["update:modelValue", "update-eager:modelValue"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const cursor = ref(null);
+		const isCursorFrom = ref(null);
+		const wrapperRef = useTemplateRef("wrapper");
+		const isMoveStarted = ref(false);
+		const domListenerContainer = new DOMListenerContainer();
+		const rect = ref(null);
+		const range = computed(() => props.max - props.min);
+		const rangeToRect = computed(() => rect.value && rect.value.width !== 0 ? range.value / rect.value.width : void 0);
+		const cursorRange = computed(() => {
+			if (cursor.value === null || isCursorFrom.value === null) return props.modelValue;
+			if (isCursorFrom.value === true) return {
+				from: cursor.value,
+				to: props.modelValue && props.modelValue.to > cursor.value ? props.modelValue.to : cursor.value
+			};
+			if (isCursorFrom.value === false) return {
+				from: props.modelValue && props.modelValue.from < cursor.value ? props.modelValue.from : cursor.value,
+				to: cursor.value
+			};
+			return props.modelValue;
+		});
+		const rangeScale = (value) => {
+			return (value - props.min) / range.value;
+		};
+		const handleMove = (event) => {
+			if (props.readonly || props.disabled) return;
+			if (!rangeToRect.value || !rect.value) return;
+			let x;
+			if ("touches" in event) x = (event.touches?.[0] || event.changedTouches?.[0])?.pageX ?? 0;
+			else x = event.clientX;
+			const start = x - rect.value.left;
+			if (start <= 0) {
+				cursor.value = props.min;
+				return;
+			}
+			if (start >= rect.value.width) {
+				cursor.value = props.max;
+				return;
+			}
+			const value = props.min + rangeToRect.value * start;
+			if (isCursorFrom.value === null) if (value <= props.modelValue.from) isCursorFrom.value = true;
+			else if (value >= props.modelValue.to) isCursorFrom.value = false;
+			else isCursorFrom.value = value - props.modelValue.from <= props.modelValue.to - value;
+			cursor.value = Math.round(value / props.step) * props.step;
+		};
+		const startMove = (event) => {
+			if (props.readonly || props.disabled) return;
+			isMoveStarted.value = true;
+			rect.value = wrapperRef.value?.getBoundingClientRect() ?? null;
+			document.documentElement.style.setProperty("cursor", "grabbing");
+			document.body.classList.add(POINTER_EVENTS_NONE_CLASS);
+			domListenerContainer.addEventListener(window, "mouseup", endMove);
+			domListenerContainer.addEventListener(window, "touchend", endMove);
+			domListenerContainer.addEventListener(window, "mousemove", handleMove);
+			domListenerContainer.addEventListener(window, "touchmove", handleMove);
+			handleMove(event);
+		};
+		const endMove = () => {
+			if (props.readonly || props.disabled) return;
+			if (cursorRange.value && cursorRange.value !== props.modelValue) emit("update:modelValue", cursorRange.value);
+			isMoveStarted.value = false;
+			rect.value = null;
+			cursor.value = null;
+			isCursorFrom.value = null;
+			document.documentElement.style.setProperty("cursor", null);
+			document.body.classList.remove(POINTER_EVENTS_NONE_CLASS);
+			domListenerContainer.destroy();
+		};
+		watch(cursorRange, (value) => {
+			if (props.readonly || props.disabled) return;
+			if (value === props.modelValue || !value) return;
+			emit("update-eager:modelValue", value);
+		});
+		onBeforeUnmount(() => {
+			endMove();
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", {
+				tabindex: "0",
+				class: normalizeClass(["group/hover-circle relative select-none p-4 last:col-span-2", {
+					"cursor-not-allowed": __props.disabled,
+					"cursor-grab": !__props.disabled && !__props.readonly
+				}]),
+				onMousedown: withModifiers(startMove, ["prevent", "stop"]),
+				onTouchstart: withModifiers(startMove, ["prevent", "stop"])
+			}, [createElementVNode("div", _hoisted_2, [createElementVNode("div", {
+				class: normalizeClass(["absolute flex h-full items-center rounded-[inherit] bg-gradient-to-r from-[var(--w-slider-from)_50%] to-[var(--w-slider-to)_50%]", { "bg-gray-400 dark:bg-gray-500": __props.disabled }]),
+				style: normalizeStyle({
+					left: unref(percentCompactFormatter).format(rangeScale(cursorRange.value.from)),
+					right: unref(percentCompactFormatter).format(1 - rangeScale(cursorRange.value.to))
+				})
+			}, [createElementVNode("div", { class: normalizeClass(["square-4 absolute left-0 -ml-2 rounded-full bg-[var(--w-slider-from)] transition-transform", {
+				"scale-180": isCursorFrom.value === true,
+				"hover:scale-200": !__props.readonly && isCursorFrom.value === null
+			}]) }, null, 2), createElementVNode("div", { class: normalizeClass(["square-4 absolute right-0 -mr-2 rounded-full bg-[var(--w-slider-to)] transition-transform", {
+				"scale-180": isCursorFrom.value === false,
+				"hover:scale-200": !__props.readonly && isCursorFrom.value === null
+			}]) }, null, 2)], 6)], 512), createVNode(Transition, {
+				"enter-active-class": "fade-enter-active",
+				"leave-active-class": "fade-leave-active",
+				"enter-from-class": "fade-enter-from",
+				"leave-to-class": "fade-leave-to"
+			}, {
+				default: withCtx(() => [__props.errorMessage ? (openBlock(), createElementBlock("div", _hoisted_3, toDisplayString(__props.errorMessage), 1)) : createCommentVNode("", true)]),
+				_: 1
+			})], 34), renderSlot(_ctx.$slots, "right")]);
+		};
+	}
+});
+//#endregion
+export { WSliderRange_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/Spinner/WSpinner.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, {}, SVGSVGElement>;
+export default _default;
+//# sourceMappingURL=WSpinner.vue.d.ts.map

package/dist/components/Spinner/WSpinner.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WSpinner.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Spinner/WSpinner.vue"],"names":[],"mappings":";AA0EA,wBAMG"}

package/dist/components/Spinner/WSpinner.vue.js

@@ -0,0 +1,27 @@
+import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.js";
+import { createElementBlock, createElementVNode, openBlock } from "vue";
+//#region src/components/Spinner/WSpinner.vue
+var _sfc_main = {};
+var _hoisted_1 = {
+	class: "square-[var(--w-spinner-size,2rem)] animate-spin",
+	width: "20",
+	height: "20",
+	viewBox: "25 25 50 50"
+};
+function _sfc_render(_ctx, _cache) {
+	return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("circle", {
+		class: "animate-spinner-dash",
+		cx: "50",
+		cy: "50",
+		r: "20",
+		fill: "none",
+		stroke: "currentColor",
+		"stroke-width": "10%",
+		"stroke-miterlimit": "8",
+		"stroke-dasharray": "1, 100",
+		"stroke-dashoffset": "0"
+	}, null, -1)])]);
+}
+var WSpinner_default = /* @__PURE__ */ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]);
+//#endregion
+export { WSpinner_default as default };

package/dist/components/Status/WStatusIcon.vue.d.ts

@@ -0,0 +1,7 @@
+type __VLS_Props = {
+    hasValue?: boolean;
+    hasError?: boolean;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=WStatusIcon.vue.d.ts.map

package/dist/components/Status/WStatusIcon.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WStatusIcon.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Status/WStatusIcon.vue"],"names":[],"mappings":"AAcA;AA+BA,KAAK,WAAW,GAAG;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC;;AAyEF,wBAMG"}

package/dist/components/Status/WStatusIcon.vue.js

@@ -0,0 +1,5 @@
+import WStatusIcon_vue_vue_type_script_setup_true_lang_default from "./WStatusIcon.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/Status/WStatusIcon.vue
+var WStatusIcon_default = WStatusIcon_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { WStatusIcon_default as default };

package/dist/components/Status/WStatusIcon.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,28 @@
+import IconCheckCircle_default from "../../assets/icons/IconCheckCircle.js";
+import IconNegativeInfo_default from "../../assets/icons/IconNegativeInfo.js";
+import IconSlash_default from "../../assets/icons/IconSlash.js";
+import { createBlock, defineComponent, openBlock, unref } from "vue";
+//#region src/components/Status/WStatusIcon.vue?vue&type=script&setup=true&lang.ts
+var WStatusIcon_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "WStatusIcon",
+	props: {
+		hasValue: { type: Boolean },
+		hasError: { type: Boolean }
+	},
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return __props.hasError ? (openBlock(), createBlock(unref(IconNegativeInfo_default), {
+				key: 0,
+				class: "text-negative dark:text-negative-dark"
+			})) : __props.hasValue ? (openBlock(), createBlock(unref(IconCheckCircle_default), {
+				key: 1,
+				class: "text-positive dark:text-positive-dark"
+			})) : (openBlock(), createBlock(unref(IconSlash_default), {
+				key: 2,
+				class: "text-description opacity-50"
+			}));
+		};
+	}
+});
+//#endregion
+export { WStatusIcon_vue_vue_type_script_setup_true_lang_default as default };