@techzyapp/ui-library 1.0.33 → 1.0.35

package/dist/{PhoneField-CXIQX_hR.js.map → PhoneField-BSIhBMW2.js.map}

@@ -1 +1 @@
-{"version":3,"file":"PhoneField-CXIQX_hR.js","sources":["../src/components/PhoneField/phone.ts","../src/components/PhoneField/PhoneField.tsx"],"sourcesContent":["import type * as PhoneLibModule from 'libphonenumber-js'\nimport type { CountryCode } from 'libphonenumber-js'\nimport { optionalPeer } from '../../hooks/useOptionalPeer'\n\n/**\n * `libphonenumber-js` is an optional peer, loaded **lazily** (see `optionalPeer`) — never imported\n * statically, so apps that don't install it still build + run when they import the barrel. PhoneField\n * waits for it on mount; the helpers below run only once it's loaded (`lib()`).\n */\nexport const phonePeer = optionalPeer<typeof PhoneLibModule>(\n  'libphonenumber-js',\n  'PhoneField',\n  () => import('libphonenumber-js'),\n)\nconst lib = () => phonePeer.get()!\n\n/** An ISO-3166 alpha-2 country code, as `libphonenumber-js` knows it (`'GE'`, `'US'`, …). */\nexport type PhoneCountry = CountryCode\n/** How the number is shown in the input while typing (the value is always E.164). */\nexport type PhoneFormat = 'national' | 'international'\n\nlet allCountries: readonly PhoneCountry[] | undefined\n/** Every country `libphonenumber-js` has metadata for (once loaded). */\nexport function getPhoneCountries(): readonly PhoneCountry[] {\n  return (allCountries ??= lib().getCountries())\n}\n\n/** The country's calling code without the `+` — `'GE'` → `'995'`. */\nexport const callingCodeOf = (country: PhoneCountry): string => lib().getCountryCallingCode(country)\n\n/**\n * `true` for a complete, valid number (E.164 or any parseable international form). Use it in a schema:\n * `phone: z.string().refine(isValidPhone, 'Enter a valid phone number')`. Needs `libphonenumber-js`\n * loaded — it is once any PhoneField has mounted; before that it starts the load and returns `false`.\n */\nexport function isValidPhone(value: unknown): boolean {\n  const loaded = phonePeer.get()\n  // not loaded yet (no PhoneField mounted so far) → start loading and report \"not valid\" for now\n  if (!loaded) {\n    void phonePeer.load()\n    return false\n  }\n  return typeof value === 'string' && value.trim() !== '' && loaded.isValidPhoneNumber(value)\n}\n\n/** A flag emoji from the two regional-indicator letters — no image assets (Windows shows the letters). */\nexport function flagEmoji(country: string): string {\n  return String.fromCodePoint(\n    ...[...country.toUpperCase()].map((c) => 0x1f1e6 + c.charCodeAt(0) - 65),\n  )\n}\n\nconst displayNamesCache = new Map<string, Intl.DisplayNames | null>()\n/** The country's name in `locale` via `Intl.DisplayNames` (no catalog to ship); falls back to the code. */\nexport function countryName(country: string, locale: string): string {\n  if (!displayNamesCache.has(locale)) {\n    try {\n      displayNamesCache.set(locale, new Intl.DisplayNames([locale], { type: 'region' }))\n    } catch {\n      displayNamesCache.set(locale, null)\n    }\n  }\n  try {\n    return displayNamesCache.get(locale)?.of(country) ?? country\n  } catch {\n    return country\n  }\n}\n\n// the main country for a calling code shared by several (a partial \"+44…\" parses as Guernsey otherwise)\nconst MAIN_FOR_CODE: Record<string, PhoneCountry> = {\n  '1': 'US',\n  '7': 'RU',\n  '39': 'IT',\n  '44': 'GB',\n  '47': 'NO',\n  '61': 'AU',\n  '212': 'MA',\n  '262': 'RE',\n  '290': 'SH',\n  '358': 'FI',\n  '590': 'GP',\n  '599': 'CW',\n}\n// base UI language → its usual country, for the default when the locale carries no region\nconst LANGUAGE_COUNTRY: Record<string, PhoneCountry> = {\n  ka: 'GE',\n  en: 'US',\n  es: 'ES',\n  de: 'DE',\n  it: 'IT',\n  fr: 'FR',\n  ru: 'RU',\n}\n\n/** The default country: the locale's region → its language's usual country → the browser's region → US. */\nexport function detectCountry(locale: string, allowed: readonly PhoneCountry[]): PhoneCountry {\n  const [base, region] = locale.split('-')\n  const browser =\n    typeof navigator !== 'undefined' ? navigator.language?.split('-')[1]?.toUpperCase() : undefined\n  const candidates = [region?.toUpperCase(), LANGUAGE_COUNTRY[base?.toLowerCase()], browser, 'US']\n  return (candidates.find((c) => c && allowed.includes(c as PhoneCountry)) ??\n    allowed[0]) as PhoneCountry\n}\n\n/** The result of reading what's in the input. */\nexport interface PhoneReading {\n  /** The canonical value — `'+995555123456'`, or `''` when empty. */\n  e164: string\n  /** The country the number belongs to (may switch when a `+code` is typed). */\n  country: PhoneCountry\n  /** The national significant number — digits only, no trunk `0`. */\n  national: string\n  /** A complete, valid number. */\n  valid: boolean\n  /** What the input should show (formatted as you type). */\n  display: string\n}\n\nconst digitsOf = (s: string) => s.replace(/\\D/g, '')\n\n/** Which allowed country a `+code…` number belongs to — keep the current one when it shares the code. */\nfunction countryForCode(\n  code: string,\n  current: PhoneCountry,\n  detected: PhoneCountry | undefined,\n  allowed: readonly PhoneCountry[],\n): PhoneCountry {\n  if (callingCodeOf(current) === code) return current\n  const pick = [detected, MAIN_FOR_CODE[code], ...allowed.filter((c) => callingCodeOf(c) === code)]\n  return (pick.find((c) => c && allowed.includes(c)) as PhoneCountry | undefined) ?? current\n}\n\n/** Read raw input text → the canonical value + the formatted display, as the user types. */\nexport function readPhoneInput(\n  raw: string,\n  country: PhoneCountry,\n  format: PhoneFormat,\n  allowed: readonly PhoneCountry[],\n): PhoneReading {\n  const text = raw.trimStart()\n  const digits = digitsOf(text)\n  if (!digits) {\n    return {\n      e164: '',\n      country,\n      national: '',\n      valid: false,\n      display: text.startsWith('+') ? '+' : '',\n    }\n  }\n\n  // an explicit \"+code…\" (typed or pasted) — the calling code decides the country\n  if (text.startsWith('+')) {\n    const typer = new (lib().AsYouType)()\n    const display = typer.input(`+${digits}`)\n    const code = typer.getCallingCode()\n    const parsed = lib().parsePhoneNumberFromString(`+${digits}`)\n    const next = code\n      ? countryForCode(code, country, parsed?.country ?? typer.getCountry(), allowed)\n      : country\n    const e164 = `+${digits}`\n    return {\n      e164,\n      country: next,\n      national: code ? digits.slice(code.length) : '',\n      valid: lib().isValidPhoneNumber(e164),\n      display,\n    }\n  }\n\n  // national digits under the selected country (a leading trunk \"0\" is dropped from the value)\n  const code = callingCodeOf(country)\n  const parsed = lib().parsePhoneNumberFromString(digits, country)\n  const national = parsed?.nationalNumber ?? digits.replace(/^0+/, '')\n  const e164 = national ? `+${code}${national}` : ''\n  const display =\n    format === 'international'\n      ? new (lib().AsYouType)(country).input(`+${code}${national}`)\n      : new (lib().AsYouType)(country).input(digits)\n  return {\n    e164,\n    country,\n    national,\n    valid: e164 !== '' && lib().isValidPhoneNumber(e164),\n    display,\n  }\n}\n\n/** Derive the country + display from an E.164 value (initial / external value changes). */\nexport function phoneFromValue(\n  value: string,\n  fallback: PhoneCountry,\n  format: PhoneFormat,\n  allowed: readonly PhoneCountry[],\n): { country: PhoneCountry; display: string } {\n  if (!value) return { country: fallback, display: '' }\n  const parsed = lib().parsePhoneNumberFromString(value)\n  if (parsed) {\n    const country = countryForCode(parsed.countryCallingCode, fallback, parsed.country, allowed)\n    return {\n      country,\n      display: format === 'national' ? parsed.formatNational() : parsed.formatInternational(),\n    }\n  }\n  const reading = readPhoneInput(value, fallback, 'international', allowed)\n  const display =\n    format === 'national' && reading.national\n      ? new (lib().AsYouType)(reading.country).input(reading.national)\n      : reading.display\n  return { country: reading.country, display }\n}\n\n/** Caret index in `display` right after its `n`-th digit — keeps the caret put while reformatting. */\nexport function caretAfterDigits(display: string, n: number): number {\n  if (n <= 0) return display.startsWith('+') ? 1 : 0\n  let seen = 0\n  for (let i = 0; i < display.length; i++) {\n    if (/\\d/.test(display[i])) seen++\n    if (seen === n) return i + 1\n  }\n  return display.length\n}\n","import {\n  forwardRef,\n  useCallback,\n  useId,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n  type ChangeEvent,\n  type CSSProperties,\n  type FocusEvent,\n  type InputHTMLAttributes,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport { useLanguage, useT } from '../../theme'\nimport { useOptionalPeer } from '../../hooks/useOptionalPeer'\nimport { useFormContext } from '../../form/formContext'\nimport { Icon } from '../Icon'\nimport { TextField } from '../TextField'\nimport { OptionMenu } from '../OptionMenu/OptionMenu'\nimport { useOptionMenu, type SelectOption } from '../OptionMenu/useOptionMenu'\nimport { Typography } from '../Typography'\nimport fieldStyles from '../TextField/TextField.module.css'\nimport {\n  callingCodeOf,\n  getPhoneCountries,\n  caretAfterDigits,\n  countryName,\n  detectCountry,\n  flagEmoji,\n  phoneFromValue,\n  phonePeer,\n  readPhoneInput,\n  type PhoneCountry,\n  type PhoneFormat,\n} from './phone'\nimport styles from './PhoneField.module.css'\n\nexport type PhoneFieldSize = 'sm' | 'md' | 'lg'\n\n/** Extra details handed to `onChange` alongside the E.164 value. */\nexport interface PhoneFieldChangeMeta {\n  /** The number's country (ISO alpha-2). */\n  country: PhoneCountry\n  /** The national significant number — digits only, no trunk `0`. */\n  national: string\n  /** A complete, valid number for that country. */\n  valid: boolean\n}\n\nexport interface PhoneFieldProps extends Omit<\n  InputHTMLAttributes<HTMLInputElement>,\n  'value' | 'defaultValue' | 'onChange' | 'type' | 'size' | 'color'\n> {\n  /** The number in **E.164** (`'+995555123456'`) — the only form the field emits. `''` when empty. */\n  value?: string\n  /** Initial E.164 value for uncontrolled use. */\n  defaultValue?: string\n  /** Fires with the E.164 value (`''` when cleared) and `{ country, national, valid }`. */\n  onChange?: (value: string, meta: PhoneFieldChangeMeta) => void\n  /** The country to start with. Defaults to one derived from the UI language / browser locale. */\n  defaultCountry?: PhoneCountry\n  /** Restrict the selectable countries (e.g. only where you operate). Defaults to all. */\n  countries?: readonly PhoneCountry[]\n  /** Countries pinned to the top of the list, in this order. */\n  preferredCountries?: readonly PhoneCountry[]\n  /**\n   * How the number reads while typing — `national` (default: `555 12 34 56`, the calling code lives in\n   * the country button) or `international` (`+995 555 12 34 56`). The value is E.164 either way.\n   */\n  format?: PhoneFormat\n  /** Field label. */\n  label?: ReactNode\n  /** Helper / validation text under the field. */\n  helperText?: ReactNode\n  /** Error state (red border + helper). */\n  error?: boolean\n  /** Shows a required asterisk. */\n  required?: boolean\n  /** `sm` / `md` / `lg` — control height + type. Defaults to `md`. */\n  size?: PhoneFieldSize\n  /** Stretch to the container. Defaults to `true`. */\n  fullWidth?: boolean\n}\n\n/** The field itself — rendered once `libphonenumber-js` has loaded. */\nconst PhoneFieldInner = forwardRef<HTMLInputElement, PhoneFieldProps>(function PhoneFieldInner(\n  {\n    value,\n    defaultValue,\n    onChange,\n    defaultCountry,\n    countries: countriesProp,\n    preferredCountries = [],\n    format = 'national',\n    label,\n    helperText,\n    error,\n    required,\n    size = 'md',\n    fullWidth = true,\n    name,\n    disabled = false,\n    id: idProp,\n    className,\n    style,\n    onBlur,\n    placeholder,\n    ...props\n  },\n  ref,\n) {\n  const t = useT()\n  const { language } = useLanguage()\n  const countries = countriesProp ?? getPhoneCountries()\n  const reactId = useId()\n  const id = idProp ?? reactId\n  const helperId = `${id}-helper`\n\n  // ── value: controlled / form-bound / uncontrolled — always E.164 ──\n  const form = useFormContext()\n  const isFormBound = Boolean(form && name)\n  const bound = isFormBound ? form!.field(name!) : undefined\n  const [internal, setInternal] = useState(defaultValue ?? '')\n  const currentValue =\n    value !== undefined\n      ? value\n      : isFormBound\n        ? ((form!.values[name!] as string | undefined) ?? '')\n        : internal\n  const resolvedError = error ?? bound?.error ?? false\n  const resolvedHelperText = helperText ?? bound?.helperText\n\n  const fallbackCountry = useMemo<PhoneCountry>(\n    () =>\n      defaultCountry && countries.includes(defaultCountry)\n        ? defaultCountry\n        : detectCountry(language, countries),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [defaultCountry, language, countries.join()],\n  )\n\n  const [country, setCountry] = useState<PhoneCountry>(\n    () => phoneFromValue(currentValue, fallbackCountry, format, countries).country,\n  )\n  const [display, setDisplay] = useState(\n    () => phoneFromValue(currentValue, fallbackCountry, format, countries).display,\n  )\n\n  // re-derive the display when the value changes from OUTSIDE (a reset / a controlled update) — the\n  // values we emit ourselves are skipped, so formatting never fights the user mid-typing\n  const lastEmitted = useRef(currentValue)\n  if (lastEmitted.current !== currentValue) {\n    lastEmitted.current = currentValue\n    const next = phoneFromValue(currentValue, country, format, countries)\n    setCountry(next.country)\n    setDisplay(next.display)\n  }\n\n  // caret restore after reformatting\n  const innerRef = useRef<HTMLInputElement | null>(null)\n  const setInputRef = useCallback(\n    (node: HTMLInputElement | null) => {\n      innerRef.current = node\n      if (typeof ref === 'function') ref(node)\n      else if (ref) (ref as { current: HTMLInputElement | null }).current = node\n    },\n    [ref],\n  )\n  const pendingCaret = useRef<number | null>(null)\n  useLayoutEffect(() => {\n    const pos = pendingCaret.current\n    if (pos == null) return\n    pendingCaret.current = null\n    innerRef.current?.setSelectionRange(pos, pos)\n  })\n\n  const emit = (reading: ReturnType<typeof readPhoneInput>) => {\n    lastEmitted.current = reading.e164\n    setDisplay(reading.display)\n    if (reading.country !== country) setCountry(reading.country)\n    if (value === undefined && !isFormBound) setInternal(reading.e164)\n    if (isFormBound) form!.setValue(name!, reading.e164)\n    onChange?.(reading.e164, {\n      country: reading.country,\n      national: reading.national,\n      valid: reading.valid,\n    })\n  }\n\n  const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n    const el = event.target\n    let raw = el.value\n    const caret = el.selectionStart ?? raw.length\n    let digitsBefore = raw.slice(0, caret).replace(/\\D/g, '').length\n    // backspace over a formatting char (space / paren / dash) would be re-added by the formatter —\n    // treat it as deleting the digit before it instead\n    const prevDigits = display.replace(/\\D/g, '')\n    if (raw.length < display.length && raw.replace(/\\D/g, '') === prevDigits && digitsBefore > 0) {\n      let seen = 0\n      let cut = -1\n      for (let i = 0; i < raw.length; i++) {\n        if (/\\d/.test(raw[i]) && ++seen === digitsBefore) {\n          cut = i\n          break\n        }\n      }\n      if (cut >= 0) raw = raw.slice(0, cut) + raw.slice(cut + 1)\n      digitsBefore -= 1\n    }\n    const reading = readPhoneInput(raw, country, format, countries)\n    pendingCaret.current =\n      caret >= el.value.length\n        ? reading.display.length\n        : caretAfterDigits(reading.display, digitsBefore)\n    emit(reading)\n  }\n\n  // ── country picker — the shared option menu (search matches name, ISO code, calling code) ──\n  const controlRef = useRef<HTMLDivElement | null>(null)\n  const countryOptions = useMemo<SelectOption[]>(() => {\n    const toOption = (c: PhoneCountry): SelectOption => {\n      const dial = callingCodeOf(c)\n      return {\n        value: c,\n        label: countryName(c, language),\n        icon: (\n          <span className={styles.flag} aria-hidden=\"true\">\n            {flagEmoji(c)}\n          </span>\n        ),\n        keywords: [c, dial, `+${dial}`],\n        trailing: <span className={styles.dial}>+{dial}</span>,\n      }\n    }\n    // preferred countries first (in the given order), then the rest A→Z by their localized name —\n    // as two groups (\"Suggested\" / \"All Countries\") when there are preferred ones\n    const pinned = preferredCountries.filter((c) => countries.includes(c)).map(toOption)\n    const rest = countries\n      .filter((c) => !preferredCountries.includes(c))\n      .map(toOption)\n      .sort((a, b) => a.label.localeCompare(b.label, language))\n    if (pinned.length === 0) return rest\n    return [\n      ...pinned.map((o) => ({ ...o, group: t('phoneField.suggested') })),\n      ...rest.map((o) => ({ ...o, group: t('phoneField.allCountries') })),\n    ]\n  }, [countries, preferredCountries, language, t])\n\n  const pickCountry = (next: PhoneCountry) => {\n    // keep the typed national digits, re-read under the new calling code\n    const national = readPhoneInput(display, country, format, countries).national\n    setCountry(next)\n    emit({ ...readPhoneInput(national, next, format, countries), country: next })\n  }\n\n  const menu = useOptionMenu({\n    idBase: `${id}-country`,\n    options: countryOptions,\n    isSelected: (o) => o.value === country,\n    onPick: (o) => pickCountry(o.value as PhoneCountry),\n    searchable: true,\n    disabled,\n    // after a pick / Esc, typing continues in the number\n    focusRef: innerRef,\n  })\n\n  const handleBlur = (event: FocusEvent<HTMLInputElement>) => {\n    bound?.onBlur(event)\n    onBlur?.(event)\n  }\n\n  const describedBy = resolvedHelperText != null ? helperId : undefined\n  const chevronPx = size === 'sm' ? 16 : size === 'md' ? 14 : 12\n  const code = callingCodeOf(country)\n  const name_ = countryName(country, language)\n\n  return (\n    <div\n      className={clsx(\n        fieldStyles.field,\n        fieldStyles[size],\n        fullWidth && fieldStyles.fullWidth,\n        resolvedError && fieldStyles.error,\n        disabled && fieldStyles.disabled,\n        styles.phoneField,\n        className,\n      )}\n      style={style as CSSProperties}\n    >\n      {label != null && (\n        <label htmlFor={id} className={fieldStyles.label}>\n          <Typography as=\"span\" variant=\"bodySmall\" color=\"muted\">\n            {label}\n          </Typography>\n          {required && (\n            <span className={fieldStyles.required} aria-hidden=\"true\">\n              *\n            </span>\n          )}\n        </label>\n      )}\n\n      <div ref={controlRef} className={clsx(fieldStyles.control, styles.control)}>\n        <button\n          type=\"button\"\n          className={styles.country}\n          aria-haspopup=\"listbox\"\n          aria-expanded={menu.open}\n          aria-controls={menu.open ? menu.listboxId : undefined}\n          aria-label={`${t('phoneField.country')}: ${name_} (+${code})`}\n          disabled={disabled}\n          onClick={menu.toggleMenu}\n          onKeyDown={(e) => {\n            // ↓ / ↑ open the list (Enter / Space already click the button)\n            if ((e.key === 'ArrowDown' || e.key === 'ArrowUp') && !menu.open) {\n              e.preventDefault()\n              menu.openMenu()\n            }\n          }}\n        >\n          <span className={styles.flag} aria-hidden=\"true\">\n            {flagEmoji(country)}\n          </span>\n          {format === 'national' && <span className={styles.code}>+{code}</span>}\n          {/* the same chevron as Select / MultiSelect (ArrowDown4, sized per field size: sm 16 · md 14 · lg 12) */}\n          <Icon\n            name=\"ArrowDown4\"\n            className={clsx(styles.chevron, menu.open && styles.chevronOpen)}\n            style={{ width: chevronPx, height: chevronPx }}\n            aria-hidden=\"true\"\n          />\n        </button>\n        <input\n          ref={setInputRef}\n          id={id}\n          name={name}\n          type=\"tel\"\n          inputMode=\"tel\"\n          autoComplete=\"tel\"\n          className={fieldStyles.input}\n          value={display}\n          placeholder={placeholder}\n          onChange={handleChange}\n          onBlur={handleBlur}\n          disabled={disabled}\n          aria-invalid={resolvedError || undefined}\n          aria-describedby={describedBy}\n          {...props}\n        />\n      </div>\n\n      <OptionMenu\n        menu={menu}\n        anchorRef={controlRef}\n        size={size}\n        searchPlaceholder={t('phoneField.search')}\n        ariaLabel={t('phoneField.country')}\n      />\n\n      {resolvedHelperText != null && (\n        <Typography\n          as=\"span\"\n          id={helperId}\n          variant=\"bodySmall\"\n          color={resolvedError ? 'error' : 'muted'}\n          className={fieldStyles.helper}\n        >\n          {resolvedHelperText}\n        </Typography>\n      )}\n    </div>\n  )\n})\n\n/**\n * A phone-number field: a **country button** (flag + `+code`, opening a searchable, localized country\n * list) inside the input frame, and the number **formatted as you type** for that country. The value is\n * always **E.164** (`'+995555123456'`) — one canonical form for the backend. Typing or pasting `+44…`\n * switches the country by its calling code. `onChange(value, { country, national, valid })`; binds to a\n * `<Form>` by `name` (the form value is the E.164 string — validate with `isValidPhone`). Country names\n * come from `Intl.DisplayNames` in the active UI language; flags are emoji. Needs the optional peer\n * **`libphonenumber-js`** (formatting, parsing, validation metadata), loaded lazily on first mount — until\n * it's ready (or if it isn't installed) a disabled look-alike field renders. Reuses the `TextField` look.\n */\nexport const PhoneField = forwardRef<HTMLInputElement, PhoneFieldProps>(\n  function PhoneField(props, ref) {\n    const { module } = useOptionalPeer(phonePeer)\n    if (module) return <PhoneFieldInner ref={ref} {...props} />\n    // loading (a tick, first mount only) or the peer is missing: the same frame, disabled — never bound\n    // to a <Form> (no `name`) so it can't write a value\n    const {\n      label,\n      helperText,\n      error,\n      required,\n      size,\n      fullWidth = true,\n      className,\n      style,\n      placeholder,\n    } = props\n    return (\n      <TextField\n        ref={ref}\n        type=\"tel\"\n        label={label}\n        helperText={helperText}\n        error={error}\n        required={required}\n        size={size}\n        fullWidth={fullWidth}\n        className={className}\n        style={style}\n        placeholder={placeholder}\n        value={props.value ?? props.defaultValue ?? ''}\n        readOnly\n        disabled\n      />\n    )\n  },\n)\n"],"names":["phonePeer","optionalPeer","lib","allCountries","getPhoneCountries","callingCodeOf","country","isValidPhone","value","loaded","flagEmoji","c","displayNamesCache","countryName","locale","_a","MAIN_FOR_CODE","LANGUAGE_COUNTRY","detectCountry","allowed","base","region","browser","_b","digitsOf","s","countryForCode","code","current","detected","readPhoneInput","raw","format","text","digits","typer","display","parsed","next","e164","national","phoneFromValue","fallback","reading","caretAfterDigits","n","seen","i","PhoneFieldInner","forwardRef","defaultValue","onChange","defaultCountry","countriesProp","preferredCountries","label","helperText","error","required","size","fullWidth","name","disabled","idProp","className","style","onBlur","placeholder","props","ref","t","useT","language","useLanguage","countries","reactId","useId","id","helperId","form","useFormContext","isFormBound","bound","internal","setInternal","useState","currentValue","resolvedError","resolvedHelperText","fallbackCountry","useMemo","setCountry","setDisplay","lastEmitted","useRef","innerRef","setInputRef","useCallback","node","pendingCaret","useLayoutEffect","pos","emit","handleChange","event","el","caret","digitsBefore","prevDigits","cut","controlRef","countryOptions","toOption","dial","jsx","styles","jsxs","pinned","rest","a","b","o","pickCountry","menu","useOptionMenu","handleBlur","describedBy","chevronPx","name_","clsx","fieldStyles","Typography","e","Icon","OptionMenu","PhoneField","module","useOptionalPeer","TextField"],"mappings":"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"}
+{"version":3,"file":"PhoneField-BSIhBMW2.js","sources":["../src/components/PhoneField/phone.ts","../src/components/PhoneField/PhoneField.tsx"],"sourcesContent":["import type * as PhoneLibModule from 'libphonenumber-js'\nimport type { CountryCode } from 'libphonenumber-js'\nimport { optionalPeer } from '../../hooks/useOptionalPeer'\n\n/**\n * `libphonenumber-js` is an optional peer, loaded **lazily** (see `optionalPeer`) — never imported\n * statically, so apps that don't install it still build + run when they import the barrel. PhoneField\n * waits for it on mount; the helpers below run only once it's loaded (`lib()`).\n */\nexport const phonePeer = optionalPeer<typeof PhoneLibModule>(\n  'libphonenumber-js',\n  'PhoneField',\n  () => import('libphonenumber-js'),\n)\nconst lib = () => phonePeer.get()!\n\n/** An ISO-3166 alpha-2 country code, as `libphonenumber-js` knows it (`'GE'`, `'US'`, …). */\nexport type PhoneCountry = CountryCode\n/** How the number is shown in the input while typing (the value is always E.164). */\nexport type PhoneFormat = 'national' | 'international'\n\nlet allCountries: readonly PhoneCountry[] | undefined\n/** Every country `libphonenumber-js` has metadata for (once loaded). */\nexport function getPhoneCountries(): readonly PhoneCountry[] {\n  return (allCountries ??= lib().getCountries())\n}\n\n/** The country's calling code without the `+` — `'GE'` → `'995'`. */\nexport const callingCodeOf = (country: PhoneCountry): string => lib().getCountryCallingCode(country)\n\n/**\n * `true` for a complete, valid number (E.164 or any parseable international form). Use it in a schema:\n * `phone: z.string().refine(isValidPhone, 'Enter a valid phone number')`. Needs `libphonenumber-js`\n * loaded — it is once any PhoneField has mounted; before that it starts the load and returns `false`.\n */\nexport function isValidPhone(value: unknown): boolean {\n  const loaded = phonePeer.get()\n  // not loaded yet (no PhoneField mounted so far) → start loading and report \"not valid\" for now\n  if (!loaded) {\n    void phonePeer.load()\n    return false\n  }\n  return typeof value === 'string' && value.trim() !== '' && loaded.isValidPhoneNumber(value)\n}\n\n/** A flag emoji from the two regional-indicator letters — no image assets (Windows shows the letters). */\nexport function flagEmoji(country: string): string {\n  return String.fromCodePoint(\n    ...[...country.toUpperCase()].map((c) => 0x1f1e6 + c.charCodeAt(0) - 65),\n  )\n}\n\nconst displayNamesCache = new Map<string, Intl.DisplayNames | null>()\n/** The country's name in `locale` via `Intl.DisplayNames` (no catalog to ship); falls back to the code. */\nexport function countryName(country: string, locale: string): string {\n  if (!displayNamesCache.has(locale)) {\n    try {\n      displayNamesCache.set(locale, new Intl.DisplayNames([locale], { type: 'region' }))\n    } catch {\n      displayNamesCache.set(locale, null)\n    }\n  }\n  try {\n    return displayNamesCache.get(locale)?.of(country) ?? country\n  } catch {\n    return country\n  }\n}\n\n// the main country for a calling code shared by several (a partial \"+44…\" parses as Guernsey otherwise)\nconst MAIN_FOR_CODE: Record<string, PhoneCountry> = {\n  '1': 'US',\n  '7': 'RU',\n  '39': 'IT',\n  '44': 'GB',\n  '47': 'NO',\n  '61': 'AU',\n  '212': 'MA',\n  '262': 'RE',\n  '290': 'SH',\n  '358': 'FI',\n  '590': 'GP',\n  '599': 'CW',\n}\n// base UI language → its usual country, for the default when the locale carries no region\nconst LANGUAGE_COUNTRY: Record<string, PhoneCountry> = {\n  ka: 'GE',\n  en: 'US',\n  es: 'ES',\n  de: 'DE',\n  it: 'IT',\n  fr: 'FR',\n  ru: 'RU',\n}\n\n/** The default country: the locale's region → its language's usual country → the browser's region → US. */\nexport function detectCountry(locale: string, allowed: readonly PhoneCountry[]): PhoneCountry {\n  const [base, region] = locale.split('-')\n  const browser =\n    typeof navigator !== 'undefined' ? navigator.language?.split('-')[1]?.toUpperCase() : undefined\n  const candidates = [region?.toUpperCase(), LANGUAGE_COUNTRY[base?.toLowerCase()], browser, 'US']\n  return (candidates.find((c) => c && allowed.includes(c as PhoneCountry)) ??\n    allowed[0]) as PhoneCountry\n}\n\n/** The result of reading what's in the input. */\nexport interface PhoneReading {\n  /** The canonical value — `'+995555123456'`, or `''` when empty. */\n  e164: string\n  /** The country the number belongs to (may switch when a `+code` is typed). */\n  country: PhoneCountry\n  /** The national significant number — digits only, no trunk `0`. */\n  national: string\n  /** A complete, valid number. */\n  valid: boolean\n  /** What the input should show (formatted as you type). */\n  display: string\n}\n\nconst digitsOf = (s: string) => s.replace(/\\D/g, '')\n\n/** Which allowed country a `+code…` number belongs to — keep the current one when it shares the code. */\nfunction countryForCode(\n  code: string,\n  current: PhoneCountry,\n  detected: PhoneCountry | undefined,\n  allowed: readonly PhoneCountry[],\n): PhoneCountry {\n  if (callingCodeOf(current) === code) return current\n  const pick = [detected, MAIN_FOR_CODE[code], ...allowed.filter((c) => callingCodeOf(c) === code)]\n  return (pick.find((c) => c && allowed.includes(c)) as PhoneCountry | undefined) ?? current\n}\n\n/** Read raw input text → the canonical value + the formatted display, as the user types. */\nexport function readPhoneInput(\n  raw: string,\n  country: PhoneCountry,\n  format: PhoneFormat,\n  allowed: readonly PhoneCountry[],\n): PhoneReading {\n  const text = raw.trimStart()\n  const digits = digitsOf(text)\n  if (!digits) {\n    return {\n      e164: '',\n      country,\n      national: '',\n      valid: false,\n      display: text.startsWith('+') ? '+' : '',\n    }\n  }\n\n  // an explicit \"+code…\" (typed or pasted) — the calling code decides the country\n  if (text.startsWith('+')) {\n    const typer = new (lib().AsYouType)()\n    const display = typer.input(`+${digits}`)\n    const code = typer.getCallingCode()\n    const parsed = lib().parsePhoneNumberFromString(`+${digits}`)\n    const next = code\n      ? countryForCode(code, country, parsed?.country ?? typer.getCountry(), allowed)\n      : country\n    const e164 = `+${digits}`\n    return {\n      e164,\n      country: next,\n      national: code ? digits.slice(code.length) : '',\n      valid: lib().isValidPhoneNumber(e164),\n      display,\n    }\n  }\n\n  // national digits under the selected country (a leading trunk \"0\" is dropped from the value)\n  const code = callingCodeOf(country)\n  const parsed = lib().parsePhoneNumberFromString(digits, country)\n  const national = parsed?.nationalNumber ?? digits.replace(/^0+/, '')\n  const e164 = national ? `+${code}${national}` : ''\n  const display =\n    format === 'international'\n      ? new (lib().AsYouType)(country).input(`+${code}${national}`)\n      : new (lib().AsYouType)(country).input(digits)\n  return {\n    e164,\n    country,\n    national,\n    valid: e164 !== '' && lib().isValidPhoneNumber(e164),\n    display,\n  }\n}\n\n/** Derive the country + display from an E.164 value (initial / external value changes). */\nexport function phoneFromValue(\n  value: string,\n  fallback: PhoneCountry,\n  format: PhoneFormat,\n  allowed: readonly PhoneCountry[],\n): { country: PhoneCountry; display: string } {\n  if (!value) return { country: fallback, display: '' }\n  const parsed = lib().parsePhoneNumberFromString(value)\n  if (parsed) {\n    const country = countryForCode(parsed.countryCallingCode, fallback, parsed.country, allowed)\n    return {\n      country,\n      display: format === 'national' ? parsed.formatNational() : parsed.formatInternational(),\n    }\n  }\n  const reading = readPhoneInput(value, fallback, 'international', allowed)\n  const display =\n    format === 'national' && reading.national\n      ? new (lib().AsYouType)(reading.country).input(reading.national)\n      : reading.display\n  return { country: reading.country, display }\n}\n\n/** Caret index in `display` right after its `n`-th digit — keeps the caret put while reformatting. */\nexport function caretAfterDigits(display: string, n: number): number {\n  if (n <= 0) return display.startsWith('+') ? 1 : 0\n  let seen = 0\n  for (let i = 0; i < display.length; i++) {\n    if (/\\d/.test(display[i])) seen++\n    if (seen === n) return i + 1\n  }\n  return display.length\n}\n","import {\n  forwardRef,\n  useCallback,\n  useId,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n  type ChangeEvent,\n  type CSSProperties,\n  type FocusEvent,\n  type InputHTMLAttributes,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport { useLanguage, useT } from '../../theme'\nimport { useOptionalPeer } from '../../hooks/useOptionalPeer'\nimport { useFormContext } from '../../form/formContext'\nimport { Icon } from '../Icon'\nimport { TextField } from '../TextField'\nimport { OptionMenu } from '../OptionMenu/OptionMenu'\nimport { useOptionMenu, type SelectOption } from '../OptionMenu/useOptionMenu'\nimport { Typography } from '../Typography'\nimport fieldStyles from '../TextField/TextField.module.css'\nimport {\n  callingCodeOf,\n  getPhoneCountries,\n  caretAfterDigits,\n  countryName,\n  detectCountry,\n  flagEmoji,\n  phoneFromValue,\n  phonePeer,\n  readPhoneInput,\n  type PhoneCountry,\n  type PhoneFormat,\n} from './phone'\nimport styles from './PhoneField.module.css'\n\nexport type PhoneFieldSize = 'sm' | 'md' | 'lg'\n\n/** Extra details handed to `onChange` alongside the E.164 value. */\nexport interface PhoneFieldChangeMeta {\n  /** The number's country (ISO alpha-2). */\n  country: PhoneCountry\n  /** The national significant number — digits only, no trunk `0`. */\n  national: string\n  /** A complete, valid number for that country. */\n  valid: boolean\n}\n\nexport interface PhoneFieldProps extends Omit<\n  InputHTMLAttributes<HTMLInputElement>,\n  'value' | 'defaultValue' | 'onChange' | 'type' | 'size' | 'color'\n> {\n  /** The number in **E.164** (`'+995555123456'`) — the only form the field emits. `''` when empty. */\n  value?: string\n  /** Initial E.164 value for uncontrolled use. */\n  defaultValue?: string\n  /** Fires with the E.164 value (`''` when cleared) and `{ country, national, valid }`. */\n  onChange?: (value: string, meta: PhoneFieldChangeMeta) => void\n  /** The country to start with. Defaults to one derived from the UI language / browser locale. */\n  defaultCountry?: PhoneCountry\n  /** Restrict the selectable countries (e.g. only where you operate). Defaults to all. */\n  countries?: readonly PhoneCountry[]\n  /** Countries pinned to the top of the list, in this order. */\n  preferredCountries?: readonly PhoneCountry[]\n  /**\n   * How the number reads while typing — `national` (default: `555 12 34 56`, the calling code lives in\n   * the country button) or `international` (`+995 555 12 34 56`). The value is E.164 either way.\n   */\n  format?: PhoneFormat\n  /** Field label. */\n  label?: ReactNode\n  /** Helper / validation text under the field. */\n  helperText?: ReactNode\n  /** Error state (red border + helper). */\n  error?: boolean\n  /** Shows a required asterisk. */\n  required?: boolean\n  /** `sm` / `md` / `lg` — control height + type. Defaults to `md`. */\n  size?: PhoneFieldSize\n  /** Stretch to the container. Defaults to `true`. */\n  fullWidth?: boolean\n}\n\n/** The field itself — rendered once `libphonenumber-js` has loaded. */\nconst PhoneFieldInner = forwardRef<HTMLInputElement, PhoneFieldProps>(function PhoneFieldInner(\n  {\n    value,\n    defaultValue,\n    onChange,\n    defaultCountry,\n    countries: countriesProp,\n    preferredCountries = [],\n    format = 'national',\n    label,\n    helperText,\n    error,\n    required,\n    size = 'md',\n    fullWidth = true,\n    name,\n    disabled = false,\n    id: idProp,\n    className,\n    style,\n    onBlur,\n    placeholder,\n    ...props\n  },\n  ref,\n) {\n  const t = useT()\n  const { language } = useLanguage()\n  const countries = countriesProp ?? getPhoneCountries()\n  const reactId = useId()\n  const id = idProp ?? reactId\n  const helperId = `${id}-helper`\n\n  // ── value: controlled / form-bound / uncontrolled — always E.164 ──\n  const form = useFormContext()\n  const isFormBound = Boolean(form && name)\n  const bound = isFormBound ? form!.field(name!) : undefined\n  const [internal, setInternal] = useState(defaultValue ?? '')\n  const currentValue =\n    value !== undefined\n      ? value\n      : isFormBound\n        ? ((form!.values[name!] as string | undefined) ?? '')\n        : internal\n  const resolvedError = error ?? bound?.error ?? false\n  const resolvedHelperText = helperText ?? bound?.helperText\n\n  const fallbackCountry = useMemo<PhoneCountry>(\n    () =>\n      defaultCountry && countries.includes(defaultCountry)\n        ? defaultCountry\n        : detectCountry(language, countries),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [defaultCountry, language, countries.join()],\n  )\n\n  const [country, setCountry] = useState<PhoneCountry>(\n    () => phoneFromValue(currentValue, fallbackCountry, format, countries).country,\n  )\n  const [display, setDisplay] = useState(\n    () => phoneFromValue(currentValue, fallbackCountry, format, countries).display,\n  )\n\n  // re-derive the display when the value changes from OUTSIDE (a reset / a controlled update) — the\n  // values we emit ourselves are skipped, so formatting never fights the user mid-typing\n  const lastEmitted = useRef(currentValue)\n  if (lastEmitted.current !== currentValue) {\n    lastEmitted.current = currentValue\n    const next = phoneFromValue(currentValue, country, format, countries)\n    setCountry(next.country)\n    setDisplay(next.display)\n  }\n\n  // caret restore after reformatting\n  const innerRef = useRef<HTMLInputElement | null>(null)\n  const setInputRef = useCallback(\n    (node: HTMLInputElement | null) => {\n      innerRef.current = node\n      if (typeof ref === 'function') ref(node)\n      else if (ref) (ref as { current: HTMLInputElement | null }).current = node\n    },\n    [ref],\n  )\n  const pendingCaret = useRef<number | null>(null)\n  useLayoutEffect(() => {\n    const pos = pendingCaret.current\n    if (pos == null) return\n    pendingCaret.current = null\n    innerRef.current?.setSelectionRange(pos, pos)\n  })\n\n  const emit = (reading: ReturnType<typeof readPhoneInput>) => {\n    lastEmitted.current = reading.e164\n    setDisplay(reading.display)\n    if (reading.country !== country) setCountry(reading.country)\n    if (value === undefined && !isFormBound) setInternal(reading.e164)\n    if (isFormBound) form!.setValue(name!, reading.e164)\n    onChange?.(reading.e164, {\n      country: reading.country,\n      national: reading.national,\n      valid: reading.valid,\n    })\n  }\n\n  const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n    const el = event.target\n    let raw = el.value\n    const caret = el.selectionStart ?? raw.length\n    let digitsBefore = raw.slice(0, caret).replace(/\\D/g, '').length\n    // backspace over a formatting char (space / paren / dash) would be re-added by the formatter —\n    // treat it as deleting the digit before it instead\n    const prevDigits = display.replace(/\\D/g, '')\n    if (raw.length < display.length && raw.replace(/\\D/g, '') === prevDigits && digitsBefore > 0) {\n      let seen = 0\n      let cut = -1\n      for (let i = 0; i < raw.length; i++) {\n        if (/\\d/.test(raw[i]) && ++seen === digitsBefore) {\n          cut = i\n          break\n        }\n      }\n      if (cut >= 0) raw = raw.slice(0, cut) + raw.slice(cut + 1)\n      digitsBefore -= 1\n    }\n    const reading = readPhoneInput(raw, country, format, countries)\n    pendingCaret.current =\n      caret >= el.value.length\n        ? reading.display.length\n        : caretAfterDigits(reading.display, digitsBefore)\n    emit(reading)\n  }\n\n  // ── country picker — the shared option menu (search matches name, ISO code, calling code) ──\n  const controlRef = useRef<HTMLDivElement | null>(null)\n  const countryOptions = useMemo<SelectOption[]>(() => {\n    const toOption = (c: PhoneCountry): SelectOption => {\n      const dial = callingCodeOf(c)\n      return {\n        value: c,\n        label: countryName(c, language),\n        icon: (\n          <span className={styles.flag} aria-hidden=\"true\">\n            {flagEmoji(c)}\n          </span>\n        ),\n        keywords: [c, dial, `+${dial}`],\n        trailing: <span className={styles.dial}>+{dial}</span>,\n      }\n    }\n    // preferred countries first (in the given order), then the rest A→Z by their localized name —\n    // as two groups (\"Suggested\" / \"All Countries\") when there are preferred ones\n    const pinned = preferredCountries.filter((c) => countries.includes(c)).map(toOption)\n    const rest = countries\n      .filter((c) => !preferredCountries.includes(c))\n      .map(toOption)\n      .sort((a, b) => a.label.localeCompare(b.label, language))\n    if (pinned.length === 0) return rest\n    return [\n      ...pinned.map((o) => ({ ...o, group: t('phoneField.suggested') })),\n      ...rest.map((o) => ({ ...o, group: t('phoneField.allCountries') })),\n    ]\n  }, [countries, preferredCountries, language, t])\n\n  const pickCountry = (next: PhoneCountry) => {\n    // keep the typed national digits, re-read under the new calling code\n    const national = readPhoneInput(display, country, format, countries).national\n    setCountry(next)\n    emit({ ...readPhoneInput(national, next, format, countries), country: next })\n  }\n\n  const menu = useOptionMenu({\n    idBase: `${id}-country`,\n    options: countryOptions,\n    isSelected: (o) => o.value === country,\n    onPick: (o) => pickCountry(o.value as PhoneCountry),\n    searchable: true,\n    disabled,\n    // after a pick / Esc, typing continues in the number\n    focusRef: innerRef,\n  })\n\n  const handleBlur = (event: FocusEvent<HTMLInputElement>) => {\n    bound?.onBlur(event)\n    onBlur?.(event)\n  }\n\n  const describedBy = resolvedHelperText != null ? helperId : undefined\n  const chevronPx = size === 'sm' ? 16 : size === 'md' ? 14 : 12\n  const code = callingCodeOf(country)\n  const name_ = countryName(country, language)\n\n  return (\n    <div\n      className={clsx(\n        fieldStyles.field,\n        fieldStyles[size],\n        fullWidth && fieldStyles.fullWidth,\n        resolvedError && fieldStyles.error,\n        disabled && fieldStyles.disabled,\n        styles.phoneField,\n        className,\n      )}\n      style={style as CSSProperties}\n    >\n      {label != null && (\n        <label htmlFor={id} className={fieldStyles.label}>\n          <Typography as=\"span\" variant=\"bodySmall\" color=\"muted\">\n            {label}\n          </Typography>\n          {required && (\n            <span className={fieldStyles.required} aria-hidden=\"true\">\n              *\n            </span>\n          )}\n        </label>\n      )}\n\n      <div ref={controlRef} className={clsx(fieldStyles.control, styles.control)}>\n        <button\n          type=\"button\"\n          className={styles.country}\n          aria-haspopup=\"listbox\"\n          aria-expanded={menu.open}\n          aria-controls={menu.open ? menu.listboxId : undefined}\n          aria-label={`${t('phoneField.country')}: ${name_} (+${code})`}\n          disabled={disabled}\n          onClick={menu.toggleMenu}\n          onKeyDown={(e) => {\n            // ↓ / ↑ open the list (Enter / Space already click the button)\n            if ((e.key === 'ArrowDown' || e.key === 'ArrowUp') && !menu.open) {\n              e.preventDefault()\n              menu.openMenu()\n            }\n          }}\n        >\n          <span className={styles.flag} aria-hidden=\"true\">\n            {flagEmoji(country)}\n          </span>\n          {format === 'national' && <span className={styles.code}>+{code}</span>}\n          {/* the same chevron as Select / MultiSelect (ArrowDown4, sized per field size: sm 16 · md 14 · lg 12) */}\n          <Icon\n            name=\"ArrowDown4\"\n            className={clsx(styles.chevron, menu.open && styles.chevronOpen)}\n            style={{ width: chevronPx, height: chevronPx }}\n            aria-hidden=\"true\"\n          />\n        </button>\n        <input\n          ref={setInputRef}\n          id={id}\n          name={name}\n          type=\"tel\"\n          inputMode=\"tel\"\n          autoComplete=\"tel\"\n          className={fieldStyles.input}\n          value={display}\n          placeholder={placeholder}\n          onChange={handleChange}\n          onBlur={handleBlur}\n          disabled={disabled}\n          aria-invalid={resolvedError || undefined}\n          aria-describedby={describedBy}\n          {...props}\n        />\n      </div>\n\n      <OptionMenu\n        menu={menu}\n        anchorRef={controlRef}\n        size={size}\n        searchPlaceholder={t('phoneField.search')}\n        ariaLabel={t('phoneField.country')}\n      />\n\n      {resolvedHelperText != null && (\n        <Typography\n          as=\"span\"\n          id={helperId}\n          variant=\"bodySmall\"\n          color={resolvedError ? 'error' : 'muted'}\n          className={fieldStyles.helper}\n        >\n          {resolvedHelperText}\n        </Typography>\n      )}\n    </div>\n  )\n})\n\n/**\n * A phone-number field: a **country button** (flag + `+code`, opening a searchable, localized country\n * list) inside the input frame, and the number **formatted as you type** for that country. The value is\n * always **E.164** (`'+995555123456'`) — one canonical form for the backend. Typing or pasting `+44…`\n * switches the country by its calling code. `onChange(value, { country, national, valid })`; binds to a\n * `<Form>` by `name` (the form value is the E.164 string — validate with `isValidPhone`). Country names\n * come from `Intl.DisplayNames` in the active UI language; flags are emoji. Needs the optional peer\n * **`libphonenumber-js`** (formatting, parsing, validation metadata), loaded lazily on first mount — until\n * it's ready (or if it isn't installed) a disabled look-alike field renders. Reuses the `TextField` look.\n */\nexport const PhoneField = forwardRef<HTMLInputElement, PhoneFieldProps>(\n  function PhoneField(props, ref) {\n    const { module } = useOptionalPeer(phonePeer)\n    if (module) return <PhoneFieldInner ref={ref} {...props} />\n    // loading (a tick, first mount only) or the peer is missing: the same frame, disabled — never bound\n    // to a <Form> (no `name`) so it can't write a value\n    const {\n      label,\n      helperText,\n      error,\n      required,\n      size,\n      fullWidth = true,\n      className,\n      style,\n      placeholder,\n    } = props\n    return (\n      <TextField\n        ref={ref}\n        type=\"tel\"\n        label={label}\n        helperText={helperText}\n        error={error}\n        required={required}\n        size={size}\n        fullWidth={fullWidth}\n        className={className}\n        style={style}\n        placeholder={placeholder}\n        value={props.value ?? props.defaultValue ?? ''}\n        readOnly\n        disabled\n      />\n    )\n  },\n)\n"],"names":["phonePeer","optionalPeer","lib","allCountries","getPhoneCountries","callingCodeOf","country","isValidPhone","value","loaded","flagEmoji","c","displayNamesCache","countryName","locale","_a","MAIN_FOR_CODE","LANGUAGE_COUNTRY","detectCountry","allowed","base","region","browser","_b","digitsOf","s","countryForCode","code","current","detected","readPhoneInput","raw","format","text","digits","typer","display","parsed","next","e164","national","phoneFromValue","fallback","reading","caretAfterDigits","n","seen","i","PhoneFieldInner","forwardRef","defaultValue","onChange","defaultCountry","countriesProp","preferredCountries","label","helperText","error","required","size","fullWidth","name","disabled","idProp","className","style","onBlur","placeholder","props","ref","t","useT","language","useLanguage","countries","reactId","useId","id","helperId","form","useFormContext","isFormBound","bound","internal","setInternal","useState","currentValue","resolvedError","resolvedHelperText","fallbackCountry","useMemo","setCountry","setDisplay","lastEmitted","useRef","innerRef","setInputRef","useCallback","node","pendingCaret","useLayoutEffect","pos","emit","handleChange","event","el","caret","digitsBefore","prevDigits","cut","controlRef","countryOptions","toOption","dial","jsx","styles","jsxs","pinned","rest","a","b","o","pickCountry","menu","useOptionMenu","handleBlur","describedBy","chevronPx","name_","clsx","fieldStyles","Typography","e","Icon","OptionMenu","PhoneField","module","useOptionalPeer","TextField"],"mappings":"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"}

