@rpcbase/ui 0.287.0 → 0.289.0

package/dist/index361.js

@@ -1,121 +1,25 @@
-import { cn as e } from "./index12.js";
-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;
+//#region src/components/PhoneNumberInput/messages.ts
+var e = {
+	en: {
+		lengthTooLong: (e) => e ? `This number looks too long for ${e}.` : "This number looks too long.",
+		noMatches: "No matching countries",
+		selectCountryLabel: "Select a country",
+		selectedCountryLabel: (e) => e ? `${e} flag` : "Selected country"
+	},
+	fr: {
+		lengthTooLong: (e) => e ? `This number looks too long for ${e}.` : "This number looks too long.",
+		noMatches: "Aucun pays correspondant",
+		selectCountryLabel: "Select a country",
+		selectedCountryLabel: (e) => e ? `${e} flag` : "Selected country"
 	}
-	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
-		});
-	}, 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(5), { children: r, innerProps: a, innerRef: o } = e, s;
-	n[0] === Symbol.for("react.memo_cache_sentinel") ? (s = {
-		height: 0,
-		minHeight: 0,
-		opacity: 0,
-		overflow: "hidden",
-		pointerEvents: "none"
-	}, n[0] = s) : s = n[0];
-	let c;
-	return n[1] !== r || n[2] !== a || n[3] !== o ? (c = /* @__PURE__ */ i("div", {
-		...a,
-		ref: o,
-		style: s,
-		children: r
-	}), n[1] = r, n[2] = a, n[3] = o, n[4] = c) : c = n[4], c;
-}, 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);
+};
+function t(t, n) {
+	return {
+		...e[(Array.isArray(t) ? t : t ? [t] : []).map((e) => e.split("-")[0]?.toLowerCase()).find((t) => t && e[t]) ?? "en"] ?? e.en,
+		...n ?? {}
+	};
 }
 //#endregion
-export { u as HiddenControl, d as NullComponent, o as SuggestionContext, c as SuggestionOption, f as formatCountryOption, l as suggestionSelectStyles };
+export { t as resolveMessages };
 
 //# sourceMappingURL=index361.js.map

package/dist/index361.js.map

