@wikicasa-dev/components 2.1.23 → 2.1.24-alpha.0

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

@@ -1,5 +1,5 @@
-import { defineComponent as n, createElementBlock as a, openBlock as s, normalizeClass as o, renderSlot as e, createElementVNode as r } from "vue";
-const t = ["id", "aria-labelledby"], p = /* @__PURE__ */ n({
+import { defineComponent as n, createElementBlock as a, openBlock as c, normalizeClass as o, renderSlot as t, createElementVNode as d } from "vue";
+const s = ["id", "aria-labelledby"], u = /* @__PURE__ */ n({
   __name: "BaseAccordionContent",
   props: {
     id: {},
@@ -8,27 +8,27 @@ const t = ["id", "aria-labelledby"], p = /* @__PURE__ */ n({
     accordionClosedClasses: {},
     accordionContentClasses: {}
   },
-  setup(d) {
-    return (i, c) => (s(), a("div", {
+  setup(i) {
+    return (e, r) => (c(), a("div", {
       id: `accordion-text-${i.id}`,
       role: "region",
       "aria-labelledby": `accordion-title-${i.id}`,
       class: o(["uikit-grid uikit-overflow-hidden uikit-px-5 uikit-text-sm uikit-text-w-black uikit-transition-[grid-template-rows,opacity,padding,margin] uikit-duration-300 uikit-ease-in-out", [
         i.accordionOpen ? i.accordionOpenClasses : i.accordionClosedClasses,
         i.accordionOpen ? "uikit-grid-rows-[1fr] uikit-opacity-100" : "uikit-grid-rows-[0fr] uikit-opacity-0",
-        i.$attrs["accordion-classes"]
+        e.$attrs["accordion-classes"]
       ]])
     }, [
-      e(i.$slots, "custom_accordion_content", { isOpen: i.accordionOpen }, () => [
-        r("div", {
+      t(e.$slots, "custom_accordion_content", { isOpen: i.accordionOpen }, () => [
+        d("div", {
           class: o(["uikit-overflow-hidden", i.accordionContentClasses])
         }, [
-          e(i.$slots, "default", { isOpen: i.accordionOpen })
+          t(e.$slots, "default", { isOpen: i.accordionOpen })
         ], 2)
       ])
-    ], 10, t));
+    ], 10, s));
   }
 });
 export {
-  p as default
+  u as default
 };

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

@@ -1,9 +1,9 @@
-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({
+import { defineComponent as $, ref as y, inject as v, watch as r, unref as d, createElementBlock as f, openBlock as u, normalizeClass as m, createBlock as g, createCommentVNode as O, renderSlot as a, createElementVNode as k, withModifiers as A, createVNode as w, withCtx as n } from "vue";
+import B from "./BaseAccordionBtn.vue.js";
+import E from "./BaseAccordionContent.vue.js";
+import { ArrowIcon as W } from "../../../node_modules/@wikicasa-dev/svg-icons/dist/ArrowIcon.js";
+import "../../../node_modules/@wikicasa-dev/svg-icons/dist/PharmacyIcon.js";
+const x = { key: 0 }, I = ["id", "data-cy", "aria-expanded", "aria-controls"], M = ["itemprop", "innerHTML"], P = /* @__PURE__ */ $({
   inheritAttrs: !1,
   __name: "BaseAccordionItem",
   props: {
@@ -25,112 +25,112 @@ const W = { key: 0 }, I = ["id", "data-cy", "aria-expanded", "aria-controls"], M
     accordionClasses: {}
   },
   emits: ["click", "accordionOpened", "accordionClosed", "update:accordionState"],
-  setup(i, { emit: w }) {
-    const a = w, o = $(!1), r = p(
+  setup(e, { emit: b }) {
+    const s = b, i = y(!1), l = v(
       "accordionItems",
       () => {
       },
       !0
-    ), b = p(
+    ), h = v(
       "handleClick",
       () => {
       },
       !0
-    ), C = (e, t = !1) => {
-      a(t ? "accordionOpened" : "accordionClosed", e), a("update:accordionState", t);
+    ), C = (t, o = !1) => {
+      s(o ? "accordionOpened" : "accordionClosed", t), s("update:accordionState", o);
     };
-    r && (r.value[i.id] = { id: i.id, title: i.title, active: i.active }), l(
-      () => d(r),
-      (e) => {
-        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
+    l && (l.value[e.id] = { id: e.id, title: e.title, active: e.active }), r(
+      () => d(l),
+      (t) => {
+        const o = t?.[e.id];
+        !o || i.value === o.active || (i.value = o.active ?? !1, C(
+          { id: e.id, title: e.title, active: o.active },
+          o.active
         ));
       },
       { deep: !0, immediate: !0 }
-    ), l(o, (e) => {
-      o.value = e, C({ id: i.id, title: i.title, active: o.value }, e);
-    }), l(
-      () => i.active,
-      (e) => {
-        o.value = e;
+    ), r(i, (t) => {
+      i.value = t, C({ id: e.id, title: e.title, active: i.value }, t);
+    }), r(
+      () => e.active,
+      (t) => {
+        i.value = t;
       },
       { immediate: !0 }
     );
-    const n = () => {
-      o.value = !o.value;
+    const c = () => {
+      i.value = !i.value;
     };
-    return (e, t) => (u(), v("div", {
+    return (t, o) => (u(), f("div", {
       class: m(e.rootClasses)
     }, [
-      !e.$slots.custom_content && !e.$slots.custom_btn && !e.$slots.custom_accordion ? (u(), v("div", W, [
-        f("button", {
+      !t.$slots.custom_content && !t.$slots.custom_btn && !t.$slots.custom_accordion ? (u(), f("div", x, [
+        k("button", {
           id: `accordion-title-${e.id}`,
           type: "button",
           class: m(["uikit-flex uikit-w-full uikit-items-center uikit-justify-between uikit-border-0 uikit-bg-white uikit-px-5 uikit-py-4 uikit-text-left uikit-font-semibold uikit-transition-colors active:max-sm:uikit-bg-w-cultured hover:sm:uikit-bg-w-cultured", e.btnClasses]),
           "data-cy": e.dataCy,
-          "aria-expanded": o.value,
+          "aria-expanded": i.value,
           "aria-controls": `accordion-text-${e.id}`,
-          onClick: t[0] || (t[0] = O((N) => {
-            n(), d(b)?.({ id: e.id, title: e.title, active: o.value }), a("click");
+          onClick: o[0] || (o[0] = A((N) => {
+            c(), d(h)?.({ id: e.id, title: e.title, active: i.value }), s("click");
           }, ["prevent", "stop"]))
         }, [
-          f("span", {
+          k("span", {
             itemprop: e.itemProp,
             innerHTML: e.title
           }, null, 8, M),
-          k(d(E), {
+          w(d(W), {
             class: m([
               "uikit-flex-shrink-0 uikit-transition-transform motion-reduce:uikit-transition-none",
-              [o.value ? "uikit-rotate-180" : "", e.arrowClasses]
+              [i.value ? "uikit-rotate-180" : "", e.arrowClasses]
             ]),
             "arrow-classes": e.arrowClasses,
             width: e.arrowWidth,
             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(A, {
+      ])) : (t.$slots.custom_content || t.$slots.custom_btn) && !t.$slots.custom_accordion ? (u(), g(B, {
         key: 1,
         id: e.id,
         "btn-wrapper-classes": e.btnWrapperClasses,
         "btn-classes": e.btnClasses,
         "arrow-color": e.arrowColor,
         "arrow-classes": e.arrowClasses,
-        "toggle-accordion": n,
+        "toggle-accordion": c,
         "on-container-click-expand": e.onContainerClickExpand,
-        "accordion-open": o.value
+        "accordion-open": i.value
       }, {
-        custom_content: c(() => [
-          s(e.$slots, "custom_content")
+        custom_content: n(() => [
+          a(t.$slots, "custom_content")
         ]),
-        custom_btn: c(() => [
-          s(e.$slots, "custom_btn", {
+        custom_btn: n(() => [
+          a(t.$slots, "custom_btn", {
             btnId: `btn-${e.id}`,
-            isOpen: o.value,
-            toggleAccordion: n
+            isOpen: i.value,
+            toggleAccordion: c
           })
         ]),
         _: 3
-      }, 8, ["id", "btn-wrapper-classes", "btn-classes", "arrow-color", "arrow-classes", "on-container-click-expand", "accordion-open"])) : g("", !0),
-      s(e.$slots, "custom_accordion", {
+      }, 8, ["id", "btn-wrapper-classes", "btn-classes", "arrow-color", "arrow-classes", "on-container-click-expand", "accordion-open"])) : O("", !0),
+      a(t.$slots, "custom_accordion", {
         id: e.id,
-        isOpen: o.value,
-        toggleAccordion: n
+        isOpen: i.value,
+        toggleAccordion: c
       }, () => [
-        k(B, {
+        w(E, {
           id: e.id,
-          "accordion-open": o.value,
+          "accordion-open": i.value,
           "accordion-open-classes": e.accordionOpenClasses,
           "accordion-close-classes": e.accordionCloseClasses,
           "accordion-content-classes": e.accordionContentClasses,
           "accordion-classes": e.accordionClasses
         }, {
-          custom_accordion_content: c(() => [
-            s(e.$slots, "custom_accordion_content", { isOpen: o.value })
+          custom_accordion_content: n(() => [
+            a(t.$slots, "custom_accordion_content", { isOpen: i.value })
           ]),
-          default: c(() => [
-            s(e.$slots, "default", { isOpen: o.value })
+          default: n(() => [
+            a(t.$slots, "default", { isOpen: i.value })
           ]),
           _: 3
         }, 8, ["id", "accordion-open", "accordion-open-classes", "accordion-close-classes", "accordion-content-classes", "accordion-classes"])

package/dist/lib/UIKit/BaseAlert.vue.js

@@ -0,0 +1,19 @@
+import { defineComponent as a, createElementBlock as l, openBlock as r, normalizeClass as s, renderSlot as o } from "vue";
+const n = ["id"], c = /* @__PURE__ */ a({
+  __name: "BaseAlert",
+  props: {
+    alertClass: { default: "" }
+  },
+  setup(t) {
+    return (e, i) => (r(), l("div", {
+      id: e.$attrs.id,
+      class: s(["uikit-alert", t.alertClass]),
+      role: "alert"
+    }, [
+      o(e.$slots, "default")
+    ], 10, n));
+  }
+});
+export {
+  c as default
+};

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

@@ -0,0 +1,192 @@
+import { defineComponent as P, mergeModels as y, useModel as F, ref as d, computed as k, onBeforeMount as L, watch as f, createBlock as g, openBlock as w, normalizeClass as H, withCtx as s, createElementBlock as K, Fragment as T, renderList as z, unref as A, createElementVNode as N, createVNode as U, renderSlot as $ } from "vue";
+import W from "../../UIKit/BaseInput.js";
+import j from "./BaseDropDown.vue.js";
+import "../../node_modules/js-cookie/dist/js.cookie.js";
+import { debounce as q } from "../../node_modules/@wikicasa-dev/utilities/dist/utils/FunctionUtils.js";
+import "../../_virtual/polyline.js";
+import G from "./BaseSelect/SelectItem.vue.js";
+import { useKeyboardController as J } from "../../node_modules/@wikicasa-dev/vue-composables/dist/useKeyboardController.js";
+const Q = ["innerHTML"], ae = /* @__PURE__ */ P({
+  __name: "BaseAutocomplete",
+  props: /* @__PURE__ */ y({
+    isValid: { type: [Boolean, null], default: null },
+    theme: { default: "" },
+    label: { default: "" },
+    disableCb: { type: Boolean, default: !1 },
+    onInputChangeCb: { type: Function },
+    onOptionSelectedCb: { type: [Function, null], 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(t, { expose: S, emit: V }) {
+    const u = F(
+      t,
+      "modelValue"
+    ), r = V, i = d(""), a = d([]), v = d(null), c = d(!1), n = d(!1), p = d(null), B = k(() => a.value.length);
+    L(() => {
+      v.value = q({ delay: 300 }, t.onInputChangeCb);
+    });
+    const { activeIdx: m, selectedIdx: h } = J({
+      optionsLength: B,
+      isDropdownOpen: n,
+      disableSpaceHandler: !0
+    }), O = k(() => {
+      switch (t.theme) {
+        case "bordered":
+          return "";
+        case "all-bordered":
+          return "!uikit-rounded " + (n.value && "!uikit-rounded-b-none");
+        case "all-bordered-thick":
+          return "!uikit-rounded-xl !uikit-h-[52px] " + (n.value && "!uikit-rounded-b-none");
+        default:
+          return "";
+      }
+    }), x = k(() => {
+      switch (t.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 " + (n.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 " + (n.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 (t.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 "";
+      }
+    }), M = async (e) => {
+      if (i.value !== e && (r("changedValue", e), i.value = e, !!t.onInputChangeCb)) {
+        if (!e || c.value) {
+          a.value = [], c.value = !1, h.value = -1, m.value = -1, u.value && (u.value.label = ""), n.value = !1, await v.value(null);
+          return;
+        }
+        t.disableCb || (a.value = await v.value(e), n.value = !!a.value.length);
+      }
+    }, C = (e, l) => {
+      t.onOptionSelectedCb && t.onOptionSelectedCb(e), t.cleanupOnClose && (a.value = []), c.value = !0, i.value = e.label, u.value = e, n.value = !1, h.value = l;
+    }, D = () => {
+      a.value.length && t.keepState !== "closed" && (n.value = !0);
+    };
+    return f(
+      u,
+      (e, l) => {
+        e === l || e?.label === i.value || (i.value = e?.label || "");
+      },
+      { immediate: !0 }
+    ), f(h, (e) => {
+      if (e === -1 || !a.value.length) return;
+      const l = a.value[e];
+      c.value && l.label === u.value?.label || C(l, e);
+    }), f(
+      () => t.keepState,
+      (e) => {
+        e === "closed" ? (n.value = !1, t.cleanupOnClose && (a.value = [])) : e === "open" && a.value.length && (n.value = !0);
+      }
+    ), f(n, (e) => {
+      r("update:dropdownState", e);
+    }), S({
+      select: () => {
+        p.value?.select();
+      }
+    }), (e, l) => (w(), g(j, {
+      class: H(e.$attrs["root-classes"]),
+      "data-cy": t.dataCy ? t.dataCy : `ac_${e.$attrs.id}`,
+      "dropdown-element": "ul",
+      "dropdown-classes": [
+        { "bordered-dropdown": t.theme === "bordered" },
+        { "all-bordered-dropdown": t.theme === "all-bordered" },
+        { "all-bordered-dropdown thick": t.theme === "all-bordered-thick" },
+        {
+          "uikit-mt-10px !uikit-border !uikit-border-w-secondary !uikit-rounded-xs": !t.theme
+        },
+        I.value,
+        "!uikit-max-h-[210px] uikit-z-30",
+        t.dropdownClasses
+      ],
+      "open-dropdown": n.value,
+      "keep-state": !a.value.length || t.keepState === "closed" ? "closed" : "opened",
+      "close-when-clicked-outside": t.closeDropdownOnBodyPressed,
+      "activate-keyboard-controller": !1,
+      "onUpdate:dropdownState": l[3] || (l[3] = (o) => n.value = o),
+      onClick: l[4] || (l[4] = (o) => {
+        r("click"), D();
+      })
+    }, {
+      btn_slot: s(() => [
+        U(W, {
+          id: e.$attrs.id ? `ac_input_${e.$attrs.id}` : "",
+          ref_key: "baseInput",
+          ref: p,
+          "data-cy": t.dataCy ? `ac_input_${t.dataCy}` : `ac_input_${e.$attrs.id}`,
+          "label-text": t.label,
+          "model-value": i.value,
+          "is-valid": t.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,
+            t.inputClasses,
+            "!uikit-ml-0 !uikit-w-full"
+          ],
+          "fieldset-classes": [x.value, t.fieldsetClasses],
+          "onUpdate:modelValue": l[0] || (l[0] = (o) => M(o === void 0 ? "" : `${o}`)),
+          onKeydown: l[1] || (l[1] = (o) => r("keydown", o)),
+          onKeydownEnterPressed: l[2] || (l[2] = () => r("keydownEnterPressed"))
+        }, {
+          leftIcon: s(() => [
+            $(e.$slots, "lefticon")
+          ]),
+          righticon: s(({ handleClean: o }) => [
+            $(e.$slots, "righticon", { handleClean: o })
+          ]),
+          _: 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(() => [
+        (w(!0), K(T, null, z(a.value, (o, b) => (w(), g(G, {
+          key: b,
+          active: A(m) === b,
+          class: "uikit-m-1 uikit-rounded-[5px] uikit-px-5 uikit-py-10px hover:uikit-cursor-pointer",
+          onClick: (E) => C(o, b),
+          onMouseover: (E) => m.value = b
+        }, {
+          default: s(() => [
+            N("span", {
+              innerHTML: o.label
+            }, null, 8, Q)
+          ]),
+          _: 2
+        }, 1032, ["active", "onClick", "onMouseover"]))), 128))
+      ]),
+      _: 3
+    }, 8, ["class", "data-cy", "dropdown-classes", "open-dropdown", "keep-state", "close-when-clicked-outside"]));
+  }
+});
+export {
+  ae as default
+};

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

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

package/dist/lib/UIKit/BaseBreadcrumb.vue.js

@@ -0,0 +1,58 @@
+import { defineComponent as d, computed as k, createElementBlock as i, openBlock as l, createElementVNode as n, normalizeClass as r, Fragment as u, renderList as h, renderSlot as c, toDisplayString as b, createVNode as p, unref as f } from "vue";
+import { ArrowIcon as C } from "../../node_modules/@wikicasa-dev/svg-icons/dist/ArrowIcon.js";
+import "../../node_modules/@wikicasa-dev/svg-icons/dist/PharmacyIcon.js";
+const g = { "aria-label": "Breadcrumb" }, w = ["data-tooltip"], I = ["href"], $ = /* @__PURE__ */ d({
+  __name: "BaseBreadcrumb",
+  props: {
+    items: {},
+    listClasses: {},
+    listItemClasses: {}
+  },
+  setup(t) {
+    const m = k(() => {
+      let e = 0;
+      const a = [];
+      for (; e < t.items.length; )
+        a.push({ ...t.items[e], idx: e }), e < t.items.length - 1 && a.push({ arrowIcon: !0 }), e++;
+      return a;
+    });
+    return (e, a) => (l(), i("nav", g, [
+      n("ol", {
+        class: r(["uikit-flex uikit-items-center uikit-gap-10px uikit-p-0", t.listClasses])
+      }, [
+        (l(!0), i(u, null, h(m.value, (s, o) => (l(), i(u, null, [
+          s?.label ? (l(), i("li", {
+            key: `breadcrumb-li-${o}`,
+            class: r(["uikit-list-none", t.listItemClasses]),
+            "data-tooltip": s.dataTooltip
+          }, [
+            c(e.$slots, "item", {
+              item: s
+            }, () => [
+              n("a", {
+                class: r(["uikit-text-w-black uikit-no-underline", { "uikit-text-w-primary": s.active }]),
+                href: s.link
+              }, b(s.label), 11, I)
+            ])
+          ], 10, w)) : (l(), i("li", {
+            key: `breadcrumb-li-no-label-${o}`,
+            class: r(["uikit-list-none", t.listItemClasses]),
+            "aria-hidden": "true"
+          }, [
+            c(e.$slots, "separator", {}, () => [
+              p(f(C), {
+                class: "-uikit-rotate-90",
+                "stroke-color": "#222",
+                width: 10,
+                height: 10
+              })
+            ])
+          ], 2))
+        ], 64))), 256))
+      ], 2)
+    ]));
+  }
+});
+export {
+  $ as default
+};

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

@@ -1,6 +1,6 @@
-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({
+import { defineComponent as c, 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 M } from "vue";
+import z from "../../UIKit/StaticSpinner.js";
+const L = ["id", "data-cy", "type", "data-active", "disabled", "aria-label", "title"], $ = /* @__PURE__ */ c({
   __name: "BaseButton",
   props: {
     btnClass: { default: "uikit-btn-w-primary" },
@@ -16,14 +16,14 @@ const z = ["id", "data-cy", "type", "data-active", "disabled", "aria-label", "ti
     type: {}
   },
   emits: ["mouseover", "mouseout", "click"],
-  setup(o, { emit: r }) {
-    const a = r, n = b(!1), d = l(() => o.size ? `uikit-btn-${o.size}` : ""), m = l(() => o.outlined ? "uikit-btn-outline" : ""), p = () => {
+  setup(e, { emit: d }) {
+    const o = d, n = b(!1), r = l(() => e.size ? `uikit-btn-${e.size}` : ""), m = l(() => e.outlined ? "uikit-btn-outline" : ""), k = () => {
       n.value = !0;
-    }, k = () => {
+    }, y = () => {
       n.value = !1;
     };
-    return (e, t) => (v(), f("button", {
-      id: e.$attrs.id,
+    return (a, t) => (v(), f("button", {
+      id: a.$attrs.id,
       "data-cy": e.dataCy,
       type: e.type,
       class: C([
@@ -34,33 +34,33 @@ const z = ["id", "data-cy", "type", "data-active", "disabled", "aria-label", "ti
           "uikit-flex uikit-items-center uikit-justify-center": e.isLoading
         },
         e.btnClass,
-        d.value,
+        r.value,
         m.value
       ]),
-      style: B(e.$attrs.style),
+      style: B(a.$attrs.style),
       "data-active": e.keepActive,
       disabled: e.isLoading || e.disabled,
       "aria-label": e.ariaLabel,
       title: e.title,
       onMouseover: t[0] || (t[0] = s((i) => {
-        p(), a("mouseover", i);
+        k(), o("mouseover", i);
       }, ["stop"])),
       onMouseout: t[1] || (t[1] = s((i) => {
-        k(), a("mouseout", i);
+        y(), o("mouseout", i);
       }, ["stop"])),
-      onClick: t[2] || (t[2] = (i) => a("click", i))
+      onClick: t[2] || (t[2] = (i) => o("click", i))
     }, [
-      e.isLoading ? u(e.$slots, "spinner", { key: 1 }, () => [
-        c(M, {
+      e.isLoading ? u(a.$slots, "spinner", { key: 1 }, () => [
+        M(z, {
           "stroke-color": e.outlined ? "#ACB4C3" : "#fff"
         }, null, 8, ["stroke-color"])
-      ]) : u(e.$slots, "default", {
+      ]) : u(a.$slots, "default", {
         key: 0,
         hover: n.value
       })
-    ], 46, z));
+    ], 46, L));
   }
 });
 export {
-  S as default
+  $ as default
 };

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

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