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

package/dist/Swiper/autoplay.js

@@ -1,5 +1,5 @@
 import { Autoplay as t } from "swiper/modules";
-import '../assets/swiper-controller.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-controller.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-controller.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-controller.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:open"?: ((value: boolean) => any) | undefined;
+        readonly "onUpdate:toggleDropdown"?: ((value: Optional<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:open" | "onUpdate:dropdownState"> & ({
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:modelValue" | "onClick" | "onUpdate:toggleDropdown" | "onUpdate:dropdownState"> & ({
         modelValue?: Optional<AccessibleSelectOptions<TPayload, TID>>;
-        open?: boolean;
+        toggleDropdown?: Optional<boolean>;
     } & {
         label?: string;
         dropdownPosition?: "top" | "bottom";
@@ -27,7 +27,6 @@ declare const _default: <TID, TPayload>(__VLS_props: NonNullable<Awaited<typeof
          */
         closeOnBodyPressed?: boolean;
         border?: boolean;
-        withFieldset?: boolean;
         fieldsetClasses?: ClassTypeProp;
         legendClasses?: ClassTypeProp;
         dropdownClasses?: ClassTypeProp;
@@ -49,7 +48,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:open", value: 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:toggleDropdown", value: Optional<boolean>) => void));
 }>) => import('vue').VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/UIKit/AccessibleSelect.js

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

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

@@ -8,30 +8,25 @@ 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" | "onInput" | "onKeydown" | "onUpdate:open" | "onUpdate:inputValue" | "onInputClick"> & ({
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:modelValue" | "onClick" | "onKeydown" | "onUpdate:open" | "onUpdate:inputValue" | "onInputClick"> & ({
         open?: boolean;
         modelValue?: Nullable<AccessibleSelectOptions<TPayload, TID>>;
         inputValue?: string;
@@ -51,7 +46,7 @@ declare const _default: <TID extends string | number | undefined, TPayload>(__VL
             idx: number;
         }): any;
     };
-    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));
+    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));
 }>) => 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 onKeydown?: ((args_0: KeyboardEvent) => any) | undefined;
         readonly "onUpdate:dropdownState"?: ((args_0: boolean) => any) | undefined;
+        readonly onKeydown?: ((args_0: KeyboardEvent) => 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 | null) => Promise<AccessibleSelectOptions<TPayload, TID>[]>;
+        onInputChangeCb: (v: string) => 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: AccessibleSelectOptions<TPayload, TID>;
+            option: import('@vue/reactivity').UnwrapRefSimple<AccessibleSelectOptions<TPayload, TID>>;
             idx: number;
         }): any;
     };
-    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);
+    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);
 }>) => import('vue').VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/UIKit/BaseButton.d.ts

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

package/dist/UIKit/BaseCard.js

@@ -1,5 +1,7 @@
 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 {
-  o as default
+  m as default
 };

package/dist/UIKit/BaseDropDown.d.ts

@@ -1,7 +1,6 @@
-import { Nullable } from '@wikicasa-dev/types';
+import { Nullable, Optional } from '@wikicasa-dev/types';
 import { ClassTypeProp } from './types';
 type __VLS_Props = {
-    dropdownAttrs?: Record<string, unknown>;
     dropdownClasses?: ClassTypeProp;
     btnClasses?: string;
     withArrowIcon?: boolean;
@@ -11,22 +10,19 @@ 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<{}>;
@@ -34,9 +30,6 @@ 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;
@@ -58,20 +51,20 @@ 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;
     withArrowIcon: boolean;
@@ -79,6 +72,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     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 o from "../packages/components/lib/UIKit/BaseFloatingLabel.vue.js";
+import a from "../packages/components/lib/UIKit/BaseFloatingLabel.vue.js";
 import '../assets/BaseFloatingLabel.css';/* empty css                                                      */
-import t from "../_virtual/_plugin-vue_export-helper.js";
-const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-c94b9c9e"]]);
+import o from "../_virtual/_plugin-vue_export-helper.js";
+const e = /* @__PURE__ */ o(a, [["__scopeId", "data-v-ba2cc6aa"]]);
 export {
-  c as default
+  e as default
 };

package/dist/UIKit/BaseInput.d.ts

@@ -1,7 +1,6 @@
 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;
@@ -44,17 +43,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-9dab04c5"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-919095a8"]]);
 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:refresh": (value: Optional<boolean>) => any;
     "update:open": (value: Optional<boolean>) => any;
