@wikicasa-dev/components 2.1.4-alpha.8 → 2.1.4

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

@@ -1,56 +1,41 @@
-import { defineComponent as s, createBlock as n, openBlock as u, unref as e, withCtx as i, createVNode as o, normalizeClass as a, renderSlot as r, createElementVNode as d } from "vue";
-import { TooltipProvider as p, TooltipRoot as f, TooltipTrigger as k, TooltipPortal as c, TooltipContent as g, TooltipArrow as m } from "reka-ui";
-const _ = /* @__PURE__ */ s({
+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" },
-    tooltipContentClasses: { default: "" },
-    triggerClasses: { default: "" },
-    delayDuration: { default: 0 }
+    customTooltipClass: { default: "" },
+    showTooltipContentManually: { type: Boolean, default: !0 },
+    tooltipContentClasses: { default: "" }
   },
-  setup(C) {
-    return (t, l) => (u(), n(e(p), { "delay-duration": t.delayDuration }, {
-      default: i(() => [
-        o(e(f), null, {
-          default: i(() => [
-            o(e(k), {
-              class: a(["uikit-inline-flex uikit-w-fit uikit-appearance-none uikit-bg-transparent uikit-p-0", t.triggerClasses])
-            }, {
-              default: i(() => [
-                r(t.$slots, "trigger", {}, void 0, !0)
-              ]),
-              _: 3
-            }, 8, ["class"]),
-            o(e(c), null, {
-              default: i(() => [
-                o(e(g), {
-                  class: a(["will-change-[transform,opacity] uikit-shadow-surface uikit-max-w-[250px] uikit-rounded-2xs uikit-bg-white uikit-p-xs uikit-text uikit-text-w-black", t.tooltipContentClasses]),
-                  "side-offset": 8,
-                  side: t.direction
-                }, {
-                  default: i(() => [
-                    r(t.$slots, "content", {}, void 0, !0),
-                    o(e(m), { "as-child": "" }, {
-                      default: i(() => l[0] || (l[0] = [
-                        d("span", { class: "uikit-pin-arrow" }, null, -1)
-                      ])),
-                      _: 1,
-                      __: [0]
-                    })
-                  ]),
-                  _: 3
-                }, 8, ["class", "side"])
-              ]),
-              _: 3
-            })
-          ]),
-          _: 3
-        })
-      ]),
-      _: 3
-    }, 8, ["delay-duration"]));
+  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 {
-  _ as default
+  m as default
 };

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

@@ -1,5 +1,6 @@
-import { defineComponent as p, ref as f, watch as c, createElementBlock as m, openBlock as b, normalizeClass as s, createElementVNode as i, renderSlot as C } from "vue";
-const h = ["for"], k = ["id", "multiple", "accept"], B = /* @__PURE__ */ p({
+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";
+const C = ["innerHTML"], g = ["for"], y = ["id", "multiple", "accept"], B = /* @__PURE__ */ c({
   inheritAttrs: !1,
   __name: "BaseUploadFile",
   props: {
@@ -12,36 +13,56 @@ const h = ["for"], k = ["id", "multiple", "accept"], B = /* @__PURE__ */ p({
     legendClasses: { default: "" }
   },
   emits: ["cleared", "uploaded"],
-  setup(n, { emit: r }) {
-    const o = n, a = r, t = f("");
-    c(
-      () => o.clear,
+  setup(r, { emit: d }) {
+    const k = r, u = d, a = b("");
+    m(
+      () => k.clear,
       (e) => {
-        e && (t.value = "", a("cleared"));
+        e && (a.value = "", u("cleared"));
       }
     );
-    const d = ({ target: e }) => {
+    const p = ({ target: e }) => {
       if (!e) return;
-      const l = e.files;
-      l?.length && (t.value = l[0].name, a("uploaded", l[0]));
+      const i = e.files;
+      i?.length && (a.value = i[0].name, u("uploaded", i[0]));
     };
-    return (e, l) => (b(), m("div", {
-      class: s(["base-upload-file-wrapper uikit-relative", [e.$attrs.class]])
+    return (e, i) => (s(), o("div", {
+      class: t(["base-upload-file-wrapper uikit-relative", [e.$attrs.class]])
     }, [
-      i("label", {
-        class: s(["uikit-btn uikit-btn-ternary", e.labelClasses]),
+      l("fieldset", {
+        class: t(["uikit-pointer-events-none uikit-absolute uikit-bottom-0 uikit-left-0 uikit-right-0 uikit-m-0 uikit-box-border uikit-h-12 uikit-overflow-hidden uikit-rounded-xs uikit-border uikit-border-dashed uikit-border-w-secondary uikit-bg-w-lavender uikit-px-2 uikit-py-0 uikit-text-start", e.fieldsetClasses])
+      }, [
+        e.labelText ? (s(), o("legend", {
+          key: 0,
+          class: t(["uikit-invisible uikit-float-none uikit-ml-2 uikit-block uikit-h-3 uikit-w-auto uikit-max-w-full uikit-overflow-hidden uikit-whitespace-nowrap uikit-p-0 uikit-text", e.legendClasses])
+        }, [
+          l("span", {
+            class: "uikit-visible uikit-inline-block uikit-px-5px uikit-opacity-0",
+            innerHTML: e.labelText
+          }, null, 8, C)
+        ], 2)) : n("", !0)
+      ], 2),
+      e.labelText ? (s(), h(w, {
+        key: 0,
+        class: t(e.floatingLabelClasses),
+        "label-text": e.labelText,
+        "label-state": "floating-label",
+        "label-classes": "!-uikit-top-1"
+      }, null, 8, ["class", "label-text"])) : n("", !0),
+      l("label", {
+        class: t(["upload-file-input uikit-relative uikit-z-10 uikit-flex uikit-h-12 uikit-w-full uikit-cursor-pointer uikit-items-center uikit-justify-center uikit-rounded-xs uikit-text-sm", e.labelClasses]),
         for: e.id
       }, [
-        i("input", {
+        l("input", {
           id: e.id,
           multiple: e.$attrs.multiple,
           type: "file",
           class: "uikit-hidden",
           accept: e.$attrs.accept,
-          onInput: l[0] || (l[0] = (u) => d(u))
-        }, null, 40, k),
-        C(e.$slots, "label", { filename: t.value })
-      ], 10, h)
+          onInput: i[0] || (i[0] = (f) => p(f))
+        }, null, 40, y),
+        v(e.$slots, "label", { filename: a.value })
+      ], 10, g)
     ], 2));
   }
 });

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

@@ -1,8 +1,5 @@
-import { defineComponent as m, useId as f, computed as h, watch as b, createElementBlock as p, openBlock as u, createVNode as n, renderSlot as C, unref as l, normalizeClass as y, withCtx as s, createBlock as V, createCommentVNode as g, createTextVNode as B, toDisplayString as w } from "vue";
-import { CheckIcon as I } from "../../../../../node_modules/.pnpm/@wikicasa-dev_svg-icons@1.2.12_typescript@5.8.3/node_modules/@wikicasa-dev/svg-icons/dist/CheckIcon.js";
-import "../../../../../node_modules/.pnpm/@wikicasa-dev_svg-icons@1.2.12_typescript@5.8.3/node_modules/@wikicasa-dev/svg-icons/dist/PharmacyIcon.js";
-import { CheckboxRoot as v, CheckboxIndicator as x } from "reka-ui";
-const N = ["for"], q = /* @__PURE__ */ m({
+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: {},
@@ -12,67 +9,67 @@ const N = ["for"], q = /* @__PURE__ */ m({
     } },
     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(t, { emit: r }) {
-    const i = f(), d = h(() => `${t.id ?? i}`), a = r;
-    b(
-      () => t.checked,
-      (e) => {
-        e !== void 0 && a("update:modelValue", e);
-      }
-    );
-    const c = (e) => {
-      e !== "indeterminate" && (a("change", {
-        id: t.id ?? i,
-        label: t.label,
-        checked: e
-      }), a("update:modelValue", e));
+  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, o) => (u(), p("label", {
-      class: "uikit-flex uikit-items-center uikit-gap-sm uikit-text-16",
-      for: d.value,
-      onClick: o[0] || (o[0] = (k) => a("click", k))
+    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"])
     }, [
-      n(l(v), {
-        id: d.value,
-        "model-value": e.modelValue,
+      u("input", {
+        id: o.value,
+        ref: "checkbox",
         "data-cy": e.dataCy,
-        disabled: e.disabled,
-        class: y(["uikit-inline-flex uikit-size-[20px] uikit-items-center uikit-justify-center uikit-rounded-3xs uikit-p-0 data-[state='unchecked']:uikit-border data-[state='unchecked']:uikit-border-solid data-[state='unchecked']:uikit-border-w-lightgray", [
-          {
-            "uikit-bg-white": !e.modelValue,
-            "uikit-bg-w-blue": e.modelValue
-          },
-          e.inputClass
+        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"
         ]]),
-        "onUpdate:modelValue": c
-      }, {
-        default: s(() => [
-          n(l(x), { class: "uikit-flex" }, {
-            default: s(() => [
-              e.modelValue === !0 ? (u(), V(l(I), {
-                key: 0,
-                "fill-color": "#fff",
-                width: 12,
-                height: 14
-              })) : g("", !0)
-            ]),
-            _: 1
-          })
-        ]),
-        _: 1
-      }, 8, ["id", "model-value", "data-cy", "disabled", "class"]),
-      C(e.$slots, "label", {}, () => [
-        B(w(e.label), 1)
-      ])
-    ], 8, N));
+        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 {
-  q as default
+  w as default
 };

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

@@ -1,6 +1,10 @@
-import { defineComponent as x, ref as D, computed as h, watch as E, renderSlot as m, createElementVNode as $, normalizeClass as B, createElementBlock as A, createCommentVNode as I, openBlock as b, Fragment as R, renderList as K, createBlock as L } from "vue";
-import V from "./CheckboxBtn.vue.js";
-const w = ["id", "data-cy"], F = /* @__PURE__ */ x({
+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: {
@@ -13,17 +17,19 @@ const w = ["id", "data-cy"], F = /* @__PURE__ */ x({
     autoCheckResetAll: { type: Boolean, default: !1 },
     autoCheckResetEmpty: { type: Boolean, default: !1 },
     manualToggleResetButton: { type: Boolean, default: !1 },
-    getKey: { type: Function, default: (n) => typeof n == "string" || typeof n == "number" ? `${n}` : `${n.id}` },
+    getKey: { default() {
+      return (r) => typeof r == "string" || typeof r == "number" ? `${r}` : `${r.id}`;
+    } },
     groupId: { default: "" },
     dataCy: { default: "" }
   },
   emits: ["resetted", "update:modelValue", "checkedGroup"],
-  setup(n, { emit: g }) {
-    const C = (e = "") => !e || !e.trim() ? "" : (e = e.trim(), e.replace(" ", "-").toLowerCase()), y = (e) => !e?.length, o = n, s = g, c = D(/* @__PURE__ */ new Map()), r = h(() => {
+  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;
-    }), v = h(() => o.checkboxData.length), f = h(() => {
+    }), C = h(() => o.checkboxData.length), f = h(() => {
       let e = 0;
       return c.value.forEach((t) => {
         t.checked && e++;
@@ -36,7 +42,7 @@ const w = ["id", "data-cy"], F = /* @__PURE__ */ x({
           `${t.id}`,
           t
         ), t.checked && e.push(t);
-      s("update:modelValue", e);
+      n("update:modelValue", e);
     })();
     const u = (e, t) => {
       const a = c.value.get(e);
@@ -52,19 +58,19 @@ const w = ["id", "data-cy"], F = /* @__PURE__ */ x({
         e.checked = !1;
       });
     }, p = () => {
-      k(), s("update:modelValue", []), s("resetted");
+      k(), n("update:modelValue", []), n("resetted");
     }, d = (e) => c.value.get(o.getKey(e))?.checked ?? !1, i = (e) => {
-      if (y(o.checkboxData)) return;
+      if (V(o.checkboxData)) return;
       const t = c.value.get(e.id);
-      t?.reset && e.checked ? k() : r.value && !t?.reset && u(o.getKey(r.value), { checked: !1 }), u(`${e.id}`), o.autoCheckResetAll && r.value && f.value === v.value - 1 && c.value.forEach((l) => {
+      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 && r.value && !f.value && (!o.manualToggleResetButton || !t?.reset) && u(o.getKey(r.value), { checked: !0 });
+      }), 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);
-      }), s("update:modelValue", a), s("checkedGroup", o.groupId);
+      }), n("update:modelValue", a), n("checkedGroup", o.groupId);
     };
-    return E(
+    return x(
       () => o.reset,
       (e) => {
         e && p();
@@ -74,9 +80,9 @@ const w = ["id", "data-cy"], F = /* @__PURE__ */ x({
       handleChange: i,
       checkboxesData: e.checkboxData
     }, () => [
-      $("div", {
+      D("div", {
         id: e.groupId,
-        class: B(["checkbox-group-container", e.$attrs.class || ""]),
+        class: E(["checkbox-group-container", e.$attrs.class || ""]),
         "data-cy": e.dataCy
       }, [
         m(e.$slots, "checkbox_elements", {
@@ -85,10 +91,10 @@ const w = ["id", "data-cy"], F = /* @__PURE__ */ x({
           checkboxesData: e.checkboxData,
           reset: p
         }, () => [
-          e.checkboxData ? (b(!0), A(R, { key: 0 }, K(e.checkboxData, (a, l) => (b(), L(V, {
+          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_${C(`${a.label}`)}`,
+            "data-cy": a.dataCy ?? `checkbox_${K(L)(`${a.label}`)}`,
             label: a.label,
             inline: e.formCheckInline,
             "model-value": d(a),
@@ -97,9 +103,9 @@ const w = ["id", "data-cy"], F = /* @__PURE__ */ x({
               e.checkboxContainerClasses
             ],
             onChange: i
-          }, null, 8, ["id", "data-cy", "label", "inline", "model-value", "container-class"]))), 128)) : I("", !0)
+          }, null, 8, ["id", "data-cy", "label", "inline", "model-value", "container-class"]))), 128)) : B("", !0)
         ])
-      ], 10, w)
+      ], 10, N)
     ]);
   }
 });

package/dist/packages/components/lib/UIKit/Radio/RadioButton.vue.js

@@ -1,5 +1,5 @@
-import { defineComponent as k, useId as m, computed as c, createElementBlock as b, openBlock as f, withModifiers as l, createElementVNode as n, normalizeClass as s, createTextVNode as p, toDisplayString as h } from "vue";
-const C = ["id", "name", "checked"], g = ["for"], v = /* @__PURE__ */ k({
+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: {
     id: {},
@@ -20,7 +20,7 @@ const C = ["id", "name", "checked"], g = ["for"], v = /* @__PURE__ */ k({
       };
       o("change", e), o("update:modelValue", !i.modelValue);
     };
-    return (e, t) => (f(), b("div", {
+    return (e, t) => (p(), f("div", {
       class: "uikit-inline-block",
       onClick: l(r, ["stop"])
     }, [
@@ -37,22 +37,22 @@ const C = ["id", "name", "checked"], g = ["for"], v = /* @__PURE__ */ k({
         }, ["prevent"]))
       }, null, 40, C),
       n("label", {
-        class: s([e.labelClasses, "uikit-inline-flex uikit-cursor-pointer uikit-items-center uikit-gap-x-sm uikit-text-16"]),
+        class: s([e.labelClasses, "uikit-flex uikit-cursor-pointer uikit-items-center uikit-text-sm"]),
         for: u.value
       }, [
         n("span", {
-          class: s(["uikit-flex-no-shrink uikit-inline-block uikit-size-[20px] uikit-transform uikit-rounded-full uikit-border uikit-border-solid uikit-border-w-lightgray 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-blue uikit-bg-w-blue uikit-shadow-[0_0_0_3px_white_inset]": e.modelValue
+              "checked uikit-border-w-primary uikit-bg-w-primary uikit-shadow-[0_0_0_2px_white_inset]": e.modelValue
             },
             e.inputClasses
           ]])
         }, null, 2),
-        p(" " + h(e.label), 1)
-      ], 10, g)
+        b(" " + h(e.label), 1)
+      ], 10, V)
     ]));
   }
 });
 export {
-  v as default
+  y as default
 };

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

@@ -1,22 +1,21 @@
-import { defineComponent as i, createElementBlock as s, openBlock as l, normalizeStyle as r, normalizeClass as t, createElementVNode as a, renderSlot as o } from "vue";
-const d = /* @__PURE__ */ i({
+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(u) {
-    return (e, m) => (l(), s("div", {
-      class: t(["uikit-shimmer-loader uikit-relative uikit-overflow-hidden uikit-rounded-3xs uikit-bg-w-cultured", e.$attrs.class]),
-      style: r(e.$attrs.style)
+  setup(o) {
+    return (e, u) => (l(), s("div", {
+      class: t(["uikit-relative uikit-overflow-hidden uikit-bg-w-lavender", e.$attrs.class])
     }, [
-      a("div", {
+      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),
-      o(e.$slots, "default")
-    ], 6));
+      a(e.$slots, "default", {}, void 0, !0)
+    ], 2));
   }
 });
 export {
-  d as default
+  m as default
 };

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

@@ -1,7 +1,6 @@
-import { defineComponent as i, createElementBlock as n, openBlock as r, Fragment as s, renderList as l, createBlock as m, normalizeStyle as a, normalizeClass as o } from "vue";
-import u from "./BaseShimmerLoader.vue.js";
-import '../../../../../assets/packages/components/lib/UIKit/ShimmerLoader/BaseShimmerLoader.css';/* empty css                       */
-const k = /* @__PURE__ */ i({
+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 },
@@ -10,21 +9,21 @@ const k = /* @__PURE__ */ i({
     inheritHeight: { type: Boolean, default: !1 }
   },
   setup(h) {
-    return (e, f) => (r(!0), n(s, null, l(e.lines, (t) => (r(), m(u, {
-      key: `sml-${t}`,
+    return (e, d) => (r(!0), n(s, null, l(e.lines, (t) => (r(), a(u, {
       ref_for: !0,
       ref: "shimmerLines",
       class: o(["shimmer-line", [
         e.shimmerClasses,
-        e.inheritHeight ? "uikit-h-[1em]" : "uikit-h-xl",
-        "uikit-mb-xs uikit-rounded-xs"
+        e.inheritHeight ? "uikit-h-[1em]" : "uikit-h-8",
+        "uikit-mb-2 uikit-rounded-xs"
       ]]),
-      style: a({
+      key: `sml-${t}`,
+      style: m({
         marginRight: e.randomLength ? `${Math.round(Math.random() * 5) * 10}%` : 0
       })
     }, null, 8, ["class", "style"]))), 128));
   }
 });
 export {
-  k as default
+  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
+};