@wikicasa-dev/components 2.2.9-alpha.8 → 2.3.0

package/dist/Swiper/autoplay.js

@@ -1,5 +1,5 @@
 import { Autoplay as t } from "swiper/modules";
-import '../assets/swiper-thumbs.css';/* empty css                                                                           */
+import '../assets/swiper-keyboard.css';/* empty css                                                                           */
 export {
   t as Autoplay
 };

package/dist/Swiper/controller.js

@@ -1,5 +1,5 @@
 import { Controller as e } from "swiper/modules";
-import '../assets/swiper-thumbs.css';/* empty css                                                                             */
+import '../assets/swiper-keyboard.css';/* empty css                                                                             */
 export {
   e as Controller
 };

package/dist/Swiper/keyboard.js

@@ -1,5 +1,5 @@
 import { Keyboard as m } from "swiper/modules";
-import '../assets/swiper-thumbs.css';/* empty css                                                                           */
+import '../assets/swiper-keyboard.css';/* empty css                                                                           */
 export {
   m as Keyboard
 };

package/dist/Swiper/thumbs.js

@@ -1,5 +1,5 @@
 import { Thumbs as p } from "swiper/modules";
-import '../assets/swiper-thumbs.css';/* empty css                                                                         */
+import '../assets/swiper-keyboard.css';/* empty css                                                                         */
 export {
   p as Thumbs
 };

package/dist/UIKit/AccessibleSelect.d.ts

@@ -7,11 +7,11 @@ declare const _default: <TID, TPayload>(__VLS_props: NonNullable<Awaited<typeof
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
         readonly "onUpdate:modelValue"?: ((value: Optional<AccessibleSelectOptions<TPayload, TID>>) => any) | undefined;
         readonly onClick?: ((args_0: MouseEvent) => any) | undefined;
-        readonly "onUpdate:toggleDropdown"?: ((value: Optional<boolean>) => any) | undefined;
+        readonly "onUpdate:open"?: ((value: boolean) => any) | undefined;
         readonly "onUpdate:dropdownState"?: ((args_0: boolean) => any) | undefined;
-    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:modelValue" | "onClick" | "onUpdate:toggleDropdown" | "onUpdate:dropdownState"> & ({
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:modelValue" | "onClick" | "onUpdate:open" | "onUpdate:dropdownState"> & ({
         modelValue?: Optional<AccessibleSelectOptions<TPayload, TID>>;
-        toggleDropdown?: Optional<boolean>;
+        open?: boolean;
     } & {
         label?: string;
         dropdownPosition?: "top" | "bottom";
@@ -27,6 +27,7 @@ declare const _default: <TID, TPayload>(__VLS_props: NonNullable<Awaited<typeof
          */
         closeOnBodyPressed?: boolean;
         border?: boolean;
+        withFieldset?: boolean;
         fieldsetClasses?: ClassTypeProp;
         legendClasses?: ClassTypeProp;
         dropdownClasses?: ClassTypeProp;
@@ -48,7 +49,7 @@ declare const _default: <TID, TPayload>(__VLS_props: NonNullable<Awaited<typeof
     slots: {
         lefticon?(_: {}): any;
     };
-    emit: (((evt: "click", args_0: MouseEvent) => void) & ((evt: "update:dropdownState", args_0: boolean) => void)) & (((evt: "update:modelValue", value: Optional<AccessibleSelectOptions<TPayload, TID>>) => void) & ((evt: "update:toggleDropdown", value: Optional<boolean>) => void));
+    emit: (((evt: "click", args_0: MouseEvent) => void) & ((evt: "update:dropdownState", args_0: boolean) => void)) & (((evt: "update:modelValue", value: Optional<AccessibleSelectOptions<TPayload, TID>>) => void) & ((evt: "update:open", value: boolean) => void));
 }>) => import('vue').VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/UIKit/AccessibleSelect.js

@@ -1,4 +1,5 @@
-import f from "../packages/components/lib/UIKit/AccessibleSelect.vue.js";
+import o from "../packages/components/lib/UIKit/AccessibleSelect.vue.js";
+import '../assets/AccessibleSelect.css';/* empty css                                                     */
 export {
-  f as default
+  o as default
 };

package/dist/UIKit/Autocomplete/ClearableAutocomplete.d.ts

@@ -8,25 +8,30 @@ export interface ClearableAutocompleteProps<TID extends string | number | undefi
     triggerWrapperClasses?: ClassTypeProp;
     inputWrapperClasses?: ClassTypeProp;
     inputClasses?: ClassTypeProp;
+    hiddenTextClasses?: ClassTypeProp;
     dropdownClasses?: ClassTypeProp;
     clearButton?: {
         classes?: ClassTypeProp;
         /** Space between the input element and the clear button */
         offset?: number;
+        width?: number;
+        height?: number;
     };
     keepState?: Nullable<"closed" | "open">;
+    disableCb?: boolean;
     onInputChangeCb: (v: string) => Promise<AccessibleSelectOptions<TPayload, TID>[]>;
     onOptionSelectedCb?: Nullable<(v: AccessibleSelectOptions<TPayload, TID>) => void>;
 }
 declare const _default: <TID extends string | number | undefined, TPayload>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
         readonly "onUpdate:modelValue"?: ((value: Nullable<AccessibleSelectOptions<TPayload, TID>>) => any) | undefined;