+    "update:refresh": (value: Optional<boolean>) => any;
 }, string, import('vue').PublicProps, Readonly<{
     open?: Optional<boolean>;
     refresh?: Optional<boolean>;
 } & SnackbarProps> & Readonly<{
-    "onUpdate:refresh"?: ((value: Optional<boolean>) => any) | undefined;
     "onUpdate:open"?: ((value: Optional<boolean>) => any) | undefined;
+    "onUpdate:refresh"?: ((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,21 +1,14 @@
 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"?: ((value: boolean) => any) | undefined;
+        readonly "onUpdate:modelValue"?: ((args_0: 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"> & ({
-        modelValue?: boolean;
-    } & {
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:modelValue" | "onClick" | "onChange"> & {
         id?: TID;
         dataCy?: string;
         disabled?: boolean;
@@ -26,18 +19,18 @@ declare const _default: <TID extends string | number, TLabel extends string | nu
         required?: boolean;
         inputClass?: ClassTypeProp;
         label?: TLabel;
-        value?: AcceptableValue;
-    }) & Partial<{}>> & import('vue').PublicProps;
-    expose(exposed: import('vue').ShallowUnwrapRef<CheckboxBtnExposeType>): void;
+        modelValue?: boolean;
+    } & Partial<{}>> & import('vue').PublicProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
     attrs: any;
     slots: {
         label?(_: {}): any;
     };
-    emit: (((evt: "click", args_0: MouseEvent) => void) & ((evt: "change", args_0: {
+    emit: ((evt: "update:modelValue", args_0: boolean) => void) & ((evt: "click", args_0: MouseEvent) => void) & ((evt: "change", args_0: {
         id: TID;
         label: TLabel;
         checked: boolean;
-    }) => void)) & ((evt: "update:modelValue", value: boolean) => void);
+    }) => void);
 }>) => import('vue').VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

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

@@ -34,12 +34,9 @@ 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" | "onUpdate:refresh" | "onResetted" | "onCheckedGroup"> & ({
-        refresh?: boolean;
-    } & CheckboxGroupProps<TID, TLabel, TPayload>) & Partial<{}>> & import('vue').PublicProps;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:modelValue" | "onResetted" | "onCheckedGroup"> & CheckboxGroupProps<TID, TLabel, TPayload> & Partial<{}>> & import('vue').PublicProps;
     expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
     attrs: any;
     slots: {
@@ -55,7 +52,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)) & ((evt: "update:refresh", value: boolean) => void);
+    emit: ((evt: "update:modelValue", args_0: CheckboxButtonType<TID, TLabel, TPayload>[]) => void) & ((evt: "resetted") => void) & ((evt: "checkedGroup", args_0: string) => void);
 }>) => import('vue').VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

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

@@ -1,33 +1,28 @@
+import { Nullable } from '@wikicasa-dev/types';
 import { ClassTypeProp } from '../types';
-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;
+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;
-        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>;
+        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;
         name?: string;
-    }) => void);
-}>) => import('vue').VNode & {
-    __ctx?: Awaited<typeof __VLS_setup>;
-};
+    }) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    checkbox: HTMLInputElement;
+}, HTMLDivElement>;
 export default _default;
-type __VLS_PrettifyLocal<T> = {
-    [K in keyof T]: T[K];
-} & {};

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

@@ -1,55 +1,56 @@
 import { Nullable, Optional } from '@wikicasa-dev/types';
 import { ClassTypeProp } from '../types';
