maz-ui 4.0.0-beta.31 → 4.0.0-beta.35

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

@@ -0,0 +1,52 @@
+import { MazColor } from './types';
+export interface MazPullToRefreshProps {
+    distance?: number;
+    offset?: number;
+    onClick?: () => unknown;
+    containerSelector?: string;
+    headerClass?: string;
+    spinnerColor?: MazColor;
+    disabled?: boolean;
+    standaloneMode?: boolean;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        'pull-before'?(_: {}): any;
+        'pull-ready'?(_: {}): any;
+        'pull-loading'?(_: {}): any;
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<MazPullToRefreshProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    error: (...args: any[]) => void;
+    loaded: (...args: any[]) => void;
+    start: (...args: any[]) => void;
+    response: (...args: any[]) => void;
+    finish: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<MazPullToRefreshProps> & Readonly<{
+    onError?: ((...args: any[]) => any) | undefined;
+    onLoaded?: ((...args: any[]) => any) | undefined;
+    onStart?: ((...args: any[]) => any) | undefined;
+    onResponse?: ((...args: any[]) => any) | undefined;
+    onFinish?: ((...args: any[]) => any) | undefined;
+}>, {
+    onClick: () => unknown;
+    disabled: boolean;
+    offset: number;
+    distance: number;
+    containerSelector: string;
+    headerClass: string;
+    spinnerColor: MazColor;
+    standaloneMode: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/MazRadio.js

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, createElementVNode, mergeProps, renderSlot, createCommentVNode, createTextVNode, toDisplayString } from "vue";
 import { useInstanceUniqId } from "../composables/useInstanceUniqId.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
-import '../assets/MazRadio.aTHM-mpx.css';const _hoisted_1 = ["for", "aria-checked"], _hoisted_2 = ["id", "value", "disabled", "name", "checked"], _hoisted_3 = { class: "m-radio__text" }, _sfc_main = /* @__PURE__ */ defineComponent({
+import '../assets/MazRadio.B0B3P1QS.css';const _hoisted_1 = ["for", "aria-checked"], _hoisted_2 = ["id", "value", "disabled", "name", "checked"], _hoisted_3 = { class: "m-radio__text" }, _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "MazRadio",
   props: {
     style: { default: void 0 },
@@ -97,7 +97,7 @@ import '../assets/MazRadio.aTHM-mpx.css';const _hoisted_1 = ["for", "aria-checke
       ])
     ], 46, _hoisted_1));
   }
-}), MazRadio = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-94df11f6"]]);
+}), MazRadio = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c9f427c1"]]);
 export {
   MazRadio as default
 };

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

@@ -0,0 +1,55 @@
+import { HTMLAttributes } from 'vue';
+import { MazColor, MazSize } from './types';
+export interface MazRadioProps<T = string | number | boolean> {
+    /** Style attribut of the component root element */
+    style?: HTMLAttributes['style'];
+    /** Class attribut of the component root element */
+    class?: HTMLAttributes['class'];
+    /** The id of the radio */
+    id?: string;
+    /** @model The value of the radio */
+    modelValue?: T;
+    /** The value of the radio */
+    value: T;
+    /** The name of the radio */
+    name: string;
+    /** The label of the radio */
+    label?: string;
+    /** The color of the radio */
+    color?: MazColor;
+    /** The size of the radio */
+    size?: MazSize;
+    /** The disabled state of the radio */
+    disabled?: boolean;
+    /** Whether there is an error with the input. */
+    error?: boolean;
+    /** Whether the input is successful. */
+    success?: boolean;
+    /** Whether there is a warning with the input. */
+    warning?: boolean;
+    /** The hint text to display below the input. */
+    hint?: string;
+}
+declare const _default: <T extends string | number | boolean>(__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 onBlur?: ((value: FocusEvent) => any) | undefined;
+        readonly onChange?: ((value: T) => any) | undefined;
+        readonly onFocus?: ((value: FocusEvent) => any) | undefined;
+        readonly "onUpdate:model-value"?: ((value: T) => any) | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onFocus" | "onBlur" | "onChange" | "onUpdate:model-value"> & MazRadioProps<T> & Partial<{}>> & import('vue').PublicProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: {
+        default?(_: {
+            isSelected: boolean;
+            value: T;
+        }): any;
+    };
+    emit: ((evt: "blur", value: FocusEvent) => void) & ((evt: "change", value: T) => void) & ((evt: "focus", value: FocusEvent) => void) & ((evt: "update:model-value", value: T) => void);
+}>) => import('vue').VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/components/MazRadioButtons.js

