@wikicasa-dev/components 2.6.4 → 2.6.5-alpha.1

package/dist/UIKit/Checkbox/CheckboxGroup.vue.js

@@ -1,11 +1,11 @@
-import { defineComponent as B, mergeModels as y, useModel as A, ref as I, computed as i, watch as C, renderSlot as p, createElementVNode as M, normalizeClass as x, createElementBlock as R, createCommentVNode as K, openBlock as v, Fragment as V, renderList as w, createBlock as L, unref as G } from "vue";
+import { defineComponent as B, useModel as A, ref as I, computed as i, watch as y, renderSlot as C, createElementVNode as M, normalizeClass as p, openBlock as x, createElementBlock as R, Fragment as K, renderList as V, createBlock as w, unref as L, createCommentVNode as G, mergeModels as v } from "vue";
 import { stringToHyphened as N, isArrNullOrEmpty as T } from "@wikicasa-dev/utilities";
 import F from "./CheckboxBtn.vue.js";
 import '../../assets/CheckboxBtn.css';/* empty css                 */
 const O = ["id", "data-cy"], q = /* @__PURE__ */ B({
   inheritAttrs: !1,
   __name: "CheckboxGroup",
-  props: /* @__PURE__ */ y({
+  props: /* @__PURE__ */ v({
     checkboxData: { default() {
       return [];
     } },
@@ -22,7 +22,7 @@ const O = ["id", "data-cy"], q = /* @__PURE__ */ B({
     refresh: { type: Boolean, default: !1 },
     refreshModifiers: {}
   }),
-  emits: /* @__PURE__ */ y(["resetted", "update:modelValue", "checkedGroup"], ["update:refresh"]),
+  emits: /* @__PURE__ */ v(["resetted", "update:modelValue", "checkedGroup"], ["update:refresh"]),
   setup(a, { emit: D }) {
     const o = a, s = D, f = A(a, "refresh"), l = I(
       /* @__PURE__ */ new Map()
@@ -71,42 +71,42 @@ const O = ["id", "data-cy"], q = /* @__PURE__ */ B({
         n.checked && t.push(n);
       }), s("update:modelValue", t), s("checkedGroup", o.groupId);
     };
-    return C(
+    return y(
       () => o.reset,
       (e) => {
         e && g();
       }
-    ), C(f, (e) => {
+    ), y(f, (e) => {
       e && (m(), f.value = !1);
-    }), (e, c) => p(e.$slots, "default", {
+    }), (e, c) => C(e.$slots, "default", {
       isActive: d,
       handleChange: h,
       checkboxesData: a.checkboxData
     }, () => [
       M("div", {
         id: a.groupId,
-        class: x(["checkbox-group-container", e.$attrs.class || ""]),
+        class: p(["checkbox-group-container", e.$attrs.class || ""]),
         "data-cy": a.dataCy
       }, [
-        p(e.$slots, "checkbox_elements", {
+        C(e.$slots, "checkbox_elements", {
           isActive: d,
           handleChange: h,
           checkboxesData: a.checkboxData,
           reset: g
         }, () => [
-          a.checkboxData ? (v(!0), R(V, { key: 0 }, w(a.checkboxData, (t, n) => (v(), L(F, {
+          a.checkboxData ? (x(!0), R(K, { key: 0 }, V(a.checkboxData, (t, n) => (x(), w(F, {
             id: a.getKey(t),
             key: n,
-            "data-cy": t.dataCy ?? `checkbox_${G(N)(`${t.label}`)}`,
+            "data-cy": t.dataCy ?? `checkbox_${L(N)(`${t.label}`)}`,
             label: t.label,
             inline: a.formCheckInline,
             "model-value": d(t),
-            class: x([
+            class: p([
               a.formCheckInline ? "uikit-mr-10px" : "uikit-mb-10px",
               a.checkboxContainerClasses
             ]),
             onChange: c[0] || (c[0] = ($) => h($))
-          }, null, 8, ["id", "data-cy", "label", "inline", "model-value", "class"]))), 128)) : K("", !0)
+          }, null, 8, ["id", "data-cy", "label", "inline", "model-value", "class"]))), 128)) : G("", !0)
         ])
       ], 10, O)
     ]);

package/dist/UIKit/Checkbox/v2/CheckboxButtonGroup.vue.js

@@ -1,9 +1,9 @@
-import { defineComponent as v, mergeModels as k, useModel as f, provide as m, watch as y, createElementBlock as h, openBlock as n, renderSlot as C, Fragment as g, renderList as B, createBlock as x, withCtx as M, createTextVNode as b, toDisplayString as U } from "vue";
+import { defineComponent as v, useModel as f, provide as m, watch as k, openBlock as n, createElementBlock as h, renderSlot as y, Fragment as C, renderList as g, createBlock as B, withCtx as x, createTextVNode as M, toDisplayString as b, mergeModels as U } from "vue";
 import q from "../CheckboxBtn.vue.js";
 import '../../../assets/CheckboxBtn.css';/* empty css                  */
 const w = ["data-cy"], I = /* @__PURE__ */ v({
   __name: "CheckboxButtonGroup",
-  props: /* @__PURE__ */ k({
+  props: /* @__PURE__ */ U({
     dataCy: {},
     items: { default: () => [] },
     resetValue: {}
@@ -49,23 +49,23 @@ const w = ["data-cy"], I = /* @__PURE__ */ v({
       }
     ), m("removeItem", (e) => {
       e && r.delete(e);
-    }), y(o, (e) => {
+    }), k(o, (e) => {
       e && (a.value = [], o.value = !1);
     }), (e, u) => (n(), h("div", { "data-cy": l.dataCy }, [
-      C(e.$slots, "default", {
+      y(e.$slots, "default", {
         isChecked: c,
         handleCheck: i,
         handleResetCheck: V
       }, () => [
-        (n(!0), h(g, null, B(l.items, (t) => (n(), x(q, {
+        (n(!0), h(C, null, g(l.items, (t) => (n(), B(q, {
           key: `checkbox-item-${t.value}`,
           required: t.required,
           "data-cy": t.dataCy,
           "model-value": c(t.value),
           "onUpdate:modelValue": (s) => i(t.value, s)
         }, {
-          label: M(() => [
-            b(U(t.label), 1)
+          label: x(() => [
+            M(b(t.label), 1)
           ]),
           _: 2
         }, 1032, ["required", "data-cy", "model-value", "onUpdate:modelValue"]))), 128))

package/dist/UIKit/Checkbox/v2/CheckboxGroupItemPrimitive.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as u, createPropsRestProxy as s, createBlock as m, openBlock as n, unref as p, mergeProps as i, withCtx as c, renderSlot as f, normalizeProps as y, guardReactiveProps as C } from "vue";
+import { defineComponent as u, createPropsRestProxy as s, openBlock as m, createBlock as n, unref as p, mergeProps as i, withCtx as c, renderSlot as f, normalizeProps as y, guardReactiveProps as C } from "vue";
 import { CheckboxRoot as V } from "reka-ui";
 const B = /* @__PURE__ */ u({
   __name: "CheckboxGroupItemPrimitive",
@@ -19,7 +19,7 @@ const B = /* @__PURE__ */ u({
   emits: ["update:modelValue"],
   setup(a, { emit: o }) {
     const r = s(a, ["dataCy"]), l = o;
-    return (d, t) => (n(), m(p(V), i(r, {
+    return (d, t) => (m(), n(p(V), i(r, {
       "data-cy": a.dataCy,
       "onUpdate:modelValue": t[0] || (t[0] = (e) => l("update:modelValue", e))
     }), {

package/dist/UIKit/Checkbox/v2/CheckboxGroupPrimitive.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as n, createPropsRestProxy as p, createBlock as u, openBlock as i, unref as s, mergeProps as m, withCtx as c, renderSlot as y } from "vue";
+import { defineComponent as n, createPropsRestProxy as p, openBlock as u, createBlock as i, unref as s, mergeProps as m, withCtx as c, renderSlot as y } from "vue";
 import { CheckboxGroupRoot as f } from "reka-ui";
 const x = /* @__PURE__ */ n({
   __name: "CheckboxGroupPrimitive",
@@ -19,7 +19,7 @@ const x = /* @__PURE__ */ n({
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
     const a = p(e, ["dataCy"]), r = t;
-    return (l, o) => (i(), u(s(f), m(a, {
+    return (l, o) => (u(), i(s(f), m(a, {
       "data-cy": e.dataCy,
       "onUpdate:modelValue": o[0] || (o[0] = (d) => r("update:modelValue", d))
     }), {

package/dist/UIKit/ProgressBar/ProgressIndicatorPrimitive.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as e, createBlock as t, openBlock as n, unref as s, normalizeProps as a, guardReactiveProps as p } from "vue";
+import { defineComponent as e, openBlock as t, createBlock as n, unref as s, normalizeProps as a, guardReactiveProps as p } from "vue";
 import { ProgressIndicator as c } from "reka-ui";
 const d = /* @__PURE__ */ e({
   __name: "ProgressIndicatorPrimitive",
@@ -8,7 +8,7 @@ const d = /* @__PURE__ */ e({
   },
   setup(r) {
     const o = r;
-    return (i, m) => (n(), t(s(c), a(p(o)), null, 16));
+    return (i, m) => (t(), n(s(c), a(p(o)), null, 16));
   }
 });
 export {

package/dist/UIKit/ProgressBar/ProgressRootPrimitive.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as p, useTemplateRef as m, createBlock as d, openBlock as i, unref as g, mergeProps as V, withCtx as x, renderSlot as f, normalizeProps as c, guardReactiveProps as P } from "vue";
+import { defineComponent as p, useTemplateRef as m, openBlock as d, createBlock as i, unref as g, mergeProps as V, withCtx as x, renderSlot as f, normalizeProps as c, guardReactiveProps as P } from "vue";
 import { ProgressRoot as T } from "reka-ui";
 const R = /* @__PURE__ */ p({
   __name: "ProgressRootPrimitive",
@@ -16,7 +16,7 @@ const R = /* @__PURE__ */ p({
     return u({
       getValueLabel: (t, e) => l.value?.getValueLabel?.(t, e),
       getValueText: (t, e) => l.value?.getValueText?.(t, e)
-    }), (t, e) => (i(), d(g(T), V({ ref: "root" }, s, {
+    }), (t, e) => (d(), i(g(T), V({ ref: "root" }, s, {
       "onUpdate:modelValue": e[0] || (e[0] = (o) => a("update:modelValue", o)),
       "onUpdate:max": e[1] || (e[1] = (o) => a("update:max", o))
     }), {

package/dist/UIKit/Radio/RadioButton.vue.js

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

package/dist/UIKit/Radio/RadioGroup.vue.js

@@ -1,9 +1,9 @@
-import { defineComponent as k, mergeModels as f, useModel as m, ref as R, watch as v, renderSlot as h, createElementVNode as g, normalizeClass as C, createElementBlock as B, openBlock as $, Fragment as M, renderList as b, createBlock as A } from "vue";
+import { defineComponent as k, useModel as f, ref as R, watch as m, renderSlot as v, createElementVNode as g, normalizeClass as h, openBlock as C, createElementBlock as B, Fragment as M, renderList as b, createBlock as A, mergeModels as $ } from "vue";
 import E from "./RadioButton.vue.js";
 const w = ["data-cy"], G = /* @__PURE__ */ k({
   inheritAttrs: !1,
   __name: "RadioGroup",
-  props: /* @__PURE__ */ f({
+  props: /* @__PURE__ */ $({
     radioValues: { default: () => [] },
     dataCy: {},
     radioContainerClasses: {}
@@ -13,9 +13,9 @@ const w = ["data-cy"], G = /* @__PURE__ */ k({
     refresh: { type: Boolean, default: !1 },
     refreshModifiers: {}
   }),
-  emits: /* @__PURE__ */ f(["update:modelValue"], ["update:resetRadio", "update:refresh"]),
+  emits: /* @__PURE__ */ $(["update:modelValue"], ["update:resetRadio", "update:refresh"]),
   setup(l, { emit: V }) {
-    const o = V, n = m(l, "resetRadio"), i = m(l, "refresh"), a = R(null), t = (e) => {
+    const o = V, n = f(l, "resetRadio"), i = f(l, "refresh"), a = R(null), t = (e) => {
       a.value = e, o("update:modelValue", e);
     }, s = () => {
       a.value = null, n.value = !1, o("update:modelValue", null);
@@ -26,30 +26,30 @@ const w = ["data-cy"], G = /* @__PURE__ */ k({
           return;
         }
     };
-    return u(), v(n, (e) => {
+    return u(), m(n, (e) => {
       e && s();
-    }), v(i, (e) => {
+    }), m(i, (e) => {
       e && (u(), i.value = !1);
-    }), (e, c) => h(e.$slots, "default", {
+    }), (e, c) => v(e.$slots, "default", {
       handleClick: t,
       activeValue: a.value,
       reset: s,
       isActive: d
     }, () => [
       g("div", {
-        class: C(["radio-group-container", e.$attrs.class]),
+        class: h(["radio-group-container", e.$attrs.class]),
         "data-cy": l.dataCy
       }, [
-        h(e.$slots, "radio_elements", {
+        v(e.$slots, "radio_elements", {
           handleClick: t,
           activeValue: a.value,
           reset: s,
           isActive: d
         }, () => [
-          ($(!0), B(M, null, b(l.radioValues, (r, p) => ($(), A(E, {
+          (C(!0), B(M, null, b(l.radioValues, (r, p) => (C(), A(E, {
             id: r.id,
             key: p,
-            class: C(l.radioContainerClasses),
+            class: h(l.radioContainerClasses),
             label: `${r.label}`,
             "model-value": `${r.id}` == `${a.value?.id}`,
             onChange: c[0] || (c[0] = (y) => t(y))

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

@@ -1,10 +1,10 @@
-import { defineComponent as s, mergeModels as f, createPropsRestProxy as p, useModel as c, createBlock as d, openBlock as o, unref as y, mergeProps as u, withCtx as m, renderSlot as B, createElementBlock as V, Fragment as C, renderList as g, createTextVNode as k, toDisplayString as x } from "vue";
+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__ */ f({
+  props: /* @__PURE__ */ x({
     dataCy: {},
     items: { default: () => [] },
     defaultValue: {},
@@ -22,18 +22,18 @@ const S = /* @__PURE__ */ s({
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const n = p(e, ["dataCy", "items"]), a = c(e, "modelValue");
-    return (i, l) => (o(), d(y(R), u({ "data-cy": e.dataCy }, n, {
+    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(() => [
-        B(i.$slots, "default", {}, () => [
-          (o(!0), V(C, null, g(e.items, ({ label: t, ...r }) => (o(), d(v, u({ ref_for: !0 }, r, {
+        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(() => [
-              k(x(t), 1)
+              g(k(t), 1)
             ]),
             _: 2
           }, 1040))), 128))

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

@@ -1,4 +1,4 @@
-import { defineComponent as l, createPropsRestProxy as n, useId as c, computed as k, createElementBlock as a, openBlock as s, createVNode as r, createCommentVNode as m, unref as u, mergeProps as p, withCtx as f, normalizeClass as y, renderSlot as C } from "vue";
+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",
@@ -16,8 +16,8 @@ const x = { class: "uikit-radio-btn uikit-flex uikit-items-center uikit-gap-x-[8
   },
   setup(e) {
     const i = n(e, ["itemClasses", "labelClasses", "dataCy"]), d = c(), t = k(() => i.id ?? d);
-    return (o, w) => (s(), a("div", x, [
-      r(u(b), p(i, {
+    return (o, w) => (a(), s("div", x, [
+      r(u(b), m(i, {
         id: t.value,
         "data-cy": e.dataCy,
         class: [
@@ -25,18 +25,18 @@ const x = { class: "uikit-radio-btn uikit-flex uikit-items-center uikit-gap-x-[8
           e.itemClasses
         ]
       }), {
-        default: f(() => [
+        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 ? (s(), a("label", {
+      o.$slots.default ? (a(), s("label", {
         key: 0,
         for: t.value,
-        class: y(e.labelClasses)
+        class: f(e.labelClasses)
       }, [
-        C(o.$slots, "default")
-      ], 10, g)) : m("", !0)
+        y(o.$slots, "default")
+      ], 10, g)) : C("", !0)
     ]));
   }
 });

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

@@ -1,4 +1,4 @@
-import { defineComponent as n, createPropsRestProxy as d, createBlock as l, openBlock as p, unref as m, mergeProps as c, withCtx as u, renderSlot as y, normalizeProps as f, guardReactiveProps as C } from "vue";
+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",
@@ -15,7 +15,7 @@ const v = /* @__PURE__ */ n({
   emits: ["select"],
   setup(t, { emit: a }) {
     const r = d(t, ["dataCy"]), s = a;
-    return (i, o) => (p(), l(m(P), c(r, {
+    return (i, o) => (l(), p(m(P), c(r, {
       "data-cy": t.dataCy,
       onSelect: o[0] || (o[0] = (e) => s("select", e))
     }), {

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

@@ -1,4 +1,4 @@
-import { defineComponent as i, createElementBlock as a, openBlock as l, createElementVNode as o, renderSlot as s, normalizeClass as d } from "vue";
+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: {
@@ -6,12 +6,12 @@ const n = { class: "uikit-relative uikit-overflow-hidden uikit-bg-w-lavender" },
     enabled: { type: Boolean, default: !0 }
   },
   setup(e) {
-    return (t, u) => (l(), a("div", n, [
+    return (t, u) => (a(), l("div", n, [
       o("div", {
-        class: d(["shimmer uikit-absolute uikit-bottom-0 uikit-left-0 uikit-right-0 uikit-top-0 uikit-h-full", e.shimmerClasses]),
+        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),
-      s(t.$slots, "default", {}, void 0, !0)
+      d(t.$slots, "default", {}, void 0, !0)
     ]));
   }
 });

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

@@ -1,4 +1,4 @@
-import { defineComponent as l, createElementBlock as a, openBlock as t, Fragment as r, renderList as i, createBlock as m, normalizeStyle as s, normalizeClass as o } from "vue";
+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",

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

@@ -1,7 +1,7 @@
-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";
+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__ */ L({
+  props: /* @__PURE__ */ B({
     min: { default: 0 },
     max: { default: 100 },
     step: { default: 1 },
@@ -13,11 +13,11 @@ const D = ["aria-valuemin", "aria-valuemax", "aria-valuenow"], P = /* @__PURE__
   }),
   emits: ["update:modelValue"],
   setup(t) {
-    T((i) => ({
+    L((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 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) => {
@@ -49,15 +49,15 @@ const D = ["aria-valuemin", "aria-valuemax", "aria-valuenow"], P = /* @__PURE__
     }, g = () => {
       o.value = !1;
     };
-    return S(
+    return E(
       l,
       (i) => {
         c(i);
       },
       { immediate: !0 }
-    ), C(() => {
+    ), S(() => {
       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, [
+    }), (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",
@@ -71,7 +71,7 @@ const D = ["aria-valuemin", "aria-valuemax", "aria-valuenow"], P = /* @__PURE__
         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"]))
+          onTouchstart: e[1] || (e[1] = $((a) => M(), ["prevent"]))
         }, null, 32)
       ], 8, D)
     ]));

package/dist/UIKit/StaticSpinner.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as t, createElementBlock as o, openBlock as s, createElementVNode as n } from "vue";
+import { defineComponent as t, openBlock as o, createElementBlock as s, createElementVNode as n } from "vue";
 const c = {
   viewBox: "0 0 128 128",
   class: "icon-spin uikit-h-6 uikit-w-6"
@@ -9,7 +9,7 @@ const c = {
     strokeColor: { default: "#fff" }
   },
   setup(e) {
-    return (r, l) => (s(), o("svg", c, [
+    return (r, l) => (o(), s("svg", c, [
       n("circle", {
         class: "path",
         cx: "64",

package/dist/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 f, resolveDynamicComponent as _ } from "vue";
+import { defineComponent as m, inject as l, openBlock as a, createElementBlock as r, normalizeClass as c, Fragment as y, renderList as C, unref as i, toDisplayString as h, createBlock as p, resolveDynamicComponent as f, createCommentVNode 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,7 +35,7 @@ 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, f(e["header-title"]), 1)) : e.renderFn.children && e.renderFn.children.header ? (a(), h(_(e.renderFn.children.header), { key: 1 })) : p("", !0)
+        e["header-title"] ? (a(), r("span", F, h(e["header-title"]), 1)) : e.renderFn.children && e.renderFn.children.header ? (a(), p(f(e.renderFn.children.header), { key: 1 })) : _("", !0)
       ], 10, B))), 128))
     ], 10, v));
   }

package/dist/UIKit/Tab/BaseTabPanel.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as l, withDirectives as t, createElementBlock as i, openBlock as d, normalizeClass as n, renderSlot as o, vShow as s } from "vue";
+import { defineComponent as l, withDirectives as t, openBlock as i, createElementBlock as d, normalizeClass as n, renderSlot as o, vShow as s } from "vue";
 const c = ["id", "aria-labelledby", "data-active"], v = /* @__PURE__ */ l({
   __name: "BaseTabPanel",
   props: {
@@ -7,7 +7,7 @@ const c = ["id", "aria-labelledby", "data-active"], v = /* @__PURE__ */ l({
     labelledBy: {}
   },
   setup(e) {
-    return (a, r) => t((d(), i("div", {
+    return (a, r) => t((i(), d("div", {
       id: e.id,
       role: "tabpanel",
       "aria-labelledby": e.labelledBy,

package/dist/UIKit/Tab/BaseTabView.vue.js

@@ -1,10 +1,10 @@
-import { defineComponent as S, mergeModels as T, useModel as z, ref as x, useId as j, useSlots as q, computed as G, provide as v, watch as k, createElementBlock as f, openBlock as l, normalizeClass as I, createElementVNode as H, createBlock as o, createCommentVNode as u, unref as m, toDisplayString as J, Fragment as g, renderList as K, withCtx as O, resolveDynamicComponent as Q } from "vue";
+import { defineComponent as S, useModel as z, ref as T, useId as j, useSlots as q, computed as G, provide as v, watch as x, openBlock as l, createElementBlock as f, normalizeClass as k, createElementVNode as H, unref as m, toDisplayString as J, createBlock as o, createCommentVNode as u, Fragment as I, renderList as K, withCtx as O, resolveDynamicComponent as Q, mergeModels as g } from "vue";
 import R from "./BaseTabPanel.vue.js";
 import P from "./BaseTabList.vue.js";
 const U = ["data-cy"], W = ["id"], ae = /* @__PURE__ */ S({
   inheritAttrs: !1,
   __name: "BaseTabView",
-  props: /* @__PURE__ */ T({
+  props: /* @__PURE__ */ g({
     tabsPosition: { default: "top" },
     tabViewDescription: {},
     tabListClasses: {},
@@ -13,9 +13,9 @@ const U = ["data-cy"], W = ["id"], ae = /* @__PURE__ */ S({
     activeIdx: { default: 0 },
     activeIdxModifiers: {}
   }),
-  emits: /* @__PURE__ */ T(["tabClicked"], ["update:activeIdx"]),
+  emits: /* @__PURE__ */ g(["tabClicked"], ["update:activeIdx"]),
   setup(s, { emit: $ }) {
-    const B = $, c = z(s, "activeIdx"), A = x(""), b = x(null), d = j(), y = q(), r = (e) => e.props ?? null, h = (e) => e.type.__name === "BaseTab", p = (e, a) => ({
+    const B = $, c = z(s, "activeIdx"), A = T(""), b = T(null), d = j(), y = q(), r = (e) => e.props ?? null, h = (e) => e.type.__name === "BaseTab", p = (e, a) => ({
       renderFn: e,
       tabId: C(a),
       "active-tab-panel-idx": r(e)?.["active-tab-panel-idx"] ?? a,
@@ -41,7 +41,7 @@ const U = ["data-cy"], W = ["id"], ae = /* @__PURE__ */ S({
     };
     v("handleClick", (e, a) => {
       D(e), c.value = e, B("tabClicked", { tabIdx: e, tabElement: a });
-    }), k(
+    }), x(
       c,
       (e) => {
         L(e ?? -1);
@@ -55,7 +55,7 @@ const U = ["data-cy"], W = ["id"], ae = /* @__PURE__ */ S({
         if (e[t] !== a[t]) return t;
       return null;
     }, M = (e = -1) => i.value.find((a) => a["active-tab-panel-idx"] === e);
-    return k(
+    return x(
       () => i.value.map((e) => e["active-tab-panel-idx"]),
       (e, a) => {
         const t = E(e, a);
@@ -65,7 +65,7 @@ const U = ["data-cy"], W = ["id"], ae = /* @__PURE__ */ S({
       }
     ), (e, a) => (l(), f("div", {
       ref: "root",
-      class: I(e.$attrs.class),
+      class: k(e.$attrs.class),
       "data-cy": s.dataCy
     }, [
       H("span", {
@@ -78,13 +78,13 @@ const U = ["data-cy"], W = ["id"], ae = /* @__PURE__ */ S({
         "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), f(g, null, K(i.value, (t, n) => (l(), f(g, { key: n }, [
+      (l(!0), f(I, null, K(i.value, (t, n) => (l(), f(I, { key: n }, [
         M(n) ? (l(), o(R, {
           key: 0,
           id: V(t["active-tab-panel-idx"]),
           "labelled-by": w(n) ?? "",
           active: F(n),
-          class: I(t["tab-panel-classes"])
+          class: k(t["tab-panel-classes"])
         }, {
           default: O(() => [
             t.renderFn.children && t.renderFn.children.default ? (l(), o(Q(t.renderFn.children.default), { key: 0 })) : u("", !0)

package/dist/UIKit/Tab/v2/BaseTabs.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as l, createPropsRestProxy as i, shallowRef as m, provide as d, onMounted as p, createBlock as c, openBlock as f, unref as y, mergeProps as C, withCtx as B, renderSlot as M } from "vue";
+import { defineComponent as l, createPropsRestProxy as i, shallowRef as m, provide as d, onMounted as p, openBlock as c, createBlock as f, unref as y, mergeProps as C, withCtx as B, renderSlot as M } from "vue";
 import { TabsRoot as V } from "reka-ui";
 const v = /* @__PURE__ */ l({
   __name: "BaseTabs",
@@ -20,7 +20,7 @@ const v = /* @__PURE__ */ l({
       a.value = !0;
     }), p(() => {
       o("mounted");
-    }), (u, n) => (f(), c(y(V), C(r, {
+    }), (u, n) => (c(), f(y(V), C(r, {
       "data-cy": t.dataCy,
       class: "uikit-base-tabs",
       "onUpdate:modelValue": n[0] || (n[0] = (e) => o("update:modelValue", e))

package/dist/UIKit/Tab/v2/BaseTabsContent.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as o, createPropsRestProxy as r, createBlock as n, openBlock as s, unref as c, mergeProps as p, withCtx as d, renderSlot as l } from "vue";
+import { defineComponent as o, createPropsRestProxy as r, openBlock as n, createBlock as s, unref as c, mergeProps as p, withCtx as d, renderSlot as l } from "vue";
 import { TabsContent as f } from "reka-ui";
 const C = /* @__PURE__ */ o({
   __name: "BaseTabsContent",
@@ -11,7 +11,7 @@ const C = /* @__PURE__ */ o({
   },
   setup(e) {
     const t = r(e, ["dataCy"]);
-    return (a, u) => (s(), n(c(f), p({ "data-cy": e.dataCy }, t), {
+    return (a, u) => (n(), s(c(f), p({ "data-cy": e.dataCy }, t), {
       default: d(() => [
         l(a.$slots, "default")
       ]),

package/dist/UIKit/Tab/v2/BaseTabsIndicator.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as s, createPropsRestProxy as d, inject as u, useTemplateRef as c, onMounted as l, createBlock as p, openBlock as k, unref as f, mergeProps as m, withCtx as b, renderSlot as y, createElementVNode as I } from "vue";
+import { defineComponent as s, createPropsRestProxy as d, inject as u, useTemplateRef as c, onMounted as l, openBlock as p, createBlock as k, unref as f, mergeProps as m, withCtx as b, renderSlot as y, createElementVNode as I } from "vue";
 import { TabsIndicator as x } from "reka-ui";
 const v = /* @__PURE__ */ s({
   __name: "BaseTabsIndicator",
@@ -16,7 +16,7 @@ const v = /* @__PURE__ */ s({
       o?.();
     }), i({
       updateIndicatorStyle: () => n.value?.updateIndicatorStyle?.()
-    }), (r, a) => (k(), p(f(x), m({ ref: "tabIndicatorRef" }, e, {
+    }), (r, a) => (p(), k(f(x), m({ ref: "tabIndicatorRef" }, e, {
       "data-cy": t.dataCy,
       class: "uikit-base-tabs-indicator uikit-absolute uikit-bottom-[var(--indicator-bottom,0)] uikit-left-0 uikit-z-[1] uikit-h-[2px] uikit-w-[--reka-tabs-indicator-size] uikit-translate-x-[--reka-tabs-indicator-position] uikit-translate-y-[1px] uikit-transition-[width,transform] uikit-duration-300"
     }), {

package/dist/UIKit/Tab/v2/BaseTabsList.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as o, createPropsRestProxy as r, createBlock as s, openBlock as n, unref as l, mergeProps as p, withCtx as c, renderSlot as d } from "vue";
+import { defineComponent as o, createPropsRestProxy as r, openBlock as s, createBlock as n, unref as l, mergeProps as p, withCtx as c, renderSlot as d } from "vue";
 import { TabsList as i } from "reka-ui";
 const y = /* @__PURE__ */ o({
   __name: "BaseTabsList",
@@ -10,7 +10,7 @@ const y = /* @__PURE__ */ o({
   },
   setup(e) {
     const t = r(e, ["dataCy"]);
-    return (a, f) => (n(), s(l(i), p({ "data-cy": e.dataCy }, t, { class: "uikit-relative" }), {
+    return (a, f) => (s(), n(l(i), p({ "data-cy": e.dataCy }, t, { class: "uikit-relative" }), {
       default: c(() => [
         d(a.$slots, "default")
       ]),