-export type RadioButtonType<TID = string | number | null, TPayload = unknown> = {
-    id?: TID;
-    label: string;
-    payload?: TPayload;
+export type RadioButtonType<T = unknown> = {
+    id?: string | number | null;
+    label: string | number;
+    payload?: T;
     active?: boolean;
 };
-declare const _default: <TID extends string | number | null, 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: Nullable<RadioButtonType<TID, TPayload>>) => any) | undefined;
-        readonly "onUpdate:refresh"?: ((value: boolean) => any) | undefined;
-        readonly "onUpdate:resetRadio"?: ((value: Optional<boolean>) => any) | undefined;
-    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:modelValue" | "onUpdate:refresh" | "onUpdate:resetRadio"> & ({
-        resetRadio?: Optional<boolean>;
-        refresh?: boolean;
-    } & {
-        radioValues?: RadioButtonType<TID, TPayload>[];
-        dataCy?: string;
-        radioContainerClasses?: ClassTypeProp;
-    }) & Partial<{}>> & import('vue').PublicProps;
-    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
-    attrs: any;
-    slots: {
-        default?(_: {
-            handleClick: (elem: RadioButtonType<TID, TPayload>) => void;
-            activeValue: {
-                id?: import('vue').UnwrapRef<TID> | undefined;
-                label: string;
-                payload?: import('vue').UnwrapRef<TPayload> | undefined;
-                active?: boolean | undefined;
-            } | null;
-            reset: () => void;
-            isActive: (elem: RadioButtonType<TID, TPayload>) => boolean;
-        }): any;
-        radio_elements?(_: {
-            handleClick: (elem: RadioButtonType<TID, TPayload>) => void;
-            activeValue: {
-                id?: import('vue').UnwrapRef<TID> | undefined;
-                label: string;
-                payload?: import('vue').UnwrapRef<TPayload> | undefined;
-                active?: boolean | undefined;
-            } | null;
-            reset: () => void;
-            isActive: (elem: RadioButtonType<TID, TPayload>) => boolean;
-        }): any;
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
+    resetRadio?: Optional<boolean>;
+} & {
+    radioValues?: RadioButtonType[];
+    dataCy?: string;
+    radioContainerClasses?: ClassTypeProp;
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (args_0: Nullable<RadioButtonType<unknown>>) => any;
+    "update:resetRadio": (value: Optional<boolean>) => any;
+}, string, import('vue').PublicProps, Readonly<{
+    resetRadio?: Optional<boolean>;
+} & {
+    radioValues?: RadioButtonType[];
+    dataCy?: string;
+    radioContainerClasses?: ClassTypeProp;
+}> & Readonly<{
+    "onUpdate:modelValue"?: ((args_0: Nullable<RadioButtonType<unknown>>) => any) | undefined;
+    "onUpdate:resetRadio"?: ((value: Optional<boolean>) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
+    default?(_: {
+        handleClick: (elem: RadioButtonType) => void;
+        activeValue: {
+            id?: string | number | null | undefined;
+            label: string | number;
+            payload?: unknown;
+            active?: boolean | undefined;
+        } | null;
+        reset: () => void;
+        isActive: (elem: RadioButtonType) => boolean;
+    }): any;
+    radio_elements?(_: {
+        handleClick: (elem: RadioButtonType) => void;
+        activeValue: {
+            id?: string | number | null | undefined;
+            label: string | number;
+            payload?: unknown;
+            active?: boolean | undefined;
+        } | null;
+        reset: () => void;
+        isActive: (elem: RadioButtonType) => boolean;
+    }): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
     };
-    emit: ((evt: "update:modelValue", args_0: Nullable<RadioButtonType<TID, TPayload>>) => void) & (((evt: "update:refresh", value: boolean) => void) & ((evt: "update:resetRadio", value: Optional<boolean>) => void));
-}>) => import('vue').VNode & {
-    __ctx?: Awaited<typeof __VLS_setup>;
 };
-export default _default;
-type __VLS_PrettifyLocal<T> = {
-    [K in keyof T]: T[K];
-} & {};

package/dist/assets/BaseCard.css

