@konstructio/ui 0.1.2-alpha.10 → 0.1.2-alpha.103

package/dist/FlagSelectorList-BoYG-_It.js

@@ -0,0 +1,852 @@
+import { t as j } from "./utils-Cx-WzRZF.js";
+import { Typography as L } 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 c = n.charCodeAt(0);
+      if (c >= 48 && c <= 57) {
+        const r = +n;
+        if (Number.isInteger(r) && r >= 0 && r < l) {
+          let h = i[r];
+          if (!h) {
+            const u = t[r * 2];
+            h = i[r] = {
+              index: r,
+              key: e(r),
+              start: u,
+              size: t[r * 2 + 1],
+              end: u + t[r * 2 + 1],
+              lane: 0
+            };
+          }
+          return h;
+        }
+      }
+      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 c;
+    const r = process.env.NODE_ENV !== "production" && !!e.key && !!((c = e.debug) != null && c.call(e));
+    let h = 0;
+    r && (h = Date.now());
+    const u = l();
+    if (!(u.length !== s.length || u.some((f, g) => s[g] !== f))) return i;
+    s = u;
+    let a = 0;
+    if (r && (a = Date.now()), i = t(...u), r) {
+      const f = Math.round((Date.now() - h) * 100) / 100, g = Math.round((Date.now() - a) * 100) / 100, p = g / 16, v = (d, m) => {
+        for (d = String(d); d.length < m; ) d = " " + d;
+        return d;
+      };
+      console.info(`%c⏱ ${v(g, 5)} /${v(f, 5)} ms`, `
+            font-size: .6rem;
+            font-weight: bold;
+            color: hsl(${Math.max(0, Math.min(120 - 120 * p, 120))}deg 100% 31%);`, e?.key);
+    }
+    return e?.onChange && !(n && e.skipInitialOnChange) && e.onChange(i), n = !1, i;
+  }
+  return o.updateDeps = (c) => {
+    s = c;
+  }, o;
+}
+function V(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;
+}, W = (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: c, height: r } = o;
+    t({
+      width: Math.round(c),
+      height: Math.round(r)
+    });
+  };
+  if (i(W(e)), !s.ResizeObserver) return () => {
+  };
+  const n = new s.ResizeObserver((o) => {
+    const c = () => {
+      const r = o[0];
+      if (r?.borderBoxSize) {
+        const h = r.borderBoxSize[0];
+        if (h) {
+          i({
+            width: h.inlineSize,
+            height: h.blockSize
+          });
+          return;
+        }
+      }
+      i(W(e));
+    };
+    l.options.useAnimationFrameWithResizeObserver ? requestAnimationFrame(c) : c();
+  });
+  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 c = n ? null : X(i, () => t(o, !1), l.options.isScrollingResetDelay), r = (a) => () => {
+    o = e(s), c?.(), t(o, a);
+  }, h = r(!0), u = r(!1);
+  return s.addEventListener("scroll", h, C), n && s.addEventListener("scrollend", u, C), () => {
+    s.removeEventListener("scroll", h), n && s.removeEventListener("scrollend", u);
+  };
+}, 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, c = this.indexFromElement(o);
+            if (!o.isConnected) {
+              this.observer.unobserve(o);
+              for (const [r, h] of this.elementsCache) if (h === o) {
+                this.elementsCache.delete(r);
+                break;
+              }
+              return;
+            }
+            this.shouldMeasureDuringScroll(c) && this.resizeItem(c, 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 a in t) {
+        const f = t[a];
+        f !== void 0 && (i[a] = f);
+      }
+      const n = this.options;
+      let o = null, c = null, r = !1;
+      if (n !== void 0 && n.enabled && i.enabled && i.anchorTo === "end" && this.scrollElement !== null) {
+        const a = n.count, f = i.count, g = this.getMeasurements(), p = a > 0 ? ((e = g[0]) == null ? void 0 : e.key) ?? n.getItemKey(0) : null, v = a > 0 ? ((s = g[a - 1]) == null ? void 0 : s.key) ?? n.getItemKey(a - 1) : null;
+        if (f !== a || a > 0 && f > 0 && (i.getItemKey(0) !== p || i.getItemKey(f - 1) !== v)) {
+          r = !0;
+          const d = a > 0 ? this.getVirtualItemForOffset(this.getScrollOffset()) ?? g[0] : null;
+          d && (o = [d.key, this.getScrollOffset() - d.start]);
+          const m = i.followOnAppend === !0 ? "auto" : i.followOnAppend || null;
+          m && f > a && this.isAtEnd(n.scrollEndThreshold) && (a === 0 || i.getItemKey(f - 1) !== v) && (c = m);
+        }
+      }
+      this.options = i, r && (this.pendingMin = 0, this.itemSizeCacheVersion++);
+      let h = !1, u = 0;
+      if (o && this.scrollOffset !== null) {
+        const [a, f] = o, g = this.getMeasurements(), { count: p, getItemKey: v } = this.options;
+        let d = 0;
+        for (; d < p && v(d) !== a; ) d++;
+        if (d < p) {
+          const m = g[d];
+          if (m) {
+            const E = Math.max(0, m.start + f);
+            E !== this.scrollOffset && (u = E - this.scrollOffset, this.scrollOffset = E, h = !0);
+          }
+        }
+      }
+      (h || c) && (this.pendingScrollAnchor = [
+        h ? o[0] : null,
+        h ? o[1] : 0,
+        c,
+        u
+      ]);
+    }, 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, c] = s;
+        i !== null && !o && (D() && (this.isScrolling || this._iosTouching || this._iosJustTouchEnded) ? c !== 0 && (this._iosDeferredAdjustment += c) : 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, c, r) => (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: c,
+      gap: r
+    }), { key: !1 }), this.getMeasurements = I(() => [this.getMeasurementOptions(), this.itemSizeCacheVersion], ({ count: t, paddingStart: e, scrollMargin: s, getItemKey: i, enabled: n, lanes: o, laneAssignmentMode: c, gap: r }, h) => {
+      const u = this.itemSizeCache;
+      if (!n)
+        return this.measurementsCache = [], this.itemSizeCache.clear(), this.laneAssignments.clear(), [];
+      if (this.laneAssignments.size > t)
+        for (const d of this.laneAssignments.keys()) d >= t && this.laneAssignments.delete(d);
+      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((d) => {
+        this.itemSizeCache.set(d.key, d.size);
+      }));
+      const a = this.lanesSettling ? 0 : this.pendingMin ?? 0;
+      if (this.pendingMin = null, this.lanesSettling && this.measurementsCache.length === t && (this.lanesSettling = !1), o === 1) {
+        const d = t * 2;
+        let m = this._flatMeasurements;
+        if (!m || m.length < d) {
+          const b = new Float64Array(d);
+          m && a > 0 && b.set(m.subarray(0, a * 2)), m = b, this._flatMeasurements = m;
+        }
+        let E;
+        if (a === 0) E = e + s;
+        else {
+          const b = a - 1;
+          E = m[b * 2] + m[b * 2 + 1] + r;
+        }
+        for (let b = a; b < t; b++) {
+          const A = i(b), w = u.get(A), z = typeof w == "number" ? w : this.options.estimateSize(b);
+          m[b * 2] = E, m[b * 2 + 1] = z, E += z + r;
+        }
+        const S = G(t, m, i);
+        return this.measurementsCache = S, S;
+      }
+      const f = this.measurementsCache.slice(0, a), g = new Array(o).fill(void 0), p = new Float64Array(o);
+      let v = 0;
+      for (let d = 0; d < a; d++) {
+        const m = f[d];
+        m && (g[m.lane] === void 0 && v++, g[m.lane] = d, p[m.lane] = m.end);
+      }
+      for (let d = a; d < t; d++) {
+        const m = i(d), E = this.laneAssignments.get(d);
+        let S, b;
+        const A = c === "estimate" || u.has(m);
+        if (E !== void 0 && this.options.lanes > 1) {
+          S = E;
+          const _ = g[S], y = _ !== void 0 ? f[_] : void 0;
+          b = y ? y.end + r : e + s;
+        } else if (v === o) {
+          let _ = 0, y = p[0], N = g[0];
+          for (let O = 1; O < o; O++) {
+            const R = p[O];
+            (R < y || R === y && g[O] < N) && (_ = O, y = R, N = g[O]);
+          }
+          S = _, b = y + r, A && this.laneAssignments.set(d, S);
+        } else
+          S = d % this.options.lanes, b = e + s, A && this.laneAssignments.set(d, S);
+        const w = u.get(m), z = typeof w == "number" ? w : this.options.estimateSize(d), k = b + z;
+        f[d] = {
+          index: d,
+          start: b,
+          size: z,
+          end: k,
+          key: m,
+          lane: S
+        }, g[S] === void 0 && v++, g[S] = d, p[S] = 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, c;
+      const r = this._flatMeasurements;
+      if (this.options.lanes === 1 && r !== null)
+        c = this.options.getItemKey(t), o = r[t * 2], n = r[t * 2 + 1];
+      else {
+        const u = this.measurementsCache[t];
+        if (!u) return;
+        c = u.key, o = u.start, n = u.size;
+      }
+      const h = e - (this.itemSizeCache.get(c) ?? n);
+      if (h !== 0) {
+        const u = this.options.anchorTo === "end" && ((s = this.scrollState) == null ? void 0 : s.behavior) !== "smooth" && this.getVirtualDistanceFromEnd() <= this.options.scrollEndThreshold, a = u ? this.getTotalSize() : 0, f = ((i = this.scrollState) == null ? void 0 : i.behavior) !== "smooth" && (this.shouldAdjustScrollPositionOnItemSizeChange !== void 0 ? this.shouldAdjustScrollPositionOnItemSizeChange(this.measurementsCache[t] ?? {
+          index: t,
+          key: c,
+          start: o,
+          size: n,
+          end: o + n,
+          lane: 0
+        }, h, this) : o < this.getScrollOffset() + this.scrollAdjustments && (!this.itemSizeCache.has(c) || this.scrollDirection !== "backward"));
+        (this.pendingMin === null || t < this.pendingMin) && (this.pendingMin = t), this.itemSizeCache.set(c, e), this.itemSizeCacheVersion++, u ? this.applyScrollAdjustment(this.getTotalSize() - a) : f && this.applyScrollAdjustment(h), 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 V(e[P(0, e.length - 1, i ? (n) => s[n * 2] : (n) => V(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, c = this.now();
+      this.scrollState = {
+        index: t,
+        align: o,
+        behavior: s,
+        startedAt: c,
+        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 h = at(i, n, e);
+    let u = h;
+    const a = e + t;
+    for (; u < n && i[u * 2] + i[u * 2 + 1] < a; ) u++;
+    return {
+      startIndex: h,
+      endIndex: u
+    };
+  }
+  let c = P(0, n, (h) => l[h].start, e), r = c;
+  if (s === 1) for (; r < n && l[r].end < e + t; ) r++;
+  else if (s > 1) {
+    const h = Array(s).fill(0);
+    for (; r < n && h.some((a) => a < e + t); ) {
+      const a = l[r];
+      h[a.lane] = a.end, r++;
+    }
+    const u = Array(s).fill(e + t);
+    for (; c >= 0 && u.some((a) => a >= e); ) {
+      const a = l[c];
+      u[a.lane] = a.start, c--;
+    }
+    c = Math.max(0, c - c % s), r = Math.min(n, r + (s - 1 - r % s));
+  }
+  return {
+    startIndex: c,
+    endIndex: r
+  };
+}
+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((h) => h + 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 = (h) => {
+    const u = n.current;
+    if (!u.enabled || !u.container) return;
+    const a = h.getTotalSize();
+    if (a !== u.lastSize) {
+      u.lastSize = a;
+      const m = h.options.horizontal ? "width" : "height";
+      u.container.style[m] = `${a}px`;
+    }
+    const f = !!h.options.horizontal, g = u.mode === "transform", p = f ? "left" : "top", v = h.options.scrollMargin, d = h.getVirtualItems();
+    for (const m of d) {
+      const E = m.start - v, S = h.elementsCache.get(m.key);
+      S && u.lastPositions.get(S) !== E && (u.lastPositions.set(S, E), g ? S.style.transform = f ? `translate3d(${E}px, 0, 0)` : `translate3d(0, ${E}px, 0)` : S.style[p] = `${E}px`);
+    }
+  }, c = {
+    ...s,
+    onChange: (h, u) => {
+      var a;
+      const f = n.current;
+      let g = !0;
+      if (f.enabled) {
+        o(h);
+        const p = h.range, v = f.prevRange;
+        g = !v || v.isScrolling !== h.isScrolling || v.startIndex !== p?.startIndex || v.endIndex !== p?.endIndex, g && (f.prevRange = p ? {
+          startIndex: p.startIndex,
+          endIndex: p.endIndex,
+          isScrolling: h.isScrolling
+        } : null);
+      }
+      g && (l && u ? q(i) : i()), (a = s.onChange) == null || a.call(s, h, u);
+    }
+  }, [r] = M.useState(() => {
+    const h = new rt(c);
+    return Object.assign(h, { containerRef: (u) => {
+      const a = n.current;
+      if (a.container = u, a.lastSize = null, u && a.enabled) {
+        const f = h.getTotalSize();
+        a.lastSize = f;
+        const g = h.options.horizontal ? "width" : "height";
+        u.style[g] = `${f}px`;
+      }
+    } });
+  });
+  return r.setOptions(c), F(() => r._didMount(), []), F(() => r._willUpdate()), F(() => {
+    o(r);
+  }), r;
+}
+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((r) => r.name.toLocaleLowerCase().includes(s.toLowerCase())), [s]), c = ut({
+    count: o.length,
+    overscan: 5,
+    getScrollElement: () => e.current,
+    estimateSize: () => 40
+  });
+  return B(() => {
+    o.length > 0 && c.scrollToIndex(0);
+  }, [s, c]), 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(L, {
+          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: c.getTotalSize() },
+      children: c.getVirtualItems().map((r) => {
+        const h = o[r.index], { flag: u, name: a, prefix: f } = h;
+        return /* @__PURE__ */ x("li", {
+          className: j("absolute", "w-full", "snap-start", "snap-always", "scroll-m-0", "flex", "items-center", "h-10"),
+          style: {
+            top: r.start,
+            height: r.size
+          },
+          children: /* @__PURE__ */ x("button", {
+            className: j("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(h),
+            children: /* @__PURE__ */ U(L, {
+              variant: "body2",
+              component: "span",
+              className: "flex gap-2 items-center text-left",
+              children: [l && /* @__PURE__ */ x(u, {}), t && /* @__PURE__ */ x($, {
+                text: a,
+                prefix: f
+              })]
+            })
+          })
+        }, r.key);
+      })
+    })
+  });
+};
+export {
+  bt as t
+};