@wikicasa-dev/components 2.0.54 → 2.1.0

package/dist/{BaseTextarea.js → UIKit/BaseTextarea.js}

@@ -1,8 +1,8 @@
-import { defineComponent as h, mergeModels as f, useModel as x, ref as $, watch as L, openBlock as k, createElementBlock as b, normalizeClass as s, createElementVNode as o, unref as l, withModifiers as d, createCommentVNode as p, createVNode as M, nextTick as C } from "vue";
+import { defineComponent as h, mergeModels as f, useModel as x, ref as $, watch as L, createElementBlock as k, openBlock as b, normalizeClass as s, createElementVNode as o, createCommentVNode as p, unref as l, createVNode as M, withModifiers as d, nextTick as C } from "vue";
 import F from "./BaseFloatingLabel.js";
-import { useFloatingLabel as B } from "./useFloatingLabel.js";
-import { _ as z } from "./chunks/_plugin-vue_export-helper.CHgC5LLL.js";
-import './assets/BaseTextarea.css';const E = ["id", "data-cy", "rows", "disabled", "aria-labelledby", "readonly", "value"], H = {
+import { useFloatingLabel as B } from "../composables/useFloatingLabel.js";
+import { _ as z } from "../chunks/_plugin-vue_export-helper.CHgC5LLL.js";
+import '../assets/BaseTextarea.css';const E = ["id", "data-cy", "rows", "disabled", "aria-labelledby", "readonly", "value"], H = {
   key: 0,
   class: "uikit-visible uikit-float-none uikit-ml-2 uikit-block uikit-h-3 uikit-w-auto uikit-max-w-full uikit-overflow-hidden uikit-whitespace-nowrap uikit-p-0 uikit-text uikit-duration-[50s] uikit-ease-out"
 }, I = ["innerHTML"], q = ["innerHTML"], A = /* @__PURE__ */ h({
@@ -49,7 +49,7 @@ import './assets/BaseTextarea.css';const E = ["id", "data-cy", "rows", "disabled
           i.value && i.value.focus();
         }));
       }
