@wikicasa-dev/components 2.1.27 → 2.1.28-alpha.1

package/dist/{packages/components/lib → lib}/UIKit/AccessibleSelect.vue.js

@@ -1,9 +1,7 @@
-import { defineComponent as D, mergeModels as $, useModel as p, useId as F, computed as M, ref as V, watch as h, onMounted as A, onUnmounted as E, createElementBlock as u, openBlock as n, normalizeClass as a, createElementVNode as o, createCommentVNode as r, withModifiers as c, renderSlot as P, unref as b, createBlock as z, createVNode as N, Fragment as L, renderList as O } from "vue";
-import { useKeyboardController as S } from "../../node_modules/@wikicasa-dev/vue-composables/dist/useKeyboardController.js";
-import { ArrowIcon as q } from "../../node_modules/@wikicasa-dev/svg-icons/dist/ArrowIcon.js";
-import { WarningIconRounded as j } from "../../node_modules/@wikicasa-dev/svg-icons/dist/WarningIconRounded.js";
-import "../../node_modules/@wikicasa-dev/svg-icons/dist/PharmacyIcon.js";
-const K = ["id", "innerHTML"], R = ["id", "data-cy", "aria-required", "aria-controls", "aria-labelledby", "aria-expanded", "aria-activedescendant", "aria-invalid", "aria-describedby"], U = ["innerHTML"], W = { class: "uikit-pointer-events-none uikit-mt-1 uikit-inline-flex" }, G = ["innerHTML"], J = ["data-cy"], Q = ["id", "aria-selected", "onClick", "onMouseover"], X = { class: "uikit-inline-block uikit-cursor-pointer uikit-text-sm" }, Y = ["name", "checked", "onInput"], Z = ["innerHTML"], _ = ["id", "arial-live", "innerHTML"], ee = ["id", "arial-live", "innerHTML"], oe = /* @__PURE__ */ D({
+import { defineComponent as D, mergeModels as $, useModel as p, useId as F, computed as M, ref as V, watch as y, onMounted as E, onUnmounted as P, createElementBlock as u, openBlock as n, normalizeClass as a, createElementVNode as o, createCommentVNode as r, withModifiers as c, renderSlot as z, unref as b, createBlock as A, createVNode as N, Fragment as L, renderList as O } from "vue";
+import { useKeyboardController as S } from "@wikicasa-dev/vue-composables";
+import { WarningIconRounded as q, ArrowIcon as j } from "@wikicasa-dev/svg-icons";
+const K = ["id", "innerHTML"], R = ["id", "data-cy", "aria-required", "aria-controls", "aria-labelledby", "aria-expanded", "aria-activedescendant", "aria-invalid", "aria-describedby"], U = ["innerHTML"], W = { class: "uikit-pointer-events-none uikit-mt-1 uikit-inline-flex" }, G = ["innerHTML"], J = ["data-cy"], Q = ["id", "aria-selected", "onClick", "onMouseover"], X = { class: "uikit-inline-block uikit-cursor-pointer uikit-text-sm" }, Y = ["name", "checked", "onInput"], Z = ["innerHTML"], _ = ["id", "arial-live", "innerHTML"], ee = ["id", "arial-live", "innerHTML"], ae = /* @__PURE__ */ D({
   inheritAttrs: !1,
   __name: "AccessibleSelect",
   props: /* @__PURE__ */ $({
@@ -35,25 +33,25 @@ const K = ["id", "innerHTML"], R = ["id", "data-cy", "aria-required", "aria-cont
   }),
   emits: /* @__PURE__ */ $(["click", "update:dropdownState"], ["update:modelValue", "update:toggleDropdown"]),
   setup(e, { emit: T }) {
-    const y = T, k = p(e, "modelValue"), g = p(e, "toggleDropdown"), B = F(), l = M(() => e.namespace || B), t = V(!1), H = V(null), m = M(() => !!k.value.label), { activeIdx: v, selectedIdx: I } = S({
+    const h = T, k = p(e, "modelValue"), g = p(e, "toggleDropdown"), B = F(), l = M(() => e.namespace || B), t = V(!1), H = V(null), m = M(() => !!k.value.label), { activeIdx: v, selectedIdx: I } = S({
       optionsLength: e.options.length,
       isDropdownOpen: t
     }), w = (i) => {
       t.value = !1, k.value = i;
     };
-    h(I, (i) => {
+    y(I, (i) => {
       w(e.options[i]), t.value = !1;
-    }), h(g, (i) => {
+    }), y(g, (i) => {
       i && (t.value = !t.value, g.value = !1);
-    }), h(t, (i) => {
-      y("update:dropdownState", i);
+    }), y(t, (i) => {
+      h("update:dropdownState", i);
     });
     const C = ({ target: i }) => {
       `${l.value}_btn` !== i.id && (t.value = !1);
     };
-    return A(() => {
+    return E(() => {
       e.closeOnBodyPressed && document.addEventListener("click", C);
-    }), E(() => {
+    }), P(() => {
       e.closeOnBodyPressed && document.removeEventListener("click", C);
     }), (i, s) => (n(), u("div", {
       class: a(i.$attrs.class)
@@ -77,7 +75,7 @@ const K = ["id", "innerHTML"], R = ["id", "data-cy", "aria-required", "aria-cont
           class: "uikit-z-20 uikit-mt-2 uikit-pl-2",
           onClick: s[0] || (s[0] = c((d) => t.value = !t.value, ["stop"]))
         }, [
-          P(i.$slots, "lefticon")
+          z(i.$slots, "lefticon")
         ])) : r("", !0),
         o("button", {
           id: `${l.value}_btn`,
@@ -96,7 +94,7 @@ const K = ["id", "innerHTML"], R = ["id", "data-cy", "aria-required", "aria-cont
           "aria-invalid": e.isValid === !1,
           "aria-describedby": e.isValid === !1 ? `${l.value}_invalid_msg` : void 0,
           onClick: s[1] || (s[1] = (d) => {
-            t.value = !t.value, y("click", d);
+            t.value = !t.value, h("click", d);
           })
         }, [
           o("span", {
@@ -104,14 +102,14 @@ const K = ["id", "innerHTML"], R = ["id", "data-cy", "aria-required", "aria-cont
             innerHTML: k.value.visibleLabel || k.value.label
           }, null, 10, U),
           o("span", W, [
-            e.isValid == !1 ? (n(), z(b(j), {
+            e.isValid == !1 ? (n(), A(b(q), {
               key: 0,
               class: "uikit-mr-1",
               width: 20,
               height: 20,
               "stroke-color": "#FA4F64"
             })) : r("", !0),
-            N(b(q), {
+            N(b(j), {
               class: a(["uikit-transition-transform motion-reduce:uikit-transition-none", [
                 t.value ? "uikit-rotate-180" : "",
                 e.arrowIcon?.classes
@@ -207,5 +205,5 @@ const K = ["id", "innerHTML"], R = ["id", "data-cy", "aria-required", "aria-cont
   }
 });
 export {
-  oe as default
+  ae as default
 };

package/dist/lib/UIKit/Accordion/BaseAccordion.vue.js

@@ -0,0 +1,31 @@
+import { defineComponent as d, ref as u, provide as c, renderSlot as f } from "vue";
+import { isEmptyObject as p } from "@wikicasa-dev/utilities";
+const h = /* @__PURE__ */ d({
+  __name: "BaseAccordion",
+  props: {
+    autoClose: { type: Boolean, default: !0 },
+    autoUpdate: { type: Boolean, default: !0 }
+  },
+  setup(l) {
+    const n = u(null), o = u(
+      {}
+    ), i = (e, t) => {
+      if (l.autoClose && t && !p(t))
+        for (const r in t)
+          r !== `${e}` && (t[r].active = !1);
+    }, s = (e, t) => {
+      t && (t[e].active = !(t[e].active ?? !1));
+    }, a = (e, t) => {
+      i(e.id, t ?? o.value), n.value = e, s(e.id, t ?? o.value);
+    };
+    return c("handleClick", (e) => {
+      l.autoUpdate && a(e);
+    }), c("accordionItems", o), (e, t) => f(e.$slots, "default", {
+      updatePrev: a,
+      prev: n.value
+    });
+  }
+});
+export {
+  h as default
+};

package/dist/{packages/components/lib → lib}/UIKit/Accordion/BaseAccordionBtn.vue.js

@@ -1,7 +1,6 @@
-import { defineComponent as s, createElementBlock as l, openBlock as d, normalizeClass as n, renderSlot as i, createElementVNode as u, withModifiers as k, createVNode as m, unref as f } from "vue";
-import { ArrowIcon as g } from "../../../node_modules/@wikicasa-dev/svg-icons/dist/ArrowIcon.js";
-import "../../../node_modules/@wikicasa-dev/svg-icons/dist/PharmacyIcon.js";
-const C = ["id"], w = ["aria-expanded", "aria-controls"], A = /* @__PURE__ */ s({
+import { defineComponent as l, createElementBlock as s, openBlock as d, normalizeClass as n, renderSlot as i, createElementVNode as u, withModifiers as k, createVNode as m, unref as f } from "vue";
+import { ArrowIcon as g } from "@wikicasa-dev/svg-icons";
+const C = ["id"], w = ["aria-expanded", "aria-controls"], b = /* @__PURE__ */ l({
   inheritAttrs: !1,
   __name: "BaseAccordionBtn",
   props: {
@@ -15,7 +14,7 @@ const C = ["id"], w = ["aria-expanded", "aria-controls"], A = /* @__PURE__ */ s(
   emits: ["click"],
   setup(t, { emit: r }) {
     const a = r;
-    return (o, e) => (d(), l("div", {
+    return (o, e) => (d(), s("div", {
       id: `${t.id}`,
       class: n(["uikit-flex uikit-items-center uikit-justify-around", [
         o.$attrs["btn-wrapper-classes"],
@@ -53,5 +52,5 @@ const C = ["id"], w = ["aria-expanded", "aria-controls"], A = /* @__PURE__ */ s(
   }
 });
 export {
-  A as default
+  b as default
 };

package/dist/{packages/components/lib → lib}/UIKit/Accordion/BaseAccordionItem.vue.js

@@ -1,9 +1,8 @@
 import { defineComponent as $, ref as y, inject as v, watch as r, unref as d, createElementBlock as f, openBlock as u, normalizeClass as m, createBlock as g, createCommentVNode as O, renderSlot as a, createElementVNode as k, withModifiers as A, createVNode as w, withCtx as n } from "vue";
 import B from "./BaseAccordionBtn.vue.js";
 import E from "./BaseAccordionContent.vue.js";
-import { ArrowIcon as W } from "../../../node_modules/@wikicasa-dev/svg-icons/dist/ArrowIcon.js";
-import "../../../node_modules/@wikicasa-dev/svg-icons/dist/PharmacyIcon.js";
-const x = { key: 0 }, I = ["id", "data-cy", "aria-expanded", "aria-controls"], M = ["itemprop", "innerHTML"], P = /* @__PURE__ */ $({
+import { ArrowIcon as W } from "@wikicasa-dev/svg-icons";
+const x = { key: 0 }, I = ["id", "data-cy", "aria-expanded", "aria-controls"], M = ["itemprop", "innerHTML"], L = /* @__PURE__ */ $({
   inheritAttrs: !1,
   __name: "BaseAccordionItem",
   props: {
@@ -136,5 +135,5 @@ const x = { key: 0 }, I = ["id", "data-cy", "aria-expanded", "aria-controls"], M
   }
 });
 export {
-  P as default
+  L as default
 };

package/dist/{packages/components/lib → lib}/UIKit/BaseAutocomplete.vue.js

@@ -1,13 +1,10 @@
-import { defineComponent as P, mergeModels as y, useModel as F, ref as d, computed as k, onBeforeMount as L, watch as f, createBlock as g, openBlock as w, normalizeClass as H, withCtx as s, createElementBlock as K, Fragment as T, renderList as z, unref as A, createElementVNode as N, createVNode as U, renderSlot as $ } from "vue";
-import W from "../../../../UIKit/BaseInput.js";
+import { defineComponent as P, mergeModels as y, useModel as F, ref as d, computed as k, onBeforeMount as L, watch as f, createBlock as g, openBlock as w, normalizeClass as H, withCtx as s, createElementBlock as K, Fragment as T, renderList as z, unref as N, createElementVNode as U, createVNode as A, renderSlot as $ } from "vue";
+import W from "../../UIKit/BaseInput.js";
 import j from "./BaseDropDown.vue.js";
-import "../../node_modules/js-cookie/dist/js.cookie.js";
-import "date-fns";
-import { debounce as q } from "../../node_modules/@wikicasa-dev/utilities/dist/utils/FunctionUtils.js";
-import "../../../../_virtual/polyline.js";
+import { debounce as q } from "@wikicasa-dev/utilities";
 import G from "./BaseSelect/SelectItem.vue.js";
-import { useKeyboardController as J } from "../../node_modules/@wikicasa-dev/vue-composables/dist/useKeyboardController.js";
-const Q = ["innerHTML"], oe = /* @__PURE__ */ P({
+import { useKeyboardController as J } from "@wikicasa-dev/vue-composables";
+const Q = ["innerHTML"], le = /* @__PURE__ */ P({
   __name: "BaseAutocomplete",
   props: /* @__PURE__ */ y({
     isValid: { type: [Boolean, null], default: null },
@@ -137,7 +134,7 @@ const Q = ["innerHTML"], oe = /* @__PURE__ */ P({
       })
     }, {
       btn_slot: s(() => [
-        U(W, {
+        A(W, {
           id: e.$attrs.id ? `ac_input_${e.$attrs.id}` : "",
           ref_key: "baseInput",
           ref: p,
@@ -171,13 +168,13 @@ const Q = ["innerHTML"], oe = /* @__PURE__ */ P({
       default: s(() => [
         (w(!0), K(T, null, z(a.value, (o, b) => (w(), g(G, {
           key: b,
-          active: A(m) === b,
+          active: N(m) === b,
           class: "uikit-m-1 uikit-rounded-[5px] uikit-px-5 uikit-py-10px hover:uikit-cursor-pointer",
           onClick: (E) => C(o, b),
           onMouseover: (E) => m.value = b
         }, {
           default: s(() => [
-            N("span", {
+            U("span", {
               innerHTML: o.label
             }, null, 8, Q)
           ]),
@@ -189,5 +186,5 @@ const Q = ["innerHTML"], oe = /* @__PURE__ */ P({
   }
 });
 export {
-  oe as default
+  le as default
 };

package/dist/{packages/components/lib → lib}/UIKit/BaseBreadcrumb.vue.js

@@ -1,7 +1,6 @@
-import { defineComponent as d, computed as k, createElementBlock as i, openBlock as l, createElementVNode as n, normalizeClass as r, Fragment as u, renderList as h, renderSlot as c, toDisplayString as b, createVNode as p, unref as f } from "vue";
-import { ArrowIcon as C } from "../../node_modules/@wikicasa-dev/svg-icons/dist/ArrowIcon.js";
-import "../../node_modules/@wikicasa-dev/svg-icons/dist/PharmacyIcon.js";
-const g = { "aria-label": "Breadcrumb" }, w = ["data-tooltip"], I = ["href"], $ = /* @__PURE__ */ d({
+import { defineComponent as d, computed as k, createElementBlock as l, openBlock as i, createElementVNode as n, normalizeClass as r, Fragment as u, renderList as h, renderSlot as c, toDisplayString as b, createVNode as f, unref as p } from "vue";
+import { ArrowIcon as C } from "@wikicasa-dev/svg-icons";
+const g = { "aria-label": "Breadcrumb" }, w = ["data-tooltip"], I = ["href"], y = /* @__PURE__ */ d({
   __name: "BaseBreadcrumb",
   props: {
     items: {},
@@ -16,12 +15,12 @@ const g = { "aria-label": "Breadcrumb" }, w = ["data-tooltip"], I = ["href"], $
         a.push({ ...t.items[e], idx: e }), e < t.items.length - 1 && a.push({ arrowIcon: !0 }), e++;
       return a;
     });
-    return (e, a) => (l(), i("nav", g, [
+    return (e, a) => (i(), l("nav", g, [
       n("ol", {
         class: r(["uikit-flex uikit-items-center uikit-gap-10px uikit-p-0", t.listClasses])
       }, [
-        (l(!0), i(u, null, h(m.value, (s, o) => (l(), i(u, null, [
-          s?.label ? (l(), i("li", {
+        (i(!0), l(u, null, h(m.value, (s, o) => (i(), l(u, null, [
+          s?.label ? (i(), l("li", {
             key: `breadcrumb-li-${o}`,
             class: r(["uikit-list-none", t.listItemClasses]),
             "data-tooltip": s.dataTooltip
@@ -34,13 +33,13 @@ const g = { "aria-label": "Breadcrumb" }, w = ["data-tooltip"], I = ["href"], $
                 href: s.link
               }, b(s.label), 11, I)
             ])
-          ], 10, w)) : (l(), i("li", {
+          ], 10, w)) : (i(), l("li", {
             key: `breadcrumb-li-no-label-${o}`,
             class: r(["uikit-list-none", t.listItemClasses]),
             "aria-hidden": "true"
           }, [
             c(e.$slots, "separator", {}, () => [
-              p(f(C), {
+              f(p(C), {
                 class: "-uikit-rotate-90",
                 "stroke-color": "#222",
                 width: 10,
@@ -54,5 +53,5 @@ const g = { "aria-label": "Breadcrumb" }, w = ["data-tooltip"], I = ["href"], $
   }
 });
 export {
-  $ as default
+  y as default
 };

package/dist/{packages/components/lib → lib}/UIKit/BaseButton.vue.js

@@ -1,5 +1,5 @@
 import { defineComponent as c, ref as b, computed as l, createElementBlock as f, openBlock as v, withModifiers as s, normalizeStyle as B, normalizeClass as C, renderSlot as u, createVNode as M } from "vue";
-import z from "../../../../UIKit/StaticSpinner.js";
+import z from "../../UIKit/StaticSpinner.js";
 const L = ["id", "data-cy", "type", "data-active", "disabled", "aria-label", "title"], $ = /* @__PURE__ */ c({
   __name: "BaseButton",
   props: {

package/dist/{packages/components/lib → lib}/UIKit/BaseDropDown.vue.js

@@ -1,9 +1,8 @@
-import { defineComponent as A, mergeModels as b, useId as L, useModel as M, ref as h, computed as E, useTemplateRef as O, watch as d, onBeforeMount as W, onMounted as $, onUnmounted as H, createElementBlock as K, openBlock as c, withModifiers as y, normalizeClass as l, renderSlot as C, createBlock as g, createVNode as N, unref as a, withCtx as D, createElementVNode as T, createCommentVNode as V, resolveDynamicComponent as q } from "vue";
+import { defineComponent as L, mergeModels as b, useId as M, useModel as A, ref as h, computed as E, useTemplateRef as O, watch as d, onBeforeMount as W, onMounted as $, onUnmounted as H, createElementBlock as K, openBlock as c, withModifiers as y, normalizeClass as l, renderSlot as C, createBlock as g, createVNode as N, unref as a, withCtx as D, createElementVNode as T, createCommentVNode as V, resolveDynamicComponent as q } from "vue";
 import z from "./BaseButton.vue.js";
-import { ArrowIcon as R } from "../../node_modules/@wikicasa-dev/svg-icons/dist/ArrowIcon.js";
-import "../../node_modules/@wikicasa-dev/svg-icons/dist/PharmacyIcon.js";
-import { useKeyboardController as U } from "../../node_modules/@wikicasa-dev/vue-composables/dist/useKeyboardController.js";
-const j = ["innerHTML"], Y = /* @__PURE__ */ A({
+import { ArrowIcon as R } from "@wikicasa-dev/svg-icons";
+import { useKeyboardController as U } from "@wikicasa-dev/vue-composables";
+const j = ["innerHTML"], X = /* @__PURE__ */ L({
   inheritAttrs: !1,
   __name: "BaseDropDown",
   props: /* @__PURE__ */ b({
@@ -28,7 +27,7 @@ const j = ["innerHTML"], Y = /* @__PURE__ */ A({
   }),
   emits: /* @__PURE__ */ b(["click", "update:dropdownState"], ["update:toggleDropdown"]),
   setup(t, { emit: x }) {
-    const i = t, f = L(), k = x, w = M(t, "toggleDropdown"), o = h(!1), r = h([]), B = E(() => r.value.length), m = O("dropdown"), { activeIdx: v, selectedIdx: u } = U({
+    const i = t, f = M(), k = x, w = A(t, "toggleDropdown"), o = h(!1), r = h([]), B = E(() => r.value.length), m = O("dropdown"), { activeIdx: v, selectedIdx: u } = U({
       optionsLength: B,
       isDropdownOpen: o,
       activate: i.activateKeyboardController
@@ -131,5 +130,5 @@ const j = ["innerHTML"], Y = /* @__PURE__ */ A({
   }
 });
 export {
-  Y as default
+  X as default
 };

package/dist/{packages/components/lib → lib}/UIKit/BaseInput.vue.js

@@ -1,6 +1,6 @@
 import { defineComponent as z, mergeModels as C, useModel as A, ref as m, watch as w, useAttrs as N, createElementBlock as r, openBlock as u, normalizeClass as v, unref as s, renderSlot as c, createElementVNode as h, createBlock as O, createCommentVNode as y, withKeys as j, withModifiers as $, Fragment as T, renderList as B } from "vue";
-import D from "../../../../UIKit/BaseFloatingLabel.js";
-import { useFloatingLabel as G } from "../../../../composables/useFloatingLabel.js";
+import D from "../../UIKit/BaseFloatingLabel.js";
+import { useFloatingLabel as G } from "../../composables/useFloatingLabel.js";
 const J = ["id", "data-cy", "name", "autocomplete", "disabled", "aria-labelledby", "readonly", "type", "pattern", "min", "max", "maxlength", "inputmode", "placeholder", "value"], Q = { 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" }, W = ["innerHTML"], X = ["innerHTML"], Y = ["innerHTML"], Z = {
   key: 1,
   class: "under-label uikit-absolute uikit-text-12"

package/dist/{packages/components/lib → lib}/UIKit/BaseModal.vue.js

@@ -1,12 +1,7 @@
-import { defineComponent as T, ref as n, useTemplateRef as z, onUnmounted as H, watch as I, createBlock as O, openBlock as k, Teleport as $, createElementVNode as l, normalizeClass as s, withModifiers as y, createElementBlock as h, createCommentVNode as w, renderSlot as d, createVNode as D, unref as K, nextTick as N } from "vue";
-import "../../node_modules/js-cookie/dist/js.cookie.js";
-import "date-fns";
-import { isWindows as C } from "../../node_modules/@wikicasa-dev/utilities/dist/utils/DeviceDetectionUtils.js";
-import { awaitableSetTimeout as S } from "../../node_modules/@wikicasa-dev/utilities/dist/utils/GenericUtils.js";
-import "../../../../_virtual/polyline.js";
-import { CloseIcon as V } from "../../node_modules/@wikicasa-dev/svg-icons/dist/CloseIcon.js";
-import "../../node_modules/@wikicasa-dev/svg-icons/dist/PharmacyIcon.js";
-const F = ["id", "data-cy"], U = ["innerHTML"], Q = /* @__PURE__ */ T({
+import { defineComponent as T, ref as n, useTemplateRef as z, onUnmounted as H, watch as I, createBlock as O, openBlock as r, Teleport as $, createElementVNode as l, normalizeClass as s, withModifiers as y, createElementBlock as h, createCommentVNode as w, renderSlot as d, createVNode as D, unref as K, nextTick as N } from "vue";
+import { isWindows as C, awaitableSetTimeout as S } from "@wikicasa-dev/utilities";
+import { CloseIcon as V } from "@wikicasa-dev/svg-icons";
+const F = ["id", "data-cy"], U = ["innerHTML"], R = /* @__PURE__ */ T({
   __name: "BaseModal",
   props: {
     id: { default: "base-bt-modal" },
@@ -28,16 +23,16 @@ const F = ["id", "data-cy"], U = ["innerHTML"], Q = /* @__PURE__ */ T({
     titleClasses: {}
   },
   emits: ["closed", "opened", "dialogClick"],
-  setup(e, { emit: p }) {
-    const c = p, i = n(!1), m = n(null), a = z("modalDialog"), r = n(!1), u = n(!1), f = ({ key: t }) => {
+  setup(e, { emit: g }) {
+    const c = g, i = n(!1), m = n(null), a = z("modalDialog"), k = n(!1), u = n(!1), f = ({ key: t }) => {
       t === "Escape" && o();
-    }, g = () => {
+    }, x = () => {
       document?.body.addEventListener("keydown", f);
     }, b = () => {
       document?.body.removeEventListener("keydown", f);
-    }, x = async () => {
+    }, p = async () => {
       i.value = !0, N(() => {
-        g(), C() ? document?.body.classList.add("uikit-no-scrolling", "sm:uikit-pr-15px") : document?.body.classList.add("uikit-no-scrolling");
+        x(), C() ? document?.body.classList.add("uikit-no-scrolling", "sm:uikit-pr-15px") : document?.body.classList.add("uikit-no-scrolling");
       }), c("opened"), e.autoClose !== void 0 && setTimeout(() => {
         o();
       }, e.autoClose);
@@ -63,10 +58,10 @@ const F = ["id", "data-cy"], U = ["innerHTML"], Q = /* @__PURE__ */ T({
     }), I(
       () => e.showModal,
       async (t) => {
-        !t && !i.value ? r.value = !0 : r.value = !1, t && !i.value && await x(), !t && i.value && await o(), i.value = t;
+        !t && !i.value ? k.value = !0 : k.value = !1, t && !i.value && await p(), !t && i.value && await o(), i.value = t;
       },
       { immediate: !0 }
-    ), (t, v) => (k(), O($, { to: "body" }, [
+    ), (t, v) => (r(), O($, { to: "body" }, [
       l("div", {
         ref_key: "backdropEl",
         ref: m,
@@ -77,7 +72,7 @@ const F = ["id", "data-cy"], U = ["innerHTML"], Q = /* @__PURE__ */ T({
           },
           { "uikit-bg-transparent": !i.value },
           { "sm:uikit-pt-[30px]": !e.centered },
-          { hide: r.value }
+          { hide: k.value }
         ]]),
         style: { "z-index": "1062" },
         onClick: L,
@@ -103,7 +98,7 @@ const F = ["id", "data-cy"], U = ["innerHTML"], Q = /* @__PURE__ */ T({
           l("div", {
             class: s(["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(), h("button", {
+            e.withCloseIcon ? (r(), h("button", {
               key: 0,
               id: "close-icon-btn",
               "data-cy": "bbt-default-close-icon-btn",
@@ -130,7 +125,7 @@ const F = ["id", "data-cy"], U = ["innerHTML"], Q = /* @__PURE__ */ T({
           }, [
             d(t.$slots, "body", { closeModal: o })
           ], 2),
-          t.$slots.footer ? (k(), h("div", {
+          t.$slots.footer ? (r(), h("div", {
             key: 0,
             class: s(["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])
           }, [
@@ -143,5 +138,5 @@ const F = ["id", "data-cy"], U = ["innerHTML"], Q = /* @__PURE__ */ T({
   }
 });
 export {
-  Q as default
+  R as default
 };

package/dist/{packages/components/lib → lib}/UIKit/BasePagination.vue.js

@@ -1,6 +1,5 @@
 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 { ArrowIcon as B } from "../../node_modules/@wikicasa-dev/svg-icons/dist/ArrowIcon.js";
-import "../../node_modules/@wikicasa-dev/svg-icons/dist/PharmacyIcon.js";
+import { ArrowIcon as B } from "@wikicasa-dev/svg-icons";
 const Q = {
   "aria-label": "Page navigation",
   class: "uikit-overflow-auto"
@@ -19,7 +18,7 @@ const Q = {
 }, K = ["data-cy"], W = {
   key: 0,
   class: "uikit-mx-10px uikit-select-none"
-}, I = /* @__PURE__ */ O({
+}, Z = /* @__PURE__ */ O({
   __name: "BasePagination",
   props: /* @__PURE__ */ V({
     count: { default: 0 },
@@ -225,5 +224,5 @@ const Q = {
   }
 });
 export {
-  I as default
+  Z as default
 };

package/dist/{packages/components/lib → lib}/UIKit/BaseSlider.vue.js

@@ -1,5 +1,5 @@
 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 C from "../../../../UIKit/BaseInput.js";
+import C from "../../UIKit/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__ */ _({

package/dist/{packages/components/lib → lib}/UIKit/BaseSnackbar.vue.js

@@ -1,8 +1,7 @@
 import { defineComponent as x, mergeModels as I, useModel as w, ref as b, watch as y, nextTick as $, createBlock as s, openBlock as r, unref as i, withCtx as a, renderSlot as f, createVNode as n, normalizeClass as m, createCommentVNode as p, normalizeStyle as B } from "vue";
-import { CloseIcon as V } from "../../node_modules/@wikicasa-dev/svg-icons/dist/CloseIcon.js";
-import "../../node_modules/@wikicasa-dev/svg-icons/dist/PharmacyIcon.js";
+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 E = /* @__PURE__ */ x({
+const q = /* @__PURE__ */ x({
   inheritAttrs: !1,
   __name: "BaseSnackbar",
   props: /* @__PURE__ */ I({
@@ -142,5 +141,5 @@ const E = /* @__PURE__ */ x({
   }
 });
 export {
-  E as default
+  q as default
 };

package/dist/{packages/components/lib → lib}/UIKit/BaseTextarea.vue.js

@@ -1,6 +1,6 @@
 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 F from "../../../../UIKit/BaseFloatingLabel.js";
-import { useFloatingLabel as B } from "../../../../composables/useFloatingLabel.js";
+import F from "../../UIKit/BaseFloatingLabel.js";
+import { useFloatingLabel as B } from "../../composables/useFloatingLabel.js";
 const z = ["id", "data-cy", "rows", "disabled", "aria-labelledby", "readonly", "value"], E = {
   key: 0,
   class: "uikit-visible uikit-float-none uikit-ml-2 uikit-block uikit-h-3 uikit-w-auto uikit-max-w-full uikit-overflow-hidden uikit-whitespace-nowrap uikit-p-0 uikit-text uikit-duration-[50s] uikit-ease-out"

package/dist/{packages/components/lib → 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 d, renderSlot as h } from "vue";
-import v from "../../../../UIKit/BaseFloatingLabel.js";
+import v from "../../UIKit/BaseFloatingLabel.js";
 const w = ["innerHTML"], C = ["for"], g = ["id", "multiple", "accept"], B = /* @__PURE__ */ b({
   inheritAttrs: !1,
   __name: "BaseUploadFile",

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

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

package/dist/{packages/components/lib → 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 a, createBlock as m, normalizeStyle as s, normalizeClass as o } from "vue";
-import u from "../../../../../UIKit/ShimmerLoader/BaseShimmerLoader.js";
+import u from "../../../UIKit/ShimmerLoader/BaseShimmerLoader.js";
 const k = /* @__PURE__ */ i({
   __name: "ShimmerMultiLine",
   props: {

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

@@ -1,7 +1,7 @@
 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";
+import { useChartJsModules as g } from "../../chart/composables/useChartjsModules.js";
 const y = /* @__PURE__ */ s({
   __name: "DoughnutChart",
   props: {

package/dist/{packages/components/lib → 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 v, LinearScale as y } from "chart.js";
-import { useChartJsModules as M } from "../../../../chart/composables/useChartjsModules.js";
+import { useChartJsModules as M } from "../../chart/composables/useChartjsModules.js";
 const F = /* @__PURE__ */ m({
   __name: "LineChart",
   props: {