package/dist/{PhoneField-O5syyH7u.cjs → PhoneField-DchrnSiE.cjs}

@@ -1,2 +1,2 @@
-"use strict";var we=Object.create;var ce=Object.defineProperty;var Ae=Object.getOwnPropertyDescriptor;var De=Object.getOwnPropertyNames;var qe=Object.getPrototypeOf,$e=Object.prototype.hasOwnProperty;var Ue=(t,e,s,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of De(e))!$e.call(t,r)&&r!==s&&ce(t,r,{get:()=>e[r],enumerable:!(o=Ae(e,r))||o.enumerable});return t};var Me=(t,e,s)=>(s=t!=null?we(qe(t)):{},Ue(e||!t||!t.__esModule?ce(s,"default",{value:t,enumerable:!0}):s,t));const a=require("react/jsx-runtime"),u=require("react"),z=require("clsx"),fe=require("./useOptionalPeer-9Fkx5Leb.cjs"),ke=require("./formContext-bTWrqdEV.cjs"),Ee=require("./Icon-BUP5_kRs.cjs"),Ve=require("./TextField-CgPfN-4d.cjs"),ae=require("./useOptionMenu-DHGSbQmS.cjs"),ue=require("./Typography-B6ASPrzT.cjs"),v=require("./TextField.module-DsNCo8vN.cjs"),de=require("./ConfigProvider-CVLHPXQm.cjs"),G=fe.optionalPeer("libphonenumber-js","PhoneField",()=>import("libphonenumber-js")),g=()=>G.get();let We;function Be(){return We??(We=g().getCountries())}const D=t=>g().getCountryCallingCode(t);function Ge(t){const e=G.get();return e?typeof t=="string"&&t.trim()!==""&&e.isValidPhoneNumber(t):(G.load(),!1)}function pe(t){return String.fromCodePoint(...[...t.toUpperCase()].map(e=>127462+e.charCodeAt(0)-65))}const W=new Map;function he(t,e){var s;if(!W.has(e))try{W.set(e,new Intl.DisplayNames([e],{type:"region"}))}catch{W.set(e,null)}try{return((s=W.get(e))==null?void 0:s.of(t))??t}catch{return t}}const Le={1:"US",7:"RU",39:"IT",44:"GB",47:"NO",61:"AU",212:"MA",262:"RE",290:"SH",358:"FI",590:"GP",599:"CW"},Ye={ka:"GE",en:"US",es:"ES",de:"DE",it:"IT",fr:"FR",ru:"RU"};function He(t,e){var d,c;const[s,o]=t.split("-"),r=typeof navigator<"u"?(c=(d=navigator.language)==null?void 0:d.split("-")[1])==null?void 0:c.toUpperCase():void 0;return[o==null?void 0:o.toUpperCase(),Ye[s==null?void 0:s.toLowerCase()],r,"US"].find(h=>h&&e.includes(h))??e[0]}const Ke=t=>t.replace(/\D/g,"");function ye(t,e,s,o){return D(e)===t?e:[s,Le[t],...o.filter(i=>D(i)===t)].find(i=>i&&o.includes(i))??e}function B(t,e,s,o){const r=t.trimStart(),i=Ke(r);if(!i)return{e164:"",country:e,national:"",valid:!1,display:r.startsWith("+")?"+":""};if(r.startsWith("+")){const _=new(g()).AsYouType,F=_.input(`+${i}`),j=_.getCallingCode(),x=g().parsePhoneNumberFromString(`+${i}`),R=j?ye(j,e,(x==null?void 0:x.country)??_.getCountry(),o):e,q=`+${i}`;return{e164:q,country:R,national:j?i.slice(j.length):"",valid:g().isValidPhoneNumber(q),display:F}}const d=D(e),c=g().parsePhoneNumberFromString(i,e),h=(c==null?void 0:c.nationalNumber)??i.replace(/^0+/,""),P=h?`+${d}${h}`:"",w=s==="international"?new(g()).AsYouType(e).input(`+${d}${h}`):new(g()).AsYouType(e).input(i);return{e164:P,country:e,national:h,valid:P!==""&&g().isValidPhoneNumber(P),display:w}}function ee(t,e,s,o){if(!t)return{country:e,display:""};const r=g().parsePhoneNumberFromString(t);if(r)return{country:ye(r.countryCallingCode,e,r.country,o),display:s==="national"?r.formatNational():r.formatInternational()};const i=B(t,e,"international",o),d=s==="national"&&i.national?new(g()).AsYouType(i.country).input(i.national):i.display;return{country:i.country,display:d}}function Je(t,e){if(e<=0)return t.startsWith("+")?1:0;let s=0;for(let o=0;o<t.length;o++)if(/\d/.test(t[o])&&s++,s===e)return o+1;return t.length}const Qe="_phoneField_sbp1s_4",Xe="_country_sbp1s_9",Ze="_flag_sbp1s_35",ze="_code_sbp1s_40",et="_chevron_sbp1s_44",tt="_chevronOpen_sbp1s_48",nt="_dial_sbp1s_53",C={phoneField:Qe,country:Xe,flag:Ze,code:ze,chevron:et,chevronOpen:tt,dial:nt},st=u.forwardRef(function({value:e,defaultValue:s,onChange:o,defaultCountry:r,countries:i,preferredCountries:d=[],format:c="national",label:h,helperText:P,error:w,required:_,size:F="md",fullWidth:j=!0,name:x,disabled:R=!1,id:q,className:ge,style:me,onBlur:L,placeholder:ve,...xe},A){const O=de.useT(),{language:I}=de.useLanguage(),f=i??Be(),be=u.useId(),$=q??be,te=`${$}-helper`,U=ke.useFormContext(),M=!!(U&&x),b=M?U.field(x):void 0,[Ce,Fe]=u.useState(s??""),T=e!==void 0?e:M?U.values[x]??"":Ce,Y=w??(b==null?void 0:b.error)??!1,H=P??(b==null?void 0:b.helperText),ne=u.useMemo(()=>r&&f.includes(r)?r:He(I,f),[r,I,f.join()]),[N,K]=u.useState(()=>ee(T,ne,c,f).country),[k,se]=u.useState(()=>ee(T,ne,c,f).display),J=u.useRef(T);if(J.current!==T){J.current=T;const n=ee(T,N,c,f);K(n.country),se(n.display)}const Q=u.useRef(null),Ne=u.useCallback(n=>{Q.current=n,typeof A=="function"?A(n):A&&(A.current=n)},[A]),X=u.useRef(null);u.useLayoutEffect(()=>{var y;const n=X.current;n!=null&&(X.current=null,(y=Q.current)==null||y.setSelectionRange(n,n))});const oe=n=>{J.current=n.e164,se(n.display),n.country!==N&&K(n.country),e===void 0&&!M&&Fe(n.e164),M&&U.setValue(x,n.e164),o==null||o(n.e164,{country:n.country,national:n.national,valid:n.valid})},Se=n=>{const y=n.target;let p=y.value;const l=y.selectionStart??p.length;let m=p.slice(0,l).replace(/\D/g,"").length;const Ie=k.replace(/\D/g,"");if(p.length<k.length&&p.replace(/\D/g,"")===Ie&&m>0){let Te=0,E=-1;for(let V=0;V<p.length;V++)if(/\d/.test(p[V])&&++Te===m){E=V;break}E>=0&&(p=p.slice(0,E)+p.slice(E+1)),m-=1}const Z=B(p,N,c,f);X.current=l>=y.value.length?Z.display.length:Je(Z.display,m),oe(Z)},re=u.useRef(null),Pe=u.useMemo(()=>{const n=l=>{const m=D(l);return{value:l,label:he(l,I),icon:a.jsx("span",{className:C.flag,"aria-hidden":"true",children:pe(l)}),keywords:[l,m,`+${m}`],trailing:a.jsxs("span",{className:C.dial,children:["+",m]})}},y=d.filter(l=>f.includes(l)).map(n),p=f.filter(l=>!d.includes(l)).map(n).sort((l,m)=>l.label.localeCompare(m.label,I));return y.length===0?p:[...y.map(l=>({...l,group:O("phoneField.suggested")})),...p.map(l=>({...l,group:O("phoneField.allCountries")}))]},[f,d,I,O]),_e=n=>{const y=B(k,N,c,f).national;K(n),oe({...B(y,n,c,f),country:n})},S=ae.useOptionMenu({idBase:`${$}-country`,options:Pe,isSelected:n=>n.value===N,onPick:n=>_e(n.value),searchable:!0,disabled:R,focusRef:Q}),je=n=>{b==null||b.onBlur(n),L==null||L(n)},Re=H!=null?te:void 0,ie=F==="sm"?16:F==="md"?14:12,le=D(N),Oe=he(N,I);return a.jsxs("div",{className:z.clsx(v.fieldStyles.field,v.fieldStyles[F],j&&v.fieldStyles.fullWidth,Y&&v.fieldStyles.error,R&&v.fieldStyles.disabled,C.phoneField,ge),style:me,children:[h!=null&&a.jsxs("label",{htmlFor:$,className:v.fieldStyles.label,children:[a.jsx(ue.Typography,{as:"span",variant:"bodySmall",color:"muted",children:h}),_&&a.jsx("span",{className:v.fieldStyles.required,"aria-hidden":"true",children:"*"})]}),a.jsxs("div",{ref:re,className:z.clsx(v.fieldStyles.control,C.control),children:[a.jsxs("button",{type:"button",className:C.country,"aria-haspopup":"listbox","aria-expanded":S.open,"aria-controls":S.open?S.listboxId:void 0,"aria-label":`${O("phoneField.country")}: ${Oe} (+${le})`,disabled:R,onClick:S.toggleMenu,onKeyDown:n=>{(n.key==="ArrowDown"||n.key==="ArrowUp")&&!S.open&&(n.preventDefault(),S.openMenu())},children:[a.jsx("span",{className:C.flag,"aria-hidden":"true",children:pe(N)}),c==="national"&&a.jsxs("span",{className:C.code,children:["+",le]}),a.jsx(Ee.Icon,{name:"ArrowDown4",className:z.clsx(C.chevron,S.open&&C.chevronOpen),style:{width:ie,height:ie},"aria-hidden":"true"})]}),a.jsx("input",{ref:Ne,id:$,name:x,type:"tel",inputMode:"tel",autoComplete:"tel",className:v.fieldStyles.input,value:k,placeholder:ve,onChange:Se,onBlur:je,disabled:R,"aria-invalid":Y||void 0,"aria-describedby":Re,...xe})]}),a.jsx(ae.OptionMenu,{menu:S,anchorRef:re,size:F,searchPlaceholder:O("phoneField.search"),ariaLabel:O("phoneField.country")}),H!=null&&a.jsx(ue.Typography,{as:"span",id:te,variant:"bodySmall",color:Y?"error":"muted",className:v.fieldStyles.helper,children:H})]})}),ot=u.forwardRef(function(e,s){const{module:o}=fe.useOptionalPeer(G);if(o)return a.jsx(st,{ref:s,...e});const{label:r,helperText:i,error:d,required:c,size:h,fullWidth:P=!0,className:w,style:_,placeholder:F}=e;return a.jsx(Ve.TextField,{ref:s,type:"tel",label:r,helperText:i,error:d,required:c,size:h,fullWidth:P,className:w,style:_,placeholder:F,value:e.value??e.defaultValue??"",readOnly:!0,disabled:!0})});exports.PhoneField=ot;exports.isValidPhone=Ge;
-//# sourceMappingURL=PhoneField-O5syyH7u.cjs.map
+"use strict";var we=Object.create;var ce=Object.defineProperty;var Ae=Object.getOwnPropertyDescriptor;var De=Object.getOwnPropertyNames;var qe=Object.getPrototypeOf,$e=Object.prototype.hasOwnProperty;var Ue=(t,e,s,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of De(e))!$e.call(t,r)&&r!==s&&ce(t,r,{get:()=>e[r],enumerable:!(o=Ae(e,r))||o.enumerable});return t};var Me=(t,e,s)=>(s=t!=null?we(qe(t)):{},Ue(e||!t||!t.__esModule?ce(s,"default",{value:t,enumerable:!0}):s,t));const a=require("react/jsx-runtime"),u=require("react"),z=require("clsx"),fe=require("./useOptionalPeer-9Fkx5Leb.cjs"),ke=require("./formContext-bTWrqdEV.cjs"),Ee=require("./Icon-BUP5_kRs.cjs"),Ve=require("./TextField-D49Lpbjt.cjs"),ae=require("./useOptionMenu-OAYGUWP_.cjs"),ue=require("./Typography-d97DdbNd.cjs"),v=require("./TextField.module-DsNCo8vN.cjs"),de=require("./ConfigProvider-th4GYhcU.cjs"),G=fe.optionalPeer("libphonenumber-js","PhoneField",()=>import("libphonenumber-js")),g=()=>G.get();let We;function Be(){return We??(We=g().getCountries())}const D=t=>g().getCountryCallingCode(t);function Ge(t){const e=G.get();return e?typeof t=="string"&&t.trim()!==""&&e.isValidPhoneNumber(t):(G.load(),!1)}function pe(t){return String.fromCodePoint(...[...t.toUpperCase()].map(e=>127462+e.charCodeAt(0)-65))}const W=new Map;function he(t,e){var s;if(!W.has(e))try{W.set(e,new Intl.DisplayNames([e],{type:"region"}))}catch{W.set(e,null)}try{return((s=W.get(e))==null?void 0:s.of(t))??t}catch{return t}}const Le={1:"US",7:"RU",39:"IT",44:"GB",47:"NO",61:"AU",212:"MA",262:"RE",290:"SH",358:"FI",590:"GP",599:"CW"},Ye={ka:"GE",en:"US",es:"ES",de:"DE",it:"IT",fr:"FR",ru:"RU"};function He(t,e){var d,c;const[s,o]=t.split("-"),r=typeof navigator<"u"?(c=(d=navigator.language)==null?void 0:d.split("-")[1])==null?void 0:c.toUpperCase():void 0;return[o==null?void 0:o.toUpperCase(),Ye[s==null?void 0:s.toLowerCase()],r,"US"].find(h=>h&&e.includes(h))??e[0]}const Ke=t=>t.replace(/\D/g,"");function ye(t,e,s,o){return D(e)===t?e:[s,Le[t],...o.filter(i=>D(i)===t)].find(i=>i&&o.includes(i))??e}function B(t,e,s,o){const r=t.trimStart(),i=Ke(r);if(!i)return{e164:"",country:e,national:"",valid:!1,display:r.startsWith("+")?"+":""};if(r.startsWith("+")){const _=new(g()).AsYouType,F=_.input(`+${i}`),j=_.getCallingCode(),x=g().parsePhoneNumberFromString(`+${i}`),R=j?ye(j,e,(x==null?void 0:x.country)??_.getCountry(),o):e,q=`+${i}`;return{e164:q,country:R,national:j?i.slice(j.length):"",valid:g().isValidPhoneNumber(q),display:F}}const d=D(e),c=g().parsePhoneNumberFromString(i,e),h=(c==null?void 0:c.nationalNumber)??i.replace(/^0+/,""),P=h?`+${d}${h}`:"",w=s==="international"?new(g()).AsYouType(e).input(`+${d}${h}`):new(g()).AsYouType(e).input(i);return{e164:P,country:e,national:h,valid:P!==""&&g().isValidPhoneNumber(P),display:w}}function ee(t,e,s,o){if(!t)return{country:e,display:""};const r=g().parsePhoneNumberFromString(t);if(r)return{country:ye(r.countryCallingCode,e,r.country,o),display:s==="national"?r.formatNational():r.formatInternational()};const i=B(t,e,"international",o),d=s==="national"&&i.national?new(g()).AsYouType(i.country).input(i.national):i.display;return{country:i.country,display:d}}function Je(t,e){if(e<=0)return t.startsWith("+")?1:0;let s=0;for(let o=0;o<t.length;o++)if(/\d/.test(t[o])&&s++,s===e)return o+1;return t.length}const Qe="_phoneField_sbp1s_4",Xe="_country_sbp1s_9",Ze="_flag_sbp1s_35",ze="_code_sbp1s_40",et="_chevron_sbp1s_44",tt="_chevronOpen_sbp1s_48",nt="_dial_sbp1s_53",C={phoneField:Qe,country:Xe,flag:Ze,code:ze,chevron:et,chevronOpen:tt,dial:nt},st=u.forwardRef(function({value:e,defaultValue:s,onChange:o,defaultCountry:r,countries:i,preferredCountries:d=[],format:c="national",label:h,helperText:P,error:w,required:_,size:F="md",fullWidth:j=!0,name:x,disabled:R=!1,id:q,className:ge,style:me,onBlur:L,placeholder:ve,...xe},A){const O=de.useT(),{language:I}=de.useLanguage(),f=i??Be(),be=u.useId(),$=q??be,te=`${$}-helper`,U=ke.useFormContext(),M=!!(U&&x),b=M?U.field(x):void 0,[Ce,Fe]=u.useState(s??""),T=e!==void 0?e:M?U.values[x]??"":Ce,Y=w??(b==null?void 0:b.error)??!1,H=P??(b==null?void 0:b.helperText),ne=u.useMemo(()=>r&&f.includes(r)?r:He(I,f),[r,I,f.join()]),[N,K]=u.useState(()=>ee(T,ne,c,f).country),[k,se]=u.useState(()=>ee(T,ne,c,f).display),J=u.useRef(T);if(J.current!==T){J.current=T;const n=ee(T,N,c,f);K(n.country),se(n.display)}const Q=u.useRef(null),Ne=u.useCallback(n=>{Q.current=n,typeof A=="function"?A(n):A&&(A.current=n)},[A]),X=u.useRef(null);u.useLayoutEffect(()=>{var y;const n=X.current;n!=null&&(X.current=null,(y=Q.current)==null||y.setSelectionRange(n,n))});const oe=n=>{J.current=n.e164,se(n.display),n.country!==N&&K(n.country),e===void 0&&!M&&Fe(n.e164),M&&U.setValue(x,n.e164),o==null||o(n.e164,{country:n.country,national:n.national,valid:n.valid})},Se=n=>{const y=n.target;let p=y.value;const l=y.selectionStart??p.length;let m=p.slice(0,l).replace(/\D/g,"").length;const Ie=k.replace(/\D/g,"");if(p.length<k.length&&p.replace(/\D/g,"")===Ie&&m>0){let Te=0,E=-1;for(let V=0;V<p.length;V++)if(/\d/.test(p[V])&&++Te===m){E=V;break}E>=0&&(p=p.slice(0,E)+p.slice(E+1)),m-=1}const Z=B(p,N,c,f);X.current=l>=y.value.length?Z.display.length:Je(Z.display,m),oe(Z)},re=u.useRef(null),Pe=u.useMemo(()=>{const n=l=>{const m=D(l);return{value:l,label:he(l,I),icon:a.jsx("span",{className:C.flag,"aria-hidden":"true",children:pe(l)}),keywords:[l,m,`+${m}`],trailing:a.jsxs("span",{className:C.dial,children:["+",m]})}},y=d.filter(l=>f.includes(l)).map(n),p=f.filter(l=>!d.includes(l)).map(n).sort((l,m)=>l.label.localeCompare(m.label,I));return y.length===0?p:[...y.map(l=>({...l,group:O("phoneField.suggested")})),...p.map(l=>({...l,group:O("phoneField.allCountries")}))]},[f,d,I,O]),_e=n=>{const y=B(k,N,c,f).national;K(n),oe({...B(y,n,c,f),country:n})},S=ae.useOptionMenu({idBase:`${$}-country`,options:Pe,isSelected:n=>n.value===N,onPick:n=>_e(n.value),searchable:!0,disabled:R,focusRef:Q}),je=n=>{b==null||b.onBlur(n),L==null||L(n)},Re=H!=null?te:void 0,ie=F==="sm"?16:F==="md"?14:12,le=D(N),Oe=he(N,I);return a.jsxs("div",{className:z.clsx(v.fieldStyles.field,v.fieldStyles[F],j&&v.fieldStyles.fullWidth,Y&&v.fieldStyles.error,R&&v.fieldStyles.disabled,C.phoneField,ge),style:me,children:[h!=null&&a.jsxs("label",{htmlFor:$,className:v.fieldStyles.label,children:[a.jsx(ue.Typography,{as:"span",variant:"bodySmall",color:"muted",children:h}),_&&a.jsx("span",{className:v.fieldStyles.required,"aria-hidden":"true",children:"*"})]}),a.jsxs("div",{ref:re,className:z.clsx(v.fieldStyles.control,C.control),children:[a.jsxs("button",{type:"button",className:C.country,"aria-haspopup":"listbox","aria-expanded":S.open,"aria-controls":S.open?S.listboxId:void 0,"aria-label":`${O("phoneField.country")}: ${Oe} (+${le})`,disabled:R,onClick:S.toggleMenu,onKeyDown:n=>{(n.key==="ArrowDown"||n.key==="ArrowUp")&&!S.open&&(n.preventDefault(),S.openMenu())},children:[a.jsx("span",{className:C.flag,"aria-hidden":"true",children:pe(N)}),c==="national"&&a.jsxs("span",{className:C.code,children:["+",le]}),a.jsx(Ee.Icon,{name:"ArrowDown4",className:z.clsx(C.chevron,S.open&&C.chevronOpen),style:{width:ie,height:ie},"aria-hidden":"true"})]}),a.jsx("input",{ref:Ne,id:$,name:x,type:"tel",inputMode:"tel",autoComplete:"tel",className:v.fieldStyles.input,value:k,placeholder:ve,onChange:Se,onBlur:je,disabled:R,"aria-invalid":Y||void 0,"aria-describedby":Re,...xe})]}),a.jsx(ae.OptionMenu,{menu:S,anchorRef:re,size:F,searchPlaceholder:O("phoneField.search"),ariaLabel:O("phoneField.country")}),H!=null&&a.jsx(ue.Typography,{as:"span",id:te,variant:"bodySmall",color:Y?"error":"muted",className:v.fieldStyles.helper,children:H})]})}),ot=u.forwardRef(function(e,s){const{module:o}=fe.useOptionalPeer(G);if(o)return a.jsx(st,{ref:s,...e});const{label:r,helperText:i,error:d,required:c,size:h,fullWidth:P=!0,className:w,style:_,placeholder:F}=e;return a.jsx(Ve.TextField,{ref:s,type:"tel",label:r,helperText:i,error:d,required:c,size:h,fullWidth:P,className:w,style:_,placeholder:F,value:e.value??e.defaultValue??"",readOnly:!0,disabled:!0})});exports.PhoneField=ot;exports.isValidPhone=Ge;
+//# sourceMappingURL=PhoneField-DchrnSiE.cjs.map