+        readonly onInput?: ((args_0: InputEvent) => any) | undefined;
         readonly onClick?: ((args_0: MouseEvent) => any) | undefined;
         readonly onKeydown?: ((args_0: KeyboardEvent) => any) | undefined;
         readonly "onUpdate:open"?: ((value: boolean) => any) | undefined;
         readonly "onUpdate:inputValue"?: ((value: string) => any) | undefined;
         readonly onInputClick?: ((args_0: MouseEvent) => any) | undefined;
-    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:modelValue" | "onClick" | "onKeydown" | "onUpdate:open" | "onUpdate:inputValue" | "onInputClick"> & ({
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:modelValue" | "onClick" | "onInput" | "onKeydown" | "onUpdate:open" | "onUpdate:inputValue" | "onInputClick"> & ({
         open?: boolean;
         modelValue?: Nullable<AccessibleSelectOptions<TPayload, TID>>;
         inputValue?: string;
@@ -46,7 +51,7 @@ declare const _default: <TID extends string | number | undefined, TPayload>(__VL
             idx: number;
         }): any;
     };
-    emit: (((evt: "click", args_0: MouseEvent) => void) & ((evt: "keydown", args_0: KeyboardEvent) => void) & ((evt: "inputClick", args_0: MouseEvent) => void)) & (((evt: "update:modelValue", value: Nullable<AccessibleSelectOptions<TPayload, TID>>) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "update:inputValue", value: string) => void));
+    emit: (((evt: "input", args_0: InputEvent) => void) & ((evt: "click", args_0: MouseEvent) => void) & ((evt: "keydown", args_0: KeyboardEvent) => void) & ((evt: "inputClick", args_0: MouseEvent) => void)) & (((evt: "update:modelValue", value: Nullable<AccessibleSelectOptions<TPayload, TID>>) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "update:inputValue", value: string) => void));
 }>) => import('vue').VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/UIKit/BaseAutocomplete.d.ts

@@ -6,8 +6,8 @@ declare const _default: <TID extends string | number | undefined, TPayload>(__VL
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
         readonly "onUpdate:modelValue"?: ((value: AccessibleSelectOptions<TPayload, TID> | undefined) => any) | undefined;
         readonly onClick?: (() => any) | undefined;
-        readonly "onUpdate:dropdownState"?: ((args_0: boolean) => any) | undefined;
         readonly onKeydown?: ((args_0: KeyboardEvent) => any) | undefined;
+        readonly "onUpdate:dropdownState"?: ((args_0: boolean) => any) | undefined;
         readonly onKeydownEnterPressed?: (() => any) | undefined;
         readonly onChangedValue?: ((args_0: string) => any) | undefined;
     } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:modelValue" | "onClick" | "onKeydown" | "onUpdate:dropdownState" | "onKeydownEnterPressed" | "onChangedValue"> & ({
@@ -17,7 +17,7 @@ declare const _default: <TID extends string | number | undefined, TPayload>(__VL
         theme?: BaseAutocompleteThemes;
         label?: string;
         disableCb?: boolean;
-        onInputChangeCb: (v: string) => Promise<AccessibleSelectOptions<TPayload, TID>[]>;
+        onInputChangeCb: (v: string | null) => Promise<AccessibleSelectOptions<TPayload, TID>[]>;
         onOptionSelectedCb?: Nullable<(v: AccessibleSelectOptions<TPayload, TID>) => void>;
         keepState?: Nullable<"closed" | "open">;
         cleanupOnClose?: boolean;
@@ -40,11 +40,11 @@ declare const _default: <TID extends string | number | undefined, TPayload>(__VL
             handleClean: () => void;
         }): any;
         'option-content'?(_: {
-            option: import('@vue/reactivity').UnwrapRefSimple<AccessibleSelectOptions<TPayload, TID>>;
+            option: AccessibleSelectOptions<TPayload, TID>;
             idx: number;
         }): any;
     };
