@rpcbase/ui 0.280.0 → 0.282.0

package/dist/index362.js.map

@@ -1 +1 @@
-{"version":3,"file":"index362.js","names":["React","CountryCode","ControlProps","OptionProps","StylesConfig","cn","CountryOption","SuggestionContextValue","highlightedValue","setHighlightedOption","option","renderOptionLabel","ReactNode","consumeScrollBehavior","ScrollBehavior","SuggestionContext","createContext","assignOptionRef","ref","Ref","HTMLDivElement","node","Reflect","set","SuggestionOption","props","$","_c","context","useContext","isActive","data","value","onMouseMove","receivedClassName","restInnerProps","innerProps","className","t0","_temp","renderLabel","optionRef","useRef","innerRef","t1","current","assignRef","t2","behavior","target","parent","parentElement","top","offsetTop","bottom","offsetHeight","viewTop","scrollTop","viewBottom","clientHeight","scrollIntoView","block","t3","useEffect","t4","event","handleMouseMove","t5","t6","t7","t8","suggestionSelectStyles","control","display","menu","provided","marginTop","borderRadius","boxShadow","backgroundColor","overflow","zIndex","menuList","maxHeight","padding","state","fontSize","isFocused","isSelected","color","cursor","noOptionsMessage","HiddenControl","children","Symbol","for","height","minHeight","opacity","pointerEvents","NullComponent","formatCountryOption","flag","name","dialCode"],"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":"index362.js","names":["candidate","initialState","country","parsed","snapshot","option","a","b","current","event","target","value","nextStart"],"sources":["../src/components/PhoneNumberInput/index.tsx"],"sourcesContent":["import * as React from \"react\"\nimport type { CountryCode } from \"libphonenumber-js\"\nimport { getCountryCallingCode } from \"libphonenumber-js\"\nimport Select, {\n  type Props as SelectProps,\n  type SingleValue,\n  type StylesConfig,\n} from \"react-select\"\n\nimport { cn } from \"@/lib/utils\"\n\nimport type {\n  CountryOption,\n  PhoneNumberChangeDetails,\n  PhoneNumberInputProps,\n  PhoneNumberSelectedCountry,\n} from \"./types\"\nimport { resolveMessages } from \"./messages\"\nimport {\n  COMMON_IDD_PREFIXES,\n  DEFAULT_COUNTRY,\n  buildFallbackSelectedCountry,\n  getCachedCountryOptions,\n  getLocaleCacheKey,\n  getValidCountry,\n  normalizeSearchValue,\n  optionMatchIndex,\n  parseLocaleCacheKey,\n  toSelectedCountry,\n} from \"./country-options\"\nimport {\n  formatWithAsYouType,\n  getLengthIssue,\n  sanitizeDigits,\n  stripPrefix,\n  type LengthIssue,\n} from \"./normalization\"\nimport {\n  captureSelectionSnapshot,\n  resolveSelection,\n  skipFormattingCharactersLeft,\n  skipFormattingCharactersRight,\n} from \"./selection\"\nimport {\n  HiddenControl,\n  NullComponent,\n  SuggestionContext,\n  SuggestionOption,\n  formatCountryOption,\n  suggestionSelectStyles,\n  type SuggestionContextValue,\n} from \"./suggestions\"\n\n\nexport type {\n  CountryOption,\n  PhoneNumberChangeDetails,\n  PhoneNumberInputMessages,\n  PhoneNumberInputProps,\n  PhoneNumberInputValidationCode,\n  PhoneNumberSelectedCountry,\n} from \"./types\"\n\nconst INVISIBLE_FORMATTING_CHARACTERS =\n  /[\\u061C\\u200B-\\u200F\\u202A-\\u202E\\u2066-\\u2069\\uFEFF]/g\n\ntype ParsedInput = Omit<PhoneNumberChangeDetails, \"selectedCountry\"> & {\n  displayValue: string\n  lengthIssue: LengthIssue | null\n}\n\nfunction stripInvisibleFormatting(value: string) {\n  return value.replace(INVISIBLE_FORMATTING_CHARACTERS, \"\")\n}\n\nfunction stripIddPrefix(digits: string) {\n  for (const prefix of COMMON_IDD_PREFIXES) {\n    if (digits.startsWith(prefix)) {\n      return digits.slice(prefix.length)\n    }\n  }\n  return digits\n}\n\nfunction normalizeImplicitInternationalInput(digits: string) {\n  const candidate = `+${digits}`\n  const { phoneNumber, detectedCountry } = formatWithAsYouType(candidate)\n\n  if (phoneNumber?.isValid() && detectedCountry) {\n    return candidate\n  }\n\n  return null\n}\n\nfunction normalizeExplicitInternationalInput(value: string) {\n  const cleaned = stripInvisibleFormatting(value).trim()\n  if (!cleaned) {\n    return null\n  }\n\n  if (cleaned.startsWith(\"+\")) {\n    const digits = sanitizeDigits(cleaned)\n    if (!digits) {\n      return \"+\"\n    }\n\n    const digitsWithoutIdd = stripIddPrefix(digits)\n    return digitsWithoutIdd ? `+${digitsWithoutIdd}` : \"+\"\n  }\n\n  const digits = sanitizeDigits(cleaned)\n  if (!digits) {\n    return null\n  }\n\n  const digitsWithoutIdd = stripIddPrefix(digits)\n  if (digitsWithoutIdd !== digits) {\n    return digitsWithoutIdd ? `+${digitsWithoutIdd}` : \"+\"\n  }\n\n  return null\n}\n\nfunction normalizeInternationalInput(value: string) {\n  const explicitInternational = normalizeExplicitInternationalInput(value)\n  if (explicitInternational != null) {\n    return explicitInternational\n  }\n\n  const cleaned = stripInvisibleFormatting(value).trim()\n  const digits = sanitizeDigits(cleaned)\n  if (!digits) {\n    return null\n  }\n\n  return normalizeImplicitInternationalInput(digits)\n}\n\nfunction getDialCode(country: CountryCode | null, parsedDialCode: string | undefined) {\n  if (parsedDialCode) {\n    return parsedDialCode\n  }\n  return country ? getCountryCallingCode(country) : null\n}\n\nfunction getInputValueForSelectedCountry(\n  value: string,\n  option: Pick<CountryOption, \"dialCode\" | \"value\">,\n  options?: { allowImplicitInternational?: boolean }\n) {\n  const cleaned = stripInvisibleFormatting(value).trim()\n  const digits = sanitizeDigits(cleaned)\n\n  if (!digits) {\n    return `+${option.dialCode}`\n  }\n\n  const normalizedInternational =\n    options?.allowImplicitInternational === false\n      ? normalizeExplicitInternationalInput(cleaned)\n      : normalizeInternationalInput(cleaned)\n  if (normalizedInternational) {\n    const normalizedDigits = sanitizeDigits(normalizedInternational)\n    if (normalizedDigits.startsWith(option.dialCode)) {\n      return normalizedInternational\n    }\n\n    const { phoneNumber } = formatWithAsYouType(normalizedInternational)\n    const currentDialCode = phoneNumber?.countryCallingCode\n    const nationalDigits =\n      currentDialCode && normalizedDigits.startsWith(currentDialCode)\n        ? normalizedDigits.slice(currentDialCode.length)\n        : phoneNumber?.nationalNumber ?? normalizedDigits\n\n    return `+${option.dialCode}${nationalDigits}`\n  }\n\n  const { phoneNumber } = formatWithAsYouType(cleaned, option.value)\n  return `+${option.dialCode}${phoneNumber?.nationalNumber ?? digits}`\n}\n\nfunction preferSelectedCountry(\n  parsed: ParsedInput,\n  option: Pick<CountryOption, \"dialCode\" | \"value\">\n): ParsedInput {\n  return {\n    ...parsed,\n    country: option.value,\n    countryCallingCode: option.dialCode,\n    lengthIssue: getLengthIssue(parsed.rawInput, option.value),\n  }\n}\n\nfunction parsePhoneInput(rawValue: string | undefined, baseCountry?: CountryCode): ParsedInput {\n  const cleaned = stripInvisibleFormatting(rawValue ?? \"\").trim()\n\n  if (!cleaned) {\n    const country = baseCountry ?? null\n    const countryCallingCode = country ? getCountryCallingCode(country) : null\n\n    return {\n      displayValue: \"\",\n      formattedInternational: \"\",\n      formattedNational: \"\",\n      e164: null,\n      country,\n      countryCallingCode,\n      nationalNumber: \"\",\n      rawInput: \"\",\n      isValid: false,\n      lengthIssue: null,\n    }\n  }\n\n  const normalizedInternational = normalizeInternationalInput(cleaned)\n  const shouldFormat = normalizedInternational != null || baseCountry != null\n\n  if (!shouldFormat) {\n    return {\n      displayValue: cleaned,\n      formattedInternational: cleaned,\n      formattedNational: cleaned,\n      e164: null,\n      country: null,\n      countryCallingCode: null,\n      nationalNumber: sanitizeDigits(cleaned),\n      rawInput: cleaned,\n      isValid: false,\n      lengthIssue: null,\n    }\n  }\n\n  const normalized = normalizedInternational ?? cleaned\n  const {\n    international,\n    national,\n    formatted,\n    phoneNumber,\n    detectedCountry,\n  } = formatWithAsYouType(normalized, baseCountry)\n  const hasInternationalPrefix = normalizedInternational != null\n  const country = hasInternationalPrefix\n    ? detectedCountry ?? baseCountry ?? null\n    : baseCountry ?? detectedCountry ?? null\n  const countryCallingCode = getDialCode(country, phoneNumber?.countryCallingCode)\n  const normalizedDigits = sanitizeDigits(normalized)\n  const nationalNumber =\n    phoneNumber?.nationalNumber ??\n    (countryCallingCode && normalized.startsWith(\"+\")\n      ? stripPrefix(normalizedDigits, countryCallingCode)\n      : sanitizeDigits(cleaned))\n  const displayValue = hasInternationalPrefix ? international : formatted\n\n  return {\n    displayValue,\n    formattedInternational: phoneNumber?.formatInternational() ?? international,\n    formattedNational: phoneNumber?.formatNational() ?? national,\n    e164: phoneNumber?.number ?? null,\n    country,\n    countryCallingCode,\n    nationalNumber,\n    rawInput: normalized,\n    isValid: phoneNumber?.isValid() ?? false,\n    lengthIssue: country ? getLengthIssue(normalized, country) : null,\n  }\n}\n\nexport const PhoneNumberInput = React.forwardRef<HTMLInputElement, PhoneNumberInputProps>(\n  function PhoneNumberInput(props, forwardedRef) {\n    const {\n      value,\n      defaultCountry,\n      country: countryProp,\n      locale,\n      onChange,\n      onCountryChange,\n      className,\n      inputClassName,\n      disabled,\n      readOnly,\n      selectProps,\n      autofillShimName,\n      messages: messagesProp,\n      renderValidationMessage,\n      ...restProps\n    } = props\n\n    const {\n      onFocus: onInputFocus,\n      onBlur: onInputBlur,\n      onKeyDown: onInputKeyDown,\n      name: inputName,\n      autoComplete: inputAutoComplete,\n      ...restInputProps\n    } = restProps\n\n    const controlledCountry = typeof countryProp === \"string\" ? countryProp : null\n    const localeCacheKey = getLocaleCacheKey(locale)\n    const localeForBuild = React.useMemo(\n      () => parseLocaleCacheKey(localeCacheKey),\n      [localeCacheKey]\n    )\n    const resolvedMessages = React.useMemo(\n      () => resolveMessages(localeForBuild, messagesProp),\n      [localeForBuild, messagesProp]\n    )\n    const countryOptions = React.useMemo(\n      () => getCachedCountryOptions(localeForBuild, localeCacheKey),\n      [localeCacheKey, localeForBuild]\n    )\n    const resolveSelectedCountry = React.useCallback(\n      (country: CountryCode): PhoneNumberSelectedCountry => {\n        const match = countryOptions.find((candidate) => candidate.value === country)\n        if (match) {\n          return toSelectedCountry(match)\n        }\n        return buildFallbackSelectedCountry(country)\n      },\n      [countryOptions]\n    )\n    const menuPriorityCountry = React.useMemo(() => {\n      const candidate = getValidCountry(defaultCountry ?? countryProp ?? DEFAULT_COUNTRY)\n      if (countryOptions.some((option) => option.value === candidate)) {\n        return candidate\n      }\n      return countryOptions[0]?.value ?? DEFAULT_COUNTRY\n    }, [countryOptions, countryProp, defaultCountry])\n\n    const initialStateRef = React.useRef<ParsedInput | null>(null)\n\n    if (!initialStateRef.current) {\n      const initialState = parsePhoneInput(value, controlledCountry ?? undefined)\n      initialStateRef.current = initialState\n    }\n\n    const initialState = initialStateRef.current\n\n    const [uncontrolledCountry, setUncontrolledCountry] = React.useState<CountryCode | null>(\n      controlledCountry ? null : initialState.country\n    )\n    const [inputValueState, setInputValueState] = React.useState(initialState.displayValue)\n    const [countryQuery, setCountryQuery] = React.useState(\"\")\n    const [showSuggestions, setShowSuggestions] = React.useState(false)\n    const [highlightedIndex, setHighlightedIndex] = React.useState<number>(-1)\n    const [isFocused, setIsFocused] = React.useState(false)\n    const [shouldRenderSelect, setShouldRenderSelect] = React.useState(false)\n    const [lengthIssue, setLengthIssue] = React.useState<LengthIssue | null>(\n      initialState.lengthIssue\n    )\n\n    const manualSelectionCountryRef = React.useRef<CountryCode | null>(null)\n    const keyboardBufferRef = React.useRef(\"\")\n    const bufferTimeoutRef = React.useRef<number | null>(null)\n    const scrollBehaviorRef = React.useRef<ScrollBehavior>(\"smooth\")\n    const pendingSelectionRef = React.useRef<{ start: number; end: number } | null>(null)\n    const hasNotifiedCountryRef = React.useRef(false)\n    const lastNotifiedCountryRef = React.useRef<CountryCode | null>(null)\n    const inputRef = React.useRef<HTMLInputElement | null>(null)\n\n    const activeCountry = controlledCountry ?? uncontrolledCountry\n    const explicitFormattingCountry = controlledCountry ?? manualSelectionCountryRef.current ?? undefined\n\n    React.useImperativeHandle(forwardedRef, () => inputRef.current as HTMLInputElement, [])\n\n    React.useLayoutEffect(() => {\n      setShouldRenderSelect(true)\n    }, [])\n\n    React.useLayoutEffect(() => {\n      const selection = pendingSelectionRef.current\n      if (!selection) {\n        return\n      }\n\n      const input = inputRef.current\n      pendingSelectionRef.current = null\n      if (!input) {\n        return\n      }\n\n      const { start, end } = selection\n      input.setSelectionRange(start, end)\n    }, [inputValueState])\n\n    const selectOverrides = selectProps ?? {}\n    const generatedSelectInstanceId = React.useId()\n    const {\n      styles: userSelectStyles,\n      components: userSelectComponents,\n      classNamePrefix: userClassNamePrefix,\n      formatOptionLabel: userFormatOptionLabel,\n      menuPortalTarget: userMenuPortalTarget,\n      menuPosition: userMenuPosition,\n      ...forwardedSelectProps\n    } = selectOverrides\n    const {\n      instanceId: userSelectInstanceId,\n      noOptionsMessage,\n      ...restForwardedSelectProps\n    } = forwardedSelectProps\n    const selectInstanceId = userSelectInstanceId ?? generatedSelectInstanceId\n    const [defaultMenuPortalTarget, setDefaultMenuPortalTarget] =\n      React.useState<HTMLElement | null>(null)\n    const hasUserMenuPortalTarget = \"menuPortalTarget\" in selectOverrides\n    const menuPortalTarget = hasUserMenuPortalTarget\n      ? userMenuPortalTarget\n      : defaultMenuPortalTarget\n\n    const mergedSelectStyles = React.useMemo<StylesConfig<CountryOption, false>>(\n      () => {\n        const userMenuPortal = userSelectStyles?.menuPortal\n\n        return {\n          ...suggestionSelectStyles,\n          ...(userSelectStyles ?? {}),\n          menuPortal: (provided, state) => {\n            const baseWithZIndex = {\n              ...provided,\n              zIndex: 1300,\n            }\n            const base = userMenuPortal ? userMenuPortal(baseWithZIndex, state) : baseWithZIndex\n\n            if (typeof document === \"undefined\" || !menuPortalTarget || menuPortalTarget === document.body) {\n              return base\n            }\n\n            const portalRect = menuPortalTarget.getBoundingClientRect()\n            return {\n              ...base,\n              left: typeof base.left === \"number\" ? base.left - portalRect.left : base.left,\n              top: typeof base.top === \"number\" ? base.top - portalRect.top : base.top,\n            }\n          },\n        }\n      },\n      [menuPortalTarget, userSelectStyles]\n    )\n\n    React.useLayoutEffect(() => {\n      if (hasUserMenuPortalTarget || typeof document === \"undefined\") {\n        return\n      }\n\n      const portalTarget =\n        inputRef.current?.closest<HTMLElement>(\n          \"[data-slot='dialog-content'], [data-slot='sheet-content'], [role='dialog']\"\n        ) ?? document.body\n      setDefaultMenuPortalTarget(portalTarget)\n    }, [hasUserMenuPortalTarget])\n\n    const mergedSelectComponents = React.useMemo(() => {\n      const baseComponents = {\n        Control: HiddenControl,\n        IndicatorsContainer: NullComponent,\n        DropdownIndicator: NullComponent,\n        IndicatorSeparator: NullComponent,\n        ValueContainer: NullComponent,\n      }\n\n      const overrides = userSelectComponents ?? {}\n\n      if (!overrides.Option) {\n        return {\n          ...baseComponents,\n          ...overrides,\n          Option: SuggestionOption,\n        }\n      }\n\n      return {\n        ...baseComponents,\n        ...overrides,\n      }\n    }, [userSelectComponents])\n\n    React.useEffect(() => () => {\n      if (bufferTimeoutRef.current != null && typeof window !== \"undefined\") {\n        window.clearTimeout(bufferTimeoutRef.current)\n      }\n    }, [])\n\n    React.useEffect(() => {\n      if (value == null) {\n        return\n      }\n\n      const parsed = parsePhoneInput(value, explicitFormattingCountry)\n      keyboardBufferRef.current = \"\"\n\n      setInputValueState(parsed.displayValue)\n      setShowSuggestions(false)\n      setCountryQuery(\"\")\n      setHighlightedIndex(-1)\n      setLengthIssue(parsed.lengthIssue)\n\n      if (!controlledCountry && parsed.country !== uncontrolledCountry) {\n        setUncontrolledCountry(parsed.country)\n      }\n    }, [controlledCountry, explicitFormattingCountry, uncontrolledCountry, value])\n\n    React.useEffect(() => {\n      const country = activeCountry ?? null\n      if (!hasNotifiedCountryRef.current && country == null) {\n        return\n      }\n\n      if (hasNotifiedCountryRef.current && lastNotifiedCountryRef.current === country) {\n        return\n      }\n\n      hasNotifiedCountryRef.current = true\n      lastNotifiedCountryRef.current = country\n      onCountryChange?.(country, country ? resolveSelectedCountry(country) : null)\n    }, [activeCountry, onCountryChange, resolveSelectedCountry])\n\n    const emitChange = React.useCallback(\n      (details: Omit<PhoneNumberChangeDetails, \"selectedCountry\">) => {\n        onChange?.({\n          ...details,\n          selectedCountry: details.country ? resolveSelectedCountry(details.country) : null,\n        })\n      },\n      [onChange, resolveSelectedCountry]\n    )\n\n    const scheduleBufferReset = React.useCallback(() => {\n      if (typeof window === \"undefined\") {\n        return\n      }\n\n      if (bufferTimeoutRef.current != null) {\n        window.clearTimeout(bufferTimeoutRef.current)\n      }\n\n      bufferTimeoutRef.current = window.setTimeout(() => {\n        keyboardBufferRef.current = \"\"\n        bufferTimeoutRef.current = null\n      }, 800)\n    }, [])\n\n    const applyParsedInput = React.useCallback(\n      (parsed: ParsedInput, snapshot: ReturnType<typeof captureSelectionSnapshot> | null) => {\n        setInputValueState(parsed.displayValue)\n        setShowSuggestions(false)\n        setCountryQuery(\"\")\n        setHighlightedIndex(-1)\n        setLengthIssue(parsed.lengthIssue)\n\n        if (!controlledCountry && parsed.country !== uncontrolledCountry) {\n          setUncontrolledCountry(parsed.country)\n        }\n\n        if (snapshot) {\n          pendingSelectionRef.current = resolveSelection(snapshot, parsed.displayValue)\n        }\n\n        emitChange({\n          formattedInternational: parsed.formattedInternational,\n          formattedNational: parsed.formattedNational,\n          e164: parsed.e164,\n          country: parsed.country,\n          countryCallingCode: parsed.countryCallingCode,\n          nationalNumber: parsed.nationalNumber,\n          rawInput: parsed.rawInput,\n          isValid: parsed.isValid,\n        })\n      },\n      [controlledCountry, emitChange, uncontrolledCountry]\n    )\n\n    const handleInputChange = React.useCallback(\n      (event: React.ChangeEvent<HTMLInputElement>) => {\n        const target = event.target\n        const snapshot = captureSelectionSnapshot(target)\n        const raw = target.value\n        keyboardBufferRef.current = \"\"\n\n        const normalizedExplicitInternational = normalizeExplicitInternationalInput(raw)\n        const manualCountry = manualSelectionCountryRef.current\n        if (normalizedExplicitInternational != null && manualCountry) {\n          const manualDialCode = getCountryCallingCode(manualCountry)\n          if (!sanitizeDigits(normalizedExplicitInternational).startsWith(manualDialCode)) {\n            manualSelectionCountryRef.current = null\n          }\n        } else if (normalizedExplicitInternational != null) {\n          manualSelectionCountryRef.current = null\n        }\n\n        const activeManualCountry = manualSelectionCountryRef.current\n        const rawDigits = sanitizeDigits(raw)\n        if (\n          !controlledCountry &&\n          activeManualCountry &&\n          normalizedExplicitInternational == null &&\n          rawDigits\n        ) {\n          const manualOption = {\n            value: activeManualCountry,\n            dialCode: getCountryCallingCode(activeManualCountry),\n          }\n          const parsed = preferSelectedCountry(\n            parsePhoneInput(\n              getInputValueForSelectedCountry(\n                raw,\n                {\n                  value: manualOption.value,\n                  dialCode: manualOption.dialCode,\n                },\n                { allowImplicitInternational: false }\n              ),\n              activeManualCountry\n            ),\n            manualOption\n          )\n          applyParsedInput(parsed, snapshot)\n          return\n        }\n\n        const baseCountry = controlledCountry ?? activeManualCountry ?? undefined\n        const parsed = parsePhoneInput(raw, baseCountry)\n        applyParsedInput(parsed, snapshot)\n      },\n      [applyParsedInput, controlledCountry]\n    )\n\n    const handleCountrySelect = React.useCallback(\n      (option: SingleValue<CountryOption>) => {\n        if (!option) {\n          return\n        }\n\n        manualSelectionCountryRef.current = option.value\n        const nextInputValue = getInputValueForSelectedCountry(inputValueState, option)\n        const parsed = preferSelectedCountry(\n          parsePhoneInput(nextInputValue, option.value),\n          option\n        )\n\n        setInputValueState(parsed.displayValue)\n        pendingSelectionRef.current = {\n          start: parsed.displayValue.length,\n          end: parsed.displayValue.length,\n        }\n        setShowSuggestions(false)\n        setCountryQuery(\"\")\n        setHighlightedIndex(-1)\n        setLengthIssue(parsed.lengthIssue)\n\n        if (!controlledCountry) {\n          setUncontrolledCountry(option.value)\n        }\n\n        emitChange({\n          formattedInternational: parsed.formattedInternational,\n          formattedNational: parsed.formattedNational,\n          e164: parsed.e164,\n          country: parsed.country,\n          countryCallingCode: parsed.countryCallingCode,\n          nationalNumber: parsed.nationalNumber,\n          rawInput: parsed.rawInput,\n          isValid: parsed.isValid,\n        })\n\n        requestAnimationFrame(() => {\n          inputRef.current?.focus()\n        })\n      },\n      [controlledCountry, emitChange, inputValueState]\n    )\n\n    const filteredOptions = React.useMemo(() => {\n      if (!showSuggestions) {\n        return [] as CountryOption[]\n      }\n\n      const results: CountryOption[] = []\n\n      const pushUnique = (option: CountryOption | undefined) => {\n        if (option && !results.some((existing) => existing.value === option.value)) {\n          results.push(option)\n        }\n      }\n\n      const priorityOption = countryOptions.find((option) => option.value === menuPriorityCountry)\n      const currentOption = activeCountry\n        ? countryOptions.find((option) => option.value === activeCountry)\n        : undefined\n      const query = countryQuery.trim()\n      const digitQuery = sanitizeDigits(query)\n      const normalizedQuery = normalizeSearchValue(query)\n\n      if (!digitQuery && !normalizedQuery) {\n        pushUnique(currentOption)\n        pushUnique(priorityOption)\n        countryOptions.forEach(pushUnique)\n        return results\n      }\n\n      if (digitQuery) {\n        const dialMatches = countryOptions\n          .filter((option) => option.dialCode.startsWith(digitQuery))\n          .sort((a, b) => {\n            const aExact = a.dialCode === digitQuery\n            const bExact = b.dialCode === digitQuery\n            if (aExact && !bExact) {\n              return -1\n            }\n            if (!aExact && bExact) {\n              return 1\n            }\n            return a.dialCode.length - b.dialCode.length\n          })\n        dialMatches.forEach(pushUnique)\n      }\n\n      if (normalizedQuery) {\n        const nameMatches = countryOptions\n          .filter((option) =>\n            option.normalizedSearchableTokens.some((token) => token.includes(normalizedQuery))\n          )\n          .sort((a, b) => {\n            const aIndex = optionMatchIndex(a.normalizedSearchableTokens, normalizedQuery)\n            const bIndex = optionMatchIndex(b.normalizedSearchableTokens, normalizedQuery)\n            if (aIndex !== bIndex) {\n              return aIndex - bIndex\n            }\n            return a.name.localeCompare(b.name)\n          })\n        nameMatches.forEach(pushUnique)\n      }\n\n      pushUnique(currentOption)\n      pushUnique(priorityOption)\n      if (results.length === 0) {\n        countryOptions.forEach(pushUnique)\n      }\n\n      return results\n    }, [activeCountry, countryOptions, countryQuery, menuPriorityCountry, showSuggestions])\n\n    const suggestionMenuIsOpen = isFocused && showSuggestions && filteredOptions.length > 0\n\n    React.useEffect(() => {\n      if (!suggestionMenuIsOpen) {\n        scrollBehaviorRef.current = \"smooth\"\n      }\n    }, [suggestionMenuIsOpen])\n\n    React.useEffect(() => {\n      if (!suggestionMenuIsOpen) {\n        setHighlightedIndex(-1)\n        return\n      }\n\n      if (filteredOptions.length === 0) {\n        setHighlightedIndex(-1)\n        return\n      }\n\n      setHighlightedIndex((current) => {\n        if (current < 0 || current >= filteredOptions.length) {\n          return 0\n        }\n        return current\n      })\n    }, [filteredOptions, suggestionMenuIsOpen])\n\n    const highlightedOption =\n      highlightedIndex >= 0 ? filteredOptions[highlightedIndex] ?? null : null\n\n    React.useEffect(() => {\n      if (highlightedIndex < 0) {\n        scrollBehaviorRef.current = \"smooth\"\n      }\n    }, [highlightedIndex])\n\n    const consumeScrollBehavior = React.useCallback(() => {\n      const behavior = scrollBehaviorRef.current\n      scrollBehaviorRef.current = \"smooth\"\n      return behavior\n    }, [])\n\n    const updateHighlightedOption = React.useCallback(\n      (option: CountryOption) => {\n        const index = filteredOptions.findIndex((candidate) => candidate.value === option.value)\n        if (index !== -1) {\n          setHighlightedIndex(index)\n        }\n      },\n      [filteredOptions]\n    )\n\n    const selectFormatOptionLabel = React.useCallback<\n      NonNullable<SelectProps<CountryOption, false>[\"formatOptionLabel\"]>\n    >(\n      (option, meta) => {\n        if (userFormatOptionLabel) {\n          return userFormatOptionLabel(option, meta)\n        }\n        return formatCountryOption(option)\n      },\n      [userFormatOptionLabel]\n    )\n\n    const optionLabelRenderer = React.useCallback(\n      (option: CountryOption) =>\n        selectFormatOptionLabel(option, {\n          context: \"menu\",\n          inputValue: countryQuery,\n          selectValue: [],\n        }),\n      [countryQuery, selectFormatOptionLabel]\n    )\n\n    const highlightContextValue = React.useMemo<SuggestionContextValue>(\n      () => ({\n        highlightedValue: highlightedOption?.value ?? null,\n        setHighlightedOption: updateHighlightedOption,\n        renderOptionLabel: optionLabelRenderer,\n        consumeScrollBehavior,\n      }),\n      [consumeScrollBehavior, highlightedOption, optionLabelRenderer, updateHighlightedOption]\n    )\n\n    const activeOption = activeCountry\n      ? countryOptions.find((option) => option.value === activeCountry)\n      : undefined\n    const activeFlag = activeOption?.flag ?? \"\"\n    const inlineFlagLabel = activeCountry\n      ? resolvedMessages.selectedCountryLabel(activeOption?.name ?? activeCountry)\n      : resolvedMessages.selectCountryLabel\n    const hasInlineFlag = Boolean(activeCountry && activeFlag)\n    const lengthHint =\n      lengthIssue === \"TOO_LONG\"\n        ? resolvedMessages.lengthTooLong(activeOption?.name ?? activeCountry ?? null)\n        : null\n    const countryName = activeOption?.name ?? activeCountry ?? null\n\n    let validationNode: React.ReactNode = null\n    if (lengthHint) {\n      const rendered = renderValidationMessage?.({\n        message: lengthHint,\n        code: \"TOO_LONG\",\n        countryName,\n      })\n      validationNode =\n        rendered === undefined ? (\n          <p className=\"mt-1 text-xs text-destructive\">\n            <span>{lengthHint}</span>\n          </p>\n        ) : (\n          rendered\n        )\n    }\n\n    const appendToBuffer = React.useCallback(\n      (char: string) => {\n        keyboardBufferRef.current = `${keyboardBufferRef.current}${char}`.slice(-12)\n        setCountryQuery(keyboardBufferRef.current)\n        setShowSuggestions(true)\n        scheduleBufferReset()\n      },\n      [scheduleBufferReset]\n    )\n\n    const popBuffer = React.useCallback(() => {\n      const current = keyboardBufferRef.current\n      if (!current) {\n        return\n      }\n      keyboardBufferRef.current = current.slice(0, -1)\n      setCountryQuery(keyboardBufferRef.current)\n      if (keyboardBufferRef.current) {\n        scheduleBufferReset()\n      }\n    }, [scheduleBufferReset])\n\n    const handleKeyDown = React.useCallback(\n      (event: React.KeyboardEvent<HTMLInputElement>) => {\n        onInputKeyDown?.(event)\n        if (event.defaultPrevented) {\n          return\n        }\n\n        const key = event.key\n\n        if (event.metaKey || event.ctrlKey || event.altKey) {\n          return\n        }\n\n        const target = event.currentTarget\n        const value = target.value\n        const selectionStart = target.selectionStart ?? 0\n        const selectionEnd = target.selectionEnd ?? selectionStart\n        const isCollapsedSelection = selectionStart === selectionEnd\n\n        if (key === \"Backspace\" && isCollapsedSelection) {\n          const nextStart = skipFormattingCharactersLeft(value, selectionStart)\n          if (nextStart !== selectionStart) {\n            target.setSelectionRange(nextStart, nextStart)\n          }\n        } else if (key === \"ArrowLeft\" && isCollapsedSelection) {\n          const nextStart = skipFormattingCharactersLeft(value, selectionStart)\n          if (nextStart !== selectionStart) {\n            event.preventDefault()\n            target.setSelectionRange(nextStart, nextStart)\n            return\n          }\n        } else if (key === \"ArrowRight\" && isCollapsedSelection) {\n          const nextStart = skipFormattingCharactersRight(value, selectionEnd)\n          if (nextStart !== selectionEnd) {\n            event.preventDefault()\n            target.setSelectionRange(nextStart, nextStart)\n            return\n          }\n        }\n\n        if (key === \"ArrowDown\") {\n          scrollBehaviorRef.current = event.repeat ? \"auto\" : \"smooth\"\n          event.preventDefault()\n          if (!showSuggestions) {\n            setShowSuggestions(true)\n            setHighlightedIndex(filteredOptions.length > 0 ? 0 : -1)\n            return\n          }\n\n          if (filteredOptions.length > 0) {\n            setHighlightedIndex((current) => {\n              const next = current < 0 ? 0 : (current + 1) % filteredOptions.length\n              return next\n            })\n          }\n          return\n        }\n\n        if (key === \"ArrowUp\") {\n          scrollBehaviorRef.current = event.repeat ? \"auto\" : \"smooth\"\n          event.preventDefault()\n          if (!showSuggestions) {\n            setShowSuggestions(true)\n            setHighlightedIndex(filteredOptions.length > 0 ? filteredOptions.length - 1 : -1)\n            return\n          }\n\n          if (filteredOptions.length > 0) {\n            setHighlightedIndex((current) => {\n              if (current < 0) {\n                return filteredOptions.length - 1\n              }\n              return (current - 1 + filteredOptions.length) % filteredOptions.length\n            })\n          }\n          return\n        }\n\n        if (/^[a-z]$/i.test(key)) {\n          event.preventDefault()\n          if (!showSuggestions) {\n            setShowSuggestions(true)\n            setHighlightedIndex(filteredOptions.length > 0 ? 0 : -1)\n          }\n          appendToBuffer(key.toLowerCase())\n          return\n        }\n\n        if (suggestionMenuIsOpen) {\n          if (key === \"Backspace\" && keyboardBufferRef.current) {\n            event.preventDefault()\n            popBuffer()\n            return\n          }\n\n          if (key === \"Escape\") {\n            event.preventDefault()\n            keyboardBufferRef.current = \"\"\n            setCountryQuery(\"\")\n            setShowSuggestions(false)\n            return\n          }\n\n          if (key === \"Enter\" && filteredOptions.length > 0) {\n            event.preventDefault()\n            const targetOption = highlightedOption ?? filteredOptions[0]\n            handleCountrySelect(targetOption)\n            return\n          }\n        }\n      },\n      [\n        appendToBuffer,\n        filteredOptions,\n        handleCountrySelect,\n        highlightedOption,\n        onInputKeyDown,\n        popBuffer,\n        showSuggestions,\n        suggestionMenuIsOpen,\n      ]\n    )\n\n    const handleFocus = React.useCallback(\n      (event: React.FocusEvent<HTMLInputElement>) => {\n        setIsFocused(true)\n        onInputFocus?.(event)\n      },\n      [onInputFocus]\n    )\n\n    const handleBlur = React.useCallback(\n      (event: React.FocusEvent<HTMLInputElement>) => {\n        setIsFocused(false)\n        setShowSuggestions(false)\n        keyboardBufferRef.current = \"\"\n        setCountryQuery(\"\")\n        onInputBlur?.(event)\n      },\n      [onInputBlur]\n    )\n\n    const openCountryMenu = React.useCallback(() => {\n      if (disabled || readOnly) {\n        return\n      }\n\n      keyboardBufferRef.current = \"\"\n      setCountryQuery(\"\")\n      setShowSuggestions(true)\n      setHighlightedIndex((current) => (current < 0 ? 0 : current))\n\n      requestAnimationFrame(() => {\n        inputRef.current?.focus()\n      })\n    }, [disabled, readOnly])\n\n    const shimName = autofillShimName ?? (inputName ? `${inputName}_shim` : undefined)\n\n    return (\n      <div className={cn(\"relative flex flex-col\", className)}>\n        <div className=\"relative\">\n          <input\n            {...restInputProps}\n            ref={inputRef}\n            type=\"tel\"\n            className={cn(\n              \"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\",\n              \"pl-11 pr-3\",\n              inputClassName\n            )}\n            name={inputName}\n            value={inputValueState}\n            onChange={handleInputChange}\n            onFocus={handleFocus}\n            onBlur={handleBlur}\n            onKeyDown={handleKeyDown}\n            disabled={disabled}\n            readOnly={readOnly}\n            autoComplete={inputAutoComplete ?? \"off\"}\n          />\n          <button\n            type=\"button\"\n            className={cn(\n              \"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\",\n              hasInlineFlag\n                ? \"border-transparent\"\n                : \"border-dashed border-border text-muted-foreground\",\n              disabled\n                ? \"cursor-not-allowed opacity-50\"\n                : readOnly\n                  ? \"cursor-default\"\n                  : \"cursor-pointer hover:bg-muted\"\n            )}\n            aria-label={inlineFlagLabel}\n            onMouseDown={(event) => event.preventDefault()}\n            onClick={openCountryMenu}\n            tabIndex={-1}\n            disabled={disabled}\n          >\n            <span aria-hidden=\"true\">\n              {hasInlineFlag ? activeFlag : \"?\"}\n            </span>\n          </button>\n        </div>\n\n        {shimName ? (\n          <input\n            tabIndex={-1}\n            autoComplete=\"tel\"\n            name={shimName}\n            aria-hidden=\"true\"\n            className=\"pointer-events-none absolute left-0 top-0 h-0 w-0 opacity-0\"\n          />\n        ) : null}\n\n        <div\n          className=\"absolute left-0 top-full z-30 mt-1\"\n          style={{\n            pointerEvents: suggestionMenuIsOpen ? \"auto\" : \"none\",\n            width: \"min(260px, 100%)\",\n          }}\n          onMouseDown={(event) => event.preventDefault()}\n        >\n          {shouldRenderSelect ? (\n            <SuggestionContext.Provider value={highlightContextValue}>\n              <Select<CountryOption, false>\n                {...restForwardedSelectProps}\n                instanceId={selectInstanceId}\n                menuIsOpen={suggestionMenuIsOpen}\n                options={filteredOptions}\n                value={null}\n                components={mergedSelectComponents}\n                styles={mergedSelectStyles}\n                isClearable={false}\n                isSearchable={false}\n                backspaceRemovesValue={false}\n                tabSelectsValue={false}\n                menuShouldScrollIntoView={false}\n                menuPortalTarget={menuPortalTarget}\n                menuPosition={userMenuPosition ?? (menuPortalTarget ? \"fixed\" : \"absolute\")}\n                onChange={handleCountrySelect}\n                classNamePrefix={userClassNamePrefix ?? \"phone-number-suggestions\"}\n                placeholder=\"\"\n                formatOptionLabel={selectFormatOptionLabel}\n                noOptionsMessage={\n                  noOptionsMessage ?? (() => resolvedMessages.noMatches)\n                }\n              />\n            </SuggestionContext.Provider>\n          ) : null}\n        </div>\n\n        {validationNode}\n      </div>\n    )\n  }\n)\n\nPhoneNumberInput.displayName = \"PhoneNumberInput\"\n"],"mappings":"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"}

package/dist/index363.js

@@ -1,494 +1,11 @@
-import { cn as e } from "./index12.js";
-import { getCountryCallingCode as t } from "./index356.js";
-import { resolveMessages as n } from "./index357.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 "./index359.js";
-import { formatWithAsYouType as u, getLengthIssue as d, sanitizeDigits as f, stripPrefix as ne } from "./index360.js";
-import { captureSelectionSnapshot as p, resolveSelection as m, skipFormattingCharactersLeft as re, skipFormattingCharactersRight as ie } from "./index361.js";
-import { HiddenControl as ae, NullComponent as h, SuggestionContext as oe, SuggestionOption as se, formatCountryOption as ce, suggestionSelectStyles as le } from "./index362.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, "");
+"use client";
+import * as e from "react";
+//#region ../../node_modules/@base-ui/utils/useOnFirstRender.mjs
+function t(t) {
+	let n = e.useRef(!0);
+	n.current && (n.current = !1, t());
 }
-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 = f(y(e).trim());
-	return n ? fe(n) : 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 { t as useOnFirstRender };
 
 //# sourceMappingURL=index363.js.map