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

package/dist/{FlagSelectorList-BoYG-_It.js → FlagSelectorList-CkTR3j6O.js}

@@ -1,5 +1,5 @@
-import { t as j } from "./utils-Cx-WzRZF.js";
-import { Typography as L } from "./components/Typography/Typography.js";
+import { t as N } from "./utils-Cx-WzRZF.js";
+import { Typography as W } from "./components/Typography/Typography.js";
 import { usePhoneNumberContext as K } from "./components/PhoneNumberInput/contexts/phone-number.hook.js";
 import { TruncateText as $ } from "./components/PhoneNumberInput/components/TruncateText/TruncateText.js";
 import * as M from "react";
@@ -10,23 +10,23 @@ 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],
+      const h = n.charCodeAt(0);
+      if (h >= 48 && h <= 57) {
+        const a = +n;
+        if (Number.isInteger(a) && a >= 0 && a < l) {
+          let d = i[a];
+          if (!d) {
+            const c = t[a * 2];
+            d = i[a] = {
+              index: a,
+              key: e(a),
+              start: c,
+              size: t[a * 2 + 1],
+              end: c + t[a * 2 + 1],
               lane: 0
             };
           }
-          return h;
+          return d;
         }
       }
       if (n === "length") return l;
@@ -37,31 +37,31 @@ function G(l, t, e) {
 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;
+    var h;
+    const a = process.env.NODE_ENV !== "production" && !!e.key && !!((h = e.debug) != null && h.call(e));
+    let d = 0;
+    a && (d = Date.now());
+    const c = l();
+    if (!(c.length !== s.length || c.some((f, m) => s[m] !== f))) return i;
+    s = c;
+    let r = 0;
+    if (a && (r = Date.now()), i = t(...c), a) {
+      const f = Math.round((Date.now() - d) * 100) / 100, m = Math.round((Date.now() - r) * 100) / 100, S = m / 16, p = (u, g) => {
+        for (u = String(u); u.length < g; ) u = " " + u;
+        return u;
       };
-      console.info(`%c⏱ ${v(g, 5)} /${v(f, 5)} ms`, `
+      console.info(`%c⏱ ${p(m, 5)} /${p(f, 5)} ms`, `
             font-size: .6rem;
             font-weight: bold;
-            color: hsl(${Math.max(0, Math.min(120 - 120 * p, 120))}deg 100% 31%);`, e?.key);
+            color: hsl(${Math.max(0, Math.min(120 - 120 * S, 120))}deg 100% 31%);`, e?.key);
     }
     return e?.onChange && !(n && e.skipInitialOnChange) && e.onChange(i), n = !1, i;
   }
-  return o.updateDeps = (c) => {
-    s = c;
+  return o.updateDeps = (h) => {
+    s = h;
   }, o;
 }