@@ -2,7 +2,7 @@ import { defineComponent, ref, createElementBlock, openBlock, createElementVNode
 import { MazCheck } from "@maz-ui/icons";
 import { g as getColor } from "../chunks/types.D0Bp_UhS.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
-import '../assets/MazRadioButtons.DN_rAzT9.css';const _hoisted_1 = { class: "m-radio-buttons m-reset-css" }, _hoisted_2 = ["for", "aria-checked", "onKeydown", "onBlur", "onFocus"], _hoisted_3 = ["id", "name", "value", "onChange"], _hoisted_4 = {
+import '../assets/MazRadioButtons.CfiHq8H9.css';const _hoisted_1 = { class: "m-radio-buttons m-reset-css" }, _hoisted_2 = ["for", "aria-checked", "onKeydown", "onBlur", "onFocus"], _hoisted_3 = ["id", "name", "value", "onChange"], _hoisted_4 = {
   key: 0,
   class: "m-radio-buttons__items__checkbox"
 }, _sfc_main = /* @__PURE__ */ defineComponent({
@@ -123,7 +123,7 @@ import '../assets/MazRadioButtons.DN_rAzT9.css';const _hoisted_1 = { class: "m-r
       }, toDisplayString(_ctx.hint), 3)) : createCommentVNode("", !0)
     ]));
   }
-}), MazRadioButtons = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-50724ef5"]]);
+}), MazRadioButtons = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7ffe6c1e"]]);
 export {
   MazRadioButtons as default
 };

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

@@ -0,0 +1,69 @@
+import { HTMLAttributes } from 'vue';
+import { MazColor } from './types';
+export type MazRadioButtonsOption<T = string | number | boolean> = {
+    /** The label of the option */
+    label: string;
+    /** The value of the option */
+    value: T;
+    /** The classes to apply to the option */
+    classes?: any;
+    /** The style to apply to the option */
+    style?: HTMLAttributes['style'];
+} & Record<string, unknown>;
+export interface MazRadioButtonsProps<T = string | number | boolean, Option extends MazRadioButtonsOption<T> = MazRadioButtonsOption<T>> {
+    /** @model The value of the selected option */
+    modelValue?: T;
+    /** The options to display */
+    options: Option[];
+    /** The name of the radio group */
+    name?: string;
+    /** The color of the selected radio buttons */
+    color?: MazColor | 'background';
+    /** Add elevation to the radio buttons */
+    elevation?: boolean;
+    /**
+     * The orientation of the radio buttons
+     * @values 'row' | 'col'
+     * @default 'row'
+     */
+    orientation?: 'row' | 'col';
+    /** Disable the wrap of the radio buttons */
+    wrap?: boolean;
+    /** Make all radio buttons the same size */
+    equalSize?: boolean;
+    /** Display a selector icon */
+    selector?: boolean;
+    /** The component will be displayed in full width */
+    block?: boolean;
+    /** Whether there is an error with the input. */
+    error?: boolean;
+    /** Whether the input is successful. */
+    success?: boolean;
+    /** Whether there is a warning with the input. */
+    warning?: boolean;
+    /** The hint text to display below the input. */
+    hint?: string;
+}
+declare const _default: <T extends string | number | boolean, Option extends MazRadioButtonsOption<T>>(__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 onBlur?: ((value: FocusEvent) => any) | undefined;
+        readonly onChange?: ((value: Option["value"]) => any) | undefined;
+        readonly onFocus?: ((value: FocusEvent) => any) | undefined;
+        readonly "onUpdate:model-value"?: ((value: Option["value"]) => any) | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onFocus" | "onBlur" | "onChange" | "onUpdate:model-value"> & MazRadioButtonsProps<T, Option> & Partial<{}>> & import('vue').PublicProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: {
+        default?(_: {
+            option: Option;
+            selected: boolean;
+        }): any;
+    };
+    emit: ((evt: "blur", value: FocusEvent) => void) & ((evt: "change", value: Option["value"]) => void) & ((evt: "focus", value: FocusEvent) => void) & ((evt: "update:model-value", value: Option["value"]) => void);
+}>) => import('vue').VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/components/MazReadingProgressBar.js