@@ -1 +1 @@
-{"version":3,"file":"index361.js","names":["innerProps","context?.renderOptionLabel ?? ((option: CountryOption) => formatCountryOption(option))","renderOptionLabel","(option: CountryOption) => formatCountryOption(option)","(node: HTMLDivElement | null) => {\n      optionRef.current = node\n      assignOptionRef(innerRef, node)\n    }","React.useCallback(\n    (node: HTMLDivElement | null) => {\n      optionRef.current = node\n      assignOptionRef(innerRef, node)\n    },\n    [innerRef]\n  )","() => {\n    if (!isActive) {\n      return\n    }\n\n    const consumeScrollBehavior = context?.consumeScrollBehavior\n    const behavior = consumeScrollBehavior ? consumeScrollBehavior() : \"smooth\"\n\n    const target = optionRef.current\n    if (!target) {\n      return\n    }\n\n    const parent = target.parentElement\n    if (!parent) {\n      return\n    }\n\n    const top = target.offsetTop\n    const bottom = top + target.offsetHeight\n    const viewTop = parent.scrollTop\n    const viewBottom = viewTop + parent.clientHeight\n\n    if (top >= viewTop && bottom <= viewBottom) {\n      return\n    }\n\n    target.scrollIntoView({\n      block: \"nearest\",\n      behavior,\n    })\n  }","consumeScrollBehavior","[context, isActive]","(event: React.MouseEvent<HTMLDivElement>) => {\n    onMouseMove?.(event)\n    context?.setHighlightedOption(props.data)\n  }","context?.setHighlightedOption","data","cn(\n        \"flex cursor-pointer items-center justify-between gap-3 px-3 py-2 text-sm\",\n        receivedClassName,\n        isActive ? \"bg-muted text-foreground\" : \"text-foreground hover:bg-muted\"\n      )","isActive ? \"bg-muted text-foreground\" : \"text-foreground hover:bg-muted\"","renderLabel(props.data)","<div\n      ref={assignRef}\n      {...restInnerProps}\n      onMouseMove={handleMouseMove}\n      className={cn(\n        \"flex cursor-pointer items-center justify-between gap-3 px-3 py-2 text-sm\",\n        receivedClassName,\n        isActive ? \"bg-muted text-foreground\" : \"text-foreground hover:bg-muted\"\n      )}\n    >\n      {renderLabel(props.data)}\n    </div>","{\n        height: 0,\n        minHeight: 0,\n        opacity: 0,\n        overflow: \"hidden\",\n        pointerEvents: \"none\",\n      }","<div\n      {...innerProps}\n      ref={innerRef}\n      style={{\n        height: 0,\n        minHeight: 0,\n        opacity: 0,\n        overflow: \"hidden\",\n        pointerEvents: \"none\",\n      }}\n    >\n      {children}\n    </div>"],"sources":["../src/components/PhoneNumberInput/suggestions.tsx"],"sourcesContent":["import * as React from \"react\"\nimport type { CountryCode } from \"libphonenumber-js\"\nimport type { ControlProps, OptionProps, StylesConfig } from \"react-select\"\n\nimport { cn } from \"@/lib/utils\"\n\nimport type { CountryOption } from \"./types\"\n\n\nexport type SuggestionContextValue = {\n  highlightedValue: CountryCode | null\n  setHighlightedOption: (option: CountryOption) => void\n  renderOptionLabel: (option: CountryOption) => React.ReactNode\n  consumeScrollBehavior: () => ScrollBehavior\n}\n\nexport const SuggestionContext = React.createContext<SuggestionContextValue | null>(null)\n\nfunction assignOptionRef(ref: React.Ref<HTMLDivElement> | undefined, node: HTMLDivElement | null) {\n  if (typeof ref === \"function\") {\n    ref(node)\n    return\n  }\n  if (ref && typeof ref === \"object\") {\n    Reflect.set(ref, \"current\", node)\n  }\n}\n\nexport const SuggestionOption = (props: OptionProps<CountryOption, false>) => {\n  const context = React.useContext(SuggestionContext)\n  const isActive = context?.highlightedValue === props.data.value\n  const { onMouseMove, className: receivedClassName, ...restInnerProps } = props.innerProps\n  const renderLabel =\n    context?.renderOptionLabel ?? ((option: CountryOption) => formatCountryOption(option))\n  const optionRef = React.useRef<HTMLDivElement | null>(null)\n  const { innerRef } = props\n\n  const assignRef = React.useCallback(\n    (node: HTMLDivElement | null) => {\n      optionRef.current = node\n      assignOptionRef(innerRef, node)\n    },\n    [innerRef]\n  )\n\n  React.useEffect(() => {\n    if (!isActive) {\n      return\n    }\n\n    const consumeScrollBehavior = context?.consumeScrollBehavior\n    const behavior = consumeScrollBehavior ? consumeScrollBehavior() : \"smooth\"\n\n    const target = optionRef.current\n    if (!target) {\n      return\n    }\n\n    const parent = target.parentElement\n    if (!parent) {\n      return\n    }\n\n    const top = target.offsetTop\n    const bottom = top + target.offsetHeight\n    const viewTop = parent.scrollTop\n    const viewBottom = viewTop + parent.clientHeight\n\n    if (top >= viewTop && bottom <= viewBottom) {\n      return\n    }\n\n    target.scrollIntoView({\n      block: \"nearest\",\n      behavior,\n    })\n  }, [context, isActive])\n\n  const handleMouseMove = (event: React.MouseEvent<HTMLDivElement>) => {\n    onMouseMove?.(event)\n    context?.setHighlightedOption(props.data)\n  }\n\n  return (\n    <div\n      ref={assignRef}\n      {...restInnerProps}\n      onMouseMove={handleMouseMove}\n      className={cn(\n        \"flex cursor-pointer items-center justify-between gap-3 px-3 py-2 text-sm\",\n        receivedClassName,\n        isActive ? \"bg-muted text-foreground\" : \"text-foreground hover:bg-muted\"\n      )}\n    >\n      {renderLabel(props.data)}\n    </div>\n  )\n}\n\nexport const suggestionSelectStyles: StylesConfig<CountryOption, false> = {\n  control: () => ({\n    display: \"none\",\n  }),\n  menu: (provided) => ({\n    ...provided,\n    marginTop: 4,\n    borderRadius: \"var(--radius)\",\n    boxShadow: \"0 18px 36px rgba(15, 23, 42, 0.18)\",\n    backgroundColor: \"hsl(var(--popover))\",\n    overflow: \"hidden\",\n    zIndex: 20,\n  }),\n  menuList: (provided) => ({\n    ...provided,\n    maxHeight: 240,\n    padding: 0,\n  }),\n  option: (provided, state) => ({\n    ...provided,\n    fontSize: \"0.875rem\",\n    backgroundColor: state.isFocused\n      ? \"hsl(var(--muted))\"\n      : state.isSelected\n        ? \"hsl(var(--accent))\"\n        : \"transparent\",\n    color: state.isSelected\n      ? \"hsl(var(--accent-foreground))\"\n      : \"hsl(var(--foreground))\",\n    cursor: \"pointer\",\n  }),\n  noOptionsMessage: (provided) => ({\n    ...provided,\n    fontSize: \"0.875rem\",\n    color: \"hsl(var(--muted-foreground))\",\n  }),\n}\n\nexport const HiddenControl = (props: ControlProps<CountryOption, false>) => {\n  const { children, innerProps, innerRef } = props\n\n  return (\n    <div\n      {...innerProps}\n      ref={innerRef}\n      style={{\n        height: 0,\n        minHeight: 0,\n        opacity: 0,\n        overflow: \"hidden\",\n        pointerEvents: \"none\",\n      }}\n    >\n      {children}\n    </div>\n  )\n}\n\nexport const NullComponent = () => null\n\nexport function formatCountryOption(option: CountryOption) {\n  return (\n    <>\n      <span className=\"flex min-w-0 items-center gap-2\">\n        {option.flag ? (\n          <span aria-hidden=\"true\" className=\"text-lg leading-none\">\n            {option.flag}\n          </span>\n        ) : null}\n        <span className=\"truncate\">{option.name}</span>\n      </span>\n      <span className=\"text-xs text-muted-foreground\">+{option.dialCode}</span>\n    </>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"index361.js","names":["MESSAGE_DICTIONARY","country","resolveMessages","locale","entry","code","overrides"],"sources":["../src/components/PhoneNumberInput/messages.ts"],"sourcesContent":["import type { PhoneNumberInputMessages } from \"./types\"\n\n\nconst MESSAGE_DICTIONARY: Record<string, PhoneNumberInputMessages> = {\n  en: {\n    lengthTooLong: (country) =>\n      country ? `This number looks too long for ${country}.` : \"This number looks too long.\",\n    noMatches: \"No matching countries\",\n    selectCountryLabel: \"Select a country\",\n    selectedCountryLabel: (country) => (country ? `${country} flag` : \"Selected country\"),\n  },\n  fr: {\n    lengthTooLong: (country) =>\n      country\n        ? `This number looks too long for ${country}.`\n        : \"This number looks too long.\",\n    noMatches: \"Aucun pays correspondant\",\n    selectCountryLabel: \"Select a country\",\n    selectedCountryLabel: (country) => (country ? `${country} flag` : \"Selected country\"),\n  },\n}\n\nexport function resolveMessages(\n  locale: string | string[] | undefined,\n  overrides?: Partial<PhoneNumberInputMessages>\n): PhoneNumberInputMessages {\n  const locales = Array.isArray(locale) ? locale : locale ? [locale] : []\n  const preferred = locales\n    .map((entry) => entry.split(\"-\")[0]?.toLowerCase())\n    .find((code) => code && MESSAGE_DICTIONARY[code])\n  const base = MESSAGE_DICTIONARY[preferred ?? \"en\"] ?? MESSAGE_DICTIONARY.en\n  return {\n    ...base,\n    ...(overrides ?? {}),\n  }\n}\n\n"],"mappings":";AAGA,IAAMA,IAA+D;CACnE,IAAI;EACF,gBAAgB,MACdC,IAAU,kCAAkCA,EAAQ,KAAK;EAC3D,WAAW;EACX,oBAAoB;EACpB,uBAAuB,MAAaA,IAAU,GAAGA,EAAQ,SAAS;CACpE;CACA,IAAI;EACF,gBAAgB,MACdA,IACI,kCAAkCA,EAAQ,KAC1C;EACN,WAAW;EACX,oBAAoB;EACpB,uBAAuB,MAAaA,IAAU,GAAGA,EAAQ,SAAS;CACpE;AACF;AAEA,SAAgBC,EACd,GACA,GAC0B;CAM1B,OAAO;EACL,GAFWF,GAJG,MAAM,QAAQG,CAAM,IAAIA,IAASA,IAAS,CAACA,CAAM,IAAI,CAAC,EAAA,CAEnE,KAAK,MAAUC,EAAM,MAAM,GAAG,CAAC,CAAC,EAAE,EAAE,YAAY,CAAC,CAAC,CAClD,MAAM,MAASC,KAAQL,EAAmBK,EACb,KAAa,SAASL,EAAmB;EAGvE,GAAIM,KAAa,CAAC;CACpB;AACF"}

