@wikicasa-dev/components 2.1.4-alpha.24 → 2.1.4-alpha.3

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

@@ -1,28 +1,28 @@
-import { defineComponent as H, mergeModels as g, useModel as K, ref as r, computed as $, onBeforeMount as N, watch as b, createBlock as w, openBlock as m, normalizeClass as U, withCtx as c, renderSlot as B, createElementBlock as A, Fragment as F, renderList as T, unref as S, createCommentVNode as j, createElementVNode as V, resolveDynamicComponent as W, createVNode as X, createSlots as q, withDirectives as G, vShow as J } from "vue";
-import Q from "./BaseInput.vue.js";
-import '../../../../assets/packages/components/lib/UIKit/BaseDropDown.css';import '../../../../assets/packages/components/lib/UIKit/BaseInput.css';/* empty css               */
-import R from "./BaseDropDown.vue.js";
-/* empty css                  */
-import { debounce as Y } from "../../../../node_modules/.pnpm/@wikicasa-dev_utilities@1.1.22-alpha.4/node_modules/@wikicasa-dev/utilities/dist/utils/FunctionUtils.js";
-import Z from "./BaseSelect/SelectItem.vue.js";
-import { useKeyboardController as x } from "../../../../node_modules/.pnpm/@wikicasa-dev_vue-composables@0.0.24-alpha.5_vue@3.5.16_typescript@5.8.3_/node_modules/@wikicasa-dev/vue-composables/dist/useKeyboardController.js";
-const _ = ["onClick"], ee = ["innerHTML"], de = /* @__PURE__ */ H({
+import { defineComponent as L, mergeModels as y, useModel as F, ref as d, computed as k, onBeforeMount as H, watch as f, createBlock as g, openBlock as h, normalizeClass as K, withCtx as s, createElementBlock as T, Fragment as z, renderList as A, unref as N, createElementVNode as U, createVNode as W, renderSlot as $ } from "vue";
+import j from "./BaseInput.vue.js";
+import '../../../../assets/packages/components/lib/UIKit/BaseInput.css';/* empty css               */
+import q from "./BaseDropDown.vue.js";
+import "../../../../node_modules/.pnpm/js-cookie@3.0.5/node_modules/js-cookie/dist/js.cookie.js";
+import { debounce as G } from "../../../../node_modules/.pnpm/@wikicasa-dev_utilities@1.1.21/node_modules/@wikicasa-dev/utilities/dist/utils/FunctionUtils.js";
+import "../../../../_virtual/polyline.js";
+import J from "./BaseSelect/SelectItem.vue.js";
+import { useKeyboardController as Q } from "../../../../node_modules/.pnpm/@wikicasa-dev_vue-composables@0.0.23_typescript@5.8.3/node_modules/@wikicasa-dev/vue-composables/dist/useKeyboardController.js";
+const R = ["innerHTML"], ne = /* @__PURE__ */ L({
   __name: "BaseAutocomplete",
-  props: /* @__PURE__ */ g({
+  props: /* @__PURE__ */ y({
     isValid: { default: null },
+    theme: { default: "" },
+    label: { default: "" },
     disableCb: { type: Boolean, default: !1 },
     onInputChangeCb: { type: Function },
     onOptionSelectedCb: { default: null },
     keepState: { default: null },
     cleanupOnClose: { type: Boolean, default: !0 },
-    dropdownClasses: {},
+    dropdownClasses: { default: "" },
     closeDropdownOnBodyPressed: { type: Boolean, default: !0 },
     inputClasses: {},
     fieldsetClasses: {},
-    placeholder: { default: "" },
-    dataCy: { default: "" },
-    withBorder: { type: Boolean, default: !0 },
-    withCleanBtn: { type: Boolean, default: !0 }
+    dataCy: { default: "" }
   }, {
     modelValue: {
       default() {
@@ -31,130 +31,163 @@ const _ = ["onClick"], ee = ["innerHTML"], de = /* @__PURE__ */ H({
     },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ g(["update:dropdownState", "changedValue", "click", "keydown", "keydownEnterPressed"], ["update:modelValue"]),
-  setup(n, { expose: D, emit: I }) {
-    const u = K(n, "modelValue"), s = I, i = r(""), a = r([]), p = r(null), o = r(!1), C = r(null), O = $(() => a.value.length);
-    N(() => {
-      p.value = Y({ delay: 300 }, n.onInputChangeCb);
+  emits: /* @__PURE__ */ y(["update:dropdownState", "changedValue", "click", "keydown", "keydownEnterPressed"], ["update:modelValue"]),
+  setup(o, { expose: S, emit: V }) {
+    const r = F(
+      o,
+      "modelValue"
+    ), u = V, i = d(""), a = d([]), p = d(null), b = d(!1), l = d(!1), w = d(null), B = k(() => a.value.length);
+    H(() => {
+      p.value = G({ delay: 300 }, o.onInputChangeCb);
     });
-    const { activeIdx: v, selectedIdx: d } = x({
-      optionsLength: O,
-      isDropdownOpen: o,
+    const { activeIdx: v, selectedIdx: m } = Q({
+      optionsLength: B,
+      isDropdownOpen: l,
       disableSpaceHandler: !0
-    }), y = $(() => d.value !== -1), M = async (e) => {
-      if (i.value !== e && (s("changedValue", e), i.value = e, !!n.onInputChangeCb)) {
-        if (!e || y.value) {
-          a.value = [], d.value = -1, v.value = -1, u.value && (u.value.label = ""), o.value = !1, await p.value?.("");
+    }), O = k(() => {
+      switch (o.theme) {
+        case "bordered":
+          return "";
+        case "all-bordered":
+          return "!uikit-rounded " + (l.value && "!uikit-rounded-b-none");
+        case "all-bordered-thick":
+          return "!uikit-rounded-[30px] !uikit-h-[52px] " + (l.value && "!uikit-rounded-b-none");
+        default:
+          return "";
+      }
+    }), M = k(() => {
+      switch (o.theme) {
+        case "bordered":
+          return "";
+        case "all-bordered":
+          return "uikit-border uikit-border-w-lavender uikit-border-solid !uikit-rounded !uikit-border-w-lavender !uikit-border " + (l.value ? "!uikit-border-b-0 !uikit-rounded-b-none" : "");
+        case "all-bordered-thick":
+          return "!uikit-rounded-[30px] !uikit-h-[60px] !uikit-border-w-lavender !uikit-border-none " + (l.value ? "!uikit-rounded-b-none" : "");
+        default:
+          return "";
+      }
+    }), I = k(() => {
+      const e = "uikit-rounded-b-xl uikit-shadow uikit-rounded-t-none uikit-mb-0 !uikit-mt-0 uikit-text-w-black !uikit-rounded-b-xl !uikit-rounded-t-none";
+      switch (o.theme) {
+        case "bordered":
+          return "before:uikit-content-[''] before:uikit-absolute before:uikit-w-1/2 before:uikit-border-b before:uikit-border-b-w-lavender before:[border-bottom-style:solid] before:uikit-right-1/4 uikit-rounded-b-xl uikit-shadow uikit-rounded-t-none uikit-mt-5px uikit-mb-0";
+        case "all-bordered":
+          return e;
+        case "all-bordered-thick":
+          return e + " !uikit-border-0";
+        default:
+          return "";
+      }
+    }), D = async (e) => {
+      if (i.value !== e && (u("changedValue", e), i.value = e, !!o.onInputChangeCb)) {
+        if (!e || b.value) {
+          a.value = [], b.value = !1, m.value = -1, v.value = -1, r.value && (r.value.label = ""), l.value = !1, await p.value(null);
           return;
         }
-        n.disableCb || !p.value || (a.value = await p.value(e), o.value = !!a.value.length);
+        o.disableCb || (a.value = await p.value(e), l.value = !!a.value.length);
       }
-    }, h = (e, t) => {
-      n.onOptionSelectedCb && n.onOptionSelectedCb(e), n.cleanupOnClose && (a.value = []), i.value = e.label, u.value = e, o.value = !1, d.value = t;
+    }, C = (e, t) => {
+      o.onOptionSelectedCb && o.onOptionSelectedCb(e), o.cleanupOnClose && (a.value = []), b.value = !0, i.value = e.label, r.value = e, l.value = !1, m.value = t;
     }, E = () => {
-      a.value.length && n.keepState !== "closed" && (o.value = !0);
+      a.value.length && o.keepState !== "closed" && (l.value = !0);
     };
-    b(
-      u,
+    return f(
+      r,
       (e, t) => {
         e === t || e?.label === i.value || (i.value = e?.label || "");
       },
       { immediate: !0 }
-    ), b(d, (e) => {
+    ), f(m, (e) => {
       if (e === -1 || !a.value.length) return;
       const t = a.value[e];
-      y.value && t.label === u.value?.label || h(t, e);
-    }), b(
-      o,
+      b.value && t.label === r.value?.label || C(t, e);
+    }), f(
+      () => o.keepState,
       (e) => {
-        s("update:dropdownState", e);
-      },
-      { immediate: !0 }
-    );
-    const P = () => {
-      C.value?.select();
-    }, L = () => {
-      s("click"), E(), a.value.length && (o.value = !0);
-    };
-    return D({
-      select: P
-    }), (e, t) => (m(), w(R, {
-      open: o.value,
-      "onUpdate:open": t[3] || (t[3] = (l) => o.value = l),
-      class: U(["uikit-base-autocomplete-dropdown", e.$attrs.class]),
+        e === "closed" ? (l.value = !1, o.cleanupOnClose && (a.value = [])) : e === "open" && a.value.length && (l.value = !0);
+      }
+    ), f(l, (e) => {
+      u("update:dropdownState", e);
+    }), S({
+      select: () => {
+        w.value?.select();
+      }
+    }), (e, t) => (h(), g(q, {
+      class: K(e.$attrs["root-classes"]),
       "data-cy": e.dataCy ? e.dataCy : `ac_${e.$attrs.id}`,
       "dropdown-element": "ul",
-      "dropdown-classes": ["uikit-z-30", e.dropdownClasses],
+      "dropdown-classes": [
+        { "bordered-dropdown": e.theme === "bordered" },
+        { "all-bordered-dropdown": e.theme === "all-bordered" },
+        { "all-bordered-dropdown thick": e.theme === "all-bordered-thick" },
+        {
+          "uikit-mt-10px !uikit-border !uikit-border-w-lightgray !uikit-rounded-xs": !e.theme
+        },
+        I.value,
+        "!uikit-max-h-[210px] uikit-z-30",
+        e.dropdownClasses
+      ],
+      "open-dropdown": l.value,
+      "keep-state": !a.value.length || e.keepState === "closed" ? "closed" : "opened",
       "close-when-clicked-outside": e.closeDropdownOnBodyPressed,
       "activate-keyboard-controller": !1,
-      "onUpdate:dropdownState": t[4] || (t[4] = (l) => o.value = l),
-      onClick: L
+      "onUpdate:dropdownState": t[3] || (t[3] = (n) => l.value = n),
+      onClick: t[4] || (t[4] = (n) => {
+        u("click"), E();
+      })
     }, {
-      button: c(() => [
-        X(Q, {
+      btn_slot: s(() => [
+        W(j, {
           id: e.$attrs.id ? `ac_input_${e.$attrs.id}` : "",
           ref_key: "baseInput",
-          ref: C,
-          class: "uikit-base-autocomplete",
+          ref: w,
           "data-cy": e.dataCy ? `ac_input_${e.dataCy}` : `ac_input_${e.$attrs.id}`,
+          "label-text": e.label,
           "model-value": i.value,
           "is-valid": e.isValid,
           disabled: e.$attrs.disabled,
-          placeholder: e.placeholder,
-          "input-class": [e.inputClasses, "base-autocomplete-input !uikit-text"],
-          "fieldset-classes": [e.fieldsetClasses],
-          "with-border": e.withBorder,
-          "onUpdate:modelValue": t[0] || (t[0] = (l) => M(l === void 0 ? "" : `${l}`)),
-          onKeydown: t[1] || (t[1] = (l) => s("keydown", l)),
-          onKeydownEnterPressed: t[2] || (t[2] = () => s("keydownEnterPressed"))
-        }, q({ _: 2 }, [
-          e.$slots.leftIcon ? {
-            name: "leftIcon",
-            fn: c(() => [
-              B(e.$slots, "leftIcon")
-            ]),
-            key: "0"
-          } : void 0,
-          e.withCleanBtn ? {
-            name: "rightIcon",
-            fn: c(({ handleClean: l }) => [
-              G(V("span", {
-                class: "text-input-icon right uikit-flex uikit-size-md uikit-cursor-pointer uikit-items-center uikit-justify-center uikit-rounded-full uikit-bg-w-lightgray uikit-text uikit-font-semibold uikit-text-white",
-                onClick: l
-              }, "X", 8, _), [
-                [J, S(d) !== -1]
-              ])
-            ]),
-            key: "1"
-          } : void 0
-        ]), 1032, ["id", "data-cy", "model-value", "is-valid", "disabled", "placeholder", "input-class", "fieldset-classes", "with-border"])
+          placeholder: e.$attrs.placeholder,
+          "with-left-icon": !!e.$slots.lefticon,
+          "with-right-icon": !!e.$slots.righticon,
+          "input-class": [
+            O.value,
+            e.inputClasses,
+            "!uikit-ml-0 !uikit-w-full"
+          ],
+          "fieldset-classes": [M.value, e.fieldsetClasses],
+          "onUpdate:modelValue": t[0] || (t[0] = (n) => D(n === void 0 ? "" : `${n}`)),
+          onKeydown: t[1] || (t[1] = (n) => u("keydown", n)),
+          onKeydownEnterPressed: t[2] || (t[2] = () => u("keydownEnterPressed"))
+        }, {
+          leftIcon: s(() => [
+            $(e.$slots, "lefticon")
+          ]),
+          righticon: s(({ handleClean: n }) => [
+            $(e.$slots, "righticon", { handleClean: n })
+          ]),
+          _: 3
+        }, 8, ["id", "data-cy", "label-text", "model-value", "is-valid", "disabled", "placeholder", "with-left-icon", "with-right-icon", "input-class", "fieldset-classes"])
       ]),
-      default: c(({ toggleDropdown: l }) => [
-        B(e.$slots, "dropdown", {
-          options: a.value,
-          toggleDropdown: l
-        }, () => [
-          (m(!0), A(F, null, T(a.value, (f, k) => (m(), w(Z, {
-            key: k,
-            active: S(v) === k,
-            class: "uikit-relative uikit-flex uikit-gap-x-xs uikit-rounded-[5px] uikit-p-md uikit-py-xs uikit-text after:uikit-absolute after:uikit-bottom-0 after:uikit-left-1/2 after:uikit-h-[1px] after:uikit-w-[95%] after:-uikit-translate-x-1/2 after:uikit-bg-w-lightgray after:uikit-content-[''] after:last:uikit-hidden hover:uikit-cursor-pointer",
-            onClick: (z) => h(f, k),
-            onMouseover: (z) => v.value = k
-          }, {
-            default: c(() => [
-              f.icon ? (m(), w(W(f.icon), { key: 0 })) : j("", !0),
-              V("span", {
-                innerHTML: f.label
-              }, null, 8, ee)
-            ]),
-            _: 2
-          }, 1032, ["active", "onClick", "onMouseover"]))), 128))
-        ])
+      default: s(() => [
+        (h(!0), T(z, null, A(a.value, (n, c) => (h(), g(J, {
+          key: c,
+          active: N(v) === c,
+          class: "uikit-py-xs uikit-m-1 uikit-rounded-[5px] uikit-px-5 hover:uikit-cursor-pointer",
+          onClick: (P) => C(n, c),
+          onMouseover: (P) => v.value = c
+        }, {
+          default: s(() => [
+            U("span", {
+              innerHTML: n.label
+            }, null, 8, R)
+          ]),
+          _: 2
+        }, 1032, ["active", "onClick", "onMouseover"]))), 128))
       ]),
       _: 3
-    }, 8, ["open", "class", "data-cy", "dropdown-classes", "close-when-clicked-outside"]));
+    }, 8, ["class", "data-cy", "dropdown-classes", "open-dropdown", "keep-state", "close-when-clicked-outside"]));
   }
 });
 export {
-  de as default
+  ne as default
 };

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

@@ -1,25 +1,54 @@
-import { defineComponent as i, createElementBlock as t, openBlock as u, normalizeClass as s, renderSlot as a } from "vue";
-const o = /* @__PURE__ */ i({
+import { defineComponent as a, createElementBlock as t, openBlock as u, normalizeClass as r, renderSlot as d } from "vue";
+const l = /* @__PURE__ */ a({
   __name: "BaseBadge",
   props: {
-    badgeClass: { default: "gold" },
-    type: { default: "default" }
+    badgeClass: { default: "primary-sm" }
   },
-  setup(d) {
-    return (e, l) => (u(), t("span", {
-      class: s(["uikit-badge uikit-inline-flex uikit-items-center uikit-justify-center uikit-text uikit-font-medium uikit-shadow-sm", [
-        `badge-${e.badgeClass}`,
-        { "uikit-rounded-full uikit-size-lg": e.type === "rounded" },
-        { "uikit-rounded-xs uikit-px-sm uikit-py-2xs": e.type === "default" },
-        {
-          "uikit-rounded-2xs uikit-p-2xs uikit-flex uikit-w-fit": e.type === "squared"
-        }
-      ]])
+  setup(n) {
+    const e = {
+      /**
+       * @deprecated Old style
+       */
+      warning: "uikit-badge-w-warning",
+      /**
+       * @deprecated Old style
+       */
+      lavender: "uikit-badge-w-lavender",
+      /**
+       * @deprecated Old style
+       */
+      danger: "uikit-badge-w-danger",
+      /**
+       * @deprecated Old style
+       */
+      "outline-tag": "uikit-badge-outline-tag",
+      /**
+       * @deprecated Old style
+       */
+      "primary-sm": "uikit-badge-w-primary-sm",
+      /**
+       * @deprecated Old style
+       */
+      "dark-primary": "uikit-badge-w-dark-primary",
+      /**
+       * @deprecated Old style
+       */
+      "outline-tag-listing": "uikit-badge-outline-tag-listing",
+      gold: "uikit-badge-gold",
+      silver: "uikit-badge-silver",
+      premium: "uikit-badge-premium",
+      luxury: "uikit-badge-luxury",
+      alert: "uikit-badge-alert",
+      new: "uikit-badge-new",
+      discount: "uikit-badge-discount"
+    };
+    return (i, s) => (u(), t("span", {
+      class: r(["uikit-badge uikit-rounded-2xs uikit-px-xs uikit-py-2xs uikit-text uikit-font-medium uikit-shadow-sm", e[i.badgeClass]])
     }, [
-      a(e.$slots, "default")
+      d(i.$slots, "default")
     ], 2));
   }
 });
 export {
-  o as default
+  l as default
 };

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

@@ -1,4 +1,4 @@
-import { defineComponent as d, createElementBlock as k, openBlock as e, normalizeClass as m, createElementVNode as a, renderSlot as o, createVNode as t, createBlock as s, resolveDynamicComponent as r, withCtx as l, createTextVNode as u, toDisplayString as n } from "vue";
+import { defineComponent as d, createElementBlock as m, openBlock as e, normalizeClass as k, createElementVNode as n, renderSlot as o, createVNode as t, createBlock as s, resolveDynamicComponent as r, withCtx as l, createTextVNode as u, toDisplayString as a } from "vue";
 import c from "./BaseBanner/Background/BaseBannerBgElement1.vue.js";
 import b from "./BaseBanner/Background/BaseBannerBgElement2.vue.js";
 import h from "./BaseBanner/Background/BaseBannerBgElement3.vue.js";
@@ -15,30 +15,30 @@ const f = ["aria-label"], g = { class: "uikit-relative uikit-z-[2]" }, v = { cla
     bannerClass: {}
   },
   setup(C) {
-    return (i, _) => (e(), k("section", {
+    return (i, w) => (e(), m("section", {
       "aria-label": i.ariaLabel,
-      class: m([
+      class: k([
         "uikit-relative uikit-overflow-hidden uikit-rounded-xs uikit-p-md uikit-text-white sm:uikit-p-lg",
-        i.bannerClass === "secondary" ? "uikit-bg-w-blue" : "uikit-bg-w-pink"
+        i.bannerClass === "secondary" ? "uikit-bg-w-blue" : "uikit-bg-w-primary"
       ])
     }, [
-      a("div", g, [
+      n("div", g, [
         o(i.$slots, "title", {}, () => [
           (e(), s(r(i.headerTag || "h2"), { class: "uikit-m-0 uikit-text-20 max-sm:uikit-mb-xs" }, {
             default: l(() => [
-              u(n(i.title), 1)
+              u(a(i.title), 1)
             ]),
             _: 1
           }))
         ]),
         o(i.$slots, "description", {}, () => [
-          a("p", v, n(i.description), 1)
+          n("p", v, a(i.description), 1)
         ])
       ]),
       o(i.$slots, "cta", {}, () => [
-        (e(), s(r(i.ctaComponent || "button"), { class: "uikit-btn uikit-btn-ternary uikit-relative uikit-z-[2]" }, {
+        (e(), s(r(i.ctaComponent || "button"), { class: "uikit-btn uikit-btn-w-ternary uikit-relative uikit-z-[2]" }, {
           default: l(() => [
-            u(n(i.ctaLabel), 1)
+            u(a(i.ctaLabel), 1)
           ]),
           _: 1
         }))

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

@@ -1,6 +1,6 @@
-import { defineComponent as f, ref as v, computed as l, createElementBlock as c, openBlock as g, withModifiers as s, normalizeStyle as B, normalizeClass as h, renderSlot as r, createVNode as C } from "vue";
-import w from "../../../../UIKit/StaticSpinner.js";
-const M = ["id", "data-cy", "type", "data-active", "disabled", "aria-label", "title"], L = /* @__PURE__ */ f({
+import { defineComponent as f, ref as c, computed as s, createElementBlock as v, openBlock as g, withModifiers as l, normalizeStyle as w, normalizeClass as B, renderSlot as r, createVNode as h } from "vue";
+import C from "../../../../UIKit/StaticSpinner.js";
+const M = ["id", "data-cy", "type", "data-active", "disabled", "aria-label", "title"], S = /* @__PURE__ */ f({
   __name: "BaseButton",
   props: {
     btnClass: { default: "primary" },
@@ -19,56 +19,59 @@ const M = ["id", "data-cy", "type", "data-active", "disabled", "aria-label", "ti
   emits: ["mouseover", "mouseout", "click"],
   setup(a, { emit: u }) {
     const n = u, d = {
-      primary: "uikit-btn-primary",
-      secondary: "uikit-btn-secondary",
-      ternary: "uikit-btn-ternary",
-      quaternary: "uikit-btn-quaternary",
-      warning: "uikit-btn-warning",
-      danger: "uikit-btn-danger",
+      primary: "uikit-btn-w-primary",
+      secondary: "uikit-btn-w-secondary",
+      ternary: "uikit-btn-w-ternary",
+      quaternary: "uikit-btn-w-quaternary",
+      warning: "uikit-btn-w-warning",
+      danger: "uikit-btn-w-danger",
       transparent: "uikit-btn-transparent",
       light: "uikit-btn-light",
       "show-more": "uikit-btn-show-more",
       "multi-selection": "uikit-btn-multi-selection",
       "single-selection": "uikit-btn-single-selection",
       facile: "uikit-btn-facile"
-    }, b = {
+    }, k = {
       sm: "uikit-btn-sm",
       lg: "uikit-btn-lg"
-    }, o = v(!1), k = l(() => b[a.size]), p = l(() => a.outlined ? "uikit-btn-outline" : ""), m = () => {
+    }, o = c(!1), b = s(
+      () => k[a.size] || "uikit-btn-md"
+    ), m = s(() => a.outlined ? "uikit-btn-outline" : ""), p = () => {
       o.value = !0;
     }, y = () => {
       o.value = !1;
     };
-    return (t, e) => (g(), c("button", {
+    return (t, e) => (g(), v("button", {
       id: t.$attrs.id,
       "data-cy": t.dataCy,
       type: t.type,
-      class: h([
-        "uikit-btn",
+      class: B([
+        "uikit-shadow-surface uikit-btn",
         {
           "uikit-btn-empty": !t.withMinWidth,
-          "active uikit-font-medium": t.keepActive
+          "active uikit-font-medium": t.keepActive,
+          "uikit-flex uikit-items-center uikit-justify-center": t.isLoading
         },
         d[t.btnClass],
-        k.value,
-        p.value,
+        b.value,
+        m.value,
         { "uikit-btn-rounded": t.rounded }
       ]),
-      style: B(t.$attrs.style),
+      style: w(t.$attrs.style),
       "data-active": t.keepActive,
       disabled: t.isLoading || t.disabled,
       "aria-label": t.ariaLabel,
       title: t.title,
-      onMouseover: e[0] || (e[0] = s((i) => {
-        m(), n("mouseover", i);
+      onMouseover: e[0] || (e[0] = l((i) => {
+        p(), n("mouseover", i);
       }, ["stop"])),
-      onMouseout: e[1] || (e[1] = s((i) => {
+      onMouseout: e[1] || (e[1] = l((i) => {
         y(), n("mouseout", i);
       }, ["stop"])),
       onClick: e[2] || (e[2] = (i) => n("click", i))
     }, [
       t.isLoading ? r(t.$slots, "spinner", { key: 1 }, () => [
-        C(w, {
+        h(C, {
           "stroke-color": t.outlined ? "#ACB4C3" : "#fff"
         }, null, 8, ["stroke-color"])
       ]) : r(t.$slots, "default", {
@@ -79,5 +82,5 @@ const M = ["id", "data-cy", "type", "data-active", "disabled", "aria-label", "ti
   }
 });
 export {
-  L as default
+  S as default
 };

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

@@ -1,7 +1,7 @@
 import { defineComponent as a, useModel as d, createBlock as s, openBlock as i, unref as o, withCtx as k, renderSlot as m, createElementBlock as n, createCommentVNode as f, createVNode as c } from "vue";
 import { Toggle as p } from "reka-ui";
-import { CloseIcon as x } from "../../../../node_modules/.pnpm/@wikicasa-dev_svg-icons@1.2.15-alpha.1_vue@3.5.16_typescript@5.8.3_/node_modules/@wikicasa-dev/svg-icons/dist/CloseIcon.js";
-import "../../../../node_modules/.pnpm/@wikicasa-dev_svg-icons@1.2.15-alpha.1_vue@3.5.16_typescript@5.8.3_/node_modules/@wikicasa-dev/svg-icons/dist/PharmacyIcon.js";
+import { CloseIcon as x } from "../../../../node_modules/.pnpm/@wikicasa-dev_svg-icons@1.2.12_typescript@5.8.3/node_modules/@wikicasa-dev/svg-icons/dist/CloseIcon.js";
+import "../../../../node_modules/.pnpm/@wikicasa-dev_svg-icons@1.2.12_typescript@5.8.3/node_modules/@wikicasa-dev/svg-icons/dist/PharmacyIcon.js";
 const b = {
   key: 0,
   class: "uikit-box-border uikit-flex uikit-size-sm uikit-items-center uikit-justify-center uikit-rounded-full uikit-bg-w-blue uikit-text-10 uikit-text-white"

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

@@ -1,6 +1,6 @@
 import { defineComponent as s, mergeModels as p, useModel as d, createBlock as f, openBlock as m, unref as t, withCtx as i, createVNode as n, renderSlot as l, normalizeClass as k } from "vue";
-import { ArrowFilledIcon as c } from "../../../../node_modules/.pnpm/@wikicasa-dev_svg-icons@1.2.15-alpha.1_vue@3.5.16_typescript@5.8.3_/node_modules/@wikicasa-dev/svg-icons/dist/ArrowFilledIcon.js";
-import "../../../../node_modules/.pnpm/@wikicasa-dev_svg-icons@1.2.15-alpha.1_vue@3.5.16_typescript@5.8.3_/node_modules/@wikicasa-dev/svg-icons/dist/PharmacyIcon.js";
+import { ArrowFilledIcon as c } from "../../../../node_modules/.pnpm/@wikicasa-dev_svg-icons@1.2.12_typescript@5.8.3/node_modules/@wikicasa-dev/svg-icons/dist/ArrowFilledIcon.js";
+import "../../../../node_modules/.pnpm/@wikicasa-dev_svg-icons@1.2.12_typescript@5.8.3/node_modules/@wikicasa-dev/svg-icons/dist/PharmacyIcon.js";
 import { CollapsibleRoot as b, CollapsibleTrigger as g, CollapsibleContent as C } from "reka-ui";
 const M = /* @__PURE__ */ s({
   __name: "BaseCollapse",