@wikicasa-dev/components 2.0.14 → 2.0.16

package/dist/AccessibleSelect.js

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

package/dist/BaseAutocomplete.js

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

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

@@ -1,57 +1,55 @@
 import { AccessibleSelectOptions } from './types';
 import { ClassType, Optional } from '@wikicasa-dev/types';
-declare let __VLS_typeProps: {
-    label?: string;
-    dropdownPosition?: "top" | "bottom";
-    namespace?: string;
-    options: AccessibleSelectOptions[];
-    isValid?: boolean | null;
-    feedback?: Partial<{
-        valid: string;
-        invalid: string;
-    }>;
-    /**
-     * If true, we will close the dropdown when we touch the body of the document
-     */
-    closeOnBodyPressed?: boolean;
-    border?: boolean;
-    fieldsetClasses?: ClassType;
-    legendClasses?: ClassType;
-    dropdownClasses?: ClassType;
-    labelClasses?: ClassType;
-    btnClasses?: ClassType;
-    dropdownItemClasses?: ClassType;
-    btnTextClasses?: ClassType;
-    arrowIcon?: Partial<{
-        width: number;
-        height: number;
-        strokeColor: `#${string}`;
-        classes: ClassType;
-    }>;
-    dataCy?: string;
-};
-type __VLS_PublicProps = {
-    modelValue?: Optional<AccessibleSelectOptions>;
-} & typeof __VLS_typeProps;
-declare function __VLS_template(): {
+declare const _default: <T, LabelID extends string | number | undefined>(__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"?: ((modelValue: Optional<AccessibleSelectOptions<T, LabelID>>) => any) | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:modelValue"> & ({
+        modelValue?: Optional<AccessibleSelectOptions<T, LabelID>>;
+    } & {
+        label?: string;
+        dropdownPosition?: "top" | "bottom";
+        namespace?: string;
+        options: AccessibleSelectOptions<T, LabelID>[];
+        isValid?: boolean | null;
+        feedback?: Partial<{
+            valid: string;
+            invalid: string;
+        }>;
+        /**
+         * If true, we will close the dropdown when we touch the body of the document
+         */
+        closeOnBodyPressed?: boolean;
+        border?: boolean;
+        fieldsetClasses?: ClassType;
+        legendClasses?: ClassType;
+        dropdownClasses?: ClassType;
+        labelClasses?: ClassType;
+        btnClasses?: ClassType;
+        dropdownItemClasses?: ClassType;
+        btnTextClasses?: ClassType;
+        arrowIcon?: Partial<{
+            width: number;
+            height: number;
+            strokeColor: `#${string}`;
+            classes: ClassType;
+        }>;
+        dataCy?: string;
+        wrapperClasses?: ClassType;
+    })> & import('vue').PublicProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+    attrs: any;
     slots: {
         lefticon?(_: {}): any;
     };
-    refs: {
-        btnEl: HTMLButtonElement;
+    emit: {
+        'update:modelValue': [modelValue: Optional<AccessibleSelectOptions<T, LabelID>>];
     };
-    attrs: Partial<{}>;
+}>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}> & {
+    __ctx?: Awaited<typeof __VLS_setup>;
 };
-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: Optional<AccessibleSelectOptions>) => any;
-}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((modelValue: Optional<AccessibleSelectOptions>) => any) | undefined;
-}>, {}, {}, {}, {}, 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 & {
-    new (): {
-        $slots: S;
-    };
-};
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

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

@@ -1,197 +1,51 @@
 import { Nullable, BaseAutocompleteThemes } from '@wikicasa-dev/types';
 import { AccessibleSelectOptions, ClassTypeProp } from './types';
