@wikicasa-dev/components 2.2.9-alpha.56 → 2.2.9-alpha.59

package/dist/Swiper/autoplay.js

@@ -1,5 +1,5 @@
 import { Autoplay as t } from "swiper/modules";
-import '../assets/swiper-autoplay.css';/* empty css                                                                           */
+import '../assets/swiper-keyboard.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-autoplay.css';/* empty css                                                                             */
+import '../assets/swiper-keyboard.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-autoplay.css';/* empty css                                                                           */
+import '../assets/swiper-keyboard.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-autoplay.css';/* empty css                                                                         */
+import '../assets/swiper-keyboard.css';/* empty css                                                                         */
 export {
   p as Thumbs
 };

package/dist/UIKit/Checkbox/CheckboxBtn.d.ts

@@ -21,7 +21,10 @@ declare const _default: <TID extends string | number, TLabel extends string | nu
         label?: TLabel;
         modelValue?: boolean;
     } & Partial<{}>> & import('vue').PublicProps;
-    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+    expose(exposed: import('vue').ShallowUnwrapRef<{
+        getRootElement: () => HTMLLabelElement | null;
+        getCheckboxElement: () => any;
+    }>): void;
     attrs: any;
     slots: {
         label?(_: {}): any;

package/dist/UIKit/Radio/v2/RadioButtonItem.d.ts

@@ -3,6 +3,7 @@ import { ClassTypeProp } from '../../types';
 export interface RadioButtonItemProps extends RadioGroupItemProps {
     itemClasses?: ClassTypeProp;
     labelClasses?: ClassTypeProp;
+    dataCy?: string;
 }
 declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<RadioButtonItemProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<RadioButtonItemProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>, {
     default?(_: {}): any;

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

@@ -1,7 +1,7 @@
-import { defineComponent as s, useId as m, watch as f, createElementBlock as h, openBlock as d, createVNode as o, renderSlot as b, unref as i, normalizeClass as C, withCtx as u, createBlock as x, createCommentVNode as y, createTextVNode as V, toDisplayString as g } from "vue";
-import { CheckIcon as B } from "@wikicasa-dev/svg-icons";
-import { CheckboxRoot as p, CheckboxIndicator as w } from "reka-ui";
-const z = /* @__PURE__ */ s({
+import { defineComponent as b, useId as x, useTemplateRef as o, watch as C, createElementBlock as y, openBlock as d, createVNode as c, renderSlot as g, unref as a, normalizeClass as V, withCtx as u, createBlock as p, createCommentVNode as B, createTextVNode as R, toDisplayString as w } from "vue";
+import { CheckIcon as v } from "@wikicasa-dev/svg-icons";
+import { CheckboxRoot as E, CheckboxIndicator as I } from "reka-ui";
+const T = /* @__PURE__ */ b({
   __name: "CheckboxBtn",
   props: {
     id: {},
@@ -15,59 +15,64 @@ const z = /* @__PURE__ */ s({
     modelValue: { type: Boolean, default: !1 }
   },
   emits: ["click", "update:modelValue", "change"],
-  setup(e, { emit: c }) {
-    const n = m(), a = c;
-    f(
+  setup(e, { expose: n, emit: r }) {
+    const k = x(), s = o("root"), m = o("checkboxRoot"), l = r;
+    C(
       () => e.checked,
       (t) => {
-        t !== void 0 && a("update:modelValue", t);
+        t !== void 0 && l("update:modelValue", t);
       }
     );
-    const k = (t) => {
-      t !== "indeterminate" && (a("change", {
-        id: e.id ?? n,
+    const f = (t) => {
+      t !== "indeterminate" && (l("change", {
+        id: e.id ?? k,
         label: e.label,
         checked: t
-      }), a("update:modelValue", t));
+      }), l("update:modelValue", t));
     };
-    return (t, l) => (d(), h("label", {
+    return n({
+      getRootElement: () => s.value,
+      getCheckboxElement: () => m.value?.$el
+    }), (t, i) => (d(), y("label", {
+      ref: "root",
       class: "uikit-checkbox-btn uikit-flex uikit-items-center uikit-gap-[12px]",
-      onClick: l[0] || (l[0] = (r) => a("click", r))
+      onClick: i[0] || (i[0] = (h) => l("click", h))
     }, [
-      o(i(p), {
+      c(a(E), {
+        ref: "checkboxRoot",
         "model-value": e.modelValue,
         "data-cy": e.dataCy,
         disabled: e.disabled,
-        class: C(["uikit-inline-flex uikit-size-[20px] uikit-shrink-0 uikit-items-center uikit-justify-center uikit-rounded-[4px] uikit-p-0 data-[state='unchecked']:uikit-border data-[state='unchecked']:uikit-border-solid data-[state='unchecked']:uikit-border-w-lightgray", [
+        class: V(["uikit-inline-flex uikit-size-[20px] uikit-shrink-0 uikit-items-center uikit-justify-center uikit-rounded-[4px] 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-primary": e.modelValue
           },
           e.inputClass
         ]]),
-        "onUpdate:modelValue": k
+        "onUpdate:modelValue": f
       }, {
         default: u(() => [
-          o(i(w), { class: "uikit-flex" }, {
+          c(a(I), { class: "uikit-flex" }, {
             default: u(() => [
-              e.modelValue === !0 ? (d(), x(i(B), {
+              e.modelValue === !0 ? (d(), p(a(v), {
                 key: 0,
                 "fill-color": "#fff",
                 width: 12,
                 height: 14
-              })) : y("", !0)
+              })) : B("", !0)
             ]),
             _: 1
           })
         ]),
         _: 1
       }, 8, ["model-value", "data-cy", "disabled", "class"]),
-      b(t.$slots, "label", {}, () => [
-        V(g(e.label), 1)
+      g(t.$slots, "label", {}, () => [
+        R(w(e.label), 1)
       ])
-    ]));
+    ], 512));
   }
 });
 export {
-  z as default
+  T as default
 };

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

@@ -1,10 +1,11 @@
 import { defineComponent as d, createPropsRestProxy as n, useId as c, computed as k, createElementBlock as s, openBlock as r, createVNode as a, createCommentVNode as m, unref as u, mergeProps as p, withCtx as f, normalizeClass as b, renderSlot as C } from "vue";
-import { RadioGroupItem as y, RadioGroupIndicator as x } from "reka-ui";
-const h = { class: "uikit-radio-btn uikit-flex uikit-items-center uikit-gap-x-[8px]" }, g = ["for"], _ = /* @__PURE__ */ d({
+import { RadioGroupItem as y, RadioGroupIndicator as h } from "reka-ui";
+const x = { class: "uikit-radio-btn uikit-flex uikit-items-center uikit-gap-x-[8px]" }, g = ["for"], _ = /* @__PURE__ */ d({
   __name: "RadioButtonItem",
   props: {
     itemClasses: {},
     labelClasses: {},
+    dataCy: {},
     id: {},
     value: {},
     disabled: { type: Boolean },
@@ -15,16 +16,16 @@ const h = { class: "uikit-radio-btn uikit-flex uikit-items-center uikit-gap-x-[8
   },
   setup(e) {
     const i = n(e, ["itemClasses", "labelClasses"]), l = c(), t = k(() => i.id ?? l);
-    return (o, w) => (r(), s("div", h, [
+    return (o, w) => (r(), s("div", x, [
       a(u(y), p(i, {
         id: t.value,
         class: [
-          "uikit-radio-group-item uikit-inline-flex uikit-size-[18px] uikit-cursor-default uikit-items-center uikit-justify-center uikit-rounded-full uikit-border uikit-border-solid uikit-border-w-secondary uikit-bg-white uikit-p-0 uikit-shadow-sm uikit-outline-none focus:uikit-border-2 focus:uikit-border-w-primary",
+          "uikit-radio-group-item uikit-inline-flex uikit-size-[18px] uikit-shrink-0 uikit-cursor-default uikit-items-center uikit-justify-center uikit-rounded-full uikit-border uikit-border-solid uikit-border-w-secondary uikit-bg-white uikit-p-0 uikit-shadow-sm uikit-outline-none focus:uikit-border-2 focus:uikit-border-w-primary",
           e.itemClasses
         ]
       }), {
         default: f(() => [
-          a(u(x), { class: "uikit-radio-group-indicator uikit-size-[12px] uikit-rounded-[50%] uikit-bg-w-primary" })
+          a(u(h), { class: "uikit-radio-group-indicator uikit-size-[12px] uikit-rounded-[50%] uikit-bg-w-primary" })
         ]),
         _: 1
       }, 16, ["id", "class"]),

package/package.json

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