@rpcbase/ui 0.207.0 → 0.209.0

package/dist/index301.js

@@ -1,495 +1,113 @@
 import { cn as e } from "./index12.js";
-import { getCountryCallingCode as t } from "./index294.js";
-import { resolveMessages as n } from "./index295.js";
-import { COMMON_IDD_PREFIXES as r, buildFallbackSelectedCountry as i, getCachedCountryOptions as a, getLocaleCacheKey as o, getValidCountry as s, normalizeSearchValue as c, optionMatchIndex as l, parseLocaleCacheKey as u, toSelectedCountry as d } from "./index297.js";
-import { detectNationalPrefixForDisplay as f, formatWithAsYouType as ee, getLengthIssue as te, getSuggestionState as ne, injectNationalPrefixDisplay as re, normalizeInputValue as p, sanitizeDigits as m, shouldDisplayExplicitCountrySelection as ie, stripPrefix as h } from "./index298.js";
-import { captureSelectionSnapshot as g, resolveSelection as _, skipFormattingCharactersLeft as v, skipFormattingCharactersRight as y } from "./index299.js";
-import { HiddenControl as b, NullComponent as x, SuggestionContext as ae, SuggestionOption as oe, formatCountryOption as se, suggestionSelectStyles as ce } from "./index300.js";
-import * as S from "react";
-import { jsx as C, jsxs as w } from "react/jsx-runtime";
-import T from "react-select";
-//#region src/components/PhoneNumberInput/index.tsx
-var le = S.forwardRef(function(le, ue) {
-	let { value: E, defaultCountry: D, country: O, locale: de, onChange: fe, onCountryChange: pe, className: me, inputClassName: he, disabled: ge, readOnly: _e, selectProps: ve, autofillShimName: ye, messages: be, renderValidationMessage: xe, ...Se } = le, { onFocus: Ce, onBlur: we, onKeyDown: Te, name: Ee, autoComplete: De, ...Oe } = Se, k = typeof D == "string" || typeof O == "string", ke = o(de), Ae = S.useMemo(() => u(ke), [ke]), je = S.useMemo(() => n(Ae, be), [Ae, be]), A = S.useMemo(() => a(Ae, ke), [ke, Ae]), Me = S.useCallback((e) => {
-		let t = A.find((t) => t.value === e);
-		return t ? d(t) : i(e);
-	}, [A]), j = S.useMemo(() => {
-		let e = s(D ?? O ?? "US");
-		return A.some((t) => t.value === e) ? e : A[0]?.value ?? "US";
-	}, [
-		A,
-		O,
-		D
-	]), M = S.useRef(k), Ne = S.useRef(null), N = S.useRef("");
-	if (!Ne.current) if (!E) Ne.current = {
-		country: j,
-		inputValue: "",
-		normalizedValue: "",
-		hasExplicitCountrySelection: !1
-	}, N.current = "";
-	else {
-		let e = k ? j : void 0, n = p(E, e, { allowJustPlus: !0 });
-		if (!n) Ne.current = {
-			country: j,
-			inputValue: "",
-			normalizedValue: "",
-			hasExplicitCountrySelection: !1
-		}, N.current = "";
-		else {
-			let { international: r, phoneNumber: i, detectedCountry: a, inferredCountry: o, hasExplicitInternationalPrefix: s } = ee(n, e), c = a ?? void 0, l = c ?? j, u = m(E ?? ""), d = typeof E == "string" ? /^\s*\+/.test(E) : !1, te = m(r), p = f(u, te, t(l), d), h = ne(n, e, i ?? void 0, {
-				hasRemovedNationalPrefix: p,
-				detectedCountry: c,
-				hasExplicitInternationalPrefix: s
-			}), g = !h.shouldSuggest && !c ? o : void 0;
-			g && (l = g), (c || g) && (M.current = !0);
-			let _ = t(l), v = re(r, _, { force: g ? f(u, te, _, d) : p }), y = c ?? void 0, b = M.current;
-			Ne.current = {
-				country: l,
-				inputValue: v,
-				normalizedValue: n,
-				hasExplicitCountrySelection: b && ie(h, {
-					detectedCountry: y,
-					hasExplicitInternationalPrefix: s
-				})
-			}, N.current = n;
-		}
+import { c as t } from "react/compiler-runtime";
+import * as n from "react";
+import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/PhoneNumberInput/suggestions.tsx
+var o = n.createContext(null);
+function s(e, t) {
+	if (typeof e == "function") {
+		e(t);
+		return;
 	}
-	let Pe = Ne.current, [P, F] = S.useState(Pe.country), [Fe, I] = S.useState(Pe.inputValue), [Ie, L] = S.useState(""), [R, z] = S.useState(!1), [Le, B] = S.useState(-1), [Re, ze] = S.useState(!1), [Be, V] = S.useState(null), [Ve, H] = S.useState(Pe.hasExplicitCountrySelection), U = S.useRef(null), W = S.useRef(""), G = S.useRef(null), K = S.useRef("smooth"), q = S.useRef(null), He = S.useCallback(() => {
-		let e = K.current;
-		return K.current = "smooth", e;
-	}, []), J = typeof O == "string", Ue = J ? O : P, Y = Ue ?? j, We = S.useRef(null);
-	S.useImperativeHandle(ue, () => We.current, []), S.useLayoutEffect(() => {
-		let e = q.current;
-		if (!e) return;
-		let t = We.current;
-		if (q.current = null, !t) return;
-		let { start: n, end: r } = e;
-		t.setSelectionRange(n, r);
-	}, [Fe]);
-	let { styles: Ge, components: Ke, classNamePrefix: qe, formatOptionLabel: Je, ...Ye } = ve ?? {}, { noOptionsMessage: Xe, ...Ze } = Ye, Qe = S.useMemo(() => ({
-		...ce,
-		...Ge ?? {}
-	}), [Ge]), $e = S.useMemo(() => {
-		let e = {
-			Control: b,
-			IndicatorsContainer: x,
-			DropdownIndicator: x,
-			IndicatorSeparator: x,
-			ValueContainer: x
-		}, t = Ke ?? {};
-		return t.Option ? {
-			...e,
-			...t
-		} : {
-			...e,
-			...t,
-			Option: oe
-		};
-	}, [Ke]), et = S.useRef(!1), X = S.useCallback((e) => {
-		et.current = !0;
-		let t = Me(e);
-		return pe?.(e, t), t;
-	}, [pe, Me]);
-	S.useEffect(() => () => {
-		G.current != null && typeof window < "u" && window.clearTimeout(G.current);
-	}, []), S.useEffect(() => {
-		if (E == null) return;
-		let e = M.current ? Y : void 0, n = N.current, r = p(E, e, {
-			allowJustPlus: !0,
-			previousValue: n
+	e && typeof e == "object" && Reflect.set(e, "current", t);
+}
+var c = (r) => {
+	let a = t(30), c = n.useContext(o), l = c?.highlightedValue === r.data.value, u, d, f;
+	a[0] === r.innerProps ? (u = a[1], d = a[2], f = a[3]) : ({onMouseMove: u, className: d, ...f} = r.innerProps, a[0] = r.innerProps, a[1] = u, a[2] = d, a[3] = f);
+	let m;
+	a[4] === c?.renderOptionLabel ? m = a[5] : (m = c?.renderOptionLabel ?? p, a[4] = c?.renderOptionLabel, a[5] = m);
+	let h = m, g = n.useRef(null), { innerRef: _ } = r, v;
+	a[6] === _ ? v = a[7] : (v = (e) => {
+		g.current = e, s(_, e);
+	}, a[6] = _, a[7] = v);
+	let y = v, b;
+	a[8] !== c?.consumeScrollBehavior || a[9] !== l ? (b = () => {
+		if (!l) return;
+		let e = c?.consumeScrollBehavior, t = e ? e() : "smooth", n = g.current;
+		if (!n) return;
+		let r = n.parentElement;
+		if (!r) return;
+		let i = n.offsetTop, a = i + n.offsetHeight, o = r.scrollTop, s = o + r.clientHeight;
+		i >= o && a <= s || n.scrollIntoView({
+			block: "nearest",
+			behavior: t
 		});
-		if (N.current = r, W.current = "", !r) {
-			I(""), z(!1), L(""), V(null), U.current = null, H(!1);
-			let e = k ? j : Y;
-			!J && P !== e && (F(e), X(e));
-			return;
-		}
-		if (r === "0") {
-			I("0"), z(!1), L(""), V(null), U.current = null, H(!1);
-			return;
-		}
-		if (r === "+") {
-			I("+"), z(!0), L(""), V(null), U.current = null, H(!1);
-			let e = k ? j : Y;
-			!J && P !== e && (F(e), X(e));
-			return;
-		}
-		let { international: i, phoneNumber: a, detectedCountry: o, inferredCountry: s, hasExplicitInternationalPrefix: c } = ee(r, e), l = o ?? void 0, u = l ?? e ?? Y, d = m(E ?? ""), h = typeof E == "string" ? /^\s*\+/.test(E) : !1, g = m(i), _ = f(d, g, t(u), h), v = ne(r, e, a ?? void 0, {
-			hasRemovedNationalPrefix: _,
-			detectedCountry: l,
-			hasExplicitInternationalPrefix: c
-		}), y = !v.shouldSuggest && !l ? s : void 0, b = y ?? u;
-		(l || y) && (M.current = !0), !J && b !== P && (F(b), X(b)), u = b, U.current && U.current !== u && (U.current = null);
-		let x = t(u), ae = re(i, x, { force: y ? f(d, g, x, h) : _ }), oe = l ?? void 0, se = U.current != null || ie(v, {
-			detectedCountry: oe,
-			hasExplicitInternationalPrefix: c
-		});
-		I(ae), z(v.shouldSuggest), L(v.query), V(M.current ? te(r, u) : null), H(M.current && se);
-	}, [
-		E,
-		Y,
-		j,
-		k,
-		J,
-		X,
-		P
-	]), S.useEffect(() => {
-		if (et.current || !M.current) return;
-		let e = Ue ?? j;
-		e && X(e);
-	}, [
-		j,
-		X,
-		Ue
-	]), S.useEffect(() => {
-		J && O && O !== P && F(O);
-	}, [
-		O,
-		J,
-		P
-	]);
-	let Z = S.useCallback((e) => {
-		let t = Me(e.country);
-		fe?.({
-			...e,
-			selectedCountry: t
-		});
-	}, [fe, Me]), tt = S.useCallback(() => {
-		typeof window > "u" || (G.current != null && window.clearTimeout(G.current), G.current = window.setTimeout(() => {
-			W.current = "", G.current = null;
-		}, 800));
-	}, []), nt = S.useCallback((e) => {
-		let n = e.target, i = g(n), a = n.value;
-		W.current = "";
-		let o = M.current ? Y : void 0, s = o ? t(o) : "", c = m(a), l = a.trim().startsWith("+"), u = s ? c.startsWith(s) : !1, d = c.startsWith("0"), v = r.some((e) => c.startsWith(e)), y = !!o && !v && (u && c.slice(s.length).startsWith("0") || !l && d && c.length > 1 || l && d && c.length > 1 && !u), b = N.current, x = p(a, o, {
-			allowJustPlus: !0,
-			removeNationalPrefix: y,
-			previousValue: b
-		});
-		if (N.current = x, !x) {
-			I(""), z(!1), L(""), B(-1), V(null), U.current = null, H(!1), q.current = _(i, "");
-			let e = k ? j : Y;
-			!J && P !== e && (F(e), X(e)), Z({
-				formattedInternational: "",
-				formattedNational: "",
-				e164: null,
-				country: e,
-				countryCallingCode: t(e),
-				nationalNumber: "",
-				rawInput: "",
-				isValid: !1
-			});
-			return;
-		}
-		if (x === "0") {
-			I("0"), z(!1), L(""), B(-1), V(null), U.current = null, H(!1), q.current = _(i, "0");
-			let e = k ? j : Y;
-			!J && P !== e && (F(e), X(e)), Z({
-				formattedInternational: "0",
-				formattedNational: "0",
-				e164: null,
-				country: e,
-				countryCallingCode: t(e),
-				nationalNumber: "0",
-				rawInput: "0",
-				isValid: !1
-			});
-			return;
-		}
-		if (x === "+") {
-			I("+"), z(!0), L(""), B(0), V(null), U.current = null, H(!1), q.current = _(i, "+");
-			let e = k ? j : Y;
-			!J && P !== e && (F(e), X(e)), Z({
-				formattedInternational: "+",
-				formattedNational: "",
-				e164: null,
-				country: e,
-				countryCallingCode: t(e),
-				nationalNumber: "",
-				rawInput: "+",
-				isValid: !1
-			});
-			return;
-		}
-		let { international: ae, national: oe, phoneNumber: se, detectedCountry: ce, inferredCountry: S, hasExplicitInternationalPrefix: C } = ee(x, o), w = ce ?? void 0, T = w ?? o ?? Y, le = m(ae), ue = f(c, le, t(T), l), E = ne(x, o, se ?? void 0, {
-			hasRemovedNationalPrefix: ue,
-			detectedCountry: w,
-			hasExplicitInternationalPrefix: C
-		}), D = !E.shouldSuggest && !w ? S : void 0, O = D ?? T;
-		(w || D) && (M.current = !0), !J && O !== P && (F(O), X(O)), T = O, U.current && U.current !== T && (U.current = null);
-		let de = t(T), fe = h(m(x), de), pe = re(ae, de, { force: D ? f(c, le, de, l) : ue }), me = w ?? void 0;
-		q.current = _(i, pe), I(pe), z(E.shouldSuggest), L(E.query), B(E.shouldSuggest ? 0 : -1), V(M.current ? te(x, T) : null);
-		let he = U.current != null || ie(E, {
-			detectedCountry: me,
-			hasExplicitInternationalPrefix: C
-		});
-		H(M.current && he), Z({
-			formattedInternational: ae,
-			formattedNational: oe,
-			e164: se?.number ?? null,
-			country: T,
-			countryCallingCode: de,
-			nationalNumber: fe,
-			rawInput: x,
-			isValid: se?.isValid() ?? !1
-		});
-	}, [
-		Y,
-		Z,
-		j,
-		k,
-		J,
-		X,
-		P
-	]), rt = S.useCallback((e) => {
-		if (!e) return;
-		let n = m(N.current || Fe), r = t(Y), i = n.startsWith(r) ? n.slice(r.length) : n;
-		i ? i.startsWith(e.dialCode) || (i = `${e.dialCode}${i}`) : i = e.dialCode;
-		let a = `+${i}`;
-		N.current = a;
-		let { international: o, national: s, phoneNumber: c } = ee(a, e.value), l = e.value;
-		U.current = l, M.current = !0, I(o), q.current = {
-			start: o.length,
-			end: o.length
-		}, z(!1), L(""), B(-1), V(te(a, l)), !J && l !== P && F(l), X(l);
-		let u = m(a), d = c?.countryCallingCode ?? e.dialCode, f = h(u, d);
-		H(!0), Z({
-			formattedInternational: o,
-			formattedNational: s,
-			e164: c?.number ?? null,
-			country: l,
-			countryCallingCode: d,
-			nationalNumber: f,
-			rawInput: a,
-			isValid: c?.isValid() ?? !1
-		}), requestAnimationFrame(() => {
-			We.current?.focus();
-		});
-	}, [
-		Y,
-		Z,
-		Fe,
-		J,
-		X,
-		P
-	]), Q = S.useMemo(() => {
-		if (!R) return [];
-		let e = [], t = (t) => {
-			e.some((e) => e.value === t.value) || e.push(t);
-		}, n = A.find((e) => e.value === j), r = A.find((e) => e.value === Y), i = Ie.trim(), a = m(i), o = c(i);
-		return !a && !o ? (n && t(n), r && t(r), A.forEach(t), e) : (a && A.filter((e) => e.dialCode.startsWith(a)).sort((e, t) => {
-			let n = e.dialCode === a, r = t.dialCode === a;
-			return n && !r ? -1 : !n && r ? 1 : e.dialCode.length - t.dialCode.length;
-		}).forEach(t), o && A.filter((e) => e.normalizedSearchableTokens.some((e) => e.includes(o))).sort((e, t) => {
-			let n = l(e.normalizedSearchableTokens, o), r = l(t.normalizedSearchableTokens, o);
-			return n === r ? e.name.localeCompare(t.name) : n - r;
-		}).forEach(t), r && t(r), n && t(n), e.length === 0 && A.forEach(t), e);
-	}, [
-		Y,
-		A,
-		Ie,
-		j,
-		R
-	]), $ = Re && R && Q.length > 0;
-	S.useEffect(() => {
-		$ || (K.current = "smooth");
-	}, [$]), S.useEffect(() => {
-		if (!$) {
-			B(-1);
-			return;
-		}
-		if (Q.length === 0) {
-			B(-1);
-			return;
-		}
-		B((e) => e < 0 || e >= Q.length ? 0 : e);
-	}, [Q, $]);
-	let it = Le >= 0 ? Q[Le] ?? null : null;
-	S.useEffect(() => {
-		Le < 0 && (K.current = "smooth");
-	}, [Le]);
-	let at = S.useCallback((e) => {
-		let t = Q.findIndex((t) => t.value === e.value);
-		t !== -1 && B(t);
-	}, [Q]), ot = S.useCallback((e, t) => Je ? Je(e, t) : se(e), [Je]), st = S.useCallback((e) => ot(e, {
-		context: "menu",
-		inputValue: Ie,
-		selectValue: []
-	}), [Ie, ot]), ct = S.useMemo(() => ({
-		highlightedValue: it?.value ?? null,
-		setHighlightedOption: at,
-		renderOptionLabel: st,
-		consumeScrollBehavior: He
-	}), [
-		He,
-		it,
-		st,
-		at
-	]), lt = A.find((e) => e.value === Y), ut = lt?.flag ?? "", dt = Ve ? je.selectedCountryLabel(lt?.name ?? Y ?? null) : je.selectCountryLabel, ft = Ve && !!ut, pt = Be === "TOO_LONG" ? je.lengthTooLong(lt?.name ?? Y ?? null) : null, mt = lt?.name ?? Y ?? null, ht = null;
-	if (pt) {
-		let e = xe?.({
-			message: pt,
-			code: "TOO_LONG",
-			countryName: mt
-		});
-		ht = e === void 0 ? /* @__PURE__ */ C("p", {
-			className: "mt-1 text-xs text-destructive",
-			children: /* @__PURE__ */ C("span", { children: pt })
-		}) : e;
-	}
-	let gt = S.useCallback((e) => {
-		W.current = `${W.current}${e}`.slice(-12), L(W.current), z(!0), tt();
-	}, [tt]), _t = S.useCallback(() => {
-		let e = W.current;
-		e && (W.current = e.slice(0, -1), L(W.current), W.current && tt());
-	}, [tt]), vt = S.useCallback((e) => {
-		if (Te?.(e), e.defaultPrevented) return;
-		let t = e.key;
-		if (e.metaKey || e.ctrlKey || e.altKey) return;
-		let n = e.currentTarget, r = n.value, i = n.selectionStart ?? 0, a = n.selectionEnd ?? i, o = i === a;
-		if (t === "Backspace" && o) {
-			let e = v(r, i);
-			e !== i && n.setSelectionRange(e, e);
-		} else if (t === "ArrowLeft" && o) {
-			let t = v(r, i);
-			if (t !== i) {
-				e.preventDefault(), n.setSelectionRange(t, t);
-				return;
-			}
-		} else if (t === "ArrowRight" && o) {
-			let t = y(r, a);
-			if (t !== a) {
-				e.preventDefault(), n.setSelectionRange(t, t);
-				return;
-			}
-		}
-		if (t === "ArrowDown") {
-			if (K.current = e.repeat ? "auto" : "smooth", e.preventDefault(), !R) {
-				z(!0), B(Q.length > 0 ? 0 : -1);
-				return;
-			}
-			Q.length > 0 && B((e) => e < 0 ? 0 : (e + 1) % Q.length);
-			return;
-		}
-		if (t === "ArrowUp") {
-			if (K.current = e.repeat ? "auto" : "smooth", e.preventDefault(), !R) {
-				z(!0), B(Q.length > 0 ? Q.length - 1 : -1);
-				return;
-			}
-			Q.length > 0 && B((e) => e < 0 ? Q.length - 1 : (e - 1 + Q.length) % Q.length);
-			return;
-		}
-		if (/^[a-z]$/i.test(t)) {
-			e.preventDefault(), R || (z(!0), B(Q.length > 0 ? 0 : -1)), gt(t.toLowerCase());
-			return;
-		}
-		if ($) {
-			if (t === "Backspace" && W.current) {
-				e.preventDefault(), _t();
-				return;
-			}
-			if (t === "Escape") {
-				e.preventDefault(), W.current = "", L(""), z(!1);
-				return;
-			}
-			if (t === "Enter" && Q.length > 0) {
-				e.preventDefault(), rt(it ?? Q[0]);
-				return;
-			}
-		}
-	}, [
-		gt,
-		Q,
-		rt,
-		it,
-		Te,
-		_t,
-		R,
-		$
-	]), yt = S.useCallback((e) => {
-		ze(!0), Ce?.(e);
-	}, [Ce]), bt = S.useCallback((e) => {
-		ze(!1), z(!1), W.current = "", L(""), we?.(e);
-	}, [we]), xt = S.useCallback(() => {
-		ge || _e || (W.current = "", L(""), z(!0), B((e) => e < 0 ? 0 : e), requestAnimationFrame(() => {
-			We.current?.focus();
-		}));
-	}, [ge, _e]), St = ye ?? (Ee ? `${Ee}_shim` : void 0);
-	return /* @__PURE__ */ w("div", {
-		className: e("relative flex flex-col", me),
-		children: [
-			/* @__PURE__ */ w("div", {
-				className: "relative",
-				children: [/* @__PURE__ */ C("input", {
-					...Oe,
-					ref: We,
-					type: "tel",
-					className: e("flex h-10 w-full rounded-md border border-input bg-background py-2 text-base ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", "pl-11 pr-3", he),
-					name: Ee,
-					value: Fe,
-					onChange: nt,
-					onFocus: yt,
-					onBlur: bt,
-					onKeyDown: vt,
-					disabled: ge,
-					readOnly: _e,
-					autoComplete: De ?? "off"
-				}), /* @__PURE__ */ C("button", {
-					type: "button",
-					className: e("absolute left-3 top-1/2 flex h-6 w-6 -translate-y-1/2 items-center justify-center rounded border text-lg leading-none transition focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", ft ? "border-transparent" : "border-dashed border-border text-muted-foreground", ge ? "cursor-not-allowed opacity-50" : _e ? "cursor-default" : "cursor-pointer hover:bg-muted"),
-					"aria-label": dt,
-					onMouseDown: (e) => e.preventDefault(),
-					onClick: xt,
-					tabIndex: -1,
-					disabled: ge,
-					children: /* @__PURE__ */ C("span", {
-						"aria-hidden": "true",
-						children: ft ? ut : "?"
-					})
-				})]
-			}),
-			St ? /* @__PURE__ */ C("input", {
-				tabIndex: -1,
-				autoComplete: "tel",
-				name: St,
-				"aria-hidden": "true",
-				className: "pointer-events-none absolute left-0 top-0 h-0 w-0 opacity-0"
-			}) : null,
-			/* @__PURE__ */ C("div", {
-				className: "absolute left-0 top-full z-30 mt-1",
-				style: {
-					pointerEvents: $ ? "auto" : "none",
-					width: "min(260px, 100%)"
-				},
-				onMouseDown: (e) => e.preventDefault(),
-				children: /* @__PURE__ */ C(ae.Provider, {
-					value: ct,
-					children: /* @__PURE__ */ C(T, {
-						...Ze,
-						menuIsOpen: $,
-						options: Q,
-						value: null,
-						components: $e,
-						styles: Qe,
-						isClearable: !1,
-						isSearchable: !1,
-						backspaceRemovesValue: !1,
-						tabSelectsValue: !1,
-						menuShouldScrollIntoView: !1,
-						onChange: rt,
-						classNamePrefix: qe ?? "phone-number-suggestions",
-						placeholder: "",
-						formatOptionLabel: ot,
-						noOptionsMessage: Xe ?? (() => je.noMatches)
-					})
-				})
-			}),
-			ht
-		]
-	});
-});
-le.displayName = "PhoneNumberInput";
+	}, a[8] = c?.consumeScrollBehavior, a[9] = l, a[10] = b) : b = a[10];
+	let x;
+	a[11] !== c || a[12] !== l ? (x = [c, l], a[11] = c, a[12] = l, a[13] = x) : x = a[13], n.useEffect(b, x);
+	let S;
+	a[14] !== c || a[15] !== u || a[16] !== r.data ? (S = (e) => {
+		u?.(e), c?.setHighlightedOption(r.data);
+	}, a[14] = c, a[15] = u, a[16] = r.data, a[17] = S) : S = a[17];
+	let C = S, w = l ? "bg-muted text-foreground" : "text-foreground hover:bg-muted", T;
+	a[18] !== d || a[19] !== w ? (T = e("flex cursor-pointer items-center justify-between gap-3 px-3 py-2 text-sm", d, w), a[18] = d, a[19] = w, a[20] = T) : T = a[20];
+	let E;
+	a[21] !== r.data || a[22] !== h ? (E = h(r.data), a[21] = r.data, a[22] = h, a[23] = E) : E = a[23];
+	let D;
+	return a[24] !== y || a[25] !== C || a[26] !== f || a[27] !== T || a[28] !== E ? (D = /* @__PURE__ */ i("div", {
+		ref: y,
+		...f,
+		onMouseMove: C,
+		className: T,
+		children: E
+	}), a[24] = y, a[25] = C, a[26] = f, a[27] = T, a[28] = E, a[29] = D) : D = a[29], D;
+}, l = {
+	control: () => ({ display: "none" }),
+	menu: (e) => ({
+		...e,
+		marginTop: 4,
+		borderRadius: "var(--radius)",
+		boxShadow: "0 18px 36px rgba(15, 23, 42, 0.18)",
+		backgroundColor: "hsl(var(--popover))",
+		overflow: "hidden",
+		zIndex: 20
+	}),
+	menuList: (e) => ({
+		...e,
+		maxHeight: 240,
+		padding: 0
+	}),
+	option: (e, t) => ({
+		...e,
+		fontSize: "0.875rem",
+		backgroundColor: t.isFocused ? "hsl(var(--muted))" : t.isSelected ? "hsl(var(--accent))" : "transparent",
+		color: t.isSelected ? "hsl(var(--accent-foreground))" : "hsl(var(--foreground))",
+		cursor: "pointer"
+	}),
+	noOptionsMessage: (e) => ({
+		...e,
+		fontSize: "0.875rem",
+		color: "hsl(var(--muted-foreground))"
+	})
+}, u = (e) => {
+	let n = t(3), r;
+	n[0] === Symbol.for("react.memo_cache_sentinel") ? (r = { display: "none" }, n[0] = r) : r = n[0];
+	let a;
+	return n[1] === e.children ? a = n[2] : (a = /* @__PURE__ */ i("div", {
+		style: r,
+		children: e.children
+	}), n[1] = e.children, n[2] = a), a;
+}, d = () => null;
+function f(e) {
+	return /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ a("span", {
+		className: "flex min-w-0 items-center gap-2",
+		children: [e.flag ? /* @__PURE__ */ i("span", {
+			"aria-hidden": "true",
+			className: "text-lg leading-none",
+			children: e.flag
+		}) : null, /* @__PURE__ */ i("span", {
+			className: "truncate",
+			children: e.name
+		})]
+	}), /* @__PURE__ */ a("span", {
+		className: "text-xs text-muted-foreground",
+		children: ["+", e.dialCode]
+	})] });
+}
+function p(e) {
+	return f(e);
+}
 //#endregion
-export { le as PhoneNumberInput };
+export { u as HiddenControl, d as NullComponent, o as SuggestionContext, c as SuggestionOption, f as formatCountryOption, l as suggestionSelectStyles };
 
 //# sourceMappingURL=index301.js.map