@wikicasa-dev/components 2.6.13 → 2.6.14-alpha.0

package/dist/UIKit/Radio/v2/RadioButtonGroup.vue.js

@@ -1,48 +1,39 @@
-import { defineComponent as s, createPropsRestProxy as f, useModel as p, openBlock as o, createBlock as d, unref as c, mergeProps as u, withCtx as m, renderSlot as y, createElementBlock as B, Fragment as V, renderList as C, createTextVNode as g, toDisplayString as k, mergeModels as x } from "vue";
-import { RadioGroupRoot as R } from "reka-ui";
-import v from "./RadioButtonItem.vue.js";
-import '../../../assets/RadioButtonItem.css';/* empty css                     */
-const S = /* @__PURE__ */ s({
-  __name: "RadioButtonGroup",
-  props: /* @__PURE__ */ x({
-    dataCy: {},
-    items: { default: () => [] },
-    defaultValue: {},
-    disabled: { type: Boolean },
-    orientation: {},
-    dir: {},
-    loop: { type: Boolean },
-    asChild: { type: Boolean },
-    as: {},
-    name: {},
-    required: { type: Boolean }
-  }, {
-    modelValue: {},
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(e) {
-    const n = f(e, ["dataCy", "items"]), a = p(e, "modelValue");
-    return (i, l) => (o(), d(c(R), u({ "data-cy": e.dataCy }, n, {
-      modelValue: a.value,
-      "onUpdate:modelValue": l[0] || (l[0] = (t) => a.value = t)
-    }), {
-      default: m(() => [
-        y(i.$slots, "default", {}, () => [
-          (o(!0), B(V, null, C(e.items, ({ label: t, ...r }) => (o(), d(v, u({ ref_for: !0 }, r, {
-            key: `radio-item-${r.value}`
-          }), {
-            default: m(() => [
-              g(k(t), 1)
-            ]),
-            _: 2
-          }, 1040))), 128))
-        ])
-      ]),
-      _: 3
-    }, 16, ["data-cy", "modelValue"]));
-  }
+import e from "./RadioButtonItem.js";
+import { Fragment as t, createBlock as n, createElementBlock as r, createPropsRestProxy as i, createTextVNode as a, defineComponent as o, mergeModels as s, mergeProps as c, openBlock as l, renderList as u, renderSlot as d, toDisplayString as f, unref as p, useModel as m, withCtx as h } from "vue";
+import { RadioGroupRoot as g } from "reka-ui";
+//#region lib/UIKit/Radio/v2/RadioButtonGroup.vue?vue&type=script&setup=true&lang.ts
+var _ = /*@__PURE__*/ o({
+	__name: "RadioButtonGroup",
+	props: /*@__PURE__*/ s({
+		dataCy: {},
+		items: { default: () => [] },
+		defaultValue: {},
+		disabled: { type: Boolean },
+		orientation: {},
+		dir: {},
+		loop: { type: Boolean },
+		asChild: { type: Boolean },
+		as: {},
+		name: {},
+		required: { type: Boolean }
+	}, {
+		modelValue: {},
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(o) {
+		let s = i(o, ["dataCy", "items"]), _ = m(o, "modelValue");
+		return (i, m) => (l(), n(p(g), c({ "data-cy": o.dataCy }, s, {
+			modelValue: _.value,
+			"onUpdate:modelValue": m[0] ||= (e) => _.value = e
+		}), {
+			default: h(() => [d(i.$slots, "default", {}, () => [(l(!0), r(t, null, u(o.items, ({ label: t, ...r }) => (l(), n(e, c({ ref_for: !0 }, r, { key: `radio-item-${r.value}` }), {
+				default: h(() => [a(f(t), 1)]),
+				_: 2
+			}, 1040))), 128))])]),
+			_: 3
+		}, 16, ["data-cy", "modelValue"]));
+	}
 });
-export {
-  S as default
-};
+//#endregion
+export { _ as default };

package/dist/UIKit/Radio/v2/RadioButtonItem.js

@@ -1,5 +1,5 @@
-import o from "./RadioButtonItem.vue.js";
-import '../../../assets/RadioButtonItem.css';/* empty css                     */
-export {
-  o as default
-};
+import e from "./RadioButtonItem.vue.js";
+//#region lib/UIKit/Radio/v2/RadioButtonItem.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/UIKit/Radio/v2/RadioButtonItem.vue.js

@@ -1,45 +1,43 @@
-import { defineComponent as l, createPropsRestProxy as n, useId as c, computed as k, openBlock as a, createElementBlock as s, createVNode as r, unref as u, mergeProps as m, withCtx as p, normalizeClass as f, renderSlot as y, createCommentVNode as C } from "vue";
-import { RadioGroupItem as b, RadioGroupIndicator as h } from "reka-ui";
-const x = { class: "uikit-radio-btn uikit-flex uikit-items-center uikit-gap-x-[8px]" }, g = ["for"], v = /* @__PURE__ */ l({
-  __name: "RadioButtonItem",
-  props: {
-    itemClasses: {},
-    labelClasses: {},
-    dataCy: {},
-    id: {},
-    value: {},
-    disabled: { type: Boolean },
-    asChild: { type: Boolean },
-    as: {},
-    name: {},
-    required: { type: Boolean }
-  },
-  setup(e) {
-    const i = n(e, ["itemClasses", "labelClasses", "dataCy"]), d = c(), t = k(() => i.id ?? d);
-    return (o, w) => (a(), s("div", x, [
-      r(u(b), m(i, {
-        id: t.value,
-        "data-cy": e.dataCy,
-        class: [
-          "uikit-radio-group-item uikit-inline-flex uikit-size-[18px] uikit-shrink-0 uikit-cursor-default uikit-items-center uikit-justify-center uikit-rounded-full uikit-border uikit-border-solid uikit-border-w-secondary uikit-bg-white uikit-p-0 uikit-shadow-sm uikit-outline-none focus:uikit-border-2 focus:uikit-border-w-primary",
-          e.itemClasses
-        ]
-      }), {
-        default: p(() => [
-          r(u(h), { class: "uikit-radio-group-indicator uikit-size-[12px] uikit-rounded-[50%] uikit-bg-w-primary" })
-        ]),
-        _: 1
-      }, 16, ["id", "data-cy", "class"]),
-      o.$slots.default ? (a(), s("label", {
-        key: 0,
-        for: t.value,
-        class: f(e.labelClasses)
-      }, [
-        y(o.$slots, "default")
-      ], 10, g)) : C("", !0)
-    ]));
-  }
+import { computed as e, createCommentVNode as t, createElementBlock as n, createPropsRestProxy as r, createVNode as i, defineComponent as a, mergeProps as o, normalizeClass as s, openBlock as c, renderSlot as l, unref as u, useId as d, withCtx as f } from "vue";
+import { RadioGroupIndicator as p, RadioGroupItem as m } from "reka-ui";
+import '../../../assets/RadioButtonItem.css';//#region lib/UIKit/Radio/v2/RadioButtonItem.vue?vue&type=script&setup=true&lang.ts
+var h = { class: "uikit-radio-btn uikit-flex uikit-items-center uikit-gap-x-[8px]" }, g = ["for"], _ = /*@__PURE__*/ a({
+	__name: "RadioButtonItem",
+	props: {
+		itemClasses: {},
+		labelClasses: {},
+		dataCy: {},
+		id: {},
+		value: {},
+		disabled: { type: Boolean },
+		asChild: { type: Boolean },
+		as: {},
+		name: {},
+		required: { type: Boolean }
+	},
+	setup(a) {
+		let _ = r(a, [
+			"itemClasses",
+			"labelClasses",
+			"dataCy"
+		]), v = d(), y = e(() => _.id ?? v);
+		return (e, r) => (c(), n("div", h, [i(u(m), o(_, {
+			id: y.value,
+			"data-cy": a.dataCy,
+			class: ["uikit-radio-group-item uikit-inline-flex uikit-size-[18px] uikit-shrink-0 uikit-cursor-default uikit-items-center uikit-justify-center uikit-rounded-full uikit-border uikit-border-solid uikit-border-w-secondary uikit-bg-white uikit-p-0 uikit-shadow-sm uikit-outline-none focus:uikit-border-2 focus:uikit-border-w-primary", a.itemClasses]
+		}), {
+			default: f(() => [i(u(p), { class: "uikit-radio-group-indicator uikit-size-[12px] uikit-rounded-[50%] uikit-bg-w-primary" })]),
+			_: 1
+		}, 16, [
+			"id",
+			"data-cy",
+			"class"
+		]), e.$slots.default ? (c(), n("label", {
+			key: 0,
+			for: y.value,
+			class: s(a.labelClasses)
+		}, [l(e.$slots, "default")], 10, g)) : t("", !0)]));
+	}
 });
-export {
-  v as default
-};
+//#endregion
+export { _ as default };

package/dist/UIKit/Radio/v2/RadioGroupItemPrimitive.js

@@ -1,4 +1,5 @@
-import f from "./RadioGroupItemPrimitive.vue.js";
-export {
-  f as default
-};
+import e from "./RadioGroupItemPrimitive.vue.js";
+//#region lib/UIKit/Radio/v2/RadioGroupItemPrimitive.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/UIKit/Radio/v2/RadioGroupItemPrimitive.vue.js

@@ -1,31 +1,29 @@
-import { defineComponent as n, createPropsRestProxy as d, openBlock as l, createBlock as p, unref as m, mergeProps as c, withCtx as u, renderSlot as y, normalizeProps as f, guardReactiveProps as C } from "vue";
-import { RadioGroupItem as P } from "reka-ui";
-const v = /* @__PURE__ */ n({
-  __name: "RadioGroupItemPrimitive",
-  props: {
-    dataCy: {},
-    id: {},
-    value: {},
-    disabled: { type: Boolean },
-    asChild: { type: Boolean },
-    as: {},
-    name: {},
-    required: { type: Boolean }
-  },
-  emits: ["select"],
-  setup(t, { emit: a }) {
-    const r = d(t, ["dataCy"]), s = a;
-    return (i, o) => (l(), p(m(P), c(r, {
-      "data-cy": t.dataCy,
-      onSelect: o[0] || (o[0] = (e) => s("select", e))
-    }), {
-      default: u((e) => [
-        y(i.$slots, "default", f(C(e)))
-      ]),
-      _: 3
-    }, 16, ["data-cy"]));
-  }
+import { createBlock as e, createPropsRestProxy as t, defineComponent as n, guardReactiveProps as r, mergeProps as i, normalizeProps as a, openBlock as o, renderSlot as s, unref as c, withCtx as l } from "vue";
+import { RadioGroupItem as u } from "reka-ui";
+//#region lib/UIKit/Radio/v2/RadioGroupItemPrimitive.vue?vue&type=script&setup=true&lang.ts
+var d = /*@__PURE__*/ n({
+	__name: "RadioGroupItemPrimitive",
+	props: {
+		dataCy: {},
+		id: {},
+		value: {},
+		disabled: { type: Boolean },
+		asChild: { type: Boolean },
+		as: {},
+		name: {},
+		required: { type: Boolean }
+	},
+	emits: ["select"],
+	setup(n, { emit: d }) {
+		let f = t(n, ["dataCy"]), p = d;
+		return (t, d) => (o(), e(c(u), i(f, {
+			"data-cy": n.dataCy,
+			onSelect: d[0] ||= (e) => p("select", e)
+		}), {
+			default: l((e) => [s(t.$slots, "default", a(r(e)))]),
+			_: 3
+		}, 16, ["data-cy"]));
+	}
 });
-export {
-  v as default
-};
+//#endregion
+export { d as default };

package/dist/UIKit/ShimmerLoader/BaseShimmerLoader.js

@@ -1,7 +1,6 @@
-import o from "./BaseShimmerLoader.vue.js";
-import '../../assets/BaseShimmerLoader.css';/* empty css                       */
-import r from "../../_virtual/_plugin-vue_export-helper.js";
-const e = /* @__PURE__ */ r(o, [["__scopeId", "data-v-cf2534f5"]]);
-export {
-  e as default
-};
+import e from "../../_virtual/_plugin-vue_export-helper.js";
+import t from "./BaseShimmerLoader.vue.js";
+//#region lib/UIKit/ShimmerLoader/BaseShimmerLoader.vue
+var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-cf2534f5"]]);
+//#endregion
+export { n as default };

package/dist/UIKit/ShimmerLoader/BaseShimmerLoader.vue.js

@@ -1,20 +1,20 @@
-import { defineComponent as i, openBlock as a, createElementBlock as l, createElementVNode as o, normalizeClass as s, renderSlot as d } from "vue";
-const n = { class: "uikit-relative uikit-overflow-hidden uikit-bg-w-lavender" }, r = ["data-enabled"], c = /* @__PURE__ */ i({
-  __name: "BaseShimmerLoader",
-  props: {
-    shimmerClasses: { default: "" },
-    enabled: { type: Boolean, default: !0 }
-  },
-  setup(e) {
-    return (t, u) => (a(), l("div", n, [
-      o("div", {
-        class: s(["shimmer uikit-absolute uikit-bottom-0 uikit-left-0 uikit-right-0 uikit-top-0 uikit-h-full", e.shimmerClasses]),
-        "data-enabled": e.enabled || void 0
-      }, null, 10, r),
-      d(t.$slots, "default", {}, void 0, !0)
-    ]));
-  }
+import { createElementBlock as e, createElementVNode as t, defineComponent as n, normalizeClass as r, openBlock as i, renderSlot as a } from "vue";
+import '../../assets/BaseShimmerLoader.css';//#region lib/UIKit/ShimmerLoader/BaseShimmerLoader.vue?vue&type=script&setup=true&lang.ts
+var o = { class: "uikit-relative uikit-overflow-hidden uikit-bg-w-lavender" }, s = ["data-enabled"], c = /*@__PURE__*/ n({
+	__name: "BaseShimmerLoader",
+	props: {
+		shimmerClasses: { default: "" },
+		enabled: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	setup(n) {
+		return (c, l) => (i(), e("div", o, [t("div", {
+			class: r(["shimmer uikit-absolute uikit-bottom-0 uikit-left-0 uikit-right-0 uikit-top-0 uikit-h-full", n.shimmerClasses]),
+			"data-enabled": n.enabled || void 0
+		}, null, 10, s), a(c.$slots, "default", {}, void 0, !0)]));
+	}
 });
-export {
-  c as default
-};
+//#endregion
+export { c as default };

package/dist/UIKit/ShimmerLoader/ShimmerMultiLine.js

@@ -1,4 +1,5 @@
-import f from "./ShimmerMultiLine.vue.js";
-export {
-  f as default
-};
+import e from "./ShimmerMultiLine.vue.js";
+//#region lib/UIKit/ShimmerLoader/ShimmerMultiLine.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/UIKit/ShimmerLoader/ShimmerMultiLine.vue.js

@@ -1,31 +1,42 @@
-import { defineComponent as l, openBlock as t, createElementBlock as a, Fragment as r, renderList as i, createBlock as m, normalizeStyle as s, normalizeClass as o } from "vue";
-import u from "./BaseShimmerLoader.js";
-const k = /* @__PURE__ */ l({
-  __name: "ShimmerMultiLine",
-  props: {
-    lines: { default: 1 },
-    randomLength: { type: Boolean, default: !1 },
-    shimmerClasses: {},
-    inheritHeight: { type: Boolean, default: !1 },
-    enabled: { type: Boolean, default: !0 }
-  },
-  setup(e) {
-    return (d, h) => (t(!0), a(r, null, i(e.lines, (n) => (t(), m(u, {
-      ref_for: !0,
-      ref: "shimmerLines",
-      class: o(["shimmer-line", [
-        e.shimmerClasses,
-        e.inheritHeight ? "uikit-h-[1em]" : "uikit-h-8",
-        "uikit-mb-2 uikit-rounded-xs"
-      ]]),
-      enabled: e.enabled,
-      key: `sml-${n}`,
-      style: s({
-        marginRight: e.randomLength ? `${Math.round(Math.random() * 5) * 10}%` : 0
-      })
-    }, null, 8, ["class", "enabled", "style"]))), 128));
-  }
+import e from "./BaseShimmerLoader.js";
+import { Fragment as t, createBlock as n, createElementBlock as r, defineComponent as i, normalizeClass as a, normalizeStyle as o, openBlock as s, renderList as c } from "vue";
+//#region lib/UIKit/ShimmerLoader/ShimmerMultiLine.vue?vue&type=script&setup=true&lang.ts
+var l = /*@__PURE__*/ i({
+	__name: "ShimmerMultiLine",
+	props: {
+		lines: { default: 1 },
+		randomLength: {
+			type: Boolean,
+			default: !1
+		},
+		shimmerClasses: {},
+		inheritHeight: {
+			type: Boolean,
+			default: !1
+		},
+		enabled: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	setup(i) {
+		return (l, u) => (s(!0), r(t, null, c(i.lines, (t) => (s(), n(e, {
+			ref_for: !0,
+			ref: "shimmerLines",
+			class: a(["shimmer-line", [
+				i.shimmerClasses,
+				i.inheritHeight ? "uikit-h-[1em]" : "uikit-h-8",
+				"uikit-mb-2 uikit-rounded-xs"
+			]]),
+			enabled: i.enabled,
+			key: `sml-${t}`,
+			style: o({ marginRight: i.randomLength ? `${Math.round(Math.random() * 5) * 10}%` : 0 })
+		}, null, 8, [
+			"class",
+			"enabled",
+			"style"
+		]))), 128));
+	}
 });
-export {
-  k as default
-};
+//#endregion
+export { l as default };

package/dist/UIKit/Slider/SimpleSlider.js

@@ -1,7 +1,6 @@
-import o from "./SimpleSlider.vue.js";
-import '../../assets/SimpleSlider.css';/* empty css                  */
-import r from "../../_virtual/_plugin-vue_export-helper.js";
-const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-54b825e3"]]);
-export {
-  p as default
-};
+import e from "../../_virtual/_plugin-vue_export-helper.js";
+import t from "./SimpleSlider.vue.js";
+//#region lib/UIKit/Slider/SimpleSlider.vue
+var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-54b825e3"]]);
+//#endregion
+export { n as default };

package/dist/UIKit/Slider/SimpleSlider.vue.js

@@ -1,82 +1,75 @@
-import { defineComponent as V, useCssVars as L, useTemplateRef as T, useModel as y, ref as m, watch as E, onMounted as S, openBlock as C, createElementBlock as X, createElementVNode as d, withModifiers as $, mergeModels as B } from "vue";
-const D = ["aria-valuemin", "aria-valuemax", "aria-valuenow"], P = /* @__PURE__ */ V({
-  __name: "SimpleSlider",
-  props: /* @__PURE__ */ B({
-    min: { default: 0 },
-    max: { default: 100 },
-    step: { default: 1 },
-    dataCy: {},
-    logarithmic: { type: Boolean, default: !1 }
-  }, {
-    modelValue: { default: 0 },
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(t) {
-    L((i) => ({
-      v0f43c897: r.value,
-      ec9c737a: s.value
-    }));
-    const u = T("customSlider"), l = y(t, "modelValue"), o = m(!1), s = m("50%"), r = m("50%"), c = (i = 0) => {
-      const e = t.logarithmic ? b(i) : x(i), a = (e - t.min) / (t.max - t.min), f = t.logarithmic ? h(e) : a * 100;
-      l.value = Math.round(e), s.value = `${Math.round(f)}%`, r.value = t.logarithmic ? `${Math.round(h(e))}%` : `${a * 100}%`;
-    }, x = (i = 0) => {
-      const e = Math.round((i - t.min) / t.step) * t.step + t.min;
-      return Math.max(t.min, Math.min(t.max, e));
-    }, k = (i = 0) => {
-      const e = Math.log10(t.min), a = Math.log10(t.max);
-      return Math.pow(10, e + i / 100 * (a - e));
-    }, h = (i = 0) => {
-      const e = Math.log10(t.min), a = Math.log10(t.max);
-      return (Math.log10(i) - e) / (a - e) * 100;
-    }, b = (i = 0) => {
-      if (t.step === 1)
-        return Math.max(t.min, Math.min(t.max, i));
-      const e = Math.pow(
-        10,
-        Math.round(Math.log10(i) / Math.log10(t.step)) * Math.log10(t.step)
-      );
-      return Math.max(t.min, Math.min(t.max, e));
-    }, v = (i) => {
-      if (!o.value || !u.value) return;
-      const e = u.value.getBoundingClientRect(), a = u.value.offsetWidth;
-      let n = ("touches" in i ? i.touches[0].clientX : i.clientX) - e.left;
-      n = Math.max(0, Math.min(a, n));
-      const w = t.logarithmic ? k(n / a * 100) : n / a * (t.max - t.min) + t.min;
-      c(w);
-    }, M = () => {
-      o.value = !0;
-    }, g = () => {
-      o.value = !1;
-    };
-    return E(
-      l,
-      (i) => {
-        c(i);
-      },
-      { immediate: !0 }
-    ), S(() => {
-      document.addEventListener("mousemove", v), document.addEventListener("mouseup", g), document.addEventListener("touchmove", v, { passive: !0 }), document.addEventListener("touchend", g, { passive: !0 });
-    }), (i, e) => (C(), X("div", null, [
-      d("div", {
-        ref: "customSlider",
-        class: "uikit-relative uikit-my-20px uikit-h-1 uikit-rounded-2xs uikit-bg-w-secondary",
-        role: "slider",
-        "aria-valuemin": t.min,
-        "aria-valuemax": t.max,
-        "aria-valuenow": l.value,
-        tabindex: "0"
-      }, [
-        e[2] || (e[2] = d("div", { class: "slider-track uikit-absolute uikit-left-0 uikit-top-0 uikit-h-full uikit-rounded-2xs uikit-bg-w-primary" }, null, -1)),
-        d("div", {
-          class: "slider-thumb uikit-absolute -uikit-top-2 uikit-size-20px -uikit-translate-x-1/2 uikit-cursor-pointer uikit-rounded-full uikit-border-2 uikit-border-solid uikit-border-w-primary uikit-bg-white",
-          onMousedown: e[0] || (e[0] = (a) => M()),
-          onTouchstart: e[1] || (e[1] = $((a) => M(), ["prevent"]))
-        }, null, 32)
-      ], 8, D)
-    ]));
-  }
+import { createElementBlock as e, createElementVNode as t, defineComponent as n, mergeModels as r, onMounted as i, openBlock as a, ref as o, useCssVars as s, useModel as c, useTemplateRef as l, watch as u, withModifiers as d } from "vue";
+import '../../assets/SimpleSlider.css';//#region lib/UIKit/Slider/SimpleSlider.vue?vue&type=script&setup=true&lang.ts
+var f = [
+	"aria-valuemin",
+	"aria-valuemax",
+	"aria-valuenow"
+], p = /*@__PURE__*/ n({
+	__name: "SimpleSlider",
+	props: /*@__PURE__*/ r({
+		min: { default: 0 },
+		max: { default: 100 },
+		step: { default: 1 },
+		dataCy: {},
+		logarithmic: {
+			type: Boolean,
+			default: !1
+		}
+	}, {
+		modelValue: { default: 0 },
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(n) {
+		s((e) => ({
+			v0f43c897: g.value,
+			ec9c737a: h.value
+		}));
+		let r = l("customSlider"), p = c(n, "modelValue"), m = o(!1), h = o("50%"), g = o("50%"), _ = (e = 0) => {
+			let t = n.logarithmic ? x(e) : v(e), r = (t - n.min) / (n.max - n.min), i = n.logarithmic ? b(t) : r * 100;
+			p.value = Math.round(t), h.value = `${Math.round(i)}%`, g.value = n.logarithmic ? `${Math.round(b(t))}%` : `${r * 100}%`;
+		}, v = (e = 0) => {
+			let t = Math.round((e - n.min) / n.step) * n.step + n.min;
+			return Math.max(n.min, Math.min(n.max, t));
+		}, y = (e = 0) => {
+			let t = Math.log10(n.min), r = Math.log10(n.max);
+			return 10 ** (t + e / 100 * (r - t));
+		}, b = (e = 0) => {
+			let t = Math.log10(n.min), r = Math.log10(n.max);
+			return (Math.log10(e) - t) / (r - t) * 100;
+		}, x = (e = 0) => {
+			if (n.step === 1) return Math.max(n.min, Math.min(n.max, e));
+			let t = 10 ** (Math.round(Math.log10(e) / Math.log10(n.step)) * Math.log10(n.step));
+			return Math.max(n.min, Math.min(n.max, t));
+		}, S = (e) => {
+			if (!m.value || !r.value) return;
+			let t = r.value.getBoundingClientRect(), i = r.value.offsetWidth, a = ("touches" in e ? e.touches[0].clientX : e.clientX) - t.left;
+			a = Math.max(0, Math.min(i, a));
+			let o = n.logarithmic ? y(a / i * 100) : a / i * (n.max - n.min) + n.min;
+			_(o);
+		}, C = () => {
+			m.value = !0;
+		}, w = () => {
+			m.value = !1;
+		};
+		return u(p, (e) => {
+			_(e);
+		}, { immediate: !0 }), i(() => {
+			document.addEventListener("mousemove", S), document.addEventListener("mouseup", w), document.addEventListener("touchmove", S, { passive: !0 }), document.addEventListener("touchend", w, { passive: !0 });
+		}), (r, i) => (a(), e("div", null, [t("div", {
+			ref: "customSlider",
+			class: "uikit-relative uikit-my-20px uikit-h-1 uikit-rounded-2xs uikit-bg-w-secondary",
+			role: "slider",
+			"aria-valuemin": n.min,
+			"aria-valuemax": n.max,
+			"aria-valuenow": p.value,
+			tabindex: "0"
+		}, [i[2] ||= t("div", { class: "slider-track uikit-absolute uikit-left-0 uikit-top-0 uikit-h-full uikit-rounded-2xs uikit-bg-w-primary" }, null, -1), t("div", {
+			class: "slider-thumb uikit-absolute -uikit-top-2 uikit-size-20px -uikit-translate-x-1/2 uikit-cursor-pointer uikit-rounded-full uikit-border-2 uikit-border-solid uikit-border-w-primary uikit-bg-white",
+			onMousedown: i[0] ||= (e) => C(),
+			onTouchstart: i[1] ||= d((e) => C(), ["prevent"])
+		}, null, 32)], 8, f)]));
+	}
 });
-export {
-  P as default
-};
+//#endregion
+export { p as default };

package/dist/UIKit/StaticSpinner.js

@@ -1,7 +1,6 @@
-import t from "./StaticSpinner.vue.js";
-import '../assets/StaticSpinner.css';/* empty css                   */
-import o from "../_virtual/_plugin-vue_export-helper.js";
-const c = /* @__PURE__ */ o(t, [["__scopeId", "data-v-10e0c0fd"]]);
-export {
-  c as default
-};
+import e from "./StaticSpinner.vue.js";
+import t from "../_virtual/_plugin-vue_export-helper.js";
+//#region lib/UIKit/StaticSpinner.vue
+var n = /*#__PURE__*/ t(e, [["__scopeId", "data-v-10e0c0fd"]]);
+//#endregion
+export { n as default };