-type ModelValueType<T = unknown> = AccessibleSelectOptions<T>;
-declare let __VLS_typeProps: {
-    isValid?: Nullable<boolean>;
-    theme?: BaseAutocompleteThemes;
-    label?: string;
-    disableCb?: boolean;
-    onInputChangeCb: (v: string) => Promise<AccessibleSelectOptions[]>;
-    onOptionSelectedCb?: Nullable<(v: AccessibleSelectOptions) => void>;
-    keepState?: Nullable<"closed" | "open">;
-    cleanupOnClose?: boolean;
-    dropdownClasses?: string;
-    /**
-     * If true, we will close the dropdown when the user clicks or touches the body of the document
-     */
-    closeDropdownOnBodyPressed?: boolean;
-    inputClasses?: ClassTypeProp;
-    fieldsetClasses?: ClassTypeProp;
-};
-type __VLS_PublicProps = {
-    modelValue?: ModelValueType | undefined;
-} & typeof __VLS_typeProps;
-declare function __VLS_template(): {
+declare const _default: <T, LabelID extends string | number | undefined>(__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 onClick?: (() => any) | undefined;
+        readonly "onUpdate:modelValue"?: ((modelValue: AccessibleSelectOptions<T, LabelID> | undefined) => any) | undefined;
+        readonly onKeydown?: ((args_0: KeyboardEvent) => any) | undefined;
+        readonly onKeydownEnterPressed?: (() => any) | undefined;
+        readonly "onUpdate:dropdownState"?: ((args_0: boolean) => any) | undefined;
+        readonly onChangedValue?: ((args_0: string) => any) | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onClick" | "onKeydown" | "onUpdate:modelValue" | "onKeydownEnterPressed" | "onUpdate:dropdownState" | "onChangedValue"> & ({
+        modelValue?: AccessibleSelectOptions<T, LabelID> | undefined;
+    } & {
+        isValid?: Nullable<boolean>;
+        theme?: BaseAutocompleteThemes;
+        label?: string;
+        disableCb?: boolean;
+        onInputChangeCb: (v: string) => Promise<AccessibleSelectOptions<T, LabelID>[]>;
+        onOptionSelectedCb?: Nullable<(v: AccessibleSelectOptions<T, LabelID>) => void>;
+        keepState?: Nullable<"closed" | "open">;
+        cleanupOnClose?: boolean;
+        dropdownClasses?: string;
+        /**
+         * If true, we will close the dropdown when the user clicks or touches the body of the document
+         */
+        closeDropdownOnBodyPressed?: boolean;
+        inputClasses?: ClassTypeProp;
+        fieldsetClasses?: ClassTypeProp;
+    })> & import('vue').PublicProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<{
+        select: () => void;
+    }>): void;
+    attrs: any;
     slots: {
         lefticon?(_: {}): any;
         righticon?(_: {
             handleClean: () => void;
         }): any;
     };
