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

package/dist/Swiper/autoplay.js

@@ -1,5 +1,5 @@
 import { Autoplay as t } from "swiper/modules";
-import '../assets/swiper-thumbs.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-thumbs.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-thumbs.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-thumbs.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/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/package.json

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