@wikicasa-dev/components 2.3.1-alpha.14 → 2.3.1-alpha.15

package/dist/Swiper/autoplay.js

@@ -1,5 +1,5 @@
 import { Autoplay as t } from "swiper/modules";
-import '../assets/swiper-controller.css';/* empty css                                                                           */
+import '../assets/swiper-thumbs.css';/* empty css                                                                           */
 export {
   t as Autoplay
 };

package/dist/Swiper/controller.js

@@ -1,5 +1,5 @@
 import { Controller as e } from "swiper/modules";
-import '../assets/swiper-controller.css';/* empty css                                                                             */
+import '../assets/swiper-thumbs.css';/* empty css                                                                             */
 export {
   e as Controller
 };

package/dist/Swiper/keyboard.js

@@ -1,5 +1,5 @@
 import { Keyboard as m } from "swiper/modules";
-import '../assets/swiper-controller.css';/* empty css                                                                           */
+import '../assets/swiper-thumbs.css';/* empty css                                                                           */
 export {
   m as Keyboard
 };

package/dist/Swiper/thumbs.js

@@ -1,5 +1,5 @@
 import { Thumbs as p } from "swiper/modules";
-import '../assets/swiper-controller.css';/* empty css                                                                         */
+import '../assets/swiper-thumbs.css';/* empty css                                                                         */
 export {
   p as Thumbs
 };

package/dist/UIKit/Tab/v2/BaseTabs.d.ts

@@ -1,11 +1,15 @@
 import { TabsRootProps } from 'reka-ui';
-export interface BaseTabsProps<T extends string | number> extends TabsRootProps<T> {
+export interface BaseTabsProps<T extends string | number> extends Omit<TabsRootProps<T>, "modelValue"> {
     dataCy?: string;
 }
 declare const _default: <T extends string | number>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
-        readonly "onUpdate:modelValue"?: ((payload: T) => any) | undefined;
-    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:modelValue"> & BaseTabsProps<T> & Partial<{}>> & import('vue').PublicProps;
+        readonly "onUpdate:modelValue"?: ((value: T) => any) | undefined;
+        readonly "onUpdate:activeIdx"?: ((value: number) => any) | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:modelValue" | "onUpdate:activeIdx"> & ({
+        modelValue?: T;
+        activeIdx?: number;
+    } & BaseTabsProps<T>) & Partial<{}>> & import('vue').PublicProps;
     expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
     attrs: any;
     slots: {
@@ -13,7 +17,7 @@ declare const _default: <T extends string | number>(__VLS_props: NonNullable<Awa
             modelValue: T;
         }): any;
     };
-    emit: (evt: "update:modelValue", payload: T) => void;
+    emit: ((evt: "update:modelValue", value: T) => void) & ((evt: "update:activeIdx", value: number) => void);
 }>) => import('vue').VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/UIKit/Tab/v2/BaseTabsTrigger.d.ts

@@ -1,13 +1,20 @@
 import { TabsTriggerProps } from 'reka-ui';
-export interface BaseTabsTriggerProps extends TabsTriggerProps {
+export interface BaseTabsTriggerProps<T extends string | number> extends Omit<TabsTriggerProps, "value"> {
     dataCy?: string;
+    value: T;
 }
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<BaseTabsTriggerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<BaseTabsTriggerProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
-    default?(_: {}): any;
-}>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
+declare const _default: <T extends string | number>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, never> & BaseTabsTriggerProps<T> & Partial<{}>> & import('vue').PublicProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: {
+        default?(_: {}): any;
     };
+    emit: {};
+}>) => import('vue').VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
 };
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

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