-    refs: {
-        baseInput: ({
-            $: import('vue').ComponentInternalInstance;
-            $data: {};
-            $props: {
-                readonly modelValue?: string | number | undefined;
-                readonly inputClass?: import('./types').ClassType | import('./types').ClassType[];
-                readonly labelText?: string | undefined;
-                readonly feedback?: import('./types').FeedbackLabels | undefined;
-                readonly isValid?: Nullable<boolean> | undefined;
-                readonly keepFloatingLabel?: boolean | undefined;
-                readonly formatter?: Nullable<Partial<{
-                    formatFn: (n: number | string) => string;
-                    unFormatFn: (v: string) => string | number | null;
-                }>> | undefined;
-                readonly labelClasses?: ClassTypeProp;
-                readonly fieldsetClasses?: ClassTypeProp;
-                readonly labelTextClasses?: ClassTypeProp;
-                readonly withLeftIcon?: boolean | undefined;
-                readonly withRightIcon?: boolean | undefined;
-                readonly dataCy?: string | undefined;
-                readonly onClick?: ((args_0: MouseEvent) => any) | undefined;
-                readonly "onUpdate:modelValue"?: ((modelValue: string | number | undefined) => any) | undefined;
-                readonly onFocusin?: (() => any) | undefined;
-                readonly onFocusout?: (() => any) | undefined;
-                readonly onKeydown?: ((args_0: KeyboardEvent) => any) | undefined;
-                readonly onKeyup?: ((args_0: KeyboardEvent) => any) | undefined;
-                readonly onKeydownEnterPressed?: (() => any) | undefined;
-            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
-            $attrs: {
-                [x: string]: unknown;
-            };
-            $refs: {
-                [x: string]: unknown;
-            };
-            $slots: Readonly<{
-                [name: string]: import('vue').Slot<any> | undefined;
-            }>;
-            $root: import('vue').ComponentPublicInstance | null;
-            $parent: import('vue').ComponentPublicInstance | null;
-            $host: Element | null;
-            $emit: ((event: "click", args_0: MouseEvent) => void) & ((event: "update:modelValue", modelValue: string | number | undefined) => void) & ((event: "focusin") => void) & ((event: "focusout") => void) & ((event: "keydown", args_0: KeyboardEvent) => void) & ((event: "keyup", args_0: KeyboardEvent) => void) & ((event: "keydownEnterPressed") => void);
-            $el: any;
-            $options: import('vue').ComponentOptionsBase<Readonly<{
-                modelValue?: string | number | undefined;
-            } & {
-                inputClass?: import('./types').ClassType | import('./types').ClassType[];
-                labelText?: string;
-                feedback?: import('./types').FeedbackLabels;
-                isValid?: Nullable<boolean>;
-                keepFloatingLabel?: boolean;
-                formatter?: Nullable<Partial<{
-                    formatFn: (n: number | string) => string;
-                    unFormatFn: (v: string) => string | number | null;
-                }>>;
-                labelClasses?: ClassTypeProp;
-                fieldsetClasses?: ClassTypeProp;
-                labelTextClasses?: ClassTypeProp;
-                withLeftIcon?: boolean;
-                withRightIcon?: boolean;
-                dataCy?: string;
-            }> & Readonly<{
-                onClick?: ((args_0: MouseEvent) => any) | undefined;
-                "onUpdate:modelValue"?: ((modelValue: string | number | undefined) => any) | undefined;
-                onFocusin?: (() => any) | undefined;
-                onFocusout?: (() => any) | undefined;
-                onKeydown?: ((args_0: KeyboardEvent) => any) | undefined;
-                onKeyup?: ((args_0: KeyboardEvent) => any) | undefined;
-                onKeydownEnterPressed?: (() => any) | undefined;
-            }>, {
-                select: () => void;
-            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                click: (args_0: MouseEvent) => any;
-                "update:modelValue": (modelValue: string | number | undefined) => any;
-                focusin: () => any;
-                focusout: () => any;
-                keydown: (args_0: KeyboardEvent) => any;
-                keyup: (args_0: KeyboardEvent) => any;
-                keydownEnterPressed: () => any;
-            }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
-                beforeCreate?: (() => void) | (() => void)[];
-                created?: (() => void) | (() => void)[];
-                beforeMount?: (() => void) | (() => void)[];
-                mounted?: (() => void) | (() => void)[];
-                beforeUpdate?: (() => void) | (() => void)[];
-                updated?: (() => void) | (() => void)[];
-                activated?: (() => void) | (() => void)[];
-                deactivated?: (() => void) | (() => void)[];
-                beforeDestroy?: (() => void) | (() => void)[];
-                beforeUnmount?: (() => void) | (() => void)[];
-                destroyed?: (() => void) | (() => void)[];
-                unmounted?: (() => void) | (() => void)[];
-                renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
-            };
-            $forceUpdate: () => void;
-            $nextTick: typeof import('vue').nextTick;
-            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
-        } & Readonly<{}> & Omit<Readonly<{
-            modelValue?: string | number | undefined;
-        } & {
-            inputClass?: import('./types').ClassType | import('./types').ClassType[];
-            labelText?: string;
-            feedback?: import('./types').FeedbackLabels;
-            isValid?: Nullable<boolean>;
-            keepFloatingLabel?: boolean;
-            formatter?: Nullable<Partial<{
-                formatFn: (n: number | string) => string;
-                unFormatFn: (v: string) => string | number | null;
-            }>>;
-            labelClasses?: ClassTypeProp;
-            fieldsetClasses?: ClassTypeProp;
-            labelTextClasses?: ClassTypeProp;
-            withLeftIcon?: boolean;
-            withRightIcon?: boolean;
-            dataCy?: string;
-        }> & Readonly<{
-            onClick?: ((args_0: MouseEvent) => any) | undefined;
-            "onUpdate:modelValue"?: ((modelValue: string | number | undefined) => any) | undefined;
-            onFocusin?: (() => any) | undefined;
-            onFocusout?: (() => any) | undefined;
-            onKeydown?: ((args_0: KeyboardEvent) => any) | undefined;
-            onKeyup?: ((args_0: KeyboardEvent) => any) | undefined;
-            onKeydownEnterPressed?: (() => any) | undefined;
-        }>, "select"> & import('vue').ShallowUnwrapRef<{
-            select: () => void;
-        }> & {} & import('vue').ComponentCustomProperties & {} & {
-            $slots: {
-                leftIcon?(_: {}): any;
-                righticon?(_: {
-                    handleClean: () => void;
-                    handleShowPasswd: () => void;
-                    curType: import('@wikicasa-dev/types').InputTypeHTMLAttribute;
-                }): any;
-                feedback?(_: {}): any;
-                "under-label"?(_: {}): any;
-            };
-        }) | null;
+    emit: (((evt: "click") => void) & ((evt: "keydown", args_0: KeyboardEvent) => void) & ((evt: "keydownEnterPressed") => void) & ((evt: "update:dropdownState", args_0: boolean) => void) & ((evt: "changedValue", args_0: string) => void)) & {
+        'update:modelValue': [modelValue: AccessibleSelectOptions<T, LabelID> | undefined];
     };
-    attrs: Partial<{}>;
+}>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}> & {
+    __ctx?: Awaited<typeof __VLS_setup>;
 };
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {
-    select: () => void;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    click: () => any;
-    "update:modelValue": (modelValue: ModelValueType<unknown> | undefined) => any;
-    keydown: (args_0: KeyboardEvent) => any;
-    keydownEnterPressed: () => any;
-    "update:dropdownState": (args_0: boolean) => any;
-    changedValue: (args_0: string) => any;
-}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    onClick?: (() => any) | undefined;
-    "onUpdate:modelValue"?: ((modelValue: ModelValueType<unknown> | undefined) => any) | undefined;
-    onKeydown?: ((args_0: KeyboardEvent) => any) | undefined;
-    onKeydownEnterPressed?: (() => any) | undefined;
-    "onUpdate:dropdownState"?: ((args_0: boolean) => any) | undefined;
-    onChangedValue?: ((args_0: string) => any) | undefined;
-}>, {}, {}, {}, {}, 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 & {
-    new (): {
-        $slots: S;
-    };
-};
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/chunks/{AccessibleSelect.vue_vue_type_script_setup_true_lang.CfwgKf93.js → AccessibleSelect.vue_vue_type_script_setup_true_lang.ClV6kObA.js}