package/dist/index362.js

@@ -1,494 +1,14 @@
-import { cn as e } from "./index12.js";
-import { getCountryCallingCode as t } from "./index355.js";
-import { resolveMessages as n } from "./index356.js";
-import { COMMON_IDD_PREFIXES as r, buildFallbackSelectedCountry as i, getCachedCountryOptions as a, getLocaleCacheKey as o, getValidCountry as s, normalizeSearchValue as ee, optionMatchIndex as c, parseLocaleCacheKey as l, toSelectedCountry as te } from "./index358.js";
-import { formatWithAsYouType as u, getLengthIssue as d, sanitizeDigits as f, stripPrefix as ne } from "./index359.js";
-import { captureSelectionSnapshot as p, resolveSelection as m, skipFormattingCharactersLeft as re, skipFormattingCharactersRight as ie } from "./index360.js";
-import { HiddenControl as ae, NullComponent as h, SuggestionContext as oe, SuggestionOption as se, formatCountryOption as ce, suggestionSelectStyles as le } from "./index361.js";
-import * as g from "react";
-import { jsx as _, jsxs as ue } from "react/jsx-runtime";
-import de from "react-select";
-//#region src/components/PhoneNumberInput/index.tsx
-var v = /[\u061C\u200B-\u200F\u202A-\u202E\u2066-\u2069\uFEFF]/g;
-function y(e) {
-	return e.replace(v, "");
+import { getCountries as e } from "./index359.js";
+//#region src/components/PhoneNumberInput/countries.ts
+var t = /* @__PURE__ */ new Set([
+	"IM",
+	"GG",
+	"JE"
+]), n = e().filter((e) => !t.has(e));
+function r() {
+	return n;
 }
-function b(e) {
-	for (let t of r) if (e.startsWith(t)) return e.slice(t.length);
-	return e;
-}
-function fe(e) {
-	let t = `+${e}`, { phoneNumber: n, detectedCountry: r } = u(t);
-	return n?.isValid() && r ? t : null;
-}
-function pe(e) {
-	let t = y(e).trim();
-	if (!t) return null;
-	if (t.startsWith("+")) {
-		let e = f(t);
-		if (!e) return "+";
-		let n = b(e);
-		return n ? `+${n}` : "+";
-	}
-	let n = f(t);
-	if (!n) return null;
-	let r = b(n);
-	return r === n ? null : r ? `+${r}` : "+";
-}
-function me(e) {
-	let t = pe(e);
-	if (t != null) return t;
-	let n = y(e).trim(), r = f(n);
-	return r ? fe(r) : null;
-}
-function he(e, n) {
-	return n || (e ? t(e) : null);
-}
-function ge(e, t, n) {
-	let r = y(e).trim(), i = f(r);
-	if (!i) return `+${t.dialCode}`;
-	let a = n?.allowImplicitInternational === !1 ? pe(r) : me(r);
-	if (a) {
-		let e = f(a);
-		if (e.startsWith(t.dialCode)) return a;
-		let { phoneNumber: n } = u(a), r = n?.countryCallingCode, i = r && e.startsWith(r) ? e.slice(r.length) : n?.nationalNumber ?? e;
-		return `+${t.dialCode}${i}`;
-	}
-	let { phoneNumber: o } = u(r, t.value);
-	return `+${t.dialCode}${o?.nationalNumber ?? i}`;
-}
-function _e(e, t) {
-	return {
-		...e,
-		country: t.value,
-		countryCallingCode: t.dialCode,
-		lengthIssue: d(e.rawInput, t.value)
-	};
-}
-function x(e, n) {
-	let r = y(e ?? "").trim();
-	if (!r) {
-		let e = n ?? null;
-		return {
-			displayValue: "",
-			formattedInternational: "",
-			formattedNational: "",
-			e164: null,
-			country: e,
-			countryCallingCode: e ? t(e) : null,
-			nationalNumber: "",
-			rawInput: "",
-			isValid: !1,
-			lengthIssue: null
-		};
-	}
-	let i = me(r);
-	if (i == null && n == null) return {
-		displayValue: r,
-		formattedInternational: r,
-		formattedNational: r,
-		e164: null,
-		country: null,
-		countryCallingCode: null,
-		nationalNumber: f(r),
-		rawInput: r,
-		isValid: !1,
-		lengthIssue: null
-	};
-	let a = i ?? r, { international: o, national: s, formatted: ee, phoneNumber: c, detectedCountry: l } = u(a, n), te = i != null, p = te ? l ?? n ?? null : n ?? l ?? null, m = he(p, c?.countryCallingCode), re = f(a), ie = c?.nationalNumber ?? (m && a.startsWith("+") ? ne(re, m) : f(r));
-	return {
-		displayValue: te ? o : ee,
-		formattedInternational: c?.formatInternational() ?? o,
-		formattedNational: c?.formatNational() ?? s,
-		e164: c?.number ?? null,
-		country: p,
-		countryCallingCode: m,
-		nationalNumber: ie,
-		rawInput: a,
-		isValid: c?.isValid() ?? !1,
-		lengthIssue: p ? d(a, p) : null
-	};
-}
-var S = g.forwardRef(function(r, u) {
-	let { value: d, defaultCountry: ne, country: v, locale: y, onChange: b, onCountryChange: fe, className: me, inputClassName: he, disabled: S, readOnly: C, selectProps: ve, autofillShimName: ye, messages: be, renderValidationMessage: xe, ...Se } = r, { onFocus: Ce, onBlur: we, onKeyDown: Te, name: Ee, autoComplete: De, ...Oe } = Se, w = typeof v == "string" ? v : null, T = o(y), E = g.useMemo(() => l(T), [T]), D = g.useMemo(() => n(E, be), [E, be]), O = g.useMemo(() => a(E, T), [T, E]), k = g.useCallback((e) => {
-		let t = O.find((t) => t.value === e);
-		return t ? te(t) : i(e);
-	}, [O]), ke = g.useMemo(() => {
-		let e = s(ne ?? v ?? "US");
-		return O.some((t) => t.value === e) ? e : O[0]?.value ?? "US";
-	}, [
-		O,
-		v,
-		ne
-	]), Ae = g.useRef(null);
-	Ae.current ||= x(d, w ?? void 0);
-	let je = Ae.current, [A, Me] = g.useState(w ? null : je.country), [j, Ne] = g.useState(je.displayValue), [M, N] = g.useState(""), [P, F] = g.useState(!1), [I, L] = g.useState(-1), [Pe, Fe] = g.useState(!1), [Ie, Le] = g.useState(!1), [Re, R] = g.useState(je.lengthIssue), z = g.useRef(null), B = g.useRef(""), V = g.useRef(null), H = g.useRef("smooth"), U = g.useRef(null), ze = g.useRef(!1), Be = g.useRef(null), W = g.useRef(null), G = w ?? A, Ve = w ?? z.current ?? void 0;
-	g.useImperativeHandle(u, () => W.current, []), g.useLayoutEffect(() => {
-		Le(!0);
-	}, []), g.useLayoutEffect(() => {
-		let e = U.current;
-		if (!e) return;
-		let t = W.current;
-		if (U.current = null, !t) return;
-		let { start: n, end: r } = e;
-		t.setSelectionRange(n, r);
-	}, [j]);
-	let He = ve ?? {}, Ue = g.useId(), { styles: We, components: Ge, classNamePrefix: Ke, formatOptionLabel: qe, menuPortalTarget: Je, menuPosition: Ye, ...Xe } = He, { instanceId: Ze, noOptionsMessage: Qe, ...$e } = Xe, et = Ze ?? Ue, [tt, nt] = g.useState(null), rt = "menuPortalTarget" in He, K = rt ? Je : tt, it = g.useMemo(() => {
-		let e = We?.menuPortal;
-		return {
-			...le,
-			...We ?? {},
-			menuPortal: (t, n) => {
-				let r = {
-					...t,
-					zIndex: 1300
-				}, i = e ? e(r, n) : r;
-				if (typeof document > "u" || !K || K === document.body) return i;
-				let a = K.getBoundingClientRect();
-				return {
-					...i,
-					left: typeof i.left == "number" ? i.left - a.left : i.left,
-					top: typeof i.top == "number" ? i.top - a.top : i.top
-				};
-			}
-		};
-	}, [K, We]);
-	g.useLayoutEffect(() => {
-		if (rt || typeof document > "u") return;
-		let e = W.current?.closest("[data-slot='dialog-content'], [data-slot='sheet-content'], [role='dialog']") ?? document.body;
-		nt(e);
-	}, [rt]);
-	let at = g.useMemo(() => {
-		let e = {
-			Control: ae,
-			IndicatorsContainer: h,
-			DropdownIndicator: h,
-			IndicatorSeparator: h,
-			ValueContainer: h
-		}, t = Ge ?? {};
-		return t.Option ? {
-			...e,
-			...t
-		} : {
-			...e,
-			...t,
-			Option: se
-		};
-	}, [Ge]);
-	g.useEffect(() => () => {
-		V.current != null && typeof window < "u" && window.clearTimeout(V.current);
-	}, []), g.useEffect(() => {
-		if (d == null) return;
-		let e = x(d, Ve);
-		B.current = "", Ne(e.displayValue), F(!1), N(""), L(-1), R(e.lengthIssue), !w && e.country !== A && Me(e.country);
-	}, [
-		w,
-		Ve,
-		A,
-		d
-	]), g.useEffect(() => {
-		let e = G ?? null;
-		!ze.current && e == null || ze.current && Be.current === e || (ze.current = !0, Be.current = e, fe?.(e, e ? k(e) : null));
-	}, [
-		G,
-		fe,
-		k
-	]);
-	let q = g.useCallback((e) => {
-		b?.({
-			...e,
-			selectedCountry: e.country ? k(e.country) : null
-		});
-	}, [b, k]), J = g.useCallback(() => {
-		typeof window > "u" || (V.current != null && window.clearTimeout(V.current), V.current = window.setTimeout(() => {
-			B.current = "", V.current = null;
-		}, 800));
-	}, []), ot = g.useCallback((e, t) => {
-		Ne(e.displayValue), F(!1), N(""), L(-1), R(e.lengthIssue), !w && e.country !== A && Me(e.country), t && (U.current = m(t, e.displayValue)), q({
-			formattedInternational: e.formattedInternational,
-			formattedNational: e.formattedNational,
-			e164: e.e164,
-			country: e.country,
-			countryCallingCode: e.countryCallingCode,
-			nationalNumber: e.nationalNumber,
-			rawInput: e.rawInput,
-			isValid: e.isValid
-		});
-	}, [
-		w,
-		q,
-		A
-	]), st = g.useCallback((e) => {
-		let n = e.target, r = p(n), i = n.value;
-		B.current = "";
-		let a = pe(i), o = z.current;
-		if (a != null && o) {
-			let e = t(o);
-			f(a).startsWith(e) || (z.current = null);
-		} else a != null && (z.current = null);
-		let s = z.current, ee = f(i);
-		if (!w && s && a == null && ee) {
-			let e = {
-				value: s,
-				dialCode: t(s)
-			}, n = _e(x(ge(i, {
-				value: e.value,
-				dialCode: e.dialCode
-			}, { allowImplicitInternational: !1 }), s), e);
-			ot(n, r);
-			return;
-		}
-		let c = x(i, w ?? s ?? void 0);
-		ot(c, r);
-	}, [ot, w]), ct = g.useCallback((e) => {
-		if (!e) return;
-		z.current = e.value;
-		let t = _e(x(ge(j, e), e.value), e);
-		Ne(t.displayValue), U.current = {
-			start: t.displayValue.length,
-			end: t.displayValue.length
-		}, F(!1), N(""), L(-1), R(t.lengthIssue), w || Me(e.value), q({
-			formattedInternational: t.formattedInternational,
-			formattedNational: t.formattedNational,
-			e164: t.e164,
-			country: t.country,
-			countryCallingCode: t.countryCallingCode,
-			nationalNumber: t.nationalNumber,
-			rawInput: t.rawInput,
-			isValid: t.isValid
-		}), requestAnimationFrame(() => {
-			W.current?.focus();
-		});
-	}, [
-		w,
-		q,
-		j
-	]), Y = g.useMemo(() => {
-		if (!P) return [];
-		let e = [], t = (t) => {
-			t && !e.some((e) => e.value === t.value) && e.push(t);
-		}, n = O.find((e) => e.value === ke), r = G ? O.find((e) => e.value === G) : void 0, i = M.trim(), a = f(i), o = ee(i);
-		return !a && !o ? (t(r), t(n), O.forEach(t), e) : (a && O.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 && O.filter((e) => e.normalizedSearchableTokens.some((e) => e.includes(o))).sort((e, t) => {
-			let n = c(e.normalizedSearchableTokens, o), r = c(t.normalizedSearchableTokens, o);
-			return n === r ? e.name.localeCompare(t.name) : n - r;
-		}).forEach(t), t(r), t(n), e.length === 0 && O.forEach(t), e);
-	}, [
-		G,
-		O,
-		M,
-		ke,
-		P
-	]), X = Pe && P && Y.length > 0;
-	g.useEffect(() => {
-		X || (H.current = "smooth");
-	}, [X]), g.useEffect(() => {
-		if (!X) {
-			L(-1);
-			return;
-		}
-		if (Y.length === 0) {
-			L(-1);
-			return;
-		}
-		L((e) => e < 0 || e >= Y.length ? 0 : e);
-	}, [Y, X]);
-	let Z = I >= 0 ? Y[I] ?? null : null;
-	g.useEffect(() => {
-		I < 0 && (H.current = "smooth");
-	}, [I]);
-	let lt = g.useCallback(() => {
-		let e = H.current;
-		return H.current = "smooth", e;
-	}, []), ut = g.useCallback((e) => {
-		let t = Y.findIndex((t) => t.value === e.value);
-		t !== -1 && L(t);
-	}, [Y]), dt = g.useCallback((e, t) => qe ? qe(e, t) : ce(e), [qe]), ft = g.useCallback((e) => dt(e, {
-		context: "menu",
-		inputValue: M,
-		selectValue: []
-	}), [M, dt]), pt = g.useMemo(() => ({
-		highlightedValue: Z?.value ?? null,
-		setHighlightedOption: ut,
-		renderOptionLabel: ft,
-		consumeScrollBehavior: lt
-	}), [
-		lt,
-		Z,
-		ft,
-		ut
-	]), Q = G ? O.find((e) => e.value === G) : void 0, mt = Q?.flag ?? "", ht = G ? D.selectedCountryLabel(Q?.name ?? G) : D.selectCountryLabel, gt = !!(G && mt), $ = Re === "TOO_LONG" ? D.lengthTooLong(Q?.name ?? G ?? null) : null, _t = Q?.name ?? G ?? null, vt = null;
-	if ($) {
-		let e = xe?.({
-			message: $,
-			code: "TOO_LONG",
-			countryName: _t
-		});
-		vt = e === void 0 ? /* @__PURE__ */ _("p", {
-			className: "mt-1 text-xs text-destructive",
-			children: /* @__PURE__ */ _("span", { children: $ })
-		}) : e;
-	}
-	let yt = g.useCallback((e) => {
-		B.current = `${B.current}${e}`.slice(-12), N(B.current), F(!0), J();
-	}, [J]), bt = g.useCallback(() => {
-		let e = B.current;
-		e && (B.current = e.slice(0, -1), N(B.current), B.current && J());
-	}, [J]), xt = g.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 = re(r, i);
-			e !== i && n.setSelectionRange(e, e);
-		} else if (t === "ArrowLeft" && o) {
-			let t = re(r, i);
-			if (t !== i) {
-				e.preventDefault(), n.setSelectionRange(t, t);
-				return;
-			}
-		} else if (t === "ArrowRight" && o) {
-			let t = ie(r, a);
-			if (t !== a) {
-				e.preventDefault(), n.setSelectionRange(t, t);
-				return;
-			}
-		}
-		if (t === "ArrowDown") {
-			if (H.current = e.repeat ? "auto" : "smooth", e.preventDefault(), !P) {
-				F(!0), L(Y.length > 0 ? 0 : -1);
-				return;
-			}
-			Y.length > 0 && L((e) => e < 0 ? 0 : (e + 1) % Y.length);
-			return;
-		}
-		if (t === "ArrowUp") {
-			if (H.current = e.repeat ? "auto" : "smooth", e.preventDefault(), !P) {
-				F(!0), L(Y.length > 0 ? Y.length - 1 : -1);
-				return;
-			}
-			Y.length > 0 && L((e) => e < 0 ? Y.length - 1 : (e - 1 + Y.length) % Y.length);
-			return;
-		}
-		if (/^[a-z]$/i.test(t)) {
-			e.preventDefault(), P || (F(!0), L(Y.length > 0 ? 0 : -1)), yt(t.toLowerCase());
-			return;
-		}
-		if (X) {
-			if (t === "Backspace" && B.current) {
-				e.preventDefault(), bt();
-				return;
-			}
-			if (t === "Escape") {
-				e.preventDefault(), B.current = "", N(""), F(!1);
-				return;
-			}
-			if (t === "Enter" && Y.length > 0) {
-				e.preventDefault();
-				let t = Z ?? Y[0];
-				ct(t);
-				return;
-			}
-		}
-	}, [
-		yt,
-		Y,
-		ct,
-		Z,
-		Te,
-		bt,
-		P,
-		X
-	]), St = g.useCallback((e) => {
-		Fe(!0), Ce?.(e);
-	}, [Ce]), Ct = g.useCallback((e) => {
-		Fe(!1), F(!1), B.current = "", N(""), we?.(e);
-	}, [we]), wt = g.useCallback(() => {
-		S || C || (B.current = "", N(""), F(!0), L((e) => e < 0 ? 0 : e), requestAnimationFrame(() => {
-			W.current?.focus();
-		}));
-	}, [S, C]), Tt = ye ?? (Ee ? `${Ee}_shim` : void 0);
-	return /* @__PURE__ */ ue("div", {
-		className: e("relative flex flex-col", me),
-		children: [
-			/* @__PURE__ */ ue("div", {
-				className: "relative",
-				children: [/* @__PURE__ */ _("input", {
-					...Oe,
-					ref: W,
-					type: "tel",
-					className: e("flex h-10 w-full rounded-md border border-input bg-background py-2 text-base ring-offset-background placeholder:text-muted-foreground 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: j,
-					onChange: st,
-					onFocus: St,
-					onBlur: Ct,
-					onKeyDown: xt,
-					disabled: S,
-					readOnly: C,
-					autoComplete: De ?? "off"
-				}), /* @__PURE__ */ _("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", gt ? "border-transparent" : "border-dashed border-border text-muted-foreground", S ? "cursor-not-allowed opacity-50" : C ? "cursor-default" : "cursor-pointer hover:bg-muted"),
-					"aria-label": ht,
-					onMouseDown: (e) => e.preventDefault(),
-					onClick: wt,
-					tabIndex: -1,
-					disabled: S,
-					children: /* @__PURE__ */ _("span", {
-						"aria-hidden": "true",
-						children: gt ? mt : "?"
-					})
-				})]
-			}),
-			Tt ? /* @__PURE__ */ _("input", {
-				tabIndex: -1,
-				autoComplete: "tel",
-				name: Tt,
-				"aria-hidden": "true",
-				className: "pointer-events-none absolute left-0 top-0 h-0 w-0 opacity-0"
-			}) : null,
-			/* @__PURE__ */ _("div", {
-				className: "absolute left-0 top-full z-30 mt-1",
-				style: {
-					pointerEvents: X ? "auto" : "none",
-					width: "min(260px, 100%)"
-				},
-				onMouseDown: (e) => e.preventDefault(),
-				children: Ie ? /* @__PURE__ */ _(oe.Provider, {
-					value: pt,
-					children: /* @__PURE__ */ _(de, {
-						...$e,
-						instanceId: et,
-						menuIsOpen: X,
-						options: Y,
-						value: null,
-						components: at,
-						styles: it,
-						isClearable: !1,
-						isSearchable: !1,
-						backspaceRemovesValue: !1,
-						tabSelectsValue: !1,
-						menuShouldScrollIntoView: !1,
-						menuPortalTarget: K,
-						menuPosition: Ye ?? (K ? "fixed" : "absolute"),
-						onChange: ct,
-						classNamePrefix: Ke ?? "phone-number-suggestions",
-						placeholder: "",
-						formatOptionLabel: dt,
-						noOptionsMessage: Qe ?? (() => D.noMatches)
-					})
-				}) : null
-			}),
-			vt
-		]
-	});
-});
-S.displayName = "PhoneNumberInput";
 //#endregion
-export { S as PhoneNumberInput };
+export { r as getCountryList };
 
 //# sourceMappingURL=index362.js.map