@konstructio/ui 0.1.2-alpha.101 → 0.1.2-alpha.104

package/dist/FlagSelectorList-CkTR3j6O.js

@@ -0,0 +1,856 @@
+import { t as N } from "./utils-Cx-WzRZF.js";
+import { Typography as W } from "./components/Typography/Typography.js";
+import { usePhoneNumberContext as K } from "./components/PhoneNumberInput/contexts/phone-number.hook.js";
+import { TruncateText as $ } from "./components/PhoneNumberInput/components/TruncateText/TruncateText.js";
+import * as M from "react";
+import { useEffect as B, useMemo as H, useRef as J } from "react";
+import { flushSync as q } from "react-dom";
+import { jsx as x, jsxs as U } from "react/jsx-runtime";
+function G(l, t, e) {
+  const s = new Array(l);
+  return new Proxy(s, { get(i, n, o) {
+    if (typeof n == "string") {
+      const h = n.charCodeAt(0);
+      if (h >= 48 && h <= 57) {
+        const a = +n;
+        if (Number.isInteger(a) && a >= 0 && a < l) {
+          let d = i[a];
+          if (!d) {
+            const c = t[a * 2];
+            d = i[a] = {
+              index: a,
+              key: e(a),
+              start: c,
+              size: t[a * 2 + 1],
+              end: c + t[a * 2 + 1],
+              lane: 0
+            };
+          }
+          return d;
+        }
+      }
+      if (n === "length") return l;
+    }
+    return Reflect.get(i, n, o);
+  } });
+}
+function I(l, t, e) {
+  let s = e.initialDeps ?? [], i, n = !0;
+  function o() {
+    var h;
+    const a = process.env.NODE_ENV !== "production" && !!e.key && !!((h = e.debug) != null && h.call(e));
+    let d = 0;
+    a && (d = Date.now());
+    const c = l();
+    if (!(c.length !== s.length || c.some((f, m) => s[m] !== f))) return i;
+    s = c;
+    let r = 0;
+    if (a && (r = Date.now()), i = t(...c), a) {
+      const f = Math.round((Date.now() - d) * 100) / 100, m = Math.round((Date.now() - r) * 100) / 100, S = m / 16, p = (u, g) => {
+        for (u = String(u); u.length < g; ) u = " " + u;
+        return u;
+      };
+      console.info(`%c⏱ ${p(m, 5)} /${p(f, 5)} ms`, `
+            font-size: .6rem;
+            font-weight: bold;
+            color: hsl(${Math.max(0, Math.min(120 - 120 * S, 120))}deg 100% 31%);`, e?.key);
+    }
+    return e?.onChange && !(n && e.skipInitialOnChange) && e.onChange(i), n = !1, i;
+  }
+  return o.updateDeps = (h) => {
+    s = h;
+  }, o;
+}
+function L(l, t) {
+  if (l === void 0) throw new Error(`Unexpected undefined${t ? `: ${t}` : ""}`);
+  return l;
+}
+var Q = (l, t) => Math.abs(l - t) < 1.01, X = (l, t, e) => {
+  let s;
+  return function(...i) {
+    l.clearTimeout(s), s = l.setTimeout(() => t.apply(this, i), e);
+  };
+}, T, D = () => {
+  if (T !== void 0) return T;
+  if (typeof navigator > "u") return T = !1;
+  if (/iP(hone|od|ad)/.test(navigator.userAgent)) return T = !0;
+  const l = navigator.maxTouchPoints;
+  return T = navigator.platform === "MacIntel" && l !== void 0 && l > 0;
+}, V = (l) => {
+  const { offsetWidth: t, offsetHeight: e } = l;
+  return {
+    width: t,
+    height: e
+  };
+}, Y = (l) => l, Z = (l) => {
+  const t = Math.max(l.startIndex - l.overscan, 0), e = Math.min(l.endIndex + l.overscan, l.count - 1) - t + 1, s = new Array(e);
+  for (let i = 0; i < e; i++) s[i] = t + i;
+  return s;
+}, tt = (l, t) => {
+  const e = l.scrollElement;
+  if (!e) return;
+  const s = l.targetWindow;
+  if (!s) return;
+  const i = (o) => {
+    const { width: h, height: a } = o;
+    t({
+      width: Math.round(h),
+      height: Math.round(a)
+    });
+  };
+  if (i(V(e)), !s.ResizeObserver) return () => {
+  };
+  const n = new s.ResizeObserver((o) => {
+    const h = () => {
+      const a = o[0];
+      if (a?.borderBoxSize) {
+        const d = a.borderBoxSize[0];
+        if (d) {
+          i({
+            width: d.inlineSize,
+            height: d.blockSize
+          });
+          return;
+        }
+      }
+      i(V(e));
+    };
+    l.options.useAnimationFrameWithResizeObserver ? requestAnimationFrame(h) : h();
+  });
+  return n.observe(e, { box: "border-box" }), () => {
+    n.unobserve(e);
+  };
+}, C = { passive: !0 }, et = typeof window > "u" ? !0 : "onscrollend" in window, st = (l, t, e) => {
+  const s = l.scrollElement;
+  if (!s) return;
+  const i = l.targetWindow;
+  if (!i) return;
+  const n = l.options.useScrollendEvent && et;
+  let o = 0;
+  const h = n ? null : X(i, () => t(o, !1), l.options.isScrollingResetDelay), a = (r) => () => {
+    o = e(s), h?.(), t(o, r);
+  }, d = a(!0), c = a(!1);
+  return s.addEventListener("scroll", d, C), n && s.addEventListener("scrollend", c, C), () => {
+    s.removeEventListener("scroll", d), n && s.removeEventListener("scrollend", c);
+  };
+}, it = (l, t) => st(l, t, (e) => {
+  const { horizontal: s, isRtl: i } = l.options;
+  return s ? e.scrollLeft * (i && -1 || 1) : e.scrollTop;
+}), nt = (l, t, e) => {
+  if (e.options.useCachedMeasurements) {
+    const s = e.indexFromElement(l), i = e.options.getItemKey(s);
+    return e.itemSizeCache.get(i) ?? e.options.estimateSize(s);
+  }
+  if (t?.borderBoxSize) {
+    const s = t.borderBoxSize[0];
+    if (s) return Math.round(s[e.options.horizontal ? "inlineSize" : "blockSize"]);
+  }
+  if (!t) {
+    const s = e.indexFromElement(l), i = e.options.getItemKey(s), n = e.itemSizeCache.get(i);
+    if (n !== void 0) return n;
+  }
+  return l[e.options.horizontal ? "offsetWidth" : "offsetHeight"];
+}, ot = (l, { adjustments: t = 0, behavior: e }, s) => {
+  var i, n;
+  (n = (i = s.scrollElement) == null ? void 0 : i.scrollTo) == null || n.call(i, {
+    [s.options.horizontal ? "left" : "top"]: l + t,
+    behavior: e
+  });
+}, lt = ot, rt = class {
+  constructor(l) {
+    this.unsubs = [], this.scrollElement = null, this.targetWindow = null, this.isScrolling = !1, this.scrollState = null, this.measurementsCache = [], this._flatMeasurements = null, this.itemSizeCache = /* @__PURE__ */ new Map(), this.itemSizeCacheVersion = 0, this.laneAssignments = /* @__PURE__ */ new Map(), this.pendingMin = null, this.prevLanes = void 0, this.lanesChangedFlag = !1, this.lanesSettling = !1, this.pendingScrollAnchor = null, this.scrollRect = null, this.scrollOffset = null, this.scrollDirection = null, this.scrollAdjustments = 0, this._iosDeferredAdjustment = 0, this._iosTouching = !1, this._iosJustTouchEnded = !1, this._iosTouchEndTimerId = null, this._intendedScrollOffset = null, this.elementsCache = /* @__PURE__ */ new Map(), this.now = () => {
+      var t, e, s;
+      return ((s = (e = (t = this.targetWindow) == null ? void 0 : t.performance) == null ? void 0 : e.now) == null ? void 0 : s.call(e)) ?? Date.now();
+    }, this.observer = /* @__PURE__ */ (() => {
+      let t = null;
+      const e = () => t || (!this.targetWindow || !this.targetWindow.ResizeObserver ? null : t = new this.targetWindow.ResizeObserver((s) => {
+        s.forEach((i) => {
+          const n = () => {
+            const o = i.target, h = this.indexFromElement(o);
+            if (!o.isConnected) {
+              this.observer.unobserve(o);
+              for (const [a, d] of this.elementsCache) if (d === o) {
+                this.elementsCache.delete(a);
+                break;
+              }
+              return;
+            }
+            this.shouldMeasureDuringScroll(h) && this.resizeItem(h, this.options.measureElement(o, i, this));
+          };
+          this.options.useAnimationFrameWithResizeObserver ? requestAnimationFrame(n) : n();
+        });
+      }));
+      return {
+        disconnect: () => {
+          var s;
+          (s = e()) == null || s.disconnect(), t = null;
+        },
+        observe: (s) => {
+          var i;
+          return (i = e()) == null ? void 0 : i.observe(s, { box: "border-box" });
+        },
+        unobserve: (s) => {
+          var i;
+          return (i = e()) == null ? void 0 : i.unobserve(s);
+        }
+      };
+    })(), this.range = null, this.setOptions = (t) => {
+      var e, s;
+      const i = {
+        debug: !1,
+        initialOffset: 0,
+        overscan: 1,
+        paddingStart: 0,
+        paddingEnd: 0,
+        scrollPaddingStart: 0,
+        scrollPaddingEnd: 0,
+        horizontal: !1,
+        getItemKey: Y,
+        rangeExtractor: Z,
+        onChange: () => {
+        },
+        measureElement: nt,
+        initialRect: {
+          width: 0,
+          height: 0
+        },
+        scrollMargin: 0,
+        gap: 0,
+        indexAttribute: "data-index",
+        initialMeasurementsCache: [],
+        lanes: 1,
+        anchorTo: "start",
+        followOnAppend: !1,
+        scrollEndThreshold: 1,
+        isScrollingResetDelay: 150,
+        enabled: !0,
+        isRtl: !1,
+        useScrollendEvent: !1,
+        useAnimationFrameWithResizeObserver: !1,
+        laneAssignmentMode: "estimate",
+        useCachedMeasurements: !1
+      };
+      for (const r in t) {
+        const f = t[r];
+        f !== void 0 && (i[r] = f);
+      }
+      const n = this.options;
+      let o = null, h = null, a = !1;
+      if (n !== void 0 && n.enabled && i.enabled && i.anchorTo === "end" && this.scrollElement !== null) {
+        const r = n.count, f = i.count, m = this.getMeasurements(), S = r > 0 ? ((e = m[0]) == null ? void 0 : e.key) ?? n.getItemKey(0) : null, p = r > 0 ? ((s = m[r - 1]) == null ? void 0 : s.key) ?? n.getItemKey(r - 1) : null;
+        if (f !== r || r > 0 && f > 0 && (i.getItemKey(0) !== S || i.getItemKey(f - 1) !== p)) {
+          a = !0;
+          const u = r > 0 ? this.getVirtualItemForOffset(this.getScrollOffset()) ?? m[0] : null;
+          u && (o = [u.key, this.getScrollOffset() - u.start]);
+          const g = i.followOnAppend === !0 ? "auto" : i.followOnAppend || null;
+          g && f > r && this.isAtEnd(n.scrollEndThreshold) && (r === 0 || i.getItemKey(f - 1) !== p) && (h = g);
+        }
+      }
+      this.options = i, a && (this.pendingMin = 0, this.itemSizeCacheVersion++);
+      let d = !1, c = 0;
+      if (o && this.scrollOffset !== null) {
+        const [r, f] = o, m = this.getMeasurements(), { count: S, getItemKey: p } = this.options;
+        let u = 0;
+        for (; u < S && p(u) !== r; ) u++;
+        if (u < S) {
+          const g = m[u];
+          if (g) {
+            const E = Math.max(0, g.start + f);
+            E !== this.scrollOffset && (c = E - this.scrollOffset, this.scrollOffset = E, d = !0);
+          }
+        }
+      }
+      (d || h) && (this.pendingScrollAnchor = [
+        d ? o[0] : null,
+        d ? o[1] : 0,
+        h,
+        c
+      ]);
+    }, this.notify = (t) => {
+      var e, s;
+      (s = (e = this.options).onChange) == null || s.call(e, this, t);
+    }, this.maybeNotify = I(() => (this.calculateRange(), [
+      this.isScrolling,
+      this.range ? this.range.startIndex : null,
+      this.range ? this.range.endIndex : null
+    ]), (t) => {
+      this.notify(t);
+    }, {
+      key: process.env.NODE_ENV !== "production" && "maybeNotify",
+      debug: () => this.options.debug,
+      initialDeps: [
+        this.isScrolling,
+        this.range ? this.range.startIndex : null,
+        this.range ? this.range.endIndex : null
+      ]
+    }), this.cleanup = () => {
+      this.unsubs.filter(Boolean).forEach((t) => t()), this.unsubs = [], this.observer.disconnect(), this.rafId != null && this.targetWindow && (this.targetWindow.cancelAnimationFrame(this.rafId), this.rafId = null), this.scrollState = null, this._iosDeferredAdjustment = 0, this._iosTouching = !1, this._iosJustTouchEnded = !1, this.scrollElement = null, this.targetWindow = null;
+    }, this._didMount = () => () => {
+      this.cleanup();
+    }, this._willUpdate = () => {
+      var t;
+      const e = this.options.enabled ? this.options.getScrollElement() : null;
+      if (this.scrollElement !== e) {
+        if (this.cleanup(), !e) {
+          this.maybeNotify();
+          return;
+        }
+        if (this.scrollElement = e, this.scrollElement && "ownerDocument" in this.scrollElement ? this.targetWindow = this.scrollElement.ownerDocument.defaultView : this.targetWindow = ((t = this.scrollElement) == null ? void 0 : t.window) ?? null, this.elementsCache.forEach((i) => {
+          this.observer.observe(i);
+        }), this.unsubs.push(this.options.observeElementRect(this, (i) => {
+          this.scrollRect = i, this.maybeNotify();
+        })), this.unsubs.push(this.options.observeElementOffset(this, (i, n) => {
+          if (n && this._intendedScrollOffset === null && i === this.scrollOffset) return;
+          this._intendedScrollOffset !== null && Math.abs(i - this._intendedScrollOffset) < 1.5 && (i = this._intendedScrollOffset), this._intendedScrollOffset = null, this.scrollAdjustments = 0;
+          const o = this.getScrollOffset();
+          this.scrollDirection = n ? o === i ? this.scrollDirection : o < i ? "forward" : "backward" : null, this.scrollOffset = i, this.isScrolling = n, this._flushIosDeferredIfReady(), this.scrollState && this.scheduleScrollReconcile(), this.maybeNotify();
+        })), "addEventListener" in this.scrollElement) {
+          const i = this.scrollElement, n = () => {
+            this._iosTouching = !0, this._iosJustTouchEnded = !1, this._iosTouchEndTimerId !== null && this.targetWindow != null && (this.targetWindow.clearTimeout(this._iosTouchEndTimerId), this._iosTouchEndTimerId = null);
+          }, o = () => {
+            this._iosTouching = !1, !(!D() || this.targetWindow == null) && (this._iosJustTouchEnded = !0, this._iosTouchEndTimerId = this.targetWindow.setTimeout(() => {
+              this._iosJustTouchEnded = !1, this._iosTouchEndTimerId = null, this._flushIosDeferredIfReady();
+            }, 150));
+          };
+          i.addEventListener("touchstart", n, C), i.addEventListener("touchend", o, C), this.unsubs.push(() => {
+            i.removeEventListener("touchstart", n), i.removeEventListener("touchend", o), this._iosTouchEndTimerId !== null && this.targetWindow != null && (this.targetWindow.clearTimeout(this._iosTouchEndTimerId), this._iosTouchEndTimerId = null);
+          });
+        }
+        this._scrollToOffset(this.getScrollOffset(), {
+          adjustments: void 0,
+          behavior: void 0
+        });
+      }
+      const s = this.pendingScrollAnchor;
+      if (this.pendingScrollAnchor = null, s && this.scrollElement && this.options.enabled) {
+        const [i, n, o, h] = s;
+        i !== null && !o && (D() && (this.isScrolling || this._iosTouching || this._iosJustTouchEnded) ? h !== 0 && (this._iosDeferredAdjustment += h) : this._scrollToOffset(this.getScrollOffset(), {
+          adjustments: void 0,
+          behavior: void 0
+        })), o && this.scrollToEnd({ behavior: o });
+      }
+    }, this._flushIosDeferredIfReady = () => {
+      if (this._iosDeferredAdjustment === 0 || this.isScrolling || this._iosTouching || this._iosJustTouchEnded) return;
+      const t = this.getScrollOffset(), e = this.getMaxScrollOffset();
+      if (t < 0 || t > e) return;
+      if (this._iosDeferredAdjustment < 0 && t >= e - 1) {
+        this._iosDeferredAdjustment = 0;
+        return;
+      }
+      const s = this._iosDeferredAdjustment;
+      this._iosDeferredAdjustment = 0, this._scrollToOffset(t, {
+        adjustments: this.scrollAdjustments += s,
+        behavior: void 0
+      });
+    }, this.rafId = null, this.getSize = () => this.options.enabled ? (this.scrollRect = this.scrollRect ?? this.options.initialRect, this.scrollRect[this.options.horizontal ? "width" : "height"]) : (this.scrollRect = null, 0), this.getScrollOffset = () => this.options.enabled ? (this.scrollOffset = this.scrollOffset ?? (typeof this.options.initialOffset == "function" ? this.options.initialOffset() : this.options.initialOffset), this.scrollOffset) : (this.scrollOffset = null, 0), this.getMeasurementOptions = I(() => [
+      this.options.count,
+      this.options.paddingStart,
+      this.options.scrollMargin,
+      this.options.getItemKey,
+      this.options.enabled,
+      this.options.lanes,
+      this.options.laneAssignmentMode,
+      this.options.gap
+    ], (t, e, s, i, n, o, h, a) => (this.prevLanes !== void 0 && this.prevLanes !== o && (this.lanesChangedFlag = !0), this.prevLanes = o, this.pendingMin = null, {
+      count: t,
+      paddingStart: e,
+      scrollMargin: s,
+      getItemKey: i,
+      enabled: n,
+      lanes: o,
+      laneAssignmentMode: h,
+      gap: a
+    }), { key: !1 }), this.getMeasurements = I(() => [this.getMeasurementOptions(), this.itemSizeCacheVersion], ({ count: t, paddingStart: e, scrollMargin: s, getItemKey: i, enabled: n, lanes: o, laneAssignmentMode: h, gap: a }, d) => {
+      const c = this.itemSizeCache;
+      if (!n)
+        return this.measurementsCache = [], this.itemSizeCache.clear(), this.laneAssignments.clear(), [];
+      if (this.laneAssignments.size > t)
+        for (const u of this.laneAssignments.keys()) u >= t && this.laneAssignments.delete(u);
+      this.lanesChangedFlag && (this.lanesChangedFlag = !1, this.lanesSettling = !0, this.measurementsCache = [], this.itemSizeCache.clear(), this.laneAssignments.clear(), this.pendingMin = null), this.measurementsCache.length === 0 && !this.lanesSettling && (this.measurementsCache = this.options.initialMeasurementsCache, this.measurementsCache.forEach((u) => {
+        this.itemSizeCache.set(u.key, u.size);
+      }));
+      const r = this.lanesSettling ? 0 : this.pendingMin ?? 0;
+      if (this.pendingMin = null, this.lanesSettling && this.measurementsCache.length === t && (this.lanesSettling = !1), o === 1) {
+        const u = t * 2;
+        let g = this._flatMeasurements;
+        if (!g || g.length < u) {
+          const b = new Float64Array(u);
+          g && r > 0 && b.set(g.subarray(0, r * 2)), g = b, this._flatMeasurements = g;
+        }
+        let E;
+        if (r === 0) E = e + s;
+        else {
+          const b = r - 1;
+          E = g[b * 2] + g[b * 2 + 1] + a;
+        }
+        for (let b = r; b < t; b++) {
+          const A = i(b), z = c.get(A), w = typeof z == "number" ? z : this.options.estimateSize(b);
+          g[b * 2] = E, g[b * 2 + 1] = w, E += w + a;
+        }
+        const v = G(t, g, i);
+        return this.measurementsCache = v, v;
+      }
+      const f = this.measurementsCache.slice(0, r), m = new Array(o).fill(void 0), S = new Float64Array(o);
+      let p = 0;
+      for (let u = 0; u < r; u++) {
+        const g = f[u];
+        g && (m[g.lane] === void 0 && p++, m[g.lane] = u, S[g.lane] = g.end);
+      }
+      for (let u = r; u < t; u++) {
+        const g = i(u), E = this.laneAssignments.get(u);
+        let v, b;
+        const A = h === "estimate" || c.has(g);
+        if (E !== void 0 && this.options.lanes > 1) {
+          v = E;
+          const _ = m[v], y = _ !== void 0 ? f[_] : void 0;
+          b = y ? y.end + a : e + s;
+        } else if (p === o) {
+          let _ = 0, y = S[0], j = m[0];
+          for (let O = 1; O < o; O++) {
+            const R = S[O];
+            (R < y || R === y && m[O] < j) && (_ = O, y = R, j = m[O]);
+          }
+          v = _, b = y + a, A && this.laneAssignments.set(u, v);
+        } else
+          v = u % this.options.lanes, b = e + s, A && this.laneAssignments.set(u, v);
+        const z = c.get(g), w = typeof z == "number" ? z : this.options.estimateSize(u), k = b + w;
+        f[u] = {
+          index: u,
+          start: b,
+          size: w,
+          end: k,
+          key: g,
+          lane: v
+        }, m[v] === void 0 && p++, m[v] = u, S[v] = k;
+      }
+      return this.measurementsCache = f, f;
+    }, {
+      key: process.env.NODE_ENV !== "production" && "getMeasurements",
+      debug: () => this.options.debug
+    }), this.calculateRange = I(() => [
+      this.getMeasurements(),
+      this.getSize(),
+      this.getScrollOffset(),
+      this.options.lanes
+    ], (t, e, s, i) => t.length === 0 || e === 0 ? (this.range = null, null) : (this.range = ht(t, e, s, i, i === 1 && this._flatMeasurements != null ? this._flatMeasurements : null), this.range), {
+      key: process.env.NODE_ENV !== "production" && "calculateRange",
+      debug: () => this.options.debug
+    }), this.getVirtualIndexes = I(() => {
+      let t = null, e = null;
+      const s = this.calculateRange();
+      return s && (t = s.startIndex, e = s.endIndex), this.maybeNotify.updateDeps([
+        this.isScrolling,
+        t,
+        e
+      ]), [
+        this.options.rangeExtractor,
+        this.options.overscan,
+        this.options.count,
+        t,
+        e
+      ];
+    }, (t, e, s, i, n) => i === null || n === null ? [] : t({
+      startIndex: i,
+      endIndex: n,
+      overscan: e,
+      count: s
+    }), {
+      key: process.env.NODE_ENV !== "production" && "getVirtualIndexes",
+      debug: () => this.options.debug
+    }), this.indexFromElement = (t) => {
+      const e = this.options.indexAttribute, s = t.getAttribute(e);
+      return s ? parseInt(s, 10) : (console.warn(`Missing attribute name '${e}={index}' on measured element.`), -1);
+    }, this.shouldMeasureDuringScroll = (t) => {
+      var e;
+      if (!this.scrollState || this.scrollState.behavior !== "smooth") return !0;
+      const s = this.scrollState.index ?? ((e = this.getVirtualItemForOffset(this.scrollState.lastTargetOffset)) == null ? void 0 : e.index);
+      if (s !== void 0 && this.range) {
+        const i = Math.max(this.options.overscan, Math.ceil((this.range.endIndex - this.range.startIndex) / 2)), n = Math.max(0, s - i), o = Math.min(this.options.count - 1, s + i);
+        return t >= n && t <= o;
+      }
+      return !0;
+    }, this.measureElement = (t) => {
+      if (!t) {
+        this.elementsCache.forEach((n, o) => {
+          n.isConnected || (this.observer.unobserve(n), this.elementsCache.delete(o));
+        });
+        return;
+      }
+      const e = this.indexFromElement(t), s = this.options.getItemKey(e), i = this.elementsCache.get(s);
+      i !== t && (i && this.observer.unobserve(i), this.observer.observe(t), this.elementsCache.set(s, t)), (!this.isScrolling || this.scrollState) && this.shouldMeasureDuringScroll(e) && this.resizeItem(e, this.options.measureElement(t, void 0, this));
+    }, this.resizeItem = (t, e) => {
+      var s, i;
+      if (t < 0 || t >= this.options.count) return;
+      let n, o, h;
+      const a = this._flatMeasurements;
+      if (this.options.lanes === 1 && a !== null)
+        h = this.options.getItemKey(t), o = a[t * 2], n = a[t * 2 + 1];
+      else {
+        const r = this.measurementsCache[t];
+        if (!r) return;
+        h = r.key, o = r.start, n = r.size;
+      }
+      const d = this.itemSizeCache.get(h) ?? n, c = e - d;
+      if (c !== 0) {
+        const r = this.options.anchorTo === "end" && ((s = this.scrollState) == null ? void 0 : s.behavior) !== "smooth" && this.getVirtualDistanceFromEnd() <= this.options.scrollEndThreshold, f = r ? this.getTotalSize() : 0, m = this.getScrollOffset() + this.scrollAdjustments, S = this.itemSizeCache.has(h) ? o + d <= m && this.scrollDirection !== "backward" : o < m, p = ((i = this.scrollState) == null ? void 0 : i.behavior) !== "smooth" && (this.shouldAdjustScrollPositionOnItemSizeChange !== void 0 ? this.shouldAdjustScrollPositionOnItemSizeChange(this.measurementsCache[t] ?? {
+          index: t,
+          key: h,
+          start: o,
+          size: n,
+          end: o + n,
+          lane: 0
+        }, c, this) : S);
+        (this.pendingMin === null || t < this.pendingMin) && (this.pendingMin = t), this.itemSizeCache.set(h, e), this.itemSizeCacheVersion++, r ? this.applyScrollAdjustment(this.getTotalSize() - f) : p && this.applyScrollAdjustment(c), this.notify(!1);
+      }
+    }, this.getVirtualItems = I(() => [this.getVirtualIndexes(), this.getMeasurements()], (t, e) => {
+      const s = [];
+      for (let i = 0, n = t.length; i < n; i++) {
+        const o = e[t[i]];
+        s.push(o);
+      }
+      return s;
+    }, {
+      key: process.env.NODE_ENV !== "production" && "getVirtualItems",
+      debug: () => this.options.debug
+    }), this.getVirtualItemForOffset = (t) => {
+      const e = this.getMeasurements();
+      if (e.length === 0) return;
+      const s = this._flatMeasurements, i = this.options.lanes === 1 && s != null;
+      return L(e[P(0, e.length - 1, i ? (n) => s[n * 2] : (n) => L(e[n]).start, t)]);
+    }, this.getMaxScrollOffset = () => {
+      if (!this.scrollElement) return 0;
+      if ("scrollHeight" in this.scrollElement) return this.options.horizontal ? this.scrollElement.scrollWidth - this.scrollElement.clientWidth : this.scrollElement.scrollHeight - this.scrollElement.clientHeight;
+      {
+        const t = this.scrollElement.document.documentElement;
+        return this.options.horizontal ? t.scrollWidth - this.scrollElement.innerWidth : t.scrollHeight - this.scrollElement.innerHeight;
+      }
+    }, this.getVirtualDistanceFromEnd = () => Math.max(this.getTotalSize() - this.getSize() - this.getScrollOffset(), 0), this.getDistanceFromEnd = () => Math.max(this.getMaxScrollOffset() - this.getScrollOffset(), 0), this.isAtEnd = (t = this.options.scrollEndThreshold) => this.getDistanceFromEnd() <= t, this.getOffsetForAlignment = (t, e, s = 0) => {
+      if (!this.scrollElement) return 0;
+      const i = this.getSize(), n = this.getScrollOffset();
+      e === "auto" && (e = t >= n + i ? "end" : "start"), e === "center" ? t += (s - i) / 2 : e === "end" && (t -= i);
+      const o = this.getMaxScrollOffset();
+      return Math.max(Math.min(o, t), 0);
+    }, this.getOffsetForIndex = (t, e = "auto") => {
+      t = Math.max(0, Math.min(t, this.options.count - 1));
+      const s = this.getSize(), i = this.getScrollOffset(), n = this.measurementsCache[t];
+      if (!n) return;
+      if (e === "auto") if (n.end >= i + s - this.options.scrollPaddingEnd) e = "end";
+      else if (n.start <= i + this.options.scrollPaddingStart) e = "start";
+      else return [i, e];
+      if (e === "end" && t === this.options.count - 1) return [this.getMaxScrollOffset(), e];
+      const o = e === "end" ? n.end + this.options.scrollPaddingEnd : n.start - this.options.scrollPaddingStart;
+      return [this.getOffsetForAlignment(o, e, n.size), e];
+    }, this.scrollToOffset = (t, { align: e = "start", behavior: s = "auto" } = {}) => {
+      this._iosDeferredAdjustment = 0;
+      const i = this.getOffsetForAlignment(t, e), n = this.now();
+      this.scrollState = {
+        index: null,
+        align: e,
+        behavior: s,
+        startedAt: n,
+        lastTargetOffset: i,
+        stableFrames: 0
+      }, this._scrollToOffset(i, {
+        adjustments: void 0,
+        behavior: s
+      }), this.scheduleScrollReconcile();
+    }, this.scrollToIndex = (t, { align: e = "auto", behavior: s = "auto" } = {}) => {
+      this._iosDeferredAdjustment = 0, t = Math.max(0, Math.min(t, this.options.count - 1));
+      const i = this.getOffsetForIndex(t, e);
+      if (!i) return;
+      const [n, o] = i, h = this.now();
+      this.scrollState = {
+        index: t,
+        align: o,
+        behavior: s,
+        startedAt: h,
+        lastTargetOffset: n,
+        stableFrames: 0
+      }, this._scrollToOffset(n, {
+        adjustments: void 0,
+        behavior: s
+      }), this.scheduleScrollReconcile();
+    }, this.scrollBy = (t, { behavior: e = "auto" } = {}) => {
+      const s = this.getScrollOffset() + t, i = this.now();
+      this.scrollState = {
+        index: null,
+        align: "start",
+        behavior: e,
+        startedAt: i,
+        lastTargetOffset: s,
+        stableFrames: 0
+      }, this._scrollToOffset(s, {
+        adjustments: void 0,
+        behavior: e
+      }), this.scheduleScrollReconcile();
+    }, this.scrollToEnd = ({ behavior: t = "auto" } = {}) => {
+      if (this.options.count > 0) {
+        this.scrollToIndex(this.options.count - 1, {
+          align: "end",
+          behavior: t
+        });
+        return;
+      }
+      this.scrollToOffset(Math.max(this.getTotalSize() - this.getSize(), 0), { behavior: t });
+    }, this.getTotalSize = () => {
+      var t;
+      const e = this.getMeasurements();
+      let s;
+      if (e.length === 0) s = this.options.paddingStart;
+      else if (this.options.lanes === 1) {
+        const i = e.length - 1, n = this._flatMeasurements;
+        n != null ? s = n[i * 2] + n[i * 2 + 1] : s = ((t = e[i]) == null ? void 0 : t.end) ?? 0;
+      } else {
+        const i = Array(this.options.lanes).fill(null);
+        let n = e.length - 1;
+        for (; n >= 0 && i.some((o) => o === null); ) {
+          const o = e[n];
+          i[o.lane] === null && (i[o.lane] = o.end), n--;
+        }
+        s = Math.max(...i.filter((o) => o !== null));
+      }
+      return Math.max(s - this.options.scrollMargin + this.options.paddingEnd, 0);
+    }, this.takeSnapshot = () => {
+      const t = [];
+      if (this.itemSizeCache.size === 0) return t;
+      const e = this.getMeasurements();
+      for (const s of e) s && this.itemSizeCache.has(s.key) && t.push({
+        index: s.index,
+        key: s.key,
+        start: s.start,
+        size: s.size,
+        end: s.end,
+        lane: s.lane
+      });
+      return t;
+    }, this._scrollToOffset = (t, { adjustments: e, behavior: s }) => {
+      this._intendedScrollOffset = t + (e ?? 0), this.options.scrollToFn(t, {
+        behavior: s,
+        adjustments: e
+      }, this);
+    }, this.measure = () => {
+      this.pendingMin = null, this.itemSizeCache.clear(), this.laneAssignments.clear(), this.itemSizeCacheVersion++, this.notify(!1);
+    }, this.setOptions(l);
+  }
+  applyScrollAdjustment(l, t) {
+    l !== 0 && (process.env.NODE_ENV !== "production" && this.options.debug && console.info("correction", l), D() && (this.isScrolling || this._iosTouching || this._iosJustTouchEnded) ? this._iosDeferredAdjustment += l : (this._scrollToOffset(this.getScrollOffset(), {
+      adjustments: this.scrollAdjustments += l,
+      behavior: t
+    }), this.scrollOffset !== null && (this.scrollOffset += this.scrollAdjustments, this.scrollOffset < 0 && (this.scrollOffset = 0), this.scrollAdjustments = 0)));
+  }
+  scheduleScrollReconcile() {
+    if (!this.targetWindow) {
+      this.scrollState = null;
+      return;
+    }
+    this.rafId == null && (this.rafId = this.targetWindow.requestAnimationFrame(() => {
+      this.rafId = null, this.reconcileScroll();
+    }));
+  }
+  reconcileScroll() {
+    if (!this.scrollState || !this.scrollElement) return;
+    if (this.now() - this.scrollState.startedAt > 5e3) {
+      this.scrollState = null;
+      return;
+    }
+    const l = this.scrollState.index != null ? this.getOffsetForIndex(this.scrollState.index, this.scrollState.align) : void 0, t = l ? l[0] : this.scrollState.lastTargetOffset, e = 1, s = t !== this.scrollState.lastTargetOffset;
+    if (!s && Q(t, this.getScrollOffset())) {
+      if (this.scrollState.stableFrames++, this.scrollState.stableFrames >= e) {
+        this.getScrollOffset() !== t && this._scrollToOffset(t, {
+          adjustments: void 0,
+          behavior: "auto"
+        }), this.scrollState = null;
+        return;
+      }
+    } else if (this.scrollState.stableFrames = 0, s) {
+      const i = this.getSize() || 600, n = Math.abs(t - this.getScrollOffset()), o = this.scrollState.behavior === "smooth" && n > i;
+      this.scrollState.lastTargetOffset = t, o || (this.scrollState.behavior = "auto"), this._scrollToOffset(t, {
+        adjustments: void 0,
+        behavior: o ? "smooth" : "auto"
+      });
+    }
+    this.scheduleScrollReconcile();
+  }
+}, P = (l, t, e, s) => {
+  for (; l <= t; ) {
+    const i = (l + t) / 2 | 0, n = e(i);
+    if (n < s) l = i + 1;
+    else if (n > s) t = i - 1;
+    else return i;
+  }
+  return l > 0 ? l - 1 : 0;
+};
+function at(l, t, e) {
+  let s = 0;
+  for (; s <= t; ) {
+    const i = (s + t) / 2 | 0, n = l[i * 2];
+    if (n < e) s = i + 1;
+    else if (n > e) t = i - 1;
+    else return i;
+  }
+  return s > 0 ? s - 1 : 0;
+}
+function ht(l, t, e, s, i) {
+  const n = l.length - 1;
+  if (l.length <= s) return {
+    startIndex: 0,
+    endIndex: n
+  };
+  if (s === 1 && i !== null) {
+    const d = at(i, n, e);
+    let c = d;
+    const r = e + t;
+    for (; c < n && i[c * 2] + i[c * 2 + 1] < r; ) c++;
+    return {
+      startIndex: d,
+      endIndex: c
+    };
+  }
+  let h = P(0, n, (d) => l[d].start, e), a = h;
+  if (s === 1) for (; a < n && l[a].end < e + t; ) a++;
+  else if (s > 1) {
+    const d = Array(s).fill(0);
+    for (; a < n && d.some((r) => r < e + t); ) {
+      const r = l[a];
+      d[r.lane] = r.end, a++;
+    }
+    const c = Array(s).fill(e + t);
+    for (; h >= 0 && c.some((r) => r >= e); ) {
+      const r = l[h];
+      c[r.lane] = r.start, h--;
+    }
+    h = Math.max(0, h - h % s), a = Math.min(n, a + (s - 1 - a % s));
+  }
+  return {
+    startIndex: h,
+    endIndex: a
+  };
+}
+var F = typeof document < "u" ? M.useLayoutEffect : M.useEffect;
+function ct({ useFlushSync: l = !0, directDomUpdates: t = !1, directDomUpdatesMode: e = "transform", ...s }) {
+  const i = M.useReducer((c) => c + 1, 0)[1], n = M.useRef({
+    enabled: t,
+    mode: e,
+    container: null,
+    lastSize: null,
+    lastPositions: /* @__PURE__ */ new WeakMap(),
+    prevRange: null
+  });
+  n.current.enabled = t, n.current.mode = e;
+  const o = (c) => {
+    const r = n.current;
+    if (!r.enabled || !r.container) return;
+    const f = c.getTotalSize();
+    if (f !== r.lastSize) {
+      r.lastSize = f;
+      const m = c.options.horizontal ? "width" : "height";
+      r.container.style[m] = `${f}px`;
+    }
+  }, h = (c) => {
+    const r = n.current;
+    if (!r.enabled || !r.container) return;
+    o(c);
+    const f = !!c.options.horizontal, m = r.mode === "transform", S = f ? "left" : "top", p = c.options.scrollMargin, u = c.getVirtualItems();
+    for (const g of u) {
+      const E = g.start - p, v = c.elementsCache.get(g.key);
+      v && r.lastPositions.get(v) !== E && (r.lastPositions.set(v, E), m ? v.style.transform = f ? `translate3d(${E}px, 0, 0)` : `translate3d(0, ${E}px, 0)` : v.style[S] = `${E}px`);
+    }
+  }, a = {
+    ...s,
+    onChange: (c, r) => {
+      var f;
+      const m = n.current;
+      let S = !0;
+      if (m.enabled) {
+        h(c);
+        const p = c.range, u = m.prevRange;
+        S = !u || u.isScrolling !== c.isScrolling || u.startIndex !== p?.startIndex || u.endIndex !== p?.endIndex, S && (m.prevRange = p ? {
+          startIndex: p.startIndex,
+          endIndex: p.endIndex,
+          isScrolling: c.isScrolling
+        } : null);
+      }
+      S && (l && r ? q(i) : i()), (f = s.onChange) == null || f.call(s, c, r);
+    }
+  }, [d] = M.useState(() => {
+    const c = new rt(a);
+    return Object.assign(c, { containerRef: (r) => {
+      const f = n.current;
+      if (f.container = r, f.lastSize = null, r && f.enabled) {
+        const m = c.getTotalSize();
+        f.lastSize = m;
+        const S = c.options.horizontal ? "width" : "height";
+        r.style[S] = `${m}px`;
+      }
+    } });
+  });
+  return d.setOptions(a), F(() => d._didMount(), []), F(() => (o(d), d._willUpdate())), F(() => {
+    h(d);
+  }), d;
+}
+function ut(l) {
+  return ct({
+    observeElementRect: tt,
+    observeElementOffset: it,
+    scrollToFn: lt,
+    ...l
+  });
+}
+var bt = ({ showFlagOnSearch: l, showNameOnSearch: t }) => {
+  const e = J(null), { termOfSearch: s, countries: i, handleSelectCountry: n } = K(), o = H(() => i.filter((a) => a.name.toLocaleLowerCase().includes(s.toLowerCase())), [s]), h = ut({
+    count: o.length,
+    overscan: 5,
+    getScrollElement: () => e.current,
+    estimateSize: () => 40
+  });
+  return B(() => {
+    o.length > 0 && h.scrollToIndex(0);
+  }, [s, h]), o.length === 0 ? /* @__PURE__ */ x("div", {
+    className: "overflow-y-auto max-h-60 snap-y snap-mandatory",
+    children: /* @__PURE__ */ x("ul", {
+      className: "relative",
+      children: /* @__PURE__ */ x("li", {
+        className: "w-full flex items-center h-10 select-none px-6",
+        children: /* @__PURE__ */ x(W, {
+          variant: "body2",
+          component: "span",
+          className: "flex gap-2 items-center text-left",
+          children: "No options"
+        })
+      })
+    })
+  }) : /* @__PURE__ */ x("div", {
+    ref: e,
+    className: "overflow-y-auto max-h-60 snap-y snap-mandatory scrollbar",
+    children: /* @__PURE__ */ x("ul", {
+      className: "relative",
+      style: { height: h.getTotalSize() },
+      children: h.getVirtualItems().map((a) => {
+        const d = o[a.index], { flag: c, name: r, prefix: f } = d;
+        return /* @__PURE__ */ x("li", {
+          className: N("absolute", "w-full", "snap-start", "snap-always", "scroll-m-0", "flex", "items-center", "h-10"),
+          style: {
+            top: a.start,
+            height: a.size
+          },
+          children: /* @__PURE__ */ x("button", {
+            className: N("w-full", "h-full", "cursor-pointer", "px-6", "hover:bg-gray-50", "transition-colors", "duration-150", "focus-visible:outline-0", "hover:outline-gray-100", "focus:bg-gray-50", "dark:hover:bg-metal-700"),
+            onClick: () => n(d),
+            children: /* @__PURE__ */ U(W, {
+              variant: "body2",
+              component: "span",
+              className: "flex gap-2 items-center text-left",
+              children: [l && /* @__PURE__ */ x(c, {}), t && /* @__PURE__ */ x($, {
+                text: r,
+                prefix: f
+              })]
+            })
+          })
+        }, a.key);
+      })
+    })
+  });
+};
+export {
+  bt as t
+};