@wikicasa-dev/components 2.1.2-alpha.2 → 2.1.2-alpha.4

package/dist/{chunks/BaseAutocomplete.vue_vue_type_script_setup_true_lang.Ol7Hmb-E.js → packages/components/lib/UIKit/BaseAutocomplete.vue.js}

@@ -1,24 +1,14 @@
-import { defineComponent as T, mergeModels as $, useModel as L, ref as r, computed as k, onBeforeMount as F, watch as f, createBlock as S, openBlock as C, normalizeClass as H, withCtx as s, createElementBlock as z, Fragment as A, renderList as K, unref as N, createElementVNode as U, createVNode as W, renderSlot as V } from "vue";
-import j from "../UIKit/BaseInput.js";
-import { _ as q } from "./BaseDropDown.vue_vue_type_script_setup_true_lang.Cb0-JXG0.js";
-import "./polyline.tNTK3v2u.js";
-import { _ as G } from "./SelectItem.vue_vue_type_script_setup_true_lang.Drq_K7Vx.js";
-import { A as J } from "./useKeyboardController.Cs_5GQTJ.js";
-function Q(t, p) {
-  return (...v) => new Promise((d, u) => {
-    t.id && clearTimeout(t.id), t.id = setTimeout(() => {
-      try {
-        const i = p(...v);
-        d(i);
-      } catch (i) {
-        u(i);
-      }
-    }, t.delay);
-  });
-}
-const R = ["innerHTML"], le = /* @__PURE__ */ T({
+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 "../../../../UIKit/BaseInput.js";
+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__ */ $({
+  props: /* @__PURE__ */ y({
     isValid: { default: null },
     theme: { default: "" },
     label: { default: "" },
@@ -40,44 +30,44 @@ const R = ["innerHTML"], le = /* @__PURE__ */ T({
     },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ $(["update:dropdownState", "changedValue", "click", "keydown", "keydownEnterPressed"], ["update:modelValue"]),
-  setup(t, { expose: p, emit: v }) {
-    const d = L(
-      t,
+  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 = r(""), n = r([]), m = r(null), c = r(!1), o = r(!1), y = r(null), B = k(() => n.value.length);
-    F(() => {
-      m.value = Q({ delay: 300 }, t.onInputChangeCb);
+    ), u = V, i = d(""), n = d([]), p = d(null), b = d(!1), l = d(!1), w = d(null), B = k(() => n.value.length);
+    H(() => {
+      p.value = G({ delay: 300 }, o.onInputChangeCb);
     });
-    const { activeIdx: h, selectedIdx: w } = J({
+    const { activeIdx: v, selectedIdx: m } = Q({
       optionsLength: B,
-      isDropdownOpen: o,
+      isDropdownOpen: l,
       disableSpaceHandler: !0
     }), O = k(() => {
-      switch (t.theme) {
+      switch (o.theme) {
         case "bordered":
           return "";
         case "all-bordered":
-          return "!uikit-rounded " + (o.value && "!uikit-rounded-b-none");
+          return "!uikit-rounded " + (l.value && "!uikit-rounded-b-none");
         case "all-bordered-thick":
-          return "!uikit-rounded-xl !uikit-h-[52px] " + (o.value && "!uikit-rounded-b-none");
+          return "!uikit-rounded-xl !uikit-h-[52px] " + (l.value && "!uikit-rounded-b-none");
         default:
           return "";
       }
     }), I = k(() => {
-      switch (t.theme) {
+      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 " + (o.value ? "!uikit-border-b-0 !uikit-rounded-b-none" : "");
+          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-xl !uikit-h-[60px] !uikit-border-w-lavender !uikit-border-none " + (o.value ? "!uikit-rounded-b-none" : "");
+          return "!uikit-rounded-xl !uikit-h-[60px] !uikit-border-w-lavender !uikit-border-none " + (l.value ? "!uikit-rounded-b-none" : "");
         default:
           return "";
       }
     }), M = 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 (t.theme) {
+      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":
@@ -87,42 +77,42 @@ const R = ["innerHTML"], le = /* @__PURE__ */ T({
         default:
           return "";
       }
-    }), P = async (e) => {
-      if (i.value !== e && (u("changedValue", e), i.value = e, !!t.onInputChangeCb)) {
-        if (!e || c.value) {
-          n.value = [], c.value = !1, w.value = -1, h.value = -1, d.value && (d.value.label = ""), o.value = !1, await m.value(null);
+    }), D = async (e) => {
+      if (i.value !== e && (u("changedValue", e), i.value = e, !!o.onInputChangeCb)) {
+        if (!e || b.value) {
+          n.value = [], b.value = !1, m.value = -1, v.value = -1, r.value && (r.value.label = ""), l.value = !1, await p.value(null);
           return;
         }
-        t.disableCb || (n.value = await m.value(e), o.value = !!n.value.length);
+        o.disableCb || (n.value = await p.value(e), l.value = !!n.value.length);
       }
-    }, g = (e, l) => {
-      t.onOptionSelectedCb && t.onOptionSelectedCb(e), t.cleanupOnClose && (n.value = []), c.value = !0, i.value = e.label, d.value = e, o.value = !1, w.value = l;
-    }, D = () => {
-      n.value.length && t.keepState !== "closed" && (o.value = !0);
+    }, C = (e, t) => {
+      o.onOptionSelectedCb && o.onOptionSelectedCb(e), o.cleanupOnClose && (n.value = []), b.value = !0, i.value = e.label, r.value = e, l.value = !1, m.value = t;
+    }, E = () => {
+      n.value.length && o.keepState !== "closed" && (l.value = !0);
     };
     return f(
-      d,
-      (e, l) => {
-        e === l || e?.label === i.value || (i.value = e?.label || "");
+      r,
+      (e, t) => {
+        e === t || e?.label === i.value || (i.value = e?.label || "");
       },
       { immediate: !0 }
-    ), f(w, (e) => {
+    ), f(m, (e) => {
       if (e === -1 || !n.value.length) return;
-      const l = n.value[e];
-      c.value && l.label === d.value?.label || g(l, e);
+      const t = n.value[e];
+      b.value && t.label === r.value?.label || C(t, e);
     }), f(
-      () => t.keepState,
+      () => o.keepState,
       (e) => {
-        e === "closed" ? (o.value = !1, t.cleanupOnClose && (n.value = [])) : e === "open" && n.value.length && (o.value = !0);
+        e === "closed" ? (l.value = !1, o.cleanupOnClose && (n.value = [])) : e === "open" && n.value.length && (l.value = !0);
       }
-    ), f(o, (e) => {
+    ), f(l, (e) => {
       u("update:dropdownState", e);
-    }), p({
+    }), S({
       select: () => {
-        y.value?.select();
+        w.value?.select();
       }
-    }), (e, l) => (C(), S(q, {
-      class: H(e.$attrs["root-classes"]),
+    }), (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": [
@@ -136,20 +126,20 @@ const R = ["innerHTML"], le = /* @__PURE__ */ T({
         "!uikit-max-h-[210px] uikit-z-30",
         e.dropdownClasses
       ],
-      "open-dropdown": o.value,
+      "open-dropdown": l.value,
       "keep-state": !n.value.length || e.keepState === "closed" ? "closed" : "opened",
       "close-when-clicked-outside": e.closeDropdownOnBodyPressed,
       "activate-keyboard-controller": !1,
-      "onUpdate:dropdownState": l[3] || (l[3] = (a) => o.value = a),
-      onClick: l[4] || (l[4] = (a) => {
-        u("click"), D();
+      "onUpdate:dropdownState": t[3] || (t[3] = (a) => l.value = a),
+      onClick: t[4] || (t[4] = (a) => {
+        u("click"), E();
       })
     }, {
       btn_slot: s(() => [
         W(j, {
           id: e.$attrs.id ? `ac_input_${e.$attrs.id}` : "",
           ref_key: "baseInput",
-          ref: y,
+          ref: w,
           "data-cy": e.dataCy ? `ac_input_${e.dataCy}` : `ac_input_${e.$attrs.id}`,
           "label-text": e.label,
           "model-value": i.value,
@@ -164,26 +154,26 @@ const R = ["innerHTML"], le = /* @__PURE__ */ T({
             "!uikit-ml-0 !uikit-w-full"
           ],
           "fieldset-classes": [I.value, e.fieldsetClasses],
-          "onUpdate:modelValue": l[0] || (l[0] = (a) => P(a === void 0 ? "" : `${a}`)),
-          onKeydown: l[1] || (l[1] = (a) => u("keydown", a)),
-          onKeydownEnterPressed: l[2] || (l[2] = () => u("keydownEnterPressed"))
+          "onUpdate:modelValue": t[0] || (t[0] = (a) => D(a === void 0 ? "" : `${a}`)),
+          onKeydown: t[1] || (t[1] = (a) => u("keydown", a)),
+          onKeydownEnterPressed: t[2] || (t[2] = () => u("keydownEnterPressed"))
         }, {
           leftIcon: s(() => [
-            V(e.$slots, "lefticon")
+            $(e.$slots, "lefticon")
           ]),
           righticon: s(({ handleClean: a }) => [
-            V(e.$slots, "righticon", { handleClean: a })
+            $(e.$slots, "righticon", { handleClean: a })
           ]),
           _: 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(() => [
-        (C(!0), z(A, null, K(n.value, (a, b) => (C(), S(G, {
-          key: b,
-          active: N(h) === b,
+        (h(!0), T(z, null, A(n.value, (a, c) => (h(), g(J, {
+          key: c,
+          active: N(v) === c,
           class: "uikit-m-1 uikit-rounded-[5px] uikit-px-5 uikit-py-10px hover:uikit-cursor-pointer",
-          onClick: (E) => g(a, b),
-          onMouseover: (E) => h.value = b
+          onClick: (P) => C(a, c),
+          onMouseover: (P) => v.value = c
         }, {
           default: s(() => [
             U("span", {
@@ -198,5 +188,5 @@ const R = ["innerHTML"], le = /* @__PURE__ */ T({
   }
 });
 export {
-  le as _
+  ne as default
 };

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

@@ -0,0 +1,19 @@
+import { defineComponent as s, createElementBlock as a, openBlock as t, normalizeClass as r, renderSlot as i } from "vue";
+const o = ["id"], p = /* @__PURE__ */ s({
+  inheritAttrs: !1,
+  __name: "BaseBadge",
+  props: {
+    badgeClass: { default: "uikit-badge-w-primary-sm" }
+  },
+  setup(d) {
+    return (e, l) => (t(), a("span", {
+      id: e.$attrs.id,
+      class: r(["uikit-badge uikit-shadow-sm", e.badgeClass, e.$attrs.class])
+    }, [
+      i(e.$slots, "default")
+    ], 10, o));
+  }
+});
+export {
+  p as default
+};

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

@@ -1,7 +1,7 @@
 import { defineComponent as d, computed as k, createElementBlock as s, openBlock as i, createElementVNode as n, normalizeClass as a, Fragment as u, renderList as p, renderSlot as c, toDisplayString as h, createVNode as b, unref as f } from "vue";
-import { a as C } from "./ArrowIcon.Bq6Xr3uH.js";
-import "./PharmacyIcon.DEQ8mOEJ.js";
-const g = { "aria-label": "Breadcrumb" }, w = ["data-tooltip"], B = ["href"], $ = /* @__PURE__ */ d({
+import { ArrowIcon as C } from "../../../../node_modules/.pnpm/@wikicasa-dev_svg-icons@1.2.11_typescript@5.8.3/node_modules/@wikicasa-dev/svg-icons/dist/ArrowIcon.js";
+import "../../../../node_modules/.pnpm/@wikicasa-dev_svg-icons@1.2.11_typescript@5.8.3/node_modules/@wikicasa-dev/svg-icons/dist/PharmacyIcon.js";
+const g = { "aria-label": "Breadcrumb" }, w = ["data-tooltip"], I = ["href"], v = /* @__PURE__ */ d({
   __name: "BaseBreadcrumb",
   props: {
     items: {},
@@ -32,7 +32,7 @@ const g = { "aria-label": "Breadcrumb" }, w = ["data-tooltip"], B = ["href"], $
               n("a", {
                 class: a(["uikit-text-w-black uikit-no-underline", { "uikit-text-w-primary": t.active }]),
                 href: t.link
-              }, h(t.label), 11, B)
+              }, h(t.label), 11, I)
             ])
           ], 10, w)) : (i(), s("li", {
             key: `breadcrumb-li-no-label-${o}`,
@@ -54,5 +54,5 @@ const g = { "aria-label": "Breadcrumb" }, w = ["data-tooltip"], B = ["href"], $
   }
 });
 export {
-  $ as _
+  v as default
 };

package/dist/{chunks/BaseButton.vue_vue_type_script_setup_true_lang.BPSr-Zxr.js → packages/components/lib/UIKit/BaseButton.vue.js}

@@ -1,5 +1,5 @@
-import { defineComponent as y, ref as b, computed as s, createElementBlock as f, openBlock as v, withModifiers as l, normalizeStyle as B, normalizeClass as C, renderSlot as u, createVNode as c } from "vue";
-import M from "../UIKit/StaticSpinner.js";
+import { defineComponent as y, ref as b, computed as l, createElementBlock as f, openBlock as v, withModifiers as s, normalizeStyle as B, normalizeClass as C, renderSlot as u, createVNode as c } from "vue";
+import M from "../../../../UIKit/StaticSpinner.js";
 const z = ["id", "data-cy", "type", "data-active", "disabled", "aria-label", "title"], S = /* @__PURE__ */ y({
   __name: "BaseButton",
   props: {
@@ -17,7 +17,7 @@ const z = ["id", "data-cy", "type", "data-active", "disabled", "aria-label", "ti
   },
   emits: ["mouseover", "mouseout", "click"],
   setup(o, { emit: r }) {
-    const a = r, n = b(!1), d = s(() => o.size ? `uikit-btn-${o.size}` : ""), m = s(() => o.outlined ? "uikit-btn-outline" : ""), p = () => {
+    const a = r, n = b(!1), d = l(() => o.size ? `uikit-btn-${o.size}` : ""), m = l(() => o.outlined ? "uikit-btn-outline" : ""), p = () => {
       n.value = !0;
     }, k = () => {
       n.value = !1;
@@ -42,10 +42,10 @@ const z = ["id", "data-cy", "type", "data-active", "disabled", "aria-label", "ti
       disabled: e.isLoading || e.disabled,
       "aria-label": e.ariaLabel,
       title: e.title,
-      onMouseover: t[0] || (t[0] = l((i) => {
+      onMouseover: t[0] || (t[0] = s((i) => {
         p(), a("mouseover", i);
       }, ["stop"])),
-      onMouseout: t[1] || (t[1] = l((i) => {
+      onMouseout: t[1] || (t[1] = s((i) => {
         k(), a("mouseout", i);
       }, ["stop"])),
       onClick: t[2] || (t[2] = (i) => a("click", i))
@@ -62,5 +62,5 @@ const z = ["id", "data-cy", "type", "data-active", "disabled", "aria-label", "ti
   }
 });
 export {
-  S as _
+  S as default
 };

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

@@ -0,0 +1,37 @@
+import { defineComponent as m, computed as o, createBlock as u, openBlock as C, resolveDynamicComponent as p, normalizeClass as a, withCtx as y, createElementVNode as d, renderSlot as l } from "vue";
+const g = /* @__PURE__ */ m({
+  __name: "BaseCard",
+  props: {
+    type: { default: "" },
+    rootComponent: { default: "div" },
+    cardImgClasses: { default: "" },
+    cardBodyClasses: { default: "" }
+  },
+  emits: ["click"],
+  setup(s, { emit: r }) {
+    const c = r, n = o(
+      () => s.type === "news" ? "news-card" : s.type
+    ), i = o(() => s.type ? `${s.type}-img` : "");
+    return (e, t) => (C(), u(p(e.rootComponent), {
+      class: a(["card", [n.value]]),
+      onClick: t[0] || (t[0] = (f) => c("click"))
+    }, {
+      default: y(() => [
+        d("div", {
+          class: a(["card-img", [i.value, e.cardImgClasses]])
+        }, [
+          l(e.$slots, "card-image", {}, void 0, !0)
+        ], 2),
+        d("div", {
+          class: a(["card-body", [e.cardBodyClasses]])
+        }, [
+          l(e.$slots, "card-description", {}, void 0, !0)
+        ], 2)
+      ]),
+      _: 3
+    }, 8, ["class"]));
+  }
+});
+export {
+  g as default
+};

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

@@ -0,0 +1,106 @@
+import { defineComponent as v, mergeModels as T, useModel as C, computed as c, createElementBlock as n, openBlock as r, normalizeClass as o, createElementVNode as t, withModifiers as f, renderSlot as m, createCommentVNode as k } from "vue";
+const y = ["id", "data-cy"], $ = ["data-btn-bg-color", "data-cy"], L = ["src", "alt"], M = ["innerHTML"], z = ["data-btn-bg-color", "data-cy"], B = ["src", "alt"], V = ["innerHTML"], j = /* @__PURE__ */ v({
+  __name: "BaseComplexToggle",
+  props: /* @__PURE__ */ T({
+    labels: {},
+    type: { default: "full" },
+    mode: { default: "" },
+    btnBgColor: { default: "uikit-bg-w-lavender" },
+    btnClasses: {},
+    borderContainerColor: { default: "uikit-border-w-secondary" },
+    size: { default: "" }
+  }, {
+    modelValue: {
+      default: null
+    },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(g) {
+    const l = g, a = C(g, "modelValue"), s = () => {
+      a.value = l.labels.leftToggle;
+    }, u = () => {
+      a.value = l.labels.rightToggle;
+    };
+    (() => {
+      if (l.labels.leftToggle.checked) {
+        s();
+        return;
+      }
+      if (l.labels.rightToggle.checked) {
+        u();
+        return;
+      }
+      s();
+    })();
+    const b = (e) => a.value?.label === e.label, d = c(() => b(l.labels.leftToggle)), p = c(() => b(l.labels.rightToggle));
+    return (e, i) => (r(), n("div", {
+      id: e.$attrs.id || "",
+      "data-cy": e.$attrs["data-cy"] || "",
+      class: o(["base-complex-toggle uikit-relative uikit-flex uikit-justify-center uikit-p-0", [e.mode, e.borderContainerColor, e.size]])
+    }, [
+      t("div", {
+        "data-btn-bg-color": e.btnBgColor,
+        "data-cy": `bct-left-btn${e.labels.leftToggle.label ? `-${e.labels.leftToggle.label}` : ""}`,
+        class: o(["left-button uikit-flex uikit-flex-1 uikit-items-center uikit-justify-center hover:uikit-cursor-pointer", [
+          {
+            "base-complex-toggle-active": d.value
+          }
+        ]]),
+        onClick: i[0] || (i[0] = f((h) => s(), ["stop"]))
+      }, [
+        m(e.$slots, "left_icon", {}, () => [
+          e.labels.leftToggle.icon ? (r(), n("img", {
+            key: 0,
+            class: "base-complex-toggle-icon uikit-relative uikit-z-10 uikit-mr-10px",
+            src: e.labels.leftToggle.icon.src,
+            alt: e.labels.leftToggle.icon.alt,
+            width: "15",
+            height: "15"
+          }, null, 8, L)) : k("", !0)
+        ], !0),
+        t("span", {
+          class: "base-complex-toggle-label uikit-relative uikit-z-10",
+          innerHTML: e.labels.leftToggle.label
+        }, null, 8, M)
+      ], 10, $),
+      t("div", {
+        "data-btn-bg-color": e.btnBgColor,
+        "data-cy": `bct-right-btn${e.labels.rightToggle.label ? `-${e.labels.rightToggle.label}` : ""}`,
+        class: o(["right-button uikit-flex uikit-flex-1 uikit-items-center uikit-justify-center hover:uikit-cursor-pointer", [
+          {
+            "base-complex-toggle-active": p.value
+          }
+        ]]),
+        onClick: i[1] || (i[1] = f((h) => u(), ["stop"]))
+      }, [
+        m(e.$slots, "right_icon", {}, () => [
+          e.labels.rightToggle.icon ? (r(), n("img", {
+            key: 0,
+            class: "base-complex-toggle-icon uikit-relative uikit-z-10 uikit-mr-10px",
+            src: e.labels.rightToggle.icon.src,
+            alt: e.labels.rightToggle.icon.alt,
+            width: "15",
+            height: "15"
+          }, null, 8, B)) : k("", !0)
+        ], !0),
+        t("span", {
+          class: "base-complex-toggle-label uikit-relative uikit-z-10",
+          innerHTML: e.labels.rightToggle.label
+        }, null, 8, V)
+      ], 10, z),
+      t("div", {
+        class: o(["uikit-absolute uikit-transition-all uikit-duration-200 uikit-ease-out", [
+          e.type === "full" ? "base-complex-toggle-active-bg" : "base-complex-toggle-active-padded-bg",
+          e.btnBgColor,
+          e.mode,
+          d.value ? "translateX-left" : "translateX-right",
+          e.btnClasses
+        ]])
+      }, null, 2)
+    ], 10, y));
+  }
+});
+export {
+  j as default
+};

package/dist/{chunks/BaseDropDown.vue_vue_type_script_setup_true_lang.Cb0-JXG0.js → packages/components/lib/UIKit/BaseDropDown.vue.js}

@@ -1,9 +1,9 @@
-import { defineComponent as M, mergeModels as b, useId as A, useModel as E, ref as h, computed as O, useTemplateRef as W, watch as n, onBeforeMount as $, onMounted as H, onUnmounted as N, createElementBlock as T, openBlock as u, withModifiers as g, normalizeClass as i, renderSlot as C, createBlock as y, createVNode as V, unref as l, withCtx as D, createElementVNode as K, createCommentVNode as q, resolveDynamicComponent as z } from "vue";
-import { _ as R } from "./BaseButton.vue_vue_type_script_setup_true_lang.BPSr-Zxr.js";
-import { a as U } from "./ArrowIcon.Bq6Xr3uH.js";
-import "./PharmacyIcon.DEQ8mOEJ.js";
-import { A as j } from "./useKeyboardController.Cs_5GQTJ.js";
-const F = ["innerHTML"], Z = /* @__PURE__ */ M({
+import { defineComponent as L, mergeModels as b, useId as M, useModel as E, ref as h, computed as O, useTemplateRef as W, watch as n, onBeforeMount as $, onMounted as H, onUnmounted as K, createElementBlock as N, openBlock as u, withModifiers as C, normalizeClass as i, renderSlot as g, createBlock as y, createVNode as T, unref as l, withCtx as D, 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.11_typescript@5.8.3/node_modules/@wikicasa-dev/svg-icons/dist/ArrowIcon.js";
+import "../../../../node_modules/.pnpm/@wikicasa-dev_svg-icons@1.2.11_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 F = ["innerHTML"], Z = /* @__PURE__ */ L({
   inheritAttrs: !1,
   __name: "BaseDropDown",
   props: /* @__PURE__ */ b({
@@ -30,8 +30,8 @@ const F = ["innerHTML"], Z = /* @__PURE__ */ M({
   }),
   emits: /* @__PURE__ */ b(["click", "update:dropdownState"], ["update:toggleDropdown"]),
   setup(p, { emit: B }) {
-    const o = p, c = A(), k = B, f = E(p, "toggleDropdown"), t = h(!1), d = h([]), S = O(() => d.value.length), w = W("dropdown"), { activeIdx: m, selectedIdx: r } = j({
-      optionsLength: S,
+    const o = p, c = M(), f = B, k = E(p, "toggleDropdown"), t = h(!1), d = h([]), I = O(() => d.value.length), w = W("dropdown"), { activeIdx: m, selectedIdx: r } = j({
+      optionsLength: I,
       isDropdownOpen: t,
       activate: o.activateKeyboardController
     });
@@ -44,9 +44,9 @@ const F = ["innerHTML"], Z = /* @__PURE__ */ M({
         immediate: !0
       }
     ), n(t, (e) => {
-      k("update:dropdownState", e);
-    }), n(f, (e) => {
-      e && (t.value = !t.value, f.value = !1);
+      f("update:dropdownState", e);
+    }), n(k, (e) => {
+      e && (t.value = !t.value, k.value = !1);
     }), n(r, (e) => {
       e !== -1 && d.value[e].querySelector("a")?.click();
     });
@@ -54,28 +54,28 @@ const F = ["innerHTML"], Z = /* @__PURE__ */ M({
       t.value = !1;
     }, s = () => {
       o.keepState === "closed" && !t.value || o.keepState === "opened" && t.value || (t.value = !t.value);
-    }, I = (e) => {
+    }, S = (e) => {
       e != null && (m.value = e);
-    }, L = (e) => {
+    }, A = (e) => {
       e != null && (r.value = e);
     };
     return $(() => {
       o.closeWhenClickedOutside && document.body.addEventListener("click", v);
     }), H(() => {
       w.value && (d.value = w.value.children || []);
-    }), N(() => {
+    }), K(() => {
       o.closeWhenClickedOutside && document.body.removeEventListener("click", v);
-    }), (e, a) => (u(), T("div", {
+    }), (e, a) => (u(), N("div", {
       class: i(["uikit-relative uikit-block", e.$attrs.class]),
-      onClick: a[1] || (a[1] = g((G) => {
-        k("click"), s();
+      onClick: a[1] || (a[1] = C((G) => {
+        f("click"), s();
       }, ["stop"]))
     }, [
-      C(e.$slots, "btn_slot", {
+      g(e.$slots, "btn_slot", {
         toggleDropdown: s,
         isOpen: t.value
       }, () => [
-        V(R, {
+        T(R, {
           id: l(c),
           type: "button",
           "data-cy": e.dataCy,
@@ -87,7 +87,7 @@ const F = ["innerHTML"], Z = /* @__PURE__ */ M({
           "btn-class": "uikit-btn-single-selection"
         }, {
           default: D(() => [
-            K("span", {
+            V("span", {
               class: i(["uikit-mr-5px", e.labelClasses]),
               innerHTML: e.btnLabel
             }, null, 10, F),
@@ -114,17 +114,17 @@ const F = ["innerHTML"], Z = /* @__PURE__ */ M({
           { "uikit-absolute": e.isAbsolute }
         ]]),
         "aria-hidden": !t.value,
-        onClick: a[0] || (a[0] = g(() => {
+        onClick: a[0] || (a[0] = C(() => {
         }, ["stop"]))
       }, {
         default: D(() => [
-          C(e.$slots, "default", {
+          g(e.$slots, "default", {
             isOpen: t.value,
             toggleDropdown: s,
             activeIdx: l(m),
             selectedIdx: l(r),
-            setActiveIdx: I,
-            setSelectedIdx: L
+            setActiveIdx: S,
+            setSelectedIdx: A
           })
         ]),
         _: 3
@@ -133,5 +133,5 @@ const F = ["innerHTML"], Z = /* @__PURE__ */ M({
   }
 });
 export {
-  Z as _
+  Z as default
 };

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

@@ -0,0 +1,40 @@
+import { defineComponent as o, createElementBlock as l, openBlock as s, withModifiers as r, normalizeClass as t, createElementVNode as u, createCommentVNode as d } from "vue";
+const k = ["for"], b = ["innerHTML"], c = /* @__PURE__ */ o({
+  __name: "BaseFloatingLabel",
+  props: {
+    labelState: { default: "inline-label" },
+    isValid: { default: null },
+    labelText: {},
+    disabled: { type: [String, Boolean], default: !1 },
+    labelClasses: {},
+    labelTextClasses: {}
+  },
+  emits: ["click"],
+  setup(m, { emit: a }) {
+    const n = a;
+    return (e, i) => (s(), l("label", {
+      for: e.$attrs.for,
+      class: t(["uikit-pointer-events-none uikit-absolute uikit-left-15px uikit-h-5 uikit-text-sm", [e.labelState, { "uikit-text-w-secondary": e.disabled }, e.labelClasses]]),
+      onClick: i[0] || (i[0] = r((p) => n("click"), ["stop"]))
+    }, [
+      u("span", {
+        class: t(["uikit-text uikit-font-medium", [
+          e.disabled ? "uikit-text-w-secondary" : "uikit-text-w-black",
+          e.labelTextClasses
+        ]]),
+        innerHTML: e.labelText
+      }, null, 10, b),
+      e.$attrs.required ? (s(), l("sup", {
+        key: 0,
+        class: t(["uikit-absolute -uikit-top-[0.3rem] uikit-text", [
+          { "uikit-text-w-secondary": e.disabled },
+          { "uikit-text-w-danger": e.isValid === !1 },
+          { "uikit-text-w-primary": (e.isValid || e.isValid === null) && !e.disabled }
+        ]])
+      }, " *", 2)) : d("", !0)
+    ], 10, k));
+  }
+});
+export {
+  c as default
+};

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

@@ -0,0 +1,27 @@
+import { defineComponent as e, createElementBlock as i, openBlock as a, normalizeStyle as l, normalizeClass as o } from "vue";
+const s = ["id", "alt", "src", "width", "height", "loading"], h = /* @__PURE__ */ e({
+  __name: "BaseIcon",
+  props: {
+    lazyLoading: { type: Boolean },
+    altAttribute: {},
+    iconType: { default: "icon-md" },
+    iconClass: { default: "uikit-mr-5px" },
+    width: {},
+    height: {}
+  },
+  setup(n) {
+    return (t, r) => (a(), i("img", {
+      id: t.$attrs.id,
+      class: o(["uikit-inline-block", t.iconType, t.iconClass]),
+      alt: t.altAttribute || t.$attrs.alt,
+      style: l(t.$attrs.style),
+      src: t.$attrs.src ? t.$attrs.src : "",
+      width: t.width,
+      height: t.height,
+      loading: t.lazyLoading ? "lazy" : "eager"
+    }, null, 14, s));
+  }
+});
+export {
+  h as default
+};