@wikicasa-dev/components 2.2.9-alpha.35 → 2.2.9-alpha.37

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

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

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

@@ -1,5 +1,5 @@
-import { defineComponent as b, ref as m, watch as p, createElementBlock as o, openBlock as u, normalizeClass as l, createElementVNode as a, createBlock as x, createCommentVNode as r, renderSlot as h } from "vue";
-import v from "../UIKit/BaseFloatingLabel.js";
+import { defineComponent as b, ref as m, watch as p, createElementBlock as o, openBlock as u, normalizeClass as l, createElementVNode as a, createBlock as x, createCommentVNode as d, renderSlot as h } from "vue";
+import v from "../../../../UIKit/BaseFloatingLabel.js";
 const w = ["innerHTML"], C = ["for"], g = ["id", "multiple", "accept"], B = /* @__PURE__ */ b({
   inheritAttrs: !1,
   __name: "BaseUploadFile",
@@ -13,8 +13,8 @@ const w = ["innerHTML"], C = ["for"], g = ["id", "multiple", "accept"], B = /* @
     legendClasses: { default: "" }
   },
   emits: ["cleared", "uploaded"],
-  setup(e, { emit: d }) {
-    const k = e, n = d, s = m("");
+  setup(e, { emit: r }) {
+    const k = e, n = r, s = m("");
     p(
       () => k.clear,
       (i) => {
@@ -40,7 +40,7 @@ const w = ["innerHTML"], C = ["for"], g = ["id", "multiple", "accept"], B = /* @
             class: "uikit-visible uikit-inline-block uikit-px-5px uikit-opacity-0",
             innerHTML: e.labelText
           }, null, 8, w)
-        ], 2)) : r("", !0)
+        ], 2)) : d("", !0)
       ], 2),
       e.labelText ? (u(), x(v, {
         key: 0,
@@ -48,7 +48,7 @@ const w = ["innerHTML"], C = ["for"], g = ["id", "multiple", "accept"], B = /* @
         "label-text": e.labelText,
         "label-state": "floating-label",
         "label-classes": "!-uikit-top-1"
-      }, null, 8, ["class", "label-text"])) : r("", !0),
+      }, null, 8, ["class", "label-text"])) : d("", !0),
       a("label", {
         class: l(["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
@@ -67,5 +67,5 @@ const w = ["innerHTML"], C = ["for"], g = ["id", "multiple", "accept"], B = /* @
   }
 });
 export {
-  B as _
+  B as default
 };

package/dist/{chunks/CheckboxBtn.vue_vue_type_style_index_0_lang.MYOfjOwM.js → packages/components/lib/UIKit/Checkbox/CheckboxBtn.vue.js}

@@ -1,7 +1,7 @@
-import { defineComponent as m, useId as s, watch as f, createElementBlock as h, openBlock as d, createVNode as o, renderSlot as b, unref as i, normalizeClass as C, withCtx as u, createBlock as x, createCommentVNode as y, createTextVNode as V, toDisplayString as g } from "vue";
+import { defineComponent as m, useId as s, watch as f, createElementBlock as h, openBlock as d, createVNode as o, renderSlot as b, unref as l, normalizeClass as C, withCtx as u, createBlock as x, createCommentVNode as y, createTextVNode as V, toDisplayString as g } from "vue";
 import { CheckIcon as B } from "@wikicasa-dev/svg-icons";
 import { CheckboxRoot as p, CheckboxIndicator as w } from "reka-ui";
-import '../assets/CheckboxBtn.css';const z = /* @__PURE__ */ m({
+const z = /* @__PURE__ */ m({
   __name: "CheckboxBtn",
   props: {
     id: {},
@@ -30,11 +30,11 @@ import '../assets/CheckboxBtn.css';const z = /* @__PURE__ */ m({
         checked: t
       }), a("update:modelValue", t));
     };
-    return (t, l) => (d(), h("label", {
+    return (t, i) => (d(), h("label", {
       class: "uikit-checkbox-btn uikit-flex uikit-items-center uikit-gap-[12px]",
-      onClick: l[0] || (l[0] = (k) => a("click", k))
+      onClick: i[0] || (i[0] = (k) => a("click", k))
     }, [
-      o(i(p), {
+      o(l(p), {
         "model-value": e.modelValue,
         "data-cy": e.dataCy,
         disabled: e.disabled,
@@ -48,9 +48,9 @@ import '../assets/CheckboxBtn.css';const z = /* @__PURE__ */ m({
         "onUpdate:modelValue": r
       }, {
         default: u(() => [
-          o(i(w), { class: "uikit-flex" }, {
+          o(l(w), { class: "uikit-flex" }, {
             default: u(() => [
-              e.modelValue === !0 ? (d(), x(i(B), {
+              e.modelValue === !0 ? (d(), x(l(B), {
                 key: 0,
                 "fill-color": "#fff",
                 width: 12,
@@ -69,5 +69,5 @@ import '../assets/CheckboxBtn.css';const z = /* @__PURE__ */ m({
   }
 });
 export {
-  z as _
+  z as default
 };

package/dist/{chunks/CheckboxGroup.vue_vue_type_script_setup_true_lang.aDZDPjgR.js → packages/components/lib/UIKit/Checkbox/CheckboxGroup.vue.js}

@@ -1,7 +1,8 @@
 import { defineComponent as v, ref as D, computed as h, watch as E, renderSlot as b, createElementVNode as $, normalizeClass as g, createElementBlock as B, createCommentVNode as A, openBlock as C, Fragment as I, renderList as R, createBlock as K, unref as V } from "vue";
 import { stringToHyphened as L, isArrNullOrEmpty as G } from "@wikicasa-dev/utilities";
-import { _ as N } from "./CheckboxBtn.vue_vue_type_style_index_0_lang.MYOfjOwM.js";
-const T = ["id", "data-cy"], S = /* @__PURE__ */ v({
+import N from "./CheckboxBtn.vue.js";
+/* empty css                 */
+const T = ["id", "data-cy"], j = /* @__PURE__ */ v({
   inheritAttrs: !1,
   __name: "CheckboxGroup",
   props: {
@@ -107,5 +108,5 @@ const T = ["id", "data-cy"], S = /* @__PURE__ */ v({
   }
 });
 export {
-  S as _
+  j as default
 };

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

@@ -1,4 +1,4 @@
-import { defineComponent as k, useId as c, computed as m, createElementBlock as b, openBlock as f, withModifiers as t, createElementVNode as l, normalizeClass as d, createTextVNode as h, toDisplayString as C } from "vue";
+import { defineComponent as k, useId as c, computed as m, createElementBlock as f, openBlock as b, withModifiers as t, createElementVNode as l, normalizeClass as d, createTextVNode as h, toDisplayString as C } from "vue";
 const V = ["id", "name", "checked"], x = ["for"], y = /* @__PURE__ */ k({
   __name: "RadioButton",
   props: {
@@ -20,7 +20,7 @@ const V = ["id", "name", "checked"], x = ["for"], y = /* @__PURE__ */ k({
       };
       n("change", u), n("update:modelValue", !e.modelValue);
     };
-    return (u, i) => (f(), b("div", {
+    return (u, i) => (b(), f("div", {
       class: "uikit-inline-block",
       onClick: t(r, ["stop"])
     }, [
@@ -54,5 +54,5 @@ const V = ["id", "name", "checked"], x = ["for"], y = /* @__PURE__ */ k({
   }
 });
 export {
-  y as _
+  y as default
 };

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

@@ -1,6 +1,6 @@
 import { defineComponent as C, mergeModels as d, useModel as h, ref as $, watch as V, renderSlot as u, createElementVNode as p, normalizeClass as c, createElementBlock as k, openBlock as m, Fragment as y, renderList as R, createBlock as g } from "vue";
-import { _ as B } from "./RadioButton.vue_vue_type_script_setup_true_lang.g-a7DM3l.js";
-const b = ["data-cy"], w = /* @__PURE__ */ C({
+import B from "./RadioButton.vue.js";
+const b = ["data-cy"], z = /* @__PURE__ */ C({
   inheritAttrs: !1,
   __name: "RadioGroup",
   props: /* @__PURE__ */ d({
@@ -56,5 +56,5 @@ const b = ["data-cy"], w = /* @__PURE__ */ C({
   }
 });
 export {
-  w as _
+  z as default
 };

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

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

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

@@ -1,5 +1,5 @@
-import { defineComponent as i, createElementBlock as n, openBlock as t, Fragment as l, renderList as m, createBlock as a, normalizeStyle as s, normalizeClass as o } from "vue";
-import h from "../UIKit/ShimmerLoader/BaseShimmerLoader.js";
+import { defineComponent as i, createElementBlock as n, openBlock as t, Fragment as l, renderList as a, createBlock as m, normalizeStyle as s, normalizeClass as o } from "vue";
+import u from "../../../../../UIKit/ShimmerLoader/BaseShimmerLoader.js";
 const k = /* @__PURE__ */ i({
   __name: "ShimmerMultiLine",
   props: {
@@ -9,7 +9,7 @@ const k = /* @__PURE__ */ i({
     inheritHeight: { type: Boolean, default: !1 }
   },
   setup(e) {
-    return (u, c) => (t(!0), n(l, null, m(e.lines, (r) => (t(), a(h, {
+    return (h, d) => (t(!0), n(l, null, a(e.lines, (r) => (t(), m(u, {
       ref_for: !0,
       ref: "shimmerLines",
       class: o(["shimmer-line", [
@@ -25,5 +25,5 @@ const k = /* @__PURE__ */ i({
   }
 });
 export {
-  k as _
+  k 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) => ({
+      v0f43c897: 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) : 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 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": 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] = 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 c = {
+  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(e) {
+    return (r, l) => (s(), o("svg", c, [
+      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.BXvkXKbT.js → packages/components/lib/UIKit/Tab/BaseTabList.vue.js}

@@ -1,4 +1,4 @@
-import { defineComponent as m, inject as l, createElementBlock as r, openBlock as a, normalizeClass as c, Fragment as y, renderList as C, unref as i, createBlock as h, createCommentVNode as p, toDisplayString as _, resolveDynamicComponent as f } from "vue";
+import { defineComponent as m, inject as l, createElementBlock as r, openBlock as a, normalizeClass as c, Fragment as y, renderList as C, unref as i, createBlock as h, createCommentVNode as p, toDisplayString as f, resolveDynamicComponent as _ } from "vue";
 const v = ["aria-labelledby", "data-cy"], B = ["id", "data-cy", "aria-selected", "aria-controls", "tabindex", "onClick"], F = { key: 0 }, $ = /* @__PURE__ */ m({
   __name: "BaseTabList",
   props: {
@@ -35,11 +35,11 @@ const v = ["aria-labelledby", "data-cy"], B = ["id", "data-cy", "aria-selected",
           i(b)(t, e), u("tabClick", k, t, e);
         }
       }, [
-        e["header-title"] ? (a(), r("span", F, _(e["header-title"]), 1)) : e.renderFn.children && e.renderFn.children.header ? (a(), h(f(e.renderFn.children.header), { key: 1 })) : p("", !0)
+        e["header-title"] ? (a(), r("span", F, f(e["header-title"]), 1)) : e.renderFn.children && e.renderFn.children.header ? (a(), h(_(e.renderFn.children.header), { key: 1 })) : p("", !0)
       ], 10, B))), 128))
     ], 10, v));
   }
 });
 export {
-  $ as _
+  $ as default
 };

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

@@ -21,5 +21,5 @@ const c = ["id", "aria-labelledby", "data-active"], v = /* @__PURE__ */ l({
   }
 });
 export {
-  v as _
+  v as default
 };

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

@@ -1,6 +1,6 @@
-import { defineComponent as z, mergeModels as k, useModel as j, ref as v, useId as q, useSlots as G, computed as H, provide as f, watch as x, createElementBlock as m, openBlock as l, normalizeClass as I, createElementVNode as J, createBlock as o, createCommentVNode as u, unref as y, toDisplayString as K, Fragment as g, renderList as O, withCtx as Q, resolveDynamicComponent as R } from "vue";
-import { _ as U } from "./BaseTabPanel.vue_vue_type_script_setup_true_lang.CM1ObHXU.js";
-import { _ as P } from "./BaseTabList.vue_vue_type_script_setup_true_lang.BXvkXKbT.js";
+import { defineComponent as z, mergeModels as k, useModel as j, ref as v, useId as q, useSlots as G, computed as H, provide as f, watch as x, createElementBlock as m, openBlock as i, normalizeClass as I, createElementVNode as J, createBlock as o, createCommentVNode as u, unref as y, toDisplayString as K, Fragment as g, renderList as O, withCtx as Q, resolveDynamicComponent as R } from "vue";
+import U from "./BaseTabPanel.vue.js";
+import P from "./BaseTabList.vue.js";
 const W = ["data-cy"], X = ["id"], te = /* @__PURE__ */ z({
   inheritAttrs: !1,
   __name: "BaseTabView",
@@ -23,12 +23,12 @@ const W = ["data-cy"], X = ["id"], te = /* @__PURE__ */ z({
       class: r(e)?.class || "",
       "tab-panel-classes": r(e)?.["tab-panel-classes"] || "",
       "data-cy": r(e)?.["data-cy"] || ""
-    }), i = H(() => h.default ? h.default().reduce((e, a) => (a.children && Array.isArray(a.children) ? a.children.forEach((t) => {
+    }), l = H(() => h.default ? h.default().reduce((e, a) => (a.children && Array.isArray(a.children) ? a.children.forEach((t) => {
       p(t) && e.push(C(t, e.length));
     }) : p(a) && e.push(C(a, e.length)), e), []) : []);
-    f("tabs", i), f("isTabActive", (e) => c.value === e);
+    f("tabs", l), f("isTabActive", (e) => c.value === e);
     const V = (e = -1) => b.value === e, T = (e) => `base-tab-${e}-${d}`, w = (e = -1) => `base-tab-panel-${e}-${d}`, D = (e = -1) => {
-      const a = i.value.reduce(
+      const a = l.value.reduce(
         (t, n, S) => (n["active-tab-panel-idx"] !== e || t.push({ tab: n, idx: S }), t),
         []
       );
@@ -36,7 +36,7 @@ const W = ["data-cy"], X = ["id"], te = /* @__PURE__ */ z({
     }, L = (e) => {
       A.value = T(e);
     }, E = (e) => {
-      const a = i.value.at(e ?? -1);
+      const a = l.value.at(e ?? -1);
       b.value = a?.["active-tab-panel-idx"] ?? null;
     };
     f("handleClick", (e, a) => {
@@ -54,16 +54,16 @@ const W = ["data-cy"], X = ["id"], te = /* @__PURE__ */ z({
       for (let t = 0; t < e.length; t++)
         if (e[t] !== a[t]) return t;
       return null;
-    }, N = (e = -1) => i.value.find((a) => a["active-tab-panel-idx"] === e);
+    }, N = (e = -1) => l.value.find((a) => a["active-tab-panel-idx"] === e);
     return x(
-      () => i.value.map((e) => e["active-tab-panel-idx"]),
+      () => l.value.map((e) => e["active-tab-panel-idx"]),
       (e, a) => {
         const t = M(e, a);
         if (t === null) return;
-        const n = i.value[t]["active-tab-panel-idx"];
+        const n = l.value[t]["active-tab-panel-idx"];
         c.value !== t || n === void 0 || (b.value = n);
       }
-    ), (e, a) => (l(), m("div", {
+    ), (e, a) => (i(), m("div", {
       ref_key: "root",
       ref: F,
       class: I(e.$attrs.class),
@@ -73,14 +73,14 @@ const W = ["data-cy"], X = ["id"], te = /* @__PURE__ */ z({
         id: `tablist-${y(d)}`,
         class: "uikit-sr-only"
       }, K(s.tabViewDescription), 9, X),
-      s.tabsPosition === "top" ? (l(), o(P, {
+      s.tabsPosition === "top" ? (i(), o(P, {
         key: 0,
         uid: y(d),
         "tab-list-classes": s.tabListClasses,
         "data-cy": s.dataCy ? `${s.dataCy}-tab-list` : ""
       }, null, 8, ["uid", "tab-list-classes", "data-cy"])) : u("", !0),
-      (l(!0), m(g, null, O(i.value, (t, n) => (l(), m(g, { key: n }, [
-        N(n) ? (l(), o(U, {
+      (i(!0), m(g, null, O(l.value, (t, n) => (i(), m(g, { key: n }, [
+        N(n) ? (i(), o(U, {
           key: 0,
           id: w(t["active-tab-panel-idx"]),
           "labelled-by": D(n) ?? "",
@@ -88,12 +88,12 @@ const W = ["data-cy"], X = ["id"], te = /* @__PURE__ */ z({
           class: I(t["tab-panel-classes"])
         }, {
           default: Q(() => [
-            t.renderFn.children && t.renderFn.children.default ? (l(), o(R(t.renderFn.children.default), { key: 0 })) : u("", !0)
+            t.renderFn.children && t.renderFn.children.default ? (i(), o(R(t.renderFn.children.default), { key: 0 })) : u("", !0)
           ]),
           _: 2
         }, 1032, ["id", "labelled-by", "active", "class"])) : u("", !0)
       ], 64))), 128)),
-      s.tabsPosition === "bottom" ? (l(), o(P, {
+      s.tabsPosition === "bottom" ? (i(), o(P, {
         key: 1,
         uid: y(d),
         "tab-list-classes": s.tabListClasses,
@@ -103,5 +103,5 @@ const W = ["data-cy"], X = ["id"], te = /* @__PURE__ */ z({
   }
 });
 export {
-  te as _
+  te as default
 };

package/dist/{chunks/DoughnutChart.vue_vue_type_script_setup_true_lang.yALl_gpB.js → packages/components/lib/chart/DoughnutChart.vue.js}

@@ -1,8 +1,8 @@
-import { defineComponent as s, onBeforeMount as i, createBlock as u, createCommentVNode as c, unref as o, openBlock as m } from "vue";
+import { defineComponent as s, onBeforeMount as u, createBlock as i, createCommentVNode as c, unref as o, openBlock as m } from "vue";
 import { Doughnut as p } from "vue-chartjs";
 import { Chart as l, DoughnutController as d, ArcElement as f } from "chart.js";
-import { useChartJsModules as g } from "../chart/composables/useChartjsModules.js";
-const _ = /* @__PURE__ */ s({
+import { useChartJsModules as g } from "../../../../chart/composables/useChartjsModules.js";
+const y = /* @__PURE__ */ s({
   __name: "DoughnutChart",
   props: {
     options: {},
@@ -13,9 +13,9 @@ const _ = /* @__PURE__ */ s({
     const e = t, { registerPlugins: r, resolved: n, executeRegistration: a } = g(
       e.options
     );
-    return i(async () => {
+    return u(async () => {
       await a(r);
-    }), (h, C) => o(n) ? (m(), u(o(p), {
+    }), (h, C) => o(n) ? (m(), i(o(p), {
       key: 0,
       options: t.options,
       data: t.data
@@ -23,5 +23,5 @@ const _ = /* @__PURE__ */ s({
   }
 });
 export {
-  _
+  y as default
 };

package/dist/{chunks/LineChart.vue_vue_type_script_setup_true_lang.Df20jEOd.js → packages/components/lib/chart/LineChart.vue.js}

@@ -1,7 +1,7 @@
 import { defineComponent as m, onBeforeMount as p, useTemplateRef as u, computed as f, createBlock as d, createCommentVNode as h, unref as t, openBlock as C } from "vue";
 import { Line as g } from "vue-chartjs";
-import { Chart as x, LineController as L, LineElement as k, Filler as B, PointElement as E, CategoryScale as _, LinearScale as v } from "chart.js";
-import { useChartJsModules as y } from "../chart/composables/useChartjsModules.js";
+import { Chart as x, LineController as L, LineElement as k, Filler as B, PointElement as E, CategoryScale as v, LinearScale as y } from "chart.js";
+import { useChartJsModules as M } from "../../../../chart/composables/useChartjsModules.js";
 const F = /* @__PURE__ */ m({
   __name: "LineChart",
   props: {
@@ -14,22 +14,22 @@ const F = /* @__PURE__ */ m({
       k,
       B,
       E,
-      _,
-      v
+      v,
+      y
     );
     const r = e, {
       registerPlugins: n,
       registerTimeCartesianAxis: a,
       executeRegistration: i,
       resolved: s
-    } = y(r.options);
+    } = M(r.options);
     p(() => {
       i(n, a);
     });
     const c = u("chart"), l = f(
       () => c.value?.chart
     );
-    return o({ chartInstance: l }), (M, P) => t(s) ? (C(), d(t(g), {
+    return o({ chartInstance: l }), (P, R) => t(s) ? (C(), d(t(g), {
       key: 0,
       ref: "chart",
       options: e.options,
@@ -38,5 +38,5 @@ const F = /* @__PURE__ */ m({
   }
 });
 export {
-  F as _
+  F as default
 };

package/dist/{chunks/IntersectionObservable.vue_vue_type_script_setup_true_lang.BidNzYDc.js → packages/components/lib/components/IntersectionObserver/IntersectionObservable.vue.js}

@@ -1,5 +1,5 @@
-import { defineComponent as l, ref as n, onMounted as a, createElementBlock as i, renderSlot as t, openBlock as u, normalizeClass as f } from "vue";
-const d = /* @__PURE__ */ l({
+import { defineComponent as l, ref as n, onMounted as a, createElementBlock as u, renderSlot as t, openBlock as f, normalizeClass as i } from "vue";
+const b = /* @__PURE__ */ l({
   __name: "IntersectionObservable",
   props: {
     observer: { default: null },
@@ -9,16 +9,16 @@ const d = /* @__PURE__ */ l({
     const s = r, e = n(null);
     return a(() => {
       !s.observer || !e.value || s.observer.observe(e.value);
-    }), (o, c) => r.isVisible ? t(o.$slots, "default", { key: 1 }) : (u(), i("div", {
+    }), (o, c) => r.isVisible ? t(o.$slots, "default", { key: 1 }) : (f(), u("div", {
       key: 0,
       ref_key: "root",
       ref: e,
-      class: f(o.$attrs["root-classes"])
+      class: i(o.$attrs["root-classes"])
     }, [
       t(o.$slots, "default")
     ], 2));
   }
 });
 export {
-  d as _
+  b as default
 };

package/dist/{chunks/IntersectionObserver.vue_vue_type_script_setup_true_lang.BnLNx3be.js → packages/components/lib/components/IntersectionObserver/IntersectionObserver.vue.js}

@@ -1,4 +1,4 @@
-import { defineComponent as f, reactive as p, ref as d, onBeforeMount as m, onBeforeUnmount as h, createElementBlock as V, renderSlot as i, openBlock as k, normalizeClass as B } from "vue";
+import { defineComponent as f, reactive as d, ref as p, onBeforeMount as m, onBeforeUnmount as h, createElementBlock as V, renderSlot as i, openBlock as k, normalizeClass as B } from "vue";
 const y = /* @__PURE__ */ f({
   __name: "IntersectionObserver",
   props: {
@@ -8,7 +8,7 @@ const y = /* @__PURE__ */ f({
   },
   emits: ["intersection"],
   setup(l, { emit: a }) {
-    const u = a, o = l, r = p({ root: null, isVisible: !1 }), e = d(null), c = (s) => {
+    const u = a, o = l, r = d({ root: null, isVisible: !1 }), e = p(null), c = (s) => {
       s.forEach(({ target: t, isIntersecting: n }) => {
         n && (r.isVisible = !0, u("intersection")), o.observeOnce && n && v(t);
       });
@@ -46,5 +46,5 @@ const y = /* @__PURE__ */ f({
   }
 });
 export {
-  y as _
+  y as default
 };