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

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

@@ -1,124 +1,140 @@
-import { defineComponent as O, mergeModels as v, useId as S, useModel as E, ref as w, computed as H, useTemplateRef as L, onBeforeMount as $, onMounted as K, onUnmounted as T, watch as b, createElementBlock as y, openBlock as a, withModifiers as h, renderSlot as C, createBlock as g, createVNode as W, normalizeClass as n, withCtx as I, createCommentVNode as B, unref as r, resolveDynamicComponent as N } from "vue";
-import V from "./BaseButton.vue.js";
-import { ArrowIcon as q } 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/ArrowIcon.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 { useKeyboardController as z } 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 R = ["innerHTML"], X = /* @__PURE__ */ O({
+import { defineComponent as L, mergeModels as h, useId as M, useModel as E, ref as y, computed as H, useTemplateRef as O, watch as d, onBeforeMount as W, onMounted as $, onUnmounted as K, createElementBlock as N, openBlock as p, withModifiers as C, normalizeClass as l, renderSlot as g, createBlock as D, createVNode as T, unref as i, withCtx as S, createElementVNode as V, createCommentVNode as q, resolveDynamicComponent as z } from "vue";
+import R from "./BaseButton.vue.js";
+import { ArrowIcon as U } 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";
+import { useKeyboardController as j } 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 x = ["innerHTML"], Y = /* @__PURE__ */ L({
+  inheritAttrs: !1,
   __name: "BaseDropDown",
-  props: /* @__PURE__ */ v({
+  props: /* @__PURE__ */ h({
+    dropdownClasses: { default: "" },
+    btnClasses: { default: "" },
     withArrowIcon: { type: Boolean, default: !1 },
+    btnLabel: { default: "" },
+    labelClasses: { default: "" },
     direction: { default: "down" },
+    arrowWidth: { default: 12 },
+    arrowStrokeColor: { default: void 0 },
     isAbsolute: { type: Boolean, default: !0 },
+    openDropdown: { type: Boolean, default: !1 },
     closeWhenClickedOutside: { type: Boolean, default: !0 },
     dropdownElement: { default: "div" },
+    keepState: { default: "" },
     activateKeyboardController: { type: Boolean, default: !0 },
     disableSpaceHandler: { type: Boolean, default: !1 },
-    dropdownClasses: {},
-    btnProps: {},
-    arrowProps: {},
-    labelClasses: {},
-    dataCy: {}
+    dataCy: { default: "" }
   }, {
-    open: {},
-    openModifiers: {}
+    toggleDropdown: {
+      default: void 0
+    },
+    toggleDropdownModifiers: {}
   }),
-  emits: /* @__PURE__ */ v(["click", "update:dropdownState", "update:selectedIdx"], ["update:open"]),
-  setup(t, { emit: P }) {
-    const M = S(), c = P, i = E(t, "open"), o = w(!1), s = w([]), A = H(() => s.value.length), p = L("dropdown"), { activeIdx: k, selectedIdx: d } = z({
-      optionsLength: A,
-      isDropdownOpen: o,
-      activate: t.activateKeyboardController,
-      disableSpaceHandler: t.disableSpaceHandler
-    }), f = () => {
-      o.value = !1, i.value !== void 0 && (i.value = !1);
+  emits: /* @__PURE__ */ h(["click", "update:dropdownState", "update:selectedIdx"], ["update:toggleDropdown"]),
+  setup(c, { emit: I }) {
+    const o = c, f = M(), n = I, k = E(c, "toggleDropdown"), t = y(!1), r = y([]), B = H(() => r.value.length), w = O("dropdown"), { activeIdx: m, selectedIdx: s } = j({
+      optionsLength: B,
+      isDropdownOpen: t,
+      activate: o.activateKeyboardController,
+      disableSpaceHandler: o.disableSpaceHandler
+    });
+    d(
+      () => o.openDropdown,
+      (e) => {
+        t.value = e;
+      },
+      {
+        immediate: !0
+      }
+    ), d(t, (e) => {
+      n("update:dropdownState", e);
+    }), d(k, (e) => {
+      e && (t.value = !t.value, k.value = !1);
+    }), d(s, (e) => {
+      e !== -1 && (r.value[e].querySelector("a")?.click(), n("update:selectedIdx", e));
+    });
+    const v = () => {
+      t.value = !1;
     }, u = () => {
-      i.value === void 0 && (o.value = !o.value);
-    }, m = (e) => {
-      e != null && (k.value = e);
-    }, D = (e) => {
-      e != null && (d.value = e);
+      o.keepState === "closed" && !t.value || o.keepState === "opened" && t.value || (t.value = !t.value);
+    }, b = (e) => {
+      e != null && (m.value = e);
+    }, A = (e) => {
+      e != null && (s.value = e);
     };
-    return $(() => {
-      t.closeWhenClickedOutside && document.body.addEventListener("click", f);
+    return W(() => {
+      o.closeWhenClickedOutside && document.body.addEventListener("click", v);
+    }), $(() => {
+      w.value && (r.value = w.value.children || []);
     }), K(() => {
-      p.value && (s.value = p.value.children || []);
-    }), T(() => {
-      t.closeWhenClickedOutside && document.body.removeEventListener("click", f);
-    }), b(d, (e) => {
-      e !== -1 && (s.value[e].querySelector("a")?.click(), c("update:selectedIdx", e));
-    }), b(
-      i,
-      (e) => {
-        e !== void 0 && (o.value = e);
-      },
-      { immediate: !0 }
-    ), (e, l) => (a(), y("div", {
-      class: "uikit-base-dropdown uikit-relative uikit-block",
-      onClick: l[1] || (l[1] = h((U) => {
-        c("click"), u();
+      o.closeWhenClickedOutside && document.body.removeEventListener("click", v);
+    }), (e, a) => (p(), N("div", {
+      class: l(["uikit-relative uikit-block", e.$attrs.class]),
+      onClick: a[1] || (a[1] = C((F) => {
+        n("click"), u();
       }, ["stop"]))
     }, [
-      C(e.$slots, "button", {
+      g(e.$slots, "btn_slot", {
         toggleDropdown: u,
-        isOpen: o.value,
-        setActiveIdx: m
+        isOpen: t.value,
+        setActiveIdx: b
       }, () => [
-        W(V, {
+        T(R, {
+          id: i(f),
           type: "button",
           "data-cy": e.dataCy,
-          class: n([
-            "uikit-w-full uikit-truncate uikit-gap-2xs",
-            e.btnProps?.classes
+          class: l([
+            "!uikit-flex uikit-w-full uikit-items-center uikit-truncate",
+            e.btnClasses
           ]),
-          "aria-expanded": o.value,
-          "btn-class": e.btnProps?.type ?? "single-selection"
+          "aria-expanded": t.value,
+          "btn-class": "single-selection"
         }, {
-          default: I(() => [
-            e.btnProps?.label ? (a(), y("span", {
+          default: S(() => [
+            V("span", {
+              class: l(["uikit-mr-5px", e.labelClasses]),
+              innerHTML: e.btnLabel
+            }, null, 10, x),
+            e.withArrowIcon ? (p(), D(i(U), {
               key: 0,
-              class: n(e.labelClasses),
-              innerHTML: e.btnProps.label
-            }, null, 10, R)) : B("", !0),
-            e.withArrowIcon ? (a(), g(r(q), {
-              key: 1,
-              class: n(["uikit-shrink-0 uikit-transition-transform motion-reduce:uikit-transition-none", [o.value ? "uikit-rotate-180" : "", e.arrowProps?.classes]]),
-              width: e.arrowProps?.width ?? 12,
-              height: e.arrowProps?.height ?? 12,
-              "stroke-color": e.arrowProps?.strokeColor ?? "#222"
-            }, null, 8, ["class", "width", "height", "stroke-color"])) : B("", !0)
+              class: l(["uikit-shrink-0 uikit-transition-transform motion-reduce:uikit-transition-none", t.value ? "uikit-rotate-180" : ""]),
+              width: e.arrowWidth,
+              height: e.arrowWidth,
+              "stroke-color": e.arrowStrokeColor
+            }, null, 8, ["class", "width", "height", "stroke-color"])) : q("", !0)
           ]),
           _: 1
-        }, 8, ["data-cy", "class", "aria-expanded", "btn-class"])
+        }, 8, ["id", "data-cy", "class", "aria-expanded"])
       ]),
-      (a(), g(N(e.dropdownElement), {
-        id: "dropdown_" + r(M),
+      (p(), D(z(e.dropdownElement), {
+        id: "dropdown_" + i(f),
         ref: "dropdown",
         "data-cy": e.dataCy && `${e.dataCy}_dropdown`,
-        class: n(["dropdown-content uikit-border-w-lightgray uikit-m-0 uikit-mt-xs uikit-rounded-2xs 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-no-scrollbar", [
+        class: l(["uikit-border-w-lavender uikit-max-h-[220px] uikit-w-full uikit-min-w-[90px] 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", [
           e.dropdownClasses,
-          o.value ? "uikit-flex" : "uikit-hidden",
-          { "uikit-bottom-[55px]": e.direction === "up" },
+          t.value ? "uikit-flex" : "uikit-hidden",
+          { "uikit-bottom-[55px] uikit-rounded-xs": e.direction === "up" },
+          { "uikit-rounded-b uikit-border-t-0": e.direction === "down" },
           { "uikit-absolute": e.isAbsolute }
         ]]),
-        "aria-hidden": !o.value,
-        onClick: l[0] || (l[0] = h(() => {
+        "aria-hidden": !t.value,
+        onClick: a[0] || (a[0] = C(() => {
         }, ["stop"]))
       }, {
-        default: I(() => [
-          C(e.$slots, "default", {
-            isOpen: o.value,
+        default: S(() => [
+          g(e.$slots, "default", {
+            isOpen: t.value,
             toggleDropdown: u,
-            activeIdx: r(k),
-            selectedIdx: r(d),
-            setActiveIdx: m,
-            setSelectedIdx: D
+            activeIdx: i(m),
+            selectedIdx: i(s),
+            setActiveIdx: b,
+            setSelectedIdx: A
           })
         ]),
         _: 3
       }, 8, ["id", "data-cy", "class", "aria-hidden"]))
-    ]));
+    ], 2));
   }
 });
 export {
-  X as default
+  Y as default
 };

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

@@ -10,23 +10,23 @@ const k = ["for"], b = ["innerHTML"], C = /* @__PURE__ */ o({
     labelTextClasses: {}
   },
   emits: ["click"],
-  setup(p, { emit: a }) {
+  setup(m, { emit: a }) {
     const n = a;
     return (e, t) => (s(), i("label", {
       for: e.$attrs.for,
       class: l(["uikit-floating-label uikit-h-5 uikit-pointer-events-none uikit-absolute uikit-left-sm uikit-text-16 uikit-text-w-gray", [e.labelState, { "uikit-text-w-secondary": e.disabled }, e.labelClasses]]),
-      onClick: t[0] || (t[0] = r((f) => n("click"), ["stop"]))
+      onClick: t[0] || (t[0] = r((p) => n("click"), ["stop"]))
     }, [
       d("span", {
         class: l([{ "uikit-text-w-secondary": e.disabled }, e.labelTextClasses]),
         innerHTML: e.labelText
       }, null, 10, b),
-      e.$attrs.required ? (s(), i("span", {
+      e.$attrs.required ? (s(), i("sup", {
         key: 0,
         class: l(["uikit-absolute -uikit-top-[0.3rem]", [
           { "uikit-text-w-secondary": e.disabled },
           { "uikit-text-w-red": e.isValid === !1 },
-          { "uikit-text-w-pink": (e.isValid || e.isValid === null) && !e.disabled }
+          { "uikit-text-w-primary": (e.isValid || e.isValid === null) && !e.disabled }
         ]])
       }, " *", 2)) : u("", !0)
     ], 10, k));

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

@@ -1,58 +1,61 @@
-import { defineComponent as N, mergeModels as L, useModel as O, ref as k, useAttrs as j, useId as x, computed as D, watch as p, createElementBlock as o, openBlock as s, normalizeClass as T, unref as m, renderSlot as v, createElementVNode as G, createBlock as J, createCommentVNode as g, withKeys as Q, withModifiers as w, Fragment as B, renderList as E } from "vue";
-import R from "./BaseFloatingLabel.vue.js";
+import { defineComponent as A, mergeModels as L, useModel as N, ref as v, useAttrs as O, useId as j, computed as D, watch as p, createElementBlock as o, openBlock as s, normalizeClass as T, unref as k, renderSlot as m, createElementVNode as G, createBlock as J, createCommentVNode as h, withKeys as Q, withModifiers as g, Fragment as B, renderList as E } from "vue";
+import W from "./BaseFloatingLabel.vue.js";
 import '../../../../assets/packages/components/lib/UIKit/BaseFloatingLabel.css';/* empty css                       */
-import { useFloatingLabel as W } from "../../../../composables/useFloatingLabel.js";
-const X = ["id", "data-cy", "name", "data-validation", "autocomplete", "disabled", "aria-labelledby", "readonly", "type", "pattern", "min", "max", "maxlength", "inputmode", "placeholder", "value"], Y = ["innerHTML"], Z = ["innerHTML"], U = {
+import { useFloatingLabel as X } from "../../../../composables/useFloatingLabel.js";
+const Y = ["id", "data-cy", "name", "data-validation", "autocomplete", "disabled", "aria-labelledby", "readonly", "type", "pattern", "min", "max", "maxlength", "inputmode", "placeholder", "value"], Z = ["innerHTML"], x = ["innerHTML"], U = {
   key: 1,
   class: "under-label uikit-absolute uikit-text-12"
-}, _ = "peer-data-[validation='invalid']:uikit-text-w-red peer-data-[validation='valid']:uikit-text-w-blue", ne = /* @__PURE__ */ N({
+}, _ = "peer-data-[validation='invalid']:uikit-text-w-red peer-data-[validation='valid']:uikit-text-w-blue", ne = /* @__PURE__ */ A({
   inheritAttrs: !1,
   __name: "BaseInput",
   props: /* @__PURE__ */ L({
+    inputClass: {},
     labelText: { default: "" },
     feedback: {},
     isValid: { default: null },
     keepFloatingLabel: { type: Boolean, default: !1 },
     formatter: { default: null },
-    inputClass: {},
     labelClasses: {},
     labelTextClasses: {},
-    dataCy: {},
-    withBorder: { type: Boolean, default: !0 }
+    withLeftIcon: { type: Boolean, default: () => {
+    } },
+    withRightIcon: { type: Boolean, default: () => {
+    } },
+    dataCy: {}
   }, {
     modelValue: { default: "" },
     modelModifiers: {}
   }),
   emits: /* @__PURE__ */ L(["click", "keydownEnterPressed", "focusin", "focusout", "keydown", "keyup"], ["update:modelValue"]),
   setup(l, { expose: M, emit: H }) {
-    const u = O(l, "modelValue"), i = k(""), d = H, {
+    const u = N(l, "modelValue"), i = v(""), d = H, {
       labelState: c,
       handleFocusIn: P,
-      handleFocusOut: $,
-      setInlineLabel: h,
+      handleFocusOut: w,
+      setInlineLabel: $,
       setFloatingLabel: V
-    } = W(), F = j(), q = x(), r = D(() => F.id || q), n = k("text"), f = k({}), b = k(null), K = () => {
+    } = X(), I = O(), q = j(), r = D(() => I.id || q), n = v("text"), f = v({}), b = v(null), K = () => {
       l.feedback && (f.value = l.feedback, l.feedback.valid && typeof l.feedback.valid == "string" && (f.value.valid = [l.feedback.valid]), l.feedback.invalid && typeof l.feedback.invalid == "string" && (f.value.invalid = [l.feedback.invalid]));
-    }, C = (e, a) => {
+    }, F = (e, a) => {
       if (!l.formatter || !l.formatter.formatFn)
         return i.value = e, "";
       const t = e.length ? l.formatter.formatFn(e) : e;
       return a && (a.value = t), i.value = t, t;
-    }, I = (e, a = !0) => {
+    }, C = (e, a = !0) => {
       if (a && (!l.formatter || !l.formatter.unFormatFn))
         return u.value = e, e;
       if (!a || !l.formatter || !l.formatter.unFormatFn) return;
       const t = l.formatter.unFormatFn(e);
       return u.value = t ?? "", t;
-    }, S = ({ target: e }) => {
-      const a = e, t = I(a.value);
-      C(
+    }, R = ({ target: e }) => {
+      const a = e, t = C(a.value);
+      F(
         `${t}`,
         t === u.value ? a : void 0
       );
+    }, S = () => {
+      u.value = "", $();
     }, z = () => {
-      u.value = "", h();
-    }, A = () => {
       n.value === "password" ? n.value = "text" : n.value === "text" && (n.value = "password");
     };
     return p(
@@ -66,10 +69,10 @@ const X = ["id", "data-cy", "name", "data-validation", "autocomplete", "disabled
     ), p(
       u,
       (e) => {
-        C(
+        F(
           `${e}`,
-          I(`${e}`, !1) === e ? b.value : void 0
-        ), i.value != null && i.value.length > 0 && c.value !== "floating-label" ? V() : !i.value && document && document.activeElement !== b.value && h();
+          C(`${e}`, !1) === e ? b.value : void 0
+        ), i.value != null && i.value.length > 0 && c.value !== "floating-label" ? V() : !i.value && document && document.activeElement !== b.value && $();
       },
       {
         immediate: !0
@@ -77,9 +80,9 @@ const X = ["id", "data-cy", "name", "data-validation", "autocomplete", "disabled
     ), p(
       () => l.keepFloatingLabel,
       (e) => {
-        e ? V() : $(u.value);
+        e ? V() : w(u.value);
       }
-    ), n.value = F.type || "text", M({
+    ), n.value = I.type || "text", M({
       select: () => {
         b.value?.select();
       }
@@ -87,20 +90,20 @@ const X = ["id", "data-cy", "name", "data-validation", "autocomplete", "disabled
       class: T(["uikit-input-wrapper [&.has-right-icon.is-invalid_.text-input-icon]:uikit-mr-25px [&.has-right-icon.is-valid_.text-input-icon]:uikit-mr-25px uikit-relative uikit-inline-block uikit-w-full", [
         e.$attrs.class,
         { "floating-label": e.labelText },
-        m(c) === "floating-label" ? "floating-state" : "inline-state",
+        k(c) === "floating-label" ? "floating-state" : "inline-state",
         {
-          "has-right-icon": !!e.$slots.rightIcon
+          "has-right-icon": e.withRightIcon !== void 0 ? e.withRightIcon : !!e.$slots.righticon
         },
         {
-          "has-left-icon": !!e.$slots.leftIcon
+          "has-left-icon": e.withLeftIcon !== void 0 ? e.withLeftIcon : !!e.$slots.leftIcon
         },
         { "is-invalid": e.isValid === !1, "is-valid": e.isValid }
       ]])
     }, [
-      v(e.$slots, "leftIcon"),
-      v(e.$slots, "rightIcon", {
-        handleClean: z,
-        handleShowPasswd: A,
+      m(e.$slots, "leftIcon"),
+      m(e.$slots, "righticon", {
+        handleClean: S,
+        handleShowPasswd: z,
         curType: n.value
       }),
       G("input", {
@@ -109,16 +112,12 @@ const X = ["id", "data-cy", "name", "data-validation", "autocomplete", "disabled
         ref: b,
         "data-cy": e.dataCy,
         name: e.$attrs.name,
-        class: T(["input-element disabled:uikit-text-w-secondary uikit-peer uikit-relative uikit-box-border uikit-block uikit-w-full uikit-appearance-none uikit-truncate uikit-rounded-2xs uikit-bg-white uikit-px-sm uikit-pb-0 uikit-text-16 uikit-outline-none disabled:uikit-bg-w-cultured", [
+        class: T(["input-element disabled:uikit-text-w-secondary uikit-peer uikit-relative uikit-box-border uikit-block uikit-h-[56px] uikit-w-full uikit-appearance-none uikit-truncate uikit-rounded-2xs uikit-border uikit-border-solid uikit-border-w-lightgray uikit-bg-white uikit-px-sm uikit-pb-0 uikit-pt-md uikit-text-16 uikit-outline-none focus-visible:uikit-border-w-blue disabled:uikit-bg-w-cultured data-[validation='invalid']:uikit-border-w-red data-[validation='valid']:uikit-border-w-blue", [
           {
             "is-invalid": e.isValid === !1,
-            "is-valid": e.isValid,
-            "uikit-pt-md": e.labelText
+            "is-valid": e.isValid
           },
-          e.inputClass,
-          {
-            "uikit-border uikit-border-solid uikit-border-w-lightgray focus-visible:uikit-border-w-blue data-[validation='invalid']:uikit-border-w-red data-[validation='valid']:uikit-border-w-blue": e.withBorder
-          }
+          e.inputClass
         ]]),
         "data-validation": e.isValid ? "valid" : e.isValid === !1 ? "invalid" : "",
         autocomplete: e.$attrs.autocomplete === "on" ? "on" : "off",
@@ -134,50 +133,50 @@ const X = ["id", "data-cy", "name", "data-validation", "autocomplete", "disabled
         placeholder: e.$attrs.placeholder,
         value: i.value,
         onClick: a[0] || (a[0] = (t) => d("click", t)),
-        onFocusin: a[1] || (a[1] = w(
+        onFocusin: a[1] || (a[1] = g(
           (t) => {
-            d("focusin", t), e.labelText && m(P)();
+            d("focusin", t), e.labelText && k(P)();
           },
           ["stop"]
         )),
-        onFocusout: a[2] || (a[2] = w(
+        onFocusout: a[2] || (a[2] = g(
           (t) => {
-            d("focusout", t), e.labelText && !e.keepFloatingLabel && m($)(i.value);
+            d("focusout", t), e.labelText && !e.keepFloatingLabel && k(w)(i.value);
           },
           ["stop"]
         )),
-        onInput: w(S, ["stop"]),
+        onInput: g(R, ["stop"]),
         onKeydown: [
           a[3] || (a[3] = Q(() => d("keydownEnterPressed"), ["enter"])),
           a[4] || (a[4] = (t) => d("keydown", t))
         ],
         onKeyup: a[5] || (a[5] = (t) => d("keyup", t))
-      }, null, 42, X),
-      e.labelText ? (s(), J(R, {
+      }, null, 42, Y),
+      e.labelText ? (s(), J(W, {
         key: 0,
         for: r.value,
         "label-text": e.labelText,
-        "label-state": m(c),
+        "label-state": k(c),
         "is-valid": e.isValid,
         required: e.$attrs.required,
         disabled: e.$attrs.disabled,
         "label-classes": [e.labelClasses, _],
         "label-text-classes": e.labelTextClasses
-      }, null, 8, ["for", "label-text", "label-state", "is-valid", "required", "disabled", "label-classes", "label-text-classes"])) : g("", !0),
-      v(e.$slots, "feedback", {}, () => [
+      }, null, 8, ["for", "label-text", "label-state", "is-valid", "required", "disabled", "label-classes", "label-text-classes"])) : h("", !0),
+      m(e.$slots, "feedback", {}, () => [
         e.isValid === !1 ? (s(!0), o(B, { key: 0 }, E(f.value.invalid, (t, y) => (s(), o("div", {
           key: `${r.value}_invalid_${y}`,
           class: "uikit-mt-1 uikit-text-12 uikit-text-w-red",
           innerHTML: t
-        }, null, 8, Y))), 128)) : e.isValid === !0 ? (s(!0), o(B, { key: 1 }, E(f.value.valid, (t, y) => (s(), o("div", {
+        }, null, 8, Z))), 128)) : e.isValid === !0 ? (s(!0), o(B, { key: 1 }, E(f.value.valid, (t, y) => (s(), o("div", {
           key: `${r.value}_valid_${y}`,
           class: "uikit-mt-1 uikit-text-12 uikit-text-w-blue",
           innerHTML: t
-        }, null, 8, Z))), 128)) : g("", !0)
+        }, null, 8, x))), 128)) : h("", !0)
       ]),
       e.$slots["under-label"] ? (s(), o("div", U, [
-        v(e.$slots, "under-label")
-      ])) : g("", !0)
+        m(e.$slots, "under-label")
+      ])) : h("", !0)
     ], 2));
   }
 });

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

@@ -1,6 +1,6 @@
 import { defineComponent as z, ref as d, useTemplateRef as D, useId as K, computed as N, onUnmounted as S, watch as V, createBlock as W, openBlock as f, Teleport as A, createElementVNode as l, normalizeClass as o, withModifiers as g, createElementBlock as w, createCommentVNode as h, renderSlot as r, createVNode as F, unref as P, nextTick as U } from "vue";
-import { CloseIcon as R } 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 R } 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 j = ["id", "data-cy"], q = ["innerHTML"], X = /* @__PURE__ */ z({
   __name: "BaseModal",
   props: {

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

@@ -1,7 +1,7 @@
 import { defineComponent as o, createElementBlock as e, openBlock as i, renderSlot as n, createCommentVNode as u, toDisplayString as s } from "vue";
 const r = { class: "uikit-relative uikit-inline-block" }, a = {
   key: 0,
-  class: "uikit-pointer-events-none uikit-absolute -uikit-right-sm -uikit-top-sm uikit-rounded-2xs uikit-bg-w-cultured uikit-px-2xs uikit-text-12 uikit-font-medium uikit-text-w-blue"
+  class: "uikit-pointer-events-none uikit-absolute -uikit-right-sm -uikit-top-sm uikit-rounded-3xs uikit-bg-w-cultured uikit-px-2xs uikit-text-12 uikit-font-medium uikit-text-w-blue"
 }, p = /* @__PURE__ */ o({
   __name: "BaseNotificationBadge",
   props: {