@@ -1 +1 @@
-.uikit-card{--card-max-height: none;--card-max-width: 930px;--card-height: auto;--card-width: auto;--card-border-radius-top-left: 20px;--card-border-radius-top-right: 20px;--card-border-radius-bottom-left: 20px;--card-border-radius-bottom-right: 20px;border-top-left-radius:var(--card-border-radius-top-left);border-top-right-radius:var(--card-border-radius-top-right);border-bottom-left-radius:var(--card-border-radius-bottom-left);border-bottom-right-radius:var(--card-border-radius-bottom-right);height:var(--card-height);width:var(--card-width);max-width:var(--card-max-width);max-height:var(--card-max-height);position:relative;z-index:0;display:flex;overflow:hidden;--tw-shadow: 0 0 8px #2222221F;--tw-shadow-colored: 0 0 8px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}@media screen and (min-width: 576px){.uikit-card{--card-img-max-width: 300px;--card-height: 240px }}.uikit-card .card-body{--card-body-width: 100%;box-sizing:border-box;width:var(--card-body-width);padding:10px 15px}.uikit-card .card-img{--card-img-height: var(--card-height);--card-img-width: 100%;--card-img-max-height: none;--card-img-max-width: none;height:var(--card-img-height);width:var(--card-img-width);max-width:var(--card-img-max-width);max-height:var(--card-img-max-height)}@media screen and (min-width: 576px){.uikit-card .card-img{--card-img-max-width: 300px }}.uikit-card.vertical{--card-vertical-height: var(--card-height);height:var(--card-vertical-height);flex-direction:column}@media not all and (min-width: 576px){.uikit-card.vertical{min-height:100px;min-width:335px}}@media screen and (min-width: 576px){.uikit-card.vertical{--card-vertical-height: fit-content }}.uikit-card.vertical .card-img{--card-vertical-img-height: 200px;--card-img-width: 100%;--card-img-max-width: 100%;height:var(--card-vertical-img-height)}.uikit-card.mini{--card-max-height: 100px;--card-max-width: 370px}.uikit-card.mini .card-img{--card-img-max-height: 110px;--card-img-max-width: 120px}@media (min-width: 576px){.uikit-card.news-card{flex-direction:column}}.uikit-card.news-card{--card-height: 270px}@media screen and (max-width: 576px){.uikit-card.news-card{--card-height: 100px;--card-width: 320px }.uikit-card.news-card .card-img{--card-height: 100px;--card-img-max-width: 100px }}@media screen and (min-width: 576px){.uikit-card.news-card .card-img{--card-height: 150px;--card-img-max-width: 100% }}
+.card[data-v-bf21cda3]{--card-max-height: none;--card-max-width: 930px;--card-height: auto;--card-width: auto;--card-border-radius-top-left: 20px;--card-border-radius-top-right: 20px;--card-border-radius-bottom-left: 20px;--card-border-radius-bottom-right: 20px;border-top-left-radius:var(--card-border-radius-top-left);border-top-right-radius:var(--card-border-radius-top-right);border-bottom-left-radius:var(--card-border-radius-bottom-left);border-bottom-right-radius:var(--card-border-radius-bottom-right);height:var(--card-height);width:var(--card-width);max-width:var(--card-max-width);max-height:var(--card-max-height);position:relative;z-index:0;display:flex;overflow:hidden;--tw-shadow: 0 0 8px #2222221F;--tw-shadow-colored: 0 0 8px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}@media screen and (min-width: 576px){.card[data-v-bf21cda3]{--card-img-max-width: 300px;--card-height: 240px }}.card .card-body[data-v-bf21cda3]{--card-body-width: 100%;box-sizing:border-box;width:var(--card-body-width);padding:10px 15px}.card .card-img[data-v-bf21cda3]{--card-img-height: var(--card-height);--card-img-width: 100%;--card-img-max-height: none;--card-img-max-width: none;height:var(--card-img-height);width:var(--card-img-width);max-width:var(--card-img-max-width);max-height:var(--card-img-max-height)}@media screen and (min-width: 576px){.card .card-img[data-v-bf21cda3]{--card-img-max-width: 300px }}.card.vertical[data-v-bf21cda3]{--card-vertical-height: var(--card-height);height:var(--card-vertical-height);flex-direction:column}@media not all and (min-width: 576px){.card.vertical[data-v-bf21cda3]{min-height:100px;min-width:335px}}@media screen and (min-width: 576px){.card.vertical[data-v-bf21cda3]{--card-vertical-height: fit-content }}.card.vertical .card-img[data-v-bf21cda3]{--card-vertical-img-height: 200px;--card-img-width: 100%;--card-img-max-width: 100%;height:var(--card-vertical-img-height)}.card.mini[data-v-bf21cda3]{--card-max-height: 100px;--card-max-width: 370px}.card.mini .card-img[data-v-bf21cda3]{--card-img-max-height: 110px;--card-img-max-width: 120px}@media (min-width: 576px){.card.news-card[data-v-bf21cda3]{flex-direction:column}}.card.news-card[data-v-bf21cda3]{--card-height: 270px}@media screen and (max-width: 576px){.card.news-card[data-v-bf21cda3]{--card-height: 100px;--card-width: 320px }.card.news-card .card-img[data-v-bf21cda3]{--card-height: 100px;--card-img-max-width: 100px }}@media screen and (min-width: 576px){.card.news-card .card-img[data-v-bf21cda3]{--card-height: 150px;--card-img-max-width: 100% }}