-    emit: (((evt: "click") => void) & ((evt: "update:dropdownState", args_0: boolean) => void) & ((evt: "keydown", args_0: KeyboardEvent) => void) & ((evt: "keydownEnterPressed") => void) & ((evt: "changedValue", args_0: string) => void)) & ((evt: "update:modelValue", value: AccessibleSelectOptions<TPayload, TID> | undefined) => void);
+    emit: (((evt: "click") => void) & ((evt: "keydown", args_0: KeyboardEvent) => void) & ((evt: "update:dropdownState", args_0: boolean) => void) & ((evt: "keydownEnterPressed") => void) & ((evt: "changedValue", args_0: string) => void)) & ((evt: "update:modelValue", value: AccessibleSelectOptions<TPayload, TID> | undefined) => void);
 }>) => import('vue').VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/UIKit/BaseButton.d.ts

@@ -16,10 +16,13 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
     title?: string;
     dataCy?: string;
     type?: "button" | "submit" | "reset" | undefined;
-}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    click: (e: Event) => any;
-    mouseover: (e: Event) => any;
-    mouseout: (e: Event) => any;
+}, {
+    getRootElement: () => HTMLButtonElement | null;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (e: MouseEvent) => any;
+    mouseover: (e: MouseEvent) => any;
+    mouseout: (e: MouseEvent) => any;
+    keydown: (e: KeyboardEvent) => any;
 }, string, import('vue').PublicProps, Readonly<{
     btnClass?: ButtonType;
     outlined?: boolean;
@@ -36,10 +39,13 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
     dataCy?: string;
     type?: "button" | "submit" | "reset" | undefined;
 }> & Readonly<{
-    onClick?: ((e: Event) => any) | undefined;
-    onMouseover?: ((e: Event) => any) | undefined;
-    onMouseout?: ((e: Event) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLButtonElement>, {
+    onClick?: ((e: MouseEvent) => any) | undefined;
+    onMouseover?: ((e: MouseEvent) => any) | undefined;
+    onMouseout?: ((e: MouseEvent) => any) | undefined;
+    onKeydown?: ((e: KeyboardEvent) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    buttonEl: HTMLButtonElement;
+}, HTMLButtonElement>, {
     default?(_: {
         hover: boolean;
     }): any;

package/dist/UIKit/BaseCard.js

@@ -1,7 +1,5 @@
 import o from "../packages/components/lib/UIKit/BaseCard.vue.js";
 import '../assets/BaseCard.css';/* empty css                                             */
-import a from "../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ a(o, [["__scopeId", "data-v-bf21cda3"]]);
 export {
-  m as default
+  o as default
 };

package/dist/UIKit/BaseDropDown.d.ts

@@ -1,8 +1,9 @@
-import { Nullable, Optional } from '@wikicasa-dev/types';
+import { Nullable } from '@wikicasa-dev/types';
 import { ClassTypeProp } from './types';
 type __VLS_Props = {
+    dropdownAttrs?: Record<string, unknown>;
     dropdownClasses?: ClassTypeProp;
-    btnClasses?: string;
+    btnClasses?: ClassTypeProp;
     withArrowIcon?: boolean;
     btnLabel?: string;
     labelClasses?: ClassTypeProp;
@@ -10,19 +11,22 @@ type __VLS_Props = {
     arrowWidth?: number;
     arrowStrokeColor?: `#${string}`;
     isAbsolute?: boolean;
-    /**
-     * @deprecated Use v-model:toggleDropdown instead
-     */
-    openDropdown?: boolean;
     closeWhenClickedOutside?: boolean;
     dropdownElement?: "div" | "ul" | "ol";
     keepState?: "opened" | "closed" | "";
     activateKeyboardController?: boolean;
+    /**
+     * List of keys that will close the dropdown.
+     *
+     * @link For the full list of keys, see https://developer.mozilla.org/en-US/docs/Web/API/UI_Events/Keyboard_event_key_values
+     * @default "Escape" and "Enter"
+     */
+    closeKeys?: false | string[];
     dataCy?: string;
 };
 type __VLS_PublicProps = {
-    "toggleDropdown"?: Optional<boolean>;
     "resetKeyboardController"?: boolean;
+    "open"?: boolean;
 } & __VLS_Props;
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -30,6 +34,9 @@ declare function __VLS_template(): {
         btn_slot?(_: {
             toggleDropdown: () => void;
             isOpen: boolean;
+            activeIdx: number;
+            setActiveIdx: (idx?: Nullable<number>) => void;
+            setSelectedIdx: (idx?: Nullable<number>) => void;
         }): any;
         default?(_: {
             isOpen: boolean;
@@ -51,28 +58,27 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     activeIdx: import('vue').Ref<number, number>;
     selectedIdx: import('vue').Ref<number, number>;
     getRootElement: () => HTMLDivElement | null;
+    getContentElement: () => HTMLElement | null;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     click: () => any;
-    "update:toggleDropdown": (value: Optional<boolean>) => any;
-    "update:dropdownState": (args_0: boolean) => any;
     "update:resetKeyboardController": (value: boolean) => any;
+    "update:open": (value: boolean) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     onClick?: (() => any) | undefined;
-    "onUpdate:toggleDropdown"?: ((value: Optional<boolean>) => any) | undefined;
-    "onUpdate:dropdownState"?: ((args_0: boolean) => any) | undefined;
     "onUpdate:resetKeyboardController"?: ((value: boolean) => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {
     arrowWidth: number;
     dataCy: string;
     labelClasses: string | Record<string, boolean> | import('./types').ClassType[] | import('./types').ClassType[] | null;
+    closeKeys: false | string[];
     dropdownClasses: string | Record<string, boolean> | import('./types').ClassType[] | import('./types').ClassType[] | null;
-    btnClasses: string;
+    btnClasses: string | Record<string, boolean> | import('./types').ClassType[] | import('./types').ClassType[] | null;
     withArrowIcon: boolean;
     btnLabel: string;
     direction: "up" | "down";
     arrowStrokeColor: `#${string}`;
     isAbsolute: boolean;
-    openDropdown: boolean;
     closeWhenClickedOutside: boolean;
     dropdownElement: "div" | "ul" | "ol";
     keepState: "opened" | "closed" | "";

package/dist/UIKit/BaseFloatingLabel.js

@@ -1,7 +1,7 @@
-import a from "../packages/components/lib/UIKit/BaseFloatingLabel.vue.js";
+import o from "../packages/components/lib/UIKit/BaseFloatingLabel.vue.js";
 import '../assets/BaseFloatingLabel.css';/* empty css                                                      */
-import o from "../_virtual/_plugin-vue_export-helper.js";
-const e = /* @__PURE__ */ o(a, [["__scopeId", "data-v-ba2cc6aa"]]);
+import t from "../_virtual/_plugin-vue_export-helper.js";
+const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-c94b9c9e"]]);
 export {
-  e as default
+  c as default
 };

package/dist/UIKit/BaseInput.d.ts

@@ -1,6 +1,7 @@
 import { Nullable, InputTypeHTMLAttribute } from '@wikicasa-dev/types';
 import { ClassType, ClassTypeProp, FeedbackLabels } from './types';
 type __VLS_Props = {
+    id?: string;
     inputClass?: ClassType | ClassType[];
     labelText?: string;
     feedback?: FeedbackLabels;
@@ -43,17 +44,17 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (value: string | number | undefined) => any;
     click: (args_0: MouseEvent) => any;
+    keydown: (args_0: KeyboardEvent) => any;
     focusin: () => any;
     focusout: () => any;
-    keydown: (args_0: KeyboardEvent) => any;
     keyup: (args_0: KeyboardEvent) => any;
     keydownEnterPressed: () => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: string | number | undefined) => any) | undefined;
     onClick?: ((args_0: MouseEvent) => any) | undefined;
+    onKeydown?: ((args_0: KeyboardEvent) => any) | undefined;
     onFocusin?: (() => any) | undefined;
     onFocusout?: (() => any) | undefined;
-    onKeydown?: ((args_0: KeyboardEvent) => any) | undefined;
     onKeyup?: ((args_0: KeyboardEvent) => any) | undefined;
     onKeydownEnterPressed?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {

package/dist/UIKit/BaseInput.js

@@ -1,7 +1,7 @@
 import o from "../packages/components/lib/UIKit/BaseInput.vue.js";
 import '../assets/BaseInput.css';/* empty css                                              */
 import t from "../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-919095a8"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-9dab04c5"]]);
 export {
   m as default
 };

package/dist/UIKit/BaseSnackbar.d.ts

@@ -33,14 +33,14 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
     open?: Optional<boolean>;
     refresh?: Optional<boolean>;
 } & SnackbarProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:open": (value: Optional<boolean>) => any;
     "update:refresh": (value: Optional<boolean>) => any;
+    "update:open": (value: Optional<boolean>) => any;
 }, string, import('vue').PublicProps, Readonly<{
     open?: Optional<boolean>;
     refresh?: Optional<boolean>;
 } & SnackbarProps> & Readonly<{
-    "onUpdate:open"?: ((value: Optional<boolean>) => any) | undefined;
     "onUpdate:refresh"?: ((value: Optional<boolean>) => any) | undefined;
+    "onUpdate:open"?: ((value: Optional<boolean>) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
     trigger?(_: {
         open: () => boolean;

package/dist/UIKit/BaseTextarea.d.ts

@@ -17,15 +17,15 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (value: string | undefined) => any;
     click: (args_0: MouseEvent) => any;
+    keydown: (args_0: KeyboardEvent) => any;
     focusin: () => any;
     focusout: () => any;
-    keydown: (args_0: KeyboardEvent) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
     onClick?: ((args_0: MouseEvent) => any) | undefined;
+    onKeydown?: ((args_0: KeyboardEvent) => any) | undefined;
     onFocusin?: (() => any) | undefined;
     onFocusout?: (() => any) | undefined;
-    onKeydown?: ((args_0: KeyboardEvent) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     textarea: HTMLTextAreaElement;
 }, any>;

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

@@ -1,14 +1,21 @@
 import { ClassTypeProp } from '../types';
+import { AcceptableValue } from 'reka-ui';
+export type CheckboxBtnExposeType = {
+    getRootElement: () => HTMLElement | null;
+    getCheckboxElement: () => HTMLElement;
+};
 declare const _default: <TID extends string | number, TLabel extends string | number>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
-        readonly "onUpdate:modelValue"?: ((args_0: boolean) => any) | undefined;
+        readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
         readonly onClick?: ((args_0: MouseEvent) => any) | undefined;
         readonly onChange?: ((args_0: {
             id: TID;
             label: TLabel;
             checked: boolean;
         }) => any) | undefined;
-    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:modelValue" | "onClick" | "onChange"> & {
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:modelValue" | "onClick" | "onChange"> & ({
+        modelValue?: boolean;
+    } & {
         id?: TID;
         dataCy?: string;
         disabled?: boolean;
@@ -19,18 +26,18 @@ declare const _default: <TID extends string | number, TLabel extends string | nu
         required?: boolean;
         inputClass?: ClassTypeProp;
         label?: TLabel;
-        modelValue?: boolean;
-    } & Partial<{}>> & import('vue').PublicProps;
-    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+        value?: AcceptableValue;
+    }) & Partial<{}>> & import('vue').PublicProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<CheckboxBtnExposeType>): void;
     attrs: any;
     slots: {
         label?(_: {}): any;
     };
-    emit: ((evt: "update:modelValue", args_0: boolean) => void) & ((evt: "click", args_0: MouseEvent) => void) & ((evt: "change", args_0: {
+    emit: (((evt: "click", args_0: MouseEvent) => void) & ((evt: "change", args_0: {
         id: TID;
         label: TLabel;
         checked: boolean;
-    }) => void);
+    }) => void)) & ((evt: "update:modelValue", value: boolean) => void);
 }>) => import('vue').VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/UIKit/Checkbox/CheckboxGroup.d.ts

@@ -34,9 +34,12 @@ export type CheckboxGroupProps<TID = string | number, TLabel = string | number,
 declare const _default: <TID extends string | number, TLabel extends string | number, TPayload>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
         readonly "onUpdate:modelValue"?: ((args_0: CheckboxButtonType<TID, TLabel, TPayload>[]) => any) | undefined;
+        readonly "onUpdate:refresh"?: ((value: boolean) => any) | undefined;
         readonly onResetted?: (() => any) | undefined;
         readonly onCheckedGroup?: ((args_0: string) => any) | undefined;
-    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:modelValue" | "onResetted" | "onCheckedGroup"> & CheckboxGroupProps<TID, TLabel, TPayload> & Partial<{}>> & import('vue').PublicProps;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:modelValue" | "onUpdate:refresh" | "onResetted" | "onCheckedGroup"> & ({
+        refresh?: boolean;
+    } & CheckboxGroupProps<TID, TLabel, TPayload>) & Partial<{}>> & import('vue').PublicProps;
     expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
     attrs: any;
     slots: {
@@ -52,7 +55,7 @@ declare const _default: <TID extends string | number, TLabel extends string | nu
             reset: () => void;
         }): any;
     };
-    emit: ((evt: "update:modelValue", args_0: CheckboxButtonType<TID, TLabel, TPayload>[]) => void) & ((evt: "resetted") => void) & ((evt: "checkedGroup", args_0: string) => void);
+    emit: (((evt: "update:modelValue", args_0: CheckboxButtonType<TID, TLabel, TPayload>[]) => void) & ((evt: "resetted") => void) & ((evt: "checkedGroup", args_0: string) => void)) & ((evt: "update:refresh", value: boolean) => void);
 }>) => import('vue').VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/UIKit/Checkbox/v2/CheckboxButtonGroup.d.ts

@@ -0,0 +1,40 @@
+import { CheckboxRootProps, AcceptableValue } from 'reka-ui';
+export interface CheckboxButtonGroupProps {
+    dataCy?: string;
+    items?: CheckboxButtonItem[];
+    /**
+     * Value of the reset button
+     */
+    resetValue?: AcceptableValue;
+}
+export interface CheckboxButtonItem {
+    dataCy?: string;
+    value: CheckboxRootProps["value"];
+    required?: boolean;
+    label: string;
+}
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
+    modelValue?: NonNullable<AcceptableValue>[];
+    reset?: boolean;
+} & CheckboxButtonGroupProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: NonNullable<AcceptableValue>[]) => any;
+    "update:reset": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<{
+    modelValue?: NonNullable<AcceptableValue>[];
+    reset?: boolean;
+} & CheckboxButtonGroupProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: NonNullable<AcceptableValue>[]) => any) | undefined;
+    "onUpdate:reset"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>, {
+    default?(_: {
+        isChecked: (value: CheckboxRootProps["value"]) => boolean;
+        handleCheck: (value: CheckboxRootProps["value"], checked: boolean) => void;
+        handleResetCheck: (checked: boolean) => void;
+    }): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/UIKit/Checkbox/v2/CheckboxButtonGroup.js

@@ -0,0 +1,4 @@
+import f from "../../../packages/components/lib/UIKit/Checkbox/v2/CheckboxButtonGroup.vue.js";
+export {
+  f as default
+};

package/dist/UIKit/Radio/RadioButton.d.ts

@@ -1,28 +1,33 @@
-import { Nullable } from '@wikicasa-dev/types';
 import { ClassTypeProp } from '../types';
-type __VLS_Props = {
-    id?: Nullable<string | number>;
-    name?: string;
-    label: string;
-    modelValue?: boolean;
-    inputClasses?: ClassTypeProp;
-    labelClasses?: ClassTypeProp;
-};
-declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (args_0: boolean) => any;
-    change: (args_0: {
-        id: string | number;
-        label: string;
+declare const _default: <TID extends string | number | null>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
+        readonly "onUpdate:modelValue"?: ((args_0: boolean) => any) | undefined;
+        readonly onChange?: ((args_0: {
+            id: NonNullable<TID>;
+            label: string;
+            name?: string;
+        }) => any) | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:modelValue" | "onChange"> & {
+        id?: TID;
+        dataCy?: string;
         name?: string;
-    }) => any;
-}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:modelValue"?: ((args_0: boolean) => any) | undefined;
-    onChange?: ((args_0: {
-        id: string | number;
+        label: string;
+        modelValue?: boolean;
+        inputClasses?: ClassTypeProp;
+        labelClasses?: ClassTypeProp;
+    } & Partial<{}>> & import('vue').PublicProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: {};
+    emit: ((evt: "update:modelValue", args_0: boolean) => void) & ((evt: "change", args_0: {
+        id: NonNullable<TID>;
         label: string;
         name?: string;
-    }) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    checkbox: HTMLInputElement;
-}, HTMLDivElement>;
+    }) => void);
+}>) => import('vue').VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
 export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};