@wikicasa-dev/components 2.3.1-alpha.2 → 2.3.1-alpha.21

package/dist/packages/components/lib/UIKit/Accordion/AccordionItemPrimitive.vue.js

@@ -0,0 +1,24 @@
+import { defineComponent as i, createBlock as p, openBlock as l, unref as s, normalizeProps as e, guardReactiveProps as o, withCtx as c, renderSlot as d } from "vue";
+import { AccordionItem as m } from "reka-ui";
+const B = /* @__PURE__ */ i({
+  __name: "AccordionItemPrimitive",
+  props: {
+    disabled: { type: Boolean },
+    value: {},
+    unmountOnHide: { type: Boolean },
+    asChild: { type: Boolean },
+    as: {}
+  },
+  setup(t) {
+    const r = t;
+    return (n, u) => (l(), p(s(m), e(o(r)), {
+      default: c((a) => [
+        d(n.$slots, "default", e(o(a)))
+      ]),
+      _: 3
+    }, 16));
+  }
+});
+export {
+  B as default
+};

package/dist/packages/components/lib/UIKit/Accordion/AccordionTriggerPrimitive.vue.js

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

package/dist/packages/components/lib/UIKit/Accordion/BaseAccordion.vue.js

@@ -1,25 +1,33 @@
-import { defineComponent as i, mergeModels as d, useModel as r, provide as u, createBlock as n, openBlock as s, unref as p, withCtx as m, renderSlot as c } from "vue";
-import { AccordionRoot as f } from "reka-ui";
-const b = /* @__PURE__ */ i({
+import { defineComponent as d, mergeModels as n, useModel as u, createBlock as i, openBlock as r, unref as m, withCtx as p, renderSlot as s, normalizeProps as c, guardReactiveProps as f } from "vue";
+import { AccordionRoot as y } from "reka-ui";
+const b = /* @__PURE__ */ d({
   __name: "BaseAccordion",
-  props: /* @__PURE__ */ d({
+  props: /* @__PURE__ */ n({
     collapsible: { type: Boolean },
-    type: {}
+    type: {},
+    disabled: { type: Boolean },
+    dir: {},
+    orientation: {},
+    unmountOnHide: { type: Boolean },
+    asChild: { type: Boolean },
+    as: {},
+    modelValue: {},
+    defaultValue: {}
   }, {
     modelValue: {},
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(t) {
-    const e = r(t, "modelValue");
-    return u("isActive", (l) => typeof e.value == "string" ? e.value === l : !!e.value?.find((o) => o === l)), (l, o) => (s(), n(p(f), {
-      collapsible: t.collapsible,
-      type: t.type,
-      modelValue: e.value,
-      "onUpdate:modelValue": o[0] || (o[0] = (a) => e.value = a)
+  setup(e) {
+    const l = u(e, "modelValue");
+    return (t, a) => (r(), i(m(y), {
+      collapsible: e.collapsible,
+      type: e.type,
+      modelValue: l.value,
+      "onUpdate:modelValue": a[0] || (a[0] = (o) => l.value = o)
     }, {
-      default: m(() => [
-        c(l.$slots, "default")
+      default: p((o) => [
+        s(t.$slots, "default", c(f(o)))
       ]),
       _: 3
     }, 8, ["collapsible", "type", "modelValue"]));

package/dist/packages/components/lib/UIKit/Accordion/BaseAccordionItem.vue.js

@@ -1,7 +1,10 @@
-import { defineComponent as n, inject as c, createBlock as u, openBlock as d, unref as t, withCtx as a, createVNode as s, normalizeClass as r, renderSlot as l, createTextVNode as f, toDisplayString as k } from "vue";
-import { AccordionItem as h, AccordionHeader as m, AccordionTrigger as g, AccordionContent as w } from "reka-ui";
-import { ArrowIcon as C } from "@wikicasa-dev/svg-icons";
-const b = /* @__PURE__ */ n({
+import { defineComponent as o, createBlock as l, openBlock as n, withCtx as i, createVNode as a, normalizeClass as s, renderSlot as r, createTextVNode as u, toDisplayString as c, unref as d } from "vue";
+import f from "./AccordionContentPrimitive.vue.js";
+import m from "./AccordionTriggerPrimitive.vue.js";
+import k from "./AccordionHeaderPrimitive.vue.js";
+import h from "./AccordionItemPrimitive.vue.js";
+import { ArrowIcon as w } from "@wikicasa-dev/svg-icons";
+const B = /* @__PURE__ */ o({
   __name: "BaseAccordionItem",
   props: {
     title: {},
@@ -15,39 +18,36 @@ const b = /* @__PURE__ */ n({
     arrowClasses: {},
     headerTag: { default: "h3" }
   },
-  setup(e) {
-    const o = c("isActive");
-    return (i, v) => (d(), u(t(h), { value: e.value }, {
-      default: a(() => [
-        s(t(m), {
-          as: e.headerTag,
-          class: r([
-            e.headerClasses,
+  setup(t) {
+    return (e, g) => (n(), l(h, { value: t.value }, {
+      default: i(() => [
+        a(k, {
+          as: t.headerTag,
+          class: s([
+            t.headerClasses,
             "uikit-flex uikit-items-center uikit-justify-between"
           ])
         }, {
-          default: a(() => [
-            l(i.$slots, "header-content"),
-            s(t(g), {
-              "data-cy": e.dataCy,
-              class: r([
-                e.triggerClasses,
+          default: i(() => [
+            r(e.$slots, "header-content"),
+            a(m, {
+              "data-cy": t.dataCy,
+              class: s([
+                t.triggerClasses,
                 {
-                  "uikit-inline-flex uikit-cursor-pointer uikit-items-center uikit-justify-between uikit-border-0 uikit-bg-transparent uikit-px-[16px] uikit-py-[16px] uikit-text-left uikit-font-semibold": !i.$slots.trigger,
-                  "uikit-w-full": !i.$slots["header-content"]
+                  "uikit-base-accordion-trigger uikit-inline-flex uikit-cursor-pointer uikit-items-center uikit-justify-between uikit-border-0 uikit-bg-transparent uikit-px-[16px] uikit-py-[16px] uikit-text-left uikit-font-semibold": !e.$slots.trigger,
+                  "uikit-w-full": !e.$slots["header-content"]
                 }
               ])
             }, {
-              default: a(() => [
-                l(i.$slots, "trigger", {
-                  active: t(o)(e.value)
-                }, () => [
-                  f(k(e.title) + " ", 1),
-                  s(t(C), {
-                    class: r(["uikit-flex-shrink-0 uikit-transition-transform motion-reduce:uikit-transition-none", [t(o)(e.value) ? "uikit-rotate-180" : "", e.arrowClasses]]),
-                    "arrow-classes": e.arrowClasses,
-                    width: e.arrowWidth,
-                    height: e.arrowWidth
+              default: i(() => [
+                r(e.$slots, "trigger", {}, () => [
+                  u(c(t.title) + " ", 1),
+                  a(d(w), {
+                    class: s(["uikit-base-accordion-item-arrow uikit-flex-shrink-0 uikit-transition-transform motion-reduce:uikit-transition-none", t.arrowClasses]),
+                    "arrow-classes": t.arrowClasses,
+                    width: t.arrowWidth,
+                    height: t.arrowWidth
                   }, null, 8, ["class", "arrow-classes", "width", "height"])
                 ])
               ]),
@@ -56,14 +56,14 @@ const b = /* @__PURE__ */ n({
           ]),
           _: 3
         }, 8, ["as", "class"]),
-        s(t(w), {
-          class: r([
-            e.contentClasses,
+        a(f, {
+          class: s([
+            t.contentClasses,
             "uikit-base-accordion-item-content uikit-px-[16px]"
           ])
         }, {
-          default: a(() => [
-            l(i.$slots, "default")
+          default: i(() => [
+            r(e.$slots, "default")
           ]),
           _: 3
         }, 8, ["class"])
@@ -73,5 +73,5 @@ const b = /* @__PURE__ */ n({
   }
 });
 export {
-  b as default
+  B as default
 };

package/dist/packages/components/lib/UIKit/Autocomplete/ClearableAutocomplete.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as j, mergeModels as U, useModel as S, useId as q, useTemplateRef as d, shallowRef as c, onBeforeMount as G, onMounted as J, onUnmounted as Q, watch as E, nextTick as Y, createBlock as z, openBlock as M, withCtx as W, createElementBlock as Z, Fragment as _, renderList as ee, renderSlot as m, createElementVNode as u, normalizeClass as f, withDirectives as I, unref as te, vModelText as le, toDisplayString as ne, withModifiers as oe, normalizeStyle as ae, createTextVNode as ie, vShow as ue } from "vue";
+import { defineComponent as j, mergeModels as U, useModel as S, useId as q, useTemplateRef as d, shallowRef as c, onBeforeMount as G, onMounted as J, onUnmounted as Q, watch as E, nextTick as Y, createBlock as z, openBlock as x, withCtx as M, createElementBlock as Z, Fragment as _, renderList as ee, renderSlot as b, createElementVNode as u, normalizeClass as f, withDirectives as I, unref as te, vModelText as le, toDisplayString as ne, withModifiers as oe, normalizeStyle as ae, createTextVNode as ie, vShow as ue } from "vue";
 import se from "../BaseDropDown.vue.js";
 import '../../../../../assets/BaseDropDown.css';/* empty css                   */
 import re from "../BaseSelect/SelectItem.vue.js";
@@ -31,14 +31,14 @@ const ce = ["id", "data-cy", "placeholder"], fe = ["innerHTML"], ye = /* @__PURE
   }),
   emits: /* @__PURE__ */ U(["input", "click", "inputClick", "keydown"], ["update:open", "update:modelValue", "update:inputValue"]),
   setup(t, { expose: L, emit: D }) {
-    const s = S(t, "open"), p = S(t, "modelValue"), o = S(t, "inputValue"), v = D, K = q(), C = d("inputRef"), k = c(0), y = c(!1), r = c(!1), x = c(null), a = c([]), O = d("dropdownRef"), h = d("hiddenSpan"), w = d("inputWrapperRef"), R = d("clearButtonRef"), N = () => {
+    const s = S(t, "open"), p = S(t, "modelValue"), o = S(t, "inputValue"), v = D, K = q(), C = d("inputRef"), k = c(0), y = c(!1), r = c(!1), W = c(null), a = c([]), O = d("dropdownRef"), h = d("hiddenSpan"), w = d("inputWrapperRef"), R = d("clearButtonRef"), N = () => {
       o.value = "", p.value = null, r.value = !1;
     }, A = async (l) => {
       if (!l) {
         a.value = [], s.value = !1;
         return;
       }
-      t.disableCb || (a.value = await x.value?.(l) || [], y.value = !0, s.value = !!a.value.length);
+      t.disableCb || (a.value = await W.value?.(l) || [], y.value = !0, s.value = !!a.value.length);
     }, F = (l = -1) => {
       const e = a.value[l];
       !e || e.id === p.value?.id || (t.onOptionSelectedCb?.(e), o.value = e.label, s.value = !1, p.value = e, r.value = !0, a.value = []);
@@ -51,11 +51,11 @@ const ce = ["id", "data-cy", "placeholder"], fe = ["innerHTML"], ye = /* @__PURE
     const $ = () => {
       const l = h.value, e = w.value, n = R.value;
       if (!l || !e) return;
-      const T = l.offsetWidth, b = e.offsetWidth, i = t.clearButton?.offset || 0, g = t.clearButton?.width || n?.offsetWidth || 0, X = b - i - g, V = Math.min(T, X);
+      const T = l.offsetWidth, m = e.offsetWidth, i = t.clearButton?.offset || 0, g = t.clearButton?.width || n?.offsetWidth || 0, X = m - i - g, V = Math.min(T, X);
       V !== k.value && (k.value = V);
     };
     return G(() => {
-      x.value = de({ delay: 300 }, t.onInputChangeCb);
+      W.value = de({ delay: 300 }, t.onInputChangeCb);
     }), J(() => {
       w.value && (B = new ResizeObserver(() => {
         $();
@@ -82,7 +82,7 @@ const ce = ["id", "data-cy", "placeholder"], fe = ["innerHTML"], ye = /* @__PURE
       getRootElement: () => O.value?.getRootElement(),
       select: P,
       focus: H
-    }), (l, e) => (M(), z(se, {
+    }), (l, e) => (x(), z(se, {
       ref: "dropdownRef",
       class: "uikit-clearable-autocomplete",
       "data-cy": t.dataCy,
@@ -95,12 +95,12 @@ const ce = ["id", "data-cy", "placeholder"], fe = ["innerHTML"], ye = /* @__PURE
       open: s.value,
       "onUpdate:open": e[6] || (e[6] = (n) => s.value = n)
     }, {
-      btn_slot: W(() => [
+      btn_slot: M(() => [
         u("div", {
           class: f(["uikit-text-16", t.triggerWrapperClasses]),
           onClick: e[4] || (e[4] = (n) => v("click", n))
         }, [
-          m(l.$slots, "left-icon"),
+          b(l.$slots, "left-icon"),
           u("div", {
             ref: "inputWrapperRef",
             class: f(["uikit-relative", t.inputWrapperClasses])
@@ -134,7 +134,7 @@ const ce = ["id", "data-cy", "placeholder"], fe = ["innerHTML"], ye = /* @__PURE
             u("span", {
               ref_key: "hiddenSpan",
               ref: h,
-              class: f(["uikit-invisible uikit-absolute uikit-left-0 uikit-top-0 uikit-whitespace-pre", t.hiddenTextClasses]),
+              class: f(["uikit-invisible uikit-absolute uikit-left-0 uikit-top-0 uikit-max-w-full uikit-overflow-hidden uikit-whitespace-pre", t.hiddenTextClasses]),
               style: {
                 font: "inherit",
                 fontSize: "inherit"
@@ -152,31 +152,31 @@ const ce = ["id", "data-cy", "placeholder"], fe = ["innerHTML"], ye = /* @__PURE
               }),
               onClick: oe(N, ["stop"])
             }, [
-              m(l.$slots, "clear-icon", {}, () => [
+              b(l.$slots, "clear-icon", {}, () => [
                 e[7] || (e[7] = ie("X", -1))
               ])
             ], 6), [
               [ue, r.value && k.value]
             ])
           ], 2),
-          m(l.$slots, "right-icon")
+          b(l.$slots, "right-icon")
         ], 2)
       ]),
-      default: W(({ activeIdx: n, setActiveIdx: T }) => [
-        (M(!0), Z(_, null, ee(a.value, (b, i) => (M(), z(re, {
+      default: M(({ activeIdx: n, setActiveIdx: T }) => [
+        (x(!0), Z(_, null, ee(a.value, (m, i) => (x(), z(re, {
           key: i,
           active: n === i,
           class: "uikit-m-1 uikit-rounded-[5px] uikit-px-5 uikit-py-10px hover:uikit-cursor-pointer",
           onClick: (g) => F(i),
           onMouseover: (g) => T(i)
         }, {
-          default: W(() => [
-            m(l.$slots, "option-content", {
-              option: b,
+          default: M(() => [
+            b(l.$slots, "option-content", {
+              option: m,
               idx: i
             }, () => [
               u("span", {
-                innerHTML: b.label
+                innerHTML: m.label
               }, null, 8, fe)
             ])
           ]),

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

@@ -132,9 +132,7 @@ const J = { class: "range_container" }, K = { class: "sliders_control" }, O = ["
         l
       ), h(parseInt(l.value, 10), l), a <= t ? (d.value = t, o.value = v) : (l.value = `${a}`, d.value = a, o.value = a);
     }, b = j();
-    return (() => {
-      n.value = parseInt(`${m.min || 0}`, 10), u.value = parseInt(`${m.max || 100}`, 10), c.value = n.value, d.value = u.value, r.value = parseInt(`${b.minValue || n.value}`, 10), o.value = parseInt(`${b.maxValue || u.value}`, 10), F.value = Math.log(r.value || 1), M.value = Math.log(o.value), y.value = (M.value - F.value) / (u.value - n.value);
-    })(), q(() => {
+    return n.value = parseInt(`${m.min || 0}`, 10), u.value = parseInt(`${m.max || 100}`, 10), c.value = n.value, d.value = u.value, r.value = parseInt(`${b.minValue || n.value}`, 10), o.value = parseInt(`${b.maxValue || u.value}`, 10), F.value = Math.log(r.value || 1), M.value = Math.log(o.value), y.value = (M.value - F.value) / (u.value - n.value), q(() => {
       !g.value || !i.value || (V(
         c.value,
         {

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,38 +1,39 @@
-import { defineComponent as s, mergeModels as n, useModel as d, createElementBlock as k, openBlock as c, renderSlot as u, createVNode as a, 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"], y = /* @__PURE__ */ s({
-  inheritAttrs: !1,
+const g = { class: "uikit-flex uikit-items-center uikit-gap-[8px]" }, w = ["innerHTML"], V = /* @__PURE__ */ d({
   __name: "BaseToggle",
-  props: /* @__PURE__ */ n({
-    label: {}
+  props: /* @__PURE__ */ s({
+    label: {},
+    dataCy: {}
   }, {
     modelValue: { type: Boolean, default: !1 },
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(t) {
-    const i = d(t, "modelValue");
-    return (e, l) => (c(), k("div", g, [
-      u(e.$slots, "leftLabel"),
-      a(o(b), {
+  setup(e) {
+    const i = n(e, "modelValue");
+    return (t, l) => (c(), k("div", g, [
+      a(t.$slots, "leftLabel"),
+      u(o(b), {
         modelValue: i.value,
         "onUpdate:modelValue": l[0] || (l[0] = (r) => i.value = r),
+        "data-cy": e.dataCy,
         class: "uikit-flex uikit-h-[20px] uikit-w-[40px] uikit-cursor-pointer uikit-rounded-full uikit-p-0 uikit-transition-[background] uikit-will-change-[background] focus-visible:uikit-outline-w-primary data-[state=checked]:uikit-bg-w-primary data-[state=unchecked]:uikit-bg-w-cultured"
       }, {
         default: f(() => [
-          a(o(h), { class: "uikit-box-border uikit-flex uikit-size-[20px] uikit-translate-x-0 uikit-items-center uikit-justify-center uikit-rounded-full uikit-border uikit-border-solid uikit-border-w-lightgray uikit-bg-white uikit-shadow-xl uikit-transition-transform uikit-will-change-transform data-[state=checked]:uikit-translate-x-full" })
+          u(o(h), { class: "uikit-box-border uikit-flex uikit-size-[20px] uikit-translate-x-0 uikit-items-center uikit-justify-center uikit-rounded-full uikit-border uikit-border-solid uikit-border-w-lightgray uikit-bg-white uikit-shadow-xl uikit-transition-transform uikit-will-change-transform data-[state=checked]:uikit-translate-x-full" })
         ]),
         _: 1
-      }, 8, ["modelValue"]),
-      e.$slots.leftLabel ? m("", !0) : u(e.$slots, "rightLabel", { key: 0 }, () => [
+      }, 8, ["modelValue", "data-cy"]),
+      t.$slots.leftLabel ? m("", !0) : a(t.$slots, "rightLabel", { key: 0 }, () => [
         p("span", {
           class: "uikit-ml-[10px]",
-          innerHTML: t.label
+          innerHTML: e.label
         }, null, 8, w)
       ])
     ]));
   }
 });
 export {
-  y as default
+  V as default
 };

package/dist/packages/components/lib/UIKit/Checkbox/v2/CheckboxGroupItemPrimitive.vue.js

@@ -0,0 +1,33 @@
+import { defineComponent as n, createPropsRestProxy as p, createBlock as u, openBlock as i, unref as m, mergeProps as s, withCtx as c, renderSlot as y, normalizeProps as f, guardReactiveProps as C } from "vue";
+import { CheckboxRoot as B } from "reka-ui";
+const V = /* @__PURE__ */ n({
+  __name: "CheckboxGroupItemPrimitive",
+  props: {
+    dataCy: {},
+    value: {},
+    defaultValue: { type: [Boolean, String] },
+    modelValue: { type: [Boolean, String, null] },
+    disabled: { type: Boolean },
+    id: {},
+    asChild: { type: Boolean },
+    as: {},
+    name: {},
+    required: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(t, { emit: a }) {
+    const r = p(t, ["dataCy"]), l = a;
+    return (d, o) => (i(), u(m(B), s(r, {
+      "data-cy": t.dataCy,
+      "onUpdate:modelValue": o[0] || (o[0] = (e) => l("update:modelValue", e))
+    }), {
+      default: c((e) => [
+        y(d.$slots, "default", f(C(e)))
+      ]),
+      _: 3
+    }, 16, ["data-cy"]));
+  }
+});
+export {
+  V as default
+};

package/dist/packages/components/lib/UIKit/Checkbox/v2/CheckboxGroupPrimitive.vue.js

@@ -0,0 +1,35 @@
+import { defineComponent as n, createPropsRestProxy as p, createBlock as u, openBlock as i, unref as s, mergeProps as m, withCtx as c, renderSlot as y } from "vue";
+import { CheckboxGroupRoot as f } from "reka-ui";
+const x = /* @__PURE__ */ n({
+  __name: "CheckboxGroupPrimitive",
+  props: {
+    dataCy: {},
+    defaultValue: {},
+    modelValue: {},
+    rovingFocus: { type: Boolean },
+    disabled: { type: Boolean },
+    as: {},
+    asChild: { type: Boolean },
+    dir: {},
+    orientation: {},
+    loop: { type: Boolean },
+    name: {},
+    required: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: t }) {
+    const a = p(e, ["dataCy"]), r = t;
+    return (l, o) => (i(), u(s(f), m(a, {
+      "data-cy": e.dataCy,
+      "onUpdate:modelValue": o[0] || (o[0] = (d) => r("update:modelValue", d))
+    }), {
+      default: c(() => [
+        y(l.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["data-cy"]));
+  }
+});
+export {
+  x as default
+};