-    }), (e, t) => (k(), b("div", {
+    }), (e, t) => (b(), k("div", {
       class: s(e.$attrs["wrapper-classes"])
     }, [
       o("div", {
@@ -87,7 +87,7 @@ import './assets/BaseTextarea.css';const E = ["id", "data-cy", "rows", "disabled
             { "uikit-border-w-secondary": e.isValid === null }
           ]])
         }, [
-          e.labelText ? (k(), b("legend", H, [
+          e.labelText ? (b(), k("legend", H, [
             o("span", {
               class: s(["uikit-px-5px uikit-opacity-0", [
                 {
@@ -113,7 +113,7 @@ import './assets/BaseTextarea.css';const E = ["id", "data-cy", "rows", "disabled
           ]
         }, null, 8, ["for", "label-text", "label-state", "required", "is-valid", "label-classes"])
       ], 2),
-      (e.isValid || e.isValid === !1) && e.feedback ? (k(), b("div", {
+      (e.isValid || e.isValid === !1) && e.feedback ? (b(), k("div", {
         key: 0,
         class: s(
           e.isValid === !1 ? "uikit-mt-1 uikit-text-12 uikit-text-w-danger" : "uikit-mt-1 uikit-text-12 uikit-text-w-primary"

package/dist/UIKit/{BaseToggle.vue.d.ts → BaseToggle.d.ts}

@@ -1,23 +1,24 @@
-declare let __VLS_typeProps: {
+type __VLS_Props = {
     withRightLabel?: boolean;
     label?: string;
 };
 type __VLS_PublicProps = {
     modelValue?: boolean | undefined;
-} & typeof __VLS_typeProps;
+} & __VLS_Props;
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: {
         leftLabel?(_: {}): any;
         rightLabel?(_: {}): any;
     };
     refs: {};
-    attrs: Partial<{}>;
+    rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (modelValue: boolean | undefined) => any;
+    "update:modelValue": (value: boolean | undefined) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((modelValue: boolean | undefined) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: boolean | undefined) => any) | undefined;
 }>, {
     label: string;
     withRightLabel: boolean;

package/dist/{BaseToggle.js → UIKit/BaseToggle.js}

@@ -1,6 +1,6 @@
-import { defineComponent as a, mergeModels as n, useModel as d, openBlock as k, createElementBlock as b, normalizeClass as c, renderSlot as l, createElementVNode as i, withModifiers as f, createCommentVNode as p } from "vue";
-import { _ as m } from "./chunks/_plugin-vue_export-helper.CHgC5LLL.js";
-import './assets/BaseToggle.css';const h = { class: "switch uikit-relative uikit-inline-block uikit-min-w-[40px] uikit-text-sm" }, g = ["data-cy", "checked"], w = ["innerHTML"], y = /* @__PURE__ */ a({
+import { defineComponent as a, mergeModels as n, useModel as d, createElementBlock as k, openBlock as b, normalizeClass as c, renderSlot as l, createElementVNode as i, createCommentVNode as f, withModifiers as p } from "vue";
+import { _ as m } from "../chunks/_plugin-vue_export-helper.CHgC5LLL.js";
+import '../assets/BaseToggle.css';const h = { class: "switch uikit-relative uikit-inline-block uikit-min-w-[40px] uikit-text-sm" }, g = ["data-cy", "checked"], w = ["innerHTML"], y = /* @__PURE__ */ a({
   inheritAttrs: !1,
   __name: "BaseToggle",
   props: /* @__PURE__ */ n({
@@ -15,7 +15,7 @@ import './assets/BaseToggle.css';const h = { class: "switch uikit-relative uikit
     const o = d(r, "modelValue"), u = ({ target: e }) => {
       o.value = e.checked;
     };
-    return (e, t) => (k(), b("div", {
+    return (e, t) => (b(), k("div", {
       class: c(["switch-container uikit-inline-block uikit-items-center", e.$attrs.class])
     }, [
       l(e.$slots, "leftLabel", {}, void 0, !0),
@@ -25,7 +25,7 @@ import './assets/BaseToggle.css';const h = { class: "switch uikit-relative uikit
           class: "uikit-peer/toggle uikit-h-0 uikit-w-0 uikit-opacity-0",
           type: "checkbox",
           checked: o.value,
-          onInput: t[0] || (t[0] = f((s) => u(s), ["stop"]))
+          onInput: t[0] || (t[0] = p((s) => u(s), ["stop"]))
         }, null, 40, g),
         t[1] || (t[1] = i("span", { class: "slider round uikit-absolute uikit-bottom-0 uikit-left-0 uikit-right-0 uikit-top-0 uikit-cursor-pointer uikit-bg-w-lavender uikit-duration-300 before:uikit-absolute before:uikit-bottom-0 before:uikit-left-0 before:uikit-top-0 before:uikit-box-border before:uikit-h-[22px] before:uikit-w-[22px] before:uikit-rounded-circle before:uikit-border before:uikit-border-solid before:uikit-border-w-secondary before:uikit-bg-white before:uikit-shadow-sm before:uikit-duration-300 before:uikit-content-[''] peer-checked/toggle:uikit-bg-w-primary" }, null, -1))
       ]),
@@ -34,7 +34,7 @@ import './assets/BaseToggle.css';const h = { class: "switch uikit-relative uikit
           class: "uikit-ml-10px",
           innerHTML: e.label
         }, null, 8, w)
-      ], !0) : p("", !0)
+      ], !0) : f("", !0)
     ], 2));
   }
 }), B = /* @__PURE__ */ m(y, [["__scopeId", "data-v-1e6f488b"]]);

package/dist/UIKit/{BaseTooltip.vue.d.ts → BaseTooltip.d.ts}

@@ -1,14 +1,5 @@
 import { ClassType } from '@wikicasa-dev/types';
-declare function __VLS_template(): {
-    slots: {
-        trigger?(_: {}): any;
-        content?(_: {}): any;
-    };
-    refs: {};
-    attrs: Partial<{}>;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<{
+type __VLS_Props = {
     theme?: {
         color: "blue" | "white";
         size: "sm" | "md" | "lg";
@@ -17,16 +8,18 @@ declare const __VLS_component: import('vue').DefineComponent<{
     customTooltipClass?: "mail-alert" | "";
     showTooltipContentManually?: boolean;
     tooltipContentClasses?: ClassType;
-}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
-    theme?: {
-        color: "blue" | "white";
-        size: "sm" | "md" | "lg";
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        trigger?(_: {}): any;
+        content?(_: {}): any;
     };
-    direction?: "top" | "bottom" | "left" | "right" | "top-center" | "bottom-center";
-    customTooltipClass?: "mail-alert" | "";
-    showTooltipContentManually?: boolean;
-    tooltipContentClasses?: ClassType;
-}> & Readonly<{}>, {
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     direction: "top" | "bottom" | "left" | "right" | "top-center" | "bottom-center";
     theme: {
         color: "blue" | "white";
@@ -35,7 +28,7 @@ declare const __VLS_component: import('vue').DefineComponent<{
     customTooltipClass: "mail-alert" | "";
     showTooltipContentManually: boolean;
     tooltipContentClasses: ClassType;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/{BaseTooltip.js → UIKit/BaseTooltip.js}

@@ -1,6 +1,6 @@
-import { defineComponent as a, openBlock as e, createElementBlock as t, renderSlot as s, createElementVNode as i, normalizeClass as l, createCommentVNode as n } from "vue";
-import { _ as r } from "./chunks/_plugin-vue_export-helper.CHgC5LLL.js";
-import './assets/BaseTooltip.css';const p = { class: "base-tooltip" }, d = /* @__PURE__ */ a({
+import { defineComponent as a, createElementBlock as e, openBlock as t, renderSlot as s, createElementVNode as i, normalizeClass as l, createCommentVNode as n } from "vue";
+import { _ as r } from "../chunks/_plugin-vue_export-helper.CHgC5LLL.js";
+import '../assets/BaseTooltip.css';const p = { class: "base-tooltip" }, d = /* @__PURE__ */ a({
   __name: "BaseTooltip",
   props: {
     theme: { default: () => ({
@@ -13,7 +13,7 @@ import './assets/BaseTooltip.css';const p = { class: "base-tooltip" }, d = /* @_
     tooltipContentClasses: { default: "" }
   },
   setup(m) {
-    return (o, u) => (e(), t("div", p, [
+    return (o, u) => (t(), e("div", p, [
       s(o.$slots, "trigger", {}, void 0, !0),
       i("div", {
         class: l(["bg-transparent", [
@@ -21,7 +21,7 @@ import './assets/BaseTooltip.css';const p = { class: "base-tooltip" }, d = /* @_
           `${o.customTooltipClass ? o.customTooltipClass : "tooltip-content-wrapper"}`
         ]])
       }, [
-        o.showTooltipContentManually ? (e(), t("div", {
+        o.showTooltipContentManually ? (t(), e("div", {
           key: 0,
           class: l(["tooltip-content uikit-shadow-lg uikit-shadow-w-primary/10", [
             "base-tooltip-arrow",

package/dist/UIKit/{BaseUploadFile.vue.d.ts → BaseUploadFile.d.ts}

@@ -1,34 +1,28 @@
 import { ClassType } from '@wikicasa-dev/types';
+type __VLS_Props = {
+    id: string;
+    labelText?: string;
+    clear?: boolean;
+    labelClasses?: ClassType;
+    floatingLabelClasses?: ClassType;
+    fieldsetClasses?: ClassType;
+    legendClasses?: ClassType;
+};
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: {
         label?(_: {
             filename: string;
         }): any;
     };
     refs: {};
-    attrs: Partial<{}>;
+    rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<{
-    id: string;
-    labelText?: string;
-    clear?: boolean;
-    labelClasses?: ClassType;
-    floatingLabelClasses?: ClassType;
-    fieldsetClasses?: ClassType;
-    legendClasses?: ClassType;
-}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     cleared: () => any;
     uploaded: (args_0: File) => any;
-}, string, import('vue').PublicProps, Readonly<{
-    id: string;
-    labelText?: string;
-    clear?: boolean;
-    labelClasses?: ClassType;
-    floatingLabelClasses?: ClassType;
-    fieldsetClasses?: ClassType;
-    legendClasses?: ClassType;
-}> & Readonly<{
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     onCleared?: (() => any) | undefined;
     onUploaded?: ((args_0: File) => any) | undefined;
 }>, {

package/dist/UIKit/BaseUploadFile.js

@@ -0,0 +1,4 @@
+import { _ as f } from "../chunks/BaseUploadFile.vue_vue_type_script_setup_true_lang.CdwKhQoc.js";
+export {
+  f as default
+};

package/dist/UIKit/Checkbox/{CheckboxBtn.vue.d.ts → CheckboxBtn.d.ts}

@@ -4,17 +4,7 @@ type EventPayload = {
     label: string | number;
     checked: boolean;
 };
-declare function __VLS_template(): {
-    slots: {
-        label?(_: {}): any;
-    };
-    refs: {
-        checkbox: HTMLInputElement;
-    };
-    attrs: Partial<{}>;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<{
+type __VLS_Props = {
     id?: string | number;
     dataCy?: string;
     disabled?: boolean;
@@ -31,32 +21,29 @@ declare const __VLS_component: import('vue').DefineComponent<{
      */
     handleLabelClick?: boolean;
     modelValue?: boolean;
-}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        label?(_: {}): any;
+    };
+    refs: {
+        checkbox: HTMLInputElement;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     click: () => any;
     change: (args_0: EventPayload) => any;
     "update:modelValue": (args_0: boolean) => any;
-}, string, import('vue').PublicProps, Readonly<{
-    id?: string | number;
-    dataCy?: string;
-    disabled?: boolean;
-    checked?: boolean;
-    required?: boolean;
-    inputClass?: ClassType;
-    inline?: boolean;
-    label?: string | number;
-    labelClass?: ClassType;
-    isValid?: Nullable<boolean>;
-    containerId?: string;
-    /**
-     * If false, the click event won't be emitted
-     */
-    handleLabelClick?: boolean;
-    modelValue?: boolean;
-}> & Readonly<{
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     onClick?: (() => any) | undefined;
     onChange?: ((args_0: EventPayload) => any) | undefined;
     "onUpdate:modelValue"?: ((args_0: boolean) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    checkbox: HTMLInputElement;
+}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/{CheckboxBtn.js → UIKit/Checkbox/CheckboxBtn.js}

@@ -1,6 +1,6 @@
-import { defineComponent as b, useId as f, computed as h, openBlock as s, createElementBlock as r, 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({
+import { defineComponent as b, useId as f, computed as h, createElementBlock as s, openBlock as r, withModifiers as o, normalizeClass as l, createElementVNode as u, renderSlot as m, createCommentVNode as C, toDisplayString 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: {},
@@ -30,7 +30,7 @@ import './assets/CheckboxBtn.css';const v = ["id"], V = ["id", "data-cy", "check
     }, p = () => {
       k(), i.handleLabelClick && a("click");
     };
-    return (e, t) => (s(), r("div", {
+    return (e, t) => (r(), s("div", {
       id: e.containerId,
       class: l(["uikit-group uikit-relative uikit-items-center uikit-pl-30px hover:uikit-cursor-pointer", [
         { "uikit-inline-flex": e.inline },
@@ -60,13 +60,13 @@ import './assets/CheckboxBtn.css';const v = ["id"], V = ["id", "data-cy", "check
         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 ? (s(), r("span", {
+        }, g(e.label), 11, B),
+        e.required ? (r(), s("span", {
           key: 0,
           class: l(["required after:uikit-content-['*']", [
             e.isValid !== !1 ? "after:uikit-text-w-primary" : "after:uikit-text-w-danger"
           ]])
-        }, null, 2)) : g("", !0)
+        }, null, 2)) : C("", !0)
       ], !0)
     ], 10, v));
   }

package/dist/UIKit/Checkbox/{CheckboxGroup.vue.d.ts → CheckboxGroup.d.ts}

@@ -1,24 +1,6 @@
 import { CheckboxButtonType, GetterIdType } from '../types';
 import { ClassType } from '@wikicasa-dev/types';
-declare function __VLS_template(): {
-    slots: {
-        default?(_: {
-            isActive: (elem: CheckboxButtonType | string | number) => boolean;
-            handleChange: (checkboxValue: CheckboxButtonType) => void;
-            checkboxesData: CheckboxButtonType[];
-        }): any;
-        checkbox_elements?(_: {
-            isActive: (elem: CheckboxButtonType | string | number) => boolean;
-            handleChange: (checkboxValue: CheckboxButtonType) => void;
-            checkboxesData: CheckboxButtonType[];
-            reset: () => void;
-        }): any;
-    };
-    refs: {};
-    attrs: Partial<{}>;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<{
+type __VLS_Props = {
     checkboxData?: CheckboxButtonType[];
     formCheckInline?: boolean;
     reset?: boolean;
@@ -40,33 +22,31 @@ declare const __VLS_component: import('vue').DefineComponent<{
     getKey?: GetterIdType;
     groupId?: string;
     dataCy?: string;
-}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {
+            isActive: (elem: CheckboxButtonType | string | number) => boolean;
+            handleChange: (checkboxValue: CheckboxButtonType) => void;
+            checkboxesData: CheckboxButtonType[];
+        }): any;
+        checkbox_elements?(_: {
+            isActive: (elem: CheckboxButtonType | string | number) => boolean;
+            handleChange: (checkboxValue: CheckboxButtonType) => void;
+            checkboxesData: CheckboxButtonType[];
+            reset: () => void;
+        }): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (args_0: CheckboxButtonType[]) => any;
     resetted: () => any;
     checkedGroup: (args_0: string) => any;
-}, string, import('vue').PublicProps, Readonly<{
-    checkboxData?: CheckboxButtonType[];
-    formCheckInline?: boolean;
-    reset?: boolean;
-    checkboxContainerClasses?: ClassType;
-    /**
-     * [ResetCheckbox required] If true, when you check all the checkboxes, the reset one will be checked
-     */
-    autoCheckResetAll?: boolean;
-    /**
-     * [ResetCheckbox required] If true, when you uncheck all the checkboxes, the reset one will be checked
-     */
-    autoCheckResetEmpty?: boolean;
-    /**
-     * [ResetCheckbox required]
-     * If true, you can manually toggle the reset button.
-     * Otherwise, if autoCheckResetEmpty is false, the reset button would never be unchecked when the user clicks on it
-     */
-    manualToggleResetButton?: boolean;
-    getKey?: GetterIdType;
-    groupId?: string;
-    dataCy?: string;
-}> & Readonly<{
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:modelValue"?: ((args_0: CheckboxButtonType[]) => any) | undefined;
     onResetted?: (() => any) | undefined;
     onCheckedGroup?: ((args_0: string) => any) | undefined;

package/dist/UIKit/Checkbox/CheckboxGroup.js

@@ -0,0 +1,4 @@
+import { _ as f } from "../../chunks/CheckboxGroup.vue_vue_type_script_setup_true_lang.C9gKO-hI.js";
+export {
+  f as default
+};

package/dist/UIKit/Radio/{RadioButton.vue.d.ts → RadioButton.d.ts}

@@ -1,31 +1,27 @@
 import { ClassType, Nullable } from '@wikicasa-dev/types';
-declare const _default: import('vue').DefineComponent<{
+type __VLS_Props = {
     id?: Nullable<string | number>;
     name?: string;
     label: string;
     modelValue?: boolean;
     inputClasses?: ClassType;
     labelClasses?: ClassType;
-}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     change: (args_0: {
         id: string | number;
         label: string;
         name?: string;
     }) => any;
     "update:modelValue": (args_0: boolean) => any;
-}, string, import('vue').PublicProps, Readonly<{
-    id?: Nullable<string | number>;
-    name?: string;
-    label: string;
-    modelValue?: boolean;
-    inputClasses?: ClassType;
-    labelClasses?: ClassType;
-}> & Readonly<{
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     onChange?: ((args_0: {
         id: string | number;
         label: string;
         name?: string;
     }) => any) | undefined;
     "onUpdate:modelValue"?: ((args_0: boolean) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    checkbox: HTMLInputElement;
+}, HTMLDivElement>;
 export default _default;

package/dist/UIKit/Radio/RadioButton.js

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

package/dist/UIKit/Radio/{RadioGroup.vue.d.ts → RadioGroup.d.ts}

@@ -1,19 +1,20 @@
 import { RadioButtonType } from '../types';
 import { ClassType, Nullable, Optional } from '@wikicasa-dev/types';
-declare let __VLS_typeProps: {
+type __VLS_Props = {
     radioValues?: RadioButtonType[];
     dataCy?: string;
     radioContainerClasses?: ClassType;
 };
 type __VLS_PublicProps = {
     "resetRadio"?: Optional<boolean>;
-} & typeof __VLS_typeProps;
+} & __VLS_Props;
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: {
         default?(_: {
             handleClick: (elem: RadioButtonType) => void;
             activeValue: {
-                id?: (string | number | null) | undefined;
+                id?: string | number | null | undefined;
                 label: string | number;
                 payload?: unknown;
                 active?: boolean | undefined;
@@ -24,7 +25,7 @@ declare function __VLS_template(): {
         radio_elements?(_: {
             handleClick: (elem: RadioButtonType) => void;
             activeValue: {
-                id?: (string | number | null) | undefined;
+                id?: string | number | null | undefined;
                 label: string | number;
                 payload?: unknown;
                 active?: boolean | undefined;
@@ -34,15 +35,15 @@ declare function __VLS_template(): {
         }): any;
     };
     refs: {};
-    attrs: Partial<{}>;
+    rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (args_0: Nullable<RadioButtonType>) => any;
-    "update:resetRadio": (resetRadio: Optional<boolean>) => any;
+    "update:resetRadio": (value: Optional<boolean>) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((args_0: Nullable<RadioButtonType>) => any) | undefined;
-    "onUpdate:resetRadio"?: ((resetRadio: Optional<boolean>) => any) | undefined;
+    "onUpdate:resetRadio"?: ((value: Optional<boolean>) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/UIKit/Radio/RadioGroup.js

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

package/dist/UIKit/ShimmerLoader/{BaseShimmerLoader.vue.d.ts → BaseShimmerLoader.d.ts}

@@ -1,17 +1,17 @@
 import { ClassType } from '@wikicasa-dev/types';
+type __VLS_Props = {
+    shimmerClasses?: ClassType;
+};
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
     };
     refs: {};
-    attrs: Partial<{}>;
+    rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<{
-    shimmerClasses?: ClassType;
-}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
-    shimmerClasses?: ClassType;
-}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, 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/{BaseShimmerLoader.js → UIKit/ShimmerLoader/BaseShimmerLoader.js}

@@ -1,13 +1,13 @@
-import { defineComponent as i, openBlock as s, createElementBlock as r, normalizeClass as t, createElementVNode as a, renderSlot as l } from "vue";
-import { _ as o } from "./chunks/_plugin-vue_export-helper.CHgC5LLL.js";
-import './assets/BaseShimmerLoader.css';const m = /* @__PURE__ */ i({
+import { defineComponent as i, createElementBlock as s, openBlock as r, normalizeClass as t, createElementVNode as a, renderSlot as l } from "vue";
+import { _ as o } from "../../chunks/_plugin-vue_export-helper.CHgC5LLL.js";
+import '../../assets/BaseShimmerLoader.css';const m = /* @__PURE__ */ i({
   inheritAttrs: !1,
   __name: "BaseShimmerLoader",
   props: {
     shimmerClasses: { default: "" }
   },
   setup(u) {
-    return (e, n) => (s(), r("div", {
+    return (e, n) => (r(), s("div", {
       class: t(["uikit-relative uikit-overflow-hidden uikit-bg-w-lavender", e.$attrs.class])
     }, [
       a("div", {