@wikicasa-dev/components 2.2.8-alpha.18 → 2.2.8-alpha.2

package/dist/index.js

@@ -1,92 +1,89 @@
-import { default as d } from "./packages/components/lib/UIKit/Accordion/BaseAccordion.vue.js";
-import { default as x } from "./packages/components/lib/UIKit/Accordion/BaseAccordionBtn.vue.js";
-import { default as B } from "./packages/components/lib/UIKit/Accordion/BaseAccordionContent.vue.js";
-import { default as c } from "./packages/components/lib/UIKit/Accordion/BaseAccordionItem.vue.js";
-import './assets/BaseSnackbar.css';import './assets/BaseModal.css';import './assets/BaseDropDown.css';import './assets/BaseBadge.css';import './assets/ClearableAutocomplete.css';import './assets/BaseAutocomplete.css';import './assets/BaseAlert.css';import './assets/BaseAccordionItem.css';/* empty css                                                               */
-import { default as b } from "./packages/components/lib/UIKit/BaseSelect/SelectItem.vue.js";
+import { default as m } from "./packages/components/lib/UIKit/Accordion/BaseAccordion.vue.js";
+import { default as u } from "./packages/components/lib/UIKit/Accordion/BaseAccordionBtn.vue.js";
+import { default as i } from "./packages/components/lib/UIKit/Accordion/BaseAccordionContent.vue.js";
+import { default as n } from "./packages/components/lib/UIKit/Accordion/BaseAccordionItem.vue.js";
+import './assets/BaseSnackbar.css';import './assets/BaseModal.css';import './assets/BaseDropDown.css';import './assets/BaseBadge.css';import './assets/BaseAutocomplete.css';import './assets/BaseAlert.css';import './assets/BaseAccordionItem.css';/* empty css                                                               */
+import { default as S } from "./packages/components/lib/UIKit/BaseSelect/SelectItem.vue.js";
 import { default as g } from "./packages/components/lib/UIKit/Checkbox/CheckboxBtn.vue.js";
 import { default as h } from "./packages/components/lib/UIKit/Checkbox/CheckboxGroup.vue.js";
-import { default as I } from "./packages/components/lib/UIKit/Tab/BaseTabView.vue.js";
-import { default as L } from "./packages/components/lib/UIKit/Tab/BaseTab.vue.js";
-import { default as D } from "./packages/components/lib/UIKit/Radio/RadioButton.vue.js";
-import { default as F } from "./packages/components/lib/UIKit/Radio/RadioGroup.vue.js";
-import { default as M } from "./packages/components/lib/UIKit/AccessibleSelect.vue.js";
-import { default as R } from "./packages/components/lib/UIKit/BaseAlert.vue.js";
+import { default as T } from "./packages/components/lib/UIKit/Tab/BaseTabView.vue.js";
+import { default as w } from "./packages/components/lib/UIKit/Tab/BaseTab.vue.js";
+import { default as k } from "./packages/components/lib/UIKit/Radio/RadioButton.vue.js";
+import { default as v } from "./packages/components/lib/UIKit/Radio/RadioGroup.vue.js";
+import { default as G } from "./packages/components/lib/UIKit/AccessibleSelect.vue.js";
+import { default as O } from "./packages/components/lib/UIKit/BaseAlert.vue.js";
 /* empty css                                             */
-import { default as U } from "./packages/components/lib/UIKit/BaseAutocomplete.vue.js";
+import { default as P } from "./packages/components/lib/UIKit/BaseAutocomplete.vue.js";
 /* empty css                                                    */
-import { default as j } from "./packages/components/lib/UIKit/Autocomplete/ClearableAutocomplete.vue.js";
-/* empty css                                                                      */
-import { default as y } from "./packages/components/lib/UIKit/BaseBadge.vue.js";
+import { default as V } from "./packages/components/lib/UIKit/BaseBadge.vue.js";
 /* empty css                                             */
