@wikicasa-dev/components 2.1.4-alpha.19 → 2.1.4-alpha.2

package/dist/packages/components/lazyModules/Swiper/navigation.js

@@ -0,0 +1,5 @@
+import { default as i } from "../../../../node_modules/.pnpm/swiper@11.2.8/node_modules/swiper/modules/navigation.js";
+import '../../../../assets/node_modules/.pnpm/swiper@11.2.8/node_modules/swiper/modules/navigation.css';/* empty css                                                                                      */
+export {
+  i as Navigation
+};

package/dist/packages/components/lazyModules/Swiper/pagination.js

@@ -0,0 +1,5 @@
+import { default as i } from "../../../../node_modules/.pnpm/swiper@11.2.8/node_modules/swiper/modules/pagination.js";
+import '../../../../assets/node_modules/.pnpm/swiper@11.2.8/node_modules/swiper/modules/pagination.css';/* empty css                                                                                      */
+export {
+  i as Pagination
+};

package/dist/packages/components/lazyModules/Swiper/thumbs.js

@@ -0,0 +1,5 @@
+import { default as t } from "../../../../node_modules/.pnpm/swiper@11.2.8/node_modules/swiper/modules/thumbs.js";
+import "../../../../node_modules/.pnpm/swiper@11.2.8/node_modules/swiper/modules/thumbs.css.js";
+export {
+  t as Thumbs
+};

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

@@ -1,8 +1,8 @@
 import { defineComponent as F, mergeModels as $, useModel as M, useId as A, computed as V, ref as L, watch as w, onMounted as E, onUnmounted as P, createElementBlock as s, openBlock as a, normalizeClass as l, createElementVNode as o, createCommentVNode as d, withModifiers as p, renderSlot as z, unref as b, createBlock as N, createVNode as O, Fragment as T, renderList as S } from "vue";
-import { useKeyboardController as q } from "../../node_modules/@wikicasa-dev/vue-composables/dist/useKeyboardController.js";
-import { ArrowIcon as j } from "../../node_modules/@wikicasa-dev/svg-icons/dist/ArrowIcon.js";
-import { WarningIconRounded as K } from "../../node_modules/@wikicasa-dev/svg-icons/dist/WarningIconRounded.js";
-import "../../node_modules/@wikicasa-dev/svg-icons/dist/PharmacyIcon.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";
+import { ArrowIcon as j } from "../../../../node_modules/.pnpm/@wikicasa-dev_svg-icons@1.2.12_typescript@5.8.3/node_modules/@wikicasa-dev/svg-icons/dist/ArrowIcon.js";
+import { WarningIconRounded as K } from "../../../../node_modules/.pnpm/@wikicasa-dev_svg-icons@1.2.12_typescript@5.8.3/node_modules/@wikicasa-dev/svg-icons/dist/WarningIconRounded.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 R = ["id", "innerHTML"], U = ["id", "data-cy", "aria-required", "aria-controls", "aria-labelledby", "aria-expanded", "aria-activedescendant", "aria-invalid", "aria-describedby"], W = ["innerHTML"], G = { class: "uikit-pointer-events-none uikit-mt-1 uikit-inline-flex" }, J = ["innerHTML"], Q = ["data-cy"], X = ["id", "aria-selected", "onClick", "onMouseover"], Y = { class: "uikit-inline-block uikit-cursor-pointer uikit-text-sm" }, Z = ["name", "checked", "onInput"], x = ["innerHTML"], _ = ["id", "arial-live", "innerHTML"], ee = ["id", "arial-live", "innerHTML"], se = /* @__PURE__ */ F({
   inheritAttrs: !1,
   __name: "AccessibleSelect",
@@ -36,27 +36,27 @@ const R = ["id", "innerHTML"], U = ["id", "data-cy", "aria-required", "aria-cont
     toggleDropdownModifiers: {}
   }),
   emits: /* @__PURE__ */ $(["click", "update:dropdownState"], ["update:modelValue", "update:toggleDropdown"]),