-function V(l, t) {
+function L(l, t) {
   if (l === void 0) throw new Error(`Unexpected undefined${t ? `: ${t}` : ""}`);
   return l;
 }
@@ -76,7 +76,7 @@ var Q = (l, t) => Math.abs(l - t) < 1.01, X = (l, t, e) => {
   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) => {
+}, V = (l) => {
   const { offsetWidth: t, offsetHeight: e } = l;
   return {
     width: t,
@@ -92,30 +92,30 @@ var Q = (l, t) => Math.abs(l - t) < 1.01, X = (l, t, e) => {
   const s = l.targetWindow;
   if (!s) return;
   const i = (o) => {
-    const { width: c, height: r } = o;
+    const { width: h, height: a } = o;
     t({
-      width: Math.round(c),
-      height: Math.round(r)
+      width: Math.round(h),
+      height: Math.round(a)
     });
   };
-  if (i(W(e)), !s.ResizeObserver) return () => {
+  if (i(V(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) {
+    const h = () => {
+      const a = o[0];
+      if (a?.borderBoxSize) {
+        const d = a.borderBoxSize[0];
+        if (d) {
           i({
-            width: h.inlineSize,
-            height: h.blockSize
+            width: d.inlineSize,
+            height: d.blockSize
           });
           return;
         }
       }
-      i(W(e));
+      i(V(e));
     };
-    l.options.useAnimationFrameWithResizeObserver ? requestAnimationFrame(c) : c();
+    l.options.useAnimationFrameWithResizeObserver ? requestAnimationFrame(h) : h();
   });
   return n.observe(e, { box: "border-box" }), () => {
     n.unobserve(e);
@@ -127,11 +127,11 @@ var Q = (l, t) => Math.abs(l - t) < 1.01, X = (l, t, e) => {
   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);
+  const h = n ? null : X(i, () => t(o, !1), l.options.isScrollingResetDelay), a = (r) => () => {
+    o = e(s), h?.(), t(o, r);
+  }, d = a(!0), c = a(!1);
+  return s.addEventListener("scroll", d, C), n && s.addEventListener("scrollend", c, C), () => {
+    s.removeEventListener("scroll", d), n && s.removeEventListener("scrollend", c);
   };
 }, it = (l, t) => st(l, t, (e) => {
   const { horizontal: s, isRtl: i } = l.options;
@@ -166,16 +166,16 @@ var Q = (l, t) => Math.abs(l - t) < 1.01, X = (l, t, e) => {
       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);
+            const o = i.target, h = this.indexFromElement(o);
             if (!o.isConnected) {
               this.observer.unobserve(o);
-              for (const [r, h] of this.elementsCache) if (h === o) {
-                this.elementsCache.delete(r);
+              for (const [a, d] of this.elementsCache) if (d === o) {
+                this.elementsCache.delete(a);
                 break;
               }
               return;
             }
-            this.shouldMeasureDuringScroll(c) && this.resizeItem(c, this.options.measureElement(o, i, this));
+            this.shouldMeasureDuringScroll(h) && this.resizeItem(h, this.options.measureElement(o, i, this));
           };
           this.options.useAnimationFrameWithResizeObserver ? requestAnimationFrame(n) : n();
         });
@@ -230,41 +230,41 @@ var Q = (l, t) => Math.abs(l - t) < 1.01, X = (l, t, e) => {
         laneAssignmentMode: "estimate",
         useCachedMeasurements: !1
       };
-      for (const a in t) {
-        const f = t[a];
-        f !== void 0 && (i[a] = f);
+      for (const r in t) {
+        const f = t[r];
+        f !== void 0 && (i[r] = f);
       }
       const n = this.options;
-      let o = null, c = null, r = !1;
+      let o = null, h = null, a = !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);
+        const r = n.count, f = i.count, m = this.getMeasurements(), S = r > 0 ? ((e = m[0]) == null ? void 0 : e.key) ?? n.getItemKey(0) : null, p = r > 0 ? ((s = m[r - 1]) == null ? void 0 : s.key) ?? n.getItemKey(r - 1) : null;
+        if (f !== r || r > 0 && f > 0 && (i.getItemKey(0) !== S || i.getItemKey(f - 1) !== p)) {
+          a = !0;
+          const u = r > 0 ? this.getVirtualItemForOffset(this.getScrollOffset()) ?? m[0] : null;
+          u && (o = [u.key, this.getScrollOffset() - u.start]);
+          const g = i.followOnAppend === !0 ? "auto" : i.followOnAppend || null;
+          g && f > r && this.isAtEnd(n.scrollEndThreshold) && (r === 0 || i.getItemKey(f - 1) !== p) && (h = g);
         }
       }
-      this.options = i, r && (this.pendingMin = 0, this.itemSizeCacheVersion++);
-      let h = !1, u = 0;
+      this.options = i, a && (this.pendingMin = 0, this.itemSizeCacheVersion++);
+      let d = !1, c = 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);
+        const [r, f] = o, m = this.getMeasurements(), { count: S, getItemKey: p } = this.options;
+        let u = 0;
+        for (; u < S && p(u) !== r; ) u++;
+        if (u < S) {
+          const g = m[u];
+          if (g) {
+            const E = Math.max(0, g.start + f);
+            E !== this.scrollOffset && (c = E - this.scrollOffset, this.scrollOffset = E, d = !0);
           }
         }
       }
-      (h || c) && (this.pendingScrollAnchor = [
-        h ? o[0] : null,
-        h ? o[1] : 0,
-        c,
-        u
+      (d || h) && (this.pendingScrollAnchor = [
+        d ? o[0] : null,
+        d ? o[1] : 0,
+        h,
+        c
       ]);
     }, this.notify = (t) => {
       var e, s;
@@ -323,8 +323,8 @@ var Q = (l, t) => Math.abs(l - t) < 1.01, X = (l, t, e) => {
       }
       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(), {
+        const [i, n, o, h] = s;
+        i !== null && !o && (D() && (this.isScrolling || this._iosTouching || this._iosJustTouchEnded) ? h !== 0 && (this._iosDeferredAdjustment += h) : this._scrollToOffset(this.getScrollOffset(), {
           adjustments: void 0,
           behavior: void 0
         })), o && this.scrollToEnd({ behavior: o });
@@ -351,77 +351,77 @@ var Q = (l, t) => Math.abs(l - t) < 1.01, X = (l, t, e) => {
       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, {
+    ], (t, e, s, i, n, o, h, a) => (this.prevLanes !== void 0 && this.prevLanes !== o && (this.lanesChangedFlag = !0), this.prevLanes = o, this.pendingMin = null, {
       count: t,
       paddingStart: e,
       scrollMargin: s,
       getItemKey: i,
       enabled: n,
       lanes: o,
-      laneAssignmentMode: 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;
+      laneAssignmentMode: h,
+      gap: a
+    }), { key: !1 }), this.getMeasurements = I(() => [this.getMeasurementOptions(), this.itemSizeCacheVersion], ({ count: t, paddingStart: e, scrollMargin: s, getItemKey: i, enabled: n, lanes: o, laneAssignmentMode: h, gap: a }, d) => {
+      const c = this.itemSizeCache;
       if (!n)
         return this.measurementsCache = [], this.itemSizeCache.clear(), this.laneAssignments.clear(), [];
       if (this.laneAssignments.size > t)
-        for (const 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);
+        for (const u of this.laneAssignments.keys()) u >= t && this.laneAssignments.delete(u);
+      this.lanesChangedFlag && (this.lanesChangedFlag = !1, this.lanesSettling = !0, this.measurementsCache = [], this.itemSizeCache.clear(), this.laneAssignments.clear(), this.pendingMin = null), this.measurementsCache.length === 0 && !this.lanesSettling && (this.measurementsCache = this.options.initialMeasurementsCache, this.measurementsCache.forEach((u) => {
+        this.itemSizeCache.set(u.key, u.size);
       }));
-      const a = this.lanesSettling ? 0 : this.pendingMin ?? 0;
+      const r = 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;
+        const u = t * 2;
+        let g = this._flatMeasurements;
+        if (!g || g.length < u) {
+          const b = new Float64Array(u);
+          g && r > 0 && b.set(g.subarray(0, r * 2)), g = b, this._flatMeasurements = g;
         }
         let E;
-        if (a === 0) E = e + s;
+        if (r === 0) E = e + s;
         else {
-          const b = a - 1;
-          E = m[b * 2] + m[b * 2 + 1] + r;
+          const b = r - 1;
+          E = g[b * 2] + g[b * 2 + 1] + a;
         }
-        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;
+        for (let b = r; b < t; b++) {
+          const A = i(b), z = c.get(A), w = typeof z == "number" ? z : this.options.estimateSize(b);
+          g[b * 2] = E, g[b * 2 + 1] = w, E += w + a;
         }
-        const S = G(t, m, i);
-        return this.measurementsCache = S, S;
+        const v = G(t, g, i);
+        return this.measurementsCache = v, v;
       }
-      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);
+      const f = this.measurementsCache.slice(0, r), m = new Array(o).fill(void 0), S = new Float64Array(o);
+      let p = 0;
+      for (let u = 0; u < r; u++) {
+        const g = f[u];
+        g && (m[g.lane] === void 0 && p++, m[g.lane] = u, S[g.lane] = g.end);
       }
-      for (let d = a; d < t; d++) {
-        const m = i(d), E = this.laneAssignments.get(d);
-        let S, b;
-        const A = c === "estimate" || u.has(m);
+      for (let u = r; u < t; u++) {
+        const g = i(u), E = this.laneAssignments.get(u);
+        let v, b;
+        const A = h === "estimate" || c.has(g);
         if (E !== void 0 && this.options.lanes > 1) {
-          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];
+          v = E;
+          const _ = m[v], y = _ !== void 0 ? f[_] : void 0;
+          b = y ? y.end + a : e + s;
+        } else if (p === o) {
+          let _ = 0, y = S[0], j = m[0];
           for (let O = 1; O < o; O++) {
-            const R = p[O];
-            (R < y || R === y && g[O] < N) && (_ = O, y = R, N = g[O]);
+            const R = S[O];
+            (R < y || R === y && m[O] < j) && (_ = O, y = R, j = m[O]);
           }
-          S = _, b = y + r, A && this.laneAssignments.set(d, S);
+          v = _, b = y + a, A && this.laneAssignments.set(u, v);
         } 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,
+          v = u % this.options.lanes, b = e + s, A && this.laneAssignments.set(u, v);
+        const z = c.get(g), w = typeof z == "number" ? z : this.options.estimateSize(u), k = b + w;
+        f[u] = {
+          index: u,
           start: b,
-          size: z,
+          size: w,
           end: k,
-          key: m,
-          lane: S
-        }, g[S] === void 0 && v++, g[S] = d, p[S] = k;
+          key: g,
+          lane: v
+        }, m[v] === void 0 && p++, m[v] = u, S[v] = k;
       }
       return this.measurementsCache = f, f;
     }, {
@@ -481,26 +481,26 @@ var Q = (l, t) => Math.abs(l - t) < 1.01, X = (l, t, e) => {
     }, 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];
+      let n, o, h;
+      const a = this._flatMeasurements;
+      if (this.options.lanes === 1 && a !== null)
+        h = this.options.getItemKey(t), o = a[t * 2], n = a[t * 2 + 1];
       else {
-        const u = this.measurementsCache[t];
-        if (!u) return;
-        c = u.key, o = u.start, n = u.size;
+        const r = this.measurementsCache[t];
+        if (!r) return;
+        h = r.key, o = r.start, n = r.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] ?? {
+      const d = this.itemSizeCache.get(h) ?? n, c = e - d;
+      if (c !== 0) {
+        const r = this.options.anchorTo === "end" && ((s = this.scrollState) == null ? void 0 : s.behavior) !== "smooth" && this.getVirtualDistanceFromEnd() <= this.options.scrollEndThreshold, f = r ? this.getTotalSize() : 0, m = this.getScrollOffset() + this.scrollAdjustments, S = this.itemSizeCache.has(h) ? o + d <= m && this.scrollDirection !== "backward" : o < m, p = ((i = this.scrollState) == null ? void 0 : i.behavior) !== "smooth" && (this.shouldAdjustScrollPositionOnItemSizeChange !== void 0 ? this.shouldAdjustScrollPositionOnItemSizeChange(this.measurementsCache[t] ?? {
           index: t,
-          key: c,
+          key: h,
           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);
+        }, c, this) : S);
+        (this.pendingMin === null || t < this.pendingMin) && (this.pendingMin = t), this.itemSizeCache.set(h, e), this.itemSizeCacheVersion++, r ? this.applyScrollAdjustment(this.getTotalSize() - f) : p && this.applyScrollAdjustment(c), this.notify(!1);
       }
     }, this.getVirtualItems = I(() => [this.getVirtualIndexes(), this.getMeasurements()], (t, e) => {
       const s = [];
@@ -516,7 +516,7 @@ var Q = (l, t) => Math.abs(l - t) < 1.01, X = (l, t, e) => {
       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)]);
+      return L(e[P(0, e.length - 1, i ? (n) => s[n * 2] : (n) => L(e[n]).start, t)]);
     }, this.getMaxScrollOffset = () => {
       if (!this.scrollElement) return 0;
       if ("scrollHeight" in this.scrollElement) return this.options.horizontal ? this.scrollElement.scrollWidth - this.scrollElement.clientWidth : this.scrollElement.scrollHeight - this.scrollElement.clientHeight;
@@ -558,12 +558,12 @@ var Q = (l, t) => Math.abs(l - t) < 1.01, X = (l, t, e) => {
       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();
+      const [n, o] = i, h = this.now();
       this.scrollState = {
         index: t,
         align: o,
         behavior: s,
-        startedAt: c,
+        startedAt: h,
         lastTargetOffset: n,
         stableFrames: 0
       }, this._scrollToOffset(n, {
@@ -697,38 +697,38 @@ function ht(l, t, e, s, i) {
     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++;
+    const d = at(i, n, e);
+    let c = d;
+    const r = e + t;
+    for (; c < n && i[c * 2] + i[c * 2 + 1] < r; ) c++;
     return {
-      startIndex: h,
-      endIndex: u
+      startIndex: d,
+      endIndex: c
     };
   }
-  let c = P(0, n, (h) => l[h].start, e), r = c;
-  if (s === 1) for (; r < n && l[r].end < e + t; ) r++;
+  let h = P(0, n, (d) => l[d].start, e), a = h;
+  if (s === 1) for (; a < n && l[a].end < e + t; ) a++;
   else if (s > 1) {
-    const 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 d = Array(s).fill(0);
+    for (; a < n && d.some((r) => r < e + t); ) {
+      const r = l[a];
+      d[r.lane] = r.end, a++;
     }
-    const u = Array(s).fill(e + t);
-    for (; c >= 0 && u.some((a) => a >= e); ) {
-      const a = l[c];
-      u[a.lane] = a.start, c--;
+    const c = Array(s).fill(e + t);
+    for (; h >= 0 && c.some((r) => r >= e); ) {
+      const r = l[h];
+      c[r.lane] = r.start, h--;
     }
-    c = Math.max(0, c - c % s), r = Math.min(n, r + (s - 1 - r % s));
+    h = Math.max(0, h - h % s), a = Math.min(n, a + (s - 1 - a % s));
   }
   return {
-    startIndex: c,
-    endIndex: r
+    startIndex: h,
+    endIndex: a
   };
 }
 var F = typeof document < "u" ? M.useLayoutEffect : M.useEffect;
 function ct({ useFlushSync: l = !0, directDomUpdates: t = !1, directDomUpdatesMode: e = "transform", ...s }) {
-  const i = M.useReducer((h) => h + 1, 0)[1], n = M.useRef({
+  const i = M.useReducer((c) => c + 1, 0)[1], n = M.useRef({
     enabled: t,
     mode: e,
     container: null,
@@ -737,52 +737,56 @@ function ct({ useFlushSync: l = !0, directDomUpdates: t = !1, directDomUpdatesMo
     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 o = (c) => {
+    const r = n.current;
+    if (!r.enabled || !r.container) return;
+    const f = c.getTotalSize();
+    if (f !== r.lastSize) {
+      r.lastSize = f;
+      const m = c.options.horizontal ? "width" : "height";
+      r.container.style[m] = `${f}px`;
     }
-    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`);
+  }, h = (c) => {
+    const r = n.current;
+    if (!r.enabled || !r.container) return;
+    o(c);
+    const f = !!c.options.horizontal, m = r.mode === "transform", S = f ? "left" : "top", p = c.options.scrollMargin, u = c.getVirtualItems();
+    for (const g of u) {
+      const E = g.start - p, v = c.elementsCache.get(g.key);
+      v && r.lastPositions.get(v) !== E && (r.lastPositions.set(v, E), m ? v.style.transform = f ? `translate3d(${E}px, 0, 0)` : `translate3d(0, ${E}px, 0)` : v.style[S] = `${E}px`);
     }
-  }, c = {
+  }, a = {
     ...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 ? {
+    onChange: (c, r) => {
+      var f;
+      const m = n.current;
+      let S = !0;
+      if (m.enabled) {
+        h(c);
+        const p = c.range, u = m.prevRange;
+        S = !u || u.isScrolling !== c.isScrolling || u.startIndex !== p?.startIndex || u.endIndex !== p?.endIndex, S && (m.prevRange = p ? {
           startIndex: p.startIndex,
           endIndex: p.endIndex,
-          isScrolling: h.isScrolling
+          isScrolling: c.isScrolling
         } : null);
       }
-      g && (l && u ? q(i) : i()), (a = s.onChange) == null || a.call(s, h, u);
+      S && (l && r ? q(i) : i()), (f = s.onChange) == null || f.call(s, c, r);
     }
-  }, [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`;
+  }, [d] = M.useState(() => {
+    const c = new rt(a);
+    return Object.assign(c, { containerRef: (r) => {
+      const f = n.current;
+      if (f.container = r, f.lastSize = null, r && f.enabled) {
+        const m = c.getTotalSize();
+        f.lastSize = m;
+        const S = c.options.horizontal ? "width" : "height";
+        r.style[S] = `${m}px`;
       }
     } });
   });
-  return r.setOptions(c), F(() => r._didMount(), []), F(() => r._willUpdate()), F(() => {
-    o(r);
-  }), r;
+  return d.setOptions(a), F(() => d._didMount(), []), F(() => (o(d), d._willUpdate())), F(() => {
+    h(d);
+  }), d;
 }
 function ut(l) {
   return ct({
@@ -793,21 +797,21 @@ function ut(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({
+  const e = J(null), { termOfSearch: s, countries: i, handleSelectCountry: n } = K(), o = H(() => i.filter((a) => a.name.toLocaleLowerCase().includes(s.toLowerCase())), [s]), h = ut({
     count: o.length,
     overscan: 5,
     getScrollElement: () => e.current,
     estimateSize: () => 40
   });
   return B(() => {
-    o.length > 0 && c.scrollToIndex(0);
-  }, [s, c]), o.length === 0 ? /* @__PURE__ */ x("div", {
+    o.length > 0 && h.scrollToIndex(0);
+  }, [s, h]), o.length === 0 ? /* @__PURE__ */ x("div", {
     className: "overflow-y-auto max-h-60 snap-y snap-mandatory",
     children: /* @__PURE__ */ x("ul", {
       className: "relative",
       children: /* @__PURE__ */ x("li", {
         className: "w-full flex items-center h-10 select-none px-6",
-        children: /* @__PURE__ */ x(L, {
+        children: /* @__PURE__ */ x(W, {
           variant: "body2",
           component: "span",
           className: "flex gap-2 items-center text-left",
@@ -820,29 +824,29 @@ var bt = ({ showFlagOnSearch: l, showNameOnSearch: t }) => {
     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;
+      style: { height: h.getTotalSize() },
+      children: h.getVirtualItems().map((a) => {
+        const d = o[a.index], { flag: c, name: r, prefix: f } = d;
         return /* @__PURE__ */ x("li", {
-          className: j("absolute", "w-full", "snap-start", "snap-always", "scroll-m-0", "flex", "items-center", "h-10"),
+          className: N("absolute", "w-full", "snap-start", "snap-always", "scroll-m-0", "flex", "items-center", "h-10"),
           style: {
-            top: r.start,
-            height: r.size
+            top: a.start,
+            height: a.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, {
+            className: N("w-full", "h-full", "cursor-pointer", "px-6", "hover:bg-gray-50", "transition-colors", "duration-150", "focus-visible:outline-0", "hover:outline-gray-100", "focus:bg-gray-50", "dark:hover:bg-metal-700"),
+            onClick: () => n(d),
+            children: /* @__PURE__ */ U(W, {
               variant: "body2",
               component: "span",
               className: "flex gap-2 items-center text-left",
-              children: [l && /* @__PURE__ */ x(u, {}), t && /* @__PURE__ */ x($, {
-                text: a,
+              children: [l && /* @__PURE__ */ x(c, {}), t && /* @__PURE__ */ x($, {
+                text: r,
                 prefix: f
               })]
             })
           })
-        }, r.key);
+        }, a.key);
       })
     })
   });