-import { default as E } from "./packages/components/lib/UIKit/BaseButton.vue.js";
-import { default as J } from "./UIKit/BaseCard.js";
-import { default as N } from "./UIKit/BaseComplexToggle.js";
-import { default as W } from "./packages/components/lib/UIKit/BaseDropDown.vue.js";
+import { default as q } from "./packages/components/lib/UIKit/BaseButton.vue.js";
+import { default as z } from "./UIKit/BaseCard.js";
+import { default as H } from "./UIKit/BaseComplexToggle.js";
+import { default as K } from "./packages/components/lib/UIKit/BaseDropDown.vue.js";
 /* empty css                                                */
-import { default as Y } from "./UIKit/BaseFloatingLabel.js";
-import { default as _ } from "./UIKit/BaseInput.js";
-import { default as ee } from "./packages/components/lib/UIKit/BasePagination.vue.js";
-import { default as oe } from "./UIKit/BaseSlider.js";
-import { default as re } from "./UIKit/BaseTextarea.js";
-import { default as se } from "./UIKit/BaseToggle.js";
-import { default as pe } from "./UIKit/BaseTooltip.js";
-import { default as de } from "./packages/components/lib/UIKit/BaseUploadFile.vue.js";
-import { default as xe } from "./packages/components/lib/UIKit/BaseModal.vue.js";
+import { default as Q } from "./UIKit/BaseFloatingLabel.js";
+import { default as X } from "./UIKit/BaseInput.js";
+import { default as Z } from "./packages/components/lib/UIKit/BasePagination.vue.js";
+import { default as $ } from "./UIKit/BaseSlider.js";
+import { default as ae } from "./UIKit/BaseTextarea.js";
+import { default as te } from "./UIKit/BaseToggle.js";
+import { default as fe } from "./UIKit/BaseTooltip.js";
+import { default as le } from "./packages/components/lib/UIKit/BaseUploadFile.vue.js";
+import { default as me } from "./packages/components/lib/UIKit/BaseModal.vue.js";
 /* empty css                                             */
-import { default as Be } from "./UIKit/StaticSpinner.js";
-import { default as ce } from "./UIKit/ShimmerLoader/BaseShimmerLoader.js";
-import { default as be } from "./packages/components/lib/UIKit/ShimmerLoader/ShimmerMultiLine.vue.js";
-import { default as ge } from "./packages/components/lib/chart/DoughnutChart.vue.js";
-import { default as he } from "./packages/components/lib/chart/LineChart.vue.js";
-import { default as Ie } from "./UIKit/Slider/SimpleSlider.js";
-import { default as Le } from "./packages/components/lib/UIKit/BaseSnackbar.vue.js";
+import { default as ue } from "./UIKit/StaticSpinner.js";
+import { default as ie } from "./UIKit/ShimmerLoader/BaseShimmerLoader.js";
+import { default as ne } from "./packages/components/lib/UIKit/ShimmerLoader/ShimmerMultiLine.vue.js";
+import { default as Se } from "./packages/components/lib/chart/DoughnutChart.vue.js";
+import { default as ge } from "./packages/components/lib/chart/LineChart.vue.js";
+import { default as he } from "./UIKit/Slider/SimpleSlider.js";
+import { default as Te } from "./packages/components/lib/UIKit/BaseSnackbar.vue.js";
 /* empty css                                                */