package/dist/{PhoneField-O5syyH7u.cjs.map → PhoneField-DchrnSiE.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"PhoneField-O5syyH7u.cjs","sources":["../src/components/PhoneField/phone.ts","../src/components/PhoneField/PhoneField.tsx"],"sourcesContent":["import type * as PhoneLibModule from 'libphonenumber-js'\nimport type { CountryCode } from 'libphonenumber-js'\nimport { optionalPeer } from '../../hooks/useOptionalPeer'\n\n/**\n * `libphonenumber-js` is an optional peer, loaded **lazily** (see `optionalPeer`) — never imported\n * statically, so apps that don't install it still build + run when they import the barrel. PhoneField\n * waits for it on mount; the helpers below run only once it's loaded (`lib()`).\n */\nexport const phonePeer = optionalPeer<typeof PhoneLibModule>(\n  'libphonenumber-js',\n  'PhoneField',\n  () => import('libphonenumber-js'),\n)\nconst lib = () => phonePeer.get()!\n\n/** An ISO-3166 alpha-2 country code, as `libphonenumber-js` knows it (`'GE'`, `'US'`, …). */\nexport type PhoneCountry = CountryCode\n/** How the number is shown in the input while typing (the value is always E.164). */\nexport type PhoneFormat = 'national' | 'international'\n\nlet allCountries: readonly PhoneCountry[] | undefined\n/** Every country `libphonenumber-js` has metadata for (once loaded). */\nexport function getPhoneCountries(): readonly PhoneCountry[] {\n  return (allCountries ??= lib().getCountries())\n}\n\n/** The country's calling code without the `+` — `'GE'` → `'995'`. */\nexport const callingCodeOf = (country: PhoneCountry): string => lib().getCountryCallingCode(country)\n\n/**\n * `true` for a complete, valid number (E.164 or any parseable international form). Use it in a schema:\n * `phone: z.string().refine(isValidPhone, 'Enter a valid phone number')`. Needs `libphonenumber-js`\n * loaded — it is once any PhoneField has mounted; before that it starts the load and returns `false`.\n */\nexport function isValidPhone(value: unknown): boolean {\n  const loaded = phonePeer.get()\n  // not loaded yet (no PhoneField mounted so far) → start loading and report \"not valid\" for now\n  if (!loaded) {\n    void phonePeer.load()\n    return false\n  }\n  return typeof value === 'string' && value.trim() !== '' && loaded.isValidPhoneNumber(value)\n}\n\n/** A flag emoji from the two regional-indicator letters — no image assets (Windows shows the letters). */\nexport function flagEmoji(country: string): string {\n  return String.fromCodePoint(\n    ...[...country.toUpperCase()].map((c) => 0x1f1e6 + c.charCodeAt(0) - 65),\n  )\n}\n\nconst displayNamesCache = new Map<string, Intl.DisplayNames | null>()\n/** The country's name in `locale` via `Intl.DisplayNames` (no catalog to ship); falls back to the code. */\nexport function countryName(country: string, locale: string): string {\n  if (!displayNamesCache.has(locale)) {\n    try {\n      displayNamesCache.set(locale, new Intl.DisplayNames([locale], { type: 'region' }))\n    } catch {\n      displayNamesCache.set(locale, null)\n    }\n  }\n  try {\n    return displayNamesCache.get(locale)?.of(country) ?? country\n  } catch {\n    return country\n  }\n}\n\n// the main country for a calling code shared by several (a partial \"+44…\" parses as Guernsey otherwise)\nconst MAIN_FOR_CODE: Record<string, PhoneCountry> = {\n  '1': 'US',\n  '7': 'RU',\n  '39': 'IT',\n  '44': 'GB',\n  '47': 'NO',\n  '61': 'AU',\n  '212': 'MA',\n  '262': 'RE',\n  '290': 'SH',\n  '358': 'FI',\n  '590': 'GP',\n  '599': 'CW',\n}\n// base UI language → its usual country, for the default when the locale carries no region\nconst LANGUAGE_COUNTRY: Record<string, PhoneCountry> = {\n  ka: 'GE',\n  en: 'US',\n  es: 'ES',\n  de: 'DE',\n  it: 'IT',\n  fr: 'FR',\n  ru: 'RU',\n}\n\n/** The default country: the locale's region → its language's usual country → the browser's region → US. */\nexport function detectCountry(locale: string, allowed: readonly PhoneCountry[]): PhoneCountry {\n  const [base, region] = locale.split('-')\n  const browser =\n    typeof navigator !== 'undefined' ? navigator.language?.split('-')[1]?.toUpperCase() : undefined\n  const candidates = [region?.toUpperCase(), LANGUAGE_COUNTRY[base?.toLowerCase()], browser, 'US']\n  return (candidates.find((c) => c && allowed.includes(c as PhoneCountry)) ??\n    allowed[0]) as PhoneCountry\n}\n\n/** The result of reading what's in the input. */\nexport interface PhoneReading {\n  /** The canonical value — `'+995555123456'`, or `''` when empty. */\n  e164: string\n  /** The country the number belongs to (may switch when a `+code` is typed). */\n  country: PhoneCountry\n  /** The national significant number — digits only, no trunk `0`. */\n  national: string\n  /** A complete, valid number. */\n  valid: boolean\n  /** What the input should show (formatted as you type). */\n  display: string\n}\n\nconst digitsOf = (s: string) => s.replace(/\\D/g, '')\n\n/** Which allowed country a `+code…` number belongs to — keep the current one when it shares the code. */\nfunction countryForCode(\n  code: string,\n  current: PhoneCountry,\n  detected: PhoneCountry | undefined,\n  allowed: readonly PhoneCountry[],\n): PhoneCountry {\n  if (callingCodeOf(current) === code) return current\n  const pick = [detected, MAIN_FOR_CODE[code], ...allowed.filter((c) => callingCodeOf(c) === code)]\n  return (pick.find((c) => c && allowed.includes(c)) as PhoneCountry | undefined) ?? current\n}\n\n/** Read raw input text → the canonical value + the formatted display, as the user types. */\nexport function readPhoneInput(\n  raw: string,\n  country: PhoneCountry,\n  format: PhoneFormat,\n  allowed: readonly PhoneCountry[],\n): PhoneReading {\n  const text = raw.trimStart()\n  const digits = digitsOf(text)\n  if (!digits) {\n    return {\n      e164: '',\n      country,\n      national: '',\n      valid: false,\n      display: text.startsWith('+') ? '+' : '',\n    }\n  }\n\n  // an explicit \"+code…\" (typed or pasted) — the calling code decides the country\n  if (text.startsWith('+')) {\n    const typer = new (lib().AsYouType)()\n    const display = typer.input(`+${digits}`)\n    const code = typer.getCallingCode()\n    const parsed = lib().parsePhoneNumberFromString(`+${digits}`)\n    const next = code\n      ? countryForCode(code, country, parsed?.country ?? typer.getCountry(), allowed)\n      : country\n    const e164 = `+${digits}`\n    return {\n      e164,\n      country: next,\n      national: code ? digits.slice(code.length) : '',\n      valid: lib().isValidPhoneNumber(e164),\n      display,\n    }\n  }\n\n  // national digits under the selected country (a leading trunk \"0\" is dropped from the value)\n  const code = callingCodeOf(country)\n  const parsed = lib().parsePhoneNumberFromString(digits, country)\n  const national = parsed?.nationalNumber ?? digits.replace(/^0+/, '')\n  const e164 = national ? `+${code}${national}` : ''\n  const display =\n    format === 'international'\n      ? new (lib().AsYouType)(country).input(`+${code}${national}`)\n      : new (lib().AsYouType)(country).input(digits)\n  return {\n    e164,\n    country,\n    national,\n    valid: e164 !== '' && lib().isValidPhoneNumber(e164),\n    display,\n  }\n}\n\n/** Derive the country + display from an E.164 value (initial / external value changes). */\nexport function phoneFromValue(\n  value: string,\n  fallback: PhoneCountry,\n  format: PhoneFormat,\n  allowed: readonly PhoneCountry[],\n): { country: PhoneCountry; display: string } {\n  if (!value) return { country: fallback, display: '' }\n  const parsed = lib().parsePhoneNumberFromString(value)\n  if (parsed) {\n    const country = countryForCode(parsed.countryCallingCode, fallback, parsed.country, allowed)\n    return {\n      country,\n      display: format === 'national' ? parsed.formatNational() : parsed.formatInternational(),\n    }\n  }\n  const reading = readPhoneInput(value, fallback, 'international', allowed)\n  const display =\n    format === 'national' && reading.national\n      ? new (lib().AsYouType)(reading.country).input(reading.national)\n      : reading.display\n  return { country: reading.country, display }\n}\n\n/** Caret index in `display` right after its `n`-th digit — keeps the caret put while reformatting. */\nexport function caretAfterDigits(display: string, n: number): number {\n  if (n <= 0) return display.startsWith('+') ? 1 : 0\n  let seen = 0\n  for (let i = 0; i < display.length; i++) {\n    if (/\\d/.test(display[i])) seen++\n    if (seen === n) return i + 1\n  }\n  return display.length\n}\n","import {\n  forwardRef,\n  useCallback,\n  useId,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n  type ChangeEvent,\n  type CSSProperties,\n  type FocusEvent,\n  type InputHTMLAttributes,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport { useLanguage, useT } from '../../theme'\nimport { useOptionalPeer } from '../../hooks/useOptionalPeer'\nimport { useFormContext } from '../../form/formContext'\nimport { Icon } from '../Icon'\nimport { TextField } from '../TextField'\nimport { OptionMenu } from '../OptionMenu/OptionMenu'\nimport { useOptionMenu, type SelectOption } from '../OptionMenu/useOptionMenu'\nimport { Typography } from '../Typography'\nimport fieldStyles from '../TextField/TextField.module.css'\nimport {\n  callingCodeOf,\n  getPhoneCountries,\n  caretAfterDigits,\n  countryName,\n  detectCountry,\n  flagEmoji,\n  phoneFromValue,\n  phonePeer,\n  readPhoneInput,\n  type PhoneCountry,\n  type PhoneFormat,\n} from './phone'\nimport styles from './PhoneField.module.css'\n\nexport type PhoneFieldSize = 'sm' | 'md' | 'lg'\n\n/** Extra details handed to `onChange` alongside the E.164 value. */\nexport interface PhoneFieldChangeMeta {\n  /** The number's country (ISO alpha-2). */\n  country: PhoneCountry\n  /** The national significant number — digits only, no trunk `0`. */\n  national: string\n  /** A complete, valid number for that country. */\n  valid: boolean\n}\n\nexport interface PhoneFieldProps extends Omit<\n  InputHTMLAttributes<HTMLInputElement>,\n  'value' | 'defaultValue' | 'onChange' | 'type' | 'size' | 'color'\n> {\n  /** The number in **E.164** (`'+995555123456'`) — the only form the field emits. `''` when empty. */\n  value?: string\n  /** Initial E.164 value for uncontrolled use. */\n  defaultValue?: string\n  /** Fires with the E.164 value (`''` when cleared) and `{ country, national, valid }`. */\n  onChange?: (value: string, meta: PhoneFieldChangeMeta) => void\n  /** The country to start with. Defaults to one derived from the UI language / browser locale. */\n  defaultCountry?: PhoneCountry\n  /** Restrict the selectable countries (e.g. only where you operate). Defaults to all. */\n  countries?: readonly PhoneCountry[]\n  /** Countries pinned to the top of the list, in this order. */\n  preferredCountries?: readonly PhoneCountry[]\n  /**\n   * How the number reads while typing — `national` (default: `555 12 34 56`, the calling code lives in\n   * the country button) or `international` (`+995 555 12 34 56`). The value is E.164 either way.\n   */\n  format?: PhoneFormat\n  /** Field label. */\n  label?: ReactNode\n  /** Helper / validation text under the field. */\n  helperText?: ReactNode\n  /** Error state (red border + helper). */\n  error?: boolean\n  /** Shows a required asterisk. */\n  required?: boolean\n  /** `sm` / `md` / `lg` — control height + type. Defaults to `md`. */\n  size?: PhoneFieldSize\n  /** Stretch to the container. Defaults to `true`. */\n  fullWidth?: boolean\n}\n\n/** The field itself — rendered once `libphonenumber-js` has loaded. */\nconst PhoneFieldInner = forwardRef<HTMLInputElement, PhoneFieldProps>(function PhoneFieldInner(\n  {\n    value,\n    defaultValue,\n    onChange,\n    defaultCountry,\n    countries: countriesProp,\n    preferredCountries = [],\n    format = 'national',\n    label,\n    helperText,\n    error,\n    required,\n    size = 'md',\n    fullWidth = true,\n    name,\n    disabled = false,\n    id: idProp,\n    className,\n    style,\n    onBlur,\n    placeholder,\n    ...props\n  },\n  ref,\n) {\n  const t = useT()\n  const { language } = useLanguage()\n  const countries = countriesProp ?? getPhoneCountries()\n  const reactId = useId()\n  const id = idProp ?? reactId\n  const helperId = `${id}-helper`\n\n  // ── value: controlled / form-bound / uncontrolled — always E.164 ──\n  const form = useFormContext()\n  const isFormBound = Boolean(form && name)\n  const bound = isFormBound ? form!.field(name!) : undefined\n  const [internal, setInternal] = useState(defaultValue ?? '')\n  const currentValue =\n    value !== undefined\n      ? value\n      : isFormBound\n        ? ((form!.values[name!] as string | undefined) ?? '')\n        : internal\n  const resolvedError = error ?? bound?.error ?? false\n  const resolvedHelperText = helperText ?? bound?.helperText\n\n  const fallbackCountry = useMemo<PhoneCountry>(\n    () =>\n      defaultCountry && countries.includes(defaultCountry)\n        ? defaultCountry\n        : detectCountry(language, countries),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [defaultCountry, language, countries.join()],\n  )\n\n  const [country, setCountry] = useState<PhoneCountry>(\n    () => phoneFromValue(currentValue, fallbackCountry, format, countries).country,\n  )\n  const [display, setDisplay] = useState(\n    () => phoneFromValue(currentValue, fallbackCountry, format, countries).display,\n  )\n\n  // re-derive the display when the value changes from OUTSIDE (a reset / a controlled update) — the\n  // values we emit ourselves are skipped, so formatting never fights the user mid-typing\n  const lastEmitted = useRef(currentValue)\n  if (lastEmitted.current !== currentValue) {\n    lastEmitted.current = currentValue\n    const next = phoneFromValue(currentValue, country, format, countries)\n    setCountry(next.country)\n    setDisplay(next.display)\n  }\n\n  // caret restore after reformatting\n  const innerRef = useRef<HTMLInputElement | null>(null)\n  const setInputRef = useCallback(\n    (node: HTMLInputElement | null) => {\n      innerRef.current = node\n      if (typeof ref === 'function') ref(node)\n      else if (ref) (ref as { current: HTMLInputElement | null }).current = node\n    },\n    [ref],\n  )\n  const pendingCaret = useRef<number | null>(null)\n  useLayoutEffect(() => {\n    const pos = pendingCaret.current\n    if (pos == null) return\n    pendingCaret.current = null\n    innerRef.current?.setSelectionRange(pos, pos)\n  })\n\n  const emit = (reading: ReturnType<typeof readPhoneInput>) => {\n    lastEmitted.current = reading.e164\n    setDisplay(reading.display)\n    if (reading.country !== country) setCountry(reading.country)\n    if (value === undefined && !isFormBound) setInternal(reading.e164)\n    if (isFormBound) form!.setValue(name!, reading.e164)\n    onChange?.(reading.e164, {\n      country: reading.country,\n      national: reading.national,\n      valid: reading.valid,\n    })\n  }\n\n  const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n    const el = event.target\n    let raw = el.value\n    const caret = el.selectionStart ?? raw.length\n    let digitsBefore = raw.slice(0, caret).replace(/\\D/g, '').length\n    // backspace over a formatting char (space / paren / dash) would be re-added by the formatter —\n    // treat it as deleting the digit before it instead\n    const prevDigits = display.replace(/\\D/g, '')\n    if (raw.length < display.length && raw.replace(/\\D/g, '') === prevDigits && digitsBefore > 0) {\n      let seen = 0\n      let cut = -1\n      for (let i = 0; i < raw.length; i++) {\n        if (/\\d/.test(raw[i]) && ++seen === digitsBefore) {\n          cut = i\n          break\n        }\n      }\n      if (cut >= 0) raw = raw.slice(0, cut) + raw.slice(cut + 1)\n      digitsBefore -= 1\n    }\n    const reading = readPhoneInput(raw, country, format, countries)\n    pendingCaret.current =\n      caret >= el.value.length\n        ? reading.display.length\n        : caretAfterDigits(reading.display, digitsBefore)\n    emit(reading)\n  }\n\n  // ── country picker — the shared option menu (search matches name, ISO code, calling code) ──\n  const controlRef = useRef<HTMLDivElement | null>(null)\n  const countryOptions = useMemo<SelectOption[]>(() => {\n    const toOption = (c: PhoneCountry): SelectOption => {\n      const dial = callingCodeOf(c)\n      return {\n        value: c,\n        label: countryName(c, language),\n        icon: (\n          <span className={styles.flag} aria-hidden=\"true\">\n            {flagEmoji(c)}\n          </span>\n        ),\n        keywords: [c, dial, `+${dial}`],\n        trailing: <span className={styles.dial}>+{dial}</span>,\n      }\n    }\n    // preferred countries first (in the given order), then the rest A→Z by their localized name —\n    // as two groups (\"Suggested\" / \"All Countries\") when there are preferred ones\n    const pinned = preferredCountries.filter((c) => countries.includes(c)).map(toOption)\n    const rest = countries\n      .filter((c) => !preferredCountries.includes(c))\n      .map(toOption)\n      .sort((a, b) => a.label.localeCompare(b.label, language))\n    if (pinned.length === 0) return rest\n    return [\n      ...pinned.map((o) => ({ ...o, group: t('phoneField.suggested') })),\n      ...rest.map((o) => ({ ...o, group: t('phoneField.allCountries') })),\n    ]\n  }, [countries, preferredCountries, language, t])\n\n  const pickCountry = (next: PhoneCountry) => {\n    // keep the typed national digits, re-read under the new calling code\n    const national = readPhoneInput(display, country, format, countries).national\n    setCountry(next)\n    emit({ ...readPhoneInput(national, next, format, countries), country: next })\n  }\n\n  const menu = useOptionMenu({\n    idBase: `${id}-country`,\n    options: countryOptions,\n    isSelected: (o) => o.value === country,\n    onPick: (o) => pickCountry(o.value as PhoneCountry),\n    searchable: true,\n    disabled,\n    // after a pick / Esc, typing continues in the number\n    focusRef: innerRef,\n  })\n\n  const handleBlur = (event: FocusEvent<HTMLInputElement>) => {\n    bound?.onBlur(event)\n    onBlur?.(event)\n  }\n\n  const describedBy = resolvedHelperText != null ? helperId : undefined\n  const chevronPx = size === 'sm' ? 16 : size === 'md' ? 14 : 12\n  const code = callingCodeOf(country)\n  const name_ = countryName(country, language)\n\n  return (\n    <div\n      className={clsx(\n        fieldStyles.field,\n        fieldStyles[size],\n        fullWidth && fieldStyles.fullWidth,\n        resolvedError && fieldStyles.error,\n        disabled && fieldStyles.disabled,\n        styles.phoneField,\n        className,\n      )}\n      style={style as CSSProperties}\n    >\n      {label != null && (\n        <label htmlFor={id} className={fieldStyles.label}>\n          <Typography as=\"span\" variant=\"bodySmall\" color=\"muted\">\n            {label}\n          </Typography>\n          {required && (\n            <span className={fieldStyles.required} aria-hidden=\"true\">\n              *\n            </span>\n          )}\n        </label>\n      )}\n\n      <div ref={controlRef} className={clsx(fieldStyles.control, styles.control)}>\n        <button\n          type=\"button\"\n          className={styles.country}\n          aria-haspopup=\"listbox\"\n          aria-expanded={menu.open}\n          aria-controls={menu.open ? menu.listboxId : undefined}\n          aria-label={`${t('phoneField.country')}: ${name_} (+${code})`}\n          disabled={disabled}\n          onClick={menu.toggleMenu}\n          onKeyDown={(e) => {\n            // ↓ / ↑ open the list (Enter / Space already click the button)\n            if ((e.key === 'ArrowDown' || e.key === 'ArrowUp') && !menu.open) {\n              e.preventDefault()\n              menu.openMenu()\n            }\n          }}\n        >\n          <span className={styles.flag} aria-hidden=\"true\">\n            {flagEmoji(country)}\n          </span>\n          {format === 'national' && <span className={styles.code}>+{code}</span>}\n          {/* the same chevron as Select / MultiSelect (ArrowDown4, sized per field size: sm 16 · md 14 · lg 12) */}\n          <Icon\n            name=\"ArrowDown4\"\n            className={clsx(styles.chevron, menu.open && styles.chevronOpen)}\n            style={{ width: chevronPx, height: chevronPx }}\n            aria-hidden=\"true\"\n          />\n        </button>\n        <input\n          ref={setInputRef}\n          id={id}\n          name={name}\n          type=\"tel\"\n          inputMode=\"tel\"\n          autoComplete=\"tel\"\n          className={fieldStyles.input}\n          value={display}\n          placeholder={placeholder}\n          onChange={handleChange}\n          onBlur={handleBlur}\n          disabled={disabled}\n          aria-invalid={resolvedError || undefined}\n          aria-describedby={describedBy}\n          {...props}\n        />\n      </div>\n\n      <OptionMenu\n        menu={menu}\n        anchorRef={controlRef}\n        size={size}\n        searchPlaceholder={t('phoneField.search')}\n        ariaLabel={t('phoneField.country')}\n      />\n\n      {resolvedHelperText != null && (\n        <Typography\n          as=\"span\"\n          id={helperId}\n          variant=\"bodySmall\"\n          color={resolvedError ? 'error' : 'muted'}\n          className={fieldStyles.helper}\n        >\n          {resolvedHelperText}\n        </Typography>\n      )}\n    </div>\n  )\n})\n\n/**\n * A phone-number field: a **country button** (flag + `+code`, opening a searchable, localized country\n * list) inside the input frame, and the number **formatted as you type** for that country. The value is\n * always **E.164** (`'+995555123456'`) — one canonical form for the backend. Typing or pasting `+44…`\n * switches the country by its calling code. `onChange(value, { country, national, valid })`; binds to a\n * `<Form>` by `name` (the form value is the E.164 string — validate with `isValidPhone`). Country names\n * come from `Intl.DisplayNames` in the active UI language; flags are emoji. Needs the optional peer\n * **`libphonenumber-js`** (formatting, parsing, validation metadata), loaded lazily on first mount — until\n * it's ready (or if it isn't installed) a disabled look-alike field renders. Reuses the `TextField` look.\n */\nexport const PhoneField = forwardRef<HTMLInputElement, PhoneFieldProps>(\n  function PhoneField(props, ref) {\n    const { module } = useOptionalPeer(phonePeer)\n    if (module) return <PhoneFieldInner ref={ref} {...props} />\n    // loading (a tick, first mount only) or the peer is missing: the same frame, disabled — never bound\n    // to a <Form> (no `name`) so it can't write a value\n    const {\n      label,\n      helperText,\n      error,\n      required,\n      size,\n      fullWidth = true,\n      className,\n      style,\n      placeholder,\n    } = props\n    return (\n      <TextField\n        ref={ref}\n        type=\"tel\"\n        label={label}\n        helperText={helperText}\n        error={error}\n        required={required}\n        size={size}\n        fullWidth={fullWidth}\n        className={className}\n        style={style}\n        placeholder={placeholder}\n        value={props.value ?? props.defaultValue ?? ''}\n        readOnly\n        disabled\n      />\n    )\n  },\n)\n"],"names":["phonePeer","optionalPeer","lib","allCountries","getPhoneCountries","callingCodeOf","country","isValidPhone","value","loaded","flagEmoji","c","displayNamesCache","countryName","locale","_a","MAIN_FOR_CODE","LANGUAGE_COUNTRY","detectCountry","allowed","base","region","browser","_b","digitsOf","s","countryForCode","code","current","detected","readPhoneInput","raw","format","text","digits","typer","display","parsed","next","e164","national","phoneFromValue","fallback","reading","caretAfterDigits","n","seen","i","PhoneFieldInner","forwardRef","defaultValue","onChange","defaultCountry","countriesProp","preferredCountries","label","helperText","error","required","size","fullWidth","name","disabled","idProp","className","style","onBlur","placeholder","props","ref","t","useT","language","useLanguage","countries","reactId","useId","id","helperId","form","useFormContext","isFormBound","bound","internal","setInternal","useState","currentValue","resolvedError","resolvedHelperText","fallbackCountry","useMemo","setCountry","setDisplay","lastEmitted","useRef","innerRef","setInputRef","useCallback","node","pendingCaret","useLayoutEffect","pos","emit","handleChange","event","el","caret","digitsBefore","prevDigits","cut","controlRef","countryOptions","toOption","dial","jsx","styles","jsxs","pinned","rest","a","b","o","pickCountry","menu","useOptionMenu","handleBlur","describedBy","chevronPx","name_","clsx","fieldStyles","Typography","e","Icon","OptionMenu","PhoneField","module","useOptionalPeer","TextField"],"mappings":"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"}
+{"version":3,"file":"PhoneField-DchrnSiE.cjs","sources":["../src/components/PhoneField/phone.ts","../src/components/PhoneField/PhoneField.tsx"],"sourcesContent":["import type * as PhoneLibModule from 'libphonenumber-js'\nimport type { CountryCode } from 'libphonenumber-js'\nimport { optionalPeer } from '../../hooks/useOptionalPeer'\n\n/**\n * `libphonenumber-js` is an optional peer, loaded **lazily** (see `optionalPeer`) — never imported\n * statically, so apps that don't install it still build + run when they import the barrel. PhoneField\n * waits for it on mount; the helpers below run only once it's loaded (`lib()`).\n */\nexport const phonePeer = optionalPeer<typeof PhoneLibModule>(\n  'libphonenumber-js',\n  'PhoneField',\n  () => import('libphonenumber-js'),\n)\nconst lib = () => phonePeer.get()!\n\n/** An ISO-3166 alpha-2 country code, as `libphonenumber-js` knows it (`'GE'`, `'US'`, …). */\nexport type PhoneCountry = CountryCode\n/** How the number is shown in the input while typing (the value is always E.164). */\nexport type PhoneFormat = 'national' | 'international'\n\nlet allCountries: readonly PhoneCountry[] | undefined\n/** Every country `libphonenumber-js` has metadata for (once loaded). */\nexport function getPhoneCountries(): readonly PhoneCountry[] {\n  return (allCountries ??= lib().getCountries())\n}\n\n/** The country's calling code without the `+` — `'GE'` → `'995'`. */\nexport const callingCodeOf = (country: PhoneCountry): string => lib().getCountryCallingCode(country)\n\n/**\n * `true` for a complete, valid number (E.164 or any parseable international form). Use it in a schema:\n * `phone: z.string().refine(isValidPhone, 'Enter a valid phone number')`. Needs `libphonenumber-js`\n * loaded — it is once any PhoneField has mounted; before that it starts the load and returns `false`.\n */\nexport function isValidPhone(value: unknown): boolean {\n  const loaded = phonePeer.get()\n  // not loaded yet (no PhoneField mounted so far) → start loading and report \"not valid\" for now\n  if (!loaded) {\n    void phonePeer.load()\n    return false\n  }\n  return typeof value === 'string' && value.trim() !== '' && loaded.isValidPhoneNumber(value)\n}\n\n/** A flag emoji from the two regional-indicator letters — no image assets (Windows shows the letters). */\nexport function flagEmoji(country: string): string {\n  return String.fromCodePoint(\n    ...[...country.toUpperCase()].map((c) => 0x1f1e6 + c.charCodeAt(0) - 65),\n  )\n}\n\nconst displayNamesCache = new Map<string, Intl.DisplayNames | null>()\n/** The country's name in `locale` via `Intl.DisplayNames` (no catalog to ship); falls back to the code. */\nexport function countryName(country: string, locale: string): string {\n  if (!displayNamesCache.has(locale)) {\n    try {\n      displayNamesCache.set(locale, new Intl.DisplayNames([locale], { type: 'region' }))\n    } catch {\n      displayNamesCache.set(locale, null)\n    }\n  }\n  try {\n    return displayNamesCache.get(locale)?.of(country) ?? country\n  } catch {\n    return country\n  }\n}\n\n// the main country for a calling code shared by several (a partial \"+44…\" parses as Guernsey otherwise)\nconst MAIN_FOR_CODE: Record<string, PhoneCountry> = {\n  '1': 'US',\n  '7': 'RU',\n  '39': 'IT',\n  '44': 'GB',\n  '47': 'NO',\n  '61': 'AU',\n  '212': 'MA',\n  '262': 'RE',\n  '290': 'SH',\n  '358': 'FI',\n  '590': 'GP',\n  '599': 'CW',\n}\n// base UI language → its usual country, for the default when the locale carries no region\nconst LANGUAGE_COUNTRY: Record<string, PhoneCountry> = {\n  ka: 'GE',\n  en: 'US',\n  es: 'ES',\n  de: 'DE',\n  it: 'IT',\n  fr: 'FR',\n  ru: 'RU',\n}\n\n/** The default country: the locale's region → its language's usual country → the browser's region → US. */\nexport function detectCountry(locale: string, allowed: readonly PhoneCountry[]): PhoneCountry {\n  const [base, region] = locale.split('-')\n  const browser =\n    typeof navigator !== 'undefined' ? navigator.language?.split('-')[1]?.toUpperCase() : undefined\n  const candidates = [region?.toUpperCase(), LANGUAGE_COUNTRY[base?.toLowerCase()], browser, 'US']\n  return (candidates.find((c) => c && allowed.includes(c as PhoneCountry)) ??\n    allowed[0]) as PhoneCountry\n}\n\n/** The result of reading what's in the input. */\nexport interface PhoneReading {\n  /** The canonical value — `'+995555123456'`, or `''` when empty. */\n  e164: string\n  /** The country the number belongs to (may switch when a `+code` is typed). */\n  country: PhoneCountry\n  /** The national significant number — digits only, no trunk `0`. */\n  national: string\n  /** A complete, valid number. */\n  valid: boolean\n  /** What the input should show (formatted as you type). */\n  display: string\n}\n\nconst digitsOf = (s: string) => s.replace(/\\D/g, '')\n\n/** Which allowed country a `+code…` number belongs to — keep the current one when it shares the code. */\nfunction countryForCode(\n  code: string,\n  current: PhoneCountry,\n  detected: PhoneCountry | undefined,\n  allowed: readonly PhoneCountry[],\n): PhoneCountry {\n  if (callingCodeOf(current) === code) return current\n  const pick = [detected, MAIN_FOR_CODE[code], ...allowed.filter((c) => callingCodeOf(c) === code)]\n  return (pick.find((c) => c && allowed.includes(c)) as PhoneCountry | undefined) ?? current\n}\n\n/** Read raw input text → the canonical value + the formatted display, as the user types. */\nexport function readPhoneInput(\n  raw: string,\n  country: PhoneCountry,\n  format: PhoneFormat,\n  allowed: readonly PhoneCountry[],\n): PhoneReading {\n  const text = raw.trimStart()\n  const digits = digitsOf(text)\n  if (!digits) {\n    return {\n      e164: '',\n      country,\n      national: '',\n      valid: false,\n      display: text.startsWith('+') ? '+' : '',\n    }\n  }\n\n  // an explicit \"+code…\" (typed or pasted) — the calling code decides the country\n  if (text.startsWith('+')) {\n    const typer = new (lib().AsYouType)()\n    const display = typer.input(`+${digits}`)\n    const code = typer.getCallingCode()\n    const parsed = lib().parsePhoneNumberFromString(`+${digits}`)\n    const next = code\n      ? countryForCode(code, country, parsed?.country ?? typer.getCountry(), allowed)\n      : country\n    const e164 = `+${digits}`\n    return {\n      e164,\n      country: next,\n      national: code ? digits.slice(code.length) : '',\n      valid: lib().isValidPhoneNumber(e164),\n      display,\n    }\n  }\n\n  // national digits under the selected country (a leading trunk \"0\" is dropped from the value)\n  const code = callingCodeOf(country)\n  const parsed = lib().parsePhoneNumberFromString(digits, country)\n  const national = parsed?.nationalNumber ?? digits.replace(/^0+/, '')\n  const e164 = national ? `+${code}${national}` : ''\n  const display =\n    format === 'international'\n      ? new (lib().AsYouType)(country).input(`+${code}${national}`)\n      : new (lib().AsYouType)(country).input(digits)\n  return {\n    e164,\n    country,\n    national,\n    valid: e164 !== '' && lib().isValidPhoneNumber(e164),\n    display,\n  }\n}\n\n/** Derive the country + display from an E.164 value (initial / external value changes). */\nexport function phoneFromValue(\n  value: string,\n  fallback: PhoneCountry,\n  format: PhoneFormat,\n  allowed: readonly PhoneCountry[],\n): { country: PhoneCountry; display: string } {\n  if (!value) return { country: fallback, display: '' }\n  const parsed = lib().parsePhoneNumberFromString(value)\n  if (parsed) {\n    const country = countryForCode(parsed.countryCallingCode, fallback, parsed.country, allowed)\n    return {\n      country,\n      display: format === 'national' ? parsed.formatNational() : parsed.formatInternational(),\n    }\n  }\n  const reading = readPhoneInput(value, fallback, 'international', allowed)\n  const display =\n    format === 'national' && reading.national\n      ? new (lib().AsYouType)(reading.country).input(reading.national)\n      : reading.display\n  return { country: reading.country, display }\n}\n\n/** Caret index in `display` right after its `n`-th digit — keeps the caret put while reformatting. */\nexport function caretAfterDigits(display: string, n: number): number {\n  if (n <= 0) return display.startsWith('+') ? 1 : 0\n  let seen = 0\n  for (let i = 0; i < display.length; i++) {\n    if (/\\d/.test(display[i])) seen++\n    if (seen === n) return i + 1\n  }\n  return display.length\n}\n","import {\n  forwardRef,\n  useCallback,\n  useId,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n  type ChangeEvent,\n  type CSSProperties,\n  type FocusEvent,\n  type InputHTMLAttributes,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport { useLanguage, useT } from '../../theme'\nimport { useOptionalPeer } from '../../hooks/useOptionalPeer'\nimport { useFormContext } from '../../form/formContext'\nimport { Icon } from '../Icon'\nimport { TextField } from '../TextField'\nimport { OptionMenu } from '../OptionMenu/OptionMenu'\nimport { useOptionMenu, type SelectOption } from '../OptionMenu/useOptionMenu'\nimport { Typography } from '../Typography'\nimport fieldStyles from '../TextField/TextField.module.css'\nimport {\n  callingCodeOf,\n  getPhoneCountries,\n  caretAfterDigits,\n  countryName,\n  detectCountry,\n  flagEmoji,\n  phoneFromValue,\n  phonePeer,\n  readPhoneInput,\n  type PhoneCountry,\n  type PhoneFormat,\n} from './phone'\nimport styles from './PhoneField.module.css'\n\nexport type PhoneFieldSize = 'sm' | 'md' | 'lg'\n\n/** Extra details handed to `onChange` alongside the E.164 value. */\nexport interface PhoneFieldChangeMeta {\n  /** The number's country (ISO alpha-2). */\n  country: PhoneCountry\n  /** The national significant number — digits only, no trunk `0`. */\n  national: string\n  /** A complete, valid number for that country. */\n  valid: boolean\n}\n\nexport interface PhoneFieldProps extends Omit<\n  InputHTMLAttributes<HTMLInputElement>,\n  'value' | 'defaultValue' | 'onChange' | 'type' | 'size' | 'color'\n> {\n  /** The number in **E.164** (`'+995555123456'`) — the only form the field emits. `''` when empty. */\n  value?: string\n  /** Initial E.164 value for uncontrolled use. */\n  defaultValue?: string\n  /** Fires with the E.164 value (`''` when cleared) and `{ country, national, valid }`. */\n  onChange?: (value: string, meta: PhoneFieldChangeMeta) => void\n  /** The country to start with. Defaults to one derived from the UI language / browser locale. */\n  defaultCountry?: PhoneCountry\n  /** Restrict the selectable countries (e.g. only where you operate). Defaults to all. */\n  countries?: readonly PhoneCountry[]\n  /** Countries pinned to the top of the list, in this order. */\n  preferredCountries?: readonly PhoneCountry[]\n  /**\n   * How the number reads while typing — `national` (default: `555 12 34 56`, the calling code lives in\n   * the country button) or `international` (`+995 555 12 34 56`). The value is E.164 either way.\n   */\n  format?: PhoneFormat\n  /** Field label. */\n  label?: ReactNode\n  /** Helper / validation text under the field. */\n  helperText?: ReactNode\n  /** Error state (red border + helper). */\n  error?: boolean\n  /** Shows a required asterisk. */\n  required?: boolean\n  /** `sm` / `md` / `lg` — control height + type. Defaults to `md`. */\n  size?: PhoneFieldSize\n  /** Stretch to the container. Defaults to `true`. */\n  fullWidth?: boolean\n}\n\n/** The field itself — rendered once `libphonenumber-js` has loaded. */\nconst PhoneFieldInner = forwardRef<HTMLInputElement, PhoneFieldProps>(function PhoneFieldInner(\n  {\n    value,\n    defaultValue,\n    onChange,\n    defaultCountry,\n    countries: countriesProp,\n    preferredCountries = [],\n    format = 'national',\n    label,\n    helperText,\n    error,\n    required,\n    size = 'md',\n    fullWidth = true,\n    name,\n    disabled = false,\n    id: idProp,\n    className,\n    style,\n    onBlur,\n    placeholder,\n    ...props\n  },\n  ref,\n) {\n  const t = useT()\n  const { language } = useLanguage()\n  const countries = countriesProp ?? getPhoneCountries()\n  const reactId = useId()\n  const id = idProp ?? reactId\n  const helperId = `${id}-helper`\n\n  // ── value: controlled / form-bound / uncontrolled — always E.164 ──\n  const form = useFormContext()\n  const isFormBound = Boolean(form && name)\n  const bound = isFormBound ? form!.field(name!) : undefined\n  const [internal, setInternal] = useState(defaultValue ?? '')\n  const currentValue =\n    value !== undefined\n      ? value\n      : isFormBound\n        ? ((form!.values[name!] as string | undefined) ?? '')\n        : internal\n  const resolvedError = error ?? bound?.error ?? false\n  const resolvedHelperText = helperText ?? bound?.helperText\n\n  const fallbackCountry = useMemo<PhoneCountry>(\n    () =>\n      defaultCountry && countries.includes(defaultCountry)\n        ? defaultCountry\n        : detectCountry(language, countries),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [defaultCountry, language, countries.join()],\n  )\n\n  const [country, setCountry] = useState<PhoneCountry>(\n    () => phoneFromValue(currentValue, fallbackCountry, format, countries).country,\n  )\n  const [display, setDisplay] = useState(\n    () => phoneFromValue(currentValue, fallbackCountry, format, countries).display,\n  )\n\n  // re-derive the display when the value changes from OUTSIDE (a reset / a controlled update) — the\n  // values we emit ourselves are skipped, so formatting never fights the user mid-typing\n  const lastEmitted = useRef(currentValue)\n  if (lastEmitted.current !== currentValue) {\n    lastEmitted.current = currentValue\n    const next = phoneFromValue(currentValue, country, format, countries)\n    setCountry(next.country)\n    setDisplay(next.display)\n  }\n\n  // caret restore after reformatting\n  const innerRef = useRef<HTMLInputElement | null>(null)\n  const setInputRef = useCallback(\n    (node: HTMLInputElement | null) => {\n      innerRef.current = node\n      if (typeof ref === 'function') ref(node)\n      else if (ref) (ref as { current: HTMLInputElement | null }).current = node\n    },\n    [ref],\n  )\n  const pendingCaret = useRef<number | null>(null)\n  useLayoutEffect(() => {\n    const pos = pendingCaret.current\n    if (pos == null) return\n    pendingCaret.current = null\n    innerRef.current?.setSelectionRange(pos, pos)\n  })\n\n  const emit = (reading: ReturnType<typeof readPhoneInput>) => {\n    lastEmitted.current = reading.e164\n    setDisplay(reading.display)\n    if (reading.country !== country) setCountry(reading.country)\n    if (value === undefined && !isFormBound) setInternal(reading.e164)\n    if (isFormBound) form!.setValue(name!, reading.e164)\n    onChange?.(reading.e164, {\n      country: reading.country,\n      national: reading.national,\n      valid: reading.valid,\n    })\n  }\n\n  const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n    const el = event.target\n    let raw = el.value\n    const caret = el.selectionStart ?? raw.length\n    let digitsBefore = raw.slice(0, caret).replace(/\\D/g, '').length\n    // backspace over a formatting char (space / paren / dash) would be re-added by the formatter —\n    // treat it as deleting the digit before it instead\n    const prevDigits = display.replace(/\\D/g, '')\n    if (raw.length < display.length && raw.replace(/\\D/g, '') === prevDigits && digitsBefore > 0) {\n      let seen = 0\n      let cut = -1\n      for (let i = 0; i < raw.length; i++) {\n        if (/\\d/.test(raw[i]) && ++seen === digitsBefore) {\n          cut = i\n          break\n        }\n      }\n      if (cut >= 0) raw = raw.slice(0, cut) + raw.slice(cut + 1)\n      digitsBefore -= 1\n    }\n    const reading = readPhoneInput(raw, country, format, countries)\n    pendingCaret.current =\n      caret >= el.value.length\n        ? reading.display.length\n        : caretAfterDigits(reading.display, digitsBefore)\n    emit(reading)\n  }\n\n  // ── country picker — the shared option menu (search matches name, ISO code, calling code) ──\n  const controlRef = useRef<HTMLDivElement | null>(null)\n  const countryOptions = useMemo<SelectOption[]>(() => {\n    const toOption = (c: PhoneCountry): SelectOption => {\n      const dial = callingCodeOf(c)\n      return {\n        value: c,\n        label: countryName(c, language),\n        icon: (\n          <span className={styles.flag} aria-hidden=\"true\">\n            {flagEmoji(c)}\n          </span>\n        ),\n        keywords: [c, dial, `+${dial}`],\n        trailing: <span className={styles.dial}>+{dial}</span>,\n      }\n    }\n    // preferred countries first (in the given order), then the rest A→Z by their localized name —\n    // as two groups (\"Suggested\" / \"All Countries\") when there are preferred ones\n    const pinned = preferredCountries.filter((c) => countries.includes(c)).map(toOption)\n    const rest = countries\n      .filter((c) => !preferredCountries.includes(c))\n      .map(toOption)\n      .sort((a, b) => a.label.localeCompare(b.label, language))\n    if (pinned.length === 0) return rest\n    return [\n      ...pinned.map((o) => ({ ...o, group: t('phoneField.suggested') })),\n      ...rest.map((o) => ({ ...o, group: t('phoneField.allCountries') })),\n    ]\n  }, [countries, preferredCountries, language, t])\n\n  const pickCountry = (next: PhoneCountry) => {\n    // keep the typed national digits, re-read under the new calling code\n    const national = readPhoneInput(display, country, format, countries).national\n    setCountry(next)\n    emit({ ...readPhoneInput(national, next, format, countries), country: next })\n  }\n\n  const menu = useOptionMenu({\n    idBase: `${id}-country`,\n    options: countryOptions,\n    isSelected: (o) => o.value === country,\n    onPick: (o) => pickCountry(o.value as PhoneCountry),\n    searchable: true,\n    disabled,\n    // after a pick / Esc, typing continues in the number\n    focusRef: innerRef,\n  })\n\n  const handleBlur = (event: FocusEvent<HTMLInputElement>) => {\n    bound?.onBlur(event)\n    onBlur?.(event)\n  }\n\n  const describedBy = resolvedHelperText != null ? helperId : undefined\n  const chevronPx = size === 'sm' ? 16 : size === 'md' ? 14 : 12\n  const code = callingCodeOf(country)\n  const name_ = countryName(country, language)\n\n  return (\n    <div\n      className={clsx(\n        fieldStyles.field,\n        fieldStyles[size],\n        fullWidth && fieldStyles.fullWidth,\n        resolvedError && fieldStyles.error,\n        disabled && fieldStyles.disabled,\n        styles.phoneField,\n        className,\n      )}\n      style={style as CSSProperties}\n    >\n      {label != null && (\n        <label htmlFor={id} className={fieldStyles.label}>\n          <Typography as=\"span\" variant=\"bodySmall\" color=\"muted\">\n            {label}\n          </Typography>\n          {required && (\n            <span className={fieldStyles.required} aria-hidden=\"true\">\n              *\n            </span>\n          )}\n        </label>\n      )}\n\n      <div ref={controlRef} className={clsx(fieldStyles.control, styles.control)}>\n        <button\n          type=\"button\"\n          className={styles.country}\n          aria-haspopup=\"listbox\"\n          aria-expanded={menu.open}\n          aria-controls={menu.open ? menu.listboxId : undefined}\n          aria-label={`${t('phoneField.country')}: ${name_} (+${code})`}\n          disabled={disabled}\n          onClick={menu.toggleMenu}\n          onKeyDown={(e) => {\n            // ↓ / ↑ open the list (Enter / Space already click the button)\n            if ((e.key === 'ArrowDown' || e.key === 'ArrowUp') && !menu.open) {\n              e.preventDefault()\n              menu.openMenu()\n            }\n          }}\n        >\n          <span className={styles.flag} aria-hidden=\"true\">\n            {flagEmoji(country)}\n          </span>\n          {format === 'national' && <span className={styles.code}>+{code}</span>}\n          {/* the same chevron as Select / MultiSelect (ArrowDown4, sized per field size: sm 16 · md 14 · lg 12) */}\n          <Icon\n            name=\"ArrowDown4\"\n            className={clsx(styles.chevron, menu.open && styles.chevronOpen)}\n            style={{ width: chevronPx, height: chevronPx }}\n            aria-hidden=\"true\"\n          />\n        </button>\n        <input\n          ref={setInputRef}\n          id={id}\n          name={name}\n          type=\"tel\"\n          inputMode=\"tel\"\n          autoComplete=\"tel\"\n          className={fieldStyles.input}\n          value={display}\n          placeholder={placeholder}\n          onChange={handleChange}\n          onBlur={handleBlur}\n          disabled={disabled}\n          aria-invalid={resolvedError || undefined}\n          aria-describedby={describedBy}\n          {...props}\n        />\n      </div>\n\n      <OptionMenu\n        menu={menu}\n        anchorRef={controlRef}\n        size={size}\n        searchPlaceholder={t('phoneField.search')}\n        ariaLabel={t('phoneField.country')}\n      />\n\n      {resolvedHelperText != null && (\n        <Typography\n          as=\"span\"\n          id={helperId}\n          variant=\"bodySmall\"\n          color={resolvedError ? 'error' : 'muted'}\n          className={fieldStyles.helper}\n        >\n          {resolvedHelperText}\n        </Typography>\n      )}\n    </div>\n  )\n})\n\n/**\n * A phone-number field: a **country button** (flag + `+code`, opening a searchable, localized country\n * list) inside the input frame, and the number **formatted as you type** for that country. The value is\n * always **E.164** (`'+995555123456'`) — one canonical form for the backend. Typing or pasting `+44…`\n * switches the country by its calling code. `onChange(value, { country, national, valid })`; binds to a\n * `<Form>` by `name` (the form value is the E.164 string — validate with `isValidPhone`). Country names\n * come from `Intl.DisplayNames` in the active UI language; flags are emoji. Needs the optional peer\n * **`libphonenumber-js`** (formatting, parsing, validation metadata), loaded lazily on first mount — until\n * it's ready (or if it isn't installed) a disabled look-alike field renders. Reuses the `TextField` look.\n */\nexport const PhoneField = forwardRef<HTMLInputElement, PhoneFieldProps>(\n  function PhoneField(props, ref) {\n    const { module } = useOptionalPeer(phonePeer)\n    if (module) return <PhoneFieldInner ref={ref} {...props} />\n    // loading (a tick, first mount only) or the peer is missing: the same frame, disabled — never bound\n    // to a <Form> (no `name`) so it can't write a value\n    const {\n      label,\n      helperText,\n      error,\n      required,\n      size,\n      fullWidth = true,\n      className,\n      style,\n      placeholder,\n    } = props\n    return (\n      <TextField\n        ref={ref}\n        type=\"tel\"\n        label={label}\n        helperText={helperText}\n        error={error}\n        required={required}\n        size={size}\n        fullWidth={fullWidth}\n        className={className}\n        style={style}\n        placeholder={placeholder}\n        value={props.value ?? props.defaultValue ?? ''}\n        readOnly\n        disabled\n      />\n    )\n  },\n)\n"],"names":["phonePeer","optionalPeer","lib","allCountries","getPhoneCountries","callingCodeOf","country","isValidPhone","value","loaded","flagEmoji","c","displayNamesCache","countryName","locale","_a","MAIN_FOR_CODE","LANGUAGE_COUNTRY","detectCountry","allowed","base","region","browser","_b","digitsOf","s","countryForCode","code","current","detected","readPhoneInput","raw","format","text","digits","typer","display","parsed","next","e164","national","phoneFromValue","fallback","reading","caretAfterDigits","n","seen","i","PhoneFieldInner","forwardRef","defaultValue","onChange","defaultCountry","countriesProp","preferredCountries","label","helperText","error","required","size","fullWidth","name","disabled","idProp","className","style","onBlur","placeholder","props","ref","t","useT","language","useLanguage","countries","reactId","useId","id","helperId","form","useFormContext","isFormBound","bound","internal","setInternal","useState","currentValue","resolvedError","resolvedHelperText","fallbackCountry","useMemo","setCountry","setDisplay","lastEmitted","useRef","innerRef","setInputRef","useCallback","node","pendingCaret","useLayoutEffect","pos","emit","handleChange","event","el","caret","digitsBefore","prevDigits","cut","controlRef","countryOptions","toOption","dial","jsx","styles","jsxs","pinned","rest","a","b","o","pickCountry","menu","useOptionMenu","handleBlur","describedBy","chevronPx","name_","clsx","fieldStyles","Typography","e","Icon","OptionMenu","PhoneField","module","useOptionalPeer","TextField"],"mappings":"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"}

