@volverjs/ui-vue 0.0.10-beta.42 → 0.0.10-beta.43

package/dist/components/VvSelect/VvSelect.vue.d.ts

@@ -1,116 +1,181 @@
 import type { Option } from '../../types/generic';
-declare const _default: <T extends string | Option>(__VLS_props: {
-    floating?: boolean | undefined;
-    readonly name?: string | undefined;
-    options?: T[] | undefined;
-    readonly size?: string | number | undefined;
-    label?: string | number | undefined;
-    disabled?: boolean | undefined;
-    modelValue?: string | number | boolean | unknown[] | Record<string, any> | undefined;
-    modifiers?: string | string[] | undefined;
-    readonly?: boolean | undefined;
-    readonly id?: string | number | undefined;
-    onFocus?: ((args_0: import("@vueuse/core").MaybeElement) => any) | undefined;
-    onBlur?: ((args_0: import("@vueuse/core").MaybeElement) => any) | undefined;
-    required?: boolean | undefined;
-    icon?: string | import("../VvIcon/index.js").VvIconProps | undefined;
-    iconPosition?: "before" | "after" | undefined;
-    loading?: boolean | undefined;
-    loadingLabel?: string | undefined;
-    unselectable?: boolean | undefined;
-    multiple?: boolean | undefined;
-    hintLabel?: string | undefined;
-    valid?: boolean | undefined;
-    validLabel?: string | unknown[] | undefined;
-    invalid?: boolean | undefined;
-    invalidLabel?: string | unknown[] | undefined;
-    tabindex?: string | number | undefined;
-    labelKey?: string | Function | undefined;
-    valueKey?: string | Function | undefined;
-    disabledKey?: string | Function | undefined;
-    "onUpdate:modelValue"?: ((args_0: any) => any) | undefined;
-    autoselectFirst?: boolean | undefined;
-    readonly placeholder?: string | undefined;
-    autocomplete?: string | undefined;
-    autofocus?: boolean | undefined;
-} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, __VLS_ctx?: {
-    slots: {
-        before?(_: {
-            valid: boolean;
-            invalid: boolean;
-            modelValue: string | number | boolean | unknown[] | Record<string, any> | undefined;
-        }): any;
-        after?(_: {
-            valid: boolean;
-            invalid: boolean;
-            modelValue: string | number | boolean | unknown[] | Record<string, any> | undefined;
-        }): any;
-        hint?(_: {
-            modelValue: unknown;
-            valid: boolean;
-            invalid: boolean;
-            loading: boolean;
-        }): any;
-        loading?(_: {
-            modelValue: unknown;
-            valid: boolean;
-            invalid: boolean;
-            loading: boolean;
-        }): any;
-        valid?(_: {
-            modelValue: unknown;
-            valid: boolean;
-            invalid: boolean;
-            loading: boolean;
-        }): any;
-        invalid?(_: {
-            modelValue: unknown;
-            valid: boolean;
-            invalid: boolean;
-            loading: boolean;
-        }): any;
-    };
-    attrs: any;
-    emit: ((evt: "update:modelValue", args_0: any) => void) & ((evt: "blur", args_0: import("@vueuse/core").MaybeElement) => void) & ((evt: "focus", args_0: import("@vueuse/core").MaybeElement) => void);
-} | undefined, __VLS_expose?: ((exposed: import('vue').ShallowUnwrapRef<{}>) => void) | undefined, __VLS_setup?: Promise<{
-    props: {
-        floating?: boolean | undefined;
-        readonly name?: string | undefined;
-        options?: T[] | undefined;
+declare const _default: <T extends string | Option>(__VLS_props: Awaited<typeof __VLS_setup>["props"], __VLS_ctx?: __VLS_Prettify<Pick<Awaited<typeof __VLS_setup>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_Prettify<Pick<Partial<{
+        floating: boolean;
+        label: string | number;
+        disabled: boolean;
+        modelValue: string | number | boolean | unknown[] | Record<string, any>;
+        modifiers: string | string[];
+        readonly: boolean;
+        required: boolean;
+        icon: string | import("../VvIcon/index.js").VvIconProps;
+        iconPosition: "before" | "after";
+        loading: boolean;
+        loadingLabel: string;
+        unselectable: boolean;
+        multiple: boolean;
+        hintLabel: string;
+        valid: boolean;
+        validLabel: string | unknown[];
+        invalid: boolean;
+        invalidLabel: string | unknown[];
+        tabindex: string | number;
+        options: T[];
+        labelKey: string | Function;
+        valueKey: string | Function;
+        disabledKey: string | Function;
+        autoselectFirst: boolean;
+        autocomplete: string;
+        autofocus: boolean;
+    }> & Omit<{
+        readonly floating: boolean;
+        readonly disabled: boolean;
+        readonly readonly: boolean;
+        readonly required: boolean;
+        readonly iconPosition: "before" | "after";
+        readonly loading: boolean;
+        readonly loadingLabel: string;
+        readonly unselectable: boolean;
+        readonly multiple: boolean;
+        readonly hintLabel: string;
+        readonly valid: boolean;
+        readonly invalid: boolean;
+        readonly tabindex: string | number;
+        readonly options: T[];
+        readonly labelKey: string | Function;
+        readonly valueKey: string | Function;
+        readonly disabledKey: string | Function;
+        readonly autoselectFirst: boolean;
+        readonly autocomplete: string;
+        readonly autofocus: boolean;
         readonly size?: string | number | undefined;
-        label?: string | number | undefined;
-        disabled?: boolean | undefined;
-        modelValue?: string | number | boolean | unknown[] | Record<string, any> | undefined;
-        modifiers?: string | string[] | undefined;
-        readonly?: boolean | undefined;
+        readonly name?: string | undefined;
+        readonly label?: string | number | undefined;
+        readonly modelValue?: string | number | boolean | unknown[] | Record<string, any> | undefined;
+        readonly modifiers?: string | string[] | undefined;
         readonly id?: string | number | undefined;
+        readonly icon?: string | import("../VvIcon/index.js").VvIconProps | undefined;
+        readonly validLabel?: string | unknown[] | undefined;
+        readonly invalidLabel?: string | unknown[] | undefined;
+        readonly placeholder?: string | undefined;
         onFocus?: ((args_0: import("@vueuse/core").MaybeElement) => any) | undefined;
         onBlur?: ((args_0: import("@vueuse/core").MaybeElement) => any) | undefined;
-        required?: boolean | undefined;
-        icon?: string | import("../VvIcon/index.js").VvIconProps | undefined;
-        iconPosition?: "before" | "after" | undefined;
-        loading?: boolean | undefined;
-        loadingLabel?: string | undefined;
-        unselectable?: boolean | undefined;
-        multiple?: boolean | undefined;
-        hintLabel?: string | undefined;
-        valid?: boolean | undefined;
-        validLabel?: string | unknown[] | undefined;
-        invalid?: boolean | undefined;
-        invalidLabel?: string | unknown[] | undefined;
-        tabindex?: string | number | undefined;
-        labelKey?: string | Function | undefined;
-        valueKey?: string | Function | undefined;
-        disabledKey?: string | Function | undefined;
         "onUpdate:modelValue"?: ((args_0: any) => any) | undefined;
-        autoselectFirst?: boolean | undefined;
-        readonly placeholder?: string | undefined;
-        autocomplete?: string | undefined;
-        autofocus?: boolean | undefined;
-    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
-    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<globalThis.ExtractPropTypes<{
+        options: {
+            type: globalThis.PropType<T[]>;
+            default: () => never[];
+        };
+        multiple: BooleanConstructor;
+        required: BooleanConstructor;
+        size: (StringConstructor | NumberConstructor)[];
+        modelValue: {
+            type: (ObjectConstructor | ArrayConstructor | BooleanConstructor | StringConstructor | NumberConstructor)[];
+            default: undefined;
+        };
+        autoselectFirst: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        placeholder: StringConstructor;
+        label: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: undefined;
+        };
+        unselectable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        floating: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        icon: {
+            type: globalThis.PropType<string | import("../VvIcon/index.js").VvIconProps>;
+            default: undefined;
+        };
+        iconPosition: {
+            type: globalThis.PropType<`${import("../../constants.js").Position}`>;
+            default: import("../../constants.js").Position;
+            validation: (value: import("../../constants.js").Position) => boolean;
+        };
+        labelKey: {
+            type: (StringConstructor | FunctionConstructor)[];
+            default: string;
+        };
+        valueKey: {
+            type: (StringConstructor | FunctionConstructor)[];
+            default: string;
+        };
+        disabledKey: {
+            type: (StringConstructor | FunctionConstructor)[];
+            default: string;
+        };
+        modifiers: {
+            type: globalThis.PropType<string | string[]>;
+            default: undefined;
+        };
+        readonly: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        loading: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        loadingLabel: {
+            type: StringConstructor;
+            default: string;
+        };
+        hintLabel: {
+            type: StringConstructor;
+            default: string;
+        };
+        invalid: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        invalidLabel: {
+            type: (ArrayConstructor | StringConstructor)[];
+            default: undefined;
+        };
+        valid: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        validLabel: {
+            type: (ArrayConstructor | StringConstructor)[];
+            default: undefined;
+        };
+        tabindex: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: number;
+        };
+        autocomplete: {
+            type: StringConstructor;
+            default: string;
+        };
+        autofocus: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        name: {
+            type: StringConstructor;
+            required: boolean;
+        };
+        id: (StringConstructor | NumberConstructor)[];
+    }>> & {
+        onFocus?: ((args_0: import("@vueuse/core").MaybeElement) => any) | undefined;
+        onBlur?: ((args_0: import("@vueuse/core").MaybeElement) => any) | undefined;
+        "onUpdate:modelValue"?: ((args_0: any) => any) | undefined;
+    }, "floating" | "label" | "disabled" | "modelValue" | "modifiers" | "readonly" | "required" | "icon" | "iconPosition" | "loading" | "loadingLabel" | "unselectable" | "multiple" | "hintLabel" | "valid" | "validLabel" | "invalid" | "invalidLabel" | "tabindex" | "options" | "labelKey" | "valueKey" | "disabledKey" | "autoselectFirst" | "autocomplete" | "autofocus">, "size" | "name" | "id" | "onFocus" | "onBlur" | "onUpdate:modelValue" | "placeholder" | ("floating" | "label" | "disabled" | "modelValue" | "modifiers" | "readonly" | "required" | "icon" | "iconPosition" | "loading" | "loadingLabel" | "unselectable" | "multiple" | "hintLabel" | "valid" | "validLabel" | "invalid" | "invalidLabel" | "tabindex" | "options" | "labelKey" | "valueKey" | "disabledKey" | "autoselectFirst" | "autocomplete" | "autofocus")> & {}> & __VLS_BuiltInPublicProps;
+    expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
     attrs: any;
-    slots: {
+    slots: ReturnType<() => {
         before?(_: {
             valid: boolean;
             invalid: boolean;
@@ -145,87 +210,12 @@ declare const _default: <T extends string | Option>(__VLS_props: {
             invalid: boolean;
             loading: boolean;
         }): any;
-    };
-    emit: ((evt: "update:modelValue", args_0: any) => void) & ((evt: "blur", args_0: import("@vueuse/core").MaybeElement) => void) & ((evt: "focus", args_0: import("@vueuse/core").MaybeElement) => void);
+    }>;
+    emit: (((evt: "update:modelValue", args_0: any) => void) & ((evt: "blur", args_0: import("@vueuse/core").MaybeElement) => void) & ((evt: "focus", args_0: import("@vueuse/core").MaybeElement) => void)) & {};
 }>) => globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }> & {
-    __ctx?: {
-        props: {
-            floating?: boolean | undefined;
-            readonly name?: string | undefined;
-            options?: T[] | undefined;
-            readonly size?: string | number | undefined;
-            label?: string | number | undefined;
-            disabled?: boolean | undefined;
-            modelValue?: string | number | boolean | unknown[] | Record<string, any> | undefined;
-            modifiers?: string | string[] | undefined;
-            readonly?: boolean | undefined;
-            readonly id?: string | number | undefined;
-            onFocus?: ((args_0: import("@vueuse/core").MaybeElement) => any) | undefined;
-            onBlur?: ((args_0: import("@vueuse/core").MaybeElement) => any) | undefined;
-            required?: boolean | undefined;
-            icon?: string | import("../VvIcon/index.js").VvIconProps | undefined;
-            iconPosition?: "before" | "after" | undefined;
-            loading?: boolean | undefined;
-            loadingLabel?: string | undefined;
-            unselectable?: boolean | undefined;
-            multiple?: boolean | undefined;
-            hintLabel?: string | undefined;
-            valid?: boolean | undefined;
-            validLabel?: string | unknown[] | undefined;
-            invalid?: boolean | undefined;
-            invalidLabel?: string | unknown[] | undefined;
-            tabindex?: string | number | undefined;
-            labelKey?: string | Function | undefined;
-            valueKey?: string | Function | undefined;
-            disabledKey?: string | Function | undefined;
-            "onUpdate:modelValue"?: ((args_0: any) => any) | undefined;
-            autoselectFirst?: boolean | undefined;
-            readonly placeholder?: string | undefined;
-            autocomplete?: string | undefined;
-            autofocus?: boolean | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
-        expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
-        attrs: any;
-        slots: {
-            before?(_: {
-                valid: boolean;
-                invalid: boolean;
-                modelValue: string | number | boolean | unknown[] | Record<string, any> | undefined;
-            }): any;
-            after?(_: {
-                valid: boolean;
-                invalid: boolean;
-                modelValue: string | number | boolean | unknown[] | Record<string, any> | undefined;
-            }): any;
-            hint?(_: {
-                modelValue: unknown;
-                valid: boolean;
-                invalid: boolean;
-                loading: boolean;
-            }): any;
-            loading?(_: {
-                modelValue: unknown;
-                valid: boolean;
-                invalid: boolean;
-                loading: boolean;
-            }): any;
-            valid?(_: {
-                modelValue: unknown;
-                valid: boolean;
-                invalid: boolean;
-                loading: boolean;
-            }): any;
-            invalid?(_: {
-                modelValue: unknown;
-                valid: boolean;
-                invalid: boolean;
-                loading: boolean;
-            }): any;
-        };
-        emit: ((evt: "update:modelValue", args_0: any) => void) & ((evt: "blur", args_0: import("@vueuse/core").MaybeElement) => void) & ((evt: "focus", args_0: import("@vueuse/core").MaybeElement) => void);
-    } | undefined;
+    __ctx?: Awaited<typeof __VLS_setup>;
 };
 export default _default;
 type __VLS_Prettify<T> = {

package/dist/components/VvSelect/index.d.ts

@@ -60,12 +60,12 @@ export declare const VvSelectProps: {
         default: undefined;
     };
     iconPosition: {
-        type: globalThis.PropType<"before" | "after">;
+        type: globalThis.PropType<`${import("../../constants").Position}`>;
         default: import("../../constants").Position;
         validation: (value: import("../../constants").Position) => boolean;
     };
     options: {
-        type: globalThis.PropType<(string | Option)[]>;
+        type: globalThis.PropType<(Option | string)[]>;
         default: () => never[];
     };
     labelKey: {
@@ -140,7 +140,7 @@ export declare const VvSelectProps: {
 };
 export declare function useVvSelectProps<T extends Option | string>(): {
     options: {
-        type: globalThis.PropType<T[]>;
+        type: PropType<T[]>;
         default: () => never[];
     };
     /**
@@ -197,7 +197,7 @@ export declare function useVvSelectProps<T extends Option | string>(): {
         default: undefined;
     };
     iconPosition: {
-        type: globalThis.PropType<"before" | "after">;
+        type: globalThis.PropType<`${import("../../constants").Position}`>;
         default: import("../../constants").Position;
         validation: (value: import("../../constants").Position) => boolean;
     };

package/dist/components/VvTab/VvTab.vue.d.ts

@@ -1,14 +1,14 @@
 import type { NavItemTab } from '@/types/nav';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     navModifiers: {
-        type: globalThis.PropType<string | string[]>;
+        type: PropType<string | string[]>;
     };
     modelValue: {
         type: StringConstructor;
         default: string;
     };
     items: {
-        type: globalThis.PropType<NavItemTab[]>;
+        type: PropType<NavItemTab[]>;
         default: () => never[];
     };
     modifiers: {
@@ -19,14 +19,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     [x: string]: (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
     navModifiers: {
-        type: globalThis.PropType<string | string[]>;
+        type: PropType<string | string[]>;
     };
     modelValue: {
         type: StringConstructor;
         default: string;
     };
     items: {
-        type: globalThis.PropType<NavItemTab[]>;
+        type: PropType<NavItemTab[]>;
         default: () => never[];
     };
     modifiers: {
@@ -41,15 +41,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     "nav-item"?(_: {
         item: {
             label: string;
-            ariaLabel?: string | undefined;
-            title?: string | undefined;
-            to?: string | Record<string, unknown> | undefined;
-            href?: string | undefined;
-            target?: string | undefined;
-            rel?: string | undefined;
-            disabled?: boolean | undefined;
-            current?: boolean | undefined;
-            class?: string | string[] | undefined;
+            ariaLabel?: string;
+            title?: string;
+            to?: string | Record<string, unknown>;
+            href?: string;
+            target?: string;
+            rel?: string;
+            disabled?: boolean;
+            current?: boolean;
+            class?: string | string[];
         };
         data: Record<string, unknown> | undefined;
         index: number;

package/dist/components/VvTab/index.d.ts

@@ -1,14 +1,14 @@
 import type { NavItemTab } from '@/types/nav';
 export declare const VvTabProps: {
     navModifiers: {
-        type: globalThis.PropType<string | string[]>;
+        type: PropType<string | string[]>;
     };
     modelValue: {
         type: StringConstructor;
         default: string;
     };
     items: {
-        type: globalThis.PropType<NavItemTab[]>;
+        type: PropType<NavItemTab[]>;
         default: () => never[];
     };
     modifiers: {

package/dist/components/VvTextarea/VvTextarea.vue.d.ts

@@ -46,7 +46,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: undefined;
     };
     iconPosition: {
-        type: globalThis.PropType<"before" | "after">;
+        type: globalThis.PropType<`${import("../../constants").Position}`>;
         default: import("../../constants").Position;
         validation: (value: import("../../constants").Position) => boolean;
     };
@@ -166,7 +166,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: undefined;
     };
     iconPosition: {
-        type: globalThis.PropType<"before" | "after">;
+        type: globalThis.PropType<`${import("../../constants").Position}`>;
         default: import("../../constants").Position;
         validation: (value: import("../../constants").Position) => boolean;
     };

package/dist/components/VvTextarea/index.d.ts

@@ -80,7 +80,7 @@ export declare const VvTextareaProps: {
         default: undefined;
     };
     iconPosition: {
-        type: globalThis.PropType<"before" | "after">;
+        type: globalThis.PropType<`${import("../../constants").Position}`>;
         default: import("../../constants").Position;
         validation: (value: import("../../constants").Position) => boolean;
     };

package/dist/components/VvTooltip/VvTooltip.vue.d.ts

@@ -1,6 +1,6 @@
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     position: {
-        type: globalThis.PropType<"top" | "right" | "bottom" | "left">;
+        type: globalThis.PropType<`${import("../../constants").Side}`>;
         default: import("../../constants").Side;
     };
     value: {
@@ -12,7 +12,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
     position: {
-        type: globalThis.PropType<"top" | "right" | "bottom" | "left">;
+        type: globalThis.PropType<`${import("../../constants").Side}`>;
         default: import("../../constants").Side;
     };
     value: {

package/dist/components/VvTooltip/index.d.ts

@@ -6,7 +6,7 @@ export declare const VvTooltipProps: {
      * @default Side.bottom
      */
     position: {
-        type: PropType<"top" | "right" | "bottom" | "left">;
+        type: PropType<`${Side}`>;
         default: Side;
     };
     value: {

package/dist/components/index.es.js

@@ -1679,7 +1679,7 @@ const _hoisted_1$l = {
 };
 const _hoisted_2$e = ["id"];
 const _hoisted_3$7 = ["aria-label"];
-const _hoisted_4$5 = /* @__PURE__ */ createElementVNode(
+const _hoisted_4$6 = /* @__PURE__ */ createElementVNode(
   "div",
   { class: "vv-alert__close-mask" },
   null,
@@ -1687,7 +1687,7 @@ const _hoisted_4$5 = /* @__PURE__ */ createElementVNode(
   /* HOISTED */
 );
 const _hoisted_5$5 = [
-  _hoisted_4$5
+  _hoisted_4$6
 ];
 const _hoisted_6$5 = {
   key: 1,
@@ -4071,7 +4071,7 @@ const _hoisted_3$5 = {
   key: 0,
   class: "vv-select__input-before"
 };
-const _hoisted_4$4 = { class: "vv-select__inner" };
+const _hoisted_4$5 = { class: "vv-select__inner" };
 const _hoisted_5$4 = ["id"];
 const _hoisted_6$4 = ["disabled", "hidden"];
 const _hoisted_7$4 = ["disabled", "value"];
@@ -4236,7 +4236,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
             _ctx.$slots.before ? (openBlock(), createElementBlock("div", _hoisted_3$5, [
               renderSlot(_ctx.$slots, "before", normalizeProps(guardReactiveProps(unref(slotProps))))
             ])) : createCommentVNode("v-if", true),
-            createElementVNode("div", _hoisted_4$4, [
+            createElementVNode("div", _hoisted_4$5, [
               unref(hasIconBefore) ? (openBlock(), createBlock(
                 _sfc_main$u,
                 mergeProps({ key: 0 }, unref(hasIconBefore), { class: "vv-select__icon" }),
@@ -4531,7 +4531,7 @@ function useVvComboboxProps() {
 const _hoisted_1$8 = ["id"];
 const _hoisted_2$6 = ["id", "for"];
 const _hoisted_3$4 = ["id", "aria-controls", "placeholder"];
-const _hoisted_4$3 = {
+const _hoisted_4$4 = {
   key: 0,
   class: "vv-select__input-before"
 };
@@ -4889,7 +4889,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
               onAfterCollapse
             }), createSlots({
               default: withCtx(({ aria }) => [
-                _ctx.$slots.before ? (openBlock(), createElementBlock("div", _hoisted_4$3, [
+                _ctx.$slots.before ? (openBlock(), createElementBlock("div", _hoisted_4$4, [
                   renderSlot(_ctx.$slots, "before", normalizeProps(guardReactiveProps(unref(slotProps))))
                 ])) : createCommentVNode("v-if", true),
                 createElementVNode("div", _hoisted_5$3, [
@@ -5250,14 +5250,19 @@ const VvDialogProps = {
   /**
    * Keep open dialog on click outside
    */
-  keepOpen: { type: Boolean, default: false }
+  keepOpen: { type: Boolean, default: false },
+  /**
+   * Close button label
+   */
+  labelClose: { type: String, default: "Close" }
 };
 const _hoisted_1$7 = {
   key: 0,
   class: "vv-dialog__header"
 };
-const _hoisted_2$5 = { class: "vv-dialog__content" };
-const _hoisted_3$3 = {
+const _hoisted_2$5 = ["aria-label", "title"];
+const _hoisted_3$3 = { class: "vv-dialog__content" };
+const _hoisted_4$3 = {
   key: 1,
   class: "vv-dialog__footer"
 };
@@ -5384,26 +5389,19 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
                         1
                         /* TEXT */
                       ),
-                      createElementVNode(
-                        "button",
-                        {
-                          type: "button",
-                          "aria-label": "Close",
-                          class: "vv-dialog__close",
-                          onClickPassive: close
-                        },
-                        [
-                          createVNode(_sfc_main$u, { name: "close" })
-                        ],
-                        32
-                        /* NEED_HYDRATION */
-                      )
+                      createElementVNode("button", {
+                        type: "button",
+                        "aria-label": _ctx.labelClose,
+                        title: _ctx.labelClose,
+                        class: "vv-dialog__close",
+                        onClickPassive: close
+                      }, null, 40, _hoisted_2$5)
                     ])
                   ])) : createCommentVNode("v-if", true),
-                  createElementVNode("div", _hoisted_2$5, [
+                  createElementVNode("div", _hoisted_3$3, [
                     renderSlot(_ctx.$slots, "default")
                   ]),
-                  _ctx.$slots.footer ? (openBlock(), createElementBlock("footer", _hoisted_3$3, [
+                  _ctx.$slots.footer ? (openBlock(), createElementBlock("footer", _hoisted_4$3, [
                     renderSlot(_ctx.$slots, "footer")
                   ])) : createCommentVNode("v-if", true)
                 ],