@wikicasa-dev/components 2.2.9-alpha.66 → 2.2.9-alpha.7

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

@@ -1,7 +1,7 @@
-import { defineComponent as I, ref as n, useTemplateRef as T, onUnmounted as z, watch as H, createBlock as O, openBlock as m, Teleport as $, createElementVNode as a, normalizeClass as s, createElementBlock as y, createCommentVNode as h, renderSlot as d, withModifiers as D, createVNode as F, unref as K, nextTick as N } from "vue";
-import { isWindows as g, awaitableSetTimeout as S } from "@wikicasa-dev/utilities";
+import { defineComponent as I, ref as n, useTemplateRef as T, onUnmounted as z, watch as H, createBlock as O, openBlock as r, Teleport as $, createElementVNode as l, normalizeClass as s, withModifiers as y, createElementBlock as h, createCommentVNode as w, renderSlot as d, createVNode as D, unref as K, nextTick as N } from "vue";
+import { isWindows as C, awaitableSetTimeout as S } from "@wikicasa-dev/utilities";
 import { CloseIcon as V } from "@wikicasa-dev/svg-icons";
-const P = ["id", "data-cy"], U = ["innerHTML"], j = /* @__PURE__ */ I({
+const F = ["id", "data-cy"], U = ["innerHTML"], R = /* @__PURE__ */ I({
   __name: "BaseModal",
   props: {
     id: { default: "base-bt-modal" },
@@ -24,25 +24,25 @@ const P = ["id", "data-cy"], U = ["innerHTML"], j = /* @__PURE__ */ I({
     titleClasses: {}
   },
   emits: ["closed", "opened", "dialogClick"],
-  setup(e, { emit: w }) {
-    const c = w, i = n(!1), r = n(null), l = T("modalDialog"), k = n(!1), u = n(!1), f = ({ key: t }) => {
+  setup(e, { emit: g }) {
+    const c = g, i = n(!1), m = n(null), a = T("modalDialog"), k = n(!1), u = n(!1), f = ({ key: t }) => {
       t === "Escape" && o();
-    }, C = () => {
+    }, x = () => {
       document?.body.addEventListener("keydown", f);
     }, b = () => {
       document?.body.removeEventListener("keydown", f);
-    }, x = async () => {
+    }, p = async () => {
       i.value = !0, N(() => {
-        C(), g() ? document?.body.classList.add("uikit-no-scrolling", "sm:uikit-pr-15px") : document?.body.classList.add("uikit-no-scrolling");
+        x(), C() ? document?.body.classList.add("uikit-no-scrolling", "sm:uikit-pr-15px") : document?.body.classList.add("uikit-no-scrolling");
       }), c("opened"), e.autoClose !== void 0 && setTimeout(() => {
         o();
       }, e.autoClose);
-    }, p = (t) => {
-      l.value && l.value.contains(t.target) && (u.value = !0);
     }, M = (t) => {
-      l.value && l.value.contains(t.target) && (u.value = !1);
-    }, B = async (t) => {
-      if (!r.value?.contains(t.target) && e.closeOnClickOut) {
+      a.value && a.value.contains(t.target) && (u.value = !0);
+    }, B = (t) => {
+      a.value && a.value.contains(t.target) && (u.value = !1);
+    }, L = async () => {
+      if (e.closeOnClickOut) {
         if (u.value) {
           u.value = !1;
           return;
@@ -51,25 +51,21 @@ const P = ["id", "data-cy"], U = ["innerHTML"], j = /* @__PURE__ */ I({
       }
     }, o = async () => {
       i.value = !1, b(), document?.documentElement.classList.remove("uikit-no-scrolling"), navigator.userAgent.includes("Windows") ? document?.body.classList.remove("uikit-no-scrolling", "sm:uikit-pr-15px") : document?.body.classList.remove("uikit-no-scrolling"), await S(() => {
-        r.value?.classList.add("uikit-hidden"), c("closed");
+        m.value?.classList.add("uikit-hidden"), c("closed");
       }, 250);
     };
-    z(() => {
-      b(), document?.documentElement.classList.remove("uikit-no-scrolling"), g() ? document?.body.classList.remove("uikit-no-scrolling", "sm:uikit-pr-15px") : document?.body.classList.remove("uikit-no-scrolling");
+    return z(() => {
+      b(), document?.documentElement.classList.remove("uikit-no-scrolling"), C() ? document?.body.classList.remove("uikit-no-scrolling", "sm:uikit-pr-15px") : document?.body.classList.remove("uikit-no-scrolling");
     }), H(
       () => e.showModal,
       async (t) => {
-        !t && !i.value ? k.value = !0 : k.value = !1, t && !i.value && await x(), !t && i.value && await o(), i.value = t;
+        !t && !i.value ? k.value = !0 : k.value = !1, t && !i.value && await p(), !t && i.value && await o(), i.value = t;
       },
       { immediate: !0 }
-    );
-    const L = (t) => {
-      l.value === t.target && t.stopPropagation();
-    };
-    return (t, v) => (m(), O($, { to: "body" }, [
-      a("div", {
+    ), (t, v) => (r(), O($, { to: "body" }, [
+      l("div", {
         ref_key: "backdropEl",
-        ref: r,
+        ref: m,
         class: s(["bbt-backdrop uikit-fixed uikit-left-0 uikit-top-0 uikit-h-full uikit-w-full", [
           e.customBackdropClasses,
           {
@@ -80,11 +76,11 @@ const P = ["id", "data-cy"], U = ["innerHTML"], j = /* @__PURE__ */ I({
           { hide: k.value }
         ]]),
         style: { "z-index": "1062" },
-        onClick: B,
-        onMousedown: p,
-        onMouseup: M
+        onClick: L,
+        onMousedown: M,
+        onMouseup: B
       }, [
-        a("dialog", {
+        l("dialog", {
           id: e.id,
           ref: "modalDialog",
           "data-cy": e.dataCy,
@@ -98,52 +94,50 @@ const P = ["id", "data-cy"], U = ["innerHTML"], j = /* @__PURE__ */ I({
             `base-${e.size}`,
             e.fullHeight ? "uikit-h-[95%]" : "uikit-h-auto"
           ]]),
-          tabindex: "-1",
-          onClick: v[0] || (v[0] = (E) => c("dialogClick", E)),
-          onFocusin: L
+          onClick: v[0] || (v[0] = y((E) => c("dialogClick", E), ["stop"]))
         }, [
-          a("div", {
+          l("div", {
             class: s(["default-header uikit-sticky uikit-top-0 uikit-z-10 uikit-rounded-t uikit-border-0 uikit-bg-white uikit-px-4 uikit-pb-10px uikit-pt-20px sm:uikit-px-6", [e.customModalHeaderClasses]])
           }, [
-            e.withCloseIcon ? (m(), y("button", {
+            e.withCloseIcon ? (r(), h("button", {
               key: 0,
               id: "close-icon-btn",
               "data-cy": "bbt-default-close-icon-btn",
               class: s(["uikit-absolute uikit-right-15px uikit-top-15px uikit-z-10 uikit-bg-transparent uikit-p-5px", e.closeIconBtnClasses]),
               type: "button",
               "aria-label": "Close",
-              onClick: D(o, ["prevent", "stop"])
+              onClick: y(o, ["prevent", "stop"])
             }, [
-              F(K(V), {
+              D(K(V), {
                 class: s(["bbt-close-icon uikit-box-border", e.closeIcon?.classes]),
                 width: e.closeIcon?.size || 20,
                 height: e.closeIcon?.size || 20
               }, null, 8, ["class", "width", "height"])
-            ], 2)) : h("", !0),
+            ], 2)) : w("", !0),
             d(t.$slots, "header", { closeModal: o }, () => [
-              a("span", {
+              l("span", {
                 class: s(["uikit-w-auto uikit-text-18 uikit-font-semibold sm:uikit-text-22", e.titleClasses]),
                 innerHTML: e.headerTitle
               }, null, 10, U)
             ])
           ], 2),
-          a("div", {
+          l("div", {
             class: s(["uikit-bbt-body uikit-flex-auto uikit-overflow-y-auto uikit-overflow-x-hidden uikit-px-4 uikit-pb-0 uikit-no-scrollbar sm:uikit-px-6 sm:uikit-pb-25px", [e.customModalBodyClasses]])
           }, [
             d(t.$slots, "body", { closeModal: o })
           ], 2),
-          t.$slots.footer ? (m(), y("div", {
+          t.$slots.footer ? (r(), h("div", {
             key: 0,
             class: s(["uikit-bbt-footer uikit-sticky uikit-bottom-0 uikit-border-0 uikit-bg-white uikit-px-4 uikit-py-15px sm:uikit-px-6", e.customModalFooterClasses])
           }, [
             d(t.$slots, "footer", { closeModal: o })
-          ], 2)) : h("", !0),
+          ], 2)) : w("", !0),
           d(t.$slots, "fixed-bottom")
-        ], 42, P)
+        ], 10, F)
       ], 34)
     ]));
   }
 });
 export {
-  j as default
+  R as default
 };

package/dist/packages/components/lib/UIKit/BaseSelect/SelectItem.vue.js

@@ -1,5 +1,5 @@
-import { defineComponent as u, useTemplateRef as c, watch as d, nextTick as m, createElementBlock as r, openBlock as f, normalizeClass as v, renderSlot as k, createElementVNode as x } from "vue";
-const b = ["data-active", "tabindex"], p = ["innerHTML"], $ = /* @__PURE__ */ u({
+import { defineComponent as u, useTemplateRef as r, watch as m, nextTick as c, createElementBlock as d, openBlock as f, normalizeClass as k, renderSlot as v, createElementVNode as x } from "vue";
+const p = ["tabindex"], b = ["innerHTML"], $ = /* @__PURE__ */ u({
   __name: "SelectItem",
   props: {
     label: { default: "" },
@@ -7,34 +7,33 @@ const b = ["data-active", "tabindex"], p = ["innerHTML"], $ = /* @__PURE__ */ u(
     idx: { default: -1 }
   },
   emits: ["click", "mouseover"],
-  setup(t, { emit: o }) {
-    const a = o, i = t, n = c("liItem");
-    return d(
-      () => i.active,
+  setup(l, { emit: a }) {
+    const n = a, t = l, o = r("liItem");
+    return m(
+      () => t.active,
       (e) => {
-        e && m(() => {
-          n.value && n.value.focus();
+        e && c(() => {
+          o.value && o.value.focus();
         });
       },
       { immediate: !0 }
-    ), (e, l) => (f(), r("li", {
+    ), (e, i) => (f(), d("li", {
       ref: "liItem",
-      class: v(["uikit-list-none uikit-text-w-black", [
-        { "active uikit-bg-w-cultured": t.active },
+      class: k(["uikit-list-none uikit-text-w-black", [
+        { "active uikit-bg-w-cultured": l.active },
         "uikit-outline-none",
         e.$attrs.class
       ]]),
-      "data-active": t.active,
       tabindex: e.$attrs.tabindex ?? -1,
-      onClick: l[0] || (l[0] = (s) => a("click", i.idx)),
-      onMouseover: l[1] || (l[1] = (s) => a("mouseover", i.idx))
+      onClick: i[0] || (i[0] = (s) => n("click", t.idx)),
+      onMouseover: i[1] || (i[1] = (s) => n("mouseover", t.idx))
     }, [
-      k(e.$slots, "default", { itemIdx: t.idx }, () => [
+      v(e.$slots, "default", { itemIdx: l.idx }, () => [
         x("span", {
-          innerHTML: i.label
-        }, null, 8, p)
+          innerHTML: t.label
+        }, null, 8, b)
       ])
-    ], 42, b));
+    ], 42, p));
   }
 });
 export {

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

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

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

@@ -1,11 +1,11 @@
-import { defineComponent as B, mergeModels as y, useModel as A, ref as I, computed as i, watch as C, renderSlot as p, createElementVNode as M, normalizeClass as x, createElementBlock as R, createCommentVNode as K, openBlock as v, Fragment as V, renderList as w, createBlock as L, unref as G } from "vue";
-import { stringToHyphened as N, isArrNullOrEmpty as T } from "@wikicasa-dev/utilities";
-import F from "./CheckboxBtn.vue.js";
+import { defineComponent as v, ref as D, computed as h, watch as E, renderSlot as b, createElementVNode as $, normalizeClass as g, createElementBlock as B, createCommentVNode as A, openBlock as C, Fragment as I, renderList as R, createBlock as K, unref as V } from "vue";
+import { stringToHyphened as L, isArrNullOrEmpty as G } from "@wikicasa-dev/utilities";
+import N from "./CheckboxBtn.vue.js";
 import '../../../../../assets/CheckboxBtn.css';/* empty css                 */
-const O = ["id", "data-cy"], q = /* @__PURE__ */ B({
+const T = ["id", "data-cy"], j = /* @__PURE__ */ v({
   inheritAttrs: !1,
   __name: "CheckboxGroup",
-  props: /* @__PURE__ */ y({
+  props: {
     checkboxData: { default() {
       return [];
     } },
@@ -18,100 +18,95 @@ const O = ["id", "data-cy"], q = /* @__PURE__ */ B({
     getKey: { type: Function, default: (a) => typeof a == "string" || typeof a == "number" ? `${a}` : `${a.id}` },
     groupId: { default: "" },
     dataCy: { default: "" }
-  }, {
-    refresh: { type: Boolean, default: !1 },
-    refreshModifiers: {}
-  }),
-  emits: /* @__PURE__ */ y(["resetted", "update:modelValue", "checkedGroup"], ["update:refresh"]),
-  setup(a, { emit: D }) {
-    const o = a, s = D, f = A(a, "refresh"), l = I(
+  },
+  emits: ["resetted", "update:modelValue", "checkedGroup"],
+  setup(a, { emit: y }) {
+    const o = a, s = y, l = D(
       /* @__PURE__ */ new Map()
-    ), r = i(() => {
+    ), r = h(() => {
       for (const e of o.checkboxData)
         if (e.reset) return e;
       return null;
-    }), E = i(() => o.checkboxData.length), k = i(() => {
+    }), x = h(() => o.checkboxData.length), f = h(() => {
       let e = 0;
-      return l.value.forEach((c) => {
-        c.checked && e++;
+      return l.value.forEach((t) => {
+        t.checked && e++;
       }), e;
-    }), m = () => {
-      const e = [], c = /* @__PURE__ */ new Map();
+    });
+    (() => {
+      const e = [];
       for (const t of o.checkboxData)
-        c.set(`${t.id}`, {
+        l.value.set(`${t.id}`, {
           ...t,
           checked: !!t.checked
         }), t.checked && e.push(t);
-      l.value = c, s("update:modelValue", e);
-    };
-    m();
-    const u = (e, c) => {
-      const t = l.value.get(e);
-      if (t) {
-        if (c) {
-          l.value.set(e, { ...t, ...c });
+      s("update:modelValue", e);
+    })();
+    const u = (e, t) => {
+      const c = l.value.get(e);
+      if (c) {
+        if (t) {
+          l.value.set(e, { ...c, ...t });
           return;
         }
-        l.value.set(e, { ...t, checked: !t.checked });
+        l.value.set(e, { ...c, checked: !c.checked });
       }
-    }, b = () => {
+    }, k = () => {
       l.value.forEach((e) => {
         e.checked = !1;
       });
-    }, g = () => {
-      b(), s("update:modelValue", []), s("resetted");
-    }, d = (e) => l.value.get(o.getKey(e))?.checked ?? !1, h = (e) => {
-      if (T(o.checkboxData)) return;
-      const c = l.value.get(e.id);
-      c?.reset && e.checked ? b() : r.value && !c?.reset && u(o.getKey(r.value), { checked: !1 }), u(`${e.id}`), o.autoCheckResetAll && r.value && k.value === E.value - 1 && l.value.forEach((n) => {
+    }, m = () => {
+      k(), s("update:modelValue", []), s("resetted");
+    }, d = (e) => l.value.get(o.getKey(e))?.checked ?? !1, i = (e) => {
+      if (G(o.checkboxData)) return;
+      const t = l.value.get(e.id);
+      t?.reset && e.checked ? k() : r.value && !t?.reset && u(o.getKey(r.value), { checked: !1 }), u(`${e.id}`), o.autoCheckResetAll && r.value && f.value === x.value - 1 && l.value.forEach((n) => {
         n.checked = !!n.reset;
-      }), o.autoCheckResetEmpty && r.value && !k.value && (!o.manualToggleResetButton || !c?.reset) && u(o.getKey(r.value), { checked: !0 });
-      const t = [];
+      }), o.autoCheckResetEmpty && r.value && !f.value && (!o.manualToggleResetButton || !t?.reset) && u(o.getKey(r.value), { checked: !0 });
+      const c = [];
       l.value.forEach((n) => {
-        n.checked && t.push(n);
-      }), s("update:modelValue", t), s("checkedGroup", o.groupId);
+        n.checked && c.push(n);
+      }), s("update:modelValue", c), s("checkedGroup", o.groupId);
     };
-    return C(
+    return E(
       () => o.reset,
       (e) => {
-        e && g();
+        e && m();
       }
-    ), C(f, (e) => {
-      e && (m(), f.value = !1);
-    }), (e, c) => p(e.$slots, "default", {
+    ), (e, t) => b(e.$slots, "default", {
       isActive: d,
-      handleChange: h,
+      handleChange: i,
       checkboxesData: a.checkboxData
     }, () => [
-      M("div", {
+      $("div", {
         id: a.groupId,
-        class: x(["checkbox-group-container", e.$attrs.class || ""]),
+        class: g(["checkbox-group-container", e.$attrs.class || ""]),
         "data-cy": a.dataCy
       }, [
-        p(e.$slots, "checkbox_elements", {
+        b(e.$slots, "checkbox_elements", {
           isActive: d,
-          handleChange: h,
+          handleChange: i,
           checkboxesData: a.checkboxData,
-          reset: g
+          reset: m
         }, () => [
-          a.checkboxData ? (v(!0), R(V, { key: 0 }, w(a.checkboxData, (t, n) => (v(), L(F, {
-            id: a.getKey(t),
+          a.checkboxData ? (C(!0), B(I, { key: 0 }, R(a.checkboxData, (c, n) => (C(), K(N, {
+            id: a.getKey(c),
             key: n,
-            "data-cy": t.dataCy ?? `checkbox_${G(N)(`${t.label}`)}`,
-            label: t.label,
+            "data-cy": c.dataCy ?? `checkbox_${V(L)(`${c.label}`)}`,
+            label: c.label,
             inline: a.formCheckInline,
-            "model-value": d(t),
-            class: x([
+            "model-value": d(c),
+            class: g([
               a.formCheckInline ? "uikit-mr-10px" : "uikit-mb-10px",
               a.checkboxContainerClasses
             ]),
-            onChange: c[0] || (c[0] = ($) => h($))
-          }, null, 8, ["id", "data-cy", "label", "inline", "model-value", "class"]))), 128)) : K("", !0)
+            onChange: t[0] || (t[0] = (p) => i(p))
+          }, null, 8, ["id", "data-cy", "label", "inline", "model-value", "class"]))), 128)) : A("", !0)
         ])
-      ], 10, O)
+      ], 10, T)
     ]);
   }
 });
 export {
-  q as default
+  j as default
 };

package/dist/packages/components/lib/UIKit/Radio/RadioButton.vue.js

@@ -1,9 +1,8 @@
-import { defineComponent as c, useId as k, computed as m, createElementBlock as f, openBlock as b, withModifiers as t, createElementVNode as a, normalizeClass as u, createTextVNode as h, toDisplayString as C } from "vue";
-const y = ["data-cy"], V = ["id", "name", "checked"], x = ["for"], g = /* @__PURE__ */ c({
+import { defineComponent as k, useId as c, computed as m, createElementBlock as f, openBlock as b, withModifiers as t, createElementVNode as l, normalizeClass as d, createTextVNode as h, toDisplayString as C } from "vue";
+const V = ["id", "name", "checked"], x = ["for"], y = /* @__PURE__ */ k({
   __name: "RadioButton",
   props: {
     id: {},
-    dataCy: {},
     name: {},
     label: {},
     modelValue: { type: Boolean, default: !1 },
@@ -12,21 +11,20 @@ const y = ["data-cy"], V = ["id", "name", "checked"], x = ["for"], g = /* @__PUR
   },
   emits: ["change", "update:modelValue"],
   setup(e, { emit: s }) {
-    const l = s, n = k(), o = m(() => `${e.id ?? n}`), r = () => {
+    const n = s, a = c(), o = m(() => `${e.id ?? a}`), r = () => {
       if (e.modelValue) return;
-      const d = {
-        id: e.id ?? n,
+      const u = {
+        id: e.id ?? a,
         label: e.label,
         name: e.name
       };
-      l("change", d), l("update:modelValue", !e.modelValue);
+      n("change", u), n("update:modelValue", !e.modelValue);
     };
-    return (d, i) => (b(), f("div", {
+    return (u, i) => (b(), f("div", {
       class: "uikit-inline-block",
-      "data-cy": e.dataCy,
       onClick: t(r, ["stop"])
     }, [
-      a("input", {
+      l("input", {
         id: o.value,
         ref: "checkbox",
         type: "radio",
@@ -38,12 +36,12 @@ const y = ["data-cy"], V = ["id", "name", "checked"], x = ["for"], g = /* @__PUR
         onClick: i[1] || (i[1] = t(() => {
         }, ["prevent"]))
       }, null, 40, V),
-      a("label", {
-        class: u([e.labelClasses, "uikit-flex uikit-cursor-pointer uikit-items-center uikit-text-sm"]),
+      l("label", {
+        class: d([e.labelClasses, "uikit-flex uikit-cursor-pointer uikit-items-center uikit-text-sm"]),
         for: o.value
       }, [
-        a("span", {
-          class: u(["uikit-flex-no-shrink uikit-mr-2 uikit-inline-block uikit-h-4 uikit-w-4 uikit-transform uikit-rounded-full uikit-border uikit-border-solid uikit-border-w-secondary uikit-transition-colors uikit-duration-200", [
+        l("span", {
+          class: d(["uikit-flex-no-shrink uikit-mr-2 uikit-inline-block uikit-h-4 uikit-w-4 uikit-transform uikit-rounded-full uikit-border uikit-border-solid uikit-border-w-secondary uikit-transition-colors uikit-duration-200", [
             {
               "checked uikit-border-w-primary uikit-bg-w-primary uikit-shadow-[0_0_0_2px_white_inset]": e.modelValue
             },
@@ -52,9 +50,9 @@ const y = ["data-cy"], V = ["id", "name", "checked"], x = ["for"], g = /* @__PUR
         }, null, 2),
         h(" " + C(e.label), 1)
       ], 10, x)
-    ], 8, y));
+    ]));
   }
 });
 export {
-  g as default
+  y as default
 };