@konstructio/ui 0.1.2-alpha.78 → 0.1.2-alpha.79

package/dist/components/PhoneNumberInput/components/FlagSelectorList/FlagSelectorList.js

@@ -1,730 +1,4 @@
-import { jsx as m, jsxs as N } from "react/jsx-runtime";
-import * as w from "react";
-import { useRef as T, useMemo as k, useEffect as D } from "react";
-import { flushSync as L } from "react-dom";
-import { Typography as y } from "../../../Typography/Typography.js";
-import { cn as I } from "../../../../utils/index.js";
-import { TruncateText as W } from "../TruncateText/TruncateText.js";
-import { usePhoneNumberContext as V } from "../../contexts/phone-number.hook.js";
-function x(l, r, e) {
-  let t = e.initialDeps ?? [], s, n = !0;
-  function o() {
-    var i, a, u;
-    let c;
-    e.key && ((i = e.debug) != null && i.call(e)) && (c = Date.now());
-    const d = l();
-    if (!(d.length !== t.length || d.some((S, f) => t[f] !== S)))
-      return s;
-    t = d;
-    let p;
-    if (e.key && ((a = e.debug) != null && a.call(e)) && (p = Date.now()), s = r(...d), e.key && ((u = e.debug) != null && u.call(e))) {
-      const S = Math.round((Date.now() - c) * 100) / 100, f = Math.round((Date.now() - p) * 100) / 100, b = f / 16, E = (g, O) => {
-        for (g = String(g); g.length < O; )
-          g = " " + g;
-        return g;
-      };
-      console.info(
-        `%c⏱ ${E(f, 5)} /${E(S, 5)} ms`,
-        `
-            font-size: .6rem;
-            font-weight: bold;
-            color: hsl(${Math.max(
-          0,
-          Math.min(120 - 120 * b, 120)
-        )}deg 100% 31%);`,
-        e?.key
-      );
-    }
-    return e?.onChange && !(n && e.skipInitialOnChange) && e.onChange(s), n = !1, s;
-  }
-  return o.updateDeps = (i) => {
-    t = i;
-  }, o;
-}
-function C(l, r) {
-  if (l === void 0)
-    throw new Error("Unexpected undefined");
-  return l;
-}
-const j = (l, r) => Math.abs(l - r) < 1.01, P = (l, r, e) => {
-  let t;
-  return function(...s) {
-    l.clearTimeout(t), t = l.setTimeout(() => r.apply(this, s), e);
-  };
-}, z = (l) => {
-  const { offsetWidth: r, offsetHeight: e } = l;
-  return { width: r, height: e };
-}, B = (l) => l, H = (l) => {
-  const r = Math.max(l.startIndex - l.overscan, 0), e = Math.min(l.endIndex + l.overscan, l.count - 1), t = [];
-  for (let s = r; s <= e; s++)
-    t.push(s);
-  return t;
-}, $ = (l, r) => {
-  const e = l.scrollElement;
-  if (!e)
-    return;
-  const t = l.targetWindow;
-  if (!t)
-    return;
-  const s = (o) => {
-    const { width: i, height: a } = o;
-    r({ width: Math.round(i), height: Math.round(a) });
-  };
-  if (s(z(e)), !t.ResizeObserver)
-    return () => {
-    };
-  const n = new t.ResizeObserver((o) => {
-    const i = () => {
-      const a = o[0];
-      if (a?.borderBoxSize) {
-        const u = a.borderBoxSize[0];
-        if (u) {
-          s({ width: u.inlineSize, height: u.blockSize });
-          return;
-        }
-      }
-      s(z(e));
-    };
-    l.options.useAnimationFrameWithResizeObserver ? requestAnimationFrame(i) : i();
-  });
-  return n.observe(e, { box: "border-box" }), () => {
-    n.unobserve(e);
-  };
-}, A = {
-  passive: !0
-}, R = typeof window > "u" ? !0 : "onscrollend" in window, q = (l, r) => {
-  const e = l.scrollElement;
-  if (!e)
-    return;
-  const t = l.targetWindow;
-  if (!t)
-    return;
-  let s = 0;
-  const n = l.options.useScrollendEvent && R ? () => {
-  } : P(
-    t,
-    () => {
-      r(s, !1);
-    },
-    l.options.isScrollingResetDelay
-  ), o = (c) => () => {
-    const { horizontal: d, isRtl: h } = l.options;
-    s = d ? e.scrollLeft * (h && -1 || 1) : e.scrollTop, n(), r(s, c);
-  }, i = o(!0), a = o(!1);
-  e.addEventListener("scroll", i, A);
-  const u = l.options.useScrollendEvent && R;
-  return u && e.addEventListener("scrollend", a, A), () => {
-    e.removeEventListener("scroll", i), u && e.removeEventListener("scrollend", a);
-  };
-}, K = (l, r, e) => {
-  if (r?.borderBoxSize) {
-    const t = r.borderBoxSize[0];
-    if (t)
-      return Math.round(
-        t[e.options.horizontal ? "inlineSize" : "blockSize"]
-      );
-  }
-  return l[e.options.horizontal ? "offsetWidth" : "offsetHeight"];
-}, U = (l, {
-  adjustments: r = 0,
-  behavior: e
-}, t) => {
-  var s, n;
-  const o = l + r;
-  (n = (s = t.scrollElement) == null ? void 0 : s.scrollTo) == null || n.call(s, {
-    [t.options.horizontal ? "left" : "top"]: o,
-    behavior: e
-  });
-};
-class X {
-  constructor(r) {
-    this.unsubs = [], this.scrollElement = null, this.targetWindow = null, this.isScrolling = !1, this.scrollState = null, this.measurementsCache = [], this.itemSizeCache = /* @__PURE__ */ new Map(), this.laneAssignments = /* @__PURE__ */ new Map(), this.pendingMeasuredCacheIndexes = [], this.prevLanes = void 0, this.lanesChangedFlag = !1, this.lanesSettling = !1, this.scrollRect = null, this.scrollOffset = null, this.scrollDirection = null, this.scrollAdjustments = 0, this.elementsCache = /* @__PURE__ */ new Map(), this.now = () => {
-      var e, t, s;
-      return ((s = (t = (e = this.targetWindow) == null ? void 0 : e.performance) == null ? void 0 : t.now) == null ? void 0 : s.call(t)) ?? Date.now();
-    }, this.observer = /* @__PURE__ */ (() => {
-      let e = null;
-      const t = () => e || (!this.targetWindow || !this.targetWindow.ResizeObserver ? null : e = new this.targetWindow.ResizeObserver((s) => {
-        s.forEach((n) => {
-          const o = () => {
-            const i = n.target, a = this.indexFromElement(i);
-            if (!i.isConnected) {
-              this.observer.unobserve(i);
-              return;
-            }
-            this.shouldMeasureDuringScroll(a) && this.resizeItem(
-              a,
-              this.options.measureElement(i, n, this)
-            );
-          };
-          this.options.useAnimationFrameWithResizeObserver ? requestAnimationFrame(o) : o();
-        });
-      }));
-      return {
-        disconnect: () => {
-          var s;
-          (s = t()) == null || s.disconnect(), e = null;
-        },
-        observe: (s) => {
-          var n;
-          return (n = t()) == null ? void 0 : n.observe(s, { box: "border-box" });
-        },
-        unobserve: (s) => {
-          var n;
-          return (n = t()) == null ? void 0 : n.unobserve(s);
-        }
-      };
-    })(), this.range = null, this.setOptions = (e) => {
-      Object.entries(e).forEach(([t, s]) => {
-        typeof s > "u" && delete e[t];
-      }), this.options = {
-        debug: !1,
-        initialOffset: 0,
-        overscan: 1,
-        paddingStart: 0,
-        paddingEnd: 0,
-        scrollPaddingStart: 0,
-        scrollPaddingEnd: 0,
-        horizontal: !1,
-        getItemKey: B,
-        rangeExtractor: H,
-        onChange: () => {
-        },
-        measureElement: K,
-        initialRect: { width: 0, height: 0 },
-        scrollMargin: 0,
-        gap: 0,
-        indexAttribute: "data-index",
-        initialMeasurementsCache: [],
-        lanes: 1,
-        isScrollingResetDelay: 150,
-        enabled: !0,
-        isRtl: !1,
-        useScrollendEvent: !1,
-        useAnimationFrameWithResizeObserver: !1,
-        ...e
-      };
-    }, this.notify = (e) => {
-      var t, s;
-      (s = (t = this.options).onChange) == null || s.call(t, this, e);
-    }, this.maybeNotify = x(
-      () => (this.calculateRange(), [
-        this.isScrolling,
-        this.range ? this.range.startIndex : null,
-        this.range ? this.range.endIndex : null
-      ]),
-      (e) => {
-        this.notify(e);
-      },
-      {
-        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((e) => e()), this.unsubs = [], this.observer.disconnect(), this.rafId != null && this.targetWindow && (this.targetWindow.cancelAnimationFrame(this.rafId), this.rafId = null), this.scrollState = null, this.scrollElement = null, this.targetWindow = null;
-    }, this._didMount = () => () => {
-      this.cleanup();
-    }, this._willUpdate = () => {
-      var e;
-      const t = this.options.enabled ? this.options.getScrollElement() : null;
-      if (this.scrollElement !== t) {
-        if (this.cleanup(), !t) {
-          this.maybeNotify();
-          return;
-        }
-        this.scrollElement = t, this.scrollElement && "ownerDocument" in this.scrollElement ? this.targetWindow = this.scrollElement.ownerDocument.defaultView : this.targetWindow = ((e = this.scrollElement) == null ? void 0 : e.window) ?? null, this.elementsCache.forEach((s) => {
-          this.observer.observe(s);
-        }), this.unsubs.push(
-          this.options.observeElementRect(this, (s) => {
-            this.scrollRect = s, this.maybeNotify();
-          })
-        ), this.unsubs.push(
-          this.options.observeElementOffset(this, (s, n) => {
-            this.scrollAdjustments = 0, this.scrollDirection = n ? this.getScrollOffset() < s ? "forward" : "backward" : null, this.scrollOffset = s, this.isScrolling = n, this.scrollState && this.scheduleScrollReconcile(), this.maybeNotify();
-          })
-        ), this._scrollToOffset(this.getScrollOffset(), {
-          adjustments: void 0,
-          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.getFurthestMeasurement = (e, t) => {
-      const s = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Map();
-      for (let o = t - 1; o >= 0; o--) {
-        const i = e[o];
-        if (s.has(i.lane))
-          continue;
-        const a = n.get(
-          i.lane
-        );
-        if (a == null || i.end > a.end ? n.set(i.lane, i) : i.end < a.end && s.set(i.lane, !0), s.size === this.options.lanes)
-          break;
-      }
-      return n.size === this.options.lanes ? Array.from(n.values()).sort((o, i) => o.end === i.end ? o.index - i.index : o.end - i.end)[0] : void 0;
-    }, this.getMeasurementOptions = x(
-      () => [
-        this.options.count,
-        this.options.paddingStart,
-        this.options.scrollMargin,
-        this.options.getItemKey,
-        this.options.enabled,
-        this.options.lanes
-      ],
-      (e, t, s, n, o, i) => (this.prevLanes !== void 0 && this.prevLanes !== i && (this.lanesChangedFlag = !0), this.prevLanes = i, this.pendingMeasuredCacheIndexes = [], {
-        count: e,
-        paddingStart: t,
-        scrollMargin: s,
-        getItemKey: n,
-        enabled: o,
-        lanes: i
-      }),
-      {
-        key: !1
-      }
-    ), this.getMeasurements = x(
-      () => [this.getMeasurementOptions(), this.itemSizeCache],
-      ({ count: e, paddingStart: t, scrollMargin: s, getItemKey: n, enabled: o, lanes: i }, a) => {
-        if (!o)
-          return this.measurementsCache = [], this.itemSizeCache.clear(), this.laneAssignments.clear(), [];
-        if (this.laneAssignments.size > e)
-          for (const h of this.laneAssignments.keys())
-            h >= e && this.laneAssignments.delete(h);
-        this.lanesChangedFlag && (this.lanesChangedFlag = !1, this.lanesSettling = !0, this.measurementsCache = [], this.itemSizeCache.clear(), this.laneAssignments.clear(), this.pendingMeasuredCacheIndexes = []), this.measurementsCache.length === 0 && !this.lanesSettling && (this.measurementsCache = this.options.initialMeasurementsCache, this.measurementsCache.forEach((h) => {
-          this.itemSizeCache.set(h.key, h.size);
-        }));
-        const u = this.lanesSettling ? 0 : this.pendingMeasuredCacheIndexes.length > 0 ? Math.min(...this.pendingMeasuredCacheIndexes) : 0;
-        this.pendingMeasuredCacheIndexes = [], this.lanesSettling && this.measurementsCache.length === e && (this.lanesSettling = !1);
-        const c = this.measurementsCache.slice(0, u), d = new Array(i).fill(
-          void 0
-        );
-        for (let h = 0; h < u; h++) {
-          const p = c[h];
-          p && (d[p.lane] = h);
-        }
-        for (let h = u; h < e; h++) {
-          const p = n(h), S = this.laneAssignments.get(h);
-          let f, b;
-          if (S !== void 0 && this.options.lanes > 1) {
-            f = S;
-            const v = d[f], M = v !== void 0 ? c[v] : void 0;
-            b = M ? M.end + this.options.gap : t + s;
-          } else {
-            const v = this.options.lanes === 1 ? c[h - 1] : this.getFurthestMeasurement(c, h);
-            b = v ? v.end + this.options.gap : t + s, f = v ? v.lane : h % this.options.lanes, this.options.lanes > 1 && this.laneAssignments.set(h, f);
-          }
-          const E = a.get(p), g = typeof E == "number" ? E : this.options.estimateSize(h), O = b + g;
-          c[h] = {
-            index: h,
-            start: b,
-            size: g,
-            end: O,
-            key: p,
-            lane: f
-          }, d[f] = h;
-        }
-        return this.measurementsCache = c, c;
-      },
-      {
-        key: process.env.NODE_ENV !== "production" && "getMeasurements",
-        debug: () => this.options.debug
-      }
-    ), this.calculateRange = x(
-      () => [
-        this.getMeasurements(),
-        this.getSize(),
-        this.getScrollOffset(),
-        this.options.lanes
-      ],
-      (e, t, s, n) => this.range = e.length > 0 && t > 0 ? G({
-        measurements: e,
-        outerSize: t,
-        scrollOffset: s,
-        lanes: n
-      }) : null,
-      {
-        key: process.env.NODE_ENV !== "production" && "calculateRange",
-        debug: () => this.options.debug
-      }
-    ), this.getVirtualIndexes = x(
-      () => {
-        let e = null, t = null;
-        const s = this.calculateRange();
-        return s && (e = s.startIndex, t = s.endIndex), this.maybeNotify.updateDeps([this.isScrolling, e, t]), [
-          this.options.rangeExtractor,
-          this.options.overscan,
-          this.options.count,
-          e,
-          t
-        ];
-      },
-      (e, t, s, n, o) => n === null || o === null ? [] : e({
-        startIndex: n,
-        endIndex: o,
-        overscan: t,
-        count: s
-      }),
-      {
-        key: process.env.NODE_ENV !== "production" && "getVirtualIndexes",
-        debug: () => this.options.debug
-      }
-    ), this.indexFromElement = (e) => {
-      const t = this.options.indexAttribute, s = e.getAttribute(t);
-      return s ? parseInt(s, 10) : (console.warn(
-        `Missing attribute name '${t}={index}' on measured element.`
-      ), -1);
-    }, this.shouldMeasureDuringScroll = (e) => {
-      var t;
-      if (!this.scrollState || this.scrollState.behavior !== "smooth")
-        return !0;
-      const s = this.scrollState.index ?? ((t = this.getVirtualItemForOffset(this.scrollState.lastTargetOffset)) == null ? void 0 : t.index);
-      if (s !== void 0 && this.range) {
-        const n = Math.max(
-          this.options.overscan,
-          Math.ceil((this.range.endIndex - this.range.startIndex) / 2)
-        ), o = Math.max(0, s - n), i = Math.min(
-          this.options.count - 1,
-          s + n
-        );
-        return e >= o && e <= i;
-      }
-      return !0;
-    }, this.measureElement = (e) => {
-      if (!e) {
-        this.elementsCache.forEach((o, i) => {
-          o.isConnected || (this.observer.unobserve(o), this.elementsCache.delete(i));
-        });
-        return;
-      }
-      const t = this.indexFromElement(e), s = this.options.getItemKey(t), n = this.elementsCache.get(s);
-      n !== e && (n && this.observer.unobserve(n), this.observer.observe(e), this.elementsCache.set(s, e)), (!this.isScrolling || this.scrollState) && this.shouldMeasureDuringScroll(t) && this.resizeItem(t, this.options.measureElement(e, void 0, this));
-    }, this.resizeItem = (e, t) => {
-      var s;
-      const n = this.measurementsCache[e];
-      if (!n) return;
-      const o = this.itemSizeCache.get(n.key) ?? n.size, i = t - o;
-      i !== 0 && (((s = this.scrollState) == null ? void 0 : s.behavior) !== "smooth" && (this.shouldAdjustScrollPositionOnItemSizeChange !== void 0 ? this.shouldAdjustScrollPositionOnItemSizeChange(n, i, this) : n.start < this.getScrollOffset() + this.scrollAdjustments) && (process.env.NODE_ENV !== "production" && this.options.debug && console.info("correction", i), this._scrollToOffset(this.getScrollOffset(), {
-        adjustments: this.scrollAdjustments += i,
-        behavior: void 0
-      })), this.pendingMeasuredCacheIndexes.push(n.index), this.itemSizeCache = new Map(this.itemSizeCache.set(n.key, t)), this.notify(!1));
-    }, this.getVirtualItems = x(
-      () => [this.getVirtualIndexes(), this.getMeasurements()],
-      (e, t) => {
-        const s = [];
-        for (let n = 0, o = e.length; n < o; n++) {
-          const i = e[n], a = t[i];
-          s.push(a);
-        }
-        return s;
-      },
-      {
-        key: process.env.NODE_ENV !== "production" && "getVirtualItems",
-        debug: () => this.options.debug
-      }
-    ), this.getVirtualItemForOffset = (e) => {
-      const t = this.getMeasurements();
-      if (t.length !== 0)
-        return C(
-          t[F(
-            0,
-            t.length - 1,
-            (s) => C(t[s]).start,
-            e
-          )]
-        );
-    }, 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 e = this.scrollElement.document.documentElement;
-        return this.options.horizontal ? e.scrollWidth - this.scrollElement.innerWidth : e.scrollHeight - this.scrollElement.innerHeight;
-      }
-    }, this.getOffsetForAlignment = (e, t, s = 0) => {
-      if (!this.scrollElement) return 0;
-      const n = this.getSize(), o = this.getScrollOffset();
-      t === "auto" && (t = e >= o + n ? "end" : "start"), t === "center" ? e += (s - n) / 2 : t === "end" && (e -= n);
-      const i = this.getMaxScrollOffset();
-      return Math.max(Math.min(i, e), 0);
-    }, this.getOffsetForIndex = (e, t = "auto") => {
-      e = Math.max(0, Math.min(e, this.options.count - 1));
-      const s = this.getSize(), n = this.getScrollOffset(), o = this.measurementsCache[e];
-      if (!o) return;
-      if (t === "auto")
-        if (o.end >= n + s - this.options.scrollPaddingEnd)
-          t = "end";
-        else if (o.start <= n + this.options.scrollPaddingStart)
-          t = "start";
-        else
-          return [n, t];
-      if (t === "end" && e === this.options.count - 1)
-        return [this.getMaxScrollOffset(), t];
-      const i = t === "end" ? o.end + this.options.scrollPaddingEnd : o.start - this.options.scrollPaddingStart;
-      return [
-        this.getOffsetForAlignment(i, t, o.size),
-        t
-      ];
-    }, this.scrollToOffset = (e, { align: t = "start", behavior: s = "auto" } = {}) => {
-      const n = this.getOffsetForAlignment(e, t), o = this.now();
-      this.scrollState = {
-        index: null,
-        align: t,
-        behavior: s,
-        startedAt: o,
-        lastTargetOffset: n,
-        stableFrames: 0
-      }, this._scrollToOffset(n, { adjustments: void 0, behavior: s }), this.scheduleScrollReconcile();
-    }, this.scrollToIndex = (e, {
-      align: t = "auto",
-      behavior: s = "auto"
-    } = {}) => {
-      e = Math.max(0, Math.min(e, this.options.count - 1));
-      const n = this.getOffsetForIndex(e, t);
-      if (!n)
-        return;
-      const [o, i] = n, a = this.now();
-      this.scrollState = {
-        index: e,
-        align: i,
-        behavior: s,
-        startedAt: a,
-        lastTargetOffset: o,
-        stableFrames: 0
-      }, this._scrollToOffset(o, { adjustments: void 0, behavior: s }), this.scheduleScrollReconcile();
-    }, this.scrollBy = (e, { behavior: t = "auto" } = {}) => {
-      const s = this.getScrollOffset() + e, n = this.now();
-      this.scrollState = {
-        index: null,
-        align: "start",
-        behavior: t,
-        startedAt: n,
-        lastTargetOffset: s,
-        stableFrames: 0
-      }, this._scrollToOffset(s, { adjustments: void 0, behavior: t }), this.scheduleScrollReconcile();
-    }, this.getTotalSize = () => {
-      var e;
-      const t = this.getMeasurements();
-      let s;
-      if (t.length === 0)
-        s = this.options.paddingStart;
-      else if (this.options.lanes === 1)
-        s = ((e = t[t.length - 1]) == null ? void 0 : e.end) ?? 0;
-      else {
-        const n = Array(this.options.lanes).fill(null);
-        let o = t.length - 1;
-        for (; o >= 0 && n.some((i) => i === null); ) {
-          const i = t[o];
-          n[i.lane] === null && (n[i.lane] = i.end), o--;
-        }
-        s = Math.max(...n.filter((i) => i !== null));
-      }
-      return Math.max(
-        s - this.options.scrollMargin + this.options.paddingEnd,
-        0
-      );
-    }, this._scrollToOffset = (e, {
-      adjustments: t,
-      behavior: s
-    }) => {
-      this.options.scrollToFn(e, { behavior: s, adjustments: t }, this);
-    }, this.measure = () => {
-      this.itemSizeCache = /* @__PURE__ */ new Map(), this.laneAssignments = /* @__PURE__ */ new Map(), this.notify(!1);
-    }, this.setOptions(r);
-  }
-  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 t = this.scrollState.index != null ? this.getOffsetForIndex(this.scrollState.index, this.scrollState.align) : void 0, s = t ? t[0] : this.scrollState.lastTargetOffset, n = 1, o = s !== this.scrollState.lastTargetOffset;
-    if (!o && j(s, this.getScrollOffset())) {
-      if (this.scrollState.stableFrames++, this.scrollState.stableFrames >= n) {
-        this.scrollState = null;
-        return;
-      }
-    } else
-      this.scrollState.stableFrames = 0, o && (this.scrollState.lastTargetOffset = s, this.scrollState.behavior = "auto", this._scrollToOffset(s, {
-        adjustments: void 0,
-        behavior: "auto"
-      }));
-    this.scheduleScrollReconcile();
-  }
-}
-const F = (l, r, e, t) => {
-  for (; l <= r; ) {
-    const s = (l + r) / 2 | 0, n = e(s);
-    if (n < t)
-      l = s + 1;
-    else if (n > t)
-      r = s - 1;
-    else
-      return s;
-  }
-  return l > 0 ? l - 1 : 0;
-};
-function G({
-  measurements: l,
-  outerSize: r,
-  scrollOffset: e,
-  lanes: t
-}) {
-  const s = l.length - 1, n = (a) => l[a].start;
-  if (l.length <= t)
-    return {
-      startIndex: 0,
-      endIndex: s
-    };
-  let o = F(
-    0,
-    s,
-    n,
-    e
-  ), i = o;
-  if (t === 1)
-    for (; i < s && l[i].end < e + r; )
-      i++;
-  else if (t > 1) {
-    const a = Array(t).fill(0);
-    for (; i < s && a.some((c) => c < e + r); ) {
-      const c = l[i];
-      a[c.lane] = c.end, i++;
-    }
-    const u = Array(t).fill(e + r);
-    for (; o >= 0 && u.some((c) => c >= e); ) {
-      const c = l[o];
-      u[c.lane] = c.start, o--;
-    }
-    o = Math.max(0, o - o % t), i = Math.min(s, i + (t - 1 - i % t));
-  }
-  return { startIndex: o, endIndex: i };
-}
-const _ = typeof document < "u" ? w.useLayoutEffect : w.useEffect;
-function J({
-  useFlushSync: l = !0,
-  ...r
-}) {
-  const e = w.useReducer(() => ({}), {})[1], t = {
-    ...r,
-    onChange: (n, o) => {
-      var i;
-      l && o ? L(e) : e(), (i = r.onChange) == null || i.call(r, n, o);
-    }
-  }, [s] = w.useState(
-    () => new X(t)
-  );
-  return s.setOptions(t), _(() => s._didMount(), []), _(() => s._willUpdate()), s;
-}
-function Q(l) {
-  return J({
-    observeElementRect: $,
-    observeElementOffset: q,
-    scrollToFn: U,
-    ...l
-  });
-}
-const oe = ({
-  showFlagOnSearch: l,
-  showNameOnSearch: r
-}) => {
-  const e = T(null), { termOfSearch: t, countries: s, handleSelectCountry: n } = V(), o = k(() => s.filter(
-    (a) => a.name.toLocaleLowerCase().includes(t.toLowerCase())
-  ), [t]), i = Q({
-    count: o.length,
-    overscan: 5,
-    getScrollElement: () => e.current,
-    estimateSize: () => 40
-  });
-  return D(() => {
-    o.length > 0 && i.scrollToIndex(0);
-  }, [t, i]), o.length === 0 ? /* @__PURE__ */ m("div", { className: "overflow-y-auto max-h-60 snap-y snap-mandatory", children: /* @__PURE__ */ m("ul", { className: "relative", children: /* @__PURE__ */ m("li", { className: "w-full flex items-center h-10 select-none px-6", children: /* @__PURE__ */ m(
-    y,
-    {
-      variant: "body2",
-      component: "span",
-      className: "flex gap-2 items-center text-left",
-      children: "No options"
-    }
-  ) }) }) }) : /* @__PURE__ */ m(
-    "div",
-    {
-      ref: e,
-      className: "overflow-y-auto max-h-60 snap-y snap-mandatory scrollbar",
-      children: /* @__PURE__ */ m(
-        "ul",
-        {
-          className: "relative",
-          style: { height: i.getTotalSize() },
-          children: i.getVirtualItems().map((a) => {
-            const u = o[a.index], { flag: c, name: d, prefix: h } = u;
-            return /* @__PURE__ */ m(
-              "li",
-              {
-                className: I(
-                  "absolute",
-                  "w-full",
-                  "snap-start",
-                  "snap-always",
-                  "scroll-m-0",
-                  "flex",
-                  "items-center",
-                  "h-10"
-                ),
-                style: {
-                  top: a.start,
-                  height: a.size
-                },
-                children: /* @__PURE__ */ m(
-                  "button",
-                  {
-                    className: I(
-                      "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(u),
-                    children: /* @__PURE__ */ N(
-                      y,
-                      {
-                        variant: "body2",
-                        component: "span",
-                        className: "flex gap-2 items-center text-left",
-                        children: [
-                          l && /* @__PURE__ */ m(c, {}),
-                          r && /* @__PURE__ */ m(W, { text: d, prefix: h })
-                        ]
-                      }
-                    )
-                  }
-                )
-              },
-              a.key
-            );
-          })
-        }
-      )
-    }
-  );
-};
+import { t as o } from "../../../../FlagSelectorList-C17nmEBM.js";
 export {
-  oe as FlagSelectorList
+  o as FlagSelectorList
 };