package/dist/{Popconfirm-bEoOPmZY.cjs → Popconfirm-l9au66oY.cjs}

@@ -1,2 +1,2 @@
-"use strict";const t=require("react/jsx-runtime"),n=require("react"),G=require("clsx"),H=require("./names-YOCJ4B5J.cjs"),R=require("./Button-BD5wpg-t.cjs"),J=require("./FloatingPanel-tGCG2nhA.cjs"),K=require("./Icon-BUP5_kRs.cjs"),Q=require("./ConfigProvider-CVLHPXQm.cjs"),U="_popconfirm_ztpne_5",V="_body_ztpne_12",W="_icon_ztpne_21",X="_text_ztpne_33",Y="_title_ztpne_43",Z="_description_ztpne_50",ee="_footer_ztpne_58",r={popconfirm:U,body:V,icon:W,text:X,title:Y,description:Z,footer:ee},te=new Set(H.ICON_NAMES);function se({title:E,description:u,onConfirm:S,onCancel:f,confirmLabel:k,cancelLabel:A,color:j="error",icon:c="Danger",align:P="start",open:v,onOpenChange:d,disabled:$=!1,width:w=300,className:D,style:M,children:b}){const z=Q.useT(),p=n.useId(),N=`${p}-panel`,g=`${p}-title`,h=`${p}-desc`,m=n.useRef(null),I=n.useRef(null),[i,_]=n.useState(!1),q=v!==void 0,[O,T]=n.useState(!1),o=q?v:O,B=e=>{q||T(e),d==null||d(e)};n.useEffect(()=>{if(!o)return;const e=requestAnimationFrame(()=>{var s;return(s=I.current)==null?void 0:s.focus()});return()=>cancelAnimationFrame(e)},[o]);const x=e=>{var s;B(!1),e&&((s=m.current)==null||s.focus())},y=(e=!0)=>{i||(f==null||f(),x(e))},C=async()=>{const e=S();if(!e||typeof e.then!="function"){x(!0);return}_(!0);try{await e,_(!1),x(!0)}catch{_(!1)}},l=b.props,a=l.ref,L=n.cloneElement(b,{ref:e=>{m.current=e,typeof a=="function"?a(e):a&&(a.current=e)},onClick:e=>{var s;(s=l.onClick)==null||s.call(l,e),!($||i)&&(o?y(!1):B(!0))},"aria-haspopup":"dialog","aria-expanded":o,"aria-controls":o?N:void 0}),F=c===!1?null:typeof c=="string"&&te.has(c)?t.jsx(K.Icon,{name:c}):c;return t.jsxs(t.Fragment,{children:[L,t.jsxs(J.FloatingPanel,{open:o,triggerRef:m,align:P,onClose:e=>y(e),id:N,role:"alertdialog",ariaLabelledBy:g,ariaDescribedBy:u!=null?h:void 0,trapFocus:!0,width:w,className:G.clsx(r.popconfirm,D),style:{"--tz-btn-rgb":`var(--tz-color-${j}-rgb)`,...M},children:[t.jsxs("div",{className:r.body,children:[F!=null&&t.jsx("span",{className:r.icon,"aria-hidden":"true",children:F}),t.jsxs("div",{className:r.text,children:[t.jsx("div",{id:g,className:r.title,children:E}),u!=null&&t.jsx("div",{id:h,className:r.description,children:u})]})]}),t.jsxs("div",{className:r.footer,children:[t.jsx(R.Button,{ref:I,variant:"text",size:"sm",onClick:()=>y(),disabled:i,children:A??z("common.cancel")}),t.jsx(R.Button,{variant:"contained",color:j,size:"sm",loading:i,onClick:C,children:k??z("common.confirm")})]})]})]})}exports.Popconfirm=se;
-//# sourceMappingURL=Popconfirm-bEoOPmZY.cjs.map
+"use strict";const t=require("react/jsx-runtime"),n=require("react"),G=require("clsx"),H=require("./names-YOCJ4B5J.cjs"),R=require("./Button-Cm64ROip.cjs"),J=require("./FloatingPanel-tGCG2nhA.cjs"),K=require("./Icon-BUP5_kRs.cjs"),Q=require("./ConfigProvider-th4GYhcU.cjs"),U="_popconfirm_ztpne_5",V="_body_ztpne_12",W="_icon_ztpne_21",X="_text_ztpne_33",Y="_title_ztpne_43",Z="_description_ztpne_50",ee="_footer_ztpne_58",r={popconfirm:U,body:V,icon:W,text:X,title:Y,description:Z,footer:ee},te=new Set(H.ICON_NAMES);function se({title:E,description:u,onConfirm:S,onCancel:f,confirmLabel:k,cancelLabel:A,color:j="error",icon:c="Danger",align:P="start",open:v,onOpenChange:d,disabled:$=!1,width:w=300,className:D,style:M,children:b}){const z=Q.useT(),p=n.useId(),N=`${p}-panel`,g=`${p}-title`,h=`${p}-desc`,m=n.useRef(null),I=n.useRef(null),[i,_]=n.useState(!1),q=v!==void 0,[O,T]=n.useState(!1),o=q?v:O,B=e=>{q||T(e),d==null||d(e)};n.useEffect(()=>{if(!o)return;const e=requestAnimationFrame(()=>{var s;return(s=I.current)==null?void 0:s.focus()});return()=>cancelAnimationFrame(e)},[o]);const x=e=>{var s;B(!1),e&&((s=m.current)==null||s.focus())},y=(e=!0)=>{i||(f==null||f(),x(e))},C=async()=>{const e=S();if(!e||typeof e.then!="function"){x(!0);return}_(!0);try{await e,_(!1),x(!0)}catch{_(!1)}},l=b.props,a=l.ref,L=n.cloneElement(b,{ref:e=>{m.current=e,typeof a=="function"?a(e):a&&(a.current=e)},onClick:e=>{var s;(s=l.onClick)==null||s.call(l,e),!($||i)&&(o?y(!1):B(!0))},"aria-haspopup":"dialog","aria-expanded":o,"aria-controls":o?N:void 0}),F=c===!1?null:typeof c=="string"&&te.has(c)?t.jsx(K.Icon,{name:c}):c;return t.jsxs(t.Fragment,{children:[L,t.jsxs(J.FloatingPanel,{open:o,triggerRef:m,align:P,onClose:e=>y(e),id:N,role:"alertdialog",ariaLabelledBy:g,ariaDescribedBy:u!=null?h:void 0,trapFocus:!0,width:w,className:G.clsx(r.popconfirm,D),style:{"--tz-btn-rgb":`var(--tz-color-${j}-rgb)`,...M},children:[t.jsxs("div",{className:r.body,children:[F!=null&&t.jsx("span",{className:r.icon,"aria-hidden":"true",children:F}),t.jsxs("div",{className:r.text,children:[t.jsx("div",{id:g,className:r.title,children:E}),u!=null&&t.jsx("div",{id:h,className:r.description,children:u})]})]}),t.jsxs("div",{className:r.footer,children:[t.jsx(R.Button,{ref:I,variant:"text",size:"sm",onClick:()=>y(),disabled:i,children:A??z("common.cancel")}),t.jsx(R.Button,{variant:"contained",color:j,size:"sm",loading:i,onClick:C,children:k??z("common.confirm")})]})]})]})}exports.Popconfirm=se;
+//# sourceMappingURL=Popconfirm-l9au66oY.cjs.map

