maz-ui 3.22.2 → 3.22.3

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/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-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/{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/{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/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.3"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "maz-ui",
-  "version": "3.22.2",
+  "version": "3.22.3",
   "description": "A standalone components library for Vue.Js 3 & Nuxt.Js 3",
   "author": "Louis Mazel <me@loicmazuel.com>",
   "main": "./modules/index.mjs",

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;