-import { default as De } from "./packages/components/lib/components/IntersectionObserver/IntersectionObservable.vue.js";
-import { default as Fe } from "./packages/components/lib/components/IntersectionObserver/IntersectionObserver.vue.js";
-import { default as Me } from "./components/carousel/SwiperCarousel.js";
-import { default as Re } from "./components/carousel/SwiperSlide.js";
-import { default as Ue } from "./packages/components/lib/UIKit/BaseBreadcrumb.vue.js";
+import { default as we } from "./packages/components/lib/components/IntersectionObserver/IntersectionObservable.vue.js";
+import { default as ke } from "./packages/components/lib/components/IntersectionObserver/IntersectionObserver.vue.js";
+import { default as ve } from "./components/carousel/SwiperCarousel.js";
+import { default as Ge } from "./components/carousel/SwiperSlide.js";
+import { default as Oe } from "./packages/components/lib/UIKit/BaseBreadcrumb.vue.js";
 export {
-  M as AccessibleSelect,
-  d as BaseAccordion,
-  x as BaseAccordionBtn,
-  B as BaseAccordionContent,
-  c as BaseAccordionItem,
-  R as BaseAlert,
-  U as BaseAutocomplete,
-  y as BaseBadge,
-  Ue as BaseBreadcrumb,
-  E as BaseButton,
-  J as BaseCard,
-  N as BaseComplexToggle,
-  W as BaseDropDown,
-  Y as BaseFloatingLabel,
-  _ as BaseInput,
-  xe as BaseModal,
-  ee as BasePagination,
-  ce as BaseShimmerLoader,
-  oe as BaseSlider,
-  Le as BaseSnackbar,
-  L as BaseTab,
-  I as BaseTabView,
-  re as BaseTextarea,
-  se as BaseToggle,
-  pe as BaseTooltip,
-  de as BaseUploadFile,
+  G as AccessibleSelect,
+  m as BaseAccordion,
+  u as BaseAccordionBtn,
+  i as BaseAccordionContent,
+  n as BaseAccordionItem,
+  O as BaseAlert,
+  P as BaseAutocomplete,
+  V as BaseBadge,
+  Oe as BaseBreadcrumb,
+  q as BaseButton,
+  z as BaseCard,
+  H as BaseComplexToggle,
+  K as BaseDropDown,
+  Q as BaseFloatingLabel,
+  X as BaseInput,
+  me as BaseModal,
+  Z as BasePagination,
+  ie as BaseShimmerLoader,
+  $ as BaseSlider,
+  Te as BaseSnackbar,
+  w as BaseTab,
+  T as BaseTabView,
+  ae as BaseTextarea,
+  te as BaseToggle,
+  fe as BaseTooltip,
+  le as BaseUploadFile,
   g as CheckboxBtn,
   h as CheckboxGroup,
-  j as ClearableAutocomplete,
-  ge as DoughnutChart,
-  De as IntersectionObservable,
-  Fe as IntersectionObserver,
-  he as LineChart,
-  D as RadioButton,
-  F as RadioGroup,
-  b as SelectItem,
-  be as ShimmerMultiLine,
-  Ie as SimpleSlider,
-  Be as StaticSpinner,
-  Me as SwiperCarousel,
-  Re as SwiperSlide
+  Se as DoughnutChart,
+  we as IntersectionObservable,
+  ke as IntersectionObserver,
+  ge as LineChart,
+  k as RadioButton,
+  v as RadioGroup,
+  S as SelectItem,
+  ne as ShimmerMultiLine,
+  he as SimpleSlider,
+  ue as StaticSpinner,
+  ve as SwiperCarousel,
+  Ge as SwiperSlide
 };

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