@@ -1,4 +1,4 @@
-import { h as f, defineComponent as T, mergeModels as B, useModel as H, useId as F, computed as C, ref as $, watch as I, onMounted as A, onUnmounted as z, openBlock as a, createElementBlock as n, normalizeClass as o, createElementVNode as s, createCommentVNode as k, withModifiers as b, renderSlot as E, unref as p, createBlock as P, createVNode as N, Fragment as M, renderList as O } from "vue";
+import { h as f, defineComponent as T, mergeModels as B, useModel as H, useId as F, computed as g, ref as $, watch as I, onMounted as A, onUnmounted as z, openBlock as o, createElementBlock as n, normalizeClass as a, createElementVNode as s, createCommentVNode as k, withModifiers as b, renderSlot as E, unref as p, createBlock as P, createVNode as N, Fragment as M, renderList as O } from "vue";
 import { A as q } from "./useKeyboardController.CutKeclN.js";
 import { a as j } from "./ArrowIcon.CCFMdsq6.js";
 import { e as D } from "./PharmacyIcon.56ql_DYl.js";
@@ -36,7 +36,7 @@ const S = (t, { attrs: r }) => {
       })
     ]
   );
-}, U = { class: "uikit-relative uikit-flex uikit-h-12 uikit-items-center" }, G = ["id", "innerHTML"], J = ["id", "data-cy", "aria-required", "aria-controls", "aria-labelledby", "aria-expanded", "aria-activedescendant", "aria-invalid", "aria-describedby"], K = ["innerHTML"], Q = { class: "uikit-pointer-events-none uikit-mt-1 uikit-inline-flex" }, R = ["innerHTML"], W = ["data-cy"], X = ["id", "aria-selected", "onClick", "onMouseover"], Y = { class: "uikit-inline-block uikit-cursor-pointer uikit-text-sm" }, Z = ["name", "checked", "onInput"], x = ["innerHTML"], _ = ["id", "arial-live", "innerHTML"], ii = ["id", "arial-live", "innerHTML"], oi = /* @__PURE__ */ T({
+}, U = ["id", "innerHTML"], G = ["id", "data-cy", "aria-required", "aria-controls", "aria-labelledby", "aria-expanded", "aria-activedescendant", "aria-invalid", "aria-describedby"], J = ["innerHTML"], K = { class: "uikit-pointer-events-none uikit-mt-1 uikit-inline-flex" }, Q = ["innerHTML"], R = ["data-cy"], W = ["id", "aria-selected", "onClick", "onMouseover"], X = { class: "uikit-inline-block uikit-cursor-pointer uikit-text-sm" }, Y = ["name", "checked", "onInput"], Z = ["innerHTML"], x = ["id", "arial-live", "innerHTML"], _ = ["id", "arial-live", "innerHTML"], ai = /* @__PURE__ */ T({
   inheritAttrs: !1,
   __name: "AccessibleSelect",
   props: /* @__PURE__ */ B({
@@ -56,7 +56,8 @@ const S = (t, { attrs: r }) => {
     dropdownItemClasses: {},
     btnTextClasses: {},
     arrowIcon: {},
-    dataCy: {}
+    dataCy: {},
+    wrapperClasses: {}
   }, {
     modelValue: {
       default: () => ({ id: "", label: "" })
@@ -65,7 +66,7 @@ const S = (t, { attrs: r }) => {
   }),
   emits: ["update:modelValue"],
   setup(t) {
-    const r = H(t, "modelValue"), m = F(), e = C(() => t.namespace || m), l = $(!1), L = $(null), h = C(() => !!r.value.label), { activeIdx: c, selectedIdx: V } = q({
+    const r = H(t, "modelValue"), m = F(), e = g(() => t.namespace || m), l = $(!1), L = $(null), h = g(() => !!r.value.label), { activeIdx: c, selectedIdx: V } = q({
       optionsLength: t.options.length,
       isDropdownOpen: l
     }), w = (i) => {
@@ -81,22 +82,24 @@ const S = (t, { attrs: r }) => {
       t.closeOnBodyPressed && document.addEventListener("click", y);
     }), z(() => {
       t.closeOnBodyPressed && document.removeEventListener("click", y);
-    }), (i, u) => (a(), n("div", {
-      class: o([i.$attrs.class])
+    }), (i, u) => (o(), n("div", {
+      class: a([i.$attrs.class])
     }, [
-      s("div", U, [
-        i.label ? (a(), n("label", {
+      s("div", {
+        class: a(["uikit-relative uikit-flex uikit-h-12 uikit-items-center", i.wrapperClasses])
+      }, [
+        i.label ? (o(), n("label", {
           key: 0,
           id: `${e.value}_label`,
-          class: o(["uikit-pointer-events-none uikit-absolute uikit-z-10 uikit-text-sm uikit-font-medium uikit-transition-all uikit-ease-in-out", [
+          class: a(["uikit-pointer-events-none uikit-absolute uikit-z-10 uikit-text-sm uikit-font-medium uikit-transition-all uikit-ease-in-out", [
             h.value ? "as-floating -uikit-top-1 uikit-left-[22px] uikit-text-w-black" : "as-inline uikit-top-4 uikit-text-w-gray",
             i.labelClasses,
             { "uikit-left-9": i.$slots.lefticon && !h.value },
             { "uikit-left-4": !i.$slots.lefticon && !h.value }
           ]]),
           innerHTML: i.label
-        }, null, 10, G)) : k("", !0),
-        i.$slots.lefticon ? (a(), n("span", {
+        }, null, 10, U)) : k("", !0),
+        i.$slots.lefticon ? (o(), n("span", {
           key: 1,
           class: "uikit-z-20 uikit-mt-2 uikit-pl-2",
           onClick: u[0] || (u[0] = b((d) => l.value = !l.value, ["stop"]))
@@ -109,7 +112,7 @@ const S = (t, { attrs: r }) => {
           ref: L,
           type: "button",
           "data-cy": i.dataCy,
-          class: o(["uikit-peer uikit-relative uikit-z-10 uikit-flex uikit-h-full uikit-w-full uikit-items-center uikit-justify-between uikit-truncate uikit-border-0 uikit-bg-transparent uikit-pr-4 uikit-text-left focus-visible:uikit-outline-0", [i.$slots.lefticon ? "uikit-pl-2" : "uikit-pl-4", i.btnClasses]]),
+          class: a(["uikit-peer uikit-relative uikit-z-10 uikit-flex uikit-h-full uikit-w-full uikit-items-center uikit-justify-between uikit-truncate uikit-border-0 uikit-bg-transparent uikit-pr-4 uikit-text-left focus-visible:uikit-outline-0", [i.$slots.lefticon ? "uikit-pl-2" : "uikit-pl-4", i.btnClasses]]),
           "aria-required": !!i.$attrs.required,
           role: "combobox",
           "aria-haspopup": "listbox",
@@ -122,11 +125,11 @@ const S = (t, { attrs: r }) => {
           onClick: u[1] || (u[1] = (d) => l.value = !l.value)
         }, [
           s("span", {
-            class: o(["uikit-pointer-events-none uikit-mt-1", i.btnTextClasses]),
+            class: a(["uikit-pointer-events-none uikit-mt-1", i.btnTextClasses]),
             innerHTML: r.value.visibleLabel || r.value.label
-          }, null, 10, K),
-          s("span", Q, [
-            i.isValid == !1 ? (a(), P(p(S), {
+          }, null, 10, J),
+          s("span", K, [
+            i.isValid == !1 ? (o(), P(p(S), {
               key: 0,
               class: "uikit-mr-1",
               width: 20,
@@ -134,7 +137,7 @@ const S = (t, { attrs: r }) => {
               "stroke-color": "#FA4F64"
             })) : k("", !0),
             N(p(j), {
-              class: o(["uikit-transition-transform motion-reduce:uikit-transition-none", [
+              class: a(["uikit-transition-transform motion-reduce:uikit-transition-none", [
                 l.value ? "uikit-rotate-180" : "",
                 i.arrowIcon?.classes
               ]]),
@@ -143,10 +146,10 @@ const S = (t, { attrs: r }) => {
               "stroke-color": i.isValid ? "#2B5DFF" : i.isValid === !1 ? "#FA4F64" : i.arrowIcon?.strokeColor ?? "#222"
             }, null, 8, ["class", "width", "height", "stroke-color"])
           ])
-        ], 10, J),
+        ], 10, G),
         s("fieldset", {
           "aria-hidden": "true",
-          class: o(["uikit-pointer-events-none uikit-absolute uikit-bottom-0 uikit-left-0 uikit-right-0 uikit-m-0 uikit-box-border uikit-h-12 uikit-cursor-pointer uikit-rounded-xs uikit-bg-white uikit-px-2 uikit-py-0 peer-focus:uikit-border-2", [
+          class: a(["uikit-pointer-events-none uikit-absolute uikit-bottom-0 uikit-left-0 uikit-right-0 uikit-m-0 uikit-box-border uikit-h-12 uikit-cursor-pointer uikit-rounded-xs uikit-bg-white uikit-px-2 uikit-py-0 peer-focus:uikit-border-2", [
             i.fieldsetClasses,
             i.isValid ? "uikit-border-w-primary" : i.isValid === !1 ? "uikit-border-w-danger" : "uikit-border-w-secondary",
             {
@@ -156,13 +159,13 @@ const S = (t, { attrs: r }) => {
           ]])
         }, [
           s("legend", {
-            class: o([[i.legendClasses, { "uikit-m-0 uikit-w-0": !i.label }], "uikit-ml-2 uikit-h-3 uikit-px-0 uikit-text-sm"])
+            class: a([[i.legendClasses, { "uikit-m-0 uikit-w-0": !i.label }], "uikit-ml-2 uikit-h-3 uikit-px-0 uikit-text-sm"])
           }, [
-            i.label ? (a(), n("span", {
+            i.label ? (o(), n("span", {
               key: 0,
-              class: o(["uikit-mx-5px", [r.value.label ? "uikit-invisible" : "uikit-hidden"]]),
+              class: a(["uikit-mx-5px", [r.value.label ? "uikit-invisible" : "uikit-hidden"]]),
               innerHTML: i.label
-            }, null, 10, R)) : k("", !0)
+            }, null, 10, Q)) : k("", !0)
           ], 2)
         ], 2),
         s("ul", {
@@ -170,7 +173,7 @@ const S = (t, { attrs: r }) => {
           role: "listbox",
           tabindex: -1,
           "aria-multiselectable": !1,
-          class: o(["uikit-absolute uikit-z-30 uikit-m-0 uikit-max-h-[225px] uikit-w-full uikit-min-w-full uikit-list-none uikit-overflow-y-auto uikit-p-0 uikit-no-scrollbar", [
+          class: a(["uikit-absolute uikit-z-30 uikit-m-0 uikit-max-h-[225px] uikit-w-full uikit-min-w-full uikit-list-none uikit-overflow-y-auto uikit-p-0 uikit-no-scrollbar", [
             { "uikit-h-0 uikit-w-0 uikit-overflow-hidden": !l.value },
             {
               "uikit-rounded-xs uikit-border uikit-border-solid uikit-border-w-secondary uikit-bg-white": l.value
@@ -182,52 +185,52 @@ const S = (t, { attrs: r }) => {
           onClick: u[3] || (u[3] = b(() => {
           }, ["stop"]))
         }, [
-          (a(!0), n(M, null, O(i.options, (d, v) => (a(), n("li", {
+          (o(!0), n(M, null, O(i.options, (d, v) => (o(), n("li", {
             id: `${e.value}_element_${i.options[v].label}`,
             key: `${d.label}_${v}`,
             role: "option",
             "aria-selected": p(c) === v,
-            class: o(["uikit-m-1 uikit-cursor-pointer uikit-px-20px uikit-py-10px uikit-text aria-selected:uikit-rounded-xs aria-selected:uikit-bg-w-cultured", i.dropdownItemClasses]),
-            onClick: b((g) => w(d), ["stop"]),
-            onMouseover: b((g) => c.value = v, ["stop"]),
+            class: a(["uikit-m-1 uikit-cursor-pointer uikit-px-20px uikit-py-10px uikit-text aria-selected:uikit-rounded-xs aria-selected:uikit-bg-w-cultured", i.dropdownItemClasses]),
+            onClick: b((C) => w(d), ["stop"]),
+            onMouseover: b((C) => c.value = v, ["stop"]),
             onBlur: u[2] || (u[2] = b(() => {
             }, ["stop"]))
           }, [
-            s("label", Y, [
+            s("label", X, [
               s("input", {
                 tabindex: "-1",
                 class: "uikit-m-0 uikit-appearance-none",
                 name: `${e.value}_radio`,
                 type: "radio",
                 checked: d.label === r.value.label,
-                onInput: b((g) => w(d), ["stop"])
-              }, null, 40, Z),
+                onInput: b((C) => w(d), ["stop"])
+              }, null, 40, Y),
               s("span", {
                 innerHTML: d.label
-              }, null, 8, x)
+              }, null, 8, Z)
             ])
-          ], 42, X))), 128))
-        ], 10, W)
-      ]),
-      i.feedback ? (a(), n(M, { key: 0 }, [
-        i.feedback.valid ? (a(), n("span", {
+          ], 42, W))), 128))
+        ], 10, R)
+      ], 2),
+      i.feedback ? (o(), n(M, { key: 0 }, [
+        i.feedback.valid ? (o(), n("span", {
           key: 0,
           id: `${e.value}_valid_msg`,
           "arial-live": i.$attrs["aria-live"],
           class: "uikit-mt-1 uikit-inline-block uikit-text-12",
           innerHTML: i.isValid ? i.feedback.valid : ""
-        }, null, 8, _)) : k("", !0),
-        i.feedback.invalid ? (a(), n("span", {
+        }, null, 8, x)) : k("", !0),
+        i.feedback.invalid ? (o(), n("span", {
           key: 1,
           id: `${e.value}_invalid_msg`,
           "arial-live": i.$attrs["aria-live"],
           class: "uikit-mt-1 uikit-inline-block uikit-text-12 uikit-text-w-danger",
           innerHTML: i.isValid === !1 ? i.feedback.invalid : ""
-        }, null, 8, ii)) : k("", !0)
+        }, null, 8, _)) : k("", !0)
       ], 64)) : k("", !0)
     ], 2));
   }
 });
 export {
-  oi as _
+  ai as _
 };

package/dist/chunks/{BaseAutocomplete.vue_vue_type_script_setup_true_lang.i1drmEOH.js → BaseAutocomplete.vue_vue_type_script_setup_true_lang.CCR6X0si.js}

@@ -41,7 +41,10 @@ const R = ["innerHTML"], le = /* @__PURE__ */ T({
   }),
   emits: /* @__PURE__ */ $(["update:dropdownState", "changedValue", "click", "keydown", "keydownEnterPressed"], ["update:modelValue"]),
   setup(t, { expose: p, emit: v }) {
-    const d = L(t, "modelValue"), u = v, a = r(""), n = r([]), m = r(null), c = r(!1), o = r(!1), y = r(null), B = k(() => n.value.length);
+    const d = L(
+      t,
+      "modelValue"
+    ), u = v, a = r(""), n = r([]), m = r(null), c = r(!1), o = r(!1), y = r(null), B = k(() => n.value.length);
     F(() => {
       m.value = Q({ delay: 300 }, t.onInputChangeCb);
     });

package/dist/index.js

@@ -9,9 +9,9 @@ import { _ } from "./chunks/BaseTab.vue_vue_type_script_setup_true_lang.Cu67jd8K
 import { _ as S } from "./chunks/BaseTabView.vue_vue_type_script_setup_true_lang.Ar2KNVYH.js";
 import { _ as g } from "./chunks/RadioButton.vue_vue_type_script_setup_true_lang.CiJAhkRj.js";
 import { _ as h } from "./chunks/RadioGroup.vue_vue_type_script_setup_true_lang.BalzO73O.js";
-import { _ as I } from "./chunks/AccessibleSelect.vue_vue_type_script_setup_true_lang.CfwgKf93.js";
+import { _ as I } from "./chunks/AccessibleSelect.vue_vue_type_script_setup_true_lang.ClV6kObA.js";
 import { _ as w } from "./chunks/BaseAlert.vue_vue_type_style_index_0_lang.BtqP_iYL.js";
-import { _ as k } from "./chunks/BaseAutocomplete.vue_vue_type_script_setup_true_lang.i1drmEOH.js";
+import { _ as k } from "./chunks/BaseAutocomplete.vue_vue_type_script_setup_true_lang.CCR6X0si.js";
 import { _ as v } from "./chunks/BaseBadge.vue_vue_type_style_index_0_lang.BOA1gBKu.js";
 import { _ as G } from "./chunks/BaseButton.vue_vue_type_script_setup_true_lang.BWZPE2Gf.js";
 import { default as O } from "./BaseCard.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wikicasa-dev/components",
-  "version": "2.0.14",
+  "version": "2.0.16",
   "description": "Wikicasa frontend components",
   "type": "module",
   "main": "./dist/index.js",