@wikicasa-dev/components 2.1.4-alpha.19 → 2.1.4-alpha.20

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

@@ -1,9 +1,9 @@
-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 h } from "vue";
-import { PaginationRoot as M, PaginationList as S, PaginationPrev as T, PaginationListItem as E, PaginationEllipsis as V, PaginationNext as z } from "reka-ui";
-import { ArrowIcon as y } from "../../node_modules/@wikicasa-dev/svg-icons/dist/ArrowIcon.js";
-import "../../node_modules/@wikicasa-dev/svg-icons/dist/PharmacyIcon.js";
-import { useBreakpoints as I } from "../../node_modules/@wikicasa-dev/vue-composables/dist/useBreakpoints.js";
-const Q = { class: "max-sm:uikit-hidden" }, R = { class: "max-sm:uikit-hidden" }, H = /* @__PURE__ */ L({
+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({
   __name: "BasePagination",
   props: /* @__PURE__ */ N({
     count: { default: 0 },
@@ -15,7 +15,7 @@ const Q = { class: "max-sm:uikit-hidden" }, R = { class: "max-sm:uikit-hidden" }
     prevDataCy: {},
     nextDataCy: {},
     linkProps: {},
-    linkTag: { default: "a" },
+    linkTag: { type: [Object, Function, String], default: "a" },
     baseUrl: {},
     pageQueryParameter: { default: "p" },
     formatter: { type: Function }
@@ -25,7 +25,7 @@ const Q = { class: "max-sm:uikit-hidden" }, R = { class: "max-sm:uikit-hidden" }
   }),
   emits: ["update:pageNumber"],
   setup(a) {
-    const { isSmall: w } = I({
+    const { isSmall: w } = z({
       breakpoints: {
         sm: 640,
         md: 768,
@@ -42,7 +42,7 @@ const Q = { class: "max-sm:uikit-hidden" }, R = { class: "max-sm:uikit-hidden" }
           return;
         }
     };
-    return (t, e) => (u(), n(i(M), {
+    return (t, e) => (u(), n(i(S), {
       page: s.value,
       "onUpdate:page": e[0] || (e[0] = (d) => s.value = d),
       total: t.count,
@@ -52,7 +52,7 @@ const Q = { class: "max-sm:uikit-hidden" }, R = { class: "max-sm:uikit-hidden" }
       class: "uikit-text-16"
     }, {
       default: l(() => [
-        o(i(S), { class: "uikit-flex uikit-gap-x-md" }, {
+        o(i(M), { class: "uikit-flex uikit-gap-x-md" }, {
           default: l(({ items: d }) => [
             o(i(T), {
               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",
@@ -60,13 +60,13 @@ const Q = { class: "max-sm:uikit-hidden" }, R = { class: "max-sm:uikit-hidden" }
               disabled: P(s.value)
             }, {
               default: l(() => [
-                o(i(y), {
+                o(i(h), {
                   width: 20,
                   height: 11,
                   "stroke-color": t.arrowColor,
                   class: "uikit-inline-block uikit-rotate-90"
                 }, null, 8, ["stroke-color"]),
-                f("span", Q, k(t.prevLabel), 1)
+                f("span", I, k(t.prevLabel), 1)
               ]),
               _: 1
             }, 8, ["data-cy", "disabled"]),
@@ -83,7 +83,7 @@ const Q = { class: "max-sm:uikit-hidden" }, R = { class: "max-sm:uikit-hidden" }
                     to: g(r.value)
                   }, { ref_for: !0 }, t.linkProps), {
                     default: l(() => [
-                      h(k(t.formatter ? t.formatter(r.value) : r.value), 1)
+                      y(k(t.formatter ? t.formatter(r.value) : r.value), 1)
                     ]),
                     _: 2
                   }, 1040, ["href", "to"]))
@@ -95,20 +95,20 @@ const Q = { class: "max-sm:uikit-hidden" }, R = { class: "max-sm:uikit-hidden" }
                 index: c
               }, {
                 default: l(() => e[1] || (e[1] = [
-                  h(" … ")
+                  y(" … ")
                 ])),
                 _: 2,
                 __: [1]
               }, 1032, ["index"]))
             ], 64))), 256)),
-            o(i(z), {
+            o(i(j), {
               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)
             }, {
               default: l(() => [
-                f("span", R, k(t.nextLabel), 1),
-                o(i(y), {
+                f("span", Q, k(t.nextLabel), 1),
+                o(i(h), {
                   "stroke-color": t.arrowColor,
                   width: 20,
                   height: 11,
@@ -126,5 +126,5 @@ const Q = { class: "max-sm:uikit-hidden" }, R = { class: "max-sm:uikit-hidden" }
   }
 });
 export {
-  H as default
+  G as default
 };

package/dist/{lib → 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-3xs uikit-px-sm uikit-py-2xs": ["default", "large"].includes(i.type),
+            "uikit-inline-flex uikit-min-w-xl uikit-rounded-2xs uikit-px-xs 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/{lib → packages/components/lib}/UIKit/BaseSlider.vue.js

@@ -1,7 +1,7 @@
 import { defineComponent as E, mergeModels as T, useModel as p, ref as l, watch as g, createElementBlock as B, openBlock as L, createVNode as u, createElementVNode as U, unref as m, withCtx as w } from "vue";
 import { SliderRoot as z, SliderTrack as N, SliderRange as R, SliderThumb as y } from "reka-ui";
 import V from "./BaseInput.vue.js";
-import '../../assets/lib/UIKit/BaseInput.css';/* empty css               */
+import '../../../../assets/packages/components/lib/UIKit/BaseInput.css';/* empty css               */
 const j = { class: "uikit-mt-[20px] uikit-flex uikit-justify-between uikit-gap-x-sm" }, J = /* @__PURE__ */ E({
   __name: "BaseSlider",
   props: /* @__PURE__ */ T({

package/dist/{lib → 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/@wikicasa-dev/svg-icons/dist/CloseIcon.js";
-import "../../node_modules/@wikicasa-dev/svg-icons/dist/PharmacyIcon.js";
+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";
 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/{lib → packages/components/lib}/UIKit/BaseTextarea.vue.js

@@ -1,7 +1,7 @@
 import { defineComponent as $, mergeModels as n, useModel as T, ref as h, watch as C, createElementBlock as f, openBlock as b, normalizeClass as r, createElementVNode as v, createCommentVNode as L, unref as o, createVNode as x, withModifiers as u, nextTick as F } from "vue";
 import M from "./BaseFloatingLabel.vue.js";
-import '../../assets/lib/UIKit/BaseFloatingLabel.css';/* empty css                       */
-import { useFloatingLabel as E } from "../../composables/useFloatingLabel.js";
+import '../../../../assets/packages/components/lib/UIKit/BaseFloatingLabel.css';/* empty css                       */
+import { useFloatingLabel as E } from "../../../../composables/useFloatingLabel.js";
 const z = ["id", "data-cy", "data-validation", "rows", "disabled", "aria-labelledby", "readonly", "value"], B = ["innerHTML"], q = "peer-data-[validation='invalid']/fieldset:uikit-text-w-red peer-data-[validation='valid']/fieldset:uikit-text-w-blue", S = /* @__PURE__ */ $({
   inheritAttrs: !1,
   __name: "BaseTextarea",

package/dist/{lib → 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/@wikicasa-dev/svg-icons/dist/CheckIcon.js";
-import "../../../node_modules/@wikicasa-dev/svg-icons/dist/PharmacyIcon.js";
+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 { 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-3xs 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-2xs 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/{lib → packages/components/lib}/UIKit/DatePicker.vue.js

@@ -1,10 +1,10 @@
 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/@wikicasa-dev/svg-icons/dist/ArrowIcon.js";
-import "../../node_modules/@wikicasa-dev/svg-icons/dist/PharmacyIcon.js";
+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 j from "@vuepic/vue-datepicker";
 import y from "./BaseSelect.vue.js";
-import '../../assets/lib/UIKit/BaseInput.css';import '../../assets/node_modules/@vuepic/vue-datepicker/dist/main.css';import '../../assets/lib/UIKit/BaseSelect.css';/* empty css                */
-/* empty css                                                      */
+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                */
+/* empty css                                                                                                                                          */
 import z from "./BaseButton.vue.js";
 import R from "./BaseInput.vue.js";
 /* empty css               */

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

@@ -1,7 +1,7 @@
-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 { 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 n, 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/lib/UIKit/BaseInput.css';/* empty css               */
+import '../../../../assets/packages/components/lib/UIKit/BaseInput.css';/* empty css               */
 import I from "./BaseDropDown.vue.js";
 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" }, Q = /* @__PURE__ */ E({
@@ -24,7 +24,7 @@ const j = { class: "uikit-shadow-surface uikit-flex uikit-h-[360px] uikit-w-[330
     ), d = O(
       f,
       "rightValue"
-    ), v = k(!1), m = k(!1), g = k(!1), b = k(!1), $ = (i) => ({
+    ), m = k(!1), v = k(!1), g = k(!1), c = k(!1), $ = (i) => ({
       id: -1,
       label: i ? `${i}` : ""
     }), S = (i, e = []) => {
@@ -51,20 +51,20 @@ const j = { class: "uikit-shadow-surface uikit-flex uikit-h-[360px] uikit-w-[330
     ), (i, e) => (r(), w("div", j, [
       M("div", z, [
         p(I, {
-          "toggle-dropdown": m.value,
-          "onUpdate:toggleDropdown": e[1] || (e[1] = (t) => m.value = t),
+          "toggle-dropdown": v.value,
+          "onUpdate:toggleDropdown": e[1] || (e[1] = (t) => v.value = t),
           class: "!uikit-static",
-          "dropdown-classes": "!uikit-shadow-none uikit-top-[70px] !uikit-border-none !uikit-rounded-none",
+          "dropdown-classes": "!uikit-shadow-none uikit-top-[70px] !uikit-border-none !uikit-rounded-none !uikit-w-[calc(100%-32px)]",
           "disable-space-handler": "",
           "onUpdate:selectedIdx": e[2] || (e[2] = (t) => a.value = i.leftSelectOptions[t]),
-          "onUpdate:dropdownState": e[3] || (e[3] = (t) => v.value = t)
+          "onUpdate:dropdownState": e[3] || (e[3] = (t) => m.value = t)
         }, {
-          btn_slot: u(({ toggleDropdown: t, setActiveIdx: o }) => [
+          btn_slot: n(({ toggleDropdown: t, setActiveIdx: o }) => [
             p(B, {
               "model-value": a.value.label,
               "label-text": "Min",
               onClick: (l) => {
-                l.stopPropagation(), v.value || t(), g.value && (b.value = !0);
+                l.stopPropagation(), m.value || t(), g.value && (c.value = !0);
               },
               onKeyup: (l) => o(-1),
               "onUpdate:modelValue": e[0] || (e[0] = (l) => {
@@ -72,17 +72,17 @@ const j = { class: "uikit-shadow-surface uikit-flex uikit-h-[360px] uikit-w-[330
               })
             }, null, 8, ["model-value", "onClick", "onKeyup"])
           ]),
-          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) => {
+          default: n(({ activeIdx: t, toggleDropdown: o, setActiveIdx: l }) => [
+            (r(!0), w(h, null, D(i.leftSelectOptions, (s, u) => (r(), U(L, {
+              key: `left-option-${u}`,
+              class: "uikit-rounded-2xs uikit-p-xs uikit-text-16",
+              active: t === u,
+              onClick: (b) => {
                 a.value = s, o();
               },
-              onMouseover: (c) => l(n)
+              onMouseover: (b) => l(u)
             }, {
-              default: u(() => [
+              default: n(() => [
                 x(V(s.label), 1)
               ]),
               _: 2
@@ -91,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": b.value,
-          "onUpdate:toggleDropdown": e[5] || (e[5] = (t) => b.value = t),
+          "toggle-dropdown": c.value,
+          "onUpdate:toggleDropdown": e[5] || (e[5] = (t) => c.value = t),
           "disable-space-handler": "",
           class: "!uikit-static",
-          "dropdown-classes": "uikit-left-0 !uikit-shadow-none uikit-top-[70px] !uikit-border-none !uikit-rounded-none",
+          "dropdown-classes": "uikit-left-md !uikit-shadow-none uikit-top-[70px] !uikit-border-none !uikit-rounded-none !uikit-w-[calc(100%-32px)]",
           "onUpdate:selectedIdx": e[6] || (e[6] = (t) => d.value = i.rightSelectOptions[t]),
           "onUpdate:dropdownState": e[7] || (e[7] = (t) => g.value = t)
         }, {
-          btn_slot: u(({ toggleDropdown: t, setActiveIdx: o }) => [
+          btn_slot: n(({ toggleDropdown: t, setActiveIdx: o }) => [
             p(B, {
               "model-value": d.value.label,
               "label-text": "Max",
               onClick: (l) => {
-                l.stopPropagation(), g.value || t(), v.value && (m.value = !0);
+                l.stopPropagation(), g.value || t(), m.value && (v.value = !0);
               },
               onKeyup: (l) => o(-1),
               "onUpdate:modelValue": e[4] || (e[4] = (l) => {
@@ -112,17 +112,17 @@ const j = { class: "uikit-shadow-surface uikit-flex uikit-h-[360px] uikit-w-[330
               })
             }, null, 8, ["model-value", "onClick", "onKeyup"])
           ]),
-          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) => {
+          default: n(({ activeIdx: t, toggleDropdown: o, setActiveIdx: l }) => [
+            (r(!0), w(h, null, D(i.rightSelectOptions, (s, u) => (r(), U(L, {
+              key: `left-option-${u}`,
+              class: "uikit-rounded-2xs uikit-p-xs uikit-text-16",
+              active: t === u,
+              onClick: (b) => {
                 d.value = s, o();
               },
-              onMouseover: (c) => l(n)
+              onMouseover: (b) => l(u)
             }, {
-              default: u(() => [
+              default: n(() => [
                 x(V(s.label), 1)
               ]),
               _: 2
@@ -137,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: u(() => [
+            default: n(() => [
               x(V(i.submitBtnLabel), 1)
             ]),
             _: 1

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

@@ -1,39 +1,39 @@
-import { defineComponent as n, createBlock as k, openBlock as p, unref as e, withCtx as a, createVNode as m, normalizeClass as o, renderSlot as s, withDirectives as c, createElementVNode as d, vShow as f } from "vue";
+import { defineComponent as l, createBlock as k, openBlock as p, unref as e, withCtx as a, createVNode as c, normalizeClass as o, renderSlot as u, withDirectives as m, createElementVNode as d, vShow as f } from "vue";
 import { NavigationMenuItem as v, NavigationMenuLink as b } from "reka-ui";
-const B = /* @__PURE__ */ n({
+const x = /* @__PURE__ */ l({
   __name: "NavigationBarItem",
   props: {
-    as: { default: "a" },
+    as: { type: [Object, Function, String], default: "a" },
     activeBorderPosition: {},
     active: { type: Boolean, default: !1 },
     href: {},
     value: {}
   },
   emits: ["select"],
-  setup(h, { emit: u }) {
-    const r = u;
-    return (i, t) => (p(), k(e(v), null, {
+  setup(h, { emit: s }) {
+    const r = s;
+    return (t, i) => (p(), k(e(v), null, {
       default: a(() => [
-        m(e(b), {
-          as: i.as,
+        c(e(b), {
+          as: t.as,
           class: o([
             "uikit-relative uikit-flex uikit-min-w-[56px] uikit-flex-col uikit-items-center uikit-gap-y-2xs uikit-bg-transparent hover:uikit-cursor-pointer data-[active]:uikit-font-medium data-[active]:uikit-text-w-blue",
-            i.activeBorderPosition === "top" ? "uikit-pb-2xs uikit-pt-sm" : "uikit-pb-sm uikit-pt-2xs"
+            t.activeBorderPosition === "top" ? "uikit-pb-2xs uikit-pt-sm" : "uikit-pb-sm uikit-pt-2xs"
           ]),
-          active: i.active,
-          href: i.href,
-          onSelect: t[0] || (t[0] = (l) => r("select", l))
+          active: t.active,
+          href: t.href,
+          onSelect: i[0] || (i[0] = (n) => r("select", n))
         }, {
           default: a(() => [
-            s(i.$slots, "icon"),
-            s(i.$slots, "label"),
-            c(d("div", {
+            u(t.$slots, "icon"),
+            u(t.$slots, "label"),
+            m(d("div", {
               class: o([
                 "uikit-absolute uikit-left-1/2 uikit-h-2xs uikit-w-[56px] -uikit-translate-x-1/2 uikit-bg-w-blue",
-                i.activeBorderPosition === "top" ? "uikit-top-0 uikit-rounded-t-3xs" : "uikit-bottom-0 uikit-rounded-b-3xs"
+                t.activeBorderPosition === "top" ? "uikit-top-0 uikit-rounded-t-3xs" : "uikit-bottom-0 uikit-rounded-b-3xs"
               ])
             }, null, 2), [
-              [f, i.active]
+              [f, t.active]
             ])
           ]),
           _: 3
@@ -44,5 +44,5 @@ const B = /* @__PURE__ */ n({
   }
 });
 export {
-  B as default
+  x as default
 };

package/dist/{lib → 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-3xs uikit-bg-w-cultured", e.$attrs.class]),
+      class: t(["uikit-shimmer-loader uikit-relative uikit-overflow-hidden uikit-rounded-2xs uikit-bg-w-cultured", e.$attrs.class]),
       style: r(e.$attrs.style)
     }, [
       a("div", {

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

@@ -1,6 +1,6 @@
 import { defineComponent as i, createElementBlock as n, openBlock as r, Fragment as s, renderList as l, createBlock as m, normalizeStyle as a, normalizeClass as o } from "vue";
 import u from "./BaseShimmerLoader.vue.js";
-import '../../../assets/lib/UIKit/ShimmerLoader/BaseShimmerLoader.css';/* empty css                       */
+import '../../../../../assets/packages/components/lib/UIKit/ShimmerLoader/BaseShimmerLoader.css';/* empty css                       */
 const k = /* @__PURE__ */ i({
   __name: "ShimmerMultiLine",
   props: {

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

@@ -1,8 +1,8 @@
-import { defineComponent as n, createBlock as r, openBlock as l, resolveDynamicComponent as a, normalizeClass as e, withCtx as k, renderSlot as p, withDirectives as m, createElementVNode as c, vShow as d } from "vue";
+import { defineComponent as n, createBlock as r, openBlock as l, resolveDynamicComponent as a, normalizeClass as e, withCtx as k, renderSlot as p, withDirectives as c, createElementVNode as m, vShow as d } from "vue";
 const v = /* @__PURE__ */ n({
   __name: "BaseTabItem",
   props: {
-    component: { default: "button" },
+    component: { type: [Object, Function, String], default: "button" },
     activeBorderPosition: { default: "bottom" },
     isActive: { type: Boolean, default: !1 }
   },
@@ -21,7 +21,7 @@ const v = /* @__PURE__ */ n({
     }, {
       default: k(() => [
         p(t.$slots, "default"),
-        m(c("div", {
+        c(m("div", {
           class: e([
             "uikit-absolute uikit-left-1/2 uikit-h-2xs uikit-w-[56px] -uikit-translate-x-1/2 uikit-bg-w-blue",
             t.activeBorderPosition === "top" ? "uikit-top-0 uikit-rounded-t-3xs" : "uikit-bottom-0 uikit-rounded-b-3xs"

package/dist/{lib → packages/components/lib}/chart/DoughnutChart.vue.js

@@ -1,7 +1,7 @@
 import { defineComponent as u, onBeforeMount as i, createBlock as p, createCommentVNode as m, unref as t, openBlock as c } from "vue";
 import { Doughnut as l } from "vue-chartjs";
 import { Chart as d, DoughnutController as f, ArcElement as g } from "chart.js";
-import { useChartJsModules as h } from "../../chart/composables/useChartjsModules.js";
+import { useChartJsModules as h } from "../../../../chart/composables/useChartjsModules.js";
 const y = /* @__PURE__ */ u({
   __name: "DoughnutChart",
   props: {

package/dist/{lib → packages/components/lib}/chart/LineChart.vue.js

@@ -1,7 +1,7 @@
 import { defineComponent as m, onBeforeMount as u, useTemplateRef as f, computed as d, createBlock as h, createCommentVNode as C, unref as t, openBlock as g } from "vue";
 import { Line as L } from "vue-chartjs";
 import { Chart as _, LineController as k, LineElement as x, Filler as y, PointElement as B, CategoryScale as E, LinearScale as v } from "chart.js";
-import { useChartJsModules as M } from "../../chart/composables/useChartjsModules.js";
+import { useChartJsModules as M } from "../../../../chart/composables/useChartjsModules.js";
 const A = /* @__PURE__ */ m({
   __name: "LineChart",
   props: {

package/dist/{lib → packages/components/lib}/components/carousel/SwiperCarousel.vue.js

@@ -1,12 +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/swiper/modules/zoom.js";
-import '../../../assets/node_modules/swiper/modules/zoom.css';import '../../../assets/node_modules/swiper/swiper.css';/* empty css                                      */
-/* empty css                                            */
-import "../../../node_modules/js-cookie/dist/js.cookie.js";
-import { shallowCopyObjectTo as _ } from "../../../node_modules/@wikicasa-dev/utilities/dist/utils/ObjectUtils.js";
+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 "../../../../../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 "../../../_virtual/polyline.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({
   inheritAttrs: !1,
   __name: "SwiperCarousel",

package/dist/{plugins → packages/components/plugins}/buttonPlugin.js

@@ -1,4 +1,4 @@
-import n from "../_virtual/plugin.js";
+import n from "../../../_virtual/plugin.js";
 const o = {
   //New colors
   primary: { value: "#F20282", hover: "#E30C79", outlineHover: "#FFF8FB" },

package/dist/tailwind.config.js

@@ -1,7 +1,7 @@
 import o from "./_virtual/plugin.js";
-import { buttonPlugin as i } from "./plugins/buttonPlugin.js";
+import { buttonPlugin as i } from "./packages/components/plugins/buttonPlugin.js";
 import n from "./_virtual/defaultTheme.js";
-const e = {
+const p = {
   screens: {
     xs: "360px",
     sm: "640px",
@@ -18,24 +18,28 @@ const e = {
     semibold: 600
   },
   lineHeight: {
-    6: "1.5rem",
-    7: "1.75rem"
+    "16px": "16px",
+    "20px": "20px",
+    "24px": "24px",
+    "28px": "28px",
+    "30px": "30px"
   },
   fontSize: {
-    10: "10px",
     12: "12px",
-    DEFAULT: "14px",
+    14: "14px",
     16: "16px",
-    18: "18px",
     20: "20px",
     22: "22px"
   },
   borderRadius: {
     none: "0",
-    "3xs": "4px",
-    "2xs": "8px",
-    xs: "12px",
-    DEFAULT: "20px",
+    "2xs": "4px",
+    xs: "8px",
+    sm: "12px",
+    md: "16px",
+    lg: "24px",
+    xl: "32px",
+    "2xl": "40px",
     full: "9999px"
   },
   aspectRatio: {
@@ -81,12 +85,11 @@ const e = {
   },
   dropShadow: {},
   extend: {
-    //TEMP: alla fine ci dovranno essere SOLO questi valori per lo spacing (e.g. margin, padding, top,left,right,bottom...)
     aria: {
       invalid: 'invalid="true"'
     }
   }
-}, s = {
+}, l = {
   darkMode: ["selector", "[class*='htw-dark']"],
   prefix: "uikit-",
   content: [
@@ -94,7 +97,7 @@ const e = {
     "./lib/**/*.{vue,ts}",
     "./stories/**/*.{story.vue,ts}"
   ],
-  theme: e,
+  theme: p,
   corePlugins: {
     preflight: !1
   },
@@ -139,6 +142,6 @@ const e = {
   ]
 };
 export {
-  s as default,
-  e as twTheme
+  l as default,
+  p as twTheme
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wikicasa-dev/components",
-  "version": "2.1.4-alpha.19",
+  "version": "2.1.4-alpha.20",
   "description": "Wikicasa frontend components",
   "type": "module",
   "main": "./dist/index.js",

package/dist/assets/lib/UIKit/BaseAutocomplete.css

@@ -1 +0,0 @@
-.uikit-input-wrapper{--input-height: 40px}.uikit-input-wrapper .text-input-icon{--icon-top: 10px}

package/dist/assets/lib/UIKit/BaseBadge.css

@@ -1 +0,0 @@
-.uikit-badge{--uikit-badge-text-color: #fff;color:var(--uikit-badge-text-color)}.uikit-badge-w-warning{--tw-bg-opacity: 1;background-color:rgb(255 209 103 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(22 47 128 / var(--tw-text-opacity, 1))}.uikit-badge-w-lavender{--tw-bg-opacity: 1;background-color:rgb(22 47 128 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(22 47 128 / var(--tw-text-opacity, 1));--tw-shadow: 0 1px 6px #79797929;--tw-shadow-colored: 0 1px 6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.uikit-badge-outline-tag{border-radius:20px;border-width:1px;border-style:solid;--tw-border-opacity: 1;border-color:rgb(34 34 34 / var(--tw-border-opacity, 1));padding:8px 18px;font-weight:400;--tw-text-opacity: 1;color:rgb(34 34 34 / var(--tw-text-opacity, 1))}.uikit-badge-outline-tag-listing{border-radius:20px;border-width:1px;border-style:solid;--tw-border-opacity: 1;border-color:rgb(34 34 34 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));font-size:12px;font-weight:400;--tw-text-opacity: 1;color:rgb(34 34 34 / var(--tw-text-opacity, 1))}.uikit-badge-w-pink-sm{height:24px;border-radius:10px;--tw-bg-opacity: 1;background-color:rgb(242 2 130 / var(--tw-bg-opacity, 1));font-size:10px;font-weight:500;line-height:inherit;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.uikit-badge-w-darkblue{--tw-bg-opacity: 1;background-color:rgb(242 0 3 / var(--tw-bg-opacity, 1));padding-left:11px;padding-right:11px}@media (min-width: 640px){.uikit-badge-w-darkblue{padding-right:8px;font-size:12px}}.uikit-badge-w-danger{--tw-bg-opacity: 1;background-color:rgb(242 0 3 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.uikit-badge-gold{background:transparent linear-gradient(125deg,#d1953b,#deb762) 0% 0% no-repeat padding-box}.uikit-badge-silver{background:transparent linear-gradient(166deg,#cbcbcb,#a7a7a7 54%,#cbcbcb) 0% 0% no-repeat padding-box}.uikit-badge-premium{background:transparent linear-gradient(151deg,#272727,#696969 52%,#272727) 0% 0% no-repeat padding-box}.uikit-badge-luxury{--tw-bg-opacity: 1;background-color:rgb(22 47 128 / var(--tw-bg-opacity, 1))}.uikit-badge-alert{background-color:#2222227f}.uikit-badge-new{border-width:1px;border-style:solid;--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(242 2 130 / var(--tw-bg-opacity, 1))}.uikit-badge-discount{--uikit-badge-text-color: #222222;--tw-bg-opacity: 1;background-color:rgb(244 247 255 / var(--tw-bg-opacity, 1))}