@wikicasa-dev/components 2.1.2 → 2.1.3

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

@@ -1,8 +1,8 @@
-import { defineComponent as h, ref as $, inject as p, watch as l, unref as d, createElementBlock as v, openBlock as u, normalizeClass as m, createBlock as y, createCommentVNode as g, renderSlot as t, createElementVNode as f, withModifiers as O, createVNode as k, withCtx as c } from "vue";
-import { _ as B } from "./BaseAccordionBtn.vue_vue_type_script_setup_true_lang.APN3hif2.js";
-import { _ as A } from "./BaseAccordionContent.vue_vue_type_script_setup_true_lang.Dn4qNu2R.js";
-import { a as E } from "./ArrowIcon.Bq6Xr3uH.js";
-import "./PharmacyIcon.DEQ8mOEJ.js";
+import { defineComponent as h, ref as $, inject as p, 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/.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 W = { key: 0 }, I = ["id", "data-cy", "aria-expanded", "aria-controls"], M = ["itemprop", "innerHTML"], P = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "BaseAccordionItem",
@@ -36,16 +36,16 @@ const W = { key: 0 }, I = ["id", "data-cy", "aria-expanded", "aria-controls"], M
       () => {
       },
       !0
-    ), C = (e, s = !1) => {
-      a(s ? "accordionOpened" : "accordionClosed", e), a("update:accordionState", s);
+    ), C = (e, t = !1) => {
+      a(t ? "accordionOpened" : "accordionClosed", e), a("update:accordionState", t);
     };
     r && (r.value[i.id] = { id: i.id, title: i.title, active: i.active }), l(
       () => d(r),
       (e) => {
-        const s = e?.[i.id];
-        !s || o.value === s.active || (o.value = s.active ?? !1, C(
-          { id: i.id, title: i.title, active: s.active },
-          s.active
+        const t = e?.[i.id];
+        !t || o.value === t.active || (o.value = t.active ?? !1, C(
+          { id: i.id, title: i.title, active: t.active },
+          t.active
         ));
       },
       { deep: !0, immediate: !0 }
@@ -61,7 +61,7 @@ const W = { key: 0 }, I = ["id", "data-cy", "aria-expanded", "aria-controls"], M
     const n = () => {
       o.value = !o.value;
     };
-    return (e, s) => (u(), v("div", {
+    return (e, t) => (u(), v("div", {
       class: m(e.rootClasses)
     }, [
       !e.$slots.custom_content && !e.$slots.custom_btn && !e.$slots.custom_accordion ? (u(), v("div", W, [
@@ -72,7 +72,7 @@ const W = { key: 0 }, I = ["id", "data-cy", "aria-expanded", "aria-controls"], M
           "data-cy": e.dataCy,
           "aria-expanded": o.value,
           "aria-controls": `accordion-text-${e.id}`,
-          onClick: s[0] || (s[0] = O((N) => {
+          onClick: t[0] || (t[0] = O((N) => {
             n(), d(b)?.({ id: e.id, title: e.title, active: o.value }), a("click");
           }, ["prevent", "stop"]))
         }, [
@@ -90,7 +90,7 @@ const W = { key: 0 }, I = ["id", "data-cy", "aria-expanded", "aria-controls"], M
             height: e.arrowWidth
           }, null, 8, ["class", "arrow-classes", "width", "height"])
         ], 10, I)
-      ])) : (e.$slots.custom_content || e.$slots.custom_btn) && !e.$slots.custom_accordion ? (u(), y(B, {
+      ])) : (e.$slots.custom_content || e.$slots.custom_btn) && !e.$slots.custom_accordion ? (u(), y(A, {
         key: 1,
         id: e.id,
         "btn-wrapper-classes": e.btnWrapperClasses,
@@ -102,10 +102,10 @@ const W = { key: 0 }, I = ["id", "data-cy", "aria-expanded", "aria-controls"], M
         "accordion-open": o.value
       }, {
         custom_content: c(() => [
-          t(e.$slots, "custom_content")
+          s(e.$slots, "custom_content")
         ]),
         custom_btn: c(() => [
-          t(e.$slots, "custom_btn", {
+          s(e.$slots, "custom_btn", {
             btnId: `btn-${e.id}`,
             isOpen: o.value,
             toggleAccordion: n
@@ -113,12 +113,12 @@ const W = { key: 0 }, I = ["id", "data-cy", "aria-expanded", "aria-controls"], M
         ]),
         _: 3
       }, 8, ["id", "btn-wrapper-classes", "btn-classes", "arrow-color", "arrow-classes", "on-container-click-expand", "accordion-open"])) : g("", !0),
-      t(e.$slots, "custom_accordion", {
+      s(e.$slots, "custom_accordion", {
         id: e.id,
         isOpen: o.value,
         toggleAccordion: n
       }, () => [
-        k(A, {
+        k(B, {
           id: e.id,
           "accordion-open": o.value,
           "accordion-open-classes": e.accordionOpenClasses,
@@ -127,10 +127,10 @@ const W = { key: 0 }, I = ["id", "data-cy", "aria-expanded", "aria-controls"], M
           "accordion-classes": e.accordionClasses
         }, {
           custom_accordion_content: c(() => [
-            t(e.$slots, "custom_accordion_content", { isOpen: o.value })
+            s(e.$slots, "custom_accordion_content", { isOpen: o.value })
           ]),
           default: c(() => [
-            t(e.$slots, "default", { isOpen: o.value })
+            s(e.$slots, "default", { isOpen: o.value })
           ]),
           _: 3
         }, 8, ["id", "accordion-open", "accordion-open-classes", "accordion-close-classes", "accordion-content-classes", "accordion-classes"])
@@ -139,5 +139,5 @@ const W = { key: 0 }, I = ["id", "data-cy", "aria-expanded", "aria-controls"], M
   }
 });
 export {
-  P as _
+  P as default
 };

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

@@ -1,5 +1,5 @@
 import { defineComponent as t, createElementBlock as r, openBlock as s, normalizeClass as a, renderSlot as l } from "vue";
-import '../assets/BaseAlert.css';const o = ["id"], p = /* @__PURE__ */ t({
+const o = ["id"], p = /* @__PURE__ */ t({
   __name: "BaseAlert",
   props: {
     alertClass: { default: "" }
@@ -15,5 +15,5 @@ import '../assets/BaseAlert.css';const o = ["id"], p = /* @__PURE__ */ t({
   }
 });
 export {
-  p as _
+  p as default
 };

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
+};