@@ -1,33 +1,59 @@
-import { defineComponent as l, createPropsRestProxy as s, createBlock as u, openBlock as m, unref as i, mergeProps as p, withCtx as c, renderSlot as f } from "vue";
-import { TabsRoot as y } from "reka-ui";
-const V = /* @__PURE__ */ l({
+import { defineComponent as p, mergeModels as x, createPropsRestProxy as y, useModel as i, shallowRef as V, provide as n, watch as s, createBlock as B, openBlock as T, unref as I, mergeProps as C, withCtx as M, renderSlot as h } from "vue";
+import { TabsRoot as w } from "reka-ui";
+const b = /* @__PURE__ */ p({
   __name: "BaseTabs",
-  props: {
+  props: /* @__PURE__ */ x({
     dataCy: {},
     defaultValue: {},
     orientation: {},
     dir: {},
     activationMode: {},
-    modelValue: {},
     unmountOnHide: { type: Boolean },
     asChild: { type: Boolean },
     as: {}
-  },
-  emits: ["update:modelValue"],
-  setup(t, { emit: o }) {
-    const d = o, n = s(t, ["dataCy"]);
-    return (r, a) => (m(), u(i(y), p({ "data-cy": t.dataCy }, n, {
-      "onUpdate:modelValue": a[0] || (a[0] = (e) => d("update:modelValue", e))
+  }, {
+    modelValue: {},
+    modelModifiers: {},
+    activeIdx: { default: -1 },
+    activeIdxModifiers: {}
+  }),
+  emits: ["update:modelValue", "update:activeIdx"],
+  setup(l) {
+    const c = y(l, ["dataCy"]), a = i(l, "modelValue"), o = i(l, "activeIdx"), r = V([]), g = (t) => {
+      const e = r.value.length;
+      r.value.push({
+        idx: e,
+        value: t
+      }), d(o.value);
+    }, v = (t) => {
+      r.value = r.value.filter(
+        (e) => e.value !== t
+      );
+    }, m = (t) => r.value.find((e) => e.value === t), d = (t) => {
+      const e = r.value[t];
+      !e || e.value === a.value || (a.value = e.value);
+    }, f = (t) => {
+      const e = m(t);
+      !e || e.value === a.value || (o.value = e.idx);
+    };
+    return n("registerTrigger", g), n("unregisterTrigger", v), s(a, (t) => {
+      f(t);
+    }), s(o, (t) => {
+      d(t);
+    }), (t, e) => (T(), B(I(w), C(c, {
+      modelValue: a.value,
+      "onUpdate:modelValue": e[0] || (e[0] = (u) => a.value = u),
+      "data-cy": l.dataCy
     }), {
-      default: c(({ modelValue: e }) => [
-        f(r.$slots, "default", {
-          modelValue: e
+      default: M(({ modelValue: u }) => [
+        h(t.$slots, "default", {
+          modelValue: u
         })
       ]),
       _: 3
-    }, 16, ["data-cy"]));
+    }, 16, ["modelValue", "data-cy"]));
   }
 });
 export {
-  V as default
+  b as default
 };

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

@@ -1,6 +1,6 @@
-import { defineComponent as o, createPropsRestProxy as r, createBlock as s, openBlock as i, unref as d, mergeProps as n, withCtx as l, renderSlot as p } from "vue";
-import { TabsTrigger as c } from "reka-ui";
-const y = /* @__PURE__ */ o({
+import { defineComponent as s, createPropsRestProxy as n, inject as r, onMounted as d, onUnmounted as g, createBlock as u, openBlock as c, unref as l, mergeProps as p, withCtx as m, renderSlot as f } from "vue";
+import { TabsTrigger as y } from "reka-ui";
+const C = /* @__PURE__ */ s({
   __name: "BaseTabsTrigger",
   props: {
     dataCy: {},
@@ -10,15 +10,25 @@ const y = /* @__PURE__ */ o({
     as: {}
   },
   setup(t) {
-    const e = r(t, ["dataCy"]);
-    return (a, u) => (i(), s(d(c), n({ "data-cy": t.dataCy }, e, { class: "uikit-bg-white uikit-p-[4px] uikit-text-16 data-[state=active]:uikit-font-semibold" }), {
-      default: l(() => [
-        p(a.$slots, "default")
+    const e = n(t, ["dataCy"]), a = r(
+      "registerTrigger",
+      void 0
+    ), o = r(
+      "unregisterTrigger",
+      void 0
+    );
+    return d(() => {
+      a?.(e.value);
+    }), g(() => {
+      o?.(e.value);
+    }), (i, T) => (c(), u(l(y), p({ "data-cy": t.dataCy }, e, { class: "uikit-bg-white uikit-p-[4px] uikit-text-16 data-[state=active]:uikit-font-semibold" }), {
+      default: m(() => [
+        f(i.$slots, "default")
       ]),
       _: 3
     }, 16, ["data-cy"]));
   }
 });
 export {
-  y as default
+  C as default
 };

package/package.json

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