@wikicasa-dev/components 2.1.2 → 2.1.3

package/dist/packages/components/lib/UIKit/BaseToggle.vue.js

@@ -0,0 +1,42 @@
+import { defineComponent as a, mergeModels as n, useModel as d, createElementBlock as k, openBlock as b, normalizeClass as c, renderSlot as l, createElementVNode as t, createCommentVNode as f, withModifiers as p } from "vue";
+const m = { class: "switch uikit-relative uikit-inline-block uikit-min-w-[40px] uikit-text-sm" }, h = ["data-cy", "checked"], g = ["innerHTML"], y = /* @__PURE__ */ a({
+  inheritAttrs: !1,
+  __name: "BaseToggle",
+  props: /* @__PURE__ */ n({
+    withRightLabel: { type: Boolean, default: !0 },
+    label: { default: "" }
+  }, {
+    modelValue: { type: Boolean, default: !1 },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(r) {
+    const o = d(r, "modelValue"), u = ({ target: e }) => {
+      o.value = e.checked;
+    };
+    return (e, i) => (b(), k("div", {
+      class: c(["switch-container uikit-inline-block uikit-items-center", e.$attrs.class])
+    }, [
+      l(e.$slots, "leftLabel", {}, void 0, !0),
+      t("label", m, [
+        t("input", {
+          "data-cy": e.$attrs["data-cy"] ?? "",
+          class: "uikit-peer/toggle uikit-h-0 uikit-w-0 uikit-opacity-0",
+          type: "checkbox",
+          checked: o.value,
+          onInput: i[0] || (i[0] = p((s) => u(s), ["stop"]))
+        }, null, 40, h),
+        i[1] || (i[1] = t("span", { class: "slider round uikit-absolute uikit-bottom-0 uikit-left-0 uikit-right-0 uikit-top-0 uikit-cursor-pointer uikit-bg-w-lavender uikit-duration-300 before:uikit-absolute before:uikit-bottom-0 before:uikit-left-0 before:uikit-top-0 before:uikit-box-border before:uikit-h-[22px] before:uikit-w-[22px] before:uikit-rounded-circle before:uikit-border before:uikit-border-solid before:uikit-border-w-secondary before:uikit-bg-white before:uikit-shadow-sm before:uikit-duration-300 before:uikit-content-[''] peer-checked/toggle:uikit-bg-w-primary" }, null, -1))
+      ]),
+      e.withRightLabel ? l(e.$slots, "rightLabel", { key: 0 }, () => [
+        t("span", {
+          class: "uikit-ml-10px",
+          innerHTML: e.label
+        }, null, 8, g)
+      ], !0) : f("", !0)
+    ], 2));
+  }
+});
+export {
+  y as default
+};

package/dist/packages/components/lib/UIKit/BaseTooltip.vue.js

@@ -0,0 +1,41 @@
+import { defineComponent as a, createElementBlock as e, openBlock as t, renderSlot as s, createElementVNode as n, normalizeClass as l, createCommentVNode as i } from "vue";
+const r = { class: "base-tooltip" }, m = /* @__PURE__ */ a({
+  __name: "BaseTooltip",
+  props: {
+    theme: { default: () => ({
+      color: "blue",
+      size: "sm"
+    }) },
+    direction: { default: "top" },
+    customTooltipClass: { default: "" },
+    showTooltipContentManually: { type: Boolean, default: !0 },
+    tooltipContentClasses: { default: "" }
+  },
+  setup(p) {
+    return (o, u) => (t(), e("div", r, [
+      s(o.$slots, "trigger", {}, void 0, !0),
+      n("div", {
+        class: l(["bg-transparent", [
+          o.theme.size,
+          `${o.customTooltipClass ? o.customTooltipClass : "tooltip-content-wrapper"}`
+        ]])
+      }, [
+        o.showTooltipContentManually ? (t(), e("div", {
+          key: 0,
+          class: l(["tooltip-content uikit-shadow-lg uikit-shadow-w-primary/10", [
+            "base-tooltip-arrow",
+            o.direction,
+            o.theme.color,
+            o.theme.size,
+            o.tooltipContentClasses
+          ]])
+        }, [
+          s(o.$slots, "content", {}, void 0, !0)
+        ], 2)) : i("", !0)
+      ], 2)
+    ]));
+  }
+});
+export {
+  m as default
+};

package/dist/{chunks/BaseUploadFile.vue_vue_type_script_setup_true_lang.CdwKhQoc.js → packages/components/lib/UIKit/BaseUploadFile.vue.js}

@@ -1,5 +1,5 @@
 import { defineComponent as c, ref as b, watch as m, createElementBlock as o, openBlock as s, normalizeClass as t, createElementVNode as l, createBlock as h, createCommentVNode as n, renderSlot as v } from "vue";
-import w from "../UIKit/BaseFloatingLabel.js";
+import w from "../../../../UIKit/BaseFloatingLabel.js";
 const C = ["innerHTML"], g = ["for"], y = ["id", "multiple", "accept"], B = /* @__PURE__ */ c({
   inheritAttrs: !1,
   __name: "BaseUploadFile",
@@ -67,5 +67,5 @@ const C = ["innerHTML"], g = ["for"], y = ["id", "multiple", "accept"], B = /* @
   }
 });
 export {
-  B as _
+  B as default
 };

package/dist/packages/components/lib/UIKit/Checkbox/CheckboxBtn.vue.js

@@ -0,0 +1,75 @@
+import { defineComponent as b, useId as f, computed as h, createElementBlock as r, openBlock as s, withModifiers as d, normalizeClass as l, createElementVNode as u, renderSlot as m, createCommentVNode as C, toDisplayString as g } from "vue";
+const y = ["id"], V = ["id", "data-cy", "checked", "disabled"], v = ["for"], w = /* @__PURE__ */ b({
+  __name: "CheckboxBtn",
+  props: {
+    id: {},
+    dataCy: {},
+    disabled: { type: Boolean },
+    checked: { type: Boolean, default: () => {
+    } },
+    required: { type: Boolean },
+    inputClass: {},
+    inline: { type: Boolean, default: !1 },
+    label: { default: "" },
+    labelClass: {},
+    isValid: { default: null },
+    containerId: {},
+    handleLabelClick: { type: Boolean, default: !0 },
+    modelValue: { type: Boolean, default: !1 }
+  },
+  emits: ["click", "change", "update:modelValue"],
+  setup(i, { emit: c }) {
+    const a = c, n = f(), o = h(() => `${i.id ?? n}`), k = () => {
+      const e = i.checked ?? i.modelValue;
+      a("change", {
+        id: i.id ?? n,
+        label: i.label,
+        checked: !e
+      }), a("update:modelValue", !e);
+    }, p = () => {
+      k(), i.handleLabelClick && a("click");
+    };
+    return (e, t) => (s(), r("div", {
+      id: e.containerId,
+      class: l(["uikit-group uikit-relative uikit-items-center uikit-pl-30px hover:uikit-cursor-pointer", [
+        { "uikit-inline-flex": e.inline },
+        { "uikit-flex": !e.inline },
+        e.$attrs["wrapper-classes"]
+      ]]),
+      onClick: d(p, ["stop"])
+    }, [
+      u("input", {
+        id: o.value,
+        ref: "checkbox",
+        "data-cy": e.dataCy,
+        class: l(["uikit-pointer-events-none uikit-absolute uikit-left-0 uikit-size-4 uikit-appearance-none uikit-rounded-3xs uikit-border uikit-border-solid uikit-border-w-secondary uikit-bg-white checked:uikit-bg-center checked:uikit-bg-no-repeat group-hover:uikit-cursor-pointer", [
+          { "!uikit-border-w-danger": e.isValid === !1 },
+          e.inputClass,
+          e.isValid === !1 ? "checked-bg-invalid" : "checked-bg"
+        ]]),
+        type: "checkbox",
+        checked: e.checked ?? e.modelValue,
+        disabled: e.disabled,
+        onChange: t[0] || (t[0] = d(() => {
+        }, ["prevent", "stop"])),
+        onClick: t[1] || (t[1] = d(() => {
+        }, ["prevent", "stop"]))
+      }, null, 42, V),
+      m(e.$slots, "label", {}, () => [
+        u("label", {
+          class: l(["uikit-text-sm group-hover:uikit-cursor-pointer", [e.labelClass, { "uikit-text-w-danger": e.isValid === !1 }]]),
+          for: o.value
+        }, g(e.label), 11, v),
+        e.required ? (s(), r("span", {
+          key: 0,
+          class: l(["required after:uikit-content-['*']", [
+            e.isValid !== !1 ? "after:uikit-text-w-primary" : "after:uikit-text-w-danger"
+          ]])
+        }, null, 2)) : C("", !0)
+      ], !0)
+    ], 10, y));
+  }
+});
+export {
+  w as default
+};

package/dist/packages/components/lib/UIKit/Checkbox/CheckboxGroup.vue.js

@@ -0,0 +1,114 @@
+import { defineComponent as y, ref as v, computed as h, watch as x, renderSlot as m, createElementVNode as D, normalizeClass as E, createElementBlock as $, createCommentVNode as B, openBlock as b, Fragment as A, renderList as I, createBlock as R, unref as K } from "vue";
+import { isArrNullOrEmpty as V } from "../../../../../node_modules/.pnpm/@wikicasa-dev_utilities@1.1.21/node_modules/@wikicasa-dev/utilities/dist/utils/ArrayUtils.js";
+import "../../../../../node_modules/.pnpm/js-cookie@3.0.5/node_modules/js-cookie/dist/js.cookie.js";
+import { stringToHyphened as L } from "../../../../../node_modules/.pnpm/@wikicasa-dev_utilities@1.1.21/node_modules/@wikicasa-dev/utilities/dist/utils/StringUtils.js";
+import "../../../../../_virtual/polyline.js";
+import G from "../../../../../UIKit/Checkbox/CheckboxBtn.js";
+const N = ["id", "data-cy"], F = /* @__PURE__ */ y({
+  inheritAttrs: !1,
+  __name: "CheckboxGroup",
+  props: {
+    checkboxData: { default() {
+      return [];
+    } },
+    formCheckInline: { type: Boolean, default: !1 },
+    reset: { type: Boolean, default: !1 },
+    checkboxContainerClasses: { default: "" },
+    autoCheckResetAll: { type: Boolean, default: !1 },
+    autoCheckResetEmpty: { type: Boolean, default: !1 },
+    manualToggleResetButton: { type: Boolean, default: !1 },
+    getKey: { default() {
+      return (r) => typeof r == "string" || typeof r == "number" ? `${r}` : `${r.id}`;
+    } },
+    groupId: { default: "" },
+    dataCy: { default: "" }
+  },
+  emits: ["resetted", "update:modelValue", "checkedGroup"],
+  setup(r, { emit: g }) {
+    const o = r, n = g, c = v(/* @__PURE__ */ new Map()), s = h(() => {
+      for (const e of o.checkboxData)
+        if (e.reset) return e;
+      return null;
+    }), C = h(() => o.checkboxData.length), f = h(() => {
+      let e = 0;
+      return c.value.forEach((t) => {
+        t.checked && e++;
+      }), e;
+    });
+    (() => {
+      const e = [];
+      for (const t of o.checkboxData)
+        t.checked = !!t.checked, c.value.set(
+          `${t.id}`,
+          t
+        ), t.checked && e.push(t);
+      n("update:modelValue", e);
+    })();
+    const u = (e, t) => {
+      const a = c.value.get(e);
+      if (a) {
+        if (t) {
+          c.value.set(e, { ...a, ...t });
+          return;
+        }
+        c.value.set(e, { ...a, checked: !a.checked });
+      }
+    }, k = () => {
+      c.value.forEach((e) => {
+        e.checked = !1;
+      });
+    }, p = () => {
+      k(), n("update:modelValue", []), n("resetted");
+    }, d = (e) => c.value.get(o.getKey(e))?.checked ?? !1, i = (e) => {
+      if (V(o.checkboxData)) return;
+      const t = c.value.get(e.id);
+      t?.reset && e.checked ? k() : s.value && !t?.reset && u(o.getKey(s.value), { checked: !1 }), u(`${e.id}`), o.autoCheckResetAll && s.value && f.value === C.value - 1 && c.value.forEach((l) => {
+        l.checked = !!l.reset;
+      }), o.autoCheckResetEmpty && s.value && !f.value && (!o.manualToggleResetButton || !t?.reset) && u(o.getKey(s.value), { checked: !0 });
+      const a = [];
+      c.value.forEach((l) => {
+        l.checked && a.push(l);
+      }), n("update:modelValue", a), n("checkedGroup", o.groupId);
+    };
+    return x(
+      () => o.reset,
+      (e) => {
+        e && p();
+      }
+    ), (e, t) => m(e.$slots, "default", {
+      isActive: d,
+      handleChange: i,
+      checkboxesData: e.checkboxData
+    }, () => [
+      D("div", {
+        id: e.groupId,
+        class: E(["checkbox-group-container", e.$attrs.class || ""]),
+        "data-cy": e.dataCy
+      }, [
+        m(e.$slots, "checkbox_elements", {
+          isActive: d,
+          handleChange: i,
+          checkboxesData: e.checkboxData,
+          reset: p
+        }, () => [
+          e.checkboxData ? (b(!0), $(A, { key: 0 }, I(e.checkboxData, (a, l) => (b(), R(G, {
+            id: e.getKey(a),
+            key: l,
+            "data-cy": a.dataCy ?? `checkbox_${K(L)(`${a.label}`)}`,
+            label: a.label,
+            inline: e.formCheckInline,
+            "model-value": d(a),
+            "container-class": [
+              e.formCheckInline ? "uikit-mr-10px" : "uikit-mb-10px",
+              e.checkboxContainerClasses
+            ],
+            onChange: i
+          }, null, 8, ["id", "data-cy", "label", "inline", "model-value", "container-class"]))), 128)) : B("", !0)
+        ])
+      ], 10, N)
+    ]);
+  }
+});
+export {
+  F as default
+};

package/dist/{chunks/RadioButton.vue_vue_type_script_setup_true_lang.DRQnjRA7.js → packages/components/lib/UIKit/Radio/RadioButton.vue.js}

@@ -1,4 +1,4 @@
-import { defineComponent as k, useId as m, computed as c, createElementBlock as p, openBlock as b, withModifiers as l, createElementVNode as n, normalizeClass as u, createTextVNode as f, toDisplayString as h } from "vue";
+import { defineComponent as k, useId as m, computed as c, createElementBlock as f, openBlock as p, withModifiers as l, createElementVNode as n, normalizeClass as s, createTextVNode as b, toDisplayString as h } from "vue";
 const C = ["id", "name", "checked"], V = ["for"], y = /* @__PURE__ */ k({
   __name: "RadioButton",
   props: {
@@ -11,7 +11,7 @@ const C = ["id", "name", "checked"], V = ["for"], y = /* @__PURE__ */ k({
   },
   emits: ["change", "update:modelValue"],
   setup(i, { emit: d }) {
-    const o = d, a = m(), s = c(() => `${i.id ?? a}`), r = () => {
+    const o = d, a = m(), u = c(() => `${i.id ?? a}`), r = () => {
       if (i.modelValue) return;
       const e = {
         id: i.id ?? a,
@@ -20,12 +20,12 @@ const C = ["id", "name", "checked"], V = ["for"], y = /* @__PURE__ */ k({
       };
       o("change", e), o("update:modelValue", !i.modelValue);
     };
-    return (e, t) => (b(), p("div", {
+    return (e, t) => (p(), f("div", {
       class: "uikit-inline-block",
       onClick: l(r, ["stop"])
     }, [
       n("input", {
-        id: s.value,
+        id: u.value,
         ref: "checkbox",
         type: "radio",
         class: "uikit-pointer-events-none uikit-hidden",
@@ -37,22 +37,22 @@ const C = ["id", "name", "checked"], V = ["for"], y = /* @__PURE__ */ k({
         }, ["prevent"]))
       }, null, 40, C),
       n("label", {
-        class: u([e.labelClasses, "uikit-flex uikit-cursor-pointer uikit-items-center uikit-text-sm"]),
-        for: s.value
+        class: s([e.labelClasses, "uikit-flex uikit-cursor-pointer uikit-items-center uikit-text-sm"]),
+        for: u.value
       }, [
         n("span", {
-          class: u(["uikit-flex-no-shrink uikit-mr-2 uikit-inline-block uikit-h-4 uikit-w-4 uikit-transform uikit-rounded-full uikit-border uikit-border-solid uikit-border-w-secondary uikit-transition-colors uikit-duration-200", [
+          class: s(["uikit-flex-no-shrink uikit-mr-2 uikit-inline-block uikit-h-4 uikit-w-4 uikit-transform uikit-rounded-full uikit-border uikit-border-solid uikit-border-w-secondary uikit-transition-colors uikit-duration-200", [
             {
               "checked uikit-border-w-primary uikit-bg-w-primary uikit-shadow-[0_0_0_2px_white_inset]": e.modelValue
             },
             e.inputClasses
           ]])
         }, null, 2),
-        f(" " + h(e.label), 1)
+        b(" " + h(e.label), 1)
       ], 10, V)
     ]));
   }
 });
 export {
-  y as _
+  y as default
 };

package/dist/{chunks/RadioGroup.vue_vue_type_script_setup_true_lang.CpsMf2PN.js → packages/components/lib/UIKit/Radio/RadioGroup.vue.js}

@@ -1,6 +1,6 @@
 import { defineComponent as p, mergeModels as d, useModel as C, ref as h, watch as $, renderSlot as u, createElementVNode as V, normalizeClass as c, createElementBlock as k, openBlock as m, Fragment as R, renderList as g, createBlock as y } from "vue";
-import { _ } from "./RadioButton.vue_vue_type_script_setup_true_lang.DRQnjRA7.js";
-const b = ["data-cy"], w = /* @__PURE__ */ p({
+import b from "./RadioButton.vue.js";
+const B = ["data-cy"], w = /* @__PURE__ */ p({
   inheritAttrs: !1,
   __name: "RadioGroup",
   props: /* @__PURE__ */ d({
@@ -28,7 +28,7 @@ const b = ["data-cy"], w = /* @__PURE__ */ p({
         }
     })(), $(n, (e) => {
       e && t();
-    }), (e, M) => u(e.$slots, "default", {
+    }), (e, _) => u(e.$slots, "default", {
       handleClick: l,
       activeValue: a.value,
       reset: t,
@@ -44,7 +44,7 @@ const b = ["data-cy"], w = /* @__PURE__ */ p({
           reset: t,
           isActive: r
         }, () => [
-          (m(!0), k(R, null, g(e.radioValues, (s, v) => (m(), y(_, {
+          (m(!0), k(R, null, g(e.radioValues, (s, v) => (m(), y(b, {
             id: s.id,
             key: v,
             class: c(e.radioContainerClasses),
@@ -53,10 +53,10 @@ const b = ["data-cy"], w = /* @__PURE__ */ p({
             onChange: l
           }, null, 8, ["id", "class", "label", "model-value"]))), 128))
         ])
-      ], 10, b)
+      ], 10, B)
     ]);
   }
 });
 export {
-  w as _
+  w as default
 };

package/dist/packages/components/lib/UIKit/ShimmerLoader/BaseShimmerLoader.vue.js

@@ -0,0 +1,21 @@
+import { defineComponent as i, createElementBlock as s, openBlock as l, normalizeClass as t, createElementVNode as r, renderSlot as a } from "vue";
+const m = /* @__PURE__ */ i({
+  inheritAttrs: !1,
+  __name: "BaseShimmerLoader",
+  props: {
+    shimmerClasses: { default: "" }
+  },
+  setup(o) {
+    return (e, u) => (l(), s("div", {
+      class: t(["uikit-relative uikit-overflow-hidden uikit-bg-w-lavender", e.$attrs.class])
+    }, [
+      r("div", {
+        class: t(["shimmer uikit-absolute uikit-bottom-0 uikit-left-0 uikit-right-0 uikit-top-0 uikit-h-full -uikit-translate-x-full", e.shimmerClasses])
+      }, null, 2),
+      a(e.$slots, "default", {}, void 0, !0)
+    ], 2));
+  }
+});
+export {
+  m as default
+};

package/dist/{chunks/ShimmerMultiLine.vue_vue_type_script_setup_true_lang.BoEMYLem.js → packages/components/lib/UIKit/ShimmerLoader/ShimmerMultiLine.vue.js}

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

package/dist/packages/components/lib/UIKit/Slider/SimpleSlider.vue.js

@@ -0,0 +1,82 @@
+import { defineComponent as V, mergeModels as L, useCssVars as T, ref as m, useTemplateRef as y, useModel as E, watch as S, onMounted as C, createElementBlock as X, openBlock as $, createElementVNode as d, withModifiers as B } from "vue";
+const D = ["aria-valuemin", "aria-valuemax", "aria-valuenow"], P = /* @__PURE__ */ V({
+  __name: "SimpleSlider",
+  props: /* @__PURE__ */ L({
+    min: { default: 0 },
+    max: { default: 100 },
+    step: { default: 1 },
+    dataCy: {},
+    logarithmic: { type: Boolean, default: !1 }
+  }, {
+    modelValue: { default: 0 },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(t) {
+    T((i) => ({
+      "0f43c897": r.value,
+      ec9c737a: s.value
+    }));
+    const u = y("customSlider"), l = E(t, "modelValue"), o = m(!1), s = m("50%"), r = m("50%"), c = (i = 0) => {
+      const e = t.logarithmic ? b(i) : k(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}%`;
+    }, k = (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));
+    }, x = (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 ? x(n / a * 100) : n / a * (t.max - t.min) + t.min;
+      c(w);
+    }, M = () => {
+      o.value = !0;
+    }, g = () => {
+      o.value = !1;
+    };
+    return S(
+      l,
+      (i) => {
+        c(i);
+      },
+      { immediate: !0 }
+    ), C(() => {
+      document.addEventListener("mousemove", v), document.addEventListener("mouseup", g), document.addEventListener("touchmove", v, { passive: !0 }), document.addEventListener("touchend", g, { passive: !0 });
+    }), (i, e) => ($(), 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": i.min,
+        "aria-valuemax": i.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] = B((a) => M(), ["prevent"]))
+        }, null, 32)
+      ], 8, D)
+    ]));
+  }
+});
+export {
+  P as default
+};

package/dist/packages/components/lib/UIKit/StaticSpinner.vue.js

@@ -0,0 +1,27 @@
+import { defineComponent as t, createElementBlock as o, openBlock as s, createElementVNode as n } from "vue";
+const r = {
+  viewBox: "0 0 128 128",
+  class: "icon-spin uikit-h-6 uikit-w-6"
+}, i = ["stroke", "stroke-width"], k = /* @__PURE__ */ t({
+  __name: "StaticSpinner",
+  props: {
+    thickness: { default: 9 },
+    strokeColor: { default: "#fff" }
+  },
+  setup(c) {
+    return (e, l) => (s(), o("svg", r, [
+      n("circle", {
+        class: "path",
+        cx: "64",
+        cy: "64",
+        r: "42",
+        fill: "none",
+        stroke: e.strokeColor,
+        "stroke-width": e.thickness
+      }, null, 8, i)
+    ]));
+  }
+});
+export {
+  k as default
+};

package/dist/{chunks/BaseTab.vue_vue_type_script_setup_true_lang.Cu67jd8K.js → packages/components/lib/UIKit/Tab/BaseTab.vue.js}

@@ -6,10 +6,10 @@ const o = /* @__PURE__ */ a({
     headerTitle: {},
     tabPanelClasses: {}
   },
-  setup(s) {
-    return (e, t) => r(e.$slots, "header");
+  setup(t) {
+    return (e, s) => r(e.$slots, "header");
   }
 });
 export {
-  o as _
+  o as default
 };

package/dist/{chunks/BaseTabList.vue_vue_type_script_setup_true_lang.CHOGs5d-.js → packages/components/lib/UIKit/Tab/BaseTabList.vue.js}

@@ -39,5 +39,5 @@ const v = ["aria-labelledby"], B = ["id", "data-cy", "aria-selected", "aria-cont
   }
 });
 export {
-  $ as _
+  $ as default
 };

package/dist/{chunks/BaseTabPanel.vue_vue_type_script_setup_true_lang.CVJUssBq.js → packages/components/lib/UIKit/Tab/BaseTabPanel.vue.js}

@@ -20,5 +20,5 @@ const n = ["id", "aria-labelledby"], b = /* @__PURE__ */ a({
   }
 });
 export {
-  b as _
+  b as default
 };