maz-ui 3.22.2 → 3.22.4

package/components/MazCard.mjs

@@ -1,4 +1,4 @@
-import { M } from "./chunks/MazCard-01b81dd2.mjs";
+import { M } from "./chunks/MazCard-4331dca0.mjs";
 export {
   M as default
 };

package/components/MazGallery.d.ts

@@ -2,111 +2,151 @@ import { type PropType } from 'vue';
 import type { MazGalleryImage } from './types';
 export type { MazGalleryImage } from './types';
 declare const _default: import("vue").DefineComponent<{
+    /**
+     *  Array of string or object: `['https://via.placeholder.com/500', 'https://via.placeholder.com/600']` or `[{ slug: 'https://via.placeholder.com/500', alt: 'image descripton' }, { slug: 'https://via.placeholder.com/600', alt: 'image descripton' }]`
+     * */
     images: {
         type: PropType<MazGalleryImage[]>;
         default: () => never[];
     };
+    /** Images count shown (max: 5) */
     imagesShownCount: {
         type: NumberConstructor;
         default: number;
     };
+    /** Remove transparent layer with the remain count (ex: +2) */
     noRemaining: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** Height of gallery */
     height: {
         type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
+    /** Remove default height */
     noHeight: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** Width of gallery */
     width: {
         type: (StringConstructor | NumberConstructor)[];
         default: string;
     };
+    /** Remove default width */
     noWidth: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** Disable the border radius of the gallery */
     noRadius: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** Disable full size display when clicking on image */
     noZoom: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** Layer with photography icon when no images is provided */
     hasEmptyLayer: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** Lazy load image - if false, images are directly loaded */
     lazy: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** Disable blur effect on image hover */
     blur: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** Disable scale animation effect on image hover */
     scale: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** Choose color of borders between images - Should be a CSS color or CSS variable - Ex: `#000` or `var(--maz-color-bg-light)` */
+    separatorColor: {
+        type: StringConstructor;
+        default: string;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     *  Array of string or object: `['https://via.placeholder.com/500', 'https://via.placeholder.com/600']` or `[{ slug: 'https://via.placeholder.com/500', alt: 'image descripton' }, { slug: 'https://via.placeholder.com/600', alt: 'image descripton' }]`
+     * */
     images: {
         type: PropType<MazGalleryImage[]>;
         default: () => never[];
     };
+    /** Images count shown (max: 5) */
     imagesShownCount: {
         type: NumberConstructor;
         default: number;
     };
+    /** Remove transparent layer with the remain count (ex: +2) */
     noRemaining: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** Height of gallery */
     height: {
         type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
+    /** Remove default height */
     noHeight: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** Width of gallery */
     width: {
         type: (StringConstructor | NumberConstructor)[];
         default: string;
     };
+    /** Remove default width */
     noWidth: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** Disable the border radius of the gallery */
     noRadius: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** Disable full size display when clicking on image */
     noZoom: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** Layer with photography icon when no images is provided */
     hasEmptyLayer: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** Lazy load image - if false, images are directly loaded */
     lazy: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** Disable blur effect on image hover */
     blur: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** Disable scale animation effect on image hover */
     scale: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** Choose color of borders between images - Should be a CSS color or CSS variable - Ex: `#000` or `var(--maz-color-bg-light)` */
+    separatorColor: {
+        type: StringConstructor;
+        default: string;
+    };
 }>>, {
     width: string | number;
     height: string | number;
@@ -121,5 +161,6 @@ declare const _default: import("vue").DefineComponent<{
     noZoom: boolean;
     hasEmptyLayer: boolean;
     scale: boolean;
+    separatorColor: string;
 }, {}>;
 export default _default;

package/components/MazGallery.mjs

@@ -5,7 +5,7 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 import "./assets/MazGallery.css";
-import { defineComponent, defineAsyncComponent, onBeforeMount, computed, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, Fragment, renderList, withDirectives, unref, toDisplayString, createCommentVNode, createVNode } from "vue";
+import { defineComponent, useCssVars, defineAsyncComponent, onBeforeMount, computed, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, Fragment, renderList, withDirectives, unref, toDisplayString, createCommentVNode, createVNode } from "vue";
 const style = `
 .maz-zoom-img {
   position: fixed;
@@ -634,41 +634,47 @@ const _hoisted_3 = {
   class: "m-gallery__remaining-layer maz-flex maz-bg-overlay maz-flex-center"
 };
 const _hoisted_4 = { class: "maz-text-2xl maz-text-white" };
-const lazyImgArgument = "bg-image";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "MazGallery",
   props: {
-    // Array of string or object: `['https://via.placeholder.com/500', 'https://via.placeholder.com/600']` or `[{ slug: 'https://via.placeholder.com/500', alt: 'image descripton' }, { slug: 'https://via.placeholder.com/600', alt: 'image descripton' }]`
+    /**
+     *  Array of string or object: `['https://via.placeholder.com/500', 'https://via.placeholder.com/600']` or `[{ slug: 'https://via.placeholder.com/500', alt: 'image descripton' }, { slug: 'https://via.placeholder.com/600', alt: 'image descripton' }]`
+     * */
     images: {
       type: Array,
       default: () => []
     },
-    // Images count shown (max: 5)
+    /** Images count shown (max: 5) */
     imagesShownCount: { type: Number, default: 5 },
-    // Remove transparent layer with the remain count (ex: +2)
+    /** Remove transparent layer with the remain count (ex: +2) */
     noRemaining: { type: Boolean, default: false },
-    // Height of gallery
+    /** Height of gallery */
     height: { type: [Number, String], default: 150 },
-    // Remove default height
+    /** Remove default height */
     noHeight: { type: Boolean, default: false },
-    // Width of gallery
+    /** Width of gallery */
     width: { type: [Number, String], default: "100%" },
-    // Remove default width
+    /** Remove default width */
     noWidth: { type: Boolean, default: false },
-    // Add the default border radius to gallery
+    /** Disable the border radius of the gallery */
     noRadius: { type: Boolean, default: false },
-    // Add feature to show the carousel images on click
+    /** Disable full size display when clicking on image */
     noZoom: { type: Boolean, default: false },
-    // Layer with photography icon when no images is provided
+    /** Layer with photography icon when no images is provided */
     hasEmptyLayer: { type: Boolean, default: true },
-    // Lazy load image - if false, images are directly loaded
+    /** Lazy load image - if false, images are directly loaded */
     lazy: { type: Boolean, default: true },
-    // Blur animation effect on image hover
+    /** Disable blur effect on image hover */
     blur: { type: Boolean, default: true },
-    // Scale animation effect on image hover
-    scale: { type: Boolean, default: true }
+    /** Disable scale animation effect on image hover */
+    scale: { type: Boolean, default: true },
+    /** Choose color of borders between images - Should be a CSS color or CSS variable - Ex: `#000` or `var(--maz-color-bg-light)` */
+    separatorColor: { type: String, default: "transparent" }
   },
   setup(__props) {
+    useCssVars((_ctx) => ({
+      "7a2c056e": __props.separatorColor
+    }));
     const NoPhotographyIcon = defineAsyncComponent(() => import("./chunks/no-photography-b0d08d6f.mjs"));
     const props = __props;
     onBeforeMount(() => {
@@ -676,7 +682,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         console.warn('[MazUI](m-gallery) The maximum of "images-shown-count" is 5');
     });
     const sizeStyle = computed(() => {
-      const { height, width, noWidth, noHeight } = props;
+      const noWidth = props.noWidth;
+      const width = props.width;
+      const noHeight = props.noHeight;
+      const height = props.height;
       return {
         ...noWidth ? {} : {
           flex: "0 0 " + typeof width === "number" ? `${width}px` : width,
@@ -735,7 +744,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       alt: image.alt,
                       loading: "lazy"
                     }, null, 8, _hoisted_2), [
-                      [unref(vLazyImg), { src: image.thumbnail, disabled: !__props.lazy }, lazyImgArgument],
+                      [unref(vLazyImg), { src: image.thumbnail, disabled: !__props.lazy }, "bg-image"],
                       [unref(vZoomImg), {
                         src: image.src,
                         alt: image.alt,
@@ -773,7 +782,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               "div",
               {
                 key: 0,
-                class: normalizeClass(["maz-flex maz-w-full maz-bg-color-light maz-text-normal maz-flex-center", { "maz-rounded-xl": !__props.noRadius }]),
+                class: normalizeClass(["empty-layer maz-flex maz-w-full maz-bg-color-light maz-text-normal maz-flex-center", { "maz-rounded-xl": !__props.noRadius }]),
                 style: normalizeStyle([sizeStyle.value])
               },
               [
@@ -804,7 +813,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const MazGallery_vue_vue_type_style_index_0_scoped_3710617f_lang = "";
+const MazGallery_vue_vue_type_style_index_0_scoped_4e6fbc0c_lang = "";
 const _export_sfc = (sfc, props) => {
   const target = sfc.__vccOpts || sfc;
   for (const [key, val] of props) {
@@ -812,7 +821,7 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const MazGallery = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3710617f"]]);
+const MazGallery = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-4e6fbc0c"]]);
 export {
   MazGallery as default
 };

package/components/MazPhoneNumberInput.d.ts

@@ -3,7 +3,7 @@ import type { Result, Translations } from './MazPhoneNumberInput/types';
 import type { Color, Position, Size } from './types';
 export type { Color, Size, Position, CountryCode, Result, Translations };
 import { type PropType, type StyleValue } from 'vue';
-declare const _default: import("vue").DefineComponent<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     style: {
         type: PropType<StyleValue>;
         default: undefined;
@@ -408,5 +408,19 @@ declare const _default: import("vue").DefineComponent<{
     noValidationSuccess: boolean;
     countrySelectorDisplayName: boolean;
     countrySelectorWidth: string;
-}, {}>;
+}, {}>, {
+    "selector-flag"?(_: {
+        countryCode: "AC" | "AD" | "AE" | "AF" | "AG" | "AI" | "AL" | "AM" | "AO" | "AR" | "AS" | "AT" | "AU" | "AW" | "AX" | "AZ" | "BA" | "BB" | "BD" | "BE" | "BF" | "BG" | "BH" | "BI" | "BJ" | "BL" | "BM" | "BN" | "BO" | "BQ" | "BR" | "BS" | "BT" | "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" | "FI" | "FJ" | "FK" | "FM" | "FO" | "FR" | "GA" | "GB" | "GD" | "GE" | "GF" | "GG" | "GH" | "GI" | "GL" | "GM" | "GN" | "GP" | "GQ" | "GR" | "GT" | "GU" | "GW" | "GY" | "HK" | "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" | "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" | "TA" | "TC" | "TD" | "TG" | "TH" | "TJ" | "TK" | "TL" | "TM" | "TN" | "TO" | "TR" | "TT" | "TV" | "TW" | "TZ" | "UA" | "UG" | "US" | "UY" | "UZ" | "VA" | "VC" | "VE" | "VG" | "VI" | "VN" | "VU" | "WF" | "WS" | "XK" | "YE" | "YT" | "ZA" | "ZM" | "ZW";
+    }): any;
+    "country-list-flag"?(_: {
+        countryCode: string;
+        option: import("./MazSelect.vue").MazSelectOption;
+        isSelected: boolean;
+    }): any;
+}>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/components/MazPhoneNumberInput.mjs

@@ -1,4 +1,4 @@
-import { M } from "./chunks/MazPhoneNumberInput-31bc05f9.mjs";
+import { M } from "./chunks/MazPhoneNumberInput-48fe2445.mjs";
 export {
   M as default
 };

package/components/assets/MazGallery.css

@@ -1 +1 @@
-.m-gallery[data-v-3710617f]{position:relative;overflow:hidden}.m-gallery__hidden[data-v-3710617f]{display:none}.m-gallery__item[data-v-3710617f]{position:absolute;top:0;margin:0;height:50%;width:100%;overflow:hidden;border-left-width:2px;border-color:transparent;padding:0}.m-gallery__item--1[data-v-3710617f]{left:0;height:100%}.m-gallery__item--1[data-v-3710617f]:not(:last-child){width:50%}.m-gallery__item--2[data-v-3710617f]{left:50%;width:50%;height:50%}.m-gallery__item--2[data-v-3710617f]:last-child{height:100%}.m-gallery__item--2[data-v-3710617f]:nth-last-child(4){width:25%}.m-gallery__item--3[data-v-3710617f]{top:50%;left:50%;width:25%}.m-gallery__item--3[data-v-3710617f]:last-child{width:50%}.m-gallery__item--3[data-v-3710617f]:nth-last-child(3){top:0;left:75%}.m-gallery__item--4[data-v-3710617f]{border-top-width:2px;border-color:transparent;top:50%;left:50%;width:25%}.m-gallery__item--4[data-v-3710617f]:last-child{left:75%;width:25%}.m-gallery__item--5[data-v-3710617f]{border-top-width:2px;border-color:transparent;top:50%;left:75%;width:25%}.m-gallery__item[data-v-3710617f]:first-child{border-left:0}.m-gallery__item--3[data-v-3710617f]:last-child,.m-gallery__item--3[data-v-3710617f]:nth-last-child(2),.m-gallery__item--4[data-v-3710617f]:last-child,.m-gallery__item--5[data-v-3710617f]{border-top-width:2px;border-color:transparent}.m-gallery__item__image[data-v-3710617f]{height:100%;max-width:100%;width:100%;background-position:center center;background-size:cover;background-repeat:no-repeat;background-color:#0000007f}.m-gallery__remaining-layer[data-v-3710617f]{position:absolute;top:0;right:0;bottom:0;left:0}.m-gallery__remaining-layer a span[data-v-3710617f]{color:#fff;font-size:2rem}
+.m-gallery[data-v-4e6fbc0c]{position:relative;overflow:hidden}.m-gallery__hidden[data-v-4e6fbc0c]{display:none}.m-gallery__item[data-v-4e6fbc0c]{position:absolute;top:0;margin:0;height:50%;width:100%;overflow:hidden;border-left-width:2px;padding:0;border-color:var(--7a2c056e)}.m-gallery__item--1[data-v-4e6fbc0c]{left:0;height:100%}.m-gallery__item--1[data-v-4e6fbc0c]:not(:last-child){width:50%}.m-gallery__item--2[data-v-4e6fbc0c]{left:50%;width:50%;height:50%}.m-gallery__item--2[data-v-4e6fbc0c]:last-child{height:100%}.m-gallery__item--2[data-v-4e6fbc0c]:nth-last-child(4){width:25%}.m-gallery__item--3[data-v-4e6fbc0c]{top:50%;left:50%;width:25%}.m-gallery__item--3[data-v-4e6fbc0c]:last-child{width:50%}.m-gallery__item--3[data-v-4e6fbc0c]:nth-last-child(3){top:0;left:75%}.m-gallery__item--4[data-v-4e6fbc0c]{border-top-width:2px;border-color:var(--7a2c056e);top:50%;left:50%;width:25%}.m-gallery__item--4[data-v-4e6fbc0c]:last-child{left:75%;width:25%}.m-gallery__item--5[data-v-4e6fbc0c]{border-top-width:2px;border-color:var(--7a2c056e);top:50%;left:75%;width:25%}.m-gallery__item[data-v-4e6fbc0c]:first-child{border-left:0}.m-gallery__item--3[data-v-4e6fbc0c]:last-child,.m-gallery__item--3[data-v-4e6fbc0c]:nth-last-child(2),.m-gallery__item--4[data-v-4e6fbc0c]:last-child,.m-gallery__item--5[data-v-4e6fbc0c]{border-top-width:2px;border-color:var(--7a2c056e)}.m-gallery__item__image[data-v-4e6fbc0c]{height:100%;max-width:100%;width:100%;background-position:center center;background-size:cover;background-repeat:no-repeat;background-color:#0000007f}.m-gallery__remaining-layer[data-v-4e6fbc0c]{position:absolute;top:0;right:0;bottom:0;left:0}.m-gallery__remaining-layer a span[data-v-4e6fbc0c]{color:#fff;font-size:2rem}

package/components/assets/MazPhoneNumberInput.css

@@ -1 +1 @@
-.m-input[data-v-32fa5093]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.m-input.--xl[data-v-32fa5093]{height:4rem}.m-input.--xl .m-input-input[data-v-32fa5093],.m-input.--xl .m-input-label[data-v-32fa5093]{font-size:1.25rem;line-height:1.75rem}.m-input.--lg[data-v-32fa5093]{height:3.5rem}.m-input.--lg .m-input-input[data-v-32fa5093],.m-input.--lg .m-input-label[data-v-32fa5093]{font-size:1.125rem;line-height:1.75rem}.m-input.--md[data-v-32fa5093]{height:3rem}.m-input.--md .m-input-input[data-v-32fa5093],.m-input.--md .m-input-label[data-v-32fa5093]{font-size:1rem;line-height:1.5rem}.m-input.--sm[data-v-32fa5093]{height:2.5rem}.m-input.--sm .m-input-input[data-v-32fa5093],.m-input.--sm .m-input-label[data-v-32fa5093]{font-size:.875rem;line-height:1.25rem}.m-input.--xs[data-v-32fa5093]{height:2rem}.m-input.--xs .m-input-input[data-v-32fa5093],.m-input.--xs .m-input-label[data-v-32fa5093]{font-size:.75rem;line-height:1rem}.m-input.--mini[data-v-32fa5093]{height:1.5rem}.m-input.--mini .m-input-input[data-v-32fa5093],.m-input.--mini .m-input-label[data-v-32fa5093]{font-size:.75rem;line-height:1rem}.m-input-wrapper[data-v-32fa5093]{position:relative;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%;overflow:hidden;border-width:var(--maz-border-width);border-style:solid;background-color:var(--maz-color-bg);-webkit-transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transition-duration:.3s;transition-duration:.3s}.m-input-wrapper.--default-border[data-v-32fa5093]{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity))}.m-input-wrapper-input[data-v-32fa5093]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;max-width:100%;-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.m-input-wrapper-right[data-v-32fa5093],.m-input-wrapper-left[data-v-32fa5093]{position:relative;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex}.m-input-wrapper-right[data-v-32fa5093]>:not([hidden])~:not([hidden]),.m-input-wrapper-left[data-v-32fa5093]>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.25rem * var(--tw-space-x-reverse));margin-left:calc(.25rem * calc(1 - var(--tw-space-x-reverse)))}.m-input-wrapper-right[data-v-32fa5093],.m-input-wrapper-left[data-v-32fa5093]{padding-top:.25rem;padding-bottom:.25rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.m-input-wrapper-right[data-v-32fa5093]{padding-right:.5rem}.m-input-wrapper-left[data-v-32fa5093]{padding-left:.5rem}.m-input-input[data-v-32fa5093]{margin:0;display:block;height:100%;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-style:none;background-color:transparent;padding-left:1rem;padding-right:1rem;padding-top:0;padding-bottom:0;color:var(--maz-color-text);--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);outline:2px solid transparent;outline-offset:2px}.m-input-input[data-v-32fa5093]:-webkit-autofill,.m-input-input[data-v-32fa5093]:-webkit-autofill:hover,.m-input-input[data-v-32fa5093]:-webkit-autofill:focus{-webkit-text-fill-color:var(--maz-color-text);-webkit-box-shadow:0 0 0 1000px var(--maz-color-primary-50) inset;box-shadow:0 0 0 1000px var(--maz-color-primary-50) inset;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.m-input-input[data-v-32fa5093]::-webkit-input-placeholder{color:var(--maz-color-muted)}.m-input-input[data-v-32fa5093]::-moz-placeholder{color:var(--maz-color-muted)}.m-input-input[data-v-32fa5093]:-ms-input-placeholder{color:var(--maz-color-muted)}.m-input-input[data-v-32fa5093]::-ms-input-placeholder{color:var(--maz-color-muted)}.m-input-input[data-v-32fa5093]::placeholder{color:var(--maz-color-muted)}.m-input-label[data-v-32fa5093]{pointer-events:none;position:absolute;left:.75rem;display:block;width:100%;-webkit-transform-origin:top left;transform-origin:top left;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;line-height:1.5rem;width:calc(100% + 1.3rem);-webkit-transition:-webkit-transform .2s cubic-bezier(0,0,.2,1) 0ms;transition:-webkit-transform .2s cubic-bezier(0,0,.2,1) 0ms;transition:transform .2s cubic-bezier(0,0,.2,1) 0ms;transition:transform .2s cubic-bezier(0,0,.2,1) 0ms,-webkit-transform .2s cubic-bezier(0,0,.2,1) 0ms}.m-input:not(.--should-up) .m-input-label[data-v-32fa5093]{width:calc(100% - .75rem)}.m-input.--should-up .m-input-label[data-v-32fa5093]{-webkit-transform:scale(.8) translateY(-.65em);transform:scale(.8) translateY(-.65em)}.m-input[data-v-32fa5093]:not(.--has-state){color:var(--maz-color-muted)}.m-input.--has-z-2 .m-input-wrapper[data-v-32fa5093]{z-index:2}.m-input.--is-readonly .m-input-input[data-v-32fa5093]{cursor:default}.m-input.--is-disabled .m-input-wrapper[data-v-32fa5093]{background-color:var(--maz-color-bg-lighter);color:var(--maz-color-muted)}.m-input.--is-disabled .m-input-input[data-v-32fa5093]{cursor:not-allowed;color:var(--maz-color-muted)}.m-input.--is-focused .m-input-wrapper[data-v-32fa5093]{z-index:3}.m-input.--has-label .m-input-input[data-v-32fa5093]{padding-left:.75rem;padding-right:.75rem;padding-top:1rem}html.dark .m-input:not(.--is-disabled) .m-input-wrapper[data-v-32fa5093]{background-color:var(--maz-color-bg-light)}html.dark .m-input:not(.--is-focused,.--has-state) .m-input-wrapper.--default-border[data-v-32fa5093]{border-color:var(--maz-color-bg-lighter)}html.dark .m-input-input[data-v-32fa5093]:-webkit-autofill,html.dark .m-input-input[data-v-32fa5093]:-webkit-autofill:hover,html.dark .m-input-input[data-v-32fa5093]:-webkit-autofill:focus{-webkit-text-fill-color:var(--maz-color-text);-webkit-box-shadow:0 0 0 1000px var(--maz-color-bg-lighter) inset;box-shadow:0 0 0 1000px var(--maz-color-bg-lighter) inset;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.m-select[data-v-c313b4a6]{position:relative}.m-select[data-v-c313b4a6]:not(.--disabled) .m-input-input{cursor:pointer}.m-select-input[data-v-c313b4a6] .m-input-input,.m-select-input.--has-label[data-v-c313b4a6] .m-input-input{padding-right:0}.m-select-input__toggle-button[data-v-c313b4a6]{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;background-color:transparent;padding-left:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.m-select-input[data-v-c313b4a6] input{caret-color:transparent}.m-select-chevron[data-v-c313b4a6]{-webkit-transition-property:all;transition-property:all;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:cubic-bezier(0,0,.2,1);transition-timing-function:cubic-bezier(0,0,.2,1)}.m-select .m-select-chevron[data-v-c313b4a6]{color:var(--maz-color-text)}.m-select.--is-open .m-select-chevron[data-v-c313b4a6]{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.m-select .m-select-list[data-v-c313b4a6]{position:absolute;z-index:100;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden;border-radius:var(--maz-border-radius);background-color:var(--maz-color-bg);color:var(--maz-color-text);--tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / .04)) drop-shadow(0 4px 3px rgb(0 0 0 / .1));-webkit-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}[data-v-c313b4a6]:is([class~=dark] .m-select .m-select-list){background-color:var(--maz-color-bg-light)}.m-select .m-select-list[data-v-c313b4a6]{min-width:3.5rem}.m-select .m-select-list.--top[data-v-c313b4a6]{bottom:100%}.m-select .m-select-list.--left[data-v-c313b4a6]{left:0}.m-select .m-select-list.--right[data-v-c313b4a6]{right:0}.m-select .m-select-list.--bottom[data-v-c313b4a6]{top:100%}.m-select .m-select-list__search-wrapper[data-v-c313b4a6]{-webkit-box-flex:0;-ms-flex:none;flex:none;background-color:var(--maz-color-bg);padding:.25rem}.m-select .m-select-list__scroll-wrapper[data-v-c313b4a6]{-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%;overflow:auto}.m-select .m-select-list__no-results[data-v-c313b4a6]{display:-webkit-box;display:-ms-flexbox;display:flex;padding:1rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.m-select .m-select-list-item[data-v-c313b4a6]{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background-color:transparent;padding-left:1rem;padding-right:1rem;text-align:left;color:var(--maz-color-text)}.m-select .m-select-list-item[data-v-c313b4a6]:hover{background-color:var(--maz-color-bg-lighter)}.m-select .m-select-list-item span[data-v-c313b4a6]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.m-select .m-select-list-item.--is-keyboard-selected[data-v-c313b4a6]{background-color:var(--maz-color-bg-light)}[data-v-c313b4a6]:is([class~=dark] .m-select .m-select-list-item.--is-keyboard-selected){background-color:var(--maz-color-bg-lighter)}.m-select .m-select-list-item.--is-keyboard-selected.--is-selected[data-v-c313b4a6]{background-color:var(--0804a86d)}.m-select .m-select-list-item.--is-none-value[data-v-c313b4a6]{color:var(--maz-color-muted)}.m-select .m-select-list-item.--is-selected[data-v-c313b4a6]{color:var(--4502d2ec);background-color:var(--381f7054)}.m-select .m-select-list-item.--is-selected.--transparent[data-v-c313b4a6]{background-color:var(--maz-color-bg)}.m-select button.maz-custom[data-v-c313b4a6]{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-style:none}.m-phone-number-input[data-v-2417c048]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex}.m-phone-number-input__country-flag[data-v-2417c048]{position:absolute;bottom:2px;left:13px;z-index:4;outline:none;border:none;padding:0;margin:0;cursor:pointer}.m-phone-number-input__input.--border-radius[data-v-2417c048] .m-input-wrapper{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-2px}.m-phone-number-input__select[data-v-2417c048]{width:9rem}.m-phone-number-input__select__item[data-v-2417c048]{width:100%;font-size:.875rem;line-height:1.25rem}.m-phone-number-input__select[data-v-2417c048] .m-select-input .m-input-wrapper{border-top-right-radius:0!important;border-bottom-right-radius:0!important}.m-phone-number-input:not(.--no-flags) .m-phone-number-input__select[data-v-2417c048] .m-select-input input{padding-left:2.25rem!important}.m-phone-number-input__input.--error[data-v-2417c048],.m-phone-number-input__input.--focused[data-v-2417c048]{z-index:1}
+.m-input[data-v-32fa5093]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.m-input.--xl[data-v-32fa5093]{height:4rem}.m-input.--xl .m-input-input[data-v-32fa5093],.m-input.--xl .m-input-label[data-v-32fa5093]{font-size:1.25rem;line-height:1.75rem}.m-input.--lg[data-v-32fa5093]{height:3.5rem}.m-input.--lg .m-input-input[data-v-32fa5093],.m-input.--lg .m-input-label[data-v-32fa5093]{font-size:1.125rem;line-height:1.75rem}.m-input.--md[data-v-32fa5093]{height:3rem}.m-input.--md .m-input-input[data-v-32fa5093],.m-input.--md .m-input-label[data-v-32fa5093]{font-size:1rem;line-height:1.5rem}.m-input.--sm[data-v-32fa5093]{height:2.5rem}.m-input.--sm .m-input-input[data-v-32fa5093],.m-input.--sm .m-input-label[data-v-32fa5093]{font-size:.875rem;line-height:1.25rem}.m-input.--xs[data-v-32fa5093]{height:2rem}.m-input.--xs .m-input-input[data-v-32fa5093],.m-input.--xs .m-input-label[data-v-32fa5093]{font-size:.75rem;line-height:1rem}.m-input.--mini[data-v-32fa5093]{height:1.5rem}.m-input.--mini .m-input-input[data-v-32fa5093],.m-input.--mini .m-input-label[data-v-32fa5093]{font-size:.75rem;line-height:1rem}.m-input-wrapper[data-v-32fa5093]{position:relative;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%;overflow:hidden;border-width:var(--maz-border-width);border-style:solid;background-color:var(--maz-color-bg);-webkit-transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transition-duration:.3s;transition-duration:.3s}.m-input-wrapper.--default-border[data-v-32fa5093]{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity))}.m-input-wrapper-input[data-v-32fa5093]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;max-width:100%;-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.m-input-wrapper-right[data-v-32fa5093],.m-input-wrapper-left[data-v-32fa5093]{position:relative;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex}.m-input-wrapper-right[data-v-32fa5093]>:not([hidden])~:not([hidden]),.m-input-wrapper-left[data-v-32fa5093]>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.25rem * var(--tw-space-x-reverse));margin-left:calc(.25rem * calc(1 - var(--tw-space-x-reverse)))}.m-input-wrapper-right[data-v-32fa5093],.m-input-wrapper-left[data-v-32fa5093]{padding-top:.25rem;padding-bottom:.25rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.m-input-wrapper-right[data-v-32fa5093]{padding-right:.5rem}.m-input-wrapper-left[data-v-32fa5093]{padding-left:.5rem}.m-input-input[data-v-32fa5093]{margin:0;display:block;height:100%;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-style:none;background-color:transparent;padding-left:1rem;padding-right:1rem;padding-top:0;padding-bottom:0;color:var(--maz-color-text);--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);outline:2px solid transparent;outline-offset:2px}.m-input-input[data-v-32fa5093]:-webkit-autofill,.m-input-input[data-v-32fa5093]:-webkit-autofill:hover,.m-input-input[data-v-32fa5093]:-webkit-autofill:focus{-webkit-text-fill-color:var(--maz-color-text);-webkit-box-shadow:0 0 0 1000px var(--maz-color-primary-50) inset;box-shadow:0 0 0 1000px var(--maz-color-primary-50) inset;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.m-input-input[data-v-32fa5093]::-webkit-input-placeholder{color:var(--maz-color-muted)}.m-input-input[data-v-32fa5093]::-moz-placeholder{color:var(--maz-color-muted)}.m-input-input[data-v-32fa5093]:-ms-input-placeholder{color:var(--maz-color-muted)}.m-input-input[data-v-32fa5093]::-ms-input-placeholder{color:var(--maz-color-muted)}.m-input-input[data-v-32fa5093]::placeholder{color:var(--maz-color-muted)}.m-input-label[data-v-32fa5093]{pointer-events:none;position:absolute;left:.75rem;display:block;width:100%;-webkit-transform-origin:top left;transform-origin:top left;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;line-height:1.5rem;width:calc(100% + 1.3rem);-webkit-transition:-webkit-transform .2s cubic-bezier(0,0,.2,1) 0ms;transition:-webkit-transform .2s cubic-bezier(0,0,.2,1) 0ms;transition:transform .2s cubic-bezier(0,0,.2,1) 0ms;transition:transform .2s cubic-bezier(0,0,.2,1) 0ms,-webkit-transform .2s cubic-bezier(0,0,.2,1) 0ms}.m-input:not(.--should-up) .m-input-label[data-v-32fa5093]{width:calc(100% - .75rem)}.m-input.--should-up .m-input-label[data-v-32fa5093]{-webkit-transform:scale(.8) translateY(-.65em);transform:scale(.8) translateY(-.65em)}.m-input[data-v-32fa5093]:not(.--has-state){color:var(--maz-color-muted)}.m-input.--has-z-2 .m-input-wrapper[data-v-32fa5093]{z-index:2}.m-input.--is-readonly .m-input-input[data-v-32fa5093]{cursor:default}.m-input.--is-disabled .m-input-wrapper[data-v-32fa5093]{background-color:var(--maz-color-bg-lighter);color:var(--maz-color-muted)}.m-input.--is-disabled .m-input-input[data-v-32fa5093]{cursor:not-allowed;color:var(--maz-color-muted)}.m-input.--is-focused .m-input-wrapper[data-v-32fa5093]{z-index:3}.m-input.--has-label .m-input-input[data-v-32fa5093]{padding-left:.75rem;padding-right:.75rem;padding-top:1rem}html.dark .m-input:not(.--is-disabled) .m-input-wrapper[data-v-32fa5093]{background-color:var(--maz-color-bg-light)}html.dark .m-input:not(.--is-focused,.--has-state) .m-input-wrapper.--default-border[data-v-32fa5093]{border-color:var(--maz-color-bg-lighter)}html.dark .m-input-input[data-v-32fa5093]:-webkit-autofill,html.dark .m-input-input[data-v-32fa5093]:-webkit-autofill:hover,html.dark .m-input-input[data-v-32fa5093]:-webkit-autofill:focus{-webkit-text-fill-color:var(--maz-color-text);-webkit-box-shadow:0 0 0 1000px var(--maz-color-bg-lighter) inset;box-shadow:0 0 0 1000px var(--maz-color-bg-lighter) inset;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.m-select[data-v-c313b4a6]{position:relative}.m-select[data-v-c313b4a6]:not(.--disabled) .m-input-input{cursor:pointer}.m-select-input[data-v-c313b4a6] .m-input-input,.m-select-input.--has-label[data-v-c313b4a6] .m-input-input{padding-right:0}.m-select-input__toggle-button[data-v-c313b4a6]{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;background-color:transparent;padding-left:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.m-select-input[data-v-c313b4a6] input{caret-color:transparent}.m-select-chevron[data-v-c313b4a6]{-webkit-transition-property:all;transition-property:all;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:cubic-bezier(0,0,.2,1);transition-timing-function:cubic-bezier(0,0,.2,1)}.m-select .m-select-chevron[data-v-c313b4a6]{color:var(--maz-color-text)}.m-select.--is-open .m-select-chevron[data-v-c313b4a6]{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.m-select .m-select-list[data-v-c313b4a6]{position:absolute;z-index:100;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden;border-radius:var(--maz-border-radius);background-color:var(--maz-color-bg);color:var(--maz-color-text);--tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / .04)) drop-shadow(0 4px 3px rgb(0 0 0 / .1));-webkit-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}[data-v-c313b4a6]:is([class~=dark] .m-select .m-select-list){background-color:var(--maz-color-bg-light)}.m-select .m-select-list[data-v-c313b4a6]{min-width:3.5rem}.m-select .m-select-list.--top[data-v-c313b4a6]{bottom:100%}.m-select .m-select-list.--left[data-v-c313b4a6]{left:0}.m-select .m-select-list.--right[data-v-c313b4a6]{right:0}.m-select .m-select-list.--bottom[data-v-c313b4a6]{top:100%}.m-select .m-select-list__search-wrapper[data-v-c313b4a6]{-webkit-box-flex:0;-ms-flex:none;flex:none;background-color:var(--maz-color-bg);padding:.25rem}.m-select .m-select-list__scroll-wrapper[data-v-c313b4a6]{-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%;overflow:auto}.m-select .m-select-list__no-results[data-v-c313b4a6]{display:-webkit-box;display:-ms-flexbox;display:flex;padding:1rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.m-select .m-select-list-item[data-v-c313b4a6]{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background-color:transparent;padding-left:1rem;padding-right:1rem;text-align:left;color:var(--maz-color-text)}.m-select .m-select-list-item[data-v-c313b4a6]:hover{background-color:var(--maz-color-bg-lighter)}.m-select .m-select-list-item span[data-v-c313b4a6]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.m-select .m-select-list-item.--is-keyboard-selected[data-v-c313b4a6]{background-color:var(--maz-color-bg-light)}[data-v-c313b4a6]:is([class~=dark] .m-select .m-select-list-item.--is-keyboard-selected){background-color:var(--maz-color-bg-lighter)}.m-select .m-select-list-item.--is-keyboard-selected.--is-selected[data-v-c313b4a6]{background-color:var(--0804a86d)}.m-select .m-select-list-item.--is-none-value[data-v-c313b4a6]{color:var(--maz-color-muted)}.m-select .m-select-list-item.--is-selected[data-v-c313b4a6]{color:var(--4502d2ec);background-color:var(--381f7054)}.m-select .m-select-list-item.--is-selected.--transparent[data-v-c313b4a6]{background-color:var(--maz-color-bg)}.m-select button.maz-custom[data-v-c313b4a6]{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-style:none}.m-phone-number-input[data-v-13c350c6]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex}.m-phone-number-input__country-flag[data-v-13c350c6]{position:absolute;bottom:2px;left:13px;z-index:4;outline:none;border:none;padding:0;margin:0;cursor:pointer}.m-phone-number-input__input.--border-radius[data-v-13c350c6] .m-input-wrapper{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-2px}.m-phone-number-input__select[data-v-13c350c6]{width:9rem}.m-phone-number-input__select__item[data-v-13c350c6]{width:100%;font-size:.875rem;line-height:1.25rem}.m-phone-number-input__select[data-v-13c350c6] .m-select-input .m-input-wrapper{border-top-right-radius:0!important;border-bottom-right-radius:0!important}.m-phone-number-input:not(.--no-flags) .m-phone-number-input__select[data-v-13c350c6] .m-select-input input{padding-left:2.25rem!important}.m-phone-number-input__input.--error[data-v-13c350c6],.m-phone-number-input__input.--focused[data-v-13c350c6]{z-index:1}

package/components/chunks/{MazBtn-f7e94b59.mjs → MazBtn-1daf9063.mjs}

@@ -1,6 +1,6 @@
 import "../assets/MazBtn.css";
 import { defineComponent, defineAsyncComponent, useAttrs, useSlots, onBeforeMount, computed, openBlock, createBlock, resolveDynamicComponent, mergeProps, withCtx, createElementBlock, normalizeClass, renderSlot, unref, createCommentVNode, createElementVNode } from "vue";
-import { _ as _export_sfc } from "./MazCard-01b81dd2.mjs";
+import { _ as _export_sfc } from "./MazCard-4331dca0.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "MazBtn",
   props: {
@@ -46,7 +46,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     noElevation: { type: Boolean, default: false }
   },
   setup(__props) {
-    const MazSpinner = defineAsyncComponent(() => import("./MazSpinner-98dd1f9d.mjs"));
+    const MazSpinner = defineAsyncComponent(() => import("./MazSpinner-f1e69f29.mjs"));
     const MazIcon = defineAsyncComponent(() => import("./MazIcon-bda198b4.mjs"));
     const { href, to } = useAttrs();
     const slots = useSlots();

package/components/chunks/{MazBtn-30723941.mjs → MazBtn-50abc4c5.mjs}

@@ -1,6 +1,6 @@
 import "../assets/MazBtn.css";
 import { defineComponent, defineAsyncComponent, useAttrs, useSlots, onBeforeMount, computed, openBlock, createBlock, resolveDynamicComponent, mergeProps, withCtx, createElementBlock, normalizeClass, renderSlot, unref, createCommentVNode, createElementVNode } from "vue";
-import { _ as _export_sfc } from "./MazPhoneNumberInput-31bc05f9.mjs";
+import { _ as _export_sfc } from "./MazPhoneNumberInput-48fe2445.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "MazBtn",
   props: {
@@ -46,7 +46,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     noElevation: { type: Boolean, default: false }
   },
   setup(__props) {
-    const MazSpinner = defineAsyncComponent(() => import("./MazSpinner-db6fc59d.mjs"));
+    const MazSpinner = defineAsyncComponent(() => import("./MazSpinner-68d2f2ac.mjs"));
     const MazIcon = defineAsyncComponent(() => import("./MazIcon-bda198b4.mjs"));
     const { href, to } = useAttrs();
     const slots = useSlots();

package/components/chunks/{MazCard-01b81dd2.mjs → MazCard-4331dca0.mjs}

@@ -68,9 +68,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     collapseOpen: { type: Boolean, default: false }
   },
   setup(__props) {
-    const MazBtn = defineAsyncComponent(() => import("./MazBtn-f7e94b59.mjs"));
-    const MazGallery = defineAsyncComponent(() => import("./MazGallery-a8f6748b.mjs"));
-    const MazTransitionExpand = defineAsyncComponent(() => import("./MazTransitionExpand-f293b830.mjs"));
+    const MazBtn = defineAsyncComponent(() => import("./MazBtn-1daf9063.mjs"));
+    const MazGallery = defineAsyncComponent(() => import("./MazGallery-b2dc4286.mjs"));
+    const MazTransitionExpand = defineAsyncComponent(() => import("./MazTransitionExpand-474b00d4.mjs"));
     const ChevronDownIcon = defineAsyncComponent(() => import("./chevron-down-a78b9604.mjs"));
     const props = __props;
     const slots = useSlots();

package/components/chunks/{MazCheckbox-9fa9179a.mjs → MazCheckbox-ab5ddda2.mjs}

@@ -1,6 +1,6 @@
 import "../assets/MazCheckbox.css";
 import { defineComponent, useCssVars, getCurrentInstance, computed, openBlock, createElementBlock, unref, normalizeClass, createElementVNode, mergeProps, createVNode, renderSlot } from "vue";
-import { u as useInstanceUniqId, _ as _export_sfc } from "./MazPhoneNumberInput-31bc05f9.mjs";
+import { u as useInstanceUniqId, _ as _export_sfc } from "./MazPhoneNumberInput-48fe2445.mjs";
 import CheckIcon from "./check-8da249b1.mjs";
 const _hoisted_1 = ["for", "aria-checked"];
 const _hoisted_2 = ["id", "checked", "disabled", "name"];

package/components/chunks/{MazGallery-a8f6748b.mjs → MazGallery-b2dc4286.mjs}

@@ -5,8 +5,8 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 import "../assets/MazGallery.css";
-import { defineComponent, defineAsyncComponent, onBeforeMount, computed, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, Fragment, renderList, withDirectives, unref, toDisplayString, createCommentVNode, createVNode } from "vue";
-import { _ as _export_sfc } from "./MazCard-01b81dd2.mjs";
+import { defineComponent, useCssVars, defineAsyncComponent, onBeforeMount, computed, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, Fragment, renderList, withDirectives, unref, toDisplayString, createCommentVNode, createVNode } from "vue";
+import { _ as _export_sfc } from "./MazCard-4331dca0.mjs";
 const style = `
 .maz-zoom-img {
   position: fixed;
@@ -635,41 +635,47 @@ const _hoisted_3 = {
   class: "m-gallery__remaining-layer maz-flex maz-bg-overlay maz-flex-center"
 };
 const _hoisted_4 = { class: "maz-text-2xl maz-text-white" };
-const lazyImgArgument = "bg-image";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "MazGallery",
   props: {
-    // Array of string or object: `['https://via.placeholder.com/500', 'https://via.placeholder.com/600']` or `[{ slug: 'https://via.placeholder.com/500', alt: 'image descripton' }, { slug: 'https://via.placeholder.com/600', alt: 'image descripton' }]`
+    /**
+     *  Array of string or object: `['https://via.placeholder.com/500', 'https://via.placeholder.com/600']` or `[{ slug: 'https://via.placeholder.com/500', alt: 'image descripton' }, { slug: 'https://via.placeholder.com/600', alt: 'image descripton' }]`
+     * */
     images: {
       type: Array,
       default: () => []
     },
-    // Images count shown (max: 5)
+    /** Images count shown (max: 5) */
     imagesShownCount: { type: Number, default: 5 },
-    // Remove transparent layer with the remain count (ex: +2)
+    /** Remove transparent layer with the remain count (ex: +2) */
     noRemaining: { type: Boolean, default: false },
-    // Height of gallery
+    /** Height of gallery */
     height: { type: [Number, String], default: 150 },
-    // Remove default height
+    /** Remove default height */
     noHeight: { type: Boolean, default: false },
-    // Width of gallery
+    /** Width of gallery */
     width: { type: [Number, String], default: "100%" },
-    // Remove default width
+    /** Remove default width */
     noWidth: { type: Boolean, default: false },
-    // Add the default border radius to gallery
+    /** Disable the border radius of the gallery */
     noRadius: { type: Boolean, default: false },
-    // Add feature to show the carousel images on click
+    /** Disable full size display when clicking on image */
     noZoom: { type: Boolean, default: false },
-    // Layer with photography icon when no images is provided
+    /** Layer with photography icon when no images is provided */
     hasEmptyLayer: { type: Boolean, default: true },
-    // Lazy load image - if false, images are directly loaded
+    /** Lazy load image - if false, images are directly loaded */
     lazy: { type: Boolean, default: true },
-    // Blur animation effect on image hover
+    /** Disable blur effect on image hover */
     blur: { type: Boolean, default: true },
-    // Scale animation effect on image hover
-    scale: { type: Boolean, default: true }
+    /** Disable scale animation effect on image hover */
+    scale: { type: Boolean, default: true },
+    /** Choose color of borders between images - Should be a CSS color or CSS variable - Ex: `#000` or `var(--maz-color-bg-light)` */
+    separatorColor: { type: String, default: "transparent" }
   },
   setup(__props) {
+    useCssVars((_ctx) => ({
+      "7a2c056e": __props.separatorColor
+    }));
     const NoPhotographyIcon = defineAsyncComponent(() => import("./no-photography-b0d08d6f.mjs"));
     const props = __props;
     onBeforeMount(() => {
@@ -677,7 +683,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         console.warn('[MazUI](m-gallery) The maximum of "images-shown-count" is 5');
     });
     const sizeStyle = computed(() => {
-      const { height, width, noWidth, noHeight } = props;
+      const noWidth = props.noWidth;
+      const width = props.width;
+      const noHeight = props.noHeight;
+      const height = props.height;
       return {
         ...noWidth ? {} : {
           flex: "0 0 " + typeof width === "number" ? `${width}px` : width,
@@ -736,7 +745,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       alt: image.alt,
                       loading: "lazy"
                     }, null, 8, _hoisted_2), [
-                      [unref(vLazyImg), { src: image.thumbnail, disabled: !__props.lazy }, lazyImgArgument],
+                      [unref(vLazyImg), { src: image.thumbnail, disabled: !__props.lazy }, "bg-image"],
                       [unref(vZoomImg), {
                         src: image.src,
                         alt: image.alt,
@@ -774,7 +783,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               "div",
               {
                 key: 0,
-                class: normalizeClass(["maz-flex maz-w-full maz-bg-color-light maz-text-normal maz-flex-center", { "maz-rounded-xl": !__props.noRadius }]),
+                class: normalizeClass(["empty-layer maz-flex maz-w-full maz-bg-color-light maz-text-normal maz-flex-center", { "maz-rounded-xl": !__props.noRadius }]),
                 style: normalizeStyle([sizeStyle.value])
               },
               [
@@ -805,8 +814,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const MazGallery_vue_vue_type_style_index_0_scoped_3710617f_lang = "";
-const MazGallery = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3710617f"]]);
+const MazGallery_vue_vue_type_style_index_0_scoped_4e6fbc0c_lang = "";
+const MazGallery = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-4e6fbc0c"]]);
 export {
   MazGallery as default
 };

package/components/chunks/{MazPhoneNumberInput-31bc05f9.mjs → MazPhoneNumberInput-48fe2445.mjs}

@@ -22,7 +22,7 @@ const defaultLocales = {
     example: "Example:"
   }
 };
-function localeToUnicodeFlag(locale) {
+function countryCodeToUnicodeFlag(locale) {
   const characters = [...locale];
   return characters.map((letter) => letter.charCodeAt(0) % 32 + 127461).map((n) => String.fromCodePoint(n)).join("");
 }
@@ -268,7 +268,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   },
   emits: ["focus", "blur", "update:model-value", "click", "change", "update"],
   setup(__props, { emit: __emit }) {
-    const MazBtn = defineAsyncComponent(() => import("./MazBtn-30723941.mjs"));
+    const MazBtn = defineAsyncComponent(() => import("./MazBtn-50abc4c5.mjs"));
     const MazIcon = defineAsyncComponent(() => import("./MazIcon-bda198b4.mjs"));
     const EyeOffIcon = defineAsyncComponent(() => import("./eye-slash-342420ff.mjs"));
     const EyeIcon = defineAsyncComponent(() => import("./eye-fbb13657.mjs"));
@@ -603,7 +603,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       "4502d2ec": selectedTextColor.value,
       "381f7054": selectedBgColor.value
     }));
-    const MazCheckbox = defineAsyncComponent(() => import("./MazCheckbox-9fa9179a.mjs"));
+    const MazCheckbox = defineAsyncComponent(() => import("./MazCheckbox-ab5ddda2.mjs"));
     const SearchIcon = defineAsyncComponent(() => import("./magnifying-glass-5dffa35e.mjs"));
     const ChevronDownIcon = defineAsyncComponent(() => import("./chevron-down-a78b9604.mjs"));
     const NoSymbolIcon = defineAsyncComponent(() => import("./no-symbol-975ce547.mjs"));
@@ -1406,20 +1406,23 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         ]]),
         style: normalizeStyle(__props.style)
       }, [
-        countryCode.value && !__props.noFlags && !__props.noCountrySelector ? (openBlock(), createElementBlock(
-          "button",
-          {
-            key: 0,
-            class: "m-phone-number-input__country-flag maz-text-xl",
-            tabindex: "-1",
-            type: "button",
-            onClick: focusCountrySelector
-          },
-          toDisplayString(unref(localeToUnicodeFlag)(countryCode.value)),
-          1
-          /* TEXT */
-        )) : createCommentVNode("v-if", true),
-        !__props.noCountrySelector && countryOptions.value ? (openBlock(), createBlock(MazSelect, {
+        countryCode.value && !__props.noFlags && !__props.noCountrySelector ? (openBlock(), createElementBlock("button", {
+          key: 0,
+          class: "m-phone-number-input__country-flag maz-text-xl",
+          tabindex: "-1",
+          type: "button",
+          onClick: focusCountrySelector
+        }, [
+          createCommentVNode('\n        @slot Country selector flag\n          @binding {String} country-code - current selected country code - Ex: `"FR"`\n      '),
+          renderSlot(_ctx.$slots, "selector-flag", { countryCode: countryCode.value }, () => [
+            createTextVNode(
+              toDisplayString(unref(countryCodeToUnicodeFlag)(countryCode.value)),
+              1
+              /* TEXT */
+            )
+          ], true)
+        ])) : createCommentVNode("v-if", true),
+        !__props.noCountrySelector ? (openBlock(), createBlock(MazSelect, {
           key: 1,
           ref_key: "CountrySelector",
           ref: CountrySelector,
@@ -1455,13 +1458,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 }])
               },
               [
-                !__props.noFlags && typeof option.iso2 === "string" ? (openBlock(), createElementBlock(
-                  "span",
-                  _hoisted_2,
-                  toDisplayString(unref(localeToUnicodeFlag)(option.iso2)),
-                  1
-                  /* TEXT */
-                )) : createCommentVNode("v-if", true),
+                !__props.noFlags && typeof option.iso2 === "string" ? (openBlock(), createElementBlock("span", _hoisted_2, [
+                  createCommentVNode('\n              @slot Country list flag\n                @binding {String} country-code - country code of option - Ex: `"FR"`\n                @binding {{ iso2: string; dialCode: string; name: string; }} option - country data\n                @binding {Boolean} is-selected - `true` if option is selected\n            '),
+                  renderSlot(_ctx.$slots, "country-list-flag", {
+                    countryCode: option.iso2,
+                    option,
+                    isSelected
+                  }, () => [
+                    createTextVNode(
+                      toDisplayString(unref(countryCodeToUnicodeFlag)(option.iso2)),
+                      1
+                      /* TEXT */
+                    )
+                  ], true)
+                ])) : createCommentVNode("v-if", true),
                 __props.showCodeOnList ? (openBlock(), createElementBlock(
                   "span",
                   {
@@ -1486,8 +1496,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               /* CLASS */
             )
           ]),
-          _: 1
-          /* STABLE */
+          _: 3
+          /* FORWARDED */
         }, 8, ["model-value", "option-input-value-key", "disabled", "color", "size", "list-position", "search", "search-placeholder", "options", "error", "hint", "label", "success", "style"])) : createCommentVNode("v-if", true),
         createVNode(MazInput, mergeProps({
           id: __props.id,
@@ -1517,8 +1527,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const MazPhoneNumberInput_vue_vue_type_style_index_0_scoped_2417c048_lang = "";
-const MazPhoneNumberInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2417c048"]]);
+const MazPhoneNumberInput_vue_vue_type_style_index_0_scoped_13c350c6_lang = "";
+const MazPhoneNumberInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-13c350c6"]]);
 export {
   MazPhoneNumberInput as M,
   _export_sfc as _,

package/components/chunks/{MazSpinner-db6fc59d.mjs → MazSpinner-68d2f2ac.mjs}

@@ -1,6 +1,6 @@
 import "../assets/MazSpinner.css";
 import { defineComponent, openBlock, createElementBlock, normalizeClass, pushScopeId, popScopeId, createElementVNode } from "vue";
-import { _ as _export_sfc } from "./MazPhoneNumberInput-31bc05f9.mjs";
+import { _ as _export_sfc } from "./MazPhoneNumberInput-48fe2445.mjs";
 const _withScopeId = (n) => (pushScopeId("data-v-c67298ec"), n = n(), popScopeId(), n);
 const _hoisted_1 = ["width", "height"];
 const _hoisted_2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode(

package/components/chunks/{MazSpinner-98dd1f9d.mjs → MazSpinner-f1e69f29.mjs}

@@ -1,6 +1,6 @@
 import "../assets/MazSpinner.css";
 import { defineComponent, openBlock, createElementBlock, normalizeClass, pushScopeId, popScopeId, createElementVNode } from "vue";
-import { _ as _export_sfc } from "./MazCard-01b81dd2.mjs";
+import { _ as _export_sfc } from "./MazCard-4331dca0.mjs";
 const _withScopeId = (n) => (pushScopeId("data-v-c67298ec"), n = n(), popScopeId(), n);
 const _hoisted_1 = ["width", "height"];
 const _hoisted_2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode(

package/components/chunks/{MazTransitionExpand-f293b830.mjs → MazTransitionExpand-474b00d4.mjs}

@@ -1,6 +1,6 @@
 import "../assets/MazTransitionExpand.css";
 import { defineComponent, openBlock, createBlock, TransitionGroup, withCtx, renderSlot, nextTick } from "vue";
-import { _ as _export_sfc } from "./MazCard-01b81dd2.mjs";
+import { _ as _export_sfc } from "./MazCard-4331dca0.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "MazTransitionExpand",
   setup(__props) {

package/modules/chunks/{MazBtn-071342e2.mjs → MazBtn-90ffd148.mjs}

@@ -1,6 +1,6 @@
 import "../assets/MazBtn.css";
 import { defineComponent, defineAsyncComponent, useAttrs, useSlots, onBeforeMount, computed, openBlock, createBlock, resolveDynamicComponent, mergeProps, withCtx, createElementBlock, normalizeClass, renderSlot, unref, createCommentVNode, createElementVNode } from "vue";
-import { _ as _export_sfc } from "./index-df3c0c78.mjs";
+import { _ as _export_sfc } from "./index-b1625fc2.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "MazBtn",
   props: {
@@ -46,8 +46,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     noElevation: { type: Boolean, default: false }
   },
   setup(__props) {
-    const MazSpinner = defineAsyncComponent(() => import("./MazSpinner-f0457084.mjs"));
-    const MazIcon = defineAsyncComponent(() => import("./MazIcon-3775d4e1.mjs"));
+    const MazSpinner = defineAsyncComponent(() => import("./MazSpinner-a16a3d8f.mjs"));
+    const MazIcon = defineAsyncComponent(() => import("./MazIcon-988edef7.mjs"));
     const { href, to } = useAttrs();
     const slots = useSlots();
     const props = __props;

package/modules/chunks/{MazIcon-3775d4e1.mjs → MazIcon-988edef7.mjs}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed, onMounted, watchEffect, openBlock, createElementBlock, Fragment, createCommentVNode, mergeProps, nextTick } from "vue";
-import { i as injectStrict } from "./index-df3c0c78.mjs";
+import { i as injectStrict } from "./index-b1625fc2.mjs";
 const _hoisted_1 = ["innerHTML"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "MazIcon",

package/modules/chunks/{MazSpinner-f0457084.mjs → MazSpinner-a16a3d8f.mjs}

@@ -1,6 +1,6 @@
 import "../assets/MazSpinner.css";
 import { defineComponent, openBlock, createElementBlock, normalizeClass, pushScopeId, popScopeId, createElementVNode } from "vue";
-import { _ as _export_sfc } from "./index-df3c0c78.mjs";
+import { _ as _export_sfc } from "./index-b1625fc2.mjs";
 const _withScopeId = (n) => (pushScopeId("data-v-c67298ec"), n = n(), popScopeId(), n);
 const _hoisted_1 = ["width", "height"];
 const _hoisted_2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode(

package/modules/chunks/{index-df3c0c78.mjs → index-b1625fc2.mjs}

@@ -350,7 +350,7 @@ class ScriptLoader {
     });
   }
 }
-function localeToUnicodeFlag(locale) {
+function countryCodeToUnicodeFlag(locale) {
   const characters = [...locale];
   return characters.map((letter) => letter.charCodeAt(0) % 32 + 127461).map((n) => String.fromCodePoint(n)).join("");
 }
@@ -1103,7 +1103,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   emits: ["close", "previous", "next", "before-close"],
   setup(__props, { emit: __emit }) {
     const emits = __emit;
-    const MazSpinner = defineAsyncComponent(() => import("./MazSpinner-f0457084.mjs"));
+    const MazSpinner = defineAsyncComponent(() => import("./MazSpinner-a16a3d8f.mjs"));
     const XMark = defineAsyncComponent(() => import("./x-mark-c6ff45dd.mjs"));
     const ChevronLeft = defineAsyncComponent(() => import("./chevron-left-3365d59b.mjs"));
     let vueScrollTo;
@@ -1682,7 +1682,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       () => import("./arrow-top-right-on-square-32bbe5a1.mjs")
     );
     const Link = defineAsyncComponent(() => import("./link-4eb05848.mjs"));
-    const MazBtn = defineAsyncComponent(() => import("./MazBtn-071342e2.mjs"));
+    const MazBtn = defineAsyncComponent(() => import("./MazBtn-90ffd148.mjs"));
     const Toaster = ref();
     const props = __props;
     const emits = __emit;
@@ -2288,16 +2288,16 @@ export {
   _export_sfc as _,
   isClient as a,
   installDirectives as b,
-  directive$1 as c,
+  countryCodeToUnicodeFlag as c,
   debounce as d,
-  plugin$2 as e,
-  vZoomImg as f,
-  plugin$3 as g,
-  vFullscreenImg as h,
+  directive$1 as e,
+  plugin$2 as f,
+  vZoomImg as g,
+  plugin$3 as h,
   injectStrict as i,
-  vFullscreenImgInstall as j,
-  directive as k,
-  localeToUnicodeFlag as l,
+  vFullscreenImg as j,
+  vFullscreenImgInstall as k,
+  directive as l,
   mount as m,
   plugin$4 as n,
   installFilters as o,

package/modules/index.mjs

@@ -1,4 +1,4 @@
-import { B, I, S, T, U, W, D, q, r, u, d, i, C, b, o, x, z, a, l, m, w, s, y, t, G, K, F, M, E, J, L, H, c, p, k, n, h, j, v, e, f, g, A } from "./chunks/index-df3c0c78.mjs";
+import { B, I, S, T, U, W, D, q, c, r, u, d, i, C, b, o, x, z, a, m, w, s, y, t, G, K, F, M, E, J, L, H, e, p, l, n, j, k, v, f, g, h, A } from "./chunks/index-b1625fc2.mjs";
 export {
   B as AosHandler,
   I as IdleTimeout,
@@ -8,6 +8,7 @@ export {
   W as WaitHandler,
   D as aosInstance,
   q as capitalize,
+  c as countryCodeToUnicodeFlag,
   r as currency,
   u as date,
   d as debounce,
@@ -18,7 +19,6 @@ export {
   x as installToaster,
   z as installWait,
   a as isClient,
-  l as localeToUnicodeFlag,
   m as mount,
   w as number,
   s as sleep,
@@ -32,15 +32,15 @@ export {
   J as useToast,
   L as useUserVisibility,
   H as useWait,
-  c as vClickOutside,
+  e as vClickOutside,
   p as vClickOutsideInstall,
-  k as vClosable,
+  l as vClosable,
   n as vClosableInstall,
-  h as vFullscreenImg,
-  j as vFullscreenImgInstall,
+  j as vFullscreenImg,
+  k as vFullscreenImgInstall,
   v as vLazyImg,
-  e as vLazyImgInstall,
-  f as vZoomImg,
-  g as vZoomImgInstall,
+  f as vLazyImgInstall,
+  g as vZoomImg,
+  h as vZoomImgInstall,
   A as waitInstance
 };

package/nuxt/index.json

@@ -4,5 +4,5 @@
   "compatibility": {
     "nuxt": "^3.0.0"
   },
-  "version": "3.22.2"
+  "version": "3.22.4"
 }

package/nuxt/types.d.mts

@@ -1,7 +1,8 @@
 
-import {  } from './index'
+import type {  } from './index'
 
 
 
 
-export { MazUiNuxtOptions, default } from './index'
+
+export type { MazUiNuxtOptions, default } from './index'

package/nuxt/types.d.ts

@@ -1,7 +1,8 @@
 
-import {  } from './index'
+import type {  } from './index'
 
 
 
 
-export { MazUiNuxtOptions, default } from './index'
+
+export type { MazUiNuxtOptions, default } from './index'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "maz-ui",
-  "version": "3.22.2",
+  "version": "3.22.4",
   "description": "A standalone components library for Vue.Js 3 & Nuxt.Js 3",
   "author": "Louis Mazel <me@loicmazuel.com>",
   "main": "./modules/index.mjs",
@@ -93,14 +93,14 @@
     "@mazui/cli": "latest"
   },
   "devDependencies": {
-    "@babel/core": "^7.23.2",
-    "@babel/preset-env": "^7.23.2",
-    "@babel/preset-typescript": "^7.23.2",
+    "@babel/core": "^7.23.3",
+    "@babel/preset-env": "^7.23.3",
+    "@babel/preset-typescript": "^7.23.3",
     "@nuxt/kit": "^3.8.1",
     "@nuxt/schema": "^3.8.1",
     "@types/dropzone": "^5.7.7",
     "@types/google.maps": "^3.54.7",
-    "@vitejs/plugin-vue": "^4.4.0",
+    "@vitejs/plugin-vue": "^4.4.1",
     "@vitest/coverage-v8": "^0.34.6",
     "@vue/compiler-sfc": "^3.3.8",
     "@vue/eslint-config-prettier": "^8.0.0",
@@ -130,7 +130,7 @@
     "postcss-nested": "^6.0.0",
     "postcss-simple-vars": "^7.0.1",
     "postcss-url": "^10.1.3",
-    "prettier-plugin-tailwindcss": "^0.5.6",
+    "prettier-plugin-tailwindcss": "^0.5.7",
     "replace-in-file": "^7.0.2",
     "rimraf": "^5.0.5",
     "sass": "^1.69.5",

package/types/components/MazGallery.vue.d.ts

@@ -2,111 +2,151 @@ import { type PropType } from 'vue';
 import type { MazGalleryImage } from './types';
 export type { MazGalleryImage } from './types';
 declare const _default: import("vue").DefineComponent<{
+    /**
+     *  Array of string or object: `['https://via.placeholder.com/500', 'https://via.placeholder.com/600']` or `[{ slug: 'https://via.placeholder.com/500', alt: 'image descripton' }, { slug: 'https://via.placeholder.com/600', alt: 'image descripton' }]`
+     * */
     images: {
         type: PropType<MazGalleryImage[]>;
         default: () => never[];
     };
+    /** Images count shown (max: 5) */
     imagesShownCount: {
         type: NumberConstructor;
         default: number;
     };
+    /** Remove transparent layer with the remain count (ex: +2) */
     noRemaining: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** Height of gallery */
     height: {
         type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
+    /** Remove default height */
     noHeight: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** Width of gallery */
     width: {
         type: (StringConstructor | NumberConstructor)[];
         default: string;
     };
+    /** Remove default width */
     noWidth: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** Disable the border radius of the gallery */
     noRadius: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** Disable full size display when clicking on image */
     noZoom: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** Layer with photography icon when no images is provided */
     hasEmptyLayer: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** Lazy load image - if false, images are directly loaded */
     lazy: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** Disable blur effect on image hover */
     blur: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** Disable scale animation effect on image hover */
     scale: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** Choose color of borders between images - Should be a CSS color or CSS variable - Ex: `#000` or `var(--maz-color-bg-light)` */
+    separatorColor: {
+        type: StringConstructor;
+        default: string;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     *  Array of string or object: `['https://via.placeholder.com/500', 'https://via.placeholder.com/600']` or `[{ slug: 'https://via.placeholder.com/500', alt: 'image descripton' }, { slug: 'https://via.placeholder.com/600', alt: 'image descripton' }]`
+     * */
     images: {
         type: PropType<MazGalleryImage[]>;
         default: () => never[];
     };
+    /** Images count shown (max: 5) */
     imagesShownCount: {
         type: NumberConstructor;
         default: number;
     };
+    /** Remove transparent layer with the remain count (ex: +2) */
     noRemaining: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** Height of gallery */
     height: {
         type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
+    /** Remove default height */
     noHeight: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** Width of gallery */
     width: {
         type: (StringConstructor | NumberConstructor)[];
         default: string;
     };
+    /** Remove default width */
     noWidth: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** Disable the border radius of the gallery */
     noRadius: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** Disable full size display when clicking on image */
     noZoom: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** Layer with photography icon when no images is provided */
     hasEmptyLayer: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** Lazy load image - if false, images are directly loaded */
     lazy: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** Disable blur effect on image hover */
     blur: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** Disable scale animation effect on image hover */
     scale: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** Choose color of borders between images - Should be a CSS color or CSS variable - Ex: `#000` or `var(--maz-color-bg-light)` */
+    separatorColor: {
+        type: StringConstructor;
+        default: string;
+    };
 }>>, {
     width: string | number;
     height: string | number;
@@ -121,5 +161,6 @@ declare const _default: import("vue").DefineComponent<{
     noZoom: boolean;
     hasEmptyLayer: boolean;
     scale: boolean;
+    separatorColor: string;
 }, {}>;
 export default _default;

package/types/components/MazPhoneNumberInput.vue.d.ts

@@ -3,7 +3,7 @@ import type { Result, Translations } from './MazPhoneNumberInput/types';
 import type { Color, Position, Size } from './types';
 export type { Color, Size, Position, CountryCode, Result, Translations };
 import { type PropType, type StyleValue } from 'vue';
-declare const _default: import("vue").DefineComponent<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     style: {
         type: PropType<StyleValue>;
         default: undefined;
@@ -408,5 +408,19 @@ declare const _default: import("vue").DefineComponent<{
     noValidationSuccess: boolean;
     countrySelectorDisplayName: boolean;
     countrySelectorWidth: string;
-}, {}>;
+}, {}>, {
+    "selector-flag"?(_: {
+        countryCode: "AC" | "AD" | "AE" | "AF" | "AG" | "AI" | "AL" | "AM" | "AO" | "AR" | "AS" | "AT" | "AU" | "AW" | "AX" | "AZ" | "BA" | "BB" | "BD" | "BE" | "BF" | "BG" | "BH" | "BI" | "BJ" | "BL" | "BM" | "BN" | "BO" | "BQ" | "BR" | "BS" | "BT" | "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" | "FI" | "FJ" | "FK" | "FM" | "FO" | "FR" | "GA" | "GB" | "GD" | "GE" | "GF" | "GG" | "GH" | "GI" | "GL" | "GM" | "GN" | "GP" | "GQ" | "GR" | "GT" | "GU" | "GW" | "GY" | "HK" | "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" | "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" | "TA" | "TC" | "TD" | "TG" | "TH" | "TJ" | "TK" | "TL" | "TM" | "TN" | "TO" | "TR" | "TT" | "TV" | "TW" | "TZ" | "UA" | "UG" | "US" | "UY" | "UZ" | "VA" | "VC" | "VE" | "VG" | "VI" | "VN" | "VU" | "WF" | "WS" | "XK" | "YE" | "YT" | "ZA" | "ZM" | "ZW";
+    }): any;
+    "country-list-flag"?(_: {
+        countryCode: string;
+        option: import("./MazSelect.vue").MazSelectOption;
+        isSelected: boolean;
+    }): any;
+}>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/types/modules/helpers/country-code-to-unicode-flag.d.ts

@@ -0,0 +1 @@
+export declare function countryCodeToUnicodeFlag(locale: string): string;

package/types/modules/helpers/index.d.ts

@@ -7,4 +7,4 @@ export * from './user-visibility';
 export * from './sleep';
 export * from './is-client';
 export * from './script-loader';
-export * from './locale-to-unicode-flag';
+export * from './country-code-to-unicode-flag';

package/types/modules/helpers/locale-to-unicode-flag.d.ts

@@ -1 +0,0 @@
-export declare function localeToUnicodeFlag(locale: string): string;