@wikicasa-dev/components 2.1.2 → 2.1.4-alpha.1

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

@@ -0,0 +1,37 @@
+import { defineComponent as o, createElementBlock as i, openBlock as s, withModifiers as r, normalizeClass as l, createElementVNode as d, createCommentVNode as u } 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, 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((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("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-primary": (e.isValid || e.isValid === null) && !e.disabled }
+        ]])
+      }, " *", 2)) : u("", !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
+};

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

@@ -0,0 +1,185 @@
+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 w, 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 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__ */ A({
+  inheritAttrs: !1,
+  __name: "BaseInput",
+  props: /* @__PURE__ */ L({
+    inputClass: {},
+    labelText: { default: "" },
+    feedback: {},
+    isValid: { default: null },
+    keepFloatingLabel: { type: Boolean, default: !1 },
+    formatter: { default: null },
+    labelClasses: {},
+    labelTextClasses: {},
+    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 = N(l, "modelValue"), i = v(""), d = H, {
+      labelState: c,
+      handleFocusIn: P,
+      handleFocusOut: g,
+      setInlineLabel: $,
+      setFloatingLabel: V
+    } = 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]));
+    }, 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;
+    }, 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;
+    }, R = ({ target: e }) => {
+      const a = e, t = C(a.value);
+      F(
+        `${t}`,
+        t === u.value ? a : void 0
+      );
+    }, S = () => {
+      u.value = "", $();
+    }, z = () => {
+      n.value === "password" ? n.value = "text" : n.value === "text" && (n.value = "password");
+    };
+    return p(
+      () => l.feedback,
+      () => {
+        K();
+      },
+      {
+        immediate: !0
+      }
+    ), p(
+      u,
+      (e) => {
+        F(
+          `${e}`,
+          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
+      }
+    ), p(
+      () => l.keepFloatingLabel,
+      (e) => {
+        e ? V() : g(u.value);
+      }
+    ), n.value = I.type || "text", M({
+      select: () => {
+        b.value?.select();
+      }
+    }), (e, a) => (s(), o("div", {
+      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 },
+        k(c) === "floating-label" ? "floating-state" : "inline-state",
+        {
+          "has-right-icon": e.withRightIcon !== void 0 ? e.withRightIcon : !!e.$slots.righticon
+        },
+        {
+          "has-left-icon": e.withLeftIcon !== void 0 ? e.withLeftIcon : !!e.$slots.leftIcon
+        },
+        { "is-invalid": e.isValid === !1, "is-valid": e.isValid }
+      ]])
+    }, [
+      m(e.$slots, "leftIcon"),
+      m(e.$slots, "righticon", {
+        handleClean: S,
+        handleShowPasswd: z,
+        curType: n.value
+      }),
+      G("input", {
+        id: r.value,
+        ref_key: "baseInputEl",
+        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-h-[56px] uikit-w-full uikit-appearance-none uikit-truncate uikit-rounded-2xs uikit-border uikit-border-solid 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
+          },
+          e.inputClass
+        ]]),
+        "data-validation": e.isValid ? "valid" : e.isValid === !1 ? "invalid" : "",
+        autocomplete: e.$attrs.autocomplete === "on" ? "on" : "off",
+        disabled: e.$attrs.disabled,
+        "aria-labelledby": r.value,
+        readonly: e.$attrs.readonly,
+        type: n.value,
+        pattern: e.$attrs.pattern,
+        min: e.$attrs.min,
+        max: e.$attrs.max,
+        maxlength: e.$attrs.maxlength,
+        inputmode: e.$attrs.inputmode,
+        placeholder: e.$attrs.placeholder,
+        value: i.value,
+        onClick: a[0] || (a[0] = (t) => d("click", t)),
+        onFocusin: a[1] || (a[1] = w(
+          (t) => {
+            d("focusin", t), e.labelText && k(P)();
+          },
+          ["stop"]
+        )),
+        onFocusout: a[2] || (a[2] = w(
+          (t) => {
+            d("focusout", t), e.labelText && !e.keepFloatingLabel && k(g)(i.value);
+          },
+          ["stop"]
+        )),
+        onInput: w(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, Y),
+      e.labelText ? (s(), J(W, {
+        key: 0,
+        for: r.value,
+        "label-text": e.labelText,
+        "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"])) : 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, 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, x))), 128)) : h("", !0)
+      ]),
+      e.$slots["under-label"] ? (s(), o("div", U, [
+        m(e.$slots, "under-label")
+      ])) : h("", !0)
+    ], 2));
+  }
+});
+export {
+  ne as default
+};

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