package/dist/{Popconfirm-bEoOPmZY.cjs.map → Popconfirm-l9au66oY.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"Popconfirm-bEoOPmZY.cjs","sources":["../src/components/Popconfirm/Popconfirm.tsx"],"sourcesContent":["import {\n  cloneElement,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n  type CSSProperties,\n  type MouseEvent as ReactMouseEvent,\n  type ReactElement,\n  type ReactNode,\n  type Ref,\n} from 'react'\nimport { clsx } from 'clsx'\nimport { useT, type ThemeColor } from '../../theme'\nimport { ICON_NAMES, type IconName } from '../../icons/names'\nimport { Button } from '../Button'\nimport { FloatingPanel } from '../FloatingPanel/FloatingPanel'\nimport { Icon } from '../Icon'\nimport type { PopoverAlign } from '../Popover'\nimport styles from './Popconfirm.module.css'\n\nconst ICON_NAME_SET = new Set<string>(ICON_NAMES)\n\nexport interface PopconfirmProps {\n  /** The question — \"Delete this item?\". Labels the dialog. */\n  title: ReactNode\n  /** Optional muted line under the title (the consequence). Describes the dialog. */\n  description?: ReactNode\n  /**\n   * Runs on confirm. Return a Promise to keep the popover open with the confirm button **loading** until\n   * it settles — it closes on success and **stays open on rejection** (show your own toast).\n   */\n  // `unknown` (not `void | Promise`) so `() => toast.success(…)` — which returns an id — still fits\n  onConfirm: () => unknown\n  /** Runs on Cancel, `Escape` or an outside click. */\n  onCancel?: () => void\n  /** Confirm button label. Defaults to the localized \"Confirm\". */\n  confirmLabel?: ReactNode\n  /** Cancel button label. Defaults to the localized \"Cancel\". */\n  cancelLabel?: ReactNode\n  /** Tints the confirm button and the icon. Defaults to `error` (a destructive action). */\n  color?: ThemeColor\n  /** Leading icon — a known `IconName`, any node, or `false`. Defaults to `Danger` in the `color`. */\n  icon?: IconName | ReactNode | false\n  /** Horizontal alignment to the trigger (`start` default, `end` for a trigger near the right edge). */\n  align?: PopoverAlign\n  /** Controlled open state. */\n  open?: boolean\n  /** Fires with the next open state. */\n  onOpenChange?: (open: boolean) => void\n  /** Clicking the trigger does nothing (no popover). */\n  disabled?: boolean\n  /** Panel width (px number or CSS width). Defaults to `300px`. */\n  width?: number | string\n  /** Class on the floating panel. */\n  className?: string\n  /** Style on the floating panel. */\n  style?: CSSProperties\n  /** The trigger — usually a `Button` / `IconButton`. Cloned to wire the click + ARIA. */\n  children: ReactElement\n}\n\n/**\n * An **inline confirm** for quick, low-risk actions (a row's delete / archive) — a small anchored popover\n * with a question, an optional description and **Cancel** / **Confirm**, where a `RemoveDialog` modal\n * would be too heavy and a bare `onClick` too dangerous. Wraps its trigger (`children`), which it clones\n * to toggle the panel. Built on the shared `FloatingPanel` (portaled, flips, clamps to the viewport,\n * dismisses on outside click / `Escape` = cancel). A11y: `role=\"alertdialog\"` labelled by the title and\n * described by the description, focus trapped and **placed on Cancel** (never the destructive button —\n * the `RemoveDialog` rule), focus returns to the trigger. An async `onConfirm` shows a loading confirm\n * button (Cancel + dismiss locked meanwhile), closes on success, stays open on failure. The icon sits in a\n * tinted box, the buttons (`sm`; confirm `contained` in `color`, default `error`) in a Card-style footer. Use `RemoveDialog` for high-risk, context-heavy deletes.\n */\nexport function Popconfirm({\n  title,\n  description,\n  onConfirm,\n  onCancel,\n  confirmLabel,\n  cancelLabel,\n  color = 'error',\n  icon = 'Danger',\n  align = 'start',\n  open,\n  onOpenChange,\n  disabled = false,\n  width = 300,\n  className,\n  style,\n  children,\n}: PopconfirmProps) {\n  const t = useT()\n  const id = useId()\n  const panelId = `${id}-panel`\n  const titleId = `${id}-title`\n  const descId = `${id}-desc`\n  const triggerRef = useRef<HTMLElement | null>(null)\n  const cancelRef = useRef<HTMLButtonElement | null>(null)\n  const [busy, setBusy] = useState(false)\n\n  const isControlled = open !== undefined\n  const [internalOpen, setInternalOpen] = useState(false)\n  const isOpen = isControlled ? open : internalOpen\n  const setOpen = (next: boolean) => {\n    if (!isControlled) setInternalOpen(next)\n    onOpenChange?.(next)\n  }\n\n  // focus Cancel once the panel is positioned + visible (a hidden element can't take focus)\n  useEffect(() => {\n    if (!isOpen) return\n    const raf = requestAnimationFrame(() => cancelRef.current?.focus())\n    return () => cancelAnimationFrame(raf)\n  }, [isOpen])\n\n  const close = (refocus: boolean) => {\n    setOpen(false)\n    if (refocus) triggerRef.current?.focus()\n  }\n\n  const cancel = (refocus = true) => {\n    if (busy) return\n    onCancel?.()\n    close(refocus)\n  }\n\n  const confirm = async () => {\n    const result = onConfirm()\n    // any thenable counts as async (not just native Promises)\n    if (!result || typeof (result as PromiseLike<unknown>).then !== 'function') {\n      close(true)\n      return\n    }\n    setBusy(true)\n    try {\n      await result\n      setBusy(false)\n      close(true)\n    } catch {\n      // stays open so the user can retry or cancel; surfacing the error (a toast) is the consumer's job\n      setBusy(false)\n    }\n  }\n\n  const triggerProps = children.props as {\n    onClick?: (event: ReactMouseEvent) => void\n    ref?: Ref<HTMLElement>\n  }\n  const originalRef = triggerProps.ref\n  const trigger = cloneElement(children as ReactElement<Record<string, unknown>>, {\n    ref: (node: HTMLElement | null) => {\n      triggerRef.current = node\n      if (typeof originalRef === 'function') originalRef(node)\n      else if (originalRef) (originalRef as { current: HTMLElement | null }).current = node\n    },\n    onClick: (event: ReactMouseEvent) => {\n      triggerProps.onClick?.(event)\n      if (disabled || busy) return\n      if (isOpen) cancel(false)\n      else setOpen(true)\n    },\n    'aria-haspopup': 'dialog',\n    'aria-expanded': isOpen,\n    'aria-controls': isOpen ? panelId : undefined,\n  })\n\n  const renderedIcon =\n    icon === false ? null : typeof icon === 'string' && ICON_NAME_SET.has(icon) ? (\n      <Icon name={icon as IconName} />\n    ) : (\n      icon\n    )\n\n  return (\n    <>\n      {trigger}\n      <FloatingPanel\n        open={isOpen}\n        triggerRef={triggerRef}\n        align={align}\n        onClose={(refocus) => cancel(refocus)}\n        id={panelId}\n        role=\"alertdialog\"\n        ariaLabelledBy={titleId}\n        ariaDescribedBy={description != null ? descId : undefined}\n        trapFocus\n        width={width}\n        className={clsx(styles.popconfirm, className)}\n        style={{ '--tz-btn-rgb': `var(--tz-color-${color}-rgb)`, ...style } as CSSProperties}\n      >\n        <div className={styles.body}>\n          {renderedIcon != null && (\n            <span className={styles.icon} aria-hidden=\"true\">\n              {renderedIcon}\n            </span>\n          )}\n          <div className={styles.text}>\n            <div id={titleId} className={styles.title}>\n              {title}\n            </div>\n            {description != null && (\n              <div id={descId} className={styles.description}>\n                {description}\n              </div>\n            )}\n          </div>\n        </div>\n        <div className={styles.footer}>\n          <Button ref={cancelRef} variant=\"text\" size=\"sm\" onClick={() => cancel()} disabled={busy}>\n            {cancelLabel ?? t('common.cancel')}\n          </Button>\n          <Button variant=\"contained\" color={color} size=\"sm\" loading={busy} onClick={confirm}>\n            {confirmLabel ?? t('common.confirm')}\n          </Button>\n        </div>\n      </FloatingPanel>\n    </>\n  )\n}\n"],"names":["ICON_NAME_SET","ICON_NAMES","Popconfirm","title","description","onConfirm","onCancel","confirmLabel","cancelLabel","color","icon","align","open","onOpenChange","disabled","width","className","style","children","t","useT","id","useId","panelId","titleId","descId","triggerRef","useRef","cancelRef","busy","setBusy","useState","isControlled","internalOpen","setInternalOpen","isOpen","setOpen","next","useEffect","raf","_a","close","refocus","cancel","confirm","result","triggerProps","originalRef","trigger","cloneElement","node","event","renderedIcon","jsx","Icon","jsxs","Fragment","FloatingPanel","clsx","styles","Button"],"mappings":"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"}
+{"version":3,"file":"Popconfirm-l9au66oY.cjs","sources":["../src/components/Popconfirm/Popconfirm.tsx"],"sourcesContent":["import {\n  cloneElement,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n  type CSSProperties,\n  type MouseEvent as ReactMouseEvent,\n  type ReactElement,\n  type ReactNode,\n  type Ref,\n} from 'react'\nimport { clsx } from 'clsx'\nimport { useT, type ThemeColor } from '../../theme'\nimport { ICON_NAMES, type IconName } from '../../icons/names'\nimport { Button } from '../Button'\nimport { FloatingPanel } from '../FloatingPanel/FloatingPanel'\nimport { Icon } from '../Icon'\nimport type { PopoverAlign } from '../Popover'\nimport styles from './Popconfirm.module.css'\n\nconst ICON_NAME_SET = new Set<string>(ICON_NAMES)\n\nexport interface PopconfirmProps {\n  /** The question — \"Delete this item?\". Labels the dialog. */\n  title: ReactNode\n  /** Optional muted line under the title (the consequence). Describes the dialog. */\n  description?: ReactNode\n  /**\n   * Runs on confirm. Return a Promise to keep the popover open with the confirm button **loading** until\n   * it settles — it closes on success and **stays open on rejection** (show your own toast).\n   */\n  // `unknown` (not `void | Promise`) so `() => toast.success(…)` — which returns an id — still fits\n  onConfirm: () => unknown\n  /** Runs on Cancel, `Escape` or an outside click. */\n  onCancel?: () => void\n  /** Confirm button label. Defaults to the localized \"Confirm\". */\n  confirmLabel?: ReactNode\n  /** Cancel button label. Defaults to the localized \"Cancel\". */\n  cancelLabel?: ReactNode\n  /** Tints the confirm button and the icon. Defaults to `error` (a destructive action). */\n  color?: ThemeColor\n  /** Leading icon — a known `IconName`, any node, or `false`. Defaults to `Danger` in the `color`. */\n  icon?: IconName | ReactNode | false\n  /** Horizontal alignment to the trigger (`start` default, `end` for a trigger near the right edge). */\n  align?: PopoverAlign\n  /** Controlled open state. */\n  open?: boolean\n  /** Fires with the next open state. */\n  onOpenChange?: (open: boolean) => void\n  /** Clicking the trigger does nothing (no popover). */\n  disabled?: boolean\n  /** Panel width (px number or CSS width). Defaults to `300px`. */\n  width?: number | string\n  /** Class on the floating panel. */\n  className?: string\n  /** Style on the floating panel. */\n  style?: CSSProperties\n  /** The trigger — usually a `Button` / `IconButton`. Cloned to wire the click + ARIA. */\n  children: ReactElement\n}\n\n/**\n * An **inline confirm** for quick, low-risk actions (a row's delete / archive) — a small anchored popover\n * with a question, an optional description and **Cancel** / **Confirm**, where a `RemoveDialog` modal\n * would be too heavy and a bare `onClick` too dangerous. Wraps its trigger (`children`), which it clones\n * to toggle the panel. Built on the shared `FloatingPanel` (portaled, flips, clamps to the viewport,\n * dismisses on outside click / `Escape` = cancel). A11y: `role=\"alertdialog\"` labelled by the title and\n * described by the description, focus trapped and **placed on Cancel** (never the destructive button —\n * the `RemoveDialog` rule), focus returns to the trigger. An async `onConfirm` shows a loading confirm\n * button (Cancel + dismiss locked meanwhile), closes on success, stays open on failure. The icon sits in a\n * tinted box, the buttons (`sm`; confirm `contained` in `color`, default `error`) in a Card-style footer. Use `RemoveDialog` for high-risk, context-heavy deletes.\n */\nexport function Popconfirm({\n  title,\n  description,\n  onConfirm,\n  onCancel,\n  confirmLabel,\n  cancelLabel,\n  color = 'error',\n  icon = 'Danger',\n  align = 'start',\n  open,\n  onOpenChange,\n  disabled = false,\n  width = 300,\n  className,\n  style,\n  children,\n}: PopconfirmProps) {\n  const t = useT()\n  const id = useId()\n  const panelId = `${id}-panel`\n  const titleId = `${id}-title`\n  const descId = `${id}-desc`\n  const triggerRef = useRef<HTMLElement | null>(null)\n  const cancelRef = useRef<HTMLButtonElement | null>(null)\n  const [busy, setBusy] = useState(false)\n\n  const isControlled = open !== undefined\n  const [internalOpen, setInternalOpen] = useState(false)\n  const isOpen = isControlled ? open : internalOpen\n  const setOpen = (next: boolean) => {\n    if (!isControlled) setInternalOpen(next)\n    onOpenChange?.(next)\n  }\n\n  // focus Cancel once the panel is positioned + visible (a hidden element can't take focus)\n  useEffect(() => {\n    if (!isOpen) return\n    const raf = requestAnimationFrame(() => cancelRef.current?.focus())\n    return () => cancelAnimationFrame(raf)\n  }, [isOpen])\n\n  const close = (refocus: boolean) => {\n    setOpen(false)\n    if (refocus) triggerRef.current?.focus()\n  }\n\n  const cancel = (refocus = true) => {\n    if (busy) return\n    onCancel?.()\n    close(refocus)\n  }\n\n  const confirm = async () => {\n    const result = onConfirm()\n    // any thenable counts as async (not just native Promises)\n    if (!result || typeof (result as PromiseLike<unknown>).then !== 'function') {\n      close(true)\n      return\n    }\n    setBusy(true)\n    try {\n      await result\n      setBusy(false)\n      close(true)\n    } catch {\n      // stays open so the user can retry or cancel; surfacing the error (a toast) is the consumer's job\n      setBusy(false)\n    }\n  }\n\n  const triggerProps = children.props as {\n    onClick?: (event: ReactMouseEvent) => void\n    ref?: Ref<HTMLElement>\n  }\n  const originalRef = triggerProps.ref\n  const trigger = cloneElement(children as ReactElement<Record<string, unknown>>, {\n    ref: (node: HTMLElement | null) => {\n      triggerRef.current = node\n      if (typeof originalRef === 'function') originalRef(node)\n      else if (originalRef) (originalRef as { current: HTMLElement | null }).current = node\n    },\n    onClick: (event: ReactMouseEvent) => {\n      triggerProps.onClick?.(event)\n      if (disabled || busy) return\n      if (isOpen) cancel(false)\n      else setOpen(true)\n    },\n    'aria-haspopup': 'dialog',\n    'aria-expanded': isOpen,\n    'aria-controls': isOpen ? panelId : undefined,\n  })\n\n  const renderedIcon =\n    icon === false ? null : typeof icon === 'string' && ICON_NAME_SET.has(icon) ? (\n      <Icon name={icon as IconName} />\n    ) : (\n      icon\n    )\n\n  return (\n    <>\n      {trigger}\n      <FloatingPanel\n        open={isOpen}\n        triggerRef={triggerRef}\n        align={align}\n        onClose={(refocus) => cancel(refocus)}\n        id={panelId}\n        role=\"alertdialog\"\n        ariaLabelledBy={titleId}\n        ariaDescribedBy={description != null ? descId : undefined}\n        trapFocus\n        width={width}\n        className={clsx(styles.popconfirm, className)}\n        style={{ '--tz-btn-rgb': `var(--tz-color-${color}-rgb)`, ...style } as CSSProperties}\n      >\n        <div className={styles.body}>\n          {renderedIcon != null && (\n            <span className={styles.icon} aria-hidden=\"true\">\n              {renderedIcon}\n            </span>\n          )}\n          <div className={styles.text}>\n            <div id={titleId} className={styles.title}>\n              {title}\n            </div>\n            {description != null && (\n              <div id={descId} className={styles.description}>\n                {description}\n              </div>\n            )}\n          </div>\n        </div>\n        <div className={styles.footer}>\n          <Button ref={cancelRef} variant=\"text\" size=\"sm\" onClick={() => cancel()} disabled={busy}>\n            {cancelLabel ?? t('common.cancel')}\n          </Button>\n          <Button variant=\"contained\" color={color} size=\"sm\" loading={busy} onClick={confirm}>\n            {confirmLabel ?? t('common.confirm')}\n          </Button>\n        </div>\n      </FloatingPanel>\n    </>\n  )\n}\n"],"names":["ICON_NAME_SET","ICON_NAMES","Popconfirm","title","description","onConfirm","onCancel","confirmLabel","cancelLabel","color","icon","align","open","onOpenChange","disabled","width","className","style","children","t","useT","id","useId","panelId","titleId","descId","triggerRef","useRef","cancelRef","busy","setBusy","useState","isControlled","internalOpen","setInternalOpen","isOpen","setOpen","next","useEffect","raf","_a","close","refocus","cancel","confirm","result","triggerProps","originalRef","trigger","cloneElement","node","event","renderedIcon","jsx","Icon","jsxs","Fragment","FloatingPanel","clsx","styles","Button"],"mappings":"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"}

