@wikicasa-dev/components 1.10.1 → 2.0.1

package/dist/AccessibleSelect.js

@@ -1,4 +1,4 @@
-import { _ as f } from "./chunks/AccessibleSelect.vue_vue_type_script_setup_true_lang.BlYI8zO3.js";
+import { _ as f } from "./chunks/AccessibleSelect.vue_vue_type_script_setup_true_lang.MhVm5k0I.js";
 export {
   f as default
 };

package/dist/BaseAutocomplete.js

@@ -1,4 +1,4 @@
-import { _ as f } from "./chunks/BaseAutocomplete.vue_vue_type_script_setup_true_lang.FVR77AHA.js";
+import { _ as f } from "./chunks/BaseAutocomplete.vue_vue_type_script_setup_true_lang.CwGssIPe.js";
 export {
   f as default
 };

package/dist/BaseButton.js

@@ -1,4 +1,4 @@
-import { _ as f } from "./chunks/BaseButton.vue_vue_type_script_setup_true_lang.dlLTK59i.js";
+import { _ as f } from "./chunks/BaseButton.vue_vue_type_script_setup_true_lang.BWZPE2Gf.js";
 export {
   f as default
 };

package/dist/BaseDropDown.js

@@ -1,4 +1,4 @@
-import { _ as f } from "./chunks/BaseDropDown.vue_vue_type_script_setup_true_lang.B6bPMnvl.js";
+import { _ as f } from "./chunks/BaseDropDown.vue_vue_type_script_setup_true_lang.H0XcZCcL.js";
 export {
   f as default
 };

package/dist/BaseIcon.js

@@ -1,40 +1,28 @@
-import { defineComponent as e, openBlock as a, createElementBlock as i, normalizeClass as n, normalizeStyle as o } from "vue";
-import { _ as s } from "./chunks/_plugin-vue_export-helper.CHgC5LLL.js";
-import './assets/BaseIcon.css';const r = e({
-  name: "BaseIcon",
+import { defineComponent as e, openBlock as a, createElementBlock as i, normalizeClass as o, normalizeStyle as s } from "vue";
+import { _ as l } from "./chunks/_plugin-vue_export-helper.CHgC5LLL.js";
+import './assets/BaseIcon.css';const n = ["id", "alt", "src", "width", "height", "loading"], r = /* @__PURE__ */ e({
+  __name: "BaseIcon",
   props: {
-    lazyLoading: { type: Boolean, default: !1 },
-    altAttribute: {
-      type: String,
-      default: ""
-    },
-    iconName: {
-      type: String,
-      default: ""
-    },
-    iconType: {
-      type: String,
-      default: "icon-md"
-    },
-    iconClass: {
-      type: String,
-      default: "uikit-mr-5px"
-    }
+    lazyLoading: { type: Boolean },
+    altAttribute: {},
+    iconType: { default: "icon-md" },
+    iconClass: { default: "uikit-mr-5px" },
+    width: {},
+    height: {}
+  },
+  setup(d) {
+    return (t, c) => (a(), i("img", {
+      id: t.$attrs.id,
+      class: o(["uikit-inline-block", t.iconType, t.iconClass]),
+      alt: t.altAttribute || t.$attrs.alt,
+      style: s(t.$attrs.style),
+      src: t.$attrs.src ? t.$attrs.src : "",
+      width: t.width,
+      height: t.height,
+      loading: t.lazyLoading ? "lazy" : "eager"
+    }, null, 14, n));
   }
-}), l = ["id", "alt", "src", "width", "height", "loading"];
-function d(t, p, c, f, m, u) {
-  return a(), i("img", {
-    id: t.$attrs.id,
-    class: n(["uikit-inline-block", t.iconType, t.iconClass]),
-    alt: t.altAttribute || t.$attrs.alt,
-    style: o(t.$attrs.style),
-    src: t.$attrs.src ? t.$attrs.src : "",
-    width: t.$attrs.width,
-    height: t.$attrs.height,
-    loading: t.lazyLoading ? "lazy" : "eager"
-  }, null, 14, l);
-}
-const h = /* @__PURE__ */ s(r, [["render", d], ["__scopeId", "data-v-8b2e5b08"]]);
+}), m = /* @__PURE__ */ l(r, [["__scopeId", "data-v-40c30bac"]]);
 export {
-  h as default
+  m as default
 };