@@ -0,0 +1,150 @@
+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.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: {
+    id: {},
+    size: { default: "modal-md" },
+    customBackdropClasses: {},
+    customModalDialogClasses: {},
+    customModalHeaderClasses: {},
+    customModalBodyClasses: {},
+    customModalFooterClasses: {},
+    withCloseIcon: { type: Boolean, default: !0 },
+    showModal: { type: Boolean, default: !0 },
+    headerTitle: { default: "" },
+    autoClose: {},
+    fullHeight: { type: Boolean, default: !1 },
+    closeOnClickOut: { type: Boolean, default: !0 },
+    centered: { type: Boolean, default: !1 },
+    dataCy: {},
+    closeIconBtnClasses: {},
+    titleClasses: {}
+  },
+  emits: ["closed", "opened", "dialogClick"],
+  setup(s, { emit: C }) {
+    const b = () => navigator?.userAgent.includes("Windows"), M = (e, n) => new Promise((m, O) => {
+      setTimeout(() => {
+        try {
+          e && e(), m();
+        } catch ($) {
+          O($);
+        }
+      }, n);
+    }), c = C, t = d(!1), p = d(null), a = D("modalDialog"), k = d(!1), u = d(!1), B = K(), L = N(() => s.id || B), v = ({ key: e }) => {
+      e === "Escape" && i();
+    }, E = () => {
+      document?.body.addEventListener("keydown", v);
+    }, y = () => {
+      document?.body.removeEventListener("keydown", v);
+    }, T = async () => {
+      t.value = !0, U(() => {
+        E(), b() ? document?.body.classList.add("uikit-no-scrolling", "sm:uikit-pr-15px") : document?.body.classList.add("uikit-no-scrolling");
+      }), c("opened"), s.autoClose !== void 0 && setTimeout(() => {
+        i();
+      }, s.autoClose);
+    }, I = (e) => {
+      a.value && a.value.contains(e.target) && (u.value = !0);
+    }, x = (e) => {
+      a.value && a.value.contains(e.target) && (u.value = !1);
+    }, H = async () => {
+      if (s.closeOnClickOut) {
+        if (u.value) {
+          u.value = !1;
+          return;
+        }
+        await i();
+      }
+    }, i = async () => {
+      t.value = !1, y(), document?.documentElement.classList.remove("uikit-no-scrolling"), navigator.userAgent.includes("Windows") ? document?.body.classList.remove("uikit-no-scrolling", "sm:uikit-pr-15px") : document?.body.classList.remove("uikit-no-scrolling"), await M(() => {
+        p.value?.classList.add("uikit-hidden"), c("closed");
+      }, 250);
+    };
+    return S(() => {
+      y(), document?.documentElement.classList.remove("uikit-no-scrolling"), b() ? document?.body.classList.remove("uikit-no-scrolling", "sm:uikit-pr-15px") : document?.body.classList.remove("uikit-no-scrolling");
+    }), V(
+      () => s.showModal,
+      async (e) => {
+        !e && !t.value ? k.value = !0 : k.value = !1, e && !t.value && await T(), !e && t.value && await i(), t.value = e;
+      },
+      { immediate: !0 }
+    ), (e, n) => (f(), W(A, { to: "body" }, [
+      l("div", {
+        ref_key: "backdropEl",
+        ref: p,
+        class: o(["bbt-backdrop uikit-fixed uikit-left-0 uikit-top-0 uikit-h-full uikit-w-full", [
+          e.customBackdropClasses,
+          {
+            "uikit-bg-w-darkblue/70 uikit-animate-[backdrop-opacity_0.3s_ease-out_0s_backwards]": t.value
+          },
+          { "uikit-bg-transparent": !t.value },
+          { "sm:uikit-pt-[30px]": !e.centered },
+          { hide: k.value }
+        ]]),
+        style: { "z-index": "1062" },
+        onClick: H,
+        onMousedown: I,
+        onMouseup: x
+      }, [
+        l("dialog", {
+          id: L.value,
+          ref: "modalDialog",
+          "data-cy": e.dataCy,
+          class: o(["uikit-modal-dialog transition-y uikit-mx-auto uikit-block uikit-w-full uikit-overflow-y-auto uikit-overflow-x-hidden uikit-rounded-2xs uikit-border-none uikit-bg-transparent uikit-bg-white uikit-p-0 uikit-shadow-lg uikit-no-scrollbar uikit-safe-bottom max-sm:uikit-fixed max-sm:uikit-bottom-0 max-sm:uikit-max-h-[95%] max-sm:uikit-rounded-bl-none max-sm:uikit-rounded-br-none sm:uikit-h-auto", [
+            e.customModalDialogClasses,
+            { show: t.value },
+            { "closed uikit-overflow-hidden": !t.value },
+            { centered: e.centered },
+            { "uikit-absolute": e.centered },
+            { "uikit-static": !e.centered },
+            `base-${e.size}`,
+            e.fullHeight ? "uikit-h-[95%]" : "uikit-h-auto"
+          ]]),
+          onClick: n[0] || (n[0] = g((m) => c("dialogClick", m), ["stop"]))
+        }, [
+          l("div", {
+            class: o(["default-header uikit-sticky uikit-top-0 uikit-z-10 uikit-flex uikit-items-center uikit-border-0 uikit-bg-white uikit-p-md uikit-text-20 uikit-font-semibold sm:uikit-p-lg", [e.customModalHeaderClasses]])
+          }, [
+            r(e.$slots, "header", { closeModal: i }, () => [
+              l("span", {
+                class: o(["uikit-w-auto uikit-grow", e.titleClasses]),
+                innerHTML: e.headerTitle
+              }, null, 10, q)
+            ]),
+            e.withCloseIcon ? (f(), w("button", {
+              key: 0,
+              id: "close-icon-btn",
+              "data-cy": "bbt-default-close-icon-btn",
+              class: o(["uikit-cursor-pointer uikit-bg-transparent uikit-p-0", e.closeIconBtnClasses]),
+              type: "button",
+              "aria-label": "Close",
+              onClick: g(i, ["prevent", "stop"])
+            }, [
+              F(P(R), {
+                class: "bbt-close-icon uikit-box-border",
+                width: 24,
+                height: 24
+              })
+            ], 2)) : h("", !0)
+          ], 2),
+          l("div", {
+            class: o(["uikit-bbt-body uikit-flex-auto uikit-overflow-y-auto uikit-overflow-x-hidden uikit-px-md uikit-pb-md uikit-no-scrollbar sm:uikit-px-lg sm:uikit-pb-lg", [e.customModalBodyClasses]])
+          }, [
+            r(e.$slots, "body", { closeModal: i })
+          ], 2),
+          e.$slots.footer ? (f(), w("div", {
+            key: 0,
+            class: o(["uikit-bbt-footer uikit-sticky uikit-bottom-0 uikit-border-0 uikit-bg-w-cultured uikit-px-md uikit-py-sm sm:uikit-px-lg sm:uikit-py-md", e.customModalFooterClasses])
+          }, [
+            r(e.$slots, "footer", { closeModal: i })
+          ], 2)) : h("", !0),
+          r(e.$slots, "fixed-bottom")
+        ], 10, j)
+      ], 34)
+    ]));
+  }
+});
+export {
+  X as default
+};

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

