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

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

@@ -1,11 +1,11 @@
-import { defineComponent as L, mergeModels as N, computed as m, useModel as D, createBlock as n, openBlock as u, unref as i, withCtx as l, createVNode as o, createElementBlock as b, createElementVNode as f, toDisplayString as k, Fragment as p, renderList as U, resolveDynamicComponent as B, mergeProps as F, createTextVNode as y } from "vue";
-import { PaginationRoot as S, PaginationList as M, PaginationPrev as T, PaginationListItem as E, PaginationEllipsis as V, PaginationNext as j } from "reka-ui";
-import { ArrowIcon as h } from "../../../../node_modules/.pnpm/@wikicasa-dev_svg-icons@1.2.15-alpha.1_vue@3.5.16_typescript@5.8.3_/node_modules/@wikicasa-dev/svg-icons/dist/ArrowIcon.js";
-import "../../../../node_modules/.pnpm/@wikicasa-dev_svg-icons@1.2.15-alpha.1_vue@3.5.16_typescript@5.8.3_/node_modules/@wikicasa-dev/svg-icons/dist/PharmacyIcon.js";
-import { useBreakpoints as z } from "../../../../node_modules/.pnpm/@wikicasa-dev_vue-composables@0.0.24-alpha.5_vue@3.5.16_typescript@5.8.3_/node_modules/@wikicasa-dev/vue-composables/dist/useBreakpoints.js";
-const I = { class: "max-sm:uikit-hidden" }, Q = { class: "max-sm:uikit-hidden" }, G = /* @__PURE__ */ L({
+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__ */ N({
+  props: /* @__PURE__ */ P({
     count: { default: 0 },
     limit: { default: 25 },
     siblings: {},
@@ -13,102 +13,79 @@ const I = { class: "max-sm:uikit-hidden" }, Q = { class: "max-sm:uikit-hidden" }
     prevLabel: { default: "" },
     nextLabel: { default: "" },
     prevDataCy: {},
-    nextDataCy: {},
-    linkProps: {},
-    linkTag: { type: [Object, Function, String], default: "a" },
-    baseUrl: {},
-    pageQueryParameter: { default: "p" },
-    formatter: { type: Function }
+    nextDataCy: {}
   }, {
     pageNumber: { default: 1 },
     pageNumberModifiers: {}
   }),
   emits: ["update:pageNumber"],
-  setup(a) {
-    const { isSmall: w } = z({
+  setup(s) {
+    const { isSmall: w } = _({
       breakpoints: {
         sm: 640,
         md: 768,
         lg: 1024,
         xl: 1280
       }
-    }), v = m(() => a.baseUrl ? a.linkTag : "button"), s = D(a, "pageNumber"), x = m(() => Math.ceil(a.count / a.limit)), P = (t = 1) => t === 1, C = (t = 1) => t === x.value, g = (t = 1) => {
-      if (a.baseUrl)
-        try {
-          const e = new URL(a.baseUrl);
-          return t === 1 || e.searchParams.set(a.pageQueryParameter, `${t}`), e.toString();
-        } catch (e) {
-          console.error(e);
-          return;
-        }
-    };
-    return (t, e) => (u(), n(i(S), {
-      page: s.value,
-      "onUpdate:page": e[0] || (e[0] = (d) => s.value = d),
+    }), 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: l(() => [
-        o(i(M), { class: "uikit-flex uikit-gap-x-md" }, {
-          default: l(({ items: d }) => [
-            o(i(T), {
+      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: P(s.value)
+              disabled: x(r.value)
             }, {
-              default: l(() => [
-                o(i(h), {
+              default: e(() => [
+                l(i(f), {
                   width: 20,
                   height: 11,
                   "stroke-color": t.arrowColor,
                   class: "uikit-inline-block uikit-rotate-90"
                 }, null, 8, ["stroke-color"]),
-                f("span", I, k(t.prevLabel), 1)
+                p("span", z, k(t.prevLabel), 1)
               ]),
               _: 1
             }, 8, ["data-cy", "disabled"]),
-            (u(!0), b(p, null, U(d, (r, c) => (u(), b(p, null, [
-              r.type === "page" ? (u(), n(i(E), {
-                key: c,
-                value: r.value,
-                "as-child": ""
+            (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: l(() => [
-                  (u(), n(B(v.value), F({
-                    class: "uikit-flex uikit-size-xl uikit-cursor-pointer uikit-items-center uikit-justify-center 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",
-                    href: g(r.value),
-                    to: g(r.value)
-                  }, { ref_for: !0 }, t.linkProps), {
-                    default: l(() => [
-                      y(k(t.formatter ? t.formatter(r.value) : r.value), 1)
-                    ]),
-                    _: 2
-                  }, 1040, ["href", "to"]))
+                default: e(() => [
+                  m(k(o.value), 1)
                 ]),
                 _: 2
-              }, 1032, ["value"])) : (u(), n(i(V), {
-                key: r.type,
+              }, 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: c
+                index: g
               }, {
-                default: l(() => e[1] || (e[1] = [
-                  y(" … ")
+                default: e(() => u[1] || (u[1] = [
+                  m(" … ")
                 ])),
                 _: 2,
                 __: [1]
               }, 1032, ["index"]))
             ], 64))), 256)),
-            o(i(j), {
+            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: C(s.value)
+              disabled: y(r.value)
             }, {
-              default: l(() => [
-                f("span", Q, k(t.nextLabel), 1),
-                o(i(h), {
+              default: e(() => [
+                p("span", I, k(t.nextLabel), 1),
+                l(i(f), {
                   "stroke-color": t.arrowColor,
                   width: 20,
                   height: 11,
@@ -126,5 +103,5 @@ const I = { class: "max-sm:uikit-hidden" }, Q = { class: "max-sm:uikit-hidden" }
   }
 });
 export {
-  G as default
+  j as default
 };

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

@@ -20,7 +20,7 @@ const a = {
       l("span", {
         class: n(["uikit-pin-body uikit-box-border", [
           {
-            "uikit-inline-flex uikit-min-w-xl uikit-rounded-2xs uikit-px-xs uikit-py-2xs": ["default", "large"].includes(i.type),
+            "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"
           }

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

@@ -1,6 +1,6 @@
 import { defineComponent as p, ref as u, onBeforeMount as f, createBlock as h, openBlock as i, Teleport as y, createElementVNode as e, withModifiers as l, normalizeClass as x, createElementBlock as a, createCommentVNode as s, createVNode as v, unref as _ } from "vue";
-import { CloseIcon as C } from "../../../../node_modules/.pnpm/@wikicasa-dev_svg-icons@1.2.15-alpha.1_vue@3.5.16_typescript@5.8.3_/node_modules/@wikicasa-dev/svg-icons/dist/CloseIcon.js";
-import "../../../../node_modules/.pnpm/@wikicasa-dev_svg-icons@1.2.15-alpha.1_vue@3.5.16_typescript@5.8.3_/node_modules/@wikicasa-dev/svg-icons/dist/PharmacyIcon.js";
+import { CloseIcon as C } 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 g = { class: "snackbar-container uikit-fixed uikit-bottom-10px uikit-left-10px uikit-z-[2000] max-sm:uikit-left-0 max-sm:uikit-w-full" }, T = ["data-cy"], w = ["src", "alt"], L = {
   key: 1,
   class: "snackbar-type-icon uikit-bg-contain uikit-bg-no-repeat"

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

@@ -29,7 +29,7 @@ const h = ["for"], k = ["id", "multiple", "accept"], B = /* @__PURE__ */ p({
       class: s(["base-upload-file-wrapper uikit-relative", [e.$attrs.class]])
     }, [
       i("label", {
-        class: s(["uikit-btn uikit-btn-ternary", e.labelClasses]),
+        class: s(["uikit-btn uikit-btn-w-ternary", e.labelClasses]),
         for: e.id
       }, [
         i("input", {

package/dist/packages/components/lib/UIKit/Checkbox/CheckboxBtn.vue.js

@@ -1,6 +1,6 @@
 import { defineComponent as m, useId as f, computed as h, watch as b, createElementBlock as p, openBlock as u, createVNode as n, renderSlot as C, unref as l, normalizeClass as y, withCtx as s, createBlock as V, createCommentVNode as g, createTextVNode as B, toDisplayString as w } from "vue";
-import { CheckIcon as I } from "../../../../../node_modules/.pnpm/@wikicasa-dev_svg-icons@1.2.15-alpha.1_vue@3.5.16_typescript@5.8.3_/node_modules/@wikicasa-dev/svg-icons/dist/CheckIcon.js";
-import "../../../../../node_modules/.pnpm/@wikicasa-dev_svg-icons@1.2.15-alpha.1_vue@3.5.16_typescript@5.8.3_/node_modules/@wikicasa-dev/svg-icons/dist/PharmacyIcon.js";
+import { CheckIcon as I } from "../../../../../node_modules/.pnpm/@wikicasa-dev_svg-icons@1.2.12_typescript@5.8.3/node_modules/@wikicasa-dev/svg-icons/dist/CheckIcon.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 { CheckboxRoot as v, CheckboxIndicator as x } from "reka-ui";
 const N = ["for"], q = /* @__PURE__ */ m({
   __name: "CheckboxBtn",
@@ -43,7 +43,7 @@ const N = ["for"], q = /* @__PURE__ */ m({
         "model-value": e.modelValue,
         "data-cy": e.dataCy,
         disabled: e.disabled,
-        class: y(["uikit-inline-flex uikit-size-[20px] uikit-items-center uikit-justify-center uikit-rounded-2xs uikit-p-0 data-[state='unchecked']:uikit-border data-[state='unchecked']:uikit-border-solid data-[state='unchecked']:uikit-border-w-lightgray", [
+        class: y(["uikit-inline-flex uikit-size-[20px] uikit-items-center uikit-justify-center uikit-rounded-3xs uikit-p-0 data-[state='unchecked']:uikit-border data-[state='unchecked']:uikit-border-solid data-[state='unchecked']:uikit-border-w-lightgray", [
           {
             "uikit-bg-white": !e.modelValue,
             "uikit-bg-w-blue": e.modelValue

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

@@ -1,9 +1,9 @@
 import { defineComponent as N, ref as T, watch as V, computed as x, createBlock as A, openBlock as w, unref as m, withCtx as n, createElementBlock as M, createCommentVNode as S, renderSlot as E, createVNode as a, createTextVNode as O, toDisplayString as P, createElementVNode as r } from "vue";
-import { ArrowIcon as C } from "../../../../node_modules/.pnpm/@wikicasa-dev_svg-icons@1.2.15-alpha.1_vue@3.5.16_typescript@5.8.3_/node_modules/@wikicasa-dev/svg-icons/dist/ArrowIcon.js";
-import "../../../../node_modules/.pnpm/@wikicasa-dev_svg-icons@1.2.15-alpha.1_vue@3.5.16_typescript@5.8.3_/node_modules/@wikicasa-dev/svg-icons/dist/PharmacyIcon.js";
+import { ArrowIcon as C } 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 j from "@vuepic/vue-datepicker";
-import y from "./BaseSelect.vue.js";
-import '../../../../assets/packages/components/lib/UIKit/BaseInput.css';import '../../../../assets/node_modules/.pnpm/@vuepic_vue-datepicker@11.0.2_vue@3.5.16_typescript@5.8.3_/node_modules/@vuepic/vue-datepicker/dist/main.css';import '../../../../assets/packages/components/lib/UIKit/BaseSelect.css';/* empty css                */
+import y from "./NativeSelect.vue.js";
+import '../../../../assets/packages/components/lib/UIKit/BaseInput.css';import '../../../../assets/node_modules/.pnpm/@vuepic_vue-datepicker@11.0.2_vue@3.5.16_typescript@5.8.3_/node_modules/@vuepic/vue-datepicker/dist/main.css';import '../../../../assets/packages/components/lib/UIKit/NativeSelect.css';/* empty css                  */
 /* empty css                                                                                                                                          */
 import z from "./BaseButton.vue.js";
 import R from "./BaseInput.vue.js";

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

@@ -1,11 +1,10 @@
-import { defineComponent as E, mergeModels as C, useModel as O, ref as k, watch as y, createElementBlock as w, openBlock as s, createElementVNode as M, createVNode as p, withCtx as n, Fragment as h, renderList as D, createBlock as U, createTextVNode as x, toDisplayString as V, renderSlot as P } from "vue";
+import { defineComponent as E, mergeModels as C, useModel as O, ref as k, watch as y, createElementBlock as w, openBlock as r, createElementVNode as M, createVNode as p, withCtx as u, Fragment as h, renderList as D, createBlock as U, createTextVNode as x, toDisplayString as V, renderSlot as P } from "vue";
 import R from "./BaseButton.vue.js";
 import B from "./BaseInput.vue.js";
-import '../../../../assets/packages/components/lib/UIKit/BaseDropDown.css';import '../../../../assets/packages/components/lib/UIKit/BaseInput.css';/* empty css               */
+import '../../../../assets/packages/components/lib/UIKit/BaseInput.css';/* empty css               */
 import I from "./BaseDropDown.vue.js";
-/* empty css                  */
 import L from "./BaseSelect/SelectItem.vue.js";
-const j = { class: "uikit-shadow-surface uikit-flex uikit-h-[360px] uikit-w-[330px] uikit-flex-col uikit-justify-between uikit-rounded-2xs uikit-bg-white uikit-pt-md" }, z = { class: "uikit-relative uikit-flex uikit-gap-x-md uikit-border-b uikit-border-solid uikit-border-w-lightgray uikit-px-md uikit-pb-xs" }, F = { class: "uikit-z-10 uikit-h-[55px] uikit-bg-w-cultured uikit-px-md uikit-py-xs" }, W = /* @__PURE__ */ E({
+const j = { class: "uikit-shadow-surface uikit-flex uikit-h-[360px] uikit-w-[330px] uikit-flex-col uikit-justify-between uikit-rounded-2xs uikit-bg-white uikit-pt-md" }, z = { class: "uikit-relative uikit-flex uikit-gap-x-md uikit-border-b uikit-border-solid uikit-border-w-lightgray uikit-px-md uikit-pb-xs" }, F = { class: "uikit-z-10 uikit-h-[55px] uikit-bg-w-cultured uikit-px-md uikit-py-xs" }, Q = /* @__PURE__ */ E({
   __name: "InputDropdown",
   props: /* @__PURE__ */ C({
     leftSelectOptions: { default: () => [] },
@@ -25,7 +24,7 @@ const j = { class: "uikit-shadow-surface uikit-flex uikit-h-[360px] uikit-w-[330
     ), d = O(
       f,
       "rightValue"
-    ), m = k(!1), v = k(!1), g = k(!1), c = k(!1), $ = (i) => ({
+    ), v = k(!1), m = k(!1), g = k(!1), b = k(!1), $ = (i) => ({
       id: -1,
       label: i ? `${i}` : ""
     }), S = (i, e = []) => {
@@ -49,23 +48,23 @@ const j = { class: "uikit-shadow-surface uikit-flex uikit-h-[360px] uikit-w-[330
         e && (d.value = e);
       },
       { immediate: !0, deep: !0 }
-    ), (i, e) => (s(), w("div", j, [
+    ), (i, e) => (r(), w("div", j, [
       M("div", z, [
         p(I, {
-          "toggle-dropdown": v.value,
-          "onUpdate:toggleDropdown": e[1] || (e[1] = (t) => v.value = t),
+          "toggle-dropdown": m.value,
+          "onUpdate:toggleDropdown": e[1] || (e[1] = (t) => m.value = t),
           class: "!uikit-static",
-          "dropdown-classes": "!uikit-shadow-none uikit-top-[70px] !uikit-border-none !uikit-rounded-none !uikit-w-[calc(100%-32px)]",
+          "dropdown-classes": "!uikit-shadow-none uikit-top-[70px] !uikit-border-none !uikit-rounded-none",
           "disable-space-handler": "",
           "onUpdate:selectedIdx": e[2] || (e[2] = (t) => a.value = i.leftSelectOptions[t]),
-          "onUpdate:dropdownState": e[3] || (e[3] = (t) => m.value = t)
+          "onUpdate:dropdownState": e[3] || (e[3] = (t) => v.value = t)
         }, {
-          button: n(({ toggleDropdown: t, setActiveIdx: o }) => [
+          btn_slot: u(({ toggleDropdown: t, setActiveIdx: o }) => [
             p(B, {
               "model-value": a.value.label,
               "label-text": "Min",
               onClick: (l) => {
-                l.stopPropagation(), m.value || t(), g.value && (c.value = !0);
+                l.stopPropagation(), v.value || t(), g.value && (b.value = !0);
               },
               onKeyup: (l) => o(-1),
               "onUpdate:modelValue": e[0] || (e[0] = (l) => {
@@ -73,18 +72,18 @@ const j = { class: "uikit-shadow-surface uikit-flex uikit-h-[360px] uikit-w-[330
               })
             }, null, 8, ["model-value", "onClick", "onKeyup"])
           ]),
-          default: n(({ activeIdx: t, toggleDropdown: o, setActiveIdx: l }) => [
-            (s(!0), w(h, null, D(i.leftSelectOptions, (r, u) => (s(), U(L, {
-              key: `left-option-${u}`,
-              class: "uikit-rounded-2xs uikit-p-xs uikit-text-16",
-              active: t === u,
-              onClick: (b) => {
-                a.value = r, o();
+          default: u(({ activeIdx: t, toggleDropdown: o, setActiveIdx: l }) => [
+            (r(!0), w(h, null, D(i.leftSelectOptions, (s, n) => (r(), U(L, {
+              key: `left-option-${n}`,
+              class: "uikit-rounded-3xs uikit-p-xs uikit-text-16",
+              active: t === n,
+              onClick: (c) => {
+                a.value = s, o();
               },
-              onMouseover: (b) => l(u)
+              onMouseover: (c) => l(n)
             }, {
-              default: n(() => [
-                x(V(r.label), 1)
+              default: u(() => [
+                x(V(s.label), 1)
               ]),
               _: 2
             }, 1032, ["active", "onClick", "onMouseover"]))), 128))
@@ -92,20 +91,20 @@ const j = { class: "uikit-shadow-surface uikit-flex uikit-h-[360px] uikit-w-[330
           _: 1
         }, 8, ["toggle-dropdown"]),
         p(I, {
-          "toggle-dropdown": c.value,
-          "onUpdate:toggleDropdown": e[5] || (e[5] = (t) => c.value = t),
+          "toggle-dropdown": b.value,
+          "onUpdate:toggleDropdown": e[5] || (e[5] = (t) => b.value = t),
           "disable-space-handler": "",
           class: "!uikit-static",
-          "dropdown-classes": "uikit-left-md !uikit-shadow-none uikit-top-[70px] !uikit-border-none !uikit-rounded-none !uikit-w-[calc(100%-32px)]",
+          "dropdown-classes": "uikit-left-0 !uikit-shadow-none uikit-top-[70px] !uikit-border-none !uikit-rounded-none",
           "onUpdate:selectedIdx": e[6] || (e[6] = (t) => d.value = i.rightSelectOptions[t]),
           "onUpdate:dropdownState": e[7] || (e[7] = (t) => g.value = t)
         }, {
-          button: n(({ toggleDropdown: t, setActiveIdx: o }) => [
+          btn_slot: u(({ toggleDropdown: t, setActiveIdx: o }) => [
             p(B, {
               "model-value": d.value.label,
               "label-text": "Max",
               onClick: (l) => {
-                l.stopPropagation(), g.value || t(), m.value && (v.value = !0);
+                l.stopPropagation(), g.value || t(), v.value && (m.value = !0);
               },
               onKeyup: (l) => o(-1),
               "onUpdate:modelValue": e[4] || (e[4] = (l) => {
@@ -113,18 +112,18 @@ const j = { class: "uikit-shadow-surface uikit-flex uikit-h-[360px] uikit-w-[330
               })
             }, null, 8, ["model-value", "onClick", "onKeyup"])
           ]),
-          default: n(({ activeIdx: t, toggleDropdown: o, setActiveIdx: l }) => [
-            (s(!0), w(h, null, D(i.rightSelectOptions, (r, u) => (s(), U(L, {
-              key: `left-option-${u}`,
-              class: "uikit-rounded-2xs uikit-p-xs uikit-text-16",
-              active: t === u,
-              onClick: (b) => {
-                d.value = r, o();
+          default: u(({ activeIdx: t, toggleDropdown: o, setActiveIdx: l }) => [
+            (r(!0), w(h, null, D(i.rightSelectOptions, (s, n) => (r(), U(L, {
+              key: `left-option-${n}`,
+              class: "uikit-rounded-3xs uikit-p-xs uikit-text-16",
+              active: t === n,
+              onClick: (c) => {
+                d.value = s, o();
               },
-              onMouseover: (b) => l(u)
+              onMouseover: (c) => l(n)
             }, {
-              default: n(() => [
-                x(V(r.label), 1)
+              default: u(() => [
+                x(V(s.label), 1)
               ]),
               _: 2
             }, 1032, ["active", "onClick", "onMouseover"]))), 128))
@@ -138,7 +137,7 @@ const j = { class: "uikit-shadow-surface uikit-flex uikit-h-[360px] uikit-w-[330
             class: "uikit-w-full",
             onClick: e[8] || (e[8] = (t) => N("submit", t))
           }, {
-            default: n(() => [
+            default: u(() => [
               x(V(i.submitBtnLabel), 1)
             ]),
             _: 1
@@ -149,5 +148,5 @@ const j = { class: "uikit-shadow-surface uikit-flex uikit-h-[360px] uikit-w-[330
   }
 });
 export {
-  W as default
+  Q as default
 };

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

@@ -1,6 +1,6 @@
-import { defineComponent as x, mergeModels as u, useCssVars as w, computed as C, useModel as v, useId as y, watch as S, createElementBlock as a, openBlock as d, createCommentVNode as V, createElementVNode as O, normalizeClass as c, unref as m, toDisplayString as p, Fragment as z, renderList as B } from "vue";
-const E = { class: "select-wrapper" }, D = ["for"], M = ["id"], T = ["data-idx", "selected"], N = /* @__PURE__ */ x({
-  __name: "BaseSelect",
+import { defineComponent as x, mergeModels as u, useCssVars as C, computed as v, useModel as w, useId as y, watch as S, createElementBlock as a, openBlock as d, createCommentVNode as V, createElementVNode as O, normalizeClass as c, unref as m, toDisplayString as p, Fragment as z, renderList as E } from "vue";
+const B = { class: "select-wrapper" }, D = ["for"], M = ["id"], N = ["data-idx", "selected"], I = /* @__PURE__ */ x({
+  __name: "NativeSelect",
   props: /* @__PURE__ */ u({
     labelText: { default: "" },
     options: { default: () => [] },
@@ -18,10 +18,10 @@ const E = { class: "select-wrapper" }, D = ["for"], M = ["id"], T = ["data-idx",
   }),
   emits: /* @__PURE__ */ u(["change"], ["update:modelValue"]),
   setup(o, { emit: f }) {
-    w((e) => ({
-      "7c189782": b.value
+    C((e) => ({
+      f3734614: k.value
     }));
-    const s = v(o, "modelValue"), k = f, n = y(), b = C(() => `${o.arrowSize}px`), g = ({ target: e }) => {
+    const s = w(o, "modelValue"), b = f, n = y(), k = v(() => `${o.arrowSize}px`), g = ({ target: e }) => {
       const i = (e.selectedOptions?.[0]).dataset.idx;
       if (i === void 0) return;
       const h = o.options[i];
@@ -36,7 +36,7 @@ const E = { class: "select-wrapper" }, D = ["for"], M = ["id"], T = ["data-idx",
         t && (s.value = t);
       },
       { immediate: !0 }
-    ), (e, t) => (d(), a("div", E, [
+    ), (e, t) => (d(), a("div", B, [
       e.labelText ? (d(), a("label", {
         key: 0,
         for: m(n),
@@ -44,22 +44,22 @@ const E = { class: "select-wrapper" }, D = ["for"], M = ["id"], T = ["data-idx",
       }, p(e.labelText), 11, D)) : V("", !0),
       O("select", {
         id: m(n),
-        class: c(["uikit-w-full uikit-cursor-pointer uikit-bg-white uikit-pr-xl uikit-text-16 uikit-font-regular", {
+        class: c(["uikit-cursor-pointer uikit-bg-white uikit-pr-xl uikit-text-16 uikit-font-regular", {
           "uikit-rounded-2xs uikit-border uikit-border-solid uikit-border-w-lightgray uikit-py-md uikit-pl-sm": e.border
         }]),
         onChange: t[0] || (t[0] = (l) => {
-          k("change", l), g(l);
+          b("change", l), g(l);
         })
       }, [
-        (d(!0), a(z, null, B(e.options, (l, i) => (d(), a("option", {
+        (d(!0), a(z, null, E(e.options, (l, i) => (d(), a("option", {
           key: `option-${i}`,
           "data-idx": i,
           selected: r(l, s.value)
-        }, p(l.label), 9, T))), 128))
+        }, p(l.label), 9, N))), 128))
       ], 42, M)
     ]));
   }
 });
 export {
-  N as default
+  I as default
 };

package/dist/packages/components/lib/UIKit/ShimmerLoader/BaseShimmerLoader.vue.js

@@ -7,7 +7,7 @@ const d = /* @__PURE__ */ i({
   },
   setup(u) {
     return (e, m) => (l(), s("div", {
-      class: t(["uikit-shimmer-loader uikit-relative uikit-overflow-hidden uikit-rounded-2xs uikit-bg-w-cultured", e.$attrs.class]),
+      class: t(["uikit-shimmer-loader uikit-relative uikit-overflow-hidden uikit-rounded-3xs uikit-bg-w-cultured", e.$attrs.class]),
       style: r(e.$attrs.style)
     }, [
       a("div", {

package/dist/packages/components/lib/components/carousel/SwiperCarousel.vue.js

@@ -1,13 +1,12 @@
 import { defineComponent as J, reactive as Q, ref as k, useId as U, computed as f, onMounted as X, watch as Y, nextTick as M, createElementBlock as l, openBlock as u, normalizeClass as p, createElementVNode as v, createCommentVNode as y, renderSlot as E, Fragment as P, renderList as F, mergeProps as T, withModifiers as O } from "vue";
 import { Swiper as B } from "swiper";
-import x from "../../../../../node_modules/.pnpm/swiper@11.2.10/node_modules/swiper/modules/zoom.js";
-import '../../../../../assets/node_modules/.pnpm/swiper@11.2.10/node_modules/swiper/modules/zoom.css';import '../../../../../assets/node_modules/.pnpm/swiper@11.2.10/node_modules/swiper/swiper.css';/* empty css                                                                              */
-/* empty css                                                                                    */
+import x from "../../../../../node_modules/.pnpm/swiper@11.2.8/node_modules/swiper/modules/zoom.js";
+import '../../../../../assets/node_modules/.pnpm/swiper@11.2.8/node_modules/swiper/modules/zoom.css';import '../../../../../assets/node_modules/.pnpm/swiper@11.2.8/node_modules/swiper/swiper.css';/* empty css                                                                             */
+/* empty css                                                                                   */
 import "../../../../../node_modules/.pnpm/js-cookie@3.0.5/node_modules/js-cookie/dist/js.cookie.js";
-import { shallowCopyObjectTo as _ } from "../../../../../node_modules/.pnpm/@wikicasa-dev_utilities@1.1.22-alpha.4/node_modules/@wikicasa-dev/utilities/dist/utils/ObjectUtils.js";
-import "date-fns";
+import { shallowCopyObjectTo as _ } from "../../../../../node_modules/.pnpm/@wikicasa-dev_utilities@1.1.21/node_modules/@wikicasa-dev/utilities/dist/utils/ObjectUtils.js";
 import "../../../../../_virtual/polyline.js";
-const ee = ["id"], te = ["id", "data-cy"], se = ["data-idx", "alt", "width", "height", "onLoad"], ie = ["id"], ae = ["alt"], we = /* @__PURE__ */ J({
+const ee = ["id"], te = ["id", "data-cy"], se = ["data-idx", "alt", "width", "height", "onLoad"], ie = ["id"], ae = ["alt"], me = /* @__PURE__ */ J({
   inheritAttrs: !1,
   __name: "SwiperCarousel",
   props: {
@@ -243,5 +242,5 @@ const ee = ["id"], te = ["id", "data-cy"], se = ["data-idx", "alt", "width", "he
   }
 });
 export {
-  we as default
+  me as default
 };

package/package.json

@@ -1,13 +1,12 @@
 {
   "name": "@wikicasa-dev/components",
-  "version": "2.1.4-alpha.24",
+  "version": "2.1.4-alpha.3",
   "description": "Wikicasa frontend components",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "files": [
-    "dist",
-    "plugins"
+    "dist"
   ],
   "sideEffects": [
     "**/*.css"
@@ -29,9 +28,7 @@
     "./chart/*": {
       "import": "./dist/chart/*.js",
       "types": "./dist/chart/*.d.ts"
-    },
-    "./plugins/buttonPlugin": "./plugins/buttonPlugin.ts",
-    "./tailwind.config": "./dist/tailwind.config.js"
+    }
   },
   "repository": {
     "type": "git",
@@ -45,35 +42,45 @@
   "homepage": "https://bitbucket.org/wikicasa/wikicasa-fe#readme",
   "dependencies": {
     "@vuepic/vue-datepicker": "^11.0.2",
-    "caniuse-lite": "^1.0.30001726",
-    "chart.js": "^4.5.0",
+    "caniuse-lite": "^1.0.30001722",
+    "chart.js": "^4.4.9",
     "chartjs-adapter-date-fns": "^3.0.0",
     "date-fns": "^4.1.0",
-    "reka-ui": "^2.3.2",
-    "swiper": "^11.2.10",
-    "vue-chartjs": "^5.3.2"
+    "reka-ui": "^2.3.1",
+    "swiper": "^11.2.8",
+    "vue": "^3.5.13",
+    "vue-chartjs": "^5.3.2",
+    "vue-router": "^4.5.0"
   },
   "devDependencies": {
-    "@babel/eslint-parser": "^7.28.0",
+    "@babel/eslint-parser": "^7.27.5",
     "@histoire/plugin-vue": "^1.0.0-alpha.2",
-    "@wikicasa-dev/svg-icons": "1.2.15-alpha.1",
+    "@types/node": "^24.0.1",
+    "@vitejs/plugin-vue": "^5.2.4",
+    "@vue/eslint-config-prettier": "^10.2.0",
+    "@vue/eslint-config-typescript": "^14.5.0",
+    "@wikicasa-dev/svg-icons": "1.2.12",
     "@wikicasa-dev/tailwind-plugins": "^0.0.3",
-    "@wikicasa-dev/types": "2.3.2-alpha.3",
-    "@wikicasa-dev/utilities": "1.1.22-alpha.4",
-    "@wikicasa-dev/vue-composables": "0.0.24-alpha.5",
+    "@wikicasa-dev/types": "2.2.0",
+    "@wikicasa-dev/utilities": "1.1.21",
+    "@wikicasa-dev/vue-composables": "0.0.23",
     "ajv": "^8.17.1",
     "autoprefixer": "^10.4.21",
+    "eslint": "^9.28",
+    "eslint-plugin-vue": "^10.2.0",
+    "glob": "^11.0.2",
     "histoire": "^1.0.0-alpha.2",
-    "postcss": "^8.5.6",
+    "postcss": "^8.5.5",
+    "prettier": "^3.5.3",
+    "prettier-plugin-tailwindcss": "^0.6.12",
     "rollup-plugin-visualizer": "^6.0.3",
-    "tailwindcss": "3.4.15",
+    "tailwindcss": "^3.4.15",
+    "typescript": "^5.8.3",
+    "vite": "^6.3.5",
+    "vite-plugin-dts": "^4.5.4",
     "vite-plugin-lib-inject-css": "^2.2.2",
-    "vue": "^3.5.13",
-    "@vitejs/plugin-vue": "^6.0.0",
-    "vite-plugin-dts": "^4.5.4"
-  },
-  "peerDependencies": {
-    "vue": "^3.5.13"
+    "vite-plugin-vue-devtools": "^7.7.6",
+    "vue-tsc": "^2.2.10"
   },
   "readme": "ERROR: No README data found!",
   "scripts": {

package/dist/UIKit/BasePin.d.ts

@@ -1,22 +0,0 @@
-type __VLS_Props = {
-    type?: "default" | "large" | "rounded";
-    pinClass?: "white" | "blue" | "cultured" | "dark-blue" | "red";
-    outlined?: boolean;
-};
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        default?(_: {}): any;
-    };
-    refs: {};
-    rootEl: HTMLSpanElement;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};