@intl-tel-input/react 29.1.1 → 29.1.2

package/dist/IntlTelInput.js

@@ -2455,7 +2455,7 @@ var Numerals = class _Numerals {
 
 // packages/core/src/js/core/ui.ts
 var supportsCssAnchor = typeof CSS !== "undefined" && typeof CSS.supports === "function" && CSS.supports("anchor-name: --x");
-var UI = class _UI {
+var UI = class {
   // private
   #options;
   #id;
@@ -2465,6 +2465,7 @@ var UI = class _UI {
   #searchTokens;
   #searchDebounceTimer = null;
   #inlineDropdownHeight;
+  #cssAnchorPositioningDone = false;
   #countryContainerEl;
   #selectedCountryEl;
   #selectedFlagEl;
@@ -2657,16 +2658,6 @@ var UI = class _UI {
     if (countrySearch) {
       this.#updateSearchResultsA11yText();
     }
-    if (!isFullscreen) {
-      const { height, width } = this.#getHiddenInlineDropdownSize();
-      this.#inlineDropdownHeight = height;
-      if (countrySearch) {
-        this.#countrySelectorEl.style.height = `${height}px`;
-        if (!matchDropdownWidth && width > 0) {
-          this.#countrySelectorEl.style.width = `${width}px`;
-        }
-      }
-    }
     if (detachedParent) {
       const wrapperClasses = buildClassNames({
         iti: true,
@@ -2677,9 +2668,6 @@ var UI = class _UI {
       });
       this.#detachedCountrySelectorEl = createEl("div", { class: wrapperClasses });
       this.#detachedCountrySelectorEl.appendChild(this.#countrySelectorEl);
-      if (!isFullscreen) {
-        this.#setupCssAnchorPositioning();
-      }
     } else {
       this.#countryContainerEl.appendChild(this.#countrySelectorEl);
     }
@@ -2852,24 +2840,16 @@ var UI = class _UI {
     });
     this.#resizeObserver.observe(this.#selectedCountryEl);
   }
-  static #getBody() {
-    let body;
-    try {
-      body = window.top.document.body;
-    } catch (e) {
-      body = document.body;
-    }
-    return body;
-  }
   //* When input is in a hidden container during init, we cannot calculate the selected country width.
   //* Fix: clone the markup, make it invisible, add it to the end of the DOM, and then measure it's width.
   //* To get the right styling to apply, all we need is a shallow clone of the container,
   //* and then to inject a deep clone of the selectedCountryEl element.
+  //* Measures in the LOCAL document.body: appending to the local body escapes any hidden ancestor container, and the input's own frame is where intl-tel-input's styles live (so the clone lays out correctly). We deliberately do NOT escape to window.top: that only measures correctly in the rare case where the top frame also loads the library's styles, and measures wrong when it doesn't (e.g. a same-origin iframe whose outer frame lacks the styles — cf. #2178). If the local frame itself isn't laid out yet (e.g. an iframe hidden during init), this returns 0 and the caller falls back to a sane constant; the ResizeObserver in #observeSelectedCountryResize then corrects the padding once the input becomes visible.
   #getHiddenSelectedCountryWidth() {
     if (!this.telInputEl.parentNode) {
       return 0;
     }
-    const body = _UI.#getBody();
+    const body = document.body;
     const containerClone = this.telInputEl.parentNode.cloneNode(
       false
     );
@@ -2885,21 +2865,43 @@ var UI = class _UI {
     body.removeChild(containerClone);
     return width;
   }
-  // Get the dropdown size (before it is added to the DOM)
+  //* Measure the inline dropdown size once, lazily, on first open — see #getHiddenInlineDropdownSize for why measuring forces a reflow. Memoised via #inlineDropdownHeight so subsequent opens are free.
+  //* Captured for two uses: (1) on open, decide whether to position the dropdown above or below the input; (2) when countrySearch is enabled, pin the dropdown height (and, when matchDropdownWidth is disabled, width) so it doesn't jump around as the country list is filtered.
+  #ensureInlineDropdownSizeMeasured() {
+    if (this.#inlineDropdownHeight !== void 0) {
+      return;
+    }
+    const { countrySearch, matchDropdownWidth } = this.#options;
+    const { height, width } = this.#getHiddenInlineDropdownSize();
+    this.#inlineDropdownHeight = height;
+    if (countrySearch) {
+      this.#countrySelectorEl.style.height = `${height}px`;
+      if (!matchDropdownWidth && width > 0) {
+        this.#countrySelectorEl.style.width = `${width}px`;
+      }
+    }
+  }
+  // Measure the dropdown by moving it into a temporary hidden container on the body (it needs the right ancestor classes to lay out correctly). Restores it to its original position afterwards — a no-op during init (when it is still detached) but required when called lazily on first open (when it is already inserted).
+  //* Deliberately measures in the LOCAL document.body (not window.top): this runs on first open, when the input's own frame is visibly rendered and styled. Escaping to the top frame breaks when the input is inside a same-origin iframe whose outer frame lacks intl-tel-input's styles (e.g. Storybook), as the dropdown would then be measured unstyled and come out far too tall (issue #2178).
   #getHiddenInlineDropdownSize() {
-    const body = _UI.#getBody();
-    this.#countrySelectorEl.classList.remove(CLASSES.HIDE);
+    const body = document.body;
+    const selectorEl = this.#countrySelectorEl;
+    const originalParent = selectorEl.parentNode;
+    const originalNextSibling = selectorEl.nextSibling;
+    selectorEl.classList.remove(CLASSES.HIDE);
     const tempContainer = createEl("div", {
       class: "iti iti--inline-country-selector"
     });
-    tempContainer.appendChild(this.#countrySelectorEl);
+    tempContainer.appendChild(selectorEl);
     tempContainer.style.visibility = "hidden";
     body.appendChild(tempContainer);
-    const height = this.#countrySelectorEl.offsetHeight;
-    const width = this.#countrySelectorEl.offsetWidth;
+    const height = selectorEl.offsetHeight;
+    const width = selectorEl.offsetWidth;
     body.removeChild(tempContainer);
-    tempContainer.style.visibility = "";
-    this.#countrySelectorEl.classList.add(CLASSES.HIDE);
+    selectorEl.classList.add(CLASSES.HIDE);
+    if (originalParent) {
+      originalParent.insertBefore(selectorEl, originalNextSibling);
+    }
     return {
       height: height > 0 ? height : LAYOUT.FALLBACK_DROPDOWN_HEIGHT,
       width
@@ -3063,6 +3065,9 @@ var UI = class _UI {
   openCountrySelector(onSelect, onClose) {
     const { countrySearch, dropdownAlwaysOpen } = this.#options;
     this.#countrySelectorAbortController = new AbortController();
+    if (this.#options.countrySelectorMode !== COUNTRY_SELECTOR_MODE.FULLSCREEN) {
+      this.#ensureInlineDropdownSizeMeasured();
+    }
     this.ensureDropdownWidthSet();
     if (this.#detachedCountrySelectorEl) {
       this.#injectAndPositionDetachedCountrySelector();
@@ -3335,7 +3340,10 @@ var UI = class _UI {
         this.#detachedCountrySelectorEl.style.paddingLeft = `${inputPos.left}px`;
         this.#detachedCountrySelectorEl.style.paddingRight = `${window.innerWidth - inputPos.right}px`;
       }
-    } else if (!supportsCssAnchor) {
+    } else {
+      this.#setupCssAnchorPositioning();
+    }
+    if (!isFullscreen && !supportsCssAnchor) {
       const inputPos = this.telInputEl.getBoundingClientRect();
       this.#detachedCountrySelectorEl.style.left = `${inputPos.left}px`;
       if (this.#shouldPositionDropdownBelowInput()) {
@@ -3348,13 +3356,17 @@ var UI = class _UI {
     detachedParent.appendChild(this.#detachedCountrySelectorEl);
   }
   //* Wire up CSS Anchor Positioning between the input and the detached country selector using a
-  //* unique anchor name per instance. Called once at build time — the matching styles in
+  //* unique anchor name per instance. Called lazily on first open (memoised) — the matching styles in
   //* intlTelInput.css only take effect in browsers that support anchor(); elsewhere these
   //* properties are inert. We append our name to any existing anchor-name (read via
   //* getComputedStyle so we pick up CSS-defined values), so consumer-set anchors on the input
   //* are preserved. Caveat: this snapshots the consumer's value once — if they later change
   //* anchor-name via CSS (e.g. a class swap), our inline write will shadow the change.
   #setupCssAnchorPositioning() {
+    if (this.#cssAnchorPositioningDone) {
+      return;
+    }
+    this.#cssAnchorPositioningDone = true;
     const anchorName = `--iti-anchor-${this.#id}`;
     const existing = getComputedStyle(this.telInputEl).anchorName;
     this.telInputEl.style.anchorName = existing && existing !== "none" ? `${existing}, ${anchorName}` : anchorName;
@@ -4829,7 +4841,7 @@ var intlTelInput = Object.assign(
     attachUtils,
     startedLoadingUtils: false,
     startedLoadingAutoCountry: false,
-    version: "29.1.1",
+    version: "29.1.2",
     NUMBER_FORMAT,
     NUMBER_TYPE,
     VALIDATION_ERROR,

package/dist/IntlTelInputWithUtils.d.ts

@@ -1,4 +1,4 @@
 import intlTelInput from "intl-tel-input";
 export { intlTelInput };
-export type { IntlTelInputRef } from "./IntlTelInput.js";
+export type { IntlTelInputRef, StrictRejectSource, StrictRejectReason } from "./IntlTelInput.js";
 export { default } from "./IntlTelInput.js";

package/dist/IntlTelInputWithUtils.js

@@ -2455,7 +2455,7 @@ var Numerals = class _Numerals {
 
 // packages/core/src/js/core/ui.ts
 var supportsCssAnchor = typeof CSS !== "undefined" && typeof CSS.supports === "function" && CSS.supports("anchor-name: --x");
-var UI = class _UI {
+var UI = class {
   // private
   #options;
   #id;
@@ -2465,6 +2465,7 @@ var UI = class _UI {
   #searchTokens;
   #searchDebounceTimer = null;
   #inlineDropdownHeight;
+  #cssAnchorPositioningDone = false;
   #countryContainerEl;
   #selectedCountryEl;
   #selectedFlagEl;
@@ -2657,16 +2658,6 @@ var UI = class _UI {
     if (countrySearch) {
       this.#updateSearchResultsA11yText();
     }
-    if (!isFullscreen) {
-      const { height, width } = this.#getHiddenInlineDropdownSize();
-      this.#inlineDropdownHeight = height;
-      if (countrySearch) {
-        this.#countrySelectorEl.style.height = `${height}px`;
-        if (!matchDropdownWidth && width > 0) {
-          this.#countrySelectorEl.style.width = `${width}px`;
-        }
-      }
-    }
     if (detachedParent) {
       const wrapperClasses = buildClassNames({
         iti: true,
@@ -2677,9 +2668,6 @@ var UI = class _UI {
       });
       this.#detachedCountrySelectorEl = createEl("div", { class: wrapperClasses });
       this.#detachedCountrySelectorEl.appendChild(this.#countrySelectorEl);
-      if (!isFullscreen) {
-        this.#setupCssAnchorPositioning();
-      }
     } else {
       this.#countryContainerEl.appendChild(this.#countrySelectorEl);
     }
@@ -2852,24 +2840,16 @@ var UI = class _UI {
     });
     this.#resizeObserver.observe(this.#selectedCountryEl);
   }
-  static #getBody() {
-    let body;
-    try {
-      body = window.top.document.body;
-    } catch (e) {
-      body = document.body;
-    }
-    return body;
-  }
   //* When input is in a hidden container during init, we cannot calculate the selected country width.
   //* Fix: clone the markup, make it invisible, add it to the end of the DOM, and then measure it's width.
   //* To get the right styling to apply, all we need is a shallow clone of the container,
   //* and then to inject a deep clone of the selectedCountryEl element.
+  //* Measures in the LOCAL document.body: appending to the local body escapes any hidden ancestor container, and the input's own frame is where intl-tel-input's styles live (so the clone lays out correctly). We deliberately do NOT escape to window.top: that only measures correctly in the rare case where the top frame also loads the library's styles, and measures wrong when it doesn't (e.g. a same-origin iframe whose outer frame lacks the styles — cf. #2178). If the local frame itself isn't laid out yet (e.g. an iframe hidden during init), this returns 0 and the caller falls back to a sane constant; the ResizeObserver in #observeSelectedCountryResize then corrects the padding once the input becomes visible.
   #getHiddenSelectedCountryWidth() {
     if (!this.telInputEl.parentNode) {
       return 0;
     }
-    const body = _UI.#getBody();
+    const body = document.body;
     const containerClone = this.telInputEl.parentNode.cloneNode(
       false
     );
@@ -2885,21 +2865,43 @@ var UI = class _UI {
     body.removeChild(containerClone);
     return width;
   }
-  // Get the dropdown size (before it is added to the DOM)
+  //* Measure the inline dropdown size once, lazily, on first open — see #getHiddenInlineDropdownSize for why measuring forces a reflow. Memoised via #inlineDropdownHeight so subsequent opens are free.
+  //* Captured for two uses: (1) on open, decide whether to position the dropdown above or below the input; (2) when countrySearch is enabled, pin the dropdown height (and, when matchDropdownWidth is disabled, width) so it doesn't jump around as the country list is filtered.
+  #ensureInlineDropdownSizeMeasured() {
+    if (this.#inlineDropdownHeight !== void 0) {
+      return;
+    }
+    const { countrySearch, matchDropdownWidth } = this.#options;
+    const { height, width } = this.#getHiddenInlineDropdownSize();
+    this.#inlineDropdownHeight = height;
+    if (countrySearch) {
+      this.#countrySelectorEl.style.height = `${height}px`;
+      if (!matchDropdownWidth && width > 0) {
+        this.#countrySelectorEl.style.width = `${width}px`;
+      }
+    }
+  }
+  // Measure the dropdown by moving it into a temporary hidden container on the body (it needs the right ancestor classes to lay out correctly). Restores it to its original position afterwards — a no-op during init (when it is still detached) but required when called lazily on first open (when it is already inserted).
+  //* Deliberately measures in the LOCAL document.body (not window.top): this runs on first open, when the input's own frame is visibly rendered and styled. Escaping to the top frame breaks when the input is inside a same-origin iframe whose outer frame lacks intl-tel-input's styles (e.g. Storybook), as the dropdown would then be measured unstyled and come out far too tall (issue #2178).
   #getHiddenInlineDropdownSize() {
-    const body = _UI.#getBody();
-    this.#countrySelectorEl.classList.remove(CLASSES.HIDE);
+    const body = document.body;
+    const selectorEl = this.#countrySelectorEl;
+    const originalParent = selectorEl.parentNode;
+    const originalNextSibling = selectorEl.nextSibling;
+    selectorEl.classList.remove(CLASSES.HIDE);
     const tempContainer = createEl("div", {
       class: "iti iti--inline-country-selector"
     });
-    tempContainer.appendChild(this.#countrySelectorEl);
+    tempContainer.appendChild(selectorEl);
     tempContainer.style.visibility = "hidden";
     body.appendChild(tempContainer);
-    const height = this.#countrySelectorEl.offsetHeight;
-    const width = this.#countrySelectorEl.offsetWidth;
+    const height = selectorEl.offsetHeight;
+    const width = selectorEl.offsetWidth;
     body.removeChild(tempContainer);
-    tempContainer.style.visibility = "";
-    this.#countrySelectorEl.classList.add(CLASSES.HIDE);
+    selectorEl.classList.add(CLASSES.HIDE);
+    if (originalParent) {
+      originalParent.insertBefore(selectorEl, originalNextSibling);
+    }
     return {
       height: height > 0 ? height : LAYOUT.FALLBACK_DROPDOWN_HEIGHT,
       width
@@ -3063,6 +3065,9 @@ var UI = class _UI {
   openCountrySelector(onSelect, onClose) {
     const { countrySearch, dropdownAlwaysOpen } = this.#options;
     this.#countrySelectorAbortController = new AbortController();
+    if (this.#options.countrySelectorMode !== COUNTRY_SELECTOR_MODE.FULLSCREEN) {
+      this.#ensureInlineDropdownSizeMeasured();
+    }
     this.ensureDropdownWidthSet();
     if (this.#detachedCountrySelectorEl) {
       this.#injectAndPositionDetachedCountrySelector();
@@ -3335,7 +3340,10 @@ var UI = class _UI {
         this.#detachedCountrySelectorEl.style.paddingLeft = `${inputPos.left}px`;
         this.#detachedCountrySelectorEl.style.paddingRight = `${window.innerWidth - inputPos.right}px`;
       }
-    } else if (!supportsCssAnchor) {
+    } else {
+      this.#setupCssAnchorPositioning();
+    }
+    if (!isFullscreen && !supportsCssAnchor) {
       const inputPos = this.telInputEl.getBoundingClientRect();
       this.#detachedCountrySelectorEl.style.left = `${inputPos.left}px`;
       if (this.#shouldPositionDropdownBelowInput()) {
@@ -3348,13 +3356,17 @@ var UI = class _UI {
     detachedParent.appendChild(this.#detachedCountrySelectorEl);
   }
   //* Wire up CSS Anchor Positioning between the input and the detached country selector using a
-  //* unique anchor name per instance. Called once at build time — the matching styles in
+  //* unique anchor name per instance. Called lazily on first open (memoised) — the matching styles in
   //* intlTelInput.css only take effect in browsers that support anchor(); elsewhere these
   //* properties are inert. We append our name to any existing anchor-name (read via
   //* getComputedStyle so we pick up CSS-defined values), so consumer-set anchors on the input
   //* are preserved. Caveat: this snapshots the consumer's value once — if they later change
   //* anchor-name via CSS (e.g. a class swap), our inline write will shadow the change.
   #setupCssAnchorPositioning() {
+    if (this.#cssAnchorPositioningDone) {
+      return;
+    }
+    this.#cssAnchorPositioningDone = true;
     const anchorName = `--iti-anchor-${this.#id}`;
     const existing = getComputedStyle(this.telInputEl).anchorName;
     this.telInputEl.style.anchorName = existing && existing !== "none" ? `${existing}, ${anchorName}` : anchorName;
@@ -4829,7 +4841,7 @@ var intlTelInput = Object.assign(
     attachUtils,
     startedLoadingUtils: false,
     startedLoadingAutoCountry: false,
-    version: "29.1.1",
+    version: "29.1.2",
     NUMBER_FORMAT,
     NUMBER_TYPE,
     VALIDATION_ERROR,
@@ -6357,7 +6369,7 @@ var _scope = {};
     CM: [, [, , "[26]\\d{8}|88\\d{6,7}", , , , , , , [8, 9]], [, , "2(?:22|33)\\d{6}", , , , "222123456", , , [9]], [
       ,
       ,
-      "(?:24[23]|6(?:[25-9]\\d|4[01]))\\d{6}",
+      "(?:24[23]|6(?:[25-9]\\d|4[0-2]))\\d{6}",
       ,
       ,
       ,
@@ -6898,37 +6910,15 @@ var _scope = {};
       ["[178]"],
       "0$1"
     ]], , [, , , , , , , , , [-1]], , , [, , , , , , , , , [-1]], [, , , , , , , , , [-1]], , , [, , , , , , , , , [-1]]],
-    ES: [
-      ,
-      [, , "[5-9]\\d{8}", , , , , , , [9]],
-      [, , "96906(?:0[0-8]|1[1-9]|[2-9]\\d)\\d\\d|9(?:69(?:0[0-57-9]|[1-9]\\d)|73(?:[0-8]\\d|9[1-9]))\\d{4}|(?:8(?:[1356]\\d|[28][0-8]|[47][1-9])|9(?:[135]\\d|[268][0-8]|4[1-9]|7[124-9]))\\d{6}", , , , "810123456"],
-      [, , "96906(?:09|10)\\d\\d|(?:590(?:10[0-2]|600)|97390\\d)\\d{3}|(?:6\\d|7[1-48])\\d{7}", , , , "612345678"],
-      [, , "[89]00\\d{6}", , , , "800123456"],
-      [, , "80[367]\\d{6}", , , , "803123456"],
-      [, , "90[12]\\d{6}", , , , "901123456"],
-      [, , "70\\d{7}", , , , "701234567"],
-      [, , , , , , , , , [-1]],
-      "ES",
-      34,
-      "00",
-      ,
+    ES: [, [, , "(?:400|[5-9]\\d\\d)\\d{6}", , , , , , , [9]], [, , "96906(?:0[0-8]|1[1-9]|[2-9]\\d)\\d\\d|9(?:69(?:0[0-57-9]|[1-9]\\d)|73(?:[0-8]\\d|9[1-9]))\\d{4}|(?:400|8(?:[1356]\\d|[28][0-8]|[47][1-9])|9(?:[135]\\d|[268][0-8]|4[1-9]|7[124-9]))\\d{6}", , , , "810123456"], [, , "96906(?:09|10)\\d\\d|(?:590(?:10[0-2]|600)|97390\\d)\\d{3}|(?:6\\d|7[1-48])\\d{7}", , , , "612345678"], [, , "[89]00\\d{6}", , , , "800123456"], [
       ,
       ,
+      "80[367]\\d{6}",
       ,
       ,
       ,
-      ,
-      [[, "(\\d{4})", "$1", ["905"]], [, "(\\d{6})", "$1", ["[79]9"]], [, "(\\d{3})(\\d{3})(\\d{3})", "$1 $2 $3", ["[89]00"]], [, "(\\d{3})(\\d{2})(\\d{2})(\\d{2})", "$1 $2 $3 $4", ["[5-9]"]]],
-      [[, "(\\d{3})(\\d{3})(\\d{3})", "$1 $2 $3", ["[89]00"]], [, "(\\d{3})(\\d{2})(\\d{2})(\\d{2})", "$1 $2 $3 $4", ["[5-9]"]]],
-      [, , , , , , , , , [-1]],
-      ,
-      ,
-      [, , , , , , , , , [-1]],
-      [, , "51\\d{7}", , , , "511234567"],
-      ,
-      ,
-      [, , , , , , , , , [-1]]
-    ],
+      "803123456"
+    ], [, , "90[12]\\d{6}", , , , "901123456"], [, , "70\\d{7}", , , , "701234567"], [, , , , , , , , , [-1]], "ES", 34, "00", , , , , , , , [[, "(\\d{4})", "$1", ["905"]], [, "(\\d{6})", "$1", ["[79]9"]], [, "(\\d{3})(\\d{3})(\\d{3})", "$1 $2 $3", ["[89]00"]], [, "(\\d{3})(\\d{2})(\\d{2})(\\d{2})", "$1 $2 $3 $4", ["[4-9]"]]], [[, "(\\d{3})(\\d{3})(\\d{3})", "$1 $2 $3", ["[89]00"]], [, "(\\d{3})(\\d{2})(\\d{2})(\\d{2})", "$1 $2 $3 $4", ["[4-9]"]]], [, , , , , , , , , [-1]], , , [, , , , , , , , , [-1]], [, , "51\\d{7}", , , , "511234567"], , , [, , , , , , , , , [-1]]],
     ET: [, [
       ,
       ,
@@ -7334,7 +7324,7 @@ var _scope = {};
       ,
       ,
       "2201234"
-    ], [, , "(?:51[01]|6\\d\\d|7(?:[0-5]\\d|6[0-79]|70))\\d{4}", , , , "6091234"], [, , "(?:289|8(?:00|6[28]|88|99))\\d{4}", , , , "2891234"], [, , "9008\\d{3}", , , , "9008123"], [, , , , , , , , , [-1]], [, , , , , , , , , [-1]], [, , "515\\d{4}", , , , "5151234"], "GY", 592, "001", , , , , , , , [[, "(\\d{3})(\\d{4})", "$1 $2", ["[2-9]"]]], , [, , , , , , , , , [-1]], , , [, , , , , , , , , [-1]], [, , , , , , , , , [-1]], , , [, , , , , , , , , [-1]]],
+    ], [, , "(?:51[01]|6\\d\\d|7(?:[0-5]\\d|6[0-79]|[78]0))\\d{4}", , , , "6091234"], [, , "(?:289|8(?:00|6[28]|88|99))\\d{4}", , , , "2891234"], [, , "9008\\d{3}", , , , "9008123"], [, , , , , , , , , [-1]], [, , , , , , , , , [-1]], [, , "515\\d{4}", , , , "5151234"], "GY", 592, "001", , , , , , , , [[, "(\\d{3})(\\d{4})", "$1 $2", ["[2-9]"]]], , [, , , , , , , , , [-1]], , , [, , , , , , , , , [-1]], [, , , , , , , , , [-1]], , , [, , , , , , , , , [-1]]],
     HK: [
       ,
       [, , "8[0-46-9]\\d{6,7}|9\\d{4,7}|(?:[2-7]|9\\d{3})\\d{7}", , , , , , , [5, 6, 7, 8, 9, 11]],
@@ -7391,7 +7381,7 @@ var _scope = {};
     HN: [, [, , "8\\d{10}|[237-9]\\d{7}", , , , , , , [8, 11]], [
       ,
       ,
-      "2(?:2(?:0[0-59]|1[1-9]|[23]\\d|4[02-7]|5[57]|6[245]|7[0135689]|8[01346-9]|9[0-2])|4(?:0[578]|2[3-59]|3[13-9]|4[0-68]|5[1-3589])|5(?:0[2357-9]|1[1-356]|4[03-5]|5\\d|6[014-69]|7[04]|80)|6(?:[056]\\d|17|2[067]|3[047]|4[0-378]|[78][0-8]|9[01])|7(?:0[5-79]|6[46-9]|7[02-9]|8[034]|91)|8(?:79|8[0-357-9]|9[1-57-9]))\\d{4}",
+      "2(?:2(?:0[0-59]|1[1-9]|[23]\\d|4[02-8]|5[57]|6[2458]|7[0135689]|8[01346-9]|9[0-2])|4(?:0[578]|2[3-59]|3[13-9]|4[0-68]|5[1-3589]|80)|5(?:0[2357-9]|1[1-6]|4[03-58]|5\\d|6[014-69]|7[04]|80)|6(?:[056]\\d|17|2[067]|3[047]|4[0-378]|[78][0-8]|9[01])|7(?:0[5-79]|2[01]|6[46-9]|7[02-9]|8[034]|91)|8(?:79|8[0-357-9]|9[1-57-9]))\\d{4}",
       ,
       ,
       ,
@@ -8707,7 +8697,7 @@ var _scope = {};
       ,
       [-1]
     ], , , [, , , , , , , , , [-1]]],
-    MZ: [, [, , "(?:2|8\\d)\\d{7}", , , , , , , [8, 9]], [, , "2(?:[1346]\\d|5[0-2]|[78][12]|93)\\d{5}", , , , "21123456", , , [8]], [, , "8[2-79]\\d{7}", , , , "821234567", , , [9]], [, , "800\\d{6}", , , , "800123456", , , [9]], [, , , , , , , , , [-1]], [, , , , , , , , , [-1]], [, , , , , , , , , [-1]], [, , , , , , , , , [-1]], "MZ", 258, "00", , , , , , , , [[, "(\\d{2})(\\d{3})(\\d{3,4})", "$1 $2 $3", ["2|8[2-79]"]], [, "(\\d{3})(\\d{3})(\\d{3})", "$1 $2 $3", ["8"]]], , [, , , , , , , , , [-1]], , , [, , , , , , , , , [-1]], [, , , , , , , , , [-1]], , , [, , , , , , , , , [-1]]],
+    MZ: [, [, , "(?:2|8\\d)\\d{7}", , , , , , , [8, 9]], [, , "2(?:[1346]\\d|5[0-2]|[78][12]|93)\\d{5}", , , , "21123456", , , [8]], [, , "8(?:[2-79]\\d|80)\\d{6}", , , , "821234567", , , [9]], [, , "800\\d{6}", , , , "800123456", , , [9]], [, , , , , , , , , [-1]], [, , , , , , , , , [-1]], [, , , , , , , , , [-1]], [, , , , , , , , , [-1]], "MZ", 258, "00", , , , , , , , [[, "(\\d{2})(\\d{3})(\\d{3,4})", "$1 $2 $3", ["2|8[2-9]"]], [, "(\\d{3})(\\d{3})(\\d{3})", "$1 $2 $3", ["8"]]], , [, , , , , , , , , [-1]], , , [, , , , , , , , , [-1]], [, , , , , , , , , [-1]], , , [, , , , , , , , , [-1]]],
     NA: [, [
       ,
       ,
@@ -9525,7 +9515,7 @@ var _scope = {};
       "$1 $2 $3",
       ["[346-9]"]
     ]], , [, , , , , , , , , [-1]], , , [, , , , , , , , , [-1]], [, , , , , , , , , [-1]], , , [, , , , , , , , , [-1]]],
-    SR: [, [, , "(?:[2-5]|[6-9]\\d)\\d{5}", , , , , , , [6, 7]], [, , "(?:2[1-3]|3[0-7]|4\\d|5[2-578])\\d{4}", , , , "211234", , , [6]], [, , "(?:6[08]|7[124-7]|8[1-9])\\d{5}", , , , "7412345", , , [7]], [, , "80\\d{5}", , , , "8012345", , , [7]], [, , "90\\d{5}", , , , "9012345", , , [7]], [, , , , , , , , , [-1]], [, , , , , , , , , [-1]], [, , "(?:56|91\\d)\\d{4}", , , , "561234"], "SR", 597, "00", , , , , , , , [
+    SR: [, [, , "(?:[2-5]|[6-9]\\d)\\d{5}", , , , , , , [6, 7]], [, , "(?:2[1-3]|3[0-7]|4\\d|5[2-578])\\d{4}", , , , "211234", , , [6]], [, , "(?:6[08]|7[1-7]|8[1-9])\\d{5}", , , , "7412345", , , [7]], [, , "80\\d{5}", , , , "8012345", , , [7]], [, , "90\\d{5}", , , , "9012345", , , [7]], [, , , , , , , , , [-1]], [, , , , , , , , , [-1]], [, , "(?:56|91\\d)\\d{4}", , , , "561234"], "SR", 597, "00", , , , , , , , [
       [, "(\\d{2})(\\d{2})(\\d{2})", "$1-$2-$3", ["56"]],
       [, "(\\d{3})(\\d{3})", "$1-$2", ["[2-5]"]],
       [, "(\\d{3})(\\d{4})", "$1-$2", ["[6-9]"]]
@@ -9692,10 +9682,10 @@ var _scope = {};
       ,
       [8]
     ], [, , "80\\d{5}", , , , "8012345", , , [7]], [, , "90\\d{5}", , , , "9012345", , , [7]], [, , , , , , , , , [-1]], [, , "70\\d{5}", , , , "7012345", , , [7]], [, , , , , , , , , [-1]], "TL", 670, "00", , , , , , , , [[, "(\\d{3})(\\d{4})", "$1 $2", ["[2-489]|70"]], [, "(\\d{4})(\\d{4})", "$1 $2", ["7"]]], , [, , , , , , , , , [-1]], , , [, , , , , , , , , [-1]], [, , , , , , , , , [-1]], , , [, , , , , , , , , [-1]]],
-    TM: [, [, , "(?:[1-6]\\d|71)\\d{6}", , , , , , , [8]], [, , "(?:1(?:2\\d|3[1-9])|2(?:22|4[0-35-8])|3(?:22|4[03-9])|4(?:22|3[128]|4\\d|6[15])|5(?:22|5[7-9]|6[014-689]))\\d{5}", , , , "12345678"], [
+    TM: [, [, , "[1-7]\\d{7}", , , , , , , [8]], [, , "(?:1(?:2\\d|3[1-9])|2(?:22|4[0-35-8])|3(?:22|4[03-9])|4(?:22|3[128]|4\\d|6[15])|5(?:22|5[7-9]|6[014-689]))\\d{5}", , , , "12345678"], [
       ,
       ,
-      "(?:6\\d|71)\\d{6}",
+      "(?:6\\d|7[12])\\d{6}",
       ,
       ,
       ,
@@ -9787,48 +9777,22 @@ var _scope = {};
       ["83"],
       "0$1"
     ], [, "(\\d{2})(\\d{2})(\\d{4})", "$1 $2 $3", ["82"], "0$1"], [, "(\\d{2})(\\d{3})(\\d{3,4})", "$1 $2 $3", ["[25]0|37|49|8[09]"], "0$1"], [, "(\\d)(\\d{3,4})(\\d{4})", "$1 $2 $3", ["[23568]|4(?:0[02-48]|[1-478])|7[1-9]", "[23568]|4(?:0[2-48]|[1-478])|(?:400|7)[1-9]"], "0$1"], [, "(\\d{3})(\\d{3})(\\d{3})", "$1 $2 $3", ["[49]"], "0$1"], [, "(\\d{2})(\\d{4})(\\d{4,5})", "$1 $2 $3", ["7"], "0$1"]], , [, , , , , , , , , [-1]], , , [, , , , , , , , , [-1]], [, , "50[0-46-9]\\d{6}", , , , "500123456", , , [9]], , , [, , , , , , , , , [-1]]],
-    TZ: [
-      ,
-      [
-        ,
-        ,
-        "(?:[25-8]\\d|41|90)\\d{7}",
-        ,
-        ,
-        ,
-        ,
-        ,
-        ,
-        [9]
-      ],
-      [, , "2[2-8]\\d{7}", , , , "222345678"],
-      [, , "(?:6[1-35-9]|7[013-9])\\d{7}", , , , "621234567"],
-      [, , "80[08]\\d{6}", , , , "800123456"],
-      [, , "90\\d{7}", , , , "900123456"],
-      [, , "8(?:40|6[01])\\d{6}", , , , "840123456"],
-      [, , , , , , , , , [-1]],
-      [, , "41\\d{7}", , , , "412345678"],
-      "TZ",
-      255,
-      "00[056]",
-      "0",
+    TZ: [, [
       ,
       ,
-      "0",
+      "(?:[25-8]\\d|41|90)\\d{7}",
       ,
       ,
       ,
-      [[, "(\\d{3})(\\d{2})(\\d{4})", "$1 $2 $3", ["[89]"], "0$1"], [, "(\\d{2})(\\d{3})(\\d{4})", "$1 $2 $3", ["[24]"], "0$1"], [, "(\\d{2})(\\d{7})", "$1 $2", ["5"]], [, "(\\d{3})(\\d{3})(\\d{3})", "$1 $2 $3", ["[67]"], "0$1"]],
       ,
-      [, , , , , , , , , [-1]],
       ,
       ,
-      [, , "(?:8(?:[04]0|6[01])|90\\d)\\d{6}"],
-      [, , , , , , , , , [-1]],
+      [9]
+    ], [, , "2[2-8]\\d{7}", , , , "222345678"], [, , "(?:6[1-35-9]|7\\d)\\d{7}", , , , "621234567"], [, , "80[08]\\d{6}", , , , "800123456"], [, , "90\\d{7}", , , , "900123456"], [, , "8(?:40|6[01])\\d{6}", , , , "840123456"], [, , , , , , , , , [-1]], [, , "41\\d{7}", , , , "412345678"], "TZ", 255, "00[056]", "0", , , "0", , , , [[, "(\\d{3})(\\d{2})(\\d{4})", "$1 $2 $3", ["[89]"], "0$1"], [, "(\\d{2})(\\d{3})(\\d{4})", "$1 $2 $3", ["[24]"], "0$1"], [, "(\\d{2})(\\d{7})", "$1 $2", ["5"]], [, "(\\d{3})(\\d{3})(\\d{3})", "$1 $2 $3", ["[67]"], "0$1"]], , [, , , , , , , , , [-1]], , , [
       ,
       ,
-      [, , , , , , , , , [-1]]
-    ],
+      "(?:8(?:[04]0|6[01])|90\\d)\\d{6}"
+    ], [, , , , , , , , , [-1]], , , [, , , , , , , , , [-1]]],
     UA: [
       ,
       [, , "[89]\\d{9}|[3-9]\\d{8}", , , , , , , [9, 10], [5, 6, 7]],
@@ -9900,7 +9864,7 @@ var _scope = {};
     US: [, [, , "[2-9]\\d{9}|3\\d{6}", , , , , , , [10], [7]], [
       ,
       ,
-      "(?:274[27]|(?:472|983)[2-47-9])\\d{6}|(?:2(?:0[1-35-9]|1[02-9]|2[03-57-9]|3[1459]|4[08]|5[1-46]|6[0279]|7[0269]|8[13])|3(?:0[1-57-9]|1[02-9]|2[013-79]|3[0-24679]|4[167]|5[0-3]|6[01349]|8[056])|4(?:0[124-9]|1[02-579]|2[3-5]|3[0245]|4[023578]|58|6[349]|7[0589]|8[04])|5(?:0[1-57-9]|1[0235-8]|20|3[0149]|4[01]|5[179]|6[1-47]|7[0-5]|8[0256])|6(?:0[1-35-9]|1[024-9]|2[03689]|3[016]|4[0156]|5[01679]|6[0-279]|78|8[0-269])|7(?:0[1-46-8]|1[2-9]|2[04-8]|3[0-2478]|4[0378]|5[47]|6[02359]|7[0-59]|8[156])|8(?:0[1-68]|1[02-8]|2[0168]|3[0-2589]|4[03578]|5[046-9]|6[02-5]|7[028])|9(?:0[1346-9]|1[02-9]|2[0589]|3[0146-8]|4[01357-9]|5[12469]|7[0-3589]|8[04-69]))[2-9]\\d{6}",
+      "(?:472[2-47-9]|983[2-57-9])\\d{6}|(?:2(?:0[1-35-9]|1[02-9]|2[03-57-9]|3[1459]|4[08]|5[1-46]|6[0279]|7[02469]|8[13])|3(?:0[1-57-9]|1[02-9]|2[013-79]|3[0-24679]|4[167]|5[0-3]|6[01349]|8[056])|4(?:0[124-9]|1[02-579]|2[3-5]|3[0245]|4[023578]|58|6[349]|7[0589]|8[04])|5(?:0[1-57-9]|1[0235-8]|20|3[0149]|4[01]|5[179]|6[1-47]|7[0-5]|8[0256])|6(?:0[1-35-9]|1[024-9]|2[03689]|3[016]|4[0156]|5[01679]|6[0-279]|78|8[0-269])|7(?:0[1-46-8]|1[2-9]|2[04-8]|3[0-2478]|4[0378]|5[47]|6[02359]|7[0-59]|8[156])|8(?:0[1-68]|1[02-8]|2[0168]|3[0-2589]|4[03578]|5[046-9]|6[02-5]|7[028])|9(?:0[1346-9]|1[02-9]|2[0589]|3[0146-8]|4[01357-9]|5[12469]|7[0-3589]|8[04-69]))[2-9]\\d{6}",
       ,
       ,
       ,
@@ -9912,7 +9876,7 @@ var _scope = {};
     ], [
       ,
       ,
-      "(?:274[27]|(?:472|983)[2-47-9])\\d{6}|(?:2(?:0[1-35-9]|1[02-9]|2[03-57-9]|3[1459]|4[08]|5[1-46]|6[0279]|7[0269]|8[13])|3(?:0[1-57-9]|1[02-9]|2[013-79]|3[0-24679]|4[167]|5[0-3]|6[01349]|8[056])|4(?:0[124-9]|1[02-579]|2[3-5]|3[0245]|4[023578]|58|6[349]|7[0589]|8[04])|5(?:0[1-57-9]|1[0235-8]|20|3[0149]|4[01]|5[179]|6[1-47]|7[0-5]|8[0256])|6(?:0[1-35-9]|1[024-9]|2[03689]|3[016]|4[0156]|5[01679]|6[0-279]|78|8[0-269])|7(?:0[1-46-8]|1[2-9]|2[04-8]|3[0-2478]|4[0378]|5[47]|6[02359]|7[0-59]|8[156])|8(?:0[1-68]|1[02-8]|2[0168]|3[0-2589]|4[03578]|5[046-9]|6[02-5]|7[028])|9(?:0[1346-9]|1[02-9]|2[0589]|3[0146-8]|4[01357-9]|5[12469]|7[0-3589]|8[04-69]))[2-9]\\d{6}",
+      "(?:472[2-47-9]|983[2-57-9])\\d{6}|(?:2(?:0[1-35-9]|1[02-9]|2[03-57-9]|3[1459]|4[08]|5[1-46]|6[0279]|7[02469]|8[13])|3(?:0[1-57-9]|1[02-9]|2[013-79]|3[0-24679]|4[167]|5[0-3]|6[01349]|8[056])|4(?:0[124-9]|1[02-579]|2[3-5]|3[0245]|4[023578]|58|6[349]|7[0589]|8[04])|5(?:0[1-57-9]|1[0235-8]|20|3[0149]|4[01]|5[179]|6[1-47]|7[0-5]|8[0256])|6(?:0[1-35-9]|1[024-9]|2[03689]|3[016]|4[0156]|5[01679]|6[0-279]|78|8[0-269])|7(?:0[1-46-8]|1[2-9]|2[04-8]|3[0-2478]|4[0378]|5[47]|6[02359]|7[0-59]|8[156])|8(?:0[1-68]|1[02-8]|2[0168]|3[0-2589]|4[03578]|5[046-9]|6[02-5]|7[028])|9(?:0[1346-9]|1[02-9]|2[0589]|3[0146-8]|4[01357-9]|5[12469]|7[0-3589]|8[04-69]))[2-9]\\d{6}",
       ,
       ,
       ,
@@ -9950,7 +9914,7 @@ var _scope = {};
       ,
       [-1]
     ], , , [, , , , , , , , , [-1]], [, , "21\\d{2,3}", , , , "21123", , , [4, 5]], , , [, , , , , , , , , [-1]]],
-    UZ: [, [, , "(?:20|33|[5-9]\\d)\\d{7}", , , , , , , [9]], [, , "(?:55\\d\\d|6(?:1(?:22|3[124]|4[1-4]|5[1-3578]|64)|2(?:22|3[0-57-9]|41)|5(?:22|3[3-7]|5[024-8])|[69]\\d\\d|7(?:[23]\\d|7[69]))|7(?:0(?:5[4-9]|6[0146]|7[124-6]|9[135-8])|[168]\\d\\d|2(?:22|3[13-57-9]|4[1-3579]|5[14])|3(?:2\\d|3[1578]|4[1-35-7]|5[1-57]|61)|4(?:2\\d|3[1-579]|7[1-79])|5(?:22|5[1-9]|6[1457])|9(?:22|5[1-9])))\\d{5}", , , , "669050123"], [
+    UZ: [, [, , "(?:20|33|[5-9]\\d)\\d{7}", , , , , , , [9]], [, , "(?:55\\d\\d|6(?:1(?:22|3[124]|4[1-4]|5[1-3578]|64)|2(?:22|3[0-57-9]|41)|5(?:22|3[3-7]|5[024-8])|[69]\\d\\d|7(?:[23]\\d|7[69]))|7(?:[168]\\d\\d|2(?:22|3[13-57-9]|4[1-3579]|5[14])|3(?:2\\d|3[1578]|4[1-35-7]|5[1-57]|61)|4(?:2\\d|3[1-579]|7[1-79])|5(?:22|5[1-9]|6[1457])|9(?:22|5[1-9])))\\d{5}", , , , "669050123"], [
       ,
       ,
       "(?:(?:[25]0|33|8[078]|9[0-57-9])\\d{3}|6(?:1(?:2(?:2[01]|98)|35[0-4]|50\\d|61[23]|7(?:[01][017]|4\\d|55|9[5-9]))|2(?:(?:11|7\\d)\\d|2(?:[12]1|9[01379])|5(?:[126]\\d|3[0-4]))|5(?:19[01]|2(?:27|9[26])|(?:30|59|7\\d)\\d)|6(?:2(?:1[5-9]|2[0367]|38|41|52|60)|(?:3[79]|9[0-3])\\d|4(?:56|83)|7(?:[07]\\d|1[017]|3[07]|4[047]|5[057]|67|8[0178]|9[79]))|7(?:2(?:24|3[237]|4[5-9]|7[15-8])|5(?:7[12]|8[0589])|7(?:0\\d|[39][07])|9(?:0\\d|7[079])))|7(?:[07]\\d{3}|2(?:2(?:2[79]|95)|3(?:2[5-9]|6[0-6])|57\\d|7(?:0\\d|1[17]|2[27]|3[37]|44|5[057]|66|88))|3(?:2(?:1[0-6]|21|3[469]|7[159])|(?:33|9[4-6])\\d|5(?:0[0-4]|5[579]|9\\d)|7(?:[0-3579]\\d|4[0467]|6[67]|8[078]))|4(?:2(?:29|5[0257]|6[0-7]|7[1-57])|5(?:1[0-4]|8\\d|9[5-9])|7(?:0\\d|1[024589]|2[0-27]|3[0137]|[46][07]|5[01]|7[5-9]|9[079])|9(?:7[015-9]|[89]\\d))|5(?:112|2(?:0\\d|2[29]|[49]4)|3[1568]\\d|52[6-9]|7(?:0[01578]|1[017]|[23]7|4[047]|[5-7]\\d|8[78]|9[079]))|9(?:22[128]|3(?:2[0-4]|7\\d)|57[02569]|7(?:2[05-9]|3[37]|4\\d|60|7[2579]|87|9[07]))))\\d{4}",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@intl-tel-input/react",
-  "version": "29.1.1",
+  "version": "29.1.2",
   "description": "A React component for intl-tel-input, for entering, formatting, and validating international telephone numbers",
   "type": "module",
   "license": "MIT",
@@ -34,7 +34,7 @@
     "README.md"
   ],
   "dependencies": {
-    "intl-tel-input": "^29.1.1"
+    "intl-tel-input": "^29.1.2"
   },
   "peerDependencies": {
     "react": ">=18",