package/dist/BaseModal.js

@@ -1,4 +1,4 @@
-import { _ as f } from "./chunks/BaseModal.vue_vue_type_style_index_0_lang.Bl0EkSNw.js";
+import { _ as f } from "./chunks/BaseModal.vue_vue_type_style_index_0_lang.CautEumd.js";
 export {
   f as default
 };

package/dist/BaseTabList.js

@@ -1,4 +1,4 @@
-import { _ as f } from "./chunks/BaseTabList.vue_vue_type_script_setup_true_lang.BEX0zH-7.js";
+import { _ as f } from "./chunks/BaseTabList.vue_vue_type_script_setup_true_lang.tsvA8m8Z.js";
 export {
   f as default
 };

package/dist/BaseTabView.js

@@ -1,4 +1,4 @@
-import { _ as f } from "./chunks/BaseTabView.vue_vue_type_script_setup_true_lang.CrzWV8VV.js";
+import { _ as f } from "./chunks/BaseTabView.vue_vue_type_script_setup_true_lang.7M1aa7PG.js";
 export {
   f as default
 };

package/dist/CheckboxBtn.js

@@ -1,73 +1,72 @@
-import { defineComponent as f, useId as h, useAttrs as m, openBlock as o, createElementBlock as s, normalizeClass as a, withModifiers as r, createElementVNode as d, unref as u, renderSlot as g, toDisplayString as C, createCommentVNode as y } from "vue";
-import { _ as V } from "./chunks/_plugin-vue_export-helper.CHgC5LLL.js";
-import './assets/CheckboxBtn.css';const v = ["id"], w = ["id", "data-cy", "checked", "disabled"], $ = ["for"], B = /* @__PURE__ */ f({
+import { defineComponent as b, useId as f, computed as h, openBlock as r, createElementBlock as s, normalizeClass as l, withModifiers as o, createElementVNode as u, renderSlot as m, toDisplayString as C, createCommentVNode as g } from "vue";
+import { _ as y } from "./chunks/_plugin-vue_export-helper.CHgC5LLL.js";
+import './assets/CheckboxBtn.css';const v = ["id"], V = ["id", "data-cy", "checked", "disabled"], B = ["for"], w = /* @__PURE__ */ b({
   __name: "CheckboxBtn",
   props: {
     id: {},
+    dataCy: {},
+    disabled: { type: Boolean },
+    checked: { type: Boolean, default: () => {
+    } },
+    required: { type: Boolean },
     inputClass: {},
     inline: { type: Boolean, default: !1 },
     label: { default: "" },
     labelClass: {},
     isValid: { default: null },
     containerId: {},
-    containerClass: {},
     handleLabelClick: { type: Boolean, default: !0 },
     modelValue: { type: Boolean, default: !1 }
   },
-  emits: ["click", "change", "udpate:modelValue"],
-  setup(i, { emit: k }) {
-    const l = h(), c = m(), n = k, p = () => {
-      const e = c.checked ?? i.modelValue;
-      n("change", {
-        id: i.id ?? l,
+  emits: ["click", "change", "update:modelValue"],
+  setup(i, { emit: c }) {
+    const a = c, d = f(), n = h(() => `${i.id ?? d}`), k = () => {
+      const e = i.checked ?? i.modelValue;
+      a("change", {
+        id: i.id ?? d,
         label: i.label,
         checked: !e
-      }), n("udpate:modelValue", !e);
-    }, b = () => {
-      p(), i.handleLabelClick && n("click");
+      }), a("update:modelValue", !e);
+    }, p = () => {
+      k(), i.handleLabelClick && a("click");
     };
-    return (e, t) => (o(), s("div", {
+    return (e, t) => (r(), s("div", {
       id: e.containerId,
-      class: a(["uikit-group uikit-relative uikit-block uikit-pl-25px hover:uikit-cursor-pointer", [
-        { "uikit-mr-4 uikit-inline-flex uikit-items-center": e.inline },
-        { "uikit-py-10px": !e.inline && !e.$attrs["wrapper-margin-y"] },
-        e.$attrs["wrapper-margin-y"],
-        e.containerClass
-      ]]),
-      onClick: r(b, ["stop"])
+      class: l(["uikit-group uikit-relative uikit-items-center uikit-pl-30px hover:uikit-cursor-pointer", [{ "uikit-inline-flex": e.inline }, { "uikit-flex": !e.inline }]]),
+      onClick: o(p, ["stop"])
     }, [
-      d("input", {
-        id: `${e.id ?? u(l)}`,
+      u("input", {
+        id: n.value,
         ref: "checkbox",
-        "data-cy": e.$attrs["data-cy"],
-        class: a(["uikit-pointer-events-none uikit-absolute uikit-left-0 uikit-h-4 uikit-w-4 uikit-appearance-none uikit-rounded-3xs uikit-border uikit-border-solid uikit-border-w-secondary uikit-bg-white checked:uikit-bg-center checked:uikit-bg-no-repeat group-hover:uikit-cursor-pointer", [
+        "data-cy": e.dataCy,
+        class: l(["uikit-pointer-events-none uikit-absolute uikit-left-0 uikit-size-4 uikit-appearance-none uikit-rounded-3xs uikit-border uikit-border-solid uikit-border-w-secondary uikit-bg-white checked:uikit-bg-center checked:uikit-bg-no-repeat group-hover:uikit-cursor-pointer", [
           { "!uikit-border-w-danger": e.isValid === !1 },
           e.inputClass,
           e.isValid === !1 ? "checked-bg-invalid" : "checked-bg"
         ]]),
         type: "checkbox",
-        checked: e.$attrs.checked ?? e.modelValue,
-        disabled: e.$attrs.disabled,
-        onChange: t[0] || (t[0] = r(() => {
+        checked: e.checked ?? e.modelValue,
+        disabled: e.disabled,
+        onChange: t[0] || (t[0] = o(() => {
         }, ["prevent", "stop"])),
-        onClick: t[1] || (t[1] = r(() => {
+        onClick: t[1] || (t[1] = o(() => {
         }, ["prevent", "stop"]))
-      }, null, 42, w),
-      g(e.$slots, "label", {}, () => [
-        d("label", {
-          class: a(["uikit-pl-10px uikit-text-sm group-hover:uikit-cursor-pointer", [e.labelClass, { "uikit-text-w-danger": e.isValid === !1 }]]),
-          for: `${e.id ?? u(l)}`
-        }, C(e.label), 11, $),
-        e.$attrs.required ? (o(), s("span", {
+      }, null, 42, V),
+      m(e.$slots, "label", {}, () => [
+        u("label", {
+          class: l(["uikit-text-sm group-hover:uikit-cursor-pointer", [e.labelClass, { "uikit-text-w-danger": e.isValid === !1 }]]),
+          for: n.value
+        }, C(e.label), 11, B),
+        e.required ? (r(), s("span", {
           key: 0,
-          class: a(["required after:uikit-content-['*']", [
+          class: l(["required after:uikit-content-['*']", [
             e.isValid !== !1 ? "after:uikit-text-w-primary" : "after:uikit-text-w-danger"
           ]])
-        }, null, 2)) : y("", !0)
+        }, null, 2)) : g("", !0)
       ], !0)
     ], 10, v));
   }
-}), E = /* @__PURE__ */ V(B, [["__scopeId", "data-v-978e72e3"]]);
+}), z = /* @__PURE__ */ y(w, [["__scopeId", "data-v-be174811"]]);
 export {
-  E as default
+  z as default
 };

package/dist/CheckboxGroup.js

@@ -1,4 +1,4 @@
-import { _ as f } from "./chunks/CheckboxGroup.vue_vue_type_script_setup_true_lang.D-AjsQLI.js";
+import { _ as f } from "./chunks/CheckboxGroup.vue_vue_type_script_setup_true_lang.JlHKkjHJ.js";
 export {
   f as default
 };

package/dist/RadioButton.js

@@ -1,4 +1,4 @@
-import { _ as f } from "./chunks/RadioButton.vue_vue_type_script_setup_true_lang.DR6a7QAi.js";
+import { _ as f } from "./chunks/RadioButton.vue_vue_type_script_setup_true_lang.CiJAhkRj.js";
 export {
   f as default
 };

package/dist/RadioGroup.js

@@ -1,4 +1,4 @@
-import { _ as f } from "./chunks/RadioGroup.vue_vue_type_script_setup_true_lang.BYlMCUWP.js";
+import { _ as f } from "./chunks/RadioGroup.vue_vue_type_script_setup_true_lang.BalzO73O.js";
 export {
   f as default
 };

package/dist/StaticSpinner.js

@@ -22,7 +22,7 @@ import './assets/StaticSpinner.css';const c = {
       }, null, 8, i)
     ]));
   }
-}), k = /* @__PURE__ */ n(a, [["__scopeId", "data-v-ff694776"]]);
+}), d = /* @__PURE__ */ n(a, [["__scopeId", "data-v-10e0c0fd"]]);
 export {
-  k as default
+  d as default
 };

package/dist/UIKit/AccessibleSelect.vue.d.ts

@@ -1,4 +1,5 @@
 import { AccessibleSelectOptions } from './types';
+import { ClassType } from '@wikicasa-dev/types';
 declare function __VLS_template(): {
     slots: {
         lefticon?(_: {}): any;
@@ -25,6 +26,16 @@ declare const __VLS_component: import('vue').DefineComponent<{
      */
     closeOnBodyPressed?: boolean;
     border?: boolean;
+    fieldsetClasses?: ClassType;
+    legendClasses?: ClassType;
+    dropdownClasses?: ClassType;
+    arrowIcon?: Partial<{
+        width: number;
+        height: number;
+        strokeColor: `#${string}`;
+        classes: ClassType;
+    }>;
+    dataCy?: string;
 }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (args_0: AccessibleSelectOptions) => any;
 }, string, import('vue').PublicProps, Readonly<{
@@ -43,15 +54,39 @@ declare const __VLS_component: import('vue').DefineComponent<{
      */
     closeOnBodyPressed?: boolean;
     border?: boolean;
+    fieldsetClasses?: ClassType;
+    legendClasses?: ClassType;
+    dropdownClasses?: ClassType;
+    arrowIcon?: Partial<{
+        width: number;
+        height: number;
+        strokeColor: `#${string}`;
+        classes: ClassType;
+    }>;
+    dataCy?: string;
 }> & Readonly<{
     "onUpdate:modelValue"?: ((args_0: AccessibleSelectOptions) => any) | undefined;
 }>, {
     label: string;
+    arrowIcon: Partial<{
+        width: number;
+        height: number;
+        strokeColor: `#${string}`;
+        classes: ClassType;
+    }>;
+    dataCy: string;
     isValid: boolean | null;
     modelValue: AccessibleSelectOptions;
     dropdownPosition: "top" | "bottom";
+    feedback: Partial<{
+        valid: string;
+        invalid: string;
+    }>;
     closeOnBodyPressed: boolean;
     border: boolean;
+    fieldsetClasses: ClassType;
+    legendClasses: ClassType;
+    dropdownClasses: ClassType;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/UIKit/BaseButton.vue.d.ts

@@ -1,4 +1,5 @@
-import { ButtonTypes } from '@wikicasa-dev/types';
+import { ButtonType } from './types';
+type HTMLButtonType = "button" | "submit" | "reset" | undefined;
 declare function __VLS_template(): {
     slots: {
         default?(_: {
@@ -11,50 +12,44 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<{
-    lazyLoadIcon?: boolean;
-    btnClass?: ButtonTypes;
+    btnClass?: ButtonType;
     outlined?: boolean;
     size?: "sm" | "lg" | "";
-    iconName?: string;
-    iconNameHovering?: string;
-    iconClass?: string;
-    isEmpty?: boolean;
+    withMinWidth?: boolean;
     keepActive?: boolean;
     isLoading?: boolean;
     disabled?: boolean;
+    ariaLabel?: string;
+    /**
+     * Add the title for screen readers when the button consists of just an icon
+     */
+    title?: string;
+    dataCy?: string;
+    type?: HTMLButtonType;
 }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     click: (e: Event) => any;
     mouseover: (e: Event) => any;
     mouseout: (e: Event) => any;
 }, string, import('vue').PublicProps, Readonly<{
-    lazyLoadIcon?: boolean;
-    btnClass?: ButtonTypes;
+    btnClass?: ButtonType;
     outlined?: boolean;
     size?: "sm" | "lg" | "";
-    iconName?: string;
-    iconNameHovering?: string;
-    iconClass?: string;
-    isEmpty?: boolean;
+    withMinWidth?: boolean;
     keepActive?: boolean;
     isLoading?: boolean;
     disabled?: boolean;
+    ariaLabel?: string;
+    /**
+     * Add the title for screen readers when the button consists of just an icon
+     */
+    title?: string;
+    dataCy?: string;
+    type?: HTMLButtonType;
 }> & Readonly<{
     onClick?: ((e: Event) => any) | undefined;
     onMouseover?: ((e: Event) => any) | undefined;
     onMouseout?: ((e: Event) => any) | undefined;
-}>, {
-    disabled: boolean;
-    size: "sm" | "lg" | "";
-    iconName: string;
-    iconClass: string;
-    lazyLoadIcon: boolean;
-    btnClass: ButtonTypes;
-    outlined: boolean;
-    iconNameHovering: string;
-    isEmpty: boolean;
-    keepActive: boolean;
-    isLoading: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/UIKit/BaseDropDown.vue.d.ts

@@ -32,6 +32,7 @@ declare const __VLS_component: import('vue').DefineComponent<{
     dropdownElement?: "div" | "ul" | "ol";
     keepState?: "opened" | "closed" | "";
     activateKeyboardController?: boolean;
+    dataCy?: string;
 }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     click: () => any;
     "update:dropdownState": (args_0: boolean) => any;
@@ -49,11 +50,13 @@ declare const __VLS_component: import('vue').DefineComponent<{
     dropdownElement?: "div" | "ul" | "ol";
     keepState?: "opened" | "closed" | "";
     activateKeyboardController?: boolean;
+    dataCy?: string;
 }> & Readonly<{
     onClick?: (() => any) | undefined;
     "onUpdate:dropdownState"?: ((args_0: boolean) => any) | undefined;
 }>, {
     arrowWidth: number;
+    dataCy: string;
     btnClasses: string;
     labelClasses: ClassType;
     dropdownClasses: ClassType;

package/dist/UIKit/BaseFloatingLabel.vue.d.ts

@@ -15,8 +15,8 @@ declare const _default: import('vue').DefineComponent<{
 }> & Readonly<{
     onClick?: ((...args: any[]) => any) | undefined;
 }>, {
-    isValid: Nullable<boolean>;
     disabled: string | boolean;
+    isValid: Nullable<boolean>;
     labelState: LabelState;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/UIKit/BaseIcon.vue.d.ts

@@ -1,50 +1,17 @@
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    lazyLoading: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    altAttribute: {
-        type: StringConstructor;
-        default: string;
-    };
-    iconName: {
-        type: StringConstructor;
-        default: string;
-    };
-    iconType: {
-        type: () => "icon-sm" | "icon-md" | "icon-lg" | "icon-xl" | "icon-xxl";
-        default: string;
-    };
-    iconClass: {
-        type: StringConstructor;
-        default: string;
-    };
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    lazyLoading: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    altAttribute: {
-        type: StringConstructor;
-        default: string;
-    };
-    iconName: {
-        type: StringConstructor;
-        default: string;
-    };
-    iconType: {
-        type: () => "icon-sm" | "icon-md" | "icon-lg" | "icon-xl" | "icon-xxl";
-        default: string;
-    };
-    iconClass: {
-        type: StringConstructor;
-        default: string;
-    };
-}>> & Readonly<{}>, {
-    lazyLoading: boolean;
-    altAttribute: string;
-    iconName: string;
-    iconType: "icon-sm" | "icon-md" | "icon-lg" | "icon-xl" | "icon-xxl";
-    iconClass: string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+import { ClassType } from '@wikicasa-dev/types';
+declare const _default: import('vue').DefineComponent<{
+    lazyLoading?: boolean;
+    altAttribute?: string;
+    iconType?: "icon-sm" | "icon-md" | "icon-lg" | "icon-xl" | "icon-xxl";
+    iconClass?: ClassType;
+    width?: number;
+    height?: number;
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
+    lazyLoading?: boolean;
+    altAttribute?: string;
+    iconType?: "icon-sm" | "icon-md" | "icon-lg" | "icon-xl" | "icon-xxl";
+    iconClass?: ClassType;
+    width?: number;
+    height?: number;
+}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/UIKit/BaseUploadFile.vue.d.ts

@@ -33,11 +33,11 @@ declare const __VLS_component: import('vue').DefineComponent<{
     onUploaded?: ((args_0: File) => any) | undefined;
 }>, {
     clear: boolean;
-    labelText: string;
     labelClasses: ClassType;
     fieldsetClasses: ClassType;
-    floatingLabelClasses: ClassType;
     legendClasses: ClassType;
+    labelText: string;
+    floatingLabelClasses: ClassType;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

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

@@ -1,4 +1,4 @@
-import { Nullable } from '@wikicasa-dev/types';
+import { ClassType, Nullable } from '@wikicasa-dev/types';
 type EventPayload = {
     id: string | number;
     label: string | number;
@@ -16,34 +16,46 @@ declare function __VLS_template(): {
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<{
     id?: string | number;
-    inputClass?: string;
+    dataCy?: string;
+    disabled?: boolean;
+    checked?: boolean;
+    required?: boolean;
+    inputClass?: ClassType;
     inline?: boolean;
     label?: string | number;
-    labelClass?: string;
+    labelClass?: ClassType;
     isValid?: Nullable<boolean>;
     containerId?: string;
-    containerClass?: string;
+    /**
+     * If false, the click event won't be emitted
+     */
     handleLabelClick?: boolean;
     modelValue?: boolean;
 }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     click: () => any;
     change: (args_0: EventPayload) => any;
-    "udpate:modelValue": (args_0: boolean) => any;
+    "update:modelValue": (args_0: boolean) => any;
 }, string, import('vue').PublicProps, Readonly<{
     id?: string | number;
-    inputClass?: string;
+    dataCy?: string;
+    disabled?: boolean;
+    checked?: boolean;
+    required?: boolean;
+    inputClass?: ClassType;
     inline?: boolean;
     label?: string | number;
-    labelClass?: string;
+    labelClass?: ClassType;
     isValid?: Nullable<boolean>;
     containerId?: string;
-    containerClass?: string;
+    /**
+     * If false, the click event won't be emitted
+     */
     handleLabelClick?: boolean;
     modelValue?: boolean;
 }> & Readonly<{
     onClick?: (() => any) | undefined;
     onChange?: ((args_0: EventPayload) => any) | undefined;
-    "onUdpate:modelValue"?: ((args_0: boolean) => any) | undefined;
+    "onUpdate:modelValue"?: ((args_0: boolean) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;