package/dist/{Popconfirm-D4J7tlk_.js → Popconfirm-p2O8Vmz0.js}

@@ -2,10 +2,10 @@ import { jsx as o, jsxs as i, Fragment as J } from "react/jsx-runtime";
 import { useId as K, useRef as A, useState as R, useEffect as Q, cloneElement as U } from "react";
 import { clsx as V } from "clsx";
 import { a as W } from "./names-BR1uJs0-.js";
-import { B as S } from "./Button-PBZnkRNn.js";
+import { B as S } from "./Button-BQ7jsm5P.js";
 import { F as X } from "./FloatingPanel-C5c_eMQ0.js";
 import { I as Y } from "./Icon-CGQ5yGSZ.js";
-import { a as Z } from "./ConfigProvider-tvLbKiqu.js";
+import { a as Z } from "./ConfigProvider-DZMtq2Fz.js";
 const tt = "_popconfirm_ztpne_5", et = "_body_ztpne_12", nt = "_icon_ztpne_21", rt = "_text_ztpne_33", ot = "_title_ztpne_43", st = "_description_ztpne_50", it = "_footer_ztpne_58", n = {
   popconfirm: tt,
   body: et,
@@ -110,4 +110,4 @@ function yt({
 export {
   yt as P
 };
-//# sourceMappingURL=Popconfirm-D4J7tlk_.js.map
+//# sourceMappingURL=Popconfirm-p2O8Vmz0.js.map

package/dist/{Popconfirm-D4J7tlk_.js.map → Popconfirm-p2O8Vmz0.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Popconfirm-D4J7tlk_.js","sources":["../src/components/Popconfirm/Popconfirm.tsx"],"sourcesContent":["import {\n  cloneElement,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n  type CSSProperties,\n  type MouseEvent as ReactMouseEvent,\n  type ReactElement,\n  type ReactNode,\n  type Ref,\n} from 'react'\nimport { clsx } from 'clsx'\nimport { useT, type ThemeColor } from '../../theme'\nimport { ICON_NAMES, type IconName } from '../../icons/names'\nimport { Button } from '../Button'\nimport { FloatingPanel } from '../FloatingPanel/FloatingPanel'\nimport { Icon } from '../Icon'\nimport type { PopoverAlign } from '../Popover'\nimport styles from './Popconfirm.module.css'\n\nconst ICON_NAME_SET = new Set<string>(ICON_NAMES)\n\nexport interface PopconfirmProps {\n  /** The question — \"Delete this item?\". Labels the dialog. */\n  title: ReactNode\n  /** Optional muted line under the title (the consequence). Describes the dialog. */\n  description?: ReactNode\n  /**\n   * Runs on confirm. Return a Promise to keep the popover open with the confirm button **loading** until\n   * it settles — it closes on success and **stays open on rejection** (show your own toast).\n   */\n  // `unknown` (not `void | Promise`) so `() => toast.success(…)` — which returns an id — still fits\n  onConfirm: () => unknown\n  /** Runs on Cancel, `Escape` or an outside click. */\n  onCancel?: () => void\n  /** Confirm button label. Defaults to the localized \"Confirm\". */\n  confirmLabel?: ReactNode\n  /** Cancel button label. Defaults to the localized \"Cancel\". */\n  cancelLabel?: ReactNode\n  /** Tints the confirm button and the icon. Defaults to `error` (a destructive action). */\n  color?: ThemeColor\n  /** Leading icon — a known `IconName`, any node, or `false`. Defaults to `Danger` in the `color`. */\n  icon?: IconName | ReactNode | false\n  /** Horizontal alignment to the trigger (`start` default, `end` for a trigger near the right edge). */\n  align?: PopoverAlign\n  /** Controlled open state. */\n  open?: boolean\n  /** Fires with the next open state. */\n  onOpenChange?: (open: boolean) => void\n  /** Clicking the trigger does nothing (no popover). */\n  disabled?: boolean\n  /** Panel width (px number or CSS width). Defaults to `300px`. */\n  width?: number | string\n  /** Class on the floating panel. */\n  className?: string\n  /** Style on the floating panel. */\n  style?: CSSProperties\n  /** The trigger — usually a `Button` / `IconButton`. Cloned to wire the click + ARIA. */\n  children: ReactElement\n}\n\n/**\n * An **inline confirm** for quick, low-risk actions (a row's delete / archive) — a small anchored popover\n * with a question, an optional description and **Cancel** / **Confirm**, where a `RemoveDialog` modal\n * would be too heavy and a bare `onClick` too dangerous. Wraps its trigger (`children`), which it clones\n * to toggle the panel. Built on the shared `FloatingPanel` (portaled, flips, clamps to the viewport,\n * dismisses on outside click / `Escape` = cancel). A11y: `role=\"alertdialog\"` labelled by the title and\n * described by the description, focus trapped and **placed on Cancel** (never the destructive button —\n * the `RemoveDialog` rule), focus returns to the trigger. An async `onConfirm` shows a loading confirm\n * button (Cancel + dismiss locked meanwhile), closes on success, stays open on failure. The icon sits in a\n * tinted box, the buttons (`sm`; confirm `contained` in `color`, default `error`) in a Card-style footer. Use `RemoveDialog` for high-risk, context-heavy deletes.\n */\nexport function Popconfirm({\n  title,\n  description,\n  onConfirm,\n  onCancel,\n  confirmLabel,\n  cancelLabel,\n  color = 'error',\n  icon = 'Danger',\n  align = 'start',\n  open,\n  onOpenChange,\n  disabled = false,\n  width = 300,\n  className,\n  style,\n  children,\n}: PopconfirmProps) {\n  const t = useT()\n  const id = useId()\n  const panelId = `${id}-panel`\n  const titleId = `${id}-title`\n  const descId = `${id}-desc`\n  const triggerRef = useRef<HTMLElement | null>(null)\n  const cancelRef = useRef<HTMLButtonElement | null>(null)\n  const [busy, setBusy] = useState(false)\n\n  const isControlled = open !== undefined\n  const [internalOpen, setInternalOpen] = useState(false)\n  const isOpen = isControlled ? open : internalOpen\n  const setOpen = (next: boolean) => {\n    if (!isControlled) setInternalOpen(next)\n    onOpenChange?.(next)\n  }\n\n  // focus Cancel once the panel is positioned + visible (a hidden element can't take focus)\n  useEffect(() => {\n    if (!isOpen) return\n    const raf = requestAnimationFrame(() => cancelRef.current?.focus())\n    return () => cancelAnimationFrame(raf)\n  }, [isOpen])\n\n  const close = (refocus: boolean) => {\n    setOpen(false)\n    if (refocus) triggerRef.current?.focus()\n  }\n\n  const cancel = (refocus = true) => {\n    if (busy) return\n    onCancel?.()\n    close(refocus)\n  }\n\n  const confirm = async () => {\n    const result = onConfirm()\n    // any thenable counts as async (not just native Promises)\n    if (!result || typeof (result as PromiseLike<unknown>).then !== 'function') {\n      close(true)\n      return\n    }\n    setBusy(true)\n    try {\n      await result\n      setBusy(false)\n      close(true)\n    } catch {\n      // stays open so the user can retry or cancel; surfacing the error (a toast) is the consumer's job\n      setBusy(false)\n    }\n  }\n\n  const triggerProps = children.props as {\n    onClick?: (event: ReactMouseEvent) => void\n    ref?: Ref<HTMLElement>\n  }\n  const originalRef = triggerProps.ref\n  const trigger = cloneElement(children as ReactElement<Record<string, unknown>>, {\n    ref: (node: HTMLElement | null) => {\n      triggerRef.current = node\n      if (typeof originalRef === 'function') originalRef(node)\n      else if (originalRef) (originalRef as { current: HTMLElement | null }).current = node\n    },\n    onClick: (event: ReactMouseEvent) => {\n      triggerProps.onClick?.(event)\n      if (disabled || busy) return\n      if (isOpen) cancel(false)\n      else setOpen(true)\n    },\n    'aria-haspopup': 'dialog',\n    'aria-expanded': isOpen,\n    'aria-controls': isOpen ? panelId : undefined,\n  })\n\n  const renderedIcon =\n    icon === false ? null : typeof icon === 'string' && ICON_NAME_SET.has(icon) ? (\n      <Icon name={icon as IconName} />\n    ) : (\n      icon\n    )\n\n  return (\n    <>\n      {trigger}\n      <FloatingPanel\n        open={isOpen}\n        triggerRef={triggerRef}\n        align={align}\n        onClose={(refocus) => cancel(refocus)}\n        id={panelId}\n        role=\"alertdialog\"\n        ariaLabelledBy={titleId}\n        ariaDescribedBy={description != null ? descId : undefined}\n        trapFocus\n        width={width}\n        className={clsx(styles.popconfirm, className)}\n        style={{ '--tz-btn-rgb': `var(--tz-color-${color}-rgb)`, ...style } as CSSProperties}\n      >\n        <div className={styles.body}>\n          {renderedIcon != null && (\n            <span className={styles.icon} aria-hidden=\"true\">\n              {renderedIcon}\n            </span>\n          )}\n          <div className={styles.text}>\n            <div id={titleId} className={styles.title}>\n              {title}\n            </div>\n            {description != null && (\n              <div id={descId} className={styles.description}>\n                {description}\n              </div>\n            )}\n          </div>\n        </div>\n        <div className={styles.footer}>\n          <Button ref={cancelRef} variant=\"text\" size=\"sm\" onClick={() => cancel()} disabled={busy}>\n            {cancelLabel ?? t('common.cancel')}\n          </Button>\n          <Button variant=\"contained\" color={color} size=\"sm\" loading={busy} onClick={confirm}>\n            {confirmLabel ?? t('common.confirm')}\n          </Button>\n        </div>\n      </FloatingPanel>\n    </>\n  )\n}\n"],"names":["ICON_NAME_SET","ICON_NAMES","Popconfirm","title","description","onConfirm","onCancel","confirmLabel","cancelLabel","color","icon","align","open","onOpenChange","disabled","width","className","style","children","t","useT","id","useId","panelId","titleId","descId","triggerRef","useRef","cancelRef","busy","setBusy","useState","isControlled","internalOpen","setInternalOpen","isOpen","setOpen","next","useEffect","raf","_a","close","refocus","cancel","confirm","result","triggerProps","originalRef","trigger","cloneElement","node","event","renderedIcon","jsx","Icon","jsxs","Fragment","FloatingPanel","clsx","styles","Button"],"mappings":"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"}
+{"version":3,"file":"Popconfirm-p2O8Vmz0.js","sources":["../src/components/Popconfirm/Popconfirm.tsx"],"sourcesContent":["import {\n  cloneElement,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n  type CSSProperties,\n  type MouseEvent as ReactMouseEvent,\n  type ReactElement,\n  type ReactNode,\n  type Ref,\n} from 'react'\nimport { clsx } from 'clsx'\nimport { useT, type ThemeColor } from '../../theme'\nimport { ICON_NAMES, type IconName } from '../../icons/names'\nimport { Button } from '../Button'\nimport { FloatingPanel } from '../FloatingPanel/FloatingPanel'\nimport { Icon } from '../Icon'\nimport type { PopoverAlign } from '../Popover'\nimport styles from './Popconfirm.module.css'\n\nconst ICON_NAME_SET = new Set<string>(ICON_NAMES)\n\nexport interface PopconfirmProps {\n  /** The question — \"Delete this item?\". Labels the dialog. */\n  title: ReactNode\n  /** Optional muted line under the title (the consequence). Describes the dialog. */\n  description?: ReactNode\n  /**\n   * Runs on confirm. Return a Promise to keep the popover open with the confirm button **loading** until\n   * it settles — it closes on success and **stays open on rejection** (show your own toast).\n   */\n  // `unknown` (not `void | Promise`) so `() => toast.success(…)` — which returns an id — still fits\n  onConfirm: () => unknown\n  /** Runs on Cancel, `Escape` or an outside click. */\n  onCancel?: () => void\n  /** Confirm button label. Defaults to the localized \"Confirm\". */\n  confirmLabel?: ReactNode\n  /** Cancel button label. Defaults to the localized \"Cancel\". */\n  cancelLabel?: ReactNode\n  /** Tints the confirm button and the icon. Defaults to `error` (a destructive action). */\n  color?: ThemeColor\n  /** Leading icon — a known `IconName`, any node, or `false`. Defaults to `Danger` in the `color`. */\n  icon?: IconName | ReactNode | false\n  /** Horizontal alignment to the trigger (`start` default, `end` for a trigger near the right edge). */\n  align?: PopoverAlign\n  /** Controlled open state. */\n  open?: boolean\n  /** Fires with the next open state. */\n  onOpenChange?: (open: boolean) => void\n  /** Clicking the trigger does nothing (no popover). */\n  disabled?: boolean\n  /** Panel width (px number or CSS width). Defaults to `300px`. */\n  width?: number | string\n  /** Class on the floating panel. */\n  className?: string\n  /** Style on the floating panel. */\n  style?: CSSProperties\n  /** The trigger — usually a `Button` / `IconButton`. Cloned to wire the click + ARIA. */\n  children: ReactElement\n}\n\n/**\n * An **inline confirm** for quick, low-risk actions (a row's delete / archive) — a small anchored popover\n * with a question, an optional description and **Cancel** / **Confirm**, where a `RemoveDialog` modal\n * would be too heavy and a bare `onClick` too dangerous. Wraps its trigger (`children`), which it clones\n * to toggle the panel. Built on the shared `FloatingPanel` (portaled, flips, clamps to the viewport,\n * dismisses on outside click / `Escape` = cancel). A11y: `role=\"alertdialog\"` labelled by the title and\n * described by the description, focus trapped and **placed on Cancel** (never the destructive button —\n * the `RemoveDialog` rule), focus returns to the trigger. An async `onConfirm` shows a loading confirm\n * button (Cancel + dismiss locked meanwhile), closes on success, stays open on failure. The icon sits in a\n * tinted box, the buttons (`sm`; confirm `contained` in `color`, default `error`) in a Card-style footer. Use `RemoveDialog` for high-risk, context-heavy deletes.\n */\nexport function Popconfirm({\n  title,\n  description,\n  onConfirm,\n  onCancel,\n  confirmLabel,\n  cancelLabel,\n  color = 'error',\n  icon = 'Danger',\n  align = 'start',\n  open,\n  onOpenChange,\n  disabled = false,\n  width = 300,\n  className,\n  style,\n  children,\n}: PopconfirmProps) {\n  const t = useT()\n  const id = useId()\n  const panelId = `${id}-panel`\n  const titleId = `${id}-title`\n  const descId = `${id}-desc`\n  const triggerRef = useRef<HTMLElement | null>(null)\n  const cancelRef = useRef<HTMLButtonElement | null>(null)\n  const [busy, setBusy] = useState(false)\n\n  const isControlled = open !== undefined\n  const [internalOpen, setInternalOpen] = useState(false)\n  const isOpen = isControlled ? open : internalOpen\n  const setOpen = (next: boolean) => {\n    if (!isControlled) setInternalOpen(next)\n    onOpenChange?.(next)\n  }\n\n  // focus Cancel once the panel is positioned + visible (a hidden element can't take focus)\n  useEffect(() => {\n    if (!isOpen) return\n    const raf = requestAnimationFrame(() => cancelRef.current?.focus())\n    return () => cancelAnimationFrame(raf)\n  }, [isOpen])\n\n  const close = (refocus: boolean) => {\n    setOpen(false)\n    if (refocus) triggerRef.current?.focus()\n  }\n\n  const cancel = (refocus = true) => {\n    if (busy) return\n    onCancel?.()\n    close(refocus)\n  }\n\n  const confirm = async () => {\n    const result = onConfirm()\n    // any thenable counts as async (not just native Promises)\n    if (!result || typeof (result as PromiseLike<unknown>).then !== 'function') {\n      close(true)\n      return\n    }\n    setBusy(true)\n    try {\n      await result\n      setBusy(false)\n      close(true)\n    } catch {\n      // stays open so the user can retry or cancel; surfacing the error (a toast) is the consumer's job\n      setBusy(false)\n    }\n  }\n\n  const triggerProps = children.props as {\n    onClick?: (event: ReactMouseEvent) => void\n    ref?: Ref<HTMLElement>\n  }\n  const originalRef = triggerProps.ref\n  const trigger = cloneElement(children as ReactElement<Record<string, unknown>>, {\n    ref: (node: HTMLElement | null) => {\n      triggerRef.current = node\n      if (typeof originalRef === 'function') originalRef(node)\n      else if (originalRef) (originalRef as { current: HTMLElement | null }).current = node\n    },\n    onClick: (event: ReactMouseEvent) => {\n      triggerProps.onClick?.(event)\n      if (disabled || busy) return\n      if (isOpen) cancel(false)\n      else setOpen(true)\n    },\n    'aria-haspopup': 'dialog',\n    'aria-expanded': isOpen,\n    'aria-controls': isOpen ? panelId : undefined,\n  })\n\n  const renderedIcon =\n    icon === false ? null : typeof icon === 'string' && ICON_NAME_SET.has(icon) ? (\n      <Icon name={icon as IconName} />\n    ) : (\n      icon\n    )\n\n  return (\n    <>\n      {trigger}\n      <FloatingPanel\n        open={isOpen}\n        triggerRef={triggerRef}\n        align={align}\n        onClose={(refocus) => cancel(refocus)}\n        id={panelId}\n        role=\"alertdialog\"\n        ariaLabelledBy={titleId}\n        ariaDescribedBy={description != null ? descId : undefined}\n        trapFocus\n        width={width}\n        className={clsx(styles.popconfirm, className)}\n        style={{ '--tz-btn-rgb': `var(--tz-color-${color}-rgb)`, ...style } as CSSProperties}\n      >\n        <div className={styles.body}>\n          {renderedIcon != null && (\n            <span className={styles.icon} aria-hidden=\"true\">\n              {renderedIcon}\n            </span>\n          )}\n          <div className={styles.text}>\n            <div id={titleId} className={styles.title}>\n              {title}\n            </div>\n            {description != null && (\n              <div id={descId} className={styles.description}>\n                {description}\n              </div>\n            )}\n          </div>\n        </div>\n        <div className={styles.footer}>\n          <Button ref={cancelRef} variant=\"text\" size=\"sm\" onClick={() => cancel()} disabled={busy}>\n            {cancelLabel ?? t('common.cancel')}\n          </Button>\n          <Button variant=\"contained\" color={color} size=\"sm\" loading={busy} onClick={confirm}>\n            {confirmLabel ?? t('common.confirm')}\n          </Button>\n        </div>\n      </FloatingPanel>\n    </>\n  )\n}\n"],"names":["ICON_NAME_SET","ICON_NAMES","Popconfirm","title","description","onConfirm","onCancel","confirmLabel","cancelLabel","color","icon","align","open","onOpenChange","disabled","width","className","style","children","t","useT","id","useId","panelId","titleId","descId","triggerRef","useRef","cancelRef","busy","setBusy","useState","isControlled","internalOpen","setInternalOpen","isOpen","setOpen","next","useEffect","raf","_a","close","refocus","cancel","confirm","result","triggerProps","originalRef","trigger","cloneElement","node","event","renderedIcon","jsx","Icon","jsxs","Fragment","FloatingPanel","clsx","styles","Button"],"mappings":"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"}