@wikicasa-dev/components 2.3.1-alpha.8 → 2.4.1-alpha.0

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

@@ -1,16 +1,17 @@
-import { defineComponent as x, mergeModels as I, useModel as w, ref as b, watch as y, nextTick as $, createBlock as s, openBlock as r, unref as i, withCtx as a, renderSlot as f, createVNode as n, normalizeClass as m, createCommentVNode as p, normalizeStyle as B } from "vue";
+import { defineComponent as b, mergeModels as I, useModel as w, ref as $, watch as y, nextTick as x, createBlock as u, openBlock as r, unref as i, withCtx as a, renderSlot as d, createVNode as n, normalizeClass as k, createCommentVNode as p, normalizeStyle as B } from "vue";
 import { CloseIcon as V } from "@wikicasa-dev/svg-icons";
 import { ToastProvider as D, ToastRoot as M, ToastTitle as P, ToastDescription as z, ToastClose as S, ToastAction as A, ProgressRoot as N, ProgressIndicator as R, ToastPortal as U, ToastViewport as h } from "reka-ui";
-const q = /* @__PURE__ */ x({
+const q = /* @__PURE__ */ b({
   inheritAttrs: !1,
   __name: "BaseSnackbar",
   props: /* @__PURE__ */ I({
     alertClass: { default: "primary" },
     duration: { default: 3e3 },
-    swipeDirection: { default: "right" },
+    swipeDirection: { default: "left" },
     to: { type: [String, Boolean], default: "body" },
     dataCy: { default: "" },
     withCloseIcon: { type: Boolean, default: !0 },
+    closeClasses: {},
     viewportClasses: { default: "" },
     type: { default: "foreground" }
   }, {
@@ -20,94 +21,95 @@ const q = /* @__PURE__ */ x({
     refreshModifiers: {}
   }),
   emits: ["update:open", "update:refresh"],
-  setup(t) {
-    const l = w(t, "open"), v = w(t, "refresh"), o = b(0);
-    let k, c;
-    const g = (e = 3e3) => {
+  setup(e) {
+    const l = w(e, "open"), v = w(e, "refresh"), o = $(0);
+    let c, m;
+    const C = (t = 3e3) => {
       o.value = 0;
-      const u = Date.now();
-      c = setInterval(() => {
-        const C = Date.now() - u;
-        o.value = Math.min(100, C / e * 100), o.value >= 100 && clearInterval(c);
+      const s = Date.now();
+      m = setInterval(() => {
+        const g = Date.now() - s;
+        o.value = Math.min(100, g / t * 100), o.value >= 100 && clearInterval(m);
       }, 30);
     }, T = () => {
-      clearTimeout(k), k = setTimeout(() => {
+      clearTimeout(c), c = setTimeout(() => {
         l.value = !1;
-      }, t.duration), g(t.duration);
+      }, e.duration), C(e.duration);
     };
     return y(
       l,
-      (e) => {
-        $(() => {
-          if (e) {
+      (t) => {
+        x(() => {
+          if (t) {
             T();
             return;
           }
-          clearInterval(c), clearTimeout(k), o.value = 0;
+          clearInterval(m), clearTimeout(c), o.value = 0;
         });
       },
       { immediate: !0 }
-    ), y(v, (e) => {
-      e && (l.value = !1, setTimeout(() => {
+    ), y(v, (t) => {
+      t && (l.value = !1, setTimeout(() => {
         l.value = !0, v.value = !1;
       }));
-    }), (e, u) => (r(), s(i(D), { "swipe-direction": t.swipeDirection }, {
+    }), (t, s) => (r(), u(i(D), { "swipe-direction": e.swipeDirection }, {
       default: a(() => [
-        f(e.$slots, "trigger", {
+        d(t.$slots, "trigger", {
           open: () => l.value = !0
         }),
         n(i(M), {
           open: l.value,
-          "onUpdate:open": u[1] || (u[1] = (d) => l.value = d),
-          duration: t.duration,
-          class: m(["uikit-toast-root uikit-relative uikit-flex uikit-gap-[8px] uikit-overflow-hidden uikit-rounded-[4px] uikit-p-[16px] uikit-text-16 uikit-font-medium uikit-shadow-surface sm:uikit-max-w-[460px]", ["uikit-alert", `uikit-alert-w-${t.alertClass}`, e.$attrs.class]]),
-          "data-cy": t.dataCy,
-          type: t.type
+          "onUpdate:open": s[1] || (s[1] = (f) => l.value = f),
+          duration: e.duration,
+          class: k(["uikit-toast-root uikit-relative uikit-box-border uikit-overflow-hidden uikit-rounded-[4px] uikit-p-[16px] uikit-text-16 uikit-font-medium uikit-shadow-surface sm:uikit-max-w-[460px]", ["uikit-alert", `uikit-alert-w-${e.alertClass}`, t.$attrs.class]]),
+          "data-cy": e.dataCy,
+          type: e.type
         }, {
           default: a(() => [
-            e.$slots.title ? (r(), s(i(P), {
+            t.$slots.title ? (r(), u(i(P), {
               key: 0,
               "as-child": ""
             }, {
               default: a(() => [
-                f(e.$slots, "title")
+                d(t.$slots, "title")
               ]),
               _: 3
             })) : p("", !0),
             n(i(z), { "as-child": "" }, {
               default: a(() => [
-                f(e.$slots, "default"),
-                t.withCloseIcon ? (r(), s(i(S), {
-                  key: 0,
-                  class: "uikit-ml-[16px] uikit-flex uikit-size-[24px] uikit-shrink-0 uikit-cursor-pointer uikit-appearance-none uikit-items-center uikit-justify-center uikit-rounded-full uikit-bg-[#C1C8D5]",
-                  "data-cy": "base-snackbar-close-btn"
-                }, {
-                  default: a(() => [
-                    n(i(V), {
-                      width: 12,
-                      height: 12,
-                      "stroke-color": "#fff"
-                    })
-                  ]),
-                  _: 1
-                })) : p("", !0)
+                d(t.$slots, "default")
               ]),
               _: 3
             }),
-            e.$slots["toast-action"] ? (r(), s(i(A), {
+            e.withCloseIcon ? (r(), u(i(S), {
               key: 1,
-              class: "[grid-area:_action]",
+              class: k(["uikit-ml-[16px] uikit-flex uikit-size-[24px] uikit-shrink-0 uikit-cursor-pointer uikit-appearance-none uikit-items-center uikit-justify-center uikit-rounded-full uikit-bg-[#C1C8D5]", e.closeClasses]),
+              "data-cy": "base-snackbar-close-btn"
+            }, {
+              default: a(() => [
+                d(t.$slots, "toast-close", {}, () => [
+                  n(i(V), {
+                    width: 12,
+                    height: 12,
+                    "stroke-color": "#fff"
+                  })
+                ])
+              ]),
+              _: 3
+            }, 8, ["class"])) : p("", !0),
+            t.$slots["toast-action"] ? (r(), u(i(A), {
+              key: 2,
               "as-child": "",
               "alt-text": "Goto schedule to undo"
             }, {
               default: a(() => [
-                f(e.$slots, "toast-action")
+                d(t.$slots, "toast-action")
               ]),
               _: 3
             })) : p("", !0),
             n(i(N), {
               modelValue: o.value,
-              "onUpdate:modelValue": u[0] || (u[0] = (d) => o.value = d),
+              "onUpdate:modelValue": s[0] || (s[0] = (f) => o.value = f),
               class: "uikit-absolute uikit-bottom-0 uikit-left-0 uikit-h-[4px] uikit-w-full uikit-overflow-hidden"
             }, {
               default: a(() => [
@@ -121,19 +123,19 @@ const q = /* @__PURE__ */ x({
           ]),
           _: 3
         }, 8, ["open", "duration", "class", "data-cy", "type"]),
-        t.to ? (r(), s(i(U), {
+        e.to ? (r(), u(i(U), {
           key: 0,
-          to: t.to
+          to: e.to
         }, {
           default: a(() => [
             n(i(h), {
-              class: m(["uikit-alert-viewport uikit-m-0 uikit-w-full uikit-list-none uikit-gap-[8px]", t.viewportClasses])
+              class: k(["uikit-alert-viewport uikit-m-0 uikit-w-full uikit-list-none uikit-gap-[8px]", e.viewportClasses])
             }, null, 8, ["class"])
           ]),
           _: 1
-        }, 8, ["to"])) : (r(), s(i(h), {
+        }, 8, ["to"])) : (r(), u(i(h), {
           key: 1,
-          class: m(["uikit-alert-viewport uikit-m-0 uikit-w-full uikit-list-none uikit-gap-[8px]", t.viewportClasses])
+          class: k(["uikit-alert-viewport uikit-m-0 uikit-w-full uikit-list-none uikit-gap-[8px]", e.viewportClasses])
         }, null, 8, ["class"]))
       ]),
       _: 3

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

@@ -1,9 +1,8 @@
-import { defineComponent as s, mergeModels as d, useModel as n, createElementBlock as k, openBlock as c, renderSlot as a, createVNode as u, createCommentVNode as m, unref as o, withCtx as f, createElementVNode as p } from "vue";
+import { defineComponent as d, mergeModels as s, useModel as n, createElementBlock as k, openBlock as c, renderSlot as a, createVNode as u, createCommentVNode as m, unref as o, withCtx as f, createElementVNode as p } from "vue";
 import { SwitchRoot as b, SwitchThumb as h } from "reka-ui";
-const g = { class: "uikit-flex uikit-items-center uikit-gap-[8px]" }, w = ["innerHTML"], V = /* @__PURE__ */ s({
-  inheritAttrs: !1,
+const g = { class: "uikit-flex uikit-items-center uikit-gap-[8px]" }, w = ["innerHTML"], V = /* @__PURE__ */ d({
   __name: "BaseToggle",
-  props: /* @__PURE__ */ d({
+  props: /* @__PURE__ */ s({
     label: {},
     dataCy: {}
   }, {

package/dist/packages/components/lib/UIKit/Radio/v2/RadioGroupItemPrimitive.vue.js

@@ -1,6 +1,6 @@
-import { defineComponent as n, createBlock as p, openBlock as l, unref as m, mergeProps as d, withCtx as u, renderSlot as c, normalizeProps as f, guardReactiveProps as B } from "vue";
-import { RadioGroupItem as y } from "reka-ui";
-const _ = /* @__PURE__ */ n({
+import { defineComponent as n, createPropsRestProxy as d, createBlock as l, openBlock as p, unref as m, mergeProps as c, withCtx as u, renderSlot as y, normalizeProps as f, guardReactiveProps as C } from "vue";
+import { RadioGroupItem as P } from "reka-ui";
+const v = /* @__PURE__ */ n({
   __name: "RadioGroupItemPrimitive",
   props: {
     dataCy: {},
@@ -13,18 +13,19 @@ const _ = /* @__PURE__ */ n({
     required: { type: Boolean }
   },
   emits: ["select"],
-  setup(t, { emit: r }) {
-    const a = t, s = r;
-    return (i, o) => (l(), p(m(y), d(a, {
+  setup(t, { emit: a }) {
+    const r = d(t, ["dataCy"]), s = a;
+    return (i, o) => (p(), l(m(P), c(r, {
+      "data-cy": t.dataCy,
       onSelect: o[0] || (o[0] = (e) => s("select", e))
     }), {
       default: u((e) => [
-        c(i.$slots, "default", f(B(e)))
+        y(i.$slots, "default", f(C(e)))
       ]),
       _: 3
-    }, 16));
+    }, 16, ["data-cy"]));
   }
 });
 export {
-  _ as default
+  v as default
 };

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

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

package/dist/packages/components/lib/UIKit/Tab/v2/BaseTabs.vue.js

@@ -0,0 +1,39 @@
+import { defineComponent as l, createPropsRestProxy as i, shallowRef as m, provide as d, onMounted as p, createBlock as c, openBlock as f, unref as y, mergeProps as C, withCtx as B, renderSlot as M } from "vue";
+import { TabsRoot as V } from "reka-ui";
+const v = /* @__PURE__ */ l({
+  __name: "BaseTabs",
+  props: {
+    dataCy: {},
+    defaultValue: {},
+    orientation: {},
+    dir: {},
+    activationMode: {},
+    modelValue: {},
+    unmountOnHide: { type: Boolean },
+    asChild: { type: Boolean },
+    as: {}
+  },
+  emits: ["update:modelValue", "mounted"],
+  setup(t, { emit: s }) {
+    const r = i(t, ["dataCy"]), o = s, a = m(!1);
+    return d("indicatorMounted", a), d("setIndicatorMounted", () => {
+      a.value = !0;
+    }), p(() => {
+      o("mounted");
+    }), (u, n) => (f(), c(y(V), C(r, {
+      "data-cy": t.dataCy,
+      class: "uikit-base-tabs",
+      "onUpdate:modelValue": n[0] || (n[0] = (e) => o("update:modelValue", e))
+    }), {
+      default: B(({ modelValue: e }) => [
+        M(u.$slots, "default", {
+          modelValue: e
+        })
+      ]),
+      _: 3
+    }, 16, ["data-cy"]));
+  }
+});
+export {
+  v as default
+};

package/dist/packages/components/lib/UIKit/Tab/v2/BaseTabsContent.vue.js

@@ -0,0 +1,24 @@
+import { defineComponent as o, createPropsRestProxy as r, createBlock as n, openBlock as s, unref as c, mergeProps as p, withCtx as d, renderSlot as l } from "vue";
+import { TabsContent as f } from "reka-ui";
+const C = /* @__PURE__ */ o({
+  __name: "BaseTabsContent",
+  props: {
+    dataCy: {},
+    value: {},
+    forceMount: { type: Boolean },
+    asChild: { type: Boolean },
+    as: {}
+  },
+  setup(e) {
+    const t = r(e, ["dataCy"]);
+    return (a, u) => (s(), n(c(f), p({ "data-cy": e.dataCy }, t), {
+      default: d(() => [
+        l(a.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["data-cy"]));
+  }
+});
+export {
+  C as default
+};

package/dist/packages/components/lib/UIKit/Tab/v2/BaseTabsIndicator.vue.js

@@ -0,0 +1,34 @@
+import { defineComponent as s, createPropsRestProxy as d, inject as u, useTemplateRef as c, onMounted as l, createBlock as p, openBlock as k, unref as f, mergeProps as m, withCtx as b, renderSlot as y, createElementVNode as I } from "vue";
+import { TabsIndicator as x } from "reka-ui";
+const v = /* @__PURE__ */ s({
+  __name: "BaseTabsIndicator",
+  props: {
+    dataCy: {},
+    asChild: { type: Boolean },
+    as: {}
+  },
+  setup(t, { expose: i }) {
+    const e = d(t, ["dataCy"]), o = u(
+      "setIndicatorMounted",
+      void 0
+    ), n = c("tabIndicatorRef");
+    return l(() => {
+      o?.();
+    }), i({
+      updateIndicatorStyle: () => n.value?.updateIndicatorStyle?.()
+    }), (r, a) => (k(), p(f(x), m({ ref: "tabIndicatorRef" }, e, {
+      "data-cy": t.dataCy,
+      class: "uikit-base-tabs-indicator uikit-absolute uikit-bottom-[var(--indicator-bottom,0)] uikit-left-0 uikit-z-[1] uikit-h-[2px] uikit-w-[--reka-tabs-indicator-size] uikit-translate-x-[--reka-tabs-indicator-position] uikit-translate-y-[1px] uikit-transition-[width,transform] uikit-duration-300"
+    }), {
+      default: b(() => [
+        y(r.$slots, "default", {}, () => [
+          a[0] || (a[0] = I("div", { class: "uikit-base-tabs-indicator-element uikit-h-full uikit-w-full" }, null, -1))
+        ])
+      ]),
+      _: 3
+    }, 16, ["data-cy"]));
+  }
+});
+export {
+  v as default
+};

package/dist/packages/components/lib/UIKit/Tab/v2/BaseTabsList.vue.js

@@ -0,0 +1,23 @@
+import { defineComponent as o, createPropsRestProxy as r, createBlock as s, openBlock as n, unref as l, mergeProps as p, withCtx as c, renderSlot as d } from "vue";
+import { TabsList as i } from "reka-ui";
+const y = /* @__PURE__ */ o({
+  __name: "BaseTabsList",
+  props: {
+    dataCy: {},
+    loop: { type: Boolean },
+    asChild: { type: Boolean },
+    as: {}
+  },
+  setup(e) {
+    const t = r(e, ["dataCy"]);
+    return (a, f) => (n(), s(l(i), p({ "data-cy": e.dataCy }, t, { class: "uikit-relative" }), {
+      default: c(() => [
+        d(a.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["data-cy"]));
+  }
+});
+export {
+  y as default
+};

package/dist/packages/components/lib/UIKit/Tab/v2/BaseTabsTrigger.vue.js

@@ -0,0 +1,31 @@
+import { defineComponent as o, createPropsRestProxy as d, inject as s, createBlock as c, openBlock as u, unref as a, mergeProps as n, withCtx as f, renderSlot as l } from "vue";
+import { TabsTrigger as k } from "reka-ui";
+const m = /* @__PURE__ */ o({
+  __name: "BaseTabsTrigger",
+  props: {
+    dataCy: {},
+    value: {},
+    disabled: { type: Boolean },
+    asChild: { type: Boolean },
+    as: {}
+  },
+  setup(t) {
+    const e = d(t, ["dataCy"]), i = s(
+      "indicatorMounted",
+      void 0
+    );
+    return (r, v) => (u(), c(a(k), n({ "data-cy": t.dataCy }, e, {
+      class: ["uikit-relative uikit-bg-white uikit-p-[4px] uikit-text-16 data-[state=active]:uikit-font-semibold", {
+        "data-[state=active]:after:uikit-absolute data-[state=active]:after:uikit-bottom-[var(--indicator-bottom,0)] data-[state=active]:after:uikit-left-0 data-[state=active]:after:uikit-z-[1] data-[state=active]:after:uikit-block data-[state=active]:after:uikit-h-[2px] data-[state=active]:after:uikit-w-full data-[state=active]:after:uikit-translate-y-[1px] data-[state=active]:after:uikit-rounded-b-[var(--indicator-border-radius-bottom)] data-[state=active]:after:uikit-rounded-t-[var(--indicator-border-radius-top)] data-[state=active]:after:uikit-bg-w-primary data-[state=active]:after:uikit-content-['']": !a(i)
+      }]
+    }), {
+      default: f(() => [
+        l(r.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["data-cy", "class"]));
+  }
+});
+export {
+  m as default
+};

package/dist/types/index.d.ts

@@ -19,3 +19,8 @@ export type { AccordionContentPrimitiveProps } from '../UIKit/Accordion/Accordio
 export type { AccordionHeaderPrimitiveProps } from '../UIKit/Accordion/AccordionHeaderPrimitive';
 export type { AccordionItemPrimitiveProps } from '../UIKit/Accordion/AccordionItemPrimitive';
 export type { AccordionTriggerPrimitiveProps } from '../UIKit/Accordion/AccordionTriggerPrimitive';
+export type { BaseTabsProps } from '../UIKit/Tab/v2/BaseTabs';
+export type { BaseTabsContentProps } from '../UIKit/Tab/v2/BaseTabsContent';
+export type { BaseTabsIndicatorProps } from '../UIKit/Tab/v2/BaseTabsIndicator';
+export type { BaseTabsListProps } from '../UIKit/Tab/v2/BaseTabsList';
+export type { BaseTabsTriggerProps } from '../UIKit/Tab/v2/BaseTabsTrigger';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wikicasa-dev/components",
-  "version": "2.3.1-alpha.8",
+  "version": "2.4.1-alpha.0",
   "description": "Wikicasa frontend components",
   "type": "module",
   "main": "./dist/index.js",
@@ -52,41 +52,41 @@
   "dependencies": {
     "chart.js": "4.5.1",
     "chartjs-adapter-date-fns": "3.0.0",
-    "reka-ui": "^2.6.1",
+    "reka-ui": "^2.7.0",
     "swiper": "^12.0.3",
-    "vue": "^3.5.25",
+    "vue": "^3.5.27",
     "vue-chartjs": "5.3.3"
   },
   "devDependencies": {
-    "@babel/eslint-parser": "^7.28.5",
-    "@histoire/plugin-vue": "^1.0.0-alpha.5",
-    "@types/node": "^24.10.1",
-    "@vitejs/plugin-vue": "^6.0.2",
+    "@babel/eslint-parser": "^7.28.6",
+    "@histoire/plugin-vue": "^1.0.0-beta.1",
+    "@types/node": "^25.0.9",
+    "@vitejs/plugin-vue": "^6.0.3",
     "@vue/eslint-config-prettier": "^10.2.0",
     "@vue/eslint-config-typescript": "^14.6.0",
     "@wikicasa-dev/svg-icons": "1.3.0",
     "@wikicasa-dev/vue-composables": "0.1.0",
     "@wikicasa-dev/tailwind-plugins": "^0.0.3",
-    "@wikicasa-dev/types": "2.5.0",
+    "@wikicasa-dev/types": "2.5.1",
     "@wikicasa-dev/utilities": "1.2.0",
-    "autoprefixer": "^10.4.22",
+    "autoprefixer": "^10.4.23",
     "date-fns": "4.1.0",
     "eslint": "^9.39",
-    "eslint-plugin-vue": "^10.6.2",
+    "eslint-plugin-vue": "^10.7.0",
     "jiti": "^2.6.1",
     "glob": "^13.0.0",
-    "histoire": "^1.0.0-alpha.5",
+    "histoire": "^1.0.0-beta.1",
     "postcss": "^8.5.6",
-    "prettier": "^3.7.4",
+    "prettier": "^3.8.0",
     "prettier-plugin-tailwindcss": "^0.7.2",
     "rollup-plugin-visualizer": "^6.0.5",
     "tailwindcss": "3.4.15",
     "typescript": "^5.9.3",
-    "vite": "7.2.6",
+    "vite": "7.3.1",
     "vite-plugin-dts": "^4.5.4",
     "vite-plugin-lib-inject-css": "^2.2.2",
-    "vue-router": "^4.6.3",
-    "vue-tsc": "3.1.5"
+    "vue-router": "^4.6.4",
+    "vue-tsc": "3.2.2"
   },
   "readme": "ERROR: No README data found!",
   "scripts": {