@rpcbase/ui 0.287.0 → 0.289.0

package/dist/index366.js.map

@@ -1 +1 @@
-{"version":3,"file":"index366.js","names":["React"],"sources":["../../../node_modules/@base-ui/utils/useControlled.mjs"],"sourcesContent":["'use client';\n\n// TODO: uncomment once we enable eslint-plugin-react-compiler // eslint-disable-next-line react-compiler/react-compiler -- process.env never changes, dependency arrays are intentionally ignored\n/* eslint-disable react-hooks/rules-of-hooks, react-hooks/exhaustive-deps */\nimport * as React from 'react';\nimport { error } from \"./error.mjs\";\nexport function useControlled({\n  controlled,\n  default: defaultProp,\n  name,\n  state = 'value'\n}) {\n  // isControlled is ignored in the hook dependency lists as it should never change.\n  const {\n    current: isControlled\n  } = React.useRef(controlled !== undefined);\n  const [valueState, setValue] = React.useState(defaultProp);\n  const value = isControlled ? controlled : valueState;\n  if (process.env.NODE_ENV !== 'production') {\n    React.useEffect(() => {\n      if (isControlled !== (controlled !== undefined)) {\n        error([`A component is changing the ${isControlled ? '' : 'un'}controlled ${state} state of ${name} to be ${isControlled ? 'un' : ''}controlled.`, 'Elements should not switch from uncontrolled to controlled (or vice versa).', `Decide between using a controlled or uncontrolled ${name} ` + 'element for the lifetime of the component.', \"The nature of the state is determined during the first render. It's considered controlled if the value is not `undefined`.\", 'More info: https://fb.me/react-controlled-components'].join('\\n'));\n      }\n    }, [state, name, controlled]);\n    const {\n      current: defaultValue\n    } = React.useRef(defaultProp);\n    React.useEffect(() => {\n      if (!isControlled && serializeToDevModeString(defaultValue) !== serializeToDevModeString(defaultProp)) {\n        error([`A component is changing the default ${state} state of an uncontrolled ${name} after being initialized. ` + `To suppress this warning opt to use a controlled ${name}.`].join('\\n'));\n      }\n    }, [defaultProp]);\n  }\n  const setValueIfUncontrolled = React.useCallback(newValue => {\n    if (!isControlled) {\n      setValue(newValue);\n    }\n  }, []);\n  return [value, setValueIfUncontrolled];\n}\nfunction serializeToDevModeString(input) {\n  let nextId = 0;\n  const seen = new WeakMap();\n  try {\n    const result = JSON.stringify(input, function replacer(key, value) {\n      if (key === '_owner' && this != null && typeof this === 'object' && '$$typeof' in this) {\n        return undefined;\n      }\n      if (typeof value === 'bigint') {\n        return `__bigint__:${value}`;\n      }\n      if (value !== null && typeof value === 'object') {\n        const id = seen.get(value);\n        if (id !== undefined) {\n          return `__object__:${id}`;\n        }\n        seen.set(value, nextId);\n        nextId += 1;\n      }\n      return value;\n    });\n    return result ?? `__top__:${typeof input}`;\n  } catch {\n    return '__unserializable__';\n  }\n}"],"x_google_ignoreList":[0],"mappings":";;;;AAMA,SAAgB,EAAc,EAC5B,eACA,SAAS,GACT,SACA,WAAQ,WACP;CAED,IAAM,EACJ,SAAS,MACPA,EAAM,OAAO,MAAe,KAAA,CAAS,GACnC,CAAC,GAAY,KAAYA,EAAM,SAAS,CAAW,GACnD,IAAQ,IAAe,IAAa;CAC1C,IAAA,QAAA,IAAA,aAA6B,cAAc;EACzC,EAAM,gBAAgB;GACpB,AAAI,OAAkB,MAAe,KAAA,MACnC,EAAM;IAAC,+BAA+B,IAAe,KAAK,KAAK,aAAa,EAAM,YAAY,EAAK,SAAS,IAAe,OAAO,GAAG;IAAc;IAA+E,qDAAqD,EAAK;IAAmD;IAA8H;GAAsD,CAAC,CAAC,KAAK,IAAI,CAAC;EAEnhB,GAAG;GAAC;GAAO;GAAM;EAAU,CAAC;EAC5B,IAAM,EACJ,SAAS,MACPA,EAAM,OAAO,CAAW;EAC5B,EAAM,gBAAgB;GACpB,AAAI,CAAC,KAAgB,EAAyB,CAAY,MAAM,EAAyB,CAAW,KAClG,EAAM,CAAC,uCAAuC,EAAM,4BAA4B,EAAK,6EAAkF,EAAK,EAAE,CAAC,CAAC,KAAK,IAAI,CAAC;EAE9L,GAAG,CAAC,CAAW,CAAC;CAClB;CAMA,OAAO,CAAC,GALuBA,EAAM,aAAY,MAAY;EAC3D,AAAK,KACH,EAAS,CAAQ;CAErB,GAAG,CAAC,CACgC,CAAC;AACvC;AACA,SAAS,EAAyB,GAAO;CACvC,IAAI,IAAS,GACP,oBAAO,IAAI,QAAQ;CACzB,IAAI;EAkBF,OAjBe,KAAK,UAAU,GAAO,SAAkB,GAAK,GAAO;GAC7D,YAAQ,YAAY,QAAQ,QAAQ,OAAO,QAAS,YAAY,cAAc,OAGlF;QAAI,OAAO,KAAU,UACnB,OAAO,cAAc;IAEvB,IAAsB,OAAO,KAAU,YAAnC,GAA6C;KAC/C,IAAM,IAAK,EAAK,IAAI,CAAK;KACzB,IAAI,MAAO,KAAA,GACT,OAAO,cAAc;KAGvB,AADA,EAAK,IAAI,GAAO,CAAM,GACtB,KAAU;IACZ;IACA,OAAO;GAVgB;EAWzB,CACY,KAAK,WAAW,OAAO;CACrC,QAAQ;EACN,OAAO;CACT;AACF"}
+{"version":3,"file":"index366.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>","React","_c","_Fragment","React$1","SuggestionContext","assignOptionRef","ref","node","SuggestionOption","$","c","context","isActive","props","onMouseMove","receivedClassName","restInnerProps","t0","_temp","renderLabel","optionRef","t1","innerRef","assignRef","t2","consumeScrollBehavior","behavior","target","parent","top","bottom","viewTop","viewBottom","t3","t4","event","handleMouseMove","t5","t6","cn","t7","t8","suggestionSelectStyles","provided","state","HiddenControl","children","innerProps","NullComponent","formatCountryOption","Fragment","option"],"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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"}

