@konstructio/ui 0.1.2-alpha.75 → 0.1.2-alpha.77

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

@@ -1,18 +1,18 @@
 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 L } from "react";
-import { flushSync as D } from "react-dom";
+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 C } from "../../../../utils/index.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(o, r, e) {
+function x(l, r, e) {
   let t = e.initialDeps ?? [], s, n = !0;
-  function i() {
-    var l, a, u;
+  function o() {
+    var i, a, u;
     let c;
-    e.key && ((l = e.debug) != null && l.call(e)) && (c = Date.now());
-    const d = o();
+    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;
@@ -37,45 +37,45 @@ function x(o, r, e) {
     }
     return e?.onChange && !(n && e.skipInitialOnChange) && e.onChange(s), n = !1, s;
   }
-  return i.updateDeps = (l) => {
-    t = l;
-  }, i;
+  return o.updateDeps = (i) => {
+    t = i;
+  }, o;
 }
-function I(o, r) {
-  if (o === void 0)
+function C(l, r) {
+  if (l === void 0)
     throw new Error("Unexpected undefined");
-  return o;
+  return l;
 }
-const j = (o, r) => Math.abs(o - r) < 1.01, P = (o, r, e) => {
+const j = (l, r) => Math.abs(l - r) < 1.01, P = (l, r, e) => {
   let t;
   return function(...s) {
-    o.clearTimeout(t), t = o.setTimeout(() => r.apply(this, s), e);
+    l.clearTimeout(t), t = l.setTimeout(() => r.apply(this, s), e);
   };
-}, z = (o) => {
-  const { offsetWidth: r, offsetHeight: e } = o;
+}, z = (l) => {
+  const { offsetWidth: r, offsetHeight: e } = l;
   return { width: r, height: e };
-}, B = (o) => o, H = (o) => {
-  const r = Math.max(o.startIndex - o.overscan, 0), e = Math.min(o.endIndex + o.overscan, o.count - 1), t = [];
+}, 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;
-}, $ = (o, r) => {
-  const e = o.scrollElement;
+}, $ = (l, r) => {
+  const e = l.scrollElement;
   if (!e)
     return;
-  const t = o.targetWindow;
+  const t = l.targetWindow;
   if (!t)
     return;
-  const s = (i) => {
-    const { width: l, height: a } = i;
-    r({ width: Math.round(l), height: Math.round(a) });
+  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((i) => {
-    const l = () => {
-      const a = i[0];
+  const n = new t.ResizeObserver((o) => {
+    const i = () => {
+      const a = o[0];
       if (a?.borderBoxSize) {
         const u = a.borderBoxSize[0];
         if (u) {
@@ -85,38 +85,38 @@ const j = (o, r) => Math.abs(o - r) < 1.01, P = (o, r, e) => {
       }
       s(z(e));
     };
-    o.options.useAnimationFrameWithResizeObserver ? requestAnimationFrame(l) : l();
+    l.options.useAnimationFrameWithResizeObserver ? requestAnimationFrame(i) : i();
   });
   return n.observe(e, { box: "border-box" }), () => {
     n.unobserve(e);
   };
-}, _ = {
+}, A = {
   passive: !0
-}, A = typeof window > "u" ? !0 : "onscrollend" in window, q = (o, r) => {
-  const e = o.scrollElement;
+}, R = typeof window > "u" ? !0 : "onscrollend" in window, q = (l, r) => {
+  const e = l.scrollElement;
   if (!e)
     return;
-  const t = o.targetWindow;
+  const t = l.targetWindow;
   if (!t)
     return;
   let s = 0;
-  const n = o.options.useScrollendEvent && A ? () => {
+  const n = l.options.useScrollendEvent && R ? () => {
   } : P(
     t,
     () => {
       r(s, !1);
     },
-    o.options.isScrollingResetDelay
-  ), i = (c) => () => {
-    const { horizontal: d, isRtl: h } = o.options;
+    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);
-  }, l = i(!0), a = i(!1);
-  e.addEventListener("scroll", l, _);
-  const u = o.options.useScrollendEvent && A;
-  return u && e.addEventListener("scrollend", a, _), () => {
-    e.removeEventListener("scroll", l), u && e.removeEventListener("scrollend", a);
+  }, 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);
   };
-}, U = (o, r, e) => {
+}, K = (l, r, e) => {
   if (r?.borderBoxSize) {
     const t = r.borderBoxSize[0];
     if (t)
@@ -124,15 +124,15 @@ const j = (o, r) => Math.abs(o - r) < 1.01, P = (o, r, e) => {
         t[e.options.horizontal ? "inlineSize" : "blockSize"]
       );
   }
-  return o[e.options.horizontal ? "offsetWidth" : "offsetHeight"];
-}, K = (o, {
+  return l[e.options.horizontal ? "offsetWidth" : "offsetHeight"];
+}, U = (l, {
   adjustments: r = 0,
   behavior: e
 }, t) => {
   var s, n;
-  const i = o + r;
+  const o = l + r;
   (n = (s = t.scrollElement) == null ? void 0 : s.scrollTo) == null || n.call(s, {
-    [t.options.horizontal ? "left" : "top"]: i,
+    [t.options.horizontal ? "left" : "top"]: o,
     behavior: e
   });
 };
@@ -145,10 +145,18 @@ class X {
       let e = null;
       const t = () => e || (!this.targetWindow || !this.targetWindow.ResizeObserver ? null : e = new this.targetWindow.ResizeObserver((s) => {
         s.forEach((n) => {
-          const i = () => {
-            this._measureElement(n.target, 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(i) : i();
+          this.options.useAnimationFrameWithResizeObserver ? requestAnimationFrame(o) : o();
         });
       }));
       return {
@@ -181,7 +189,7 @@ class X {
         rangeExtractor: H,
         onChange: () => {
         },
-        measureElement: U,
+        measureElement: K,
         initialRect: { width: 0, height: 0 },
         scrollMargin: 0,
         gap: 0,
@@ -245,17 +253,17 @@ class X {
       }
     }, 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 i = t - 1; i >= 0; i--) {
-        const l = e[i];
-        if (s.has(l.lane))
+      for (let o = t - 1; o >= 0; o--) {
+        const i = e[o];
+        if (s.has(i.lane))
           continue;
         const a = n.get(
-          l.lane
+          i.lane
         );
-        if (a == null || l.end > a.end ? n.set(l.lane, l) : l.end < a.end && s.set(l.lane, !0), s.size === this.options.lanes)
+        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((i, l) => i.end === l.end ? i.index - l.index : i.end - l.end)[0] : void 0;
+      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,
@@ -265,21 +273,21 @@ class X {
         this.options.enabled,
         this.options.lanes
       ],
-      (e, t, s, n, i, l) => (this.prevLanes !== void 0 && this.prevLanes !== l && (this.lanesChangedFlag = !0), this.prevLanes = l, this.pendingMeasuredCacheIndexes = [], {
+      (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: i,
-        lanes: l
+        enabled: o,
+        lanes: i
       }),
       {
         key: !1
       }
     ), this.getMeasurements = x(
       () => [this.getMeasurementOptions(), this.itemSizeCache],
-      ({ count: e, paddingStart: t, scrollMargin: s, getItemKey: n, enabled: i, lanes: l }, a) => {
-        if (!i)
+      ({ 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())
@@ -289,7 +297,7 @@ class X {
         }));
         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(l).fill(
+        const c = this.measurementsCache.slice(0, u), d = new Array(i).fill(
           void 0
         );
         for (let h = 0; h < u; h++) {
@@ -352,9 +360,9 @@ class X {
           t
         ];
       },
-      (e, t, s, n, i) => n === null || i === null ? [] : e({
+      (e, t, s, n, o) => n === null || o === null ? [] : e({
         startIndex: n,
-        endIndex: i,
+        endIndex: o,
         overscan: t,
         count: s
       }),
@@ -376,47 +384,37 @@ class X {
         const n = Math.max(
           this.options.overscan,
           Math.ceil((this.range.endIndex - this.range.startIndex) / 2)
-        ), i = Math.max(0, s - n), l = Math.min(
+        ), o = Math.max(0, s - n), i = Math.min(
           this.options.count - 1,
           s + n
         );
-        return e >= i && e <= l;
+        return e >= o && e <= i;
       }
       return !0;
-    }, this._measureElement = (e, t) => {
-      if (!e.isConnected) {
-        this.observer.unobserve(e);
+    }, this.measureElement = (e) => {
+      if (!e) {
+        this.elementsCache.forEach((o, i) => {
+          o.isConnected || (this.observer.unobserve(o), this.elementsCache.delete(i));
+        });
         return;
       }
-      const s = this.indexFromElement(e), n = this.measurementsCache[s];
-      if (!n)
-        return;
-      const i = n.key, l = this.elementsCache.get(i);
-      l !== e && (l && this.observer.unobserve(l), this.observer.observe(e), this.elementsCache.set(i, e)), this.shouldMeasureDuringScroll(s) && this.resizeItem(s, this.options.measureElement(e, t, this));
+      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 i = this.itemSizeCache.get(n.key) ?? n.size, l = t - i;
-      l !== 0 && (((s = this.scrollState) == null ? void 0 : s.behavior) !== "smooth" && (this.shouldAdjustScrollPositionOnItemSizeChange !== void 0 ? this.shouldAdjustScrollPositionOnItemSizeChange(n, l, this) : n.start < this.getScrollOffset() + this.scrollAdjustments) && (process.env.NODE_ENV !== "production" && this.options.debug && console.info("correction", l), this._scrollToOffset(this.getScrollOffset(), {
-        adjustments: this.scrollAdjustments += l,
+      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.measureElement = (e) => {
-      if (!e) {
-        this.elementsCache.forEach((t, s) => {
-          t.isConnected || (this.observer.unobserve(t), this.elementsCache.delete(s));
-        });
-        return;
-      }
-      this._measureElement(e, void 0);
     }, this.getVirtualItems = x(
       () => [this.getVirtualIndexes(), this.getMeasurements()],
       (e, t) => {
         const s = [];
-        for (let n = 0, i = e.length; n < i; n++) {
-          const l = e[n], a = t[l];
+        for (let n = 0, o = e.length; n < o; n++) {
+          const i = e[n], a = t[i];
           s.push(a);
         }
         return s;
@@ -428,11 +426,11 @@ class X {
     ), this.getVirtualItemForOffset = (e) => {
       const t = this.getMeasurements();
       if (t.length !== 0)
-        return I(
+        return C(
           t[F(
             0,
             t.length - 1,
-            (s) => I(t[s]).start,
+            (s) => C(t[s]).start,
             e
           )]
         );
@@ -446,35 +444,35 @@ class X {
       }
     }, this.getOffsetForAlignment = (e, t, s = 0) => {
       if (!this.scrollElement) return 0;
-      const n = this.getSize(), i = this.getScrollOffset();
-      t === "auto" && (t = e >= i + n ? "end" : "start"), t === "center" ? e += (s - n) / 2 : t === "end" && (e -= n);
-      const l = this.getMaxScrollOffset();
-      return Math.max(Math.min(l, e), 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(), i = this.measurementsCache[e];
-      if (!i) return;
+      const s = this.getSize(), n = this.getScrollOffset(), o = this.measurementsCache[e];
+      if (!o) return;
       if (t === "auto")
-        if (i.end >= n + s - this.options.scrollPaddingEnd)
+        if (o.end >= n + s - this.options.scrollPaddingEnd)
           t = "end";
-        else if (i.start <= n + this.options.scrollPaddingStart)
+        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 l = t === "end" ? i.end + this.options.scrollPaddingEnd : i.start - this.options.scrollPaddingStart;
+      const i = t === "end" ? o.end + this.options.scrollPaddingEnd : o.start - this.options.scrollPaddingStart;
       return [
-        this.getOffsetForAlignment(l, t, i.size),
+        this.getOffsetForAlignment(i, t, o.size),
         t
       ];
     }, this.scrollToOffset = (e, { align: t = "start", behavior: s = "auto" } = {}) => {
-      const n = this.getOffsetForAlignment(e, t), i = this.now();
+      const n = this.getOffsetForAlignment(e, t), o = this.now();
       this.scrollState = {
         index: null,
         align: t,
         behavior: s,
-        startedAt: i,
+        startedAt: o,
         lastTargetOffset: n,
         stableFrames: 0
       }, this._scrollToOffset(n, { adjustments: void 0, behavior: s }), this.scheduleScrollReconcile();
@@ -486,15 +484,15 @@ class X {
       const n = this.getOffsetForIndex(e, t);
       if (!n)
         return;
-      const [i, l] = n, a = this.now();
+      const [o, i] = n, a = this.now();
       this.scrollState = {
         index: e,
-        align: l,
+        align: i,
         behavior: s,
         startedAt: a,
-        lastTargetOffset: i,
+        lastTargetOffset: o,
         stableFrames: 0
-      }, this._scrollToOffset(i, { adjustments: void 0, behavior: s }), this.scheduleScrollReconcile();
+      }, 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 = {
@@ -515,12 +513,12 @@ class X {
         s = ((e = t[t.length - 1]) == null ? void 0 : e.end) ?? 0;
       else {
         const n = Array(this.options.lanes).fill(null);
-        let i = t.length - 1;
-        for (; i >= 0 && n.some((l) => l === null); ) {
-          const l = t[i];
-          n[l.lane] === null && (n[l.lane] = l.end), i--;
+        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((l) => l !== null));
+        s = Math.max(...n.filter((i) => i !== null));
       }
       return Math.max(
         s - this.options.scrollMargin + this.options.paddingEnd,
@@ -550,183 +548,125 @@ class X {
       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, i = s !== this.scrollState.lastTargetOffset;
-    if (!i && j(s, this.getScrollOffset())) {
+    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, i && (this.scrollState.lastTargetOffset = s, this.scrollState.behavior = "auto", this._scrollToOffset(s, {
+      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 = (o, r, e, t) => {
-  for (; o <= r; ) {
-    const s = (o + r) / 2 | 0, n = e(s);
+const F = (l, r, e, t) => {
+  for (; l <= r; ) {
+    const s = (l + r) / 2 | 0, n = e(s);
     if (n < t)
-      o = s + 1;
+      l = s + 1;
     else if (n > t)
       r = s - 1;
     else
       return s;
   }
-  return o > 0 ? o - 1 : 0;
+  return l > 0 ? l - 1 : 0;
 };
 function G({
-  measurements: o,
+  measurements: l,
   outerSize: r,
   scrollOffset: e,
   lanes: t
 }) {
-  const s = o.length - 1, n = (a) => o[a].start;
-  if (o.length <= t)
+  const s = l.length - 1, n = (a) => l[a].start;
+  if (l.length <= t)
     return {
       startIndex: 0,
       endIndex: s
     };
-  let i = F(
+  let o = F(
     0,
     s,
     n,
     e
-  ), l = i;
+  ), i = o;
   if (t === 1)
-    for (; l < s && o[l].end < e + r; )
-      l++;
+    for (; i < s && l[i].end < e + r; )
+      i++;
   else if (t > 1) {
     const a = Array(t).fill(0);
-    for (; l < s && a.some((c) => c < e + r); ) {
-      const c = o[l];
-      a[c.lane] = c.end, l++;
+    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 (; i >= 0 && u.some((c) => c >= e); ) {
-      const c = o[i];
-      u[c.lane] = c.start, i--;
+    for (; o >= 0 && u.some((c) => c >= e); ) {
+      const c = l[o];
+      u[c.lane] = c.start, o--;
     }
-    i = Math.max(0, i - i % t), l = Math.min(s, l + (t - 1 - l % t));
+    o = Math.max(0, o - o % t), i = Math.min(s, i + (t - 1 - i % t));
   }
-  return { startIndex: i, endIndex: l };
+  return { startIndex: o, endIndex: i };
 }
-const R = typeof document < "u" ? w.useLayoutEffect : w.useEffect;
+const _ = typeof document < "u" ? w.useLayoutEffect : w.useEffect;
 function J({
-  useFlushSync: o = !0,
+  useFlushSync: l = !0,
   ...r
 }) {
   const e = w.useReducer(() => ({}), {})[1], t = {
     ...r,
-    onChange: (n, i) => {
-      var l;
-      o && i ? D(e) : e(), (l = r.onChange) == null || l.call(r, n, i);
+    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), R(() => s._didMount(), []), R(() => s._willUpdate()), s;
+  return s.setOptions(t), _(() => s._didMount(), []), _(() => s._willUpdate()), s;
 }
-function Q(o) {
+function Q(l) {
   return J({
     observeElementRect: $,
     observeElementOffset: q,
-    scrollToFn: K,
-    ...o
+    scrollToFn: U,
+    ...l
   });
 }
-const le = ({
-  showFlagOnSearch: o,
+const oe = ({
+  showFlagOnSearch: l,
   showNameOnSearch: r
 }) => {
-  const e = T(null), { termOfSearch: t, countries: s, handleSelectCountry: n } = V(), i = k(() => s.filter(
-    (a) => a.name.toLocaleLowerCase().includes(t.toLowerCase())
-  ), [t]), l = Q({
-    count: i.length,
+  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 L(() => {
-    i.length > 0 && l.scrollToIndex(0);
-  }, [t, l]), i.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: l.getTotalSize() },
-          children: l.getVirtualItems().map((a) => {
-            const u = i[a.index], { flag: c, name: d, prefix: h } = u;
-            return /* @__PURE__ */ m(
-              "li",
-              {
-                className: C(
-                  "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: C(
-                      "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: [
-                          o && /* @__PURE__ */ m(c, {}),
-                          r && /* @__PURE__ */ m(W, { text: d, prefix: h })
-                        ]
-                      }
-                    )
-                  }
-                )
-              },
-              a.key
-            );
-          })
-        }
-      )
-    }
-  );
+  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);
+  }) }) });
 };
 export {
-  le as FlagSelectorList
+  oe as FlagSelectorList
 };