-  setup(r, { emit: B }) {
-    const h = B, k = M(r, "modelValue"), g = M(r, "toggleDropdown"), H = A(), t = V(() => r.namespace || H), i = L(!1), I = L(null), f = V(() => !!k.value.label), { activeIdx: v, selectedIdx: D } = q({
-      optionsLength: r.options.length,
+  setup(u, { emit: B }) {
+    const h = B, k = M(u, "modelValue"), y = M(u, "toggleDropdown"), H = A(), t = V(() => u.namespace || H), i = L(!1), I = L(null), f = V(() => !!k.value.label), { activeIdx: v, selectedIdx: D } = q({
+      optionsLength: u.options.length,
       isDropdownOpen: i
     }), m = (e) => {
       i.value = !1, k.value = e;
     };
     w(D, (e) => {
-      m(r.options[e]), i.value = !1;
-    }), w(g, (e) => {
-      e && (i.value = !i.value, g.value = !1);
+      m(u.options[e]), i.value = !1;
+    }), w(y, (e) => {
+      e && (i.value = !i.value, y.value = !1);
     }), w(i, (e) => {
       h("update:dropdownState", e);
     });
-    const y = ({ target: e }) => {
+    const g = ({ target: e }) => {
       `${t.value}_btn` !== e.id && (i.value = !1);
     };
     return E(() => {
-      r.closeOnBodyPressed && document.addEventListener("click", y);
+      u.closeOnBodyPressed && document.addEventListener("click", g);
     }), P(() => {
-      r.closeOnBodyPressed && document.removeEventListener("click", y);
+      u.closeOnBodyPressed && document.removeEventListener("click", g);
     }), (e, n) => (a(), s("div", {
       class: l(e.$attrs.class)
     }, [
@@ -77,7 +77,7 @@ const R = ["id", "innerHTML"], U = ["id", "data-cy", "aria-required", "aria-cont
         e.$slots.lefticon ? (a(), s("span", {
           key: 1,
           class: "uikit-z-20 uikit-mt-2 uikit-pl-2",
-          onClick: n[0] || (n[0] = p((u) => i.value = !i.value, ["stop"]))
+          onClick: n[0] || (n[0] = p((r) => i.value = !i.value, ["stop"]))
         }, [
           z(e.$slots, "lefticon")
         ])) : d("", !0),
@@ -97,8 +97,8 @@ const R = ["id", "innerHTML"], U = ["id", "data-cy", "aria-required", "aria-cont
           "aria-activedescendant": b(v) >= 0 && i.value ? `${t.value}_element_${e.options[b(v)].label}` : "",
           "aria-invalid": e.isValid === !1,
           "aria-describedby": e.isValid === !1 ? `${t.value}_invalid_msg` : void 0,
-          onClick: n[1] || (n[1] = (u) => {
-            i.value = !i.value, h("click", u);
+          onClick: n[1] || (n[1] = (r) => {
+            i.value = !i.value, h("click", r);
           })
         }, [
           o("span", {
@@ -128,9 +128,9 @@ const R = ["id", "innerHTML"], U = ["id", "data-cy", "aria-required", "aria-cont
           "aria-hidden": "true",
           class: l(["uikit-pointer-events-none uikit-absolute uikit-bottom-0 uikit-left-0 uikit-right-0 uikit-m-0 uikit-box-border uikit-h-12 uikit-cursor-pointer uikit-rounded-xs uikit-bg-white uikit-px-2 uikit-py-0 peer-focus:uikit-border-2", [
             e.fieldsetClasses,
-            e.isValid ? "uikit-border-w-pink" : e.isValid === !1 ? "uikit-border-w-danger" : "uikit-border-w-lightgray",
+            e.isValid ? "uikit-border-w-primary" : e.isValid === !1 ? "uikit-border-w-danger" : "uikit-border-w-lightgray",
             {
-              "peer-aria-invalid:uikit-border-w-danger uikit-border uikit-border-solid peer-focus:uikit-border-w-pink peer-focus-visible:uikit-border-2 peer-focus-visible:uikit-border-w-pink": e.border
+              "peer-aria-invalid:uikit-border-w-danger uikit-border uikit-border-solid peer-focus:uikit-border-w-primary peer-focus-visible:uikit-border-2 peer-focus-visible:uikit-border-w-primary": e.border
             },
             { "uikit-border-0 peer-focus:uikit-border-0": !e.border }
           ]])
@@ -162,13 +162,13 @@ const R = ["id", "innerHTML"], U = ["id", "data-cy", "aria-required", "aria-cont
           onClick: n[3] || (n[3] = p(() => {
           }, ["stop"]))
         }, [
-          (a(!0), s(T, null, S(e.options, (u, c) => (a(), s("li", {
+          (a(!0), s(T, null, S(e.options, (r, c) => (a(), s("li", {
             id: `${t.value}_element_${e.options[c].label}`,
-            key: `${u.label}_${c}`,
+            key: `${r.label}_${c}`,
             role: "option",
             "aria-selected": b(v) === c,
             class: l(["uikit-px-20px uikit-m-1 uikit-cursor-pointer uikit-py-xs uikit-text aria-selected:uikit-rounded-xs aria-selected:uikit-bg-w-cultured", e.dropdownItemClasses]),
-            onClick: p((C) => m(u), ["stop"]),
+            onClick: p((C) => m(r), ["stop"]),
             onMouseover: p((C) => v.value = c, ["stop"]),
             onBlur: n[2] || (n[2] = p(() => {
             }, ["stop"]))
@@ -179,11 +179,11 @@ const R = ["id", "innerHTML"], U = ["id", "data-cy", "aria-required", "aria-cont
                 class: "uikit-m-0 uikit-appearance-none",
                 name: `${t.value}_radio`,
                 type: "radio",
-                checked: u.label === k.value.label,
-                onInput: p((C) => m(u), ["stop"])
+                checked: r.label === k.value.label,
+                onInput: p((C) => m(r), ["stop"])
               }, null, 40, Z),
               o("span", {
-                innerHTML: u.label
+                innerHTML: r.label
               }, null, 8, x)
             ])
           ], 42, X))), 128))

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

@@ -0,0 +1,33 @@
+import { defineComponent as p, ref as u, provide as c, renderSlot as d } from "vue";
+import "../../../../../node_modules/.pnpm/js-cookie@3.0.5/node_modules/js-cookie/dist/js.cookie.js";
+import { isEmptyObject as f } from "../../../../../node_modules/.pnpm/@wikicasa-dev_utilities@1.1.21/node_modules/@wikicasa-dev/utilities/dist/utils/ObjectUtils.js";
+import "../../../../../_virtual/polyline.js";
+const k = /* @__PURE__ */ p({
+  __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 && !f(t))
+        for (const a in t)
+          a !== `${e}` && (t[a].active = !1);
+    }, s = (e, t) => {
+      t && (t[e].active = !(t[e].active ?? !1));
+    }, r = (e, t) => {
+      i(e.id, t ?? o.value), n.value = e, s(e.id, t ?? o.value);
+    };
+    return c("handleClick", (e) => {
+      l.autoUpdate && r(e);
+    }), c("accordionItems", o), (e, t) => d(e.$slots, "default", {
+      updatePrev: r,
+      prev: n.value
+    });
+  }
+});
+export {
+  k as default
+};

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

@@ -1,6 +1,6 @@
 import { defineComponent as s, createElementBlock as l, openBlock as d, normalizeClass as e, renderSlot as n, createElementVNode as c, withModifiers as p, createVNode as u, unref as k } from "vue";
-import { ArrowIcon as m } from "../../../node_modules/@wikicasa-dev/svg-icons/dist/ArrowIcon.js";
-import "../../../node_modules/@wikicasa-dev/svg-icons/dist/PharmacyIcon.js";
+import { ArrowIcon as m } from "../../../../../node_modules/.pnpm/@wikicasa-dev_svg-icons@1.2.12_typescript@5.8.3/node_modules/@wikicasa-dev/svg-icons/dist/ArrowIcon.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 f = ["id"], g = ["aria-expanded", "aria-controls"], b = /* @__PURE__ */ s({
   inheritAttrs: !1,
   __name: "BaseAccordionBtn",

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

@@ -1,8 +1,8 @@
 import { defineComponent as h, ref as $, inject as C, watch as l, unref as d, createElementBlock as v, openBlock as u, normalizeClass as m, createBlock as y, createCommentVNode as g, renderSlot as s, createElementVNode as f, withModifiers as O, createVNode as k, withCtx as c } from "vue";
 import A from "./BaseAccordionBtn.vue.js";
 import B from "./BaseAccordionContent.vue.js";
-import { ArrowIcon as E } from "../../../node_modules/@wikicasa-dev/svg-icons/dist/ArrowIcon.js";
-import "../../../node_modules/@wikicasa-dev/svg-icons/dist/PharmacyIcon.js";
+import { ArrowIcon as E } from "../../../../../node_modules/.pnpm/@wikicasa-dev_svg-icons@1.2.12_typescript@5.8.3/node_modules/@wikicasa-dev/svg-icons/dist/ArrowIcon.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 W = { key: 0 }, I = ["id", "data-cy", "aria-expanded", "aria-controls"], M = ["itemprop", "innerHTML"], P = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "BaseAccordionItem",

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

@@ -1,6 +1,6 @@
 import { defineComponent as g, mergeModels as T, useModel as h, ref as w, watch as x, nextTick as y, createBlock as f, openBlock as m, unref as e, withCtx as l, renderSlot as r, createVNode as i, normalizeClass as C, createCommentVNode as I, 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 "../../../../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";
 import { ToastProvider as $, ToastRoot as z, ToastTitle as M, ToastDescription as P, ToastClose as B, ToastAction as D, ProgressRoot as j, ProgressIndicator as A, ToastViewport as N } from "reka-ui";
 const X = /* @__PURE__ */ g({
   __name: "BaseAlert",

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

@@ -0,0 +1,193 @@
+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__ */ 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: { default: "" },
+    closeDropdownOnBodyPressed: { type: Boolean, default: !0 },
+    inputClasses: {},
+    fieldsetClasses: {},
+    dataCy: { default: "" }
+  }, {
+    modelValue: {
+      default() {
+        return { id: "", label: "" };
+      }
+    },
+    modelModifiers: {}
+  }),
+  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: m } = Q({
+      optionsLength: B,
+      isDropdownOpen: l,
+      disableSpaceHandler: !0
+    }), 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;
+        }
+        o.disableCb || (a.value = await p.value(e), l.value = !!a.value.length);
+      }
+    }, 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 && o.keepState !== "closed" && (l.value = !0);
+    };
+    return f(
+      r,
+      (e, t) => {
+        e === t || e?.label === i.value || (i.value = e?.label || "");
+      },
+      { immediate: !0 }
+    ), f(m, (e) => {
+      if (e === -1 || !a.value.length) return;
+      const t = a.value[e];
+      b.value && t.label === r.value?.label || C(t, e);
+    }), f(
+      () => o.keepState,
+      (e) => {
+        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": [
+        { "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[3] || (t[3] = (n) => l.value = n),
+      onClick: t[4] || (t[4] = (n) => {
+        u("click"), E();
+      })
+    }, {
+      btn_slot: s(() => [
+        W(j, {
+          id: e.$attrs.id ? `ac_input_${e.$attrs.id}` : "",
+          ref_key: "baseInput",
+          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.$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: 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, ["class", "data-cy", "dropdown-classes", "open-dropdown", "keep-state", "close-when-clicked-outside"]));
+  }
+});
+export {
+  ne as default
+};

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

@@ -1,4 +1,4 @@
-import { defineComponent as a, createElementBlock as t, openBlock as u, normalizeClass as d, renderSlot as r } from "vue";
+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: {
@@ -25,11 +25,11 @@ const l = /* @__PURE__ */ a({
       /**
        * @deprecated Old style
        */
-      "primary-sm": "uikit-badge-w-pink-sm",
+      "primary-sm": "uikit-badge-w-primary-sm",
       /**
        * @deprecated Old style
        */
-      "dark-primary": "uikit-badge-w-darkblue",
+      "dark-primary": "uikit-badge-w-dark-primary",
       /**
        * @deprecated Old style
        */
@@ -43,9 +43,9 @@ const l = /* @__PURE__ */ a({
       discount: "uikit-badge-discount"
     };
     return (i, s) => (u(), t("span", {
-      class: d(["uikit-badge uikit-rounded-2xs uikit-px-xs uikit-py-2xs uikit-text uikit-font-medium uikit-shadow-sm", e[i.badgeClass]])
+      class: r(["uikit-badge uikit-rounded-2xs uikit-px-xs uikit-py-2xs uikit-text uikit-font-medium uikit-shadow-sm", e[i.badgeClass]])
     }, [
-      r(i.$slots, "default")
+      d(i.$slots, "default")
     ], 2));
   }
 });

package/dist/{lib → 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 s, renderSlot as o, createVNode as t, createBlock as n, resolveDynamicComponent as r, withCtx as l, createTextVNode as u, toDisplayString as a } 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";
@@ -10,21 +10,21 @@ const f = ["aria-label"], g = { class: "uikit-relative uikit-z-[2]" }, v = { cla
     headerTag: {},
     title: {},
     description: {},
-    ctaComponent: {},
+    ctaComponent: { type: [Object, Function] },
     ctaLabel: {},
     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"
       ])
     }, [
-      s("div", g, [
+      n("div", g, [
         o(i.$slots, "title", {}, () => [
-          (e(), n(r(i.headerTag || "h2"), { class: "uikit-m-0 uikit-text-20 max-sm:uikit-mb-xs" }, {
+          (e(), s(r(i.headerTag || "h2"), { class: "uikit-m-0 uikit-text-20 max-sm:uikit-mb-xs" }, {
             default: l(() => [
               u(a(i.title), 1)
             ]),
@@ -32,11 +32,11 @@ const f = ["aria-label"], g = { class: "uikit-relative uikit-z-[2]" }, v = { cla
           }))
         ]),
         o(i.$slots, "description", {}, () => [
-          s("p", v, a(i.description), 1)
+          n("p", v, a(i.description), 1)
         ])
       ]),
       o(i.$slots, "cta", {}, () => [
-        (e(), n(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(a(i.ctaLabel), 1)
           ]),

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

@@ -1,5 +1,5 @@
-import { defineComponent as f, ref as v, computed as s, createElementBlock as c, openBlock as g, withModifiers as l, normalizeStyle as B, normalizeClass as h, renderSlot as r, createVNode as C } from "vue";
-import w from "../../UIKit/StaticSpinner.js";
+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: {
@@ -19,12 +19,12 @@ 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",
@@ -34,19 +34,19 @@ const M = ["id", "data-cy", "type", "data-active", "disabled", "aria-label", "ti
     }, k = {
       sm: "uikit-btn-sm",
       lg: "uikit-btn-lg"
-    }, o = v(!1), b = s(
-      () => k[a.size]
+    }, 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,
@@ -57,7 +57,7 @@ const M = ["id", "data-cy", "type", "data-active", "disabled", "aria-label", "ti
         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,
@@ -71,7 +71,7 @@ const M = ["id", "data-cy", "type", "data-active", "disabled", "aria-label", "ti
       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", {

package/dist/{lib → 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/@wikicasa-dev/svg-icons/dist/CloseIcon.js";
-import "../../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/{lib → 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/@wikicasa-dev/svg-icons/dist/ArrowFilledIcon.js";
-import "../../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",