package/dist/index367.js

@@ -1,15 +1,494 @@
-"use client";
-import e from "./index183.js";
-import * as t from "react";
-//#region ../../node_modules/@base-ui/react/select/root/SelectRootContext.mjs
-var n = /*#__PURE__*/ t.createContext(null);
-process.env.NODE_ENV !== "production" && (n.displayName = "SelectRootContext");
-function r() {
-	let r = t.useContext(n);
-	if (r === null) throw Error(process.env.NODE_ENV === "production" ? e(60) : "Base UI: SelectRootContext is missing. Select parts must be placed within <Select.Root>.");
-	return r;
+import { cn as e } from "./index12.js";
+import { getCountryCallingCode as t } from "./index360.js";
+import { resolveMessages as n } from "./index361.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 "./index363.js";
+import { formatWithAsYouType as u, getLengthIssue as d, sanitizeDigits as f, stripPrefix as ne } from "./index364.js";
+import { captureSelectionSnapshot as p, resolveSelection as m, skipFormattingCharactersLeft as re, skipFormattingCharactersRight as ie } from "./index365.js";
+import { HiddenControl as ae, NullComponent as h, SuggestionContext as oe, SuggestionOption as se, formatCountryOption as ce, suggestionSelectStyles as le } from "./index366.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, "");
 }
+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 { n as SelectRootContext, r as useSelectRootContext };
+export { S as PhoneNumberInput };
 
 //# sourceMappingURL=index367.js.map