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

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

@@ -0,0 +1,93 @@
+import { defineComponent as g, mergeModels as c, useModel as k, createBlock as m, openBlock as a, unref as h, normalizeClass as y, withCtx as d, createElementBlock as p, Fragment as v, renderList as I, renderSlot as C, createTextVNode as M, toDisplayString as V } from "vue";
+import { ToggleGroupRoot as b } from "reka-ui";
+import S from "./SegmentedControlItem.vue.js";
+const E = /* @__PURE__ */ g({
+  __name: "SegmentedControl",
+  props: /* @__PURE__ */ c({
+    items: { default: () => [] },
+    type: { default: "single" }
+  }, {
+    modelValue: {
+      required: !0
+    },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(i) {
+    const o = k(i, "modelValue");
+    let u = null, r = null;
+    const s = (e = 0, l = 0) => {
+      u = e, r = l;
+      const t = [];
+      for (let n = e; n <= l; n++)
+        t.push(i.items[n]);
+      o.value = t;
+    }, f = (e = 0) => {
+      if (i.type === "single") {
+        o.value = i.items[e];
+        return;
+      }
+      if (i.items[e].single) {
+        u = null, r = null, o.value = [i.items[e]];
+        return;
+      }
+      if (u === null && r === null) {
+        s(e, i.items.length);
+        return;
+      }
+      const l = Math.min(u ?? 1 / 0, r ?? 1 / 0), t = Math.max(
+        u ?? -1 / 0,
+        r ?? -1 / 0
+      );
+      if (e < l) {
+        s(e, t);
+        return;
+      }
+      if (e > t) {
+        s(l, e);
+        return;
+      }
+      if (e === l || e === t) {
+        s(e, e);
+        return;
+      }
+      s(l, e);
+    };
+    return (e, l) => (a(), m(h(b), {
+      type: e.type,
+      class: y([
+        "uikit-rounded-2xs uikit-border uikit-border-solid uikit-border-w-lightgray uikit-text-16",
+        {
+          "uikit-grid uikit-grid-cols-2": e.items.length === 2
+        },
+        {
+          "uikit-grid uikit-grid-cols-3": e.items.length === 3
+        },
+        {
+          "uikit-flex *:uikit-px-md *:uikit-py-sm [&_>_*:first-child]:uikit-px-sm [&_>_*:last-child]:uikit-px-sm": e.items.length === 6
+        }
+      ]),
+      "model-value": o.value
+    }, {
+      default: d(() => [
+        (a(!0), p(v, null, I(e.items, (t, n) => (a(), m(S, {
+          key: `segmented-control-item-${n}`,
+          theme: e.items.length === 6 ? "square" : "rounded",
+          value: t,
+          onClick: ($) => f(n)
+        }, {
+          default: d(() => [
+            C(e.$slots, "item", {}, () => [
+              M(V(t.label), 1)
+            ])
+          ]),
+          _: 2
+        }, 1032, ["theme", "value", "onClick"]))), 128))
+      ]),
+      _: 3
+    }, 8, ["type", "class", "model-value"]));
+  }
+});
+export {
+  E as default
+};

package/dist/packages/components/lib/UIKit/SegmentedControl/SegmentedControlItem.vue.js

@@ -0,0 +1,30 @@
+import { defineComponent as t, createBlock as i, openBlock as a, unref as u, normalizeClass as o, withCtx as r, renderSlot as s } from "vue";
+import { ToggleGroupItem as d } from "reka-ui";
+const m = /* @__PURE__ */ t({
+  __name: "SegmentedControlItem",
+  props: {
+    value: {},
+    as: {},
+    theme: { default: "rounded" }
+  },
+  setup(n) {
+    return (e, l) => (a(), i(u(d), {
+      value: e.value,
+      as: e.as,
+      class: o(["uikit-h-[46px] uikit-w-full uikit-appearance-none uikit-bg-transparent uikit-outline-none [font-size:inherit] focus-visible:uikit-shadow-[0_0_0_2px_#2b5dff] data-[active]:uikit-border data-[active]:uikit-border-solid data-[active]:uikit-border-w-blue data-[active]:uikit-bg-w-ghost data-[active]:uikit-font-medium data-[active]:uikit-text-w-blue", [
+        { "uikit-rounded-2xs": e.theme === "rounded" },
+        {
+          "first:uikit-rounded-l-2xs last:uikit-rounded-r-2xs": e.theme === "square"
+        }
+      ]])
+    }, {
+      default: r(() => [
+        s(e.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["value", "as", "class"]));
+  }
+});
+export {
+  m as default
+};

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

@@ -1,21 +1,22 @@
-import { defineComponent as i, createElementBlock as s, openBlock as l, normalizeClass as t, createElementVNode as r, renderSlot as a } from "vue";
-const m = /* @__PURE__ */ i({
+import { defineComponent as i, createElementBlock as s, openBlock as l, normalizeStyle as r, normalizeClass as t, createElementVNode as a, renderSlot as o } from "vue";
+const d = /* @__PURE__ */ i({
   inheritAttrs: !1,
   __name: "BaseShimmerLoader",
   props: {
     shimmerClasses: { default: "" }
   },
-  setup(o) {
-    return (e, u) => (l(), s("div", {
-      class: t(["uikit-relative uikit-overflow-hidden uikit-bg-w-lavender", e.$attrs.class])
+  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]),
+      style: r(e.$attrs.style)
     }, [
-      r("div", {
+      a("div", {
         class: t(["shimmer uikit-absolute uikit-bottom-0 uikit-left-0 uikit-right-0 uikit-top-0 uikit-h-full -uikit-translate-x-full", e.shimmerClasses])
       }, null, 2),
-      a(e.$slots, "default", {}, void 0, !0)
-    ], 2));
+      o(e.$slots, "default")
+    ], 6));
   }
 });
 export {
-  m as default
+  d as default
 };

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

@@ -1,6 +1,7 @@
-import { defineComponent as i, createElementBlock as n, openBlock as r, Fragment as s, renderList as l, createBlock as a, normalizeStyle as m, normalizeClass as o } from "vue";
-import u from "../../../../../UIKit/ShimmerLoader/BaseShimmerLoader.js";
-const c = /* @__PURE__ */ i({
+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/packages/components/lib/UIKit/ShimmerLoader/BaseShimmerLoader.css';/* empty css                       */
+const k = /* @__PURE__ */ i({
   __name: "ShimmerMultiLine",
   props: {
     lines: { default: 1 },
@@ -9,21 +10,21 @@ const c = /* @__PURE__ */ i({
     inheritHeight: { type: Boolean, default: !1 }
   },
   setup(h) {
-    return (e, d) => (r(!0), n(s, null, l(e.lines, (t) => (r(), a(u, {
+    return (e, f) => (r(!0), n(s, null, l(e.lines, (t) => (r(), m(u, {
+      key: `sml-${t}`,
       ref_for: !0,
       ref: "shimmerLines",
       class: o(["shimmer-line", [
         e.shimmerClasses,
-        e.inheritHeight ? "uikit-h-[1em]" : "uikit-h-8",
-        "uikit-mb-2 uikit-rounded-xs"
+        e.inheritHeight ? "uikit-h-[1em]" : "uikit-h-xl",
+        "uikit-mb-xs uikit-rounded-xs"
       ]]),
-      key: `sml-${t}`,
-      style: m({
+      style: a({
         marginRight: e.randomLength ? `${Math.round(Math.random() * 5) * 10}%` : 0
       })
     }, null, 8, ["class", "style"]))), 128));
   }
 });
 export {
-  c as default
+  k as default
 };

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

@@ -0,0 +1,39 @@
+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: { type: [Object, Function, String], default: "button" },
+    activeBorderPosition: { default: "bottom" },
+    isActive: { type: Boolean, default: !1 }
+  },
+  emits: ["click"],
+  setup(b, { emit: o }) {
+    const s = o;
+    return (t, i) => (l(), r(a(t.component), {
+      class: e([
+        "uikit-relative uikit-min-w-[56px] uikit-bg-transparent uikit-text hover:uikit-cursor-pointer",
+        {
+          "uikit-font-semibold uikit-text-w-blue": t.isActive
+        },
+        t.activeBorderPosition === "top" ? "uikit-pb-2xs uikit-pt-sm" : "uikit-pb-sm uikit-pt-2xs"
+      ]),
+      onClick: i[0] || (i[0] = (u) => s("click", u))
+    }, {
+      default: k(() => [
+        p(t.$slots, "default"),
+        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"
+          ])
+        }, null, 2), [
+          [d, t.isActive]
+        ])
+      ]),
+      _: 3
+    }, 8, ["class"]));
+  }
+});
+export {
+  v as default
+};

package/dist/packages/components/lib/UIKit/Tab/BaseTabList.vue.js

@@ -1,43 +1,46 @@
-import { defineComponent as p, inject as l, createElementBlock as r, openBlock as a, normalizeClass as o, Fragment as m, renderList as h, unref as i, createBlock as y, createCommentVNode as C, toDisplayString as _, resolveDynamicComponent as f } from "vue";
-const v = ["aria-labelledby"], B = ["id", "data-cy", "aria-selected", "aria-controls", "tabindex", "onClick"], F = { key: 0 }, $ = /* @__PURE__ */ p({
+import { defineComponent as C, inject as n, createElementBlock as o, openBlock as i, normalizeClass as l, Fragment as u, renderList as h, unref as s, createBlock as c, withCtx as k, createCommentVNode as v, toDisplayString as _, resolveDynamicComponent as f } from "vue";
+import B from "./BaseTabItem.vue.js";
+const F = ["aria-labelledby", "data-cy"], L = { key: 0 }, D = /* @__PURE__ */ C({
   __name: "BaseTabList",
   props: {
+    dataCy: {},
     uid: {},
-    tabListClasses: { default: "" }
+    tabListClasses: {},
+    activeBorderPosition: {}
   },
   emits: ["tabClick"],
-  setup(L, { emit: c }) {
-    const d = l("tabs"), s = l("isTabActive"), b = l("handleClick"), u = c;
-    return (n, g) => (a(), r("div", {
+  setup($, { emit: d }) {
+    const b = n("tabs"), r = n("isTabActive"), m = n("handleClick"), p = d;
+    return (t, T) => (i(), o("div", {
       role: "tablist",
-      "aria-labelledby": `tablist-${n.uid}`,
-      class: o(n.tabListClasses)
+      "aria-labelledby": `tablist-${t.uid}`,
+      class: l(t.tabListClasses),
+      "data-cy": t.dataCy
     }, [
-      (a(!0), r(m, null, h(i(d), (e, t) => (a(), r("button", {
+      (i(!0), o(u, null, h(s(b), (e, a) => (i(), c(B, {
         id: e.tabId,
-        key: t,
+        key: a,
+        "active-border-position": t.activeBorderPosition,
+        "is-active": s(r)(a),
         "data-cy": e["data-cy"],
         type: "button",
         role: "tab",
-        "aria-selected": i(s)(t),
-        "aria-controls": `base-tab-panel-${t}-${n.uid}`,
-        tabindex: i(s)(t) ? void 0 : -1,
-        class: o([
-          "uikit-bg-transparent uikit-p-5px",
-          {
-            "uikit-border-b-2 uikit-border-solid uikit-border-w-primary uikit-font-semibold": i(s)(t)
-          },
-          e.class
-        ]),
-        onClick: (k) => {
-          i(b)(t, e), u("tabClick", k, t, e);
+        "aria-selected": s(r)(a),
+        "aria-controls": `base-tab-panel-${a}-${t.uid}`,
+        tabindex: s(r)(a) ? void 0 : -1,
+        class: l(e.class),
+        onClick: (y) => {
+          s(m)(a, e), p("tabClick", y, a, e);
         }
-      }, [
-        e["header-title"] ? (a(), r("span", F, _(e["header-title"]), 1)) : e.renderFn.children && e.renderFn.children.header ? (a(), y(f(e.renderFn.children.header), { key: 1 })) : C("", !0)
-      ], 10, B))), 128))
-    ], 10, v));
+      }, {
+        default: k(() => [
+          e["header-title"] ? (i(), o("span", L, _(e["header-title"]), 1)) : e.renderFn.children && e.renderFn.children.header ? (i(), c(f(e.renderFn.children.header), { key: 1 })) : v("", !0)
+        ]),
+        _: 2
+      }, 1032, ["id", "active-border-position", "is-active", "data-cy", "aria-selected", "aria-controls", "tabindex", "class", "onClick"]))), 128))
+    ], 10, F));
   }
 });
 export {
-  $ as default
+  D as default
 };

package/dist/packages/components/lib/UIKit/Tab/BaseTabView.vue.js

@@ -1,10 +1,10 @@
-import { defineComponent as S, mergeModels as C, useModel as z, ref as b, useId as j, useSlots as q, computed as G, provide as v, watch as k, createElementBlock as p, openBlock as l, normalizeClass as I, createElementVNode as H, createBlock as d, createCommentVNode as o, unref as f, toDisplayString as J, Fragment as g, renderList as K, withCtx as O, resolveDynamicComponent as Q } from "vue";
+import { defineComponent as S, mergeModels as T, useModel as z, ref as b, useId as j, useSlots as q, computed as G, provide as p, watch as k, createElementBlock as v, openBlock as i, normalizeClass as I, createElementVNode as H, createBlock as o, createCommentVNode as c, unref as f, toDisplayString as J, Fragment as g, renderList as K, withCtx as O, resolveDynamicComponent as Q } from "vue";
 import R from "./BaseTabPanel.vue.js";
 import P from "./BaseTabList.vue.js";
 const U = ["data-cy"], W = ["id"], te = /* @__PURE__ */ S({
   inheritAttrs: !1,
   __name: "BaseTabView",
-  props: /* @__PURE__ */ C({
+  props: /* @__PURE__ */ T({
     tabsPosition: { default: "top" },
     tabViewDescription: {},
     tabListClasses: {},
@@ -13,36 +13,36 @@ const U = ["data-cy"], W = ["id"], te = /* @__PURE__ */ S({
     activeIdx: { default: 0 },
     activeIdxModifiers: {}
   }),
-  emits: /* @__PURE__ */ C(["tabClicked"], ["update:activeIdx"]),
-  setup(_, { emit: x }) {
-    const B = x, i = z(_, "activeIdx"), $ = b(""), u = b(null), A = b(null), r = j(), m = q(), c = (e) => e.props ?? null, h = (e) => e.type.__name === "BaseTab", y = (e, a) => ({
+  emits: /* @__PURE__ */ T(["tabClicked"], ["update:activeIdx"]),
+  setup($, { emit: B }) {
+    const A = B, l = z($, "activeIdx"), _ = b(""), u = b(null), F = b(null), r = j(), m = q(), d = (e) => e.props ?? null, y = (e) => e.type.__name === "BaseTab", h = (e, a) => ({
       renderFn: e,
-      tabId: T(a),
-      "active-tab-panel-idx": c(e)?.["active-tab-panel-idx"] ?? a,
-      "header-title": c(e)?.["header-title"] || "",
-      class: c(e)?.class || "",
-      "tab-panel-classes": c(e)?.["tab-panel-classes"] || "",
-      "data-cy": c(e)?.["data-cy"] || ""
+      tabId: C(a),
+      "active-tab-panel-idx": d(e)?.["active-tab-panel-idx"] ?? a,
+      "header-title": d(e)?.["header-title"] || "",
+      class: d(e)?.class || "",
+      "tab-panel-classes": d(e)?.["tab-panel-classes"] || "",
+      "data-cy": d(e)?.["data-cy"] || ""
     }), n = G(() => m.default ? m.default().reduce((e, a) => (a.children && Array.isArray(a.children) ? a.children.forEach((t) => {
-      h(t) && e.push(y(t, e.length));
-    }) : h(a) && e.push(y(a, e.length)), e), []) : []);
-    v("tabs", n), v("isTabActive", (e) => i.value === e);
-    const F = (e = -1) => u.value === e, T = (e) => `base-tab-${e}-${r}`, V = (e = -1) => `base-tab-panel-${e}-${r}`, w = (e = -1) => {
+      y(t) && e.push(h(t, e.length));
+    }) : y(a) && e.push(h(a, e.length)), e), []) : []);
+    p("tabs", n), p("isTabActive", (e) => l.value === e);
+    const V = (e = -1) => u.value === e, C = (e) => `base-tab-${e}-${r}`, w = (e = -1) => `base-tab-panel-${e}-${r}`, x = (e = -1) => {
       const a = n.value.reduce(
         (t, s, N) => (s["active-tab-panel-idx"] !== e || t.push({ tab: s, idx: N }), t),
         []
       );
-      return a && a.length === 1 ? a[0].tab.tabId : a.find((t) => t.idx === i.value)?.tab.tabId;
+      return a && a.length === 1 ? a[0].tab.tabId : a.find((t) => t.idx === l.value)?.tab.tabId;
     }, D = (e) => {
-      $.value = T(e);
+      _.value = C(e);
     }, L = (e) => {
       const a = n.value.at(e ?? -1);
       u.value = a?.["active-tab-panel-idx"] ?? null;
     };
-    v("handleClick", (e, a) => {
-      D(e), i.value = e, B("tabClicked", { tabIdx: e, tabElement: a });
+    p("handleClick", (e, a) => {
+      D(e), l.value = e, A("tabClicked", { tabIdx: e, tabElement: a });
     }), k(
-      i,
+      l,
       (e) => {
         L(e ?? -1);
       },
@@ -61,11 +61,11 @@ const U = ["data-cy"], W = ["id"], te = /* @__PURE__ */ S({
         const t = E(e, a);
         if (t === null) return;
         const s = n.value[t]["active-tab-panel-idx"];
-        i.value !== t || s === void 0 || (u.value = s);
+        l.value !== t || s === void 0 || (u.value = s);
       }
-    ), (e, a) => (l(), p("div", {
+    ), (e, a) => (i(), v("div", {
       ref_key: "root",
-      ref: A,
+      ref: F,
       class: I(e.$attrs.class),
       "data-cy": e.dataCy
     }, [
@@ -73,30 +73,34 @@ const U = ["data-cy"], W = ["id"], te = /* @__PURE__ */ S({
         id: `tablist-${f(r)}`,
         class: "uikit-sr-only"
       }, J(e.tabViewDescription), 9, W),
-      e.tabsPosition === "top" ? (l(), d(P, {
+      e.tabsPosition === "top" ? (i(), o(P, {
         key: 0,
         uid: f(r),
-        "tab-list-classes": e.tabListClasses
-      }, null, 8, ["uid", "tab-list-classes"])) : o("", !0),
-      (l(!0), p(g, null, K(n.value, (t, s) => (l(), p(g, { key: s }, [
-        M(s) ? (l(), d(R, {
+        "tab-list-classes": e.tabListClasses,
+        "data-cy": e.dataCy ? `${e.dataCy}-tab-list` : "",
+        "active-border-position": "bottom"
+      }, null, 8, ["uid", "tab-list-classes", "data-cy"])) : c("", !0),
+      (i(!0), v(g, null, K(n.value, (t, s) => (i(), v(g, { key: s }, [
+        M(s) ? (i(), o(R, {
           key: 0,
-          id: V(t["active-tab-panel-idx"]),
-          "labelled-by": w(s) ?? "",
-          active: F(s),
+          id: w(t["active-tab-panel-idx"]),
+          "labelled-by": x(s) ?? "",
+          active: V(s),
           class: I(t["tab-panel-classes"])
         }, {
           default: O(() => [
-            t.renderFn.children && t.renderFn.children.default ? (l(), d(Q(t.renderFn.children.default), { key: 0 })) : o("", !0)
+            t.renderFn.children && t.renderFn.children.default ? (i(), o(Q(t.renderFn.children.default), { key: 0 })) : c("", !0)
           ]),
           _: 2
-        }, 1032, ["id", "labelled-by", "active", "class"])) : o("", !0)
+        }, 1032, ["id", "labelled-by", "active", "class"])) : c("", !0)
       ], 64))), 128)),
-      e.tabsPosition === "bottom" ? (l(), d(P, {
+      e.tabsPosition === "bottom" ? (i(), o(P, {
         key: 1,
         uid: f(r),
-        "tab-list-classes": e.tabListClasses
-      }, null, 8, ["uid", "tab-list-classes"])) : o("", !0)
+        "tab-list-classes": e.tabListClasses,
+        "data-cy": e.dataCy ? `${e.dataCy}-tab-list` : "",
+        "active-border-position": "top"
+      }, null, 8, ["uid", "tab-list-classes", "data-cy"])) : c("", !0)
     ], 10, U));
   }
 });

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

@@ -1,7 +1,7 @@
 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.6/node_modules/swiper/modules/zoom.js";
-import '../../../../../assets/node_modules/.pnpm/swiper@11.2.6/node_modules/swiper/modules/zoom.css';import '../../../../../assets/node_modules/.pnpm/swiper@11.2.6/node_modules/swiper/swiper.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.21/node_modules/@wikicasa-dev/utilities/dist/utils/ObjectUtils.js";
@@ -184,7 +184,7 @@ const ee = ["id"], te = ["id", "data-cy"], se = ["data-idx", "alt", "width", "he
                   },
                   class: ["disable-select", [e.$attrs["slide-img-classes"] || t.classes]],
                   "data-idx": `${d.value}-slide-img-${a}`
-                }, z(t, a), {
+                }, { ref_for: !0 }, z(t, a), {
                   alt: t.alt,
                   itemprop: "image",
                   width: t.width,
@@ -231,9 +231,8 @@ const ee = ["id"], te = ["id", "data-cy"], se = ["data-idx", "alt", "width", "he
             class: p(["swiper-slide", e.$attrs["thumb-img-wrapper-classes"]])
           }, [
             v("img", T({
-              class: e.$attrs["thumb-img-classes"],
-              ref_for: !0
-            }, z(t, -1, !1), {
+              class: e.$attrs["thumb-img-classes"]
+            }, { ref_for: !0 }, z(t, -1, !1), {
               alt: t.alt
             }), null, 16, ae)
           ], 2))), 128))

package/dist/utils.d.ts

@@ -1 +1 @@
-export declare const getUID: (prefix?: string) => string;
+export declare const log: <T>(message: string, payload: T) => void;

package/dist/utils.js

@@ -1,5 +1,7 @@
-var t = 0;
-const e = (r = "uikit_id_") => (t++, `${r}${t}`);
+const c = (o, l) => console.log("DEBUG:", {
+  message: o,
+  payload: l
+});
 export {
-  e as getUID
+  c as log
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wikicasa-dev/components",
-  "version": "2.1.3",
+  "version": "2.1.4-alpha.1",
   "description": "Wikicasa frontend components",
   "type": "module",
   "main": "./dist/index.js",
@@ -41,43 +41,46 @@
   },
   "homepage": "https://bitbucket.org/wikicasa/wikicasa-fe#readme",
   "dependencies": {
-    "caniuse-lite": "^1.0.30001715",
+    "@vuepic/vue-datepicker": "^11.0.2",
+    "caniuse-lite": "^1.0.30001722",
     "chart.js": "^4.4.9",
     "chartjs-adapter-date-fns": "^3.0.0",
     "date-fns": "^4.1.0",
-    "swiper": "^11.2.6",
-    "vue": "3.5.13",
+    "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.27.0",
+    "@babel/eslint-parser": "^7.27.5",
     "@histoire/plugin-vue": "^1.0.0-alpha.2",
-    "@types/node": "^22.14.1",
-    "@vitejs/plugin-vue": "^5.2.3",
+    "@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.11",
+    "@wikicasa-dev/svg-icons": "1.2.12",
     "@wikicasa-dev/tailwind-plugins": "^0.0.3",
-    "@wikicasa-dev/types": "2.1.2",
+    "@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.25",
-    "eslint-plugin-vue": "^10.0.0",
-    "glob": "^11.0.1",
+    "eslint": "^9.28",
+    "eslint-plugin-vue": "^10.2.0",
+    "glob": "^11.0.2",
     "histoire": "^1.0.0-alpha.2",
-    "postcss": "^8.5.3",
+    "postcss": "^8.5.5",
     "prettier": "^3.5.3",
-    "prettier-plugin-tailwindcss": "^0.6.11",
-    "rollup-plugin-visualizer": "^5.14.0",
+    "prettier-plugin-tailwindcss": "^0.6.12",
+    "rollup-plugin-visualizer": "^6.0.3",
     "tailwindcss": "^3.4.15",
     "typescript": "^5.8.3",
-    "vite": "^6.3.2",
-    "vite-plugin-dts": "^4.5.3",
+    "vite": "^6.3.5",
+    "vite-plugin-dts": "^4.5.4",
     "vite-plugin-lib-inject-css": "^2.2.2",
-    "vue-tsc": "^2.2.8"
+    "vite-plugin-vue-devtools": "^7.7.6",
+    "vue-tsc": "^2.2.10"
   },
   "readme": "ERROR: No README data found!",
   "scripts": {

package/dist/UIKit/Slider/SimpleSlider.d.ts

@@ -1,19 +0,0 @@
-import { Optional } from '@wikicasa-dev/types';
-type __VLS_Props = {
-    min?: number;
-    max?: number;
-    step?: number;
-    dataCy?: string;
-    logarithmic?: boolean;
-};
-type __VLS_PublicProps = {
-    modelValue?: Optional<number>;
-} & __VLS_Props;
-declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (value: Optional<number>) => any;
-}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: Optional<number>) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    customSlider: HTMLDivElement;
-}, HTMLDivElement>;
-export default _default;

package/dist/UIKit/Slider/SimpleSlider.js

@@ -1,7 +0,0 @@
-import o from "../../packages/components/lib/UIKit/Slider/SimpleSlider.vue.js";
-import '../../assets/packages/components/lib/UIKit/Slider/SimpleSlider.css';/* empty css                                                           */
-import r from "../../_virtual/_plugin-vue_export-helper.js";
-const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-54b825e3"]]);
-export {
-  p as default
-};

package/dist/assets/packages/components/lib/UIKit/BaseSlider.css

@@ -1 +0,0 @@
-[data-v-581ec7f4] .form-control{max-width:none!important}.range_container[data-v-581ec7f4]{padding-top:15px}.sliders_control[data-v-581ec7f4]{position:relative;min-height:30px}.form_control[data-v-581ec7f4]{position:relative;display:flex;justify-content:space-between;font-size:24px;color:#635a5a}input[type=range][data-v-581ec7f4]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:3px;width:100%;position:absolute;background-color:#b4c2f0;pointer-events:none}input[type=range][data-v-581ec7f4]::-webkit-slider-thumb:hover{background:#f7f7f7}input[type=range][data-v-581ec7f4]::-webkit-slider-thumb:active{box-shadow:inset 0 0 3px #387bbe,0 0 9px #387bbe;-webkit-box-shadow:inset 0 0 3px #387bbe,0 0 9px #387bbe}input[type=range][data-v-581ec7f4]::-moz-range-thumb{-moz-appearance:none;appearance:none;pointer-events:all;width:24px;height:24px;background-color:#fff;border-radius:50%;box-shadow:0 0 0 1px #c6c6c6;cursor:pointer}input[type=range][data-v-581ec7f4]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;pointer-events:all;width:24px;height:24px;background-color:#fff;border:2px solid #2B5DFF;border-radius:50%;cursor:pointer}input[type=number][data-v-581ec7f4]{color:#8a8383;width:50px;height:30px;font-size:20px;border:none}input[type=number][data-v-581ec7f4]::-webkit-inner-spin-button,input[type=number][data-v-581ec7f4]::-webkit-outer-spin-button{opacity:1}.fromSlider[data-v-581ec7f4]{height:0!important;z-index:1}.toSlider[data-v-581ec7f4]{height:3px!important}

package/dist/assets/packages/components/lib/UIKit/BaseToggle.css

@@ -1 +0,0 @@
-.switch-container[data-v-1e6f488b]{--switch-width: 40px;--switch-height: 22px;--switch-border-radius: 20px;--switch-circle-dim: 22px;--switch-active-transition-x-offset: 1px;--switch-active-transition-x: translateX( calc( var(--switch-width) - var(--switch-circle-dim) + var(--switch-active-transition-x-offset) ) )}.switch[data-v-1e6f488b]{width:var(--switch-width);height:var(--switch-height)}.switch input:checked+.slider[data-v-1e6f488b]:before{transform:var(--switch-active-transition-x)}.slider.round[data-v-1e6f488b]{border-radius:var(--switch-border-radius)}

package/dist/assets/packages/components/lib/UIKit/Checkbox/CheckboxBtn.css

@@ -1 +0,0 @@
-.checked-bg[data-v-505c1129]:checked{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cg transform='translate(-307 -2432)'%3E%3Crect width='16' height='16' fill='%232b5dff' data-name='Rettangolo 2689' rx='3' transform='translate(307 2432)'/%3E%3Cpath fill='none' stroke='%23f4f7ff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m319.499 2437.499-6 6Zm-9 3 3 3Z' data-name='Unione 5'/%3E%3C/g%3E%3C/svg%3E")}.checked-bg-invalid[data-v-505c1129]:checked{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cg transform='translate(-307 -2432)'%3E%3Crect width='16' height='16' fill='%23FA4F64' data-name='Rettangolo 2689' rx='3' transform='translate(307 2432)'/%3E%3Cpath fill='none' stroke='%23f4f7ff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m319.499 2437.499-6 6Zm-9 3 3 3Z' data-name='Unione 5'/%3E%3C/g%3E%3C/svg%3E")}

package/dist/assets/packages/components/lib/UIKit/Slider/SimpleSlider.css

@@ -1 +0,0 @@
-.slider-track[data-v-54b825e3]{width:var(--0f43c897)}.slider-thumb[data-v-54b825e3]{left:var(--ec9c737a)}

package/dist/node_modules/.pnpm/@wikicasa-dev_utilities@1.1.21/node_modules/@wikicasa-dev/utilities/dist/utils/ArrayUtils.js

@@ -1,4 +0,0 @@
-const r = (t) => !t?.length;
-export {
-  r as isArrNullOrEmpty
-};

package/dist/node_modules/.pnpm/@wikicasa-dev_utilities@1.1.21/node_modules/@wikicasa-dev/utilities/dist/utils/DeviceDetectionUtils.js

@@ -1,4 +0,0 @@
-const s = () => navigator?.userAgent.includes("Windows");
-export {
-  s as isWindows
-};

package/dist/node_modules/.pnpm/@wikicasa-dev_utilities@1.1.21/node_modules/@wikicasa-dev/utilities/dist/utils/GenericUtils.js

@@ -1,12 +0,0 @@
-const c = (e, t) => new Promise((a, o) => {
-  setTimeout(() => {
-    try {
-      e && e(), a();
-    } catch {
-      o();
-    }
-  }, t);
-});
-export {
-  c as awaitableSetTimeout
-};