@@ -1,6 +1,6 @@
-import { defineComponent as n, inject as c, createBlock as u, openBlock as d, unref as t, withCtx as a, createVNode as s, normalizeClass as r, renderSlot as l, createTextVNode as f, toDisplayString as k } from "vue";
-import { AccordionItem as h, AccordionHeader as m, AccordionTrigger as g, AccordionContent as w } from "reka-ui";
-import { ArrowIcon as C } from "@wikicasa-dev/svg-icons";
+import { defineComponent as n, inject as c, createBlock as u, openBlock as d, unref as t, withCtx as s, createVNode as a, renderSlot as r, normalizeClass as l, createTextVNode as k, toDisplayString as f } from "vue";
+import { AccordionItem as h, AccordionHeader as m, AccordionTrigger as C, AccordionContent as w } from "reka-ui";
+import { ArrowIcon as g } from "@wikicasa-dev/svg-icons";
 const b = /* @__PURE__ */ n({
   __name: "BaseAccordionItem",
   props: {
@@ -12,8 +12,7 @@ const b = /* @__PURE__ */ n({
     triggerClasses: {},
     headerClasses: {},
     contentClasses: {},
-    arrowClasses: {},
-    headerTag: { default: "h3" }
+    arrowClasses: {}
   },
   setup(e) {
     const o = c("isActive");
@@ -21,32 +20,29 @@ const b = /* @__PURE__ */ n({
       value: e.value,
       "data-cy": e.dataCy
     }, {
-      default: a(() => [
-        s(t(m), {
-          as: e.headerTag,
-          class: r([
-            e.headerClasses,
-            "uikit-flex uikit-items-center uikit-justify-between"
-          ])
+      default: s(() => [
+        a(t(m), {
+          class: "uikit-flex uikit-items-center uikit-justify-between",
+          "header-classes": e.headerClasses
         }, {
-          default: a(() => [
-            l(i.$slots, "header-content"),
-            s(t(g), {
-              class: r([
+          default: s(() => [
+            r(i.$slots, "header-content"),
+            a(t(C), {
+              class: l([
                 e.triggerClasses,
                 {
                   "uikit-inline-flex uikit-cursor-pointer uikit-items-center uikit-justify-between uikit-border-0 uikit-bg-transparent uikit-px-[16px] uikit-py-[16px] uikit-text-left uikit-font-semibold": !i.$slots.trigger,
-                  "uikit-w-full": !i.$slots["header-content"]
+                  "uikit-w-full": !i.$slots.headerContent
                 }
               ])
             }, {
-              default: a(() => [
-                l(i.$slots, "trigger", {
+              default: s(() => [
+                r(i.$slots, "trigger", {
                   active: t(o)(e.value)
                 }, () => [
-                  f(k(e.title) + " ", 1),
-                  s(t(C), {
-                    class: r(["uikit-flex-shrink-0 uikit-transition-transform motion-reduce:uikit-transition-none", [t(o)(e.value) ? "uikit-rotate-180" : "", e.arrowClasses]]),
+                  k(f(e.title) + " ", 1),
+                  a(t(g), {
+                    class: l(["uikit-flex-shrink-0 uikit-transition-transform motion-reduce:uikit-transition-none", [t(o)(e.value) ? "uikit-rotate-180" : "", e.arrowClasses]]),
                     "arrow-classes": e.arrowClasses,
                     width: e.arrowWidth,
                     height: e.arrowWidth
@@ -57,18 +53,16 @@ const b = /* @__PURE__ */ n({
             }, 8, ["class"])
           ]),
           _: 3
-        }, 8, ["as", "class"]),
-        s(t(w), {
-          class: r([
-            e.contentClasses,
-            "uikit-base-accordion-item-content uikit-px-[16px]"
-          ])
+        }, 8, ["header-classes"]),
+        a(t(w), {
+          class: "uikit-base-accordion-item-content uikit-px-[16px]",
+          "content-classes": e.contentClasses
         }, {
-          default: a(() => [
-            l(i.$slots, "default")
+          default: s(() => [
+            r(i.$slots, "default")
           ]),
           _: 3
-        }, 8, ["class"])
+        }, 8, ["content-classes"])
       ]),
       _: 3
     }, 8, ["value", "data-cy"]));

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

@@ -31,7 +31,10 @@ const Q = ["innerHTML"], ne = /* @__PURE__ */ x({
   }),
   emits: /* @__PURE__ */ $(["update:dropdownState", "changedValue", "click", "keydown", "keydownEnterPressed"], ["update:modelValue"]),
   setup(t, { expose: S, emit: V }) {
-    const u = F(t, "modelValue"), r = V, i = d(""), a = d([]), v = d(null), b = d(!1), n = d(!1), C = d(null), B = k(() => a.value.length);
+    const u = F(
+      t,
+      "modelValue"
+    ), r = V, i = d(""), a = d([]), v = d(null), b = d(!1), n = d(!1), C = d(null), B = k(() => a.value.length);
     L(() => {
       v.value = q({ delay: 300 }, t.onInputChangeCb);
     });

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

@@ -1,11 +1,11 @@
-import { defineComponent as L, mergeModels as C, useId as E, useModel as h, ref as O, shallowRef as W, computed as $, useTemplateRef as T, watch as a, onBeforeMount as H, onMounted as N, onUnmounted as V, nextTick as R, createElementBlock as q, openBlock as f, withModifiers as g, normalizeClass as n, renderSlot as D, createBlock as x, createVNode as z, unref as d, withCtx as B, createElementVNode as U, createCommentVNode as j, resolveDynamicComponent as F } from "vue";
-import G from "./BaseButton.vue.js";
-import { ArrowIcon as J } from "@wikicasa-dev/svg-icons";
-import { useKeyboardController as P } from "@wikicasa-dev/vue-composables";
-const Q = ["innerHTML"], te = /* @__PURE__ */ L({
+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 n, 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 "@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__ */ C({
+  props: /* @__PURE__ */ b({
     dropdownClasses: { default: "" },
     btnClasses: { default: "" },
     withArrowIcon: { type: Boolean, default: !1 },
@@ -23,103 +23,87 @@ const Q = ["innerHTML"], te = /* @__PURE__ */ L({
     dataCy: { default: "" }
   }, {
     toggleDropdown: { type: Boolean, default: void 0 },
-    toggleDropdownModifiers: {},
-    resetKeyboardController: { type: Boolean, default: !1 },
-    resetKeyboardControllerModifiers: {}
+    toggleDropdownModifiers: {}
   }),
-  emits: /* @__PURE__ */ C(["click", "update:dropdownState"], ["update:toggleDropdown", "update:resetKeyboardController"]),
-  setup(t, { expose: I, emit: S }) {
-    const l = t, k = E(), w = S, v = h(t, "toggleDropdown"), m = h(
-      t,
-      "resetKeyboardController"
-    ), o = O(!1), s = W([]), M = $(() => s.value.length), p = T("dropdown"), { activeIdx: r, selectedIdx: i } = P({
-      optionsLength: M,
+  emits: /* @__PURE__ */ b(["click", "update:dropdownState"], ["update:toggleDropdown"]),
+  setup(t, { emit: B }) {
+    const i = t, f = M(), k = B, w = A(t, "toggleDropdown"), o = h(!1), r = h([]), x = E(() => r.value.length), v = O("dropdown"), { activeIdx: m, selectedIdx: u } = U({
+      optionsLength: x,
       isDropdownOpen: o,
-      activate: l.activateKeyboardController
+      activate: i.activateKeyboardController
     });
-    a(
-      () => l.openDropdown,
+    d(
+      () => i.openDropdown,
       (e) => {
         o.value = e;
       },
       {
         immediate: !0
       }
-    ), a(o, (e) => {
-      w("update:dropdownState", e);
-    }), a(v, (e) => {
-      e && (o.value = !o.value, v.value = !1);
-    }), a(i, (e) => {
-      e !== -1 && s.value[e].querySelector("a")?.click();
+    ), d(o, (e) => {
+      k("update:dropdownState", e);
+    }), d(w, (e) => {
+      e && (o.value = !o.value, w.value = !1);
+    }), d(u, (e) => {
+      e !== -1 && r.value[e].querySelector("a")?.click();
     });
-    const b = () => {
+    const p = () => {
       o.value = !1;
-    }, c = () => {
-      l.keepState === "closed" && !o.value || l.keepState === "opened" && o.value || (o.value = !o.value);
-    }, A = (e) => {
-      e != null && (r.value = e);
-    }, K = (e) => {
-      e != null && (i.value = e);
+    }, s = () => {
+      i.keepState === "closed" && !o.value || i.keepState === "opened" && o.value || (o.value = !o.value);
+    }, I = (e) => {
+      e != null && (m.value = e);
+    }, S = (e) => {
+      e != null && (u.value = e);
     };
-    H(() => {
-      l.closeWhenClickedOutside && document.body.addEventListener("click", b);
-    });
-    const y = () => {
-      p.value && (s.value = Array.from(p.value.children));
-    };
-    return N(() => {
-      y();
-    }), V(() => {
-      l.closeWhenClickedOutside && document.body.removeEventListener("click", b);
-    }), a(m, (e) => {
-      e && (r.value = -1, i.value = -1, R(() => {
-        y(), m.value = !1;
-      }));
-    }), I({
-      activeIdx: r,
-      selectedIdx: i
-    }), (e, u) => (f(), q("div", {
-      class: n(["uikit-relative uikit-block", e.$attrs.class]),
-      onClick: u[1] || (u[1] = g((X) => {
-        w("click"), c();
+    return W(() => {
+      i.closeWhenClickedOutside && document.body.addEventListener("click", p);
+    }), $(() => {
+      v.value && (r.value = v.value.children || []);
+    }), H(() => {
+      i.closeWhenClickedOutside && document.body.removeEventListener("click", p);
+    }), (e, a) => (c(), K("div", {
+      class: l(["uikit-relative uikit-block", e.$attrs.class]),
+      onClick: a[1] || (a[1] = y((F) => {
+        k("click"), s();
       }, ["stop"]))
     }, [
-      D(e.$slots, "btn_slot", {
-        toggleDropdown: c,
+      C(e.$slots, "btn_slot", {
+        toggleDropdown: s,
         isOpen: o.value
       }, () => [
-        z(G, {
-          id: d(k),
+        N(z, {
+          id: n(f),
           type: "button",
           "data-cy": t.dataCy,
-          class: n([
+          class: l([
             "!uikit-flex uikit-w-full uikit-items-center uikit-truncate",
             t.btnClasses
           ]),
           "aria-expanded": o.value,
           "btn-class": "uikit-btn-single-selection"
         }, {
-          default: B(() => [
-            U("span", {
-              class: n(["uikit-mr-5px", t.labelClasses]),
+          default: D(() => [
+            T("span", {
+              class: l(["uikit-mr-5px", t.labelClasses]),
               innerHTML: t.btnLabel
-            }, null, 10, Q),
-            t.withArrowIcon ? (f(), x(d(J), {
+            }, null, 10, j),
+            t.withArrowIcon ? (c(), g(n(R), {
               key: 0,
-              class: n(["uikit-shrink-0 uikit-transition-transform motion-reduce:uikit-transition-none", o.value ? "uikit-rotate-180" : ""]),
+              class: l(["uikit-shrink-0 uikit-transition-transform motion-reduce:uikit-transition-none", o.value ? "uikit-rotate-180" : ""]),
               width: t.arrowWidth,
               height: t.arrowWidth,
               "stroke-color": t.arrowStrokeColor
-            }, null, 8, ["class", "width", "height", "stroke-color"])) : j("", !0)
+            }, null, 8, ["class", "width", "height", "stroke-color"])) : V("", !0)
           ]),
           _: 1
         }, 8, ["id", "data-cy", "class", "aria-expanded"])
       ]),
-      (f(), x(F(t.dropdownElement), {
-        id: "dropdown_" + d(k),
+      (c(), g(q(t.dropdownElement), {
+        id: "dropdown_" + n(f),
         ref: "dropdown",
         "data-cy": t.dataCy && `${t.dataCy}_dropdown`,
-        class: n(["uikit-dropdown-content uikit-w-full uikit-flex-col uikit-overflow-y-auto uikit-border uikit-border-solid uikit-bg-white uikit-pl-0 uikit-opacity-100 uikit-shadow uikit-no-scrollbar", [
+        class: l(["uikit-dropdown-content uikit-w-full uikit-flex-col uikit-overflow-y-auto uikit-border uikit-border-solid uikit-bg-white uikit-pl-0 uikit-opacity-100 uikit-shadow uikit-no-scrollbar", [
           t.dropdownClasses,
           o.value ? "uikit-flex" : "uikit-hidden",
           { "uikit-bottom-[55px] uikit-rounded-xs": t.direction === "up" },
@@ -127,17 +111,17 @@ const Q = ["innerHTML"], te = /* @__PURE__ */ L({
           { "uikit-absolute": t.isAbsolute }
         ]]),
         "aria-hidden": !o.value,
-        onClick: u[0] || (u[0] = g(() => {
+        onClick: a[0] || (a[0] = y(() => {
         }, ["stop"]))
       }, {
-        default: B(() => [
-          D(e.$slots, "default", {
+        default: D(() => [
+          C(e.$slots, "default", {
             isOpen: o.value,
-            toggleDropdown: c,
-            activeIdx: d(r),
-            selectedIdx: d(i),
-            setActiveIdx: A,
-            setSelectedIdx: K
+            toggleDropdown: s,
+            activeIdx: n(m),
+            selectedIdx: n(u),
+            setActiveIdx: I,
+            setSelectedIdx: S
           })
         ]),
         _: 3
@@ -146,5 +130,5 @@ const Q = ["innerHTML"], te = /* @__PURE__ */ L({
   }
 });
 export {
-  te as default
+  X as default
 };

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

@@ -1,7 +1,7 @@
-import { defineComponent as I, ref as n, useTemplateRef as T, onUnmounted as z, watch as H, 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 { 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__ */ I({
+const F = ["id", "data-cy"], U = ["innerHTML"], R = /* @__PURE__ */ T({
   __name: "BaseModal",
   props: {
     id: { default: "base-bt-modal" },
@@ -11,7 +11,6 @@ const F = ["id", "data-cy"], U = ["innerHTML"], R = /* @__PURE__ */ I({
     customModalHeaderClasses: {},
     customModalBodyClasses: {},
     customModalFooterClasses: {},
-    closeIcon: {},
     withCloseIcon: { type: Boolean, default: !0 },
     showModal: { type: Boolean, default: !0 },
     headerTitle: { default: "" },
@@ -25,7 +24,7 @@ const F = ["id", "data-cy"], U = ["innerHTML"], R = /* @__PURE__ */ I({
   },
   emits: ["closed", "opened", "dialogClick"],
   setup(e, { emit: g }) {
-    const c = g, i = n(!1), m = n(null), a = T("modalDialog"), k = n(!1), u = n(!1), f = ({ key: t }) => {
+    const c = g, i = n(!1), m = n(null), a = z("modalDialog"), k = n(!1), u = n(!1), f = ({ key: t }) => {
       t === "Escape" && o();
     }, x = () => {
       document?.body.addEventListener("keydown", f);
@@ -54,9 +53,9 @@ const F = ["id", "data-cy"], U = ["innerHTML"], R = /* @__PURE__ */ I({
         m.value?.classList.add("uikit-hidden"), c("closed");
       }, 250);
     };
-    return z(() => {
+    return H(() => {
       b(), document?.documentElement.classList.remove("uikit-no-scrolling"), C() ? document?.body.classList.remove("uikit-no-scrolling", "sm:uikit-pr-15px") : document?.body.classList.remove("uikit-no-scrolling");
-    }), H(
+    }), I(
       () => e.showModal,
       async (t) => {
         !t && !i.value ? k.value = !0 : k.value = !1, t && !i.value && await p(), !t && i.value && await o(), i.value = t;
@@ -103,16 +102,16 @@ const F = ["id", "data-cy"], U = ["innerHTML"], R = /* @__PURE__ */ I({
               key: 0,
               id: "close-icon-btn",
               "data-cy": "bbt-default-close-icon-btn",
-              class: s(["uikit-absolute uikit-right-15px uikit-top-15px uikit-z-10 uikit-bg-transparent uikit-p-5px", e.closeIconBtnClasses]),
+              class: s(["uikit-absolute uikit-right-15px uikit-top-15px uikit-z-10 uikit-bg-transparent", e.closeIconBtnClasses]),
               type: "button",
               "aria-label": "Close",
               onClick: y(o, ["prevent", "stop"])
             }, [
               D(K(V), {
-                class: s(["bbt-close-icon uikit-box-border", e.closeIcon?.classes]),
-                width: e.closeIcon?.size || 30,
-                height: e.closeIcon?.size || 30
-              }, null, 8, ["class", "width", "height"])
+                class: "bbt-close-icon uikit-box-border uikit-p-5px",
+                width: 30,
+                height: 30
+              })
             ], 2)) : w("", !0),
             d(t.$slots, "header", { closeModal: o }, () => [
               l("span", {

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

@@ -14,7 +14,7 @@ const N = ["for"], j = /* @__PURE__ */ m({
     label: { default: "" },
     modelValue: { type: Boolean, default: !1 }
   },
-  emits: ["click", "update:modelValue", "change"],
+  emits: ["click", "change", "update:modelValue"],
   setup(e, { emit: r }) {
     const l = f(), d = h(() => `${e.id ?? l}`), a = r;
     b(
@@ -40,7 +40,7 @@ const N = ["for"], j = /* @__PURE__ */ m({
         "model-value": e.modelValue,
         "data-cy": e.dataCy,
         disabled: e.disabled,
-        class: y(["uikit-inline-flex uikit-size-[20px] 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", [
+        class: y(["data-[state='unchecked']:uikit-border-w-lightgray uikit-inline-flex uikit-size-[20px] uikit-items-center uikit-justify-center uikit-rounded-[4px] uikit-p-0 data-[state='unchecked']:uikit-border data-[state='unchecked']:uikit-border-solid", [
           {
             "uikit-bg-white": !e.modelValue,
             "uikit-bg-w-primary": e.modelValue