@@ -1,11 +1,11 @@
 import { defineComponent, computed, ref, watch, onMounted, onBeforeUnmount, createBlock, openBlock, Teleport, createElementVNode, mergeProps, normalizeStyle, normalizeClass, nextTick } from "vue";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
-import '../assets/MazReadingProgressBar.CwBVXE3g.css';function throttle(func, limit) {
-  let inThrottle = !1, lastFunc, lastRan;
-  return function(...args) {
-    inThrottle ? (clearTimeout(lastFunc), lastFunc = setTimeout(() => {
-      Date.now() - lastRan >= limit && (func.apply(this, args), lastRan = Date.now());
-    }, Math.max(limit - (Date.now() - lastRan), 0))) : (func.apply(this, args), lastRan = Date.now(), inThrottle = !0);
+import '../assets/MazReadingProgressBar.dzfwQFNg.css';function i(e, a) {
+  let l = !1, n, t;
+  return function(...o) {
+    l ? (clearTimeout(n), n = setTimeout(() => {
+      Date.now() - t >= a && (e.apply(this, o), t = Date.now());
+    }, Math.max(a - (Date.now() - t), 0))) : (e.apply(this, o), t = Date.now(), l = !0);
   };
 }
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -31,7 +31,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         immediate: !0
       }
     );
-    const handleScroll = throttle(() => {
+    const handleScroll = i(() => {
       const scrollPosition = window.scrollY;
       if (scrollPosition >= 0 && scrollPosition <= elementHeight.value) {
         const progress = scrollPosition / elementHeight.value * 100;
@@ -68,7 +68,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       ], 16)
     ], 8, ["to"]));
   }
-}), MazReadingProgressBar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-fe8cbda7"]]);
+}), MazReadingProgressBar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a180e792"]]);
 export {
   MazReadingProgressBar as default
 };

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

