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

package/dist/UIKit/BaseInput.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as A, mergeModels as C, useModel as N, ref as m, useId as O, computed as j, watch as y, useAttrs as D, createElementBlock as r, openBlock as u, normalizeClass as v, unref as d, renderSlot as h, createElementVNode as g, createBlock as G, createCommentVNode as x, withKeys as J, withModifiers as Q, Fragment as T, renderList as B } from "vue";
+import { defineComponent as A, useModel as N, ref as m, useId as O, computed as j, watch as y, useAttrs as D, openBlock as u, createElementBlock as r, normalizeClass as v, unref as d, renderSlot as h, createElementVNode as g, withKeys as G, withModifiers as J, createBlock as Q, createCommentVNode as x, Fragment as C, renderList as T, mergeModels as B } from "vue";
 import W from "./BaseFloatingLabel.js";
 import { useFloatingLabel as X } from "../composables/useFloatingLabel.js";
 const Y = ["id", "data-cy", "name", "autocomplete", "disabled", "aria-labelledby", "readonly", "type", "pattern", "min", "max", "maxlength", "inputmode", "placeholder", "value"], Z = { class: "uikit-invisible uikit-float-none uikit-mb-2 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 uikit-transition-[max-width] uikit-duration-[50ms] uikit-ease-out" }, U = ["innerHTML"], p = ["innerHTML"], _ = ["innerHTML"], ee = {
@@ -7,7 +7,7 @@ const Y = ["id", "data-cy", "name", "autocomplete", "disabled", "aria-labelledby
 }, ne = /* @__PURE__ */ A({
   inheritAttrs: !1,
   __name: "BaseInput",
-  props: /* @__PURE__ */ C({
+  props: /* @__PURE__ */ B({
     id: {},
     inputClass: {},
     labelText: { default: "" },
@@ -27,7 +27,7 @@ const Y = ["id", "data-cy", "name", "autocomplete", "disabled", "aria-labelledby
     modelValue: { default: "" },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ C(["click", "keydownEnterPressed", "focusin", "focusout", "keydown", "keyup"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ B(["click", "keydownEnterPressed", "focusin", "focusout", "keydown", "keyup"], ["update:modelValue"]),
   setup(e, { expose: M, emit: E }) {
     const o = N(e, "modelValue"), a = m(""), k = E, {
       labelState: s,
@@ -143,9 +143,9 @@ const Y = ["id", "data-cy", "name", "autocomplete", "disabled", "aria-labelledby
         onClick: i[0] || (i[0] = (l) => k("click", l)),
         onFocusin: i[1] || (i[1] = () => e.labelText && d(H)()),
         onFocusout: i[2] || (i[2] = (l) => e.labelText && !e.keepFloatingLabel && d($)(a.value)),
-        onInput: Q(q, ["stop"]),
+        onInput: J(q, ["stop"]),
         onKeydown: [
-          i[3] || (i[3] = J(() => k("keydownEnterPressed"), ["enter"])),
+          i[3] || (i[3] = G(() => k("keydownEnterPressed"), ["enter"])),
           i[4] || (i[4] = (l) => k("keydown", l))
         ],
         onKeyup: i[5] || (i[5] = (l) => k("keyup", l))
@@ -176,7 +176,7 @@ const Y = ["id", "data-cy", "name", "autocomplete", "disabled", "aria-labelledby
           }, null, 10, U)
         ])
       ], 2),
-      e.labelText ? (u(), G(W, {
+      e.labelText ? (u(), Q(W, {
         key: 0,
         for: f.value,
         "label-text": e.labelText,
@@ -191,11 +191,11 @@ const Y = ["id", "data-cy", "name", "autocomplete", "disabled", "aria-labelledby
         "label-text-classes": e.labelTextClasses
       }, null, 8, ["for", "label-text", "label-state", "is-valid", "required", "disabled", "label-classes", "label-text-classes"])) : x("", !0),
       h(t.$slots, "feedback", {}, () => [
-        e.isValid === !1 ? (u(!0), r(T, { key: 0 }, B(b.value.invalid, (l, w) => (u(), r("div", {
+        e.isValid === !1 ? (u(!0), r(C, { key: 0 }, T(b.value.invalid, (l, w) => (u(), r("div", {
           key: `${f.value}_invalid_${w}`,
           class: "uikit-mt-1 uikit-text-12 uikit-text-w-danger",
           innerHTML: l
-        }, null, 8, p))), 128)) : e.isValid === !0 ? (u(!0), r(T, { key: 1 }, B(b.value.valid, (l, w) => (u(), r("div", {
+        }, null, 8, p))), 128)) : e.isValid === !0 ? (u(!0), r(C, { key: 1 }, T(b.value.valid, (l, w) => (u(), r("div", {
           key: `${f.value}_valid_${w}`,
           class: "uikit-mt-1 uikit-text-12 uikit-text-w-primary",
           innerHTML: l

package/dist/UIKit/BaseModal.vue.js

@@ -1,8 +1,8 @@
-import { defineComponent as A, mergeModels as h, useModel as F, useTemplateRef as y, shallowRef as C, onUnmounted as K, createBlock as N, openBlock as k, Teleport as S, createVNode as w, Transition as V, unref as p, withCtx as P, withDirectives as R, createElementVNode as l, normalizeClass as i, createElementBlock as x, createCommentVNode as g, renderSlot as d, withModifiers as U, vShow as j } from "vue";
+import { defineComponent as A, useModel as F, useTemplateRef as h, shallowRef as y, onUnmounted as K, openBlock as k, createBlock as N, Teleport as S, createVNode as C, Transition as V, unref as w, withCtx as P, withDirectives as R, createElementVNode as l, normalizeClass as i, createElementBlock as p, withModifiers as U, createCommentVNode as x, renderSlot as d, vShow as j, mergeModels as g } from "vue";
 import { CloseIcon as q } from "@wikicasa-dev/svg-icons";
 const G = ["id", "data-cy", "data-state"], J = ["innerHTML"], X = /* @__PURE__ */ A({
   __name: "BaseModal",
-  props: /* @__PURE__ */ h({
+  props: /* @__PURE__ */ g({
     id: { default: "base-bt-modal" },
     size: { default: "modal-md" },
     customBackdropClasses: {},
@@ -24,9 +24,9 @@ const G = ["id", "data-cy", "data-state"], J = ["innerHTML"], X = /* @__PURE__ *
     showModal: { type: Boolean, default: !0 },
     showModalModifiers: {}
   }),
-  emits: /* @__PURE__ */ h(["closed", "opened", "dialogClick"], ["update:showModal"]),
+  emits: /* @__PURE__ */ g(["closed", "opened", "dialogClick"], ["update:showModal"]),
   setup(e, { emit: M }) {
-    const r = M, o = F(e, "showModal"), B = o.value, m = y("backdrop"), s = y("modalDialog"), u = C(!1), c = C(!1), f = ({ key: t }) => {
+    const r = M, o = F(e, "showModal"), B = o.value, m = h("backdrop"), s = h("modalDialog"), u = y(!1), c = y(!1), f = ({ key: t }) => {
       t === "Escape" && a();
     }, E = () => {
       document?.body.addEventListener("keydown", f);
@@ -76,8 +76,8 @@ const G = ["id", "data-cy", "data-state"], J = ["innerHTML"], X = /* @__PURE__ *
       s.value === t.target && t.stopPropagation();
     };
     return (t, n) => (k(), N(S, { to: "body" }, [
-      w(V, {
-        appear: p(B),
+      C(V, {
+        appear: w(B),
         name: "modal-transition",
         duration: { enter: 250, leave: 250 },
         onBeforeEnter: I,
@@ -121,7 +121,7 @@ const G = ["id", "data-cy", "data-state"], J = ["innerHTML"], X = /* @__PURE__ *
               l("div", {
                 class: i(["default-header uikit-sticky uikit-top-0 uikit-z-10 uikit-rounded-t uikit-border-0 uikit-bg-white uikit-px-4 uikit-pb-10px uikit-pt-20px sm:uikit-px-6", [e.customModalHeaderClasses]])
               }, [
-                e.withCloseIcon ? (k(), x("button", {
+                e.withCloseIcon ? (k(), p("button", {
                   key: 0,
                   id: "close-icon-btn",
                   "data-cy": "bbt-default-close-icon-btn",
@@ -130,12 +130,12 @@ const G = ["id", "data-cy", "data-state"], J = ["innerHTML"], X = /* @__PURE__ *
                   "aria-label": "Close",
                   onClick: n[0] || (n[0] = U((v) => o.value = !1, ["prevent", "stop"]))
                 }, [
-                  w(p(q), {
+                  C(w(q), {
                     class: i(["bbt-close-icon uikit-box-border", e.closeIcon?.classes]),
                     width: e.closeIcon?.size || 20,
                     height: e.closeIcon?.size || 20
                   }, null, 8, ["class", "width", "height"])
-                ], 2)) : g("", !0),
+                ], 2)) : x("", !0),
                 d(t.$slots, "header", { closeModal: a }, () => [
                   l("span", {
                     class: i(["uikit-w-auto uikit-text-18 uikit-font-semibold sm:uikit-text-22", e.titleClasses]),
@@ -148,12 +148,12 @@ const G = ["id", "data-cy", "data-state"], J = ["innerHTML"], X = /* @__PURE__ *
               }, [
                 d(t.$slots, "body", { closeModal: a })
               ], 2),
-              t.$slots.footer ? (k(), x("div", {
+              t.$slots.footer ? (k(), p("div", {
                 key: 0,
                 class: i(["uikit-bbt-footer uikit-sticky uikit-bottom-0 uikit-border-0 uikit-bg-white uikit-px-4 uikit-py-15px sm:uikit-px-6", e.customModalFooterClasses])
               }, [
                 d(t.$slots, "footer", { closeModal: a })
-              ], 2)) : g("", !0),
+              ], 2)) : x("", !0),
               d(t.$slots, "fixed-bottom")
             ], 42, G)
           ], 34), [

package/dist/UIKit/BasePagination.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as O, mergeModels as V, useModel as A, computed as s, createElementBlock as o, openBlock as a, createCommentVNode as k, createElementVNode as P, createBlock as v, resolveDynamicComponent as m, mergeProps as h, withCtx as f, createVNode as $, unref as p, toDisplayString as g, Fragment as w, createTextVNode as x, renderList as j } from "vue";
+import { defineComponent as O, useModel as V, computed as s, openBlock as a, createElementBlock as o, createElementVNode as P, createBlock as v, resolveDynamicComponent as m, mergeProps as h, withCtx as f, createVNode as $, unref as p, toDisplayString as g, createCommentVNode as k, Fragment as w, createTextVNode as x, renderList as j, mergeModels as A } from "vue";
 import { ArrowIcon as B } from "@wikicasa-dev/svg-icons";
 const Q = {
   "aria-label": "Page navigation",
@@ -20,7 +20,7 @@ const Q = {
   class: "uikit-mx-10px uikit-select-none"
 }, Z = /* @__PURE__ */ O({
   __name: "BasePagination",
-  props: /* @__PURE__ */ V({
+  props: /* @__PURE__ */ A({
     count: { default: 0 },
     limit: { default: 25 },
     siblings: { default: 3 },
@@ -42,7 +42,7 @@ const Q = {
   }),
   emits: ["update:pageNumber"],
   setup(e) {
-    const u = A(e, "pageNumber"), y = s(() => (u.value || 1) + 1), b = s(() => (u.value || 1) - 1), c = s(() => e.baseUrl ? e.linkTag : "span"), r = s(() => Math.ceil((e.count + e.additionalCount) / e.limit)), D = (l = 1) => l < 1, S = (l = 1) => l === r.value, C = s(() => (u.value || 0) > e.siblings + 2), N = s(
+    const u = V(e, "pageNumber"), y = s(() => (u.value || 1) + 1), b = s(() => (u.value || 1) - 1), c = s(() => e.baseUrl ? e.linkTag : "span"), r = s(() => Math.ceil((e.count + e.additionalCount) / e.limit)), D = (l = 1) => l < 1, S = (l = 1) => l === r.value, C = s(() => (u.value || 0) > e.siblings + 2), N = s(
       () => (u.value || 0) < r.value - e.siblings - 1
     ), L = s(() => {
       let t = u.value || 0, i = 0;

package/dist/UIKit/BaseSelect/SelectItem.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as u, useTemplateRef as c, watch as d, nextTick as m, createElementBlock as r, openBlock as f, normalizeClass as v, renderSlot as k, createElementVNode as x } from "vue";
+import { defineComponent as u, useTemplateRef as c, watch as d, nextTick as m, openBlock as r, createElementBlock as f, normalizeClass as v, renderSlot as k, createElementVNode as x } from "vue";
 const b = ["data-active", "tabindex"], p = ["innerHTML"], $ = /* @__PURE__ */ u({
   __name: "SelectItem",
   props: {
@@ -17,7 +17,7 @@ const b = ["data-active", "tabindex"], p = ["innerHTML"], $ = /* @__PURE__ */ u(
         });
       },
       { immediate: !0 }
-    ), (e, l) => (f(), r("li", {
+    ), (e, l) => (r(), f("li", {
       ref: "liItem",
       class: v(["uikit-list-none uikit-text-w-black", [
         { "active uikit-bg-w-cultured": t.active },

package/dist/UIKit/BaseSlider.vue.js

@@ -1,8 +1,8 @@
-import { defineComponent as R, mergeModels as _, useModel as w, ref as p, useTemplateRef as D, useAttrs as j, onMounted as q, createElementBlock as G, openBlock as H, createElementVNode as x, withModifiers as T, createVNode as k } from "vue";
+import { defineComponent as R, useModel as w, ref as p, useTemplateRef as D, useAttrs as _, onMounted as j, openBlock as q, createElementBlock as G, createElementVNode as x, withModifiers as T, createVNode as k, mergeModels as H } from "vue";
 import C from "./BaseInput.js";
 const J = { class: "range_container" }, K = { class: "sliders_control" }, O = ["value", "min", "max", "step"], Q = ["value", "min", "max", "step"], W = { class: "form_control row" }, X = { class: "pb-15 pb-sm-0 col-sm-6 col-xl-4" }, Y = { class: "col-sm-6 col-xl-4" }, ae = /* @__PURE__ */ R({
   __name: "BaseSlider",
-  props: /* @__PURE__ */ _({
+  props: /* @__PURE__ */ H({
     type: { default: "linear" },
     min: { default: 0 },
     max: { default: 100 }
@@ -131,8 +131,8 @@ const J = { class: "range_container" }, K = { class: "sliders_control" }, O = ["
         "#2B5DFF",
         l
       ), h(parseInt(l.value, 10), l), a <= t ? (d.value = t, o.value = v) : (l.value = `${a}`, d.value = a, o.value = a);
-    }, b = j();
-    return n.value = parseInt(`${m.min || 0}`, 10), u.value = parseInt(`${m.max || 100}`, 10), c.value = n.value, d.value = u.value, r.value = parseInt(`${b.minValue || n.value}`, 10), o.value = parseInt(`${b.maxValue || u.value}`, 10), F.value = Math.log(r.value || 1), M.value = Math.log(o.value), y.value = (M.value - F.value) / (u.value - n.value), q(() => {
+    }, b = _();
+    return n.value = parseInt(`${m.min || 0}`, 10), u.value = parseInt(`${m.max || 100}`, 10), c.value = n.value, d.value = u.value, r.value = parseInt(`${b.minValue || n.value}`, 10), o.value = parseInt(`${b.maxValue || u.value}`, 10), F.value = Math.log(r.value || 1), M.value = Math.log(o.value), y.value = (M.value - F.value) / (u.value - n.value), j(() => {
       !g.value || !i.value || (V(
         c.value,
         {
@@ -144,7 +144,7 @@ const J = { class: "range_container" }, K = { class: "sliders_control" }, O = ["
         "#2B5DFF",
         i.value
       ), h(d.value, i.value));
-    }), (e, l) => (H(), G("div", J, [
+    }), (e, l) => (q(), G("div", J, [
       x("div", K, [
         x("input", {
           ref_key: "fromSlider",

package/dist/UIKit/BaseSnackbar.vue.js

@@ -1,10 +1,10 @@
-import { defineComponent as b, mergeModels as I, useModel as w, ref as $, watch as y, nextTick as x, createBlock as u, openBlock as r, unref as i, withCtx as a, renderSlot as d, createVNode as n, normalizeClass as k, createCommentVNode as p, normalizeStyle as B } from "vue";
+import { defineComponent as b, useModel as w, ref as I, watch as y, nextTick as $, openBlock as u, createBlock as r, unref as i, withCtx as a, renderSlot as d, createVNode as n, normalizeClass as k, createCommentVNode as p, normalizeStyle as x, mergeModels as B } from "vue";
 import { CloseIcon as V } from "@wikicasa-dev/svg-icons";
 import { ToastProvider as D, ToastRoot as M, ToastTitle as P, ToastDescription as z, ToastClose as S, ToastAction as A, ProgressRoot as N, ProgressIndicator as R, ToastPortal as U, ToastViewport as h } from "reka-ui";
 const q = /* @__PURE__ */ b({
   inheritAttrs: !1,
   __name: "BaseSnackbar",
-  props: /* @__PURE__ */ I({
+  props: /* @__PURE__ */ B({
     alertClass: { default: "primary" },
     duration: { default: 3e3 },
     swipeDirection: { default: "left" },
@@ -22,7 +22,7 @@ const q = /* @__PURE__ */ b({
   }),
   emits: ["update:open", "update:refresh"],
   setup(e) {
-    const l = w(e, "open"), v = w(e, "refresh"), o = $(0);
+    const l = w(e, "open"), v = w(e, "refresh"), o = I(0);
     let c, m;
     const C = (t = 3e3) => {
       o.value = 0;
@@ -39,7 +39,7 @@ const q = /* @__PURE__ */ b({
     return y(
       l,
       (t) => {
-        x(() => {
+        $(() => {
           if (t) {
             T();
             return;
@@ -52,7 +52,7 @@ const q = /* @__PURE__ */ b({
       t && (l.value = !1, setTimeout(() => {
         l.value = !0, v.value = !1;
       }));
-    }), (t, s) => (r(), u(i(D), { "swipe-direction": e.swipeDirection }, {
+    }), (t, s) => (u(), r(i(D), { "swipe-direction": e.swipeDirection }, {
       default: a(() => [
         d(t.$slots, "trigger", {
           open: () => l.value = !0
@@ -66,7 +66,7 @@ const q = /* @__PURE__ */ b({
           type: e.type
         }, {
           default: a(() => [
-            t.$slots.title ? (r(), u(i(P), {
+            t.$slots.title ? (u(), r(i(P), {
               key: 0,
               "as-child": ""
             }, {
@@ -81,7 +81,7 @@ const q = /* @__PURE__ */ b({
               ]),
               _: 3
             }),
-            e.withCloseIcon ? (r(), u(i(S), {
+            e.withCloseIcon ? (u(), r(i(S), {
               key: 1,
               class: k(["uikit-ml-[16px] uikit-flex uikit-size-[24px] uikit-shrink-0 uikit-cursor-pointer uikit-appearance-none uikit-items-center uikit-justify-center uikit-rounded-full uikit-bg-[#C1C8D5]", e.closeClasses]),
               "data-cy": "base-snackbar-close-btn"
@@ -97,7 +97,7 @@ const q = /* @__PURE__ */ b({
               ]),
               _: 3
             }, 8, ["class"])) : p("", !0),
-            t.$slots["toast-action"] ? (r(), u(i(A), {
+            t.$slots["toast-action"] ? (u(), r(i(A), {
               key: 2,
               "as-child": "",
               "alt-text": "Goto schedule to undo"
@@ -115,7 +115,7 @@ const q = /* @__PURE__ */ b({
               default: a(() => [
                 n(i(R), {
                   class: "uikit-alert-progress-indicator uikit-relative uikit-block uikit-size-full uikit-transition-transform uikit-duration-75 uikit-will-change-transform",
-                  style: B(`transform: translateX(-${100 - o.value}%)`)
+                  style: x(`transform: translateX(-${100 - o.value}%)`)
                 }, null, 8, ["style"])
               ]),
               _: 1
@@ -123,7 +123,7 @@ const q = /* @__PURE__ */ b({
           ]),
           _: 3
         }, 8, ["open", "duration", "class", "data-cy", "type"]),
-        e.to ? (r(), u(i(U), {
+        e.to ? (u(), r(i(U), {
           key: 0,
           to: e.to
         }, {
@@ -133,7 +133,7 @@ const q = /* @__PURE__ */ b({
             }, null, 8, ["class"])
           ]),
           _: 1
-        }, 8, ["to"])) : (r(), u(i(h), {
+        }, 8, ["to"])) : (u(), r(i(h), {
           key: 1,
           class: k(["uikit-alert-viewport uikit-m-0 uikit-w-full uikit-list-none uikit-gap-[8px]", e.viewportClasses])
         }, null, 8, ["class"]))

package/dist/UIKit/BaseTextarea.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as T, mergeModels as c, useModel as h, ref as $, watch as L, createElementBlock as b, openBlock as f, normalizeClass as s, createElementVNode as r, createCommentVNode as v, unref as u, createVNode as M, withModifiers as o, nextTick as C } from "vue";
+import { defineComponent as T, useModel as h, ref as $, watch as L, openBlock as b, createElementBlock as f, normalizeClass as s, createElementVNode as r, unref as u, withModifiers as o, createCommentVNode as c, createVNode as M, mergeModels as v, nextTick as C } from "vue";
 import F from "./BaseFloatingLabel.js";
 import { useFloatingLabel as B } from "../composables/useFloatingLabel.js";
 const z = ["id", "data-cy", "rows", "disabled", "aria-labelledby", "readonly", "value"], E = {
@@ -7,7 +7,7 @@ const z = ["id", "data-cy", "rows", "disabled", "aria-labelledby", "readonly", "
 }, H = ["innerHTML"], q = ["innerHTML"], S = /* @__PURE__ */ T({
   inheritAttrs: !1,
   __name: "BaseTextarea",
-  props: /* @__PURE__ */ c({
+  props: /* @__PURE__ */ v({
     labelText: { default: "" },
     feedback: {},
     isValid: { type: [Boolean, null], default: null },
@@ -17,7 +17,7 @@ const z = ["id", "data-cy", "rows", "disabled", "aria-labelledby", "readonly", "
     modelValue: { default: "" },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ c(["focusin", "focusout", "click", "keydown"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ v(["focusin", "focusout", "click", "keydown"], ["update:modelValue"]),
   setup(e, { expose: m, emit: x }) {
     const n = h(e, "modelValue"), k = x, {
       labelState: a,
@@ -48,7 +48,7 @@ const z = ["id", "data-cy", "rows", "disabled", "aria-labelledby", "readonly", "
           t.value && t.value.focus();
         }));
       }
-    }), (i, l) => (f(), b("div", {
+    }), (i, l) => (b(), f("div", {
       class: s(i.$attrs["wrapper-classes"])
     }, [
       r("div", {
@@ -86,7 +86,7 @@ const z = ["id", "data-cy", "rows", "disabled", "aria-labelledby", "readonly", "
             { "uikit-border-w-secondary": e.isValid === null }
           ]])
         }, [
-          e.labelText ? (f(), b("legend", E, [
+          e.labelText ? (b(), f("legend", E, [
             r("span", {
               class: s(["uikit-px-5px uikit-opacity-0", [
                 {
@@ -98,7 +98,7 @@ const z = ["id", "data-cy", "rows", "disabled", "aria-labelledby", "readonly", "
               ]]),
               innerHTML: e.labelText
             }, null, 10, H)
-          ])) : v("", !0)
+          ])) : c("", !0)
         ], 2),
         M(F, {
           for: i.$attrs.id,
@@ -112,13 +112,13 @@ const z = ["id", "data-cy", "rows", "disabled", "aria-labelledby", "readonly", "
           ]
         }, null, 8, ["for", "label-text", "label-state", "required", "is-valid", "label-classes"])
       ], 2),
-      (e.isValid || e.isValid === !1) && e.feedback ? (f(), b("div", {
+      (e.isValid || e.isValid === !1) && e.feedback ? (b(), f("div", {
         key: 0,
         class: s(
           e.isValid === !1 ? "uikit-mt-1 uikit-text-12 uikit-text-w-danger" : "uikit-mt-1 uikit-text-12 uikit-text-w-primary"
         ),
         innerHTML: e.isValid === !1 ? e.feedback.invalid : e.feedback.valid
-      }, null, 10, q)) : v("", !0)
+      }, null, 10, q)) : c("", !0)
     ], 2));
   }
 });

package/dist/UIKit/BaseToggle.vue.js

@@ -1,8 +1,8 @@
-import { defineComponent as d, mergeModels as s, useModel as n, createElementBlock as k, openBlock as c, renderSlot as a, createVNode as u, createCommentVNode as m, unref as o, withCtx as f, createElementVNode as p } from "vue";
+import { defineComponent as d, useModel as s, openBlock as n, createElementBlock as k, renderSlot as a, createVNode as u, unref as o, withCtx as c, createElementVNode as m, createCommentVNode as f, mergeModels as p } from "vue";
 import { SwitchRoot as b, SwitchThumb as h } from "reka-ui";
 const g = { class: "uikit-flex uikit-items-center uikit-gap-[8px]" }, w = ["innerHTML"], V = /* @__PURE__ */ d({
   __name: "BaseToggle",
-  props: /* @__PURE__ */ s({
+  props: /* @__PURE__ */ p({
     label: {},
     dataCy: {}
   }, {
@@ -11,8 +11,8 @@ const g = { class: "uikit-flex uikit-items-center uikit-gap-[8px]" }, w = ["inne
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const i = n(e, "modelValue");
-    return (t, l) => (c(), k("div", g, [
+    const i = s(e, "modelValue");
+    return (t, l) => (n(), k("div", g, [
       a(t.$slots, "leftLabel"),
       u(o(b), {
         modelValue: i.value,
@@ -20,13 +20,13 @@ const g = { class: "uikit-flex uikit-items-center uikit-gap-[8px]" }, w = ["inne
         "data-cy": e.dataCy,
         class: "uikit-flex uikit-h-[20px] uikit-w-[40px] uikit-cursor-pointer uikit-rounded-full uikit-p-0 uikit-transition-[background] uikit-will-change-[background] focus-visible:uikit-outline-w-primary data-[state=checked]:uikit-bg-w-primary data-[state=unchecked]:uikit-bg-w-cultured"
       }, {
-        default: f(() => [
+        default: c(() => [
           u(o(h), { class: "uikit-box-border uikit-flex uikit-size-[20px] uikit-translate-x-0 uikit-items-center uikit-justify-center uikit-rounded-full uikit-border uikit-border-solid uikit-border-w-lightgray uikit-bg-white uikit-shadow-xl uikit-transition-transform uikit-will-change-transform data-[state=checked]:uikit-translate-x-full" })
         ]),
         _: 1
       }, 8, ["modelValue", "data-cy"]),
-      t.$slots.leftLabel ? m("", !0) : a(t.$slots, "rightLabel", { key: 0 }, () => [
-        p("span", {
+      t.$slots.leftLabel ? f("", !0) : a(t.$slots, "rightLabel", { key: 0 }, () => [
+        m("span", {
           class: "uikit-ml-[10px]",
           innerHTML: e.label
         }, null, 8, w)

package/dist/UIKit/BaseTooltip.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as n, createElementBlock as o, openBlock as l, renderSlot as s, createElementVNode as i, normalizeClass as a, createCommentVNode as r } from "vue";
+import { defineComponent as n, openBlock as o, createElementBlock 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: {
@@ -12,7 +12,7 @@ const c = { class: "base-tooltip" }, m = /* @__PURE__ */ n({
     tooltipContentClasses: { default: "" }
   },
   setup(t) {
-    return (e, u) => (l(), o("div", c, [
+    return (e, u) => (o(), l("div", c, [
       s(e.$slots, "trigger", {}, void 0, !0),
       i("div", {
         class: a(["bg-transparent", [
@@ -20,7 +20,7 @@ const c = { class: "base-tooltip" }, m = /* @__PURE__ */ n({
           `${t.customTooltipClass ? t.customTooltipClass : "tooltip-content-wrapper"}`
         ]])
       }, [
-        t.showTooltipContentManually ? (l(), o("div", {
+        t.showTooltipContentManually ? (o(), l("div", {
           key: 0,
           class: a(["tooltip-content uikit-shadow-lg uikit-shadow-w-primary/10", [
             "base-tooltip-arrow",

package/dist/UIKit/BaseUploadFile.vue.js

@@ -1,4 +1,4 @@
-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 { defineComponent as b, ref as m, watch as p, openBlock as u, createElementBlock as o, normalizeClass as l, createElementVNode as a, createCommentVNode as d, createBlock as x, renderSlot as h } from "vue";
 import v from "./BaseFloatingLabel.js";
 const w = ["innerHTML"], C = ["for"], g = ["id", "multiple", "accept"], B = /* @__PURE__ */ b({
   inheritAttrs: !1,

package/dist/UIKit/Card/BaseCard.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as C, computed as c, createBlock as u, openBlock as y, resolveDynamicComponent as f, normalizeClass as a, withCtx as g, createElementVNode as d, renderSlot as l } from "vue";
+import { defineComponent as C, computed as c, openBlock as u, createBlock as y, resolveDynamicComponent as f, normalizeClass as a, withCtx as g, createElementVNode as d, renderSlot as l } from "vue";
 const p = /* @__PURE__ */ C({
   __name: "BaseCard",
   props: {
@@ -12,7 +12,7 @@ const p = /* @__PURE__ */ C({
     const n = o, r = c(
       () => e.type === "news" ? "news-card" : e.type
     ), i = c(() => e.type ? `${e.type}-img` : "");
-    return (s, t) => (y(), u(f(e.rootComponent), {
+    return (s, t) => (u(), y(f(e.rootComponent), {
       class: a(["uikit-card", [r.value]]),
       onClick: t[0] || (t[0] = (m) => n("click", m))
     }, {

package/dist/UIKit/Card/CardDescriptionPrimitive.js

@@ -1,8 +1,8 @@
-import { createElementBlock as r, openBlock as o, renderSlot as t } from "vue";
+import { openBlock as r, createElementBlock as o, renderSlot as t } from "vue";
 import c from "../../_virtual/_plugin-vue_export-helper.js";
 const n = {}, s = { class: "card-body" };
 function i(e, d) {
-  return o(), r("div", s, [
+  return r(), o("div", s, [
     t(e.$slots, "default")
   ]);
 }

package/dist/UIKit/Card/CardImagePrimitive.vue.js

@@ -1,10 +1,10 @@
-import { defineComponent as t, inject as a, computed as c, createElementBlock as m, openBlock as n, normalizeClass as s, renderSlot as i } from "vue";
+import { defineComponent as t, inject as a, computed as c, openBlock as m, createElementBlock as n, normalizeClass as s, renderSlot as i } from "vue";
 import { CardTypeKey as d } from "./type.js";
 const f = /* @__PURE__ */ t({
   __name: "CardImagePrimitive",
   setup(l) {
     const e = a(d, void 0), r = c(() => e ? `${e}-img` : "");
-    return (o, p) => (n(), m("div", {
+    return (o, p) => (m(), n("div", {
       class: s(["card-img", [r.value]])
     }, [
       i(o.$slots, "default")

package/dist/UIKit/Card/CardRootPrimitive.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as n, computed as r, provide as c, createBlock as d, openBlock as m, resolveDynamicComponent as p, normalizeClass as u, withCtx as f, renderSlot as y } from "vue";
+import { defineComponent as n, computed as r, provide as c, openBlock as d, createBlock as m, resolveDynamicComponent as p, normalizeClass as u, withCtx as f, renderSlot as y } from "vue";
 import { CardTypeKey as C } from "./type.js";
 const w = /* @__PURE__ */ n({
   __name: "CardRootPrimitive",
@@ -11,7 +11,7 @@ const w = /* @__PURE__ */ n({
     const o = a, s = r(
       () => e.type === "news" ? "news-card" : e.type
     );
-    return c(C, e.type), (i, t) => (m(), d(p(e.as), {
+    return c(C, e.type), (i, t) => (d(), m(p(e.as), {
       class: u(["uikit-card", s.value]),
       onClick: t[0] || (t[0] = (l) => o("click", l))
     }, {

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

@@ -1,9 +1,9 @@
-import { defineComponent as y, mergeModels as c, useId as p, useTemplateRef as u, useModel as B, watch as I, inject as n, onMounted as V, onUnmounted as R, createElementBlock as w, openBlock as r, createVNode as s, renderSlot as E, unref as l, normalizeClass as M, withCtx as k, createBlock as N, createCommentVNode as j, createTextVNode as z, toDisplayString as S } from "vue";
+import { defineComponent as y, useId as p, useTemplateRef as c, useModel as B, watch as I, inject as u, onMounted as V, onUnmounted as R, openBlock as n, createElementBlock as w, createVNode as r, unref as l, normalizeClass as E, withCtx as s, createBlock as M, createCommentVNode as N, renderSlot as j, createTextVNode as z, toDisplayString as S, mergeModels as k } from "vue";
 import { CheckIcon as T } from "@wikicasa-dev/svg-icons";
 import { CheckboxRoot as U, CheckboxIndicator as $ } from "reka-ui";
 const F = /* @__PURE__ */ y({
   __name: "CheckboxBtn",
-  props: /* @__PURE__ */ c({
+  props: /* @__PURE__ */ k({
     id: {},
     dataCy: {},
     disabled: { type: Boolean },
@@ -17,9 +17,9 @@ const F = /* @__PURE__ */ y({
     modelValue: { type: Boolean, default: !1 },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ c(["click", "change"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ k(["click", "change"], ["update:modelValue"]),
   setup(e, { expose: m, emit: f }) {
-    const h = p(), o = u("root"), b = u("checkboxRoot"), a = B(e, "modelValue"), i = f;
+    const h = p(), o = c("root"), b = c("checkboxRoot"), a = B(e, "modelValue"), i = f;
     I(
       () => e.checked,
       (t) => {
@@ -32,7 +32,7 @@ const F = /* @__PURE__ */ y({
         label: e.label,
         checked: t
       }), a.value = t);
-    }, v = n("addItem", void 0), C = n(
+    }, v = u("addItem", void 0), C = u(
       "removeItem",
       void 0
     );
@@ -43,35 +43,35 @@ const F = /* @__PURE__ */ y({
     }), m({
       getRootElement: () => o.value,
       getCheckboxElement: () => b.value?.$el
-    }), (t, d) => (r(), w("label", {
+    }), (t, d) => (n(), w("label", {
       ref: "root",
       class: "uikit-checkbox-btn uikit-flex uikit-items-center uikit-gap-[12px]",
       onClick: d[0] || (d[0] = (g) => i("click", g))
     }, [
-      s(l(U), {
+      r(l(U), {
         ref: "checkboxRoot",
         "model-value": a.value,
         "data-cy": e.dataCy,
         disabled: e.disabled,
-        class: M(["uikit-inline-flex uikit-size-[20px] uikit-shrink-0 uikit-items-center uikit-justify-center uikit-rounded-[4px] uikit-p-0 data-[state='unchecked']:uikit-border data-[state='unchecked']:uikit-border-solid data-[state='unchecked']:uikit-border-w-lightgray data-[state='checked']:uikit-bg-w-primary data-[state='unchecked']:uikit-bg-white", e.inputClass]),
+        class: E(["uikit-inline-flex uikit-size-[20px] uikit-shrink-0 uikit-items-center uikit-justify-center uikit-rounded-[4px] uikit-p-0 data-[state='unchecked']:uikit-border data-[state='unchecked']:uikit-border-solid data-[state='unchecked']:uikit-border-w-lightgray data-[state='checked']:uikit-bg-w-primary data-[state='unchecked']:uikit-bg-white", e.inputClass]),
         "onUpdate:modelValue": x
       }, {
-        default: k(() => [
-          s(l($), { class: "uikit-flex" }, {
-            default: k(() => [
-              a.value === !0 ? (r(), N(l(T), {
+        default: s(() => [
+          r(l($), { class: "uikit-flex" }, {
+            default: s(() => [
+              a.value === !0 ? (n(), M(l(T), {
                 key: 0,
                 "fill-color": "#fff",
                 width: 12,
                 height: 14
-              })) : j("", !0)
+              })) : N("", !0)
             ]),
             _: 1
           })
         ]),
         _: 1
       }, 8, ["model-value", "data-cy", "disabled", "class"]),
-      E(t.$slots, "label", {}, () => [
+      j(t.$slots, "label", {}, () => [
         z(S(e.label), 1)
       ])
     ], 512));