@@ -0,0 +1,19 @@
+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-3xs uikit-bg-w-cultured uikit-px-2xs uikit-text-12 uikit-font-medium uikit-text-w-blue"
+}, p = /* @__PURE__ */ o({
+  __name: "BaseNotificationBadge",
+  props: {
+    count: { default: 0 }
+  },
+  setup(l) {
+    return (t, c) => (i(), e("span", r, [
+      n(t.$slots, "default"),
+      t.count ? (i(), e("span", a, s(t.count), 1)) : u("", !0)
+    ]));
+  }
+});
+export {
+  p as default
+};

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

@@ -0,0 +1,107 @@
+import { defineComponent as v, mergeModels as P, useModel as C, computed as N, createBlock as n, openBlock as a, unref as i, withCtx as e, createVNode as l, createElementBlock as c, createElementVNode as p, toDisplayString as k, Fragment as b, renderList as L, createTextVNode as m } from "vue";
+import { PaginationRoot as B, PaginationList as D, PaginationPrev as F, PaginationListItem as M, PaginationEllipsis as E, PaginationNext as V } from "reka-ui";
+import { ArrowIcon as f } 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 { useBreakpoints as _ } from "../../../../node_modules/.pnpm/@wikicasa-dev_vue-composables@0.0.23_typescript@5.8.3/node_modules/@wikicasa-dev/vue-composables/dist/useBreakpoints.js";
+const z = { class: "max-sm:uikit-hidden" }, I = { class: "max-sm:uikit-hidden" }, j = /* @__PURE__ */ v({
+  __name: "BasePagination",
+  props: /* @__PURE__ */ P({
+    count: { default: 0 },
+    limit: { default: 25 },
+    siblings: {},
+    arrowColor: { default: "#2B5DFF" },
+    prevLabel: { default: "" },
+    nextLabel: { default: "" },
+    prevDataCy: {},
+    nextDataCy: {}
+  }, {
+    pageNumber: { default: 1 },
+    pageNumberModifiers: {}
+  }),
+  emits: ["update:pageNumber"],
+  setup(s) {
+    const { isSmall: w } = _({
+      breakpoints: {
+        sm: 640,
+        md: 768,
+        lg: 1024,
+        xl: 1280
+      }
+    }), r = C(s, "pageNumber"), h = N(() => Math.ceil(s.count / s.limit)), x = (t = 1) => t === 1, y = (t = 1) => t === h.value;
+    return (t, u) => (a(), n(i(B), {
+      page: r.value,
+      "onUpdate:page": u[0] || (u[0] = (d) => r.value = d),
+      total: t.count,
+      "sibling-count": t.siblings ?? (i(w) ? 0 : 1),
+      "items-per-page": t.limit,
+      "show-edges": "",
+      class: "uikit-text-16"
+    }, {
+      default: e(() => [
+        l(i(D), { class: "uikit-flex uikit-gap-x-md" }, {
+          default: e(({ items: d }) => [
+            l(i(F), {
+              class: "uikit-flex uikit-cursor-pointer uikit-items-center uikit-gap-x-xs uikit-bg-transparent uikit-text-w-blue disabled:uikit-cursor-default disabled:uikit-text-w-lightgray [&:disabled_path]:uikit-stroke-w-lightgray",
+              "data-cy": t.prevDataCy,
+              disabled: x(r.value)
+            }, {
+              default: e(() => [
+                l(i(f), {
+                  width: 20,
+                  height: 11,
+                  "stroke-color": t.arrowColor,
+                  class: "uikit-inline-block uikit-rotate-90"
+                }, null, 8, ["stroke-color"]),
+                p("span", z, k(t.prevLabel), 1)
+              ]),
+              _: 1
+            }, 8, ["data-cy", "disabled"]),
+            (a(!0), c(b, null, L(d, (o, g) => (a(), c(b, null, [
+              o.type === "page" ? (a(), n(i(M), {
+                key: g,
+                value: o.value,
+                class: "uikit-size-xl uikit-cursor-pointer uikit-rounded-full uikit-border uikit-border-solid uikit-border-w-lightgray uikit-bg-white uikit-text-w-blue data-[selected]:uikit-border-w-blue data-[selected]:uikit-bg-w-cultured"
+              }, {
+                default: e(() => [
+                  m(k(o.value), 1)
+                ]),
+                _: 2
+              }, 1032, ["value"])) : (a(), n(i(E), {
+                key: o.type,
+                class: "uikit-size-xl uikit-cursor-pointer uikit-rounded-full uikit-border uikit-border-solid uikit-border-w-lightgray uikit-bg-white uikit-text-center uikit-text-w-lightgray",
+                index: g
+              }, {
+                default: e(() => u[1] || (u[1] = [
+                  m(" … ")
+                ])),
+                _: 2,
+                __: [1]
+              }, 1032, ["index"]))
+            ], 64))), 256)),
+            l(i(V), {
+              class: "uikit-flex uikit-cursor-pointer uikit-items-center uikit-gap-x-xs uikit-bg-transparent uikit-text-w-blue disabled:uikit-cursor-default disabled:uikit-text-w-lightgray [&:disabled_path]:uikit-stroke-w-lightgray",
+              "data-cy": t.nextDataCy,
+              disabled: y(r.value)
+            }, {
+              default: e(() => [
+                p("span", I, k(t.nextLabel), 1),
+                l(i(f), {
+                  "stroke-color": t.arrowColor,
+                  width: 20,
+                  height: 11,
+                  class: "uikit-inline-block -uikit-rotate-90"
+                }, null, 8, ["stroke-color"])
+              ]),
+              _: 1
+            }, 8, ["data-cy", "disabled"])
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 8, ["page", "total", "sibling-count", "items-per-page"]));
+  }
+});
+export {
+  j as default
+};

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

@@ -0,0 +1,7 @@
+import { defineComponent as e } from "vue";
+const n = e({
+  name: "BasePaper"
+});
+export {
+  n as default
+};

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

@@ -0,0 +1,37 @@
+import { defineComponent as u, createElementBlock as e, openBlock as t, normalizeClass as n, createElementVNode as l, createCommentVNode as s, renderSlot as o } from "vue";
+const a = {
+  key: 0,
+  class: "uikit-pin-arrow"
+}, k = /* @__PURE__ */ u({
+  __name: "BasePin",
+  props: {
+    type: { default: "default" },
+    pinClass: { default: "white" },
+    outlined: { type: Boolean, default: !1 }
+  },
+  setup(p) {
+    return (i, r) => (t(), e("span", {
+      class: n(["uikit-pin uikit-relative uikit-inline-block uikit-text", [
+        { "uikit-pin-outlined": i.outlined },
+        `uikit-pin-${i.pinClass}`,
+        `uikit-pin-${i.type}`
+      ]])
+    }, [
+      l("span", {
+        class: n(["uikit-pin-body uikit-box-border", [
+          {
+            "uikit-inline-flex uikit-min-w-xl uikit-rounded-3xs uikit-px-sm uikit-py-2xs": ["default", "large"].includes(i.type),
+            "uikit-px-xs": i.type === "large",
+            "uikit-inline-flex uikit-size-lg uikit-items-center uikit-justify-center uikit-rounded-full": i.type === "rounded"
+          }
+        ]])
+      }, [
+        o(i.$slots, "default")
+      ], 2),
+      i.type !== "rounded" ? (t(), e("div", a)) : s("", !0)
+    ], 2));
+  }
+});
+export {
+  k as default
+};

package/dist/{chunks/SelectItem.vue_vue_type_script_setup_true_lang.Drq_K7Vx.js → packages/components/lib/UIKit/BaseSelect/SelectItem.vue.js}

@@ -37,5 +37,5 @@ const b = ["tabindex"], x = ["innerHTML"], $ = /* @__PURE__ */ r({
   }
 });
 export {
-  $ as _
+  $ as default
 };