@@ -0,0 +1,55 @@
+import { HTMLAttributes } from 'vue';
+import { MazColor } from './types';
+export interface MazReadingProgressBarProps {
+    /**
+     * Height of the progress bar
+     * @default 4px
+     */
+    height?: string;
+    /**
+     * Color of the progress bar
+     * @default primary
+     */
+    color?: MazColor;
+    /**
+     * Selector of the element to teleport the progress bar
+     * @default body
+     */
+    teleportSelector?: string;
+    /**
+     * Selector of the element to get the height
+     * @default body
+     */
+    contentSelector?: string;
+    /**
+     * Offset of the progress bar
+     * @default 0
+     */
+    offset?: number;
+    /**
+     * Class of the progress bar
+     * @default undefined
+     */
+    barClass?: HTMLAttributes['class'];
+    /**
+     * Instead of using the height of the content with a selector, you can set a scroll distance
+     * @default undefined
+     */
+    distance?: number;
+}
+declare const _default: import('vue').DefineComponent<MazReadingProgressBarProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    begin: () => any;
+    complete: () => any;
+}, string, import('vue').PublicProps, Readonly<MazReadingProgressBarProps> & Readonly<{
+    onBegin?: (() => any) | undefined;
+    onComplete?: (() => any) | undefined;
+}>, {
+    height: string;
+    color: MazColor;
+    offset: number;
+    teleportSelector: string;
+    distance: number;
+    contentSelector: string;
+    barClass: HTMLAttributes["class"];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/MazSelect.js

@@ -1,15 +1,15 @@
 import { defineComponent, mergeModels, defineAsyncComponent, useTemplateRef, computed, useModel, ref, watch, createBlock, openBlock, normalizeStyle, normalizeClass, withCtx, createElementVNode, unref, createCommentVNode, renderSlot, createElementBlock, createVNode, Fragment, renderList, toDisplayString, withModifiers, mergeProps, createSlots, nextTick } from "vue";
 import { MazMagnifyingGlass, MazNoSymbol, MazChevronDown } from "@maz-ui/icons";
-import { u as useTranslations } from "../chunks/useTranslations.D5aoYwD7.js";
-import { i as isClient } from "../chunks/isClient.WI4oSt66.js";
-import { u as useStringMatching, n as normalizeString } from "../chunks/useStringMatching.BBezu-6J.js";
+import { useTranslations } from "@maz-ui/translations";
+import { e as e$1 } from "../chunks/isClient.8V3qjGdO.js";
+import { u as useStringMatching, S } from "../chunks/useStringMatching.DzSigyZ7.js";
 import { useInstanceUniqId } from "../composables/useInstanceUniqId.js";
 import MazInput from "./MazInput.js";
 import MazPopover from "./MazPopover.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
-import '../assets/MazSelect.DuRAHZGW.css';let timeout = null;
-function debounceCallback(callback, delay) {
-  timeout && clearTimeout(timeout), timeout = setTimeout(callback, delay);
+import '../assets/MazSelect.DIwjMD31.css';let e = null;
+function o(t, l) {
+  e && clearTimeout(e), e = setTimeout(t, l);
 }
 const _hoisted_1 = ["aria-label"], _hoisted_2 = ["id"], _hoisted_3 = { class: "m-select-list__no-results" }, _hoisted_4 = { class: "m-select-list-optgroup" }, _hoisted_5 = ["tabindex", "onClick"], _sfc_main = /* @__PURE__ */ defineComponent({
   inheritAttrs: !1,
@@ -112,7 +112,7 @@ const _hoisted_1 = ["aria-label"], _hoisted_2 = ["id"], _hoisted_3 = { class: "m
       return props.formatInputValue ? props.formatInputValue(value) : value;
     }), searchQuery = ref(), query = ref("");
     function searchInValue(value, query2) {
-      return query2 && value && normalizeString(value).includes(normalizeString(query2));
+      return query2 && value && S(value).includes(S(query2));
     }
     function getFilteredOptionWithQuery(query2) {
       return query2 ? optionsNormalized.value?.filter((option) => {
@@ -147,7 +147,7 @@ const _hoisted_1 = ["aria-label"], _hoisted_2 = ["id"], _hoisted_3 = { class: "m
       const optionIndex = optionList.value?.findIndex(
         (option) => option[props.optionValueKey] === filteredOptions[0][props.optionValueKey]
       );
-      typeof optionIndex != "number" || optionIndex === -1 || (scrollToOptionIndex(optionIndex), debounceCallback(() => {
+      typeof optionIndex != "number" || optionIndex === -1 || (scrollToOptionIndex(optionIndex), o(() => {
         query.value = "";
       }, 1e3));
     }
@@ -209,7 +209,7 @@ const _hoisted_1 = ["aria-label"], _hoisted_2 = ["id"], _hoisted_3 = { class: "m
     return watch(
       isOpen,
       (value) => {
-        isClient() && (value ? document.addEventListener("keydown", keydownHandler) : document.removeEventListener("keydown", keydownHandler));
+        e$1() && (value ? document.addEventListener("keydown", keydownHandler) : document.removeEventListener("keydown", keydownHandler));
       },
       { immediate: !0 }
     ), __expose({
@@ -381,7 +381,7 @@ const _hoisted_1 = ["aria-label"], _hoisted_2 = ["id"], _hoisted_3 = { class: "m
       _: 3
     }, 8, ["modelValue", "class", "style", "block", "transition", "position"]));
   }
-}), MazSelect = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-6f9e6820"]]);
+}), MazSelect = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ccb6b95e"]]);
 export {
   MazSelect as default
 };

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

@@ -0,0 +1,178 @@
+import { MazUiTranslationsNestedSchema } from '@maz-ui/translations';
+import { HTMLAttributes } from 'vue';
+import { MazInputValue } from './MazInput.vue';
+import { MazPopoverProps } from './MazPopover.vue';
+import { MazColor, MazSize } from './types';
+export interface MazSelectNormalizedOption {
+    [key: string]: MazInputValue;
+}
+export interface MazSelectOptionWithOptGroup {
+    label: string;
+    options: (MazSelectNormalizedOption | string | number | boolean)[];
+}
+export type MazSelectOption = MazSelectNormalizedOption | string | number | boolean | MazSelectOptionWithOptGroup;
+export interface MazSelectProps<Value extends MazInputValue = MazInputValue, Option extends MazSelectOption = MazSelectOption, Multiple extends boolean = false> {
+    /**
+     * Style attribut of the component root element
+     * @type {HTMLAttributes['style']}
+     */
+    style?: HTMLAttributes['style'];
+    /**
+     * Class attribut of the component root element
+     * @type {HTMLAttributes['class']}
+     */
+    class?: HTMLAttributes['class'];
+    /** The id of the select */
+    id?: string;
+    /**
+     * The label of the select
+     */
+    label?: string;
+    /**
+     * The placeholder of the select
+     */
+    placeholder?: string;
+    /**
+     * The value of the select
+     * @type {Value | Value[]}
+     */
+    modelValue?: Multiple extends true ? Value[] : Value;
+    /**
+     * The options of the select
+     * @type {Option[]}
+     */
+    options: Option[];
+    /**
+     * The key of the option value
+     * @default 'value'
+     */
+    optionValueKey?: string;
+    /**
+     * The key of the option label
+     * @default 'label'
+     */
+    optionLabelKey?: string;
+    /**
+     * The key of the option input value
+     * @default 'label'
+     */
+    optionInputValueKey?: string;
+    /**
+     * The position of the list (auto by default - will switch between bottom-start and top-start)
+     * @type {MazPopoverProps['position']}
+     * @default 'auto'
+     */
+    listPosition?: MazPopoverProps['position'];
+    /** The height of the option list item */
+    itemHeight?: number;
+    /** The max height of the option list */
+    maxListHeight?: number;
+    /** The max width of the option list */
+    maxListWidth?: number;
+    /** The min height of the option list */
+    minListHeight?: number;
+    /** The min width of the option list */
+    minListWidth?: number;
+    /**
+     * The size of the select
+     * @default 'md'
+     */
+    size?: MazSize;
+    /**
+     * The color of the select
+     * @default 'primary'
+     */
+    color?: MazColor;
+    /** Display search input in option list */
+    search?: boolean;
+    /**
+     * Replace the default search function to provide a custom search function
+     * @default undefined
+     */
+    searchFunction?: (query: string, options: Option[]) => Option[] | undefined;
+    /**
+     * The threshold for the search input where 1 is a perfect match and 0 is a match with any character
+     * @default 0.75
+     */
+    searchThreshold?: number;
+    /** Enable the multiple selection */
+    multiple?: Multiple;
+    /** Make the input required in the form */
+    required?: boolean;
+    /** Disable the component */
+    disabled?: boolean;
+    /** The input will be displayed in full width */
+    block?: boolean;
+    /**
+     * The autocomplete attribute of the input
+     * @default 'off'
+     */
+    autocomplete?: string;
+    /**
+     * The translations of the component
+     * @type {Partial<MazUiTranslationsNestedSchema['select']>}
+     * @default {
+     *   searchPlaceholder: 'Search in options',
+     * }
+     */
+    translations?: Partial<MazUiTranslationsNestedSchema['select']>;
+    /**
+     * The function to format the input value
+     * @type {(value: Multiple extends true ? Value[] : Value) => string}
+     * @default undefined
+     */
+    formatInputValue?: (value: Multiple extends true ? Value[] : Value) => string;
+    /**
+     * The transition name of the panel list options
+     * @type {MazPopoverProps['transition']}
+     * @default 'scale-fade'
+     */
+    transition?: MazPopoverProps['transition'];
+}
+declare const _default: <Value extends MazInputValue, Option extends MazSelectOption, Multiple extends boolean>(__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 onBlur?: ((value: Event) => any) | undefined;
+        readonly onChange?: ((value: Event) => any) | undefined;
+        readonly onClose?: (() => any) | undefined;
+        readonly onFocus?: ((value?: Event | undefined) => any) | undefined;
+        readonly onInput?: ((value: Event) => any) | undefined;
+        readonly onOpen?: (() => any) | undefined;
+        readonly "onUpdate:model-value"?: ((value: Multiple extends true ? Value[] : Value) => any) | undefined;
+        readonly "onUpdate:open"?: ((value: boolean) => any) | undefined;
+        readonly "onSelected-option"?: ((value: Option) => any) | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onFocus" | "onBlur" | "onChange" | "onInput" | "onClose" | "onOpen" | "onUpdate:model-value" | "onUpdate:open" | "onSelected-option"> & ({
+        open?: boolean;
+    } & MazSelectProps<Value, Option, Multiple>) & Partial<{}>> & import('vue').PublicProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<{
+        /**
+         * Open the select
+         * @description This is used to open the list options
+         */
+        open: () => void;
+        /**
+         * Close the select
+         * @description This is used to close the list options
+         */
+        close: () => void;
+    }>): void;
+    attrs: any;
+    slots: {
+        'left-icon'?(_: {}): any;
+        'right-icon'?(_: {}): any;
+        'no-results'?(_: {}): any;
+        optgroup?(_: {
+            label: string | number | true;
+        }): any;
+        default?(_: {
+            option: Option;
+            isSelected: boolean;
+        }): any;
+    };
+    emit: (((evt: "blur", value: Event) => void) & ((evt: "change", value: Event) => void) & ((evt: "close") => void) & ((evt: "focus", value?: Event | undefined) => void) & ((evt: "input", value: Event) => void) & ((evt: "open") => void) & ((evt: "update:model-value", value: Multiple extends true ? Value[] : Value) => void) & ((evt: "selected-option", value: Option) => void)) & ((evt: "update:open", value: 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/components/MazSelectCountry.js

@@ -1,22 +1,22 @@
 import { defineComponent, computed, defineAsyncComponent, createElementBlock, openBlock, normalizeStyle, normalizeClass, createVNode, mergeProps, unref, withCtx, createElementVNode, createCommentVNode, renderSlot, createBlock, toDisplayString } from "vue";
-import { u as useTranslations } from "../chunks/useTranslations.D5aoYwD7.js";
-import { i as isServer } from "../chunks/vClickOutside.DIOiluy0.js";
+import { useTranslations } from "@maz-ui/translations";
+import { e } from "../chunks/vClickOutside.CJBKY5no.js";
 import { useDisplayNames } from "../composables/useDisplayNames.js";
 import { useInstanceUniqId } from "../composables/useInstanceUniqId.js";
 import MazSelect from "./MazSelect.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
-import '../assets/MazSelectCountry.EW8fKXFX.css';function getBrowserLocale() {
+import '../assets/MazSelectCountry.B0tlbfgr.css';function t$1() {
   try {
-    return isServer() ? void 0 : globalThis.navigator.language;
-  } catch (error) {
-    throw new Error(`[MazInputPhoneNumber] (browserLocale) ${error}`);
+    return e() ? void 0 : globalThis.navigator.language;
+  } catch (r) {
+    throw new Error(`[MazInputPhoneNumber] (browserLocale) ${r}`);
   }
 }
-const _supportedCodes = ["ad", "ae", "af", "ag", "ai", "al", "am", "ao", "aq", "ar", "as", "at", "au", "aw", "ax", "az", "ba", "bb", "bd", "be", "bf", "bg", "bh", "bi", "bj", "bl", "bm", "bn", "bo", "bq", "br", "bs", "bt", "bv", "bw", "by", "bz", "ca", "cc", "cd", "cf", "cg", "ch", "ci", "ck", "cl", "cm", "cn", "co", "cr", "cu", "cv", "cw", "cx", "cy", "cz", "de", "dj", "dk", "dm", "do", "dz", "ec", "ee", "eg", "eh", "er", "es", "et", "eu", "fi", "fj", "fk", "fm", "fo", "fr", "ga", "gb", "gb-eng", "gb-nir", "gb-sct", "gb-wls", "gd", "ge", "gf", "gg", "gh", "gi", "gl", "gm", "gn", "gp", "gq", "gr", "gs", "gt", "gu", "gw", "gy", "hk", "hm", "hn", "hr", "ht", "hu", "id", "ie", "il", "im", "in", "io", "iq", "ir", "is", "it", "je", "jm", "jo", "jp", "ke", "kg", "kh", "ki", "km", "kn", "kp", "kr", "kw", "ky", "kz", "la", "lb", "lc", "li", "lk", "lr", "ls", "lt", "lu", "lv", "ly", "ma", "mc", "md", "me", "mf", "mg", "mh", "mk", "ml", "mm", "mn", "mo", "mp", "mq", "mr", "ms", "mt", "mu", "mv", "mw", "mx", "my", "mz", "na", "nc", "ne", "nf", "ng", "ni", "nl", "no", "np", "nr", "nu", "nz", "om", "pa", "pe", "pf", "pg", "ph", "pk", "pl", "pm", "pn", "pr", "ps", "pt", "pw", "py", "qa", "re", "ro", "rs", "ru", "rw", "sa", "sb", "sc", "sd", "se", "sg", "sh", "si", "sj", "sk", "sl", "sm", "sn", "so", "sr", "ss", "st", "sv", "sx", "sy", "sz", "tc", "td", "tf", "tg", "th", "tj", "tk", "tl", "tm", "tn", "to", "tr", "tt", "tv", "tw", "tz", "ua", "ug", "um", "un", "us", "us-ak", "us-al", "us-ar", "us-az", "us-ca", "us-co", "us-ct", "us-de", "us-fl", "us-ga", "us-hi", "us-ia", "us-id", "us-il", "us-in", "us-ks", "us-ky", "us-la", "us-ma", "us-md", "us-me", "us-mi", "us-mn", "us-mo", "us-ms", "us-mt", "us-nc", "us-nd", "us-ne", "us-nh", "us-nj", "us-nm", "us-nv", "us-ny", "us-oh", "us-ok", "us-or", "us-pa", "us-ri", "us-sc", "us-sd", "us-tn", "us-tx", "us-ut", "us-va", "us-vt", "us-wa", "us-wi", "us-wv", "us-wy", "uy", "uz", "va", "vc", "ve", "vg", "vi", "vn", "vu", "wf", "ws", "xk", "ye", "yt", "za", "zm", "zw"];
-function getCountryFlagUrl(countryIsoCode, size) {
-  const code = countryIsoCode.toLowerCase();
-  if (_supportedCodes.includes(code))
-    return size ? `https://flagcdn.com/${size}/${code}.png` : `https://flagcdn.com/${code}.svg`;
+const t = ["ad", "ae", "af", "ag", "ai", "al", "am", "ao", "aq", "ar", "as", "at", "au", "aw", "ax", "az", "ba", "bb", "bd", "be", "bf", "bg", "bh", "bi", "bj", "bl", "bm", "bn", "bo", "bq", "br", "bs", "bt", "bv", "bw", "by", "bz", "ca", "cc", "cd", "cf", "cg", "ch", "ci", "ck", "cl", "cm", "cn", "co", "cr", "cu", "cv", "cw", "cx", "cy", "cz", "de", "dj", "dk", "dm", "do", "dz", "ec", "ee", "eg", "eh", "er", "es", "et", "eu", "fi", "fj", "fk", "fm", "fo", "fr", "ga", "gb", "gb-eng", "gb-nir", "gb-sct", "gb-wls", "gd", "ge", "gf", "gg", "gh", "gi", "gl", "gm", "gn", "gp", "gq", "gr", "gs", "gt", "gu", "gw", "gy", "hk", "hm", "hn", "hr", "ht", "hu", "id", "ie", "il", "im", "in", "io", "iq", "ir", "is", "it", "je", "jm", "jo", "jp", "ke", "kg", "kh", "ki", "km", "kn", "kp", "kr", "kw", "ky", "kz", "la", "lb", "lc", "li", "lk", "lr", "ls", "lt", "lu", "lv", "ly", "ma", "mc", "md", "me", "mf", "mg", "mh", "mk", "ml", "mm", "mn", "mo", "mp", "mq", "mr", "ms", "mt", "mu", "mv", "mw", "mx", "my", "mz", "na", "nc", "ne", "nf", "ng", "ni", "nl", "no", "np", "nr", "nu", "nz", "om", "pa", "pe", "pf", "pg", "ph", "pk", "pl", "pm", "pn", "pr", "ps", "pt", "pw", "py", "qa", "re", "ro", "rs", "ru", "rw", "sa", "sb", "sc", "sd", "se", "sg", "sh", "si", "sj", "sk", "sl", "sm", "sn", "so", "sr", "ss", "st", "sv", "sx", "sy", "sz", "tc", "td", "tf", "tg", "th", "tj", "tk", "tl", "tm", "tn", "to", "tr", "tt", "tv", "tw", "tz", "ua", "ug", "um", "un", "us", "us-ak", "us-al", "us-ar", "us-az", "us-ca", "us-co", "us-ct", "us-de", "us-fl", "us-ga", "us-hi", "us-ia", "us-id", "us-il", "us-in", "us-ks", "us-ky", "us-la", "us-ma", "us-md", "us-me", "us-mi", "us-mn", "us-mo", "us-ms", "us-mt", "us-nc", "us-nd", "us-ne", "us-nh", "us-nj", "us-nm", "us-nv", "us-ny", "us-oh", "us-ok", "us-or", "us-pa", "us-ri", "us-sc", "us-sd", "us-tn", "us-tx", "us-ut", "us-va", "us-vt", "us-wa", "us-wi", "us-wv", "us-wy", "uy", "uz", "va", "vc", "ve", "vg", "vi", "vn", "vu", "wf", "ws", "xk", "ye", "yt", "za", "zm", "zw"];
+function n(m, u) {
+  const s = m.toLowerCase();
+  if (t.includes(s))
+    return u ? `https://flagcdn.com/${u}/${s}.png` : `https://flagcdn.com/${s}.svg`;
 }
 const _hoisted_1 = {
   key: 0,
@@ -75,7 +75,7 @@ const _hoisted_1 = {
     const instanceId = useInstanceUniqId({
       componentName: "MazSelectCountry",
       providedId: __props.id
-    }), { t, locale: mazLocale } = useTranslations(), locale = computed(() => __props.locale ?? mazLocale.value ?? getBrowserLocale()), MazLazyImg = defineAsyncComponent(() => import("./MazLazyImg.js")), { getAllDisplayNames } = useDisplayNames(locale), _codesType = computed(() => __props.codesType ? __props.codesType : __props.displayNamesOptions.type === "region" ? "country" : "iso"), displayNames = getAllDisplayNames({
+    }), { t: t2, locale: mazLocale } = useTranslations(), locale = computed(() => __props.locale ?? mazLocale.value ?? t$1()), MazLazyImg = defineAsyncComponent(() => import("./MazLazyImg.js")), { getAllDisplayNames } = useDisplayNames(locale), _codesType = computed(() => __props.codesType ? __props.codesType : __props.displayNamesOptions.type === "region" ? "country" : "iso"), displayNames = getAllDisplayNames({
       type: () => __props.displayNamesOptions.type,
       languageDisplay: () => __props.displayNamesOptions.languageDisplay,
       fallback: () => __props.displayNamesOptions.fallback,
@@ -85,10 +85,10 @@ const _hoisted_1 = {
       preferredCodes: () => __props.preferredCodes,
       codesType: _codesType
     }), countriesOptions = computed(() => __props.options ? __props.options : displayNames?.value ?? []), messages = computed(() => ({
-      searchPlaceholder: __props.translations?.searchPlaceholder ?? t("selectCountry.searchPlaceholder")
+      searchPlaceholder: __props.translations?.searchPlaceholder ?? t2("selectCountry.searchPlaceholder")
     }));
     function getFlagUrl(code, size = "h20") {
-      return getCountryFlagUrl(code.slice(0, 2), size) || getCountryFlagUrl(code.slice(3, 5), size) || getCountryFlagUrl(code, size);
+      return n(code.slice(0, 2), size) || n(code.slice(3, 5), size) || n(code, size);
     }
     const flagUrl = computed(() => {
       if (__props.modelValue)
@@ -195,7 +195,7 @@ const _hoisted_1 = {
       }, 16, ["id", "model-value", "option-value-key", "option-label-key", "option-input-value-key", "max-list-width", "min-list-width", "disabled", "color", "placeholder", "label", "size", "list-position", "error", "warning", "success", "search", "block", "autocomplete", "item-height", "max-list-height", "min-list-height", "required", "search-function", "format-input-value", "translations", "search-threshold", "options", "hint", "open"])
     ], 6));
   }
-}), MazSelectCountry = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-48f9a413"]]);
+}), MazSelectCountry = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-20c13991"]]);
 export {
   MazSelectCountry as default
 };