@alfadocs/ui-kit-debug 1.56.0 → 1.58.0

package/dist/_chunks/phone-input-O9camxkq.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"phone-input-O9camxkq.js","sources":["../../src/components/phone-input/phone-input.agent.ts","../../src/components/phone-input/phone-input.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — PhoneInput.                                            */\n/*                                                                        */\n/* See `src/docs/26-agent-readiness.mdx` for the contract.                */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { PhoneInputHandle } from './phone-input';\n\nexport const phoneInputAgent: AgentAdapter<PhoneInputHandle> = {\n  id: 'phone-input',\n  // A phone number is a single form value, not free-form rich text — `set_value`\n  // (not `edit_inline`, which is reserved for in-place rich/cell editing).\n  capabilities: ['set_value'],\n  state: {\n    value: {\n      type: 'string',\n      descriptionKey: 'ui.agent.phoneInput.state.value',\n      description:\n        'Current E.164 phone number, or empty string when not yet valid.',\n      read: (handle) => handle.getValue(),\n    },\n    isEmpty: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.phoneInput.state.isEmpty',\n      description: 'Whether the input has no value.',\n      read: (handle) => handle.getValue() === '',\n    },\n  },\n  actions: {\n    set_value: {\n      safety: 'write',\n      argsType: '{ value: string }',\n      argsSchema: {\n        type: 'object',\n        properties: {\n          value: {\n            type: 'string',\n            description:\n              'Phone number in E.164 or national format; the parser infers the country.',\n          },\n        },\n        required: ['value'],\n      },\n      idempotent: true,\n      descriptionKey: 'ui.agent.phoneInput.actions.setValue',\n      description:\n        'Replace the phone number (E.164 or national format; parser will infer country).',\n      examples: [\n        { args: { value: '+393331234567' }, note: 'Set an Italian mobile.' },\n      ],\n      invoke: (handle, args: { value: string }) => {\n        handle.setValue(args.value);\n      },\n    },\n    clear: {\n      safety: 'destructive',\n      idempotent: true,\n      descriptionKey: 'ui.agent.phoneInput.actions.clear',\n      description: 'Empty the input. Loses any typed value.',\n      invoke: (handle) => {\n        handle.clear();\n      },\n    },\n    focus: {\n      safety: 'read',\n      descriptionKey: 'ui.agent.phoneInput.actions.focus',\n      description: 'Move keyboard focus to the phone-number input.',\n      invoke: (handle) => {\n        handle.focus();\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'phone-input',\n      description: 'Marks the PhoneInput wrapper.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type ChangeEvent,\n  type FocusEvent,\n} from 'react';\nimport { useAgentRegistration } from '../../agent';\nimport { phoneInputAgent } from './phone-input.agent';\nimport { useIsomorphicLayoutEffect } from '../../hooks/use-isomorphic-layout-effect';\nimport { useDomValue } from '../_shared/use-dom-value';\n\n/** Agent-readiness curated handle for PhoneInput. */\nexport interface PhoneInputHandle {\n  getValue: () => string;\n  setValue: (value: string) => void;\n  clear: () => void;\n  focus: () => void;\n}\nimport * as Popover from '@radix-ui/react-popover';\nimport {\n  findPopoverTrigger,\n  useNonModalTabExit,\n} from '../_shared/non-modal-tab-exit';\nimport { Command, defaultFilter } from 'cmdk';\nimport { cva } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { ChevronDown } from 'lucide-react';\nimport {\n  AsYouType,\n  getCountries,\n  getCountryCallingCode,\n  parsePhoneNumberFromString,\n  type CountryCode,\n} from 'libphonenumber-js/min';\nimport {\n  FormFieldContext,\n  useFormField,\n  useFormFieldControlId,\n} from '../form-field/form-field-context';\nimport { composeRefs } from '../_shared/compose-refs';\nimport { normalizeDiacritics } from '../_shared/normalize-diacritics';\nimport { MENU_ROW_HIGHLIGHT } from '../_shared/menu-row';\nimport { Flag } from '../flag';\n\nexport interface PhoneInputChangeMeta {\n  country: CountryCode;\n  isValid: boolean;\n  isPossible: boolean;\n  type?: string;\n}\n\nexport interface PhoneInputProps {\n  value?: string;\n  defaultValue?: string;\n  /**\n   * Country pre-selected when no value is supplied. Defaults to `IT`\n   * (AlfaDocs's dominant user base is Italian). Pass a different\n   * `CountryCode` to override, or enable `detectBrowserCountry` to\n   * derive it from the browser locale.\n   */\n  defaultCountry?: CountryCode;\n  /**\n   * When true, infer the default country from `navigator.language` /\n   * `Intl.Locale` before falling back to `defaultCountry` (or `IT`).\n   * Off by default — most AlfaDocs flows should stay on IT regardless\n   * of the visitor's browser locale.\n   */\n  detectBrowserCountry?: boolean;\n  onChange?: (e164: string, meta: PhoneInputChangeMeta) => void;\n  size?: 'sm' | 'md' | 'lg';\n  tone?: 'default' | 'error';\n  disabled?: boolean;\n  readOnly?: boolean;\n  placeholder?: string;\n  popularCountries?: CountryCode[];\n  /**\n   * Restrict the country picker to this set (ISO 3166-1 alpha-2 codes), in\n   * the order given. Unsupported or duplicate codes are dropped; an empty /\n   * all-invalid list is ignored (every country stays selectable).\n   * `popularCountries` is intersected with this set. When the list resolves\n   * to a single country the picker collapses to a fixed, non-interactive\n   * dial code — only the national-number field stays editable.\n   */\n  allowedCountries?: CountryCode[];\n  className?: string;\n  id?: string;\n  name?: string;\n  /**\n   * What `name` posts in a native form. `national` (the default) posts the\n   * number field's own text, e.g. `333 123 4567`. `e164` posts the full\n   * number from a hidden field instead, e.g. `+393331234567`: the string\n   * `onChange` reports, so it is empty while the text is not yet a number.\n   */\n  nameFormat?: 'national' | 'e164';\n  required?: boolean;\n  /**\n   * Fires once when focus has left the whole control. Moving between the\n   * country picker and the number field does not fire it. It takes no\n   * event: the control has several parts, so there is no single target.\n   */\n  onBlur?: () => void;\n  'aria-label'?: string;\n}\n\nconst phoneInputWrapperVariants = cva(\n  [\n    'ds:group ds:relative ds:inline-flex ds:items-stretch ds:w-full',\n    'ds:rounded-[var(--radius-sm)] ds:border ds:border-[color:var(--control-border)] ds:bg-input',\n    'ds:shadow-[var(--shadow-input)]',\n    'ds:text-foreground',\n    'ds:transition-[colors,box-shadow] ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n    /* The ring is for the number field only. The country button draws its\n       own, and `focus-within` here would draw a second one around it. */\n    'ds:has-[input:focus]:outline-[length:var(--focus-ring-width)] ds:has-[input:focus]:outline-solid',\n    'ds:has-[input:focus]:outline-ring ds:has-[input:focus]:outline-offset-[length:var(--focus-ring-offset)]',\n    'ds:forced-colors:has-[input:focus]:outline-[CanvasText]',\n    'ds:has-[:disabled]:cursor-not-allowed ds:has-[:disabled]:opacity-50',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:h-8 ds:text-[length:var(--font-size-sm)]',\n        md: 'ds:h-[var(--min-target-size)] ds:text-[length:var(--font-size-base)]',\n        lg: 'ds:h-12 ds:text-[length:var(--font-size-lg)]',\n      },\n      tone: {\n        default: '',\n        error: 'ds:border-destructive ds:has-[input:focus]:outline-destructive',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n      tone: 'default',\n    },\n  },\n);\n\nconst countryTriggerVariants = cva(\n  [\n    'ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]',\n    'ds:bg-transparent ds:text-foreground',\n    'ds:border-0 ds:border-e ds:border-e-border',\n    'ds:rounded-s-[var(--radius-sm)]',\n    'ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n    'ds:hover:bg-muted',\n    'ds:focus:outline-none',\n    'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n    'ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n    'ds:forced-colors:focus-visible:outline-[CanvasText]',\n    'ds:disabled:cursor-not-allowed',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:ps-3 ds:pe-2',\n        md: 'ds:ps-3 ds:pe-2',\n        lg: 'ds:ps-4 ds:pe-3',\n      },\n    },\n    defaultVariants: { size: 'md' },\n  },\n);\n\nconst phoneNumberInputVariants = cva(\n  [\n    'ds:flex-1 ds:min-w-0 ds:bg-transparent ds:text-foreground ds:placeholder:text-muted-foreground',\n    'ds:border-0 ds:outline-none',\n    'ds:disabled:cursor-not-allowed',\n    'ds:read-only:cursor-default',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:ps-2 ds:pe-3 ds:text-[length:var(--font-size-sm)]',\n        md: 'ds:ps-2 ds:pe-3 ds:text-[length:var(--font-size-base)]',\n        lg: 'ds:ps-3 ds:pe-4 ds:text-[length:var(--font-size-lg)]',\n      },\n    },\n    defaultVariants: { size: 'md' },\n  },\n);\n\nconst pickerContentClasses = [\n  'ds:z-[var(--z-popover)] ds:overflow-hidden ds:w-72',\n  'ds:rounded-[var(--radius-md)] ds:border ds:border-border ds:bg-background ds:text-foreground',\n  'ds:shadow-[var(--shadow-lg)]',\n  'ds:animate-in ds:fade-in ds:zoom-in-95',\n  'ds:data-[state=closed]:animate-out ds:data-[state=closed]:fade-out',\n  'ds:data-[state=closed]:zoom-out-95',\n  'ds:data-[side=bottom]:slide-in-from-top-2',\n  'ds:data-[side=top]:slide-in-from-bottom-2',\n  'ds:motion-reduce:animate-none',\n].join(' ');\n\nconst pickerSearchClasses = [\n  'ds:w-full ds:bg-transparent ds:text-foreground ds:placeholder:text-muted-foreground',\n  'ds:border-0 ds:border-b ds:border-b-border ds:outline-none',\n  'ds:ps-3 ds:pe-3 ds:py-2 ds:text-[var(--font-size-sm)]',\n  'ds:focus:outline-none',\n].join(' ');\n\nconst pickerListClasses =\n  'ds:max-h-72 ds:overflow-y-auto ds:p-[var(--spacing-xs)]';\n\nconst pickerItemClasses = [\n  'ds:relative ds:flex ds:cursor-pointer ds:items-center ds:gap-[var(--spacing-sm)]',\n  'ds:rounded-[var(--radius-sm)] ds:ps-3 ds:pe-3 ds:py-2 ds:text-[var(--font-size-sm)]',\n  'ds:text-foreground ds:outline-none ds:select-none',\n  MENU_ROW_HIGHLIGHT.selected,\n].join(' ');\n\nconst pickerGroupHeadingClasses = [\n  'ds:ps-3 ds:pe-3 ds:py-1.5',\n  'type-eyebrow ds:text-muted-foreground',\n].join(' ');\n\nconst pickerEmptyClasses =\n  'ds:ps-3 ds:pe-3 ds:py-2 type-body-sm ds:text-muted-foreground';\n\nconst chevronSizeBySize = {\n  sm: 'ds:size-3.5',\n  md: 'ds:size-4',\n  lg: 'ds:size-5',\n} as const;\n\nconst flagSizeBySize = {\n  sm: 'sm',\n  md: 'md',\n  lg: 'lg',\n} as const satisfies Record<'sm' | 'md' | 'lg', 'sm' | 'md' | 'lg'>;\n\nfunction countDigitsBefore(str: string, position: number): number {\n  let digits = 0;\n  for (let i = 0; i < position && i < str.length; i++) {\n    if (str[i] >= '0' && str[i] <= '9') digits++;\n  }\n  return digits;\n}\n\nfunction positionAfterDigits(str: string, targetDigits: number): number {\n  if (targetDigits === 0) return 0;\n  let count = 0;\n  for (let i = 0; i < str.length; i++) {\n    if (str[i] >= '0' && str[i] <= '9') {\n      count++;\n      if (count === targetDigits) return i + 1;\n    }\n  }\n  return str.length;\n}\n\nfunction resolveDefaultCountry(\n  explicit: CountryCode | undefined,\n  supported: Set<string>,\n  detectBrowser: boolean,\n  locale: string,\n  allowedList: CountryCode[] | null,\n): CountryCode {\n  const allowed =\n    allowedList && allowedList.length ? new Set<string>(allowedList) : null;\n  const ok = (code: string) =>\n    supported.has(code) && (!allowed || allowed.has(code));\n\n  if (explicit && ok(explicit)) return explicit;\n\n  if (detectBrowser) {\n    const fromNavigator =\n      typeof navigator !== 'undefined' ? navigator.language : undefined;\n    if (fromNavigator) {\n      const match = fromNavigator.match(/-([A-Za-z]{2})/);\n      if (match) {\n        const candidate = match[1].toUpperCase();\n        if (ok(candidate)) return candidate as CountryCode;\n      }\n    }\n\n    try {\n      const region = new Intl.Locale(locale).region;\n      if (region && ok(region.toUpperCase())) {\n        return region.toUpperCase() as CountryCode;\n      }\n    } catch {\n      // Intl.Locale may throw on malformed BCP-47 — fall through.\n    }\n  }\n\n  // A restricted list with no explicit / detected hit defaults to the\n  // consumer's first listed country; otherwise AlfaDocs's Italian-first\n  // fallback.\n  if (allowed) return allowedList![0];\n  return 'IT';\n}\n\ninterface CountryRow {\n  code: CountryCode;\n  name: string;\n  dialCode: string;\n}\n\nfunction buildCountryRows(\n  locale: string,\n  countries: CountryCode[],\n): CountryRow[] {\n  let displayNames: Intl.DisplayNames;\n  try {\n    displayNames = new Intl.DisplayNames([locale], { type: 'region' });\n  } catch {\n    displayNames = new Intl.DisplayNames(['en'], { type: 'region' });\n  }\n  const rows = countries.map<CountryRow>((code) => ({\n    code,\n    name: displayNames.of(code) ?? code,\n    dialCode: getCountryCallingCode(code),\n  }));\n  const collator = new Intl.Collator(locale);\n  return rows.sort((a, b) => collator.compare(a.name, b.name));\n}\n\nexport const PhoneInput = forwardRef<HTMLInputElement, PhoneInputProps>(\n  function PhoneInput(\n    {\n      value,\n      defaultValue,\n      defaultCountry,\n      detectBrowserCountry = false,\n      onChange,\n      size = 'md',\n      tone = 'default',\n      disabled,\n      readOnly,\n      placeholder,\n      popularCountries,\n      allowedCountries,\n      className,\n      id,\n      name,\n      nameFormat = 'national',\n      required,\n      onBlur,\n      'aria-label': ariaLabel,\n    },\n    ref,\n  ) {\n    const { t, i18n } = useTranslation('ui');\n    const ctx = useFormField();\n    const inFormField = useContext(FormFieldContext) !== null;\n\n    const supportedCountries = useMemo(\n      () => new Set(getCountries() as string[]),\n      [],\n    );\n\n    // Consumer-restricted country set, filtered to supported + deduped with\n    // order preserved. `null` means \"no restriction\" (every country shown).\n    const allowedList = useMemo<CountryCode[] | null>(() => {\n      if (!allowedCountries || allowedCountries.length === 0) return null;\n      const seen = new Set<string>();\n      const filtered = allowedCountries.filter((code) => {\n        if (!supportedCountries.has(code) || seen.has(code)) return false;\n        seen.add(code);\n        return true;\n      });\n      return filtered.length > 0 ? filtered : null;\n    }, [allowedCountries, supportedCountries]);\n\n    // A single allowed country has nothing to pick — render the dial code as a\n    // fixed, non-interactive prefix instead of a one-item picker.\n    const isCountryFixed = allowedList !== null && allowedList.length === 1;\n\n    const initialState = useMemo(() => {\n      const resolvedCountry = resolveDefaultCountry(\n        defaultCountry,\n        supportedCountries,\n        detectBrowserCountry,\n        i18n.language,\n        allowedList,\n      );\n      const raw = value ?? defaultValue;\n      if (raw) {\n        const parsed = parsePhoneNumberFromString(raw);\n        if (parsed?.country) {\n          // Clamp the parsed country to `allowedCountries` so the rendered dial\n          // code can never leave the allowed set — a single-country lock stays\n          // on its country even when handed an off-set value.\n          if (!allowedList || allowedList.includes(parsed.country)) {\n            return {\n              country: parsed.country,\n              display: parsed.formatNational(),\n              pinned: true,\n            };\n          }\n          return {\n            country: resolvedCountry,\n            display: new AsYouType(resolvedCountry).input(\n              parsed.nationalNumber,\n            ),\n            pinned: true,\n          };\n        }\n        return { country: resolvedCountry, display: raw, pinned: false };\n      }\n      return { country: resolvedCountry, display: '', pinned: false };\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, []);\n\n    const [country, setCountry] = useState<CountryCode>(initialState.country);\n    const [displayValue, setDisplayValue] = useState<string>(\n      initialState.display,\n    );\n    const [pickerOpen, setPickerOpen] = useState(false);\n    const [pickerSearch, setPickerSearch] = useState('');\n\n    const isControlled = value !== undefined;\n    const lastEmittedRef = useRef<string>('');\n    const pendingCaretRef = useRef<number | null>(null);\n    // Pins the country once the user (or an incoming value) selects one,\n    // so the locale-flip effect below stops re-resolving.\n    const userSelectedCountryRef = useRef(initialState.pinned);\n\n    const inputRef = useRef<HTMLInputElement | null>(null);\n    const composedInputRef = composeRefs(ref, inputRef);\n    // The number is written to the input's DOM property, never to its\n    // `value` attribute, where a copied outerHTML or a session replay\n    // could read it. Declared before the caret effect below, which places\n    // the caret in the text this one writes.\n    const syncDisplay = useDomValue(inputRef, displayValue);\n    const wrapperRef = useRef<HTMLDivElement | null>(null);\n    const pickerContentRef = useRef<HTMLDivElement | null>(null);\n\n    // Re-resolve the country when i18n.language flips from the bootstrap\n    // fallback to the real locale on first paint, unless the user has\n    // already pinned a country.\n    useEffect(() => {\n      if (userSelectedCountryRef.current) return;\n      const next = resolveDefaultCountry(\n        defaultCountry,\n        supportedCountries,\n        detectBrowserCountry,\n        i18n.language,\n        allowedList,\n      );\n      setCountry((prev) => (prev === next ? prev : next));\n    }, [\n      i18n.language,\n      defaultCountry,\n      supportedCountries,\n      detectBrowserCountry,\n      allowedList,\n    ]);\n\n    // Sync state back from a controlled `value` prop change that did not\n    // originate from this component (e.g. parent reset). Skip the sync when\n    // the incoming value matches what we just emitted.\n    useEffect(() => {\n      if (!isControlled) return;\n      const current = value ?? '';\n      if (current === lastEmittedRef.current) return;\n      if (current === '') {\n        setDisplayValue('');\n        return;\n      }\n      const parsed = parsePhoneNumberFromString(current);\n      if (\n        parsed?.country &&\n        (!allowedList || allowedList.includes(parsed.country))\n      ) {\n        userSelectedCountryRef.current = true;\n        setCountry(parsed.country);\n        setDisplayValue(parsed.formatNational());\n      } else {\n        // Off-set or unparseable controlled value — keep the country within the\n        // allowed set; only sync the displayed digits.\n        setDisplayValue(parsed ? parsed.formatNational() : current);\n      }\n    }, [value, isControlled, allowedList]);\n\n    useIsomorphicLayoutEffect(() => {\n      if (pendingCaretRef.current == null) return;\n      const pos = pendingCaretRef.current;\n      pendingCaretRef.current = null;\n      const node = inputRef.current;\n      if (node && document.activeElement === node) {\n        node.setSelectionRange(pos, pos);\n      }\n    });\n\n    const emit = useCallback(\n      (nextDisplay: string, nextCountry: CountryCode) => {\n        const parsed = parsePhoneNumberFromString(nextDisplay, nextCountry);\n        const e164 = parsed?.number ?? '';\n        lastEmittedRef.current = e164;\n        onChange?.(e164, {\n          country: nextCountry,\n          isValid: parsed?.isValid() ?? false,\n          isPossible: parsed?.isPossible() ?? false,\n          type: parsed?.getType(),\n        });\n      },\n      [onChange],\n    );\n\n    const controlId = useFormFieldControlId(ctx, id);\n    const inputId = id ?? (inFormField ? controlId : undefined);\n    const effectiveDisabled =\n      (inFormField ? ctx.disabled : false) || Boolean(disabled);\n    const effectiveRequired =\n      (inFormField ? ctx.required : false) || Boolean(required);\n    const effectiveInvalid = inFormField ? ctx.invalid : false;\n    const effectiveTone = effectiveInvalid ? 'error' : tone;\n    const describedBy =\n      inFormField && ctx.describedBy ? ctx.describedBy : undefined;\n\n    const resolvedPlaceholder =\n      placeholder ?? t('inputs.phone.placeholder', 'Phone number');\n\n    /* Focus leaving the whole control. The picker is portalled, so it is\n       outside the wrapper in the DOM but still part of the control. */\n    const onBlurRef = useRef(onBlur);\n    onBlurRef.current = onBlur;\n    const focusInsideRef = useRef(false);\n    const pressInsideRef = useRef(false);\n    const isInside = useCallback(\n      (node: EventTarget | null) =>\n        node instanceof Node &&\n        Boolean(\n          wrapperRef.current?.contains(node) ||\n          pickerContentRef.current?.contains(node),\n        ),\n      [],\n    );\n    const leave = useCallback(() => {\n      if (!focusInsideRef.current) return;\n      focusInsideRef.current = false;\n      onBlurRef.current?.();\n    }, []);\n    const handleFocus = () => {\n      focusInsideRef.current = true;\n    };\n    const handleBlur = (event: FocusEvent<HTMLDivElement>) => {\n      const next = event.relatedTarget;\n      if (isInside(next)) return;\n      /* Safari does not focus a button on click: pressing the country\n         button blurs the number field to nowhere. */\n      if (next === null && pressInsideRef.current) return;\n      leave();\n    };\n    const listensForBlur = onBlur !== undefined;\n    useEffect(() => {\n      if (!listensForBlur) return;\n      let check: number | undefined;\n      const onPointerDown = (event: PointerEvent) => {\n        pressInsideRef.current = isInside(event.target);\n        if (pressInsideRef.current) return;\n        /* A press outside closes the picker, and its focused search box\n           can unmount without a blur event. */\n        check = window.setTimeout(() => {\n          if (!isInside(document.activeElement)) leave();\n        }, 0);\n      };\n      const onPointerUp = () => {\n        pressInsideRef.current = false;\n      };\n      document.addEventListener('pointerdown', onPointerDown, true);\n      document.addEventListener('pointerup', onPointerUp, true);\n      document.addEventListener('pointercancel', onPointerUp, true);\n      return () => {\n        window.clearTimeout(check);\n        document.removeEventListener('pointerdown', onPointerDown, true);\n        document.removeEventListener('pointerup', onPointerUp, true);\n        document.removeEventListener('pointercancel', onPointerUp, true);\n      };\n    }, [listensForBlur, isInside, leave]);\n\n    const postsE164 = nameFormat === 'e164' && name !== undefined;\n    const e164Value = postsE164\n      ? (parsePhoneNumberFromString(displayValue, country)?.number ?? '')\n      : '';\n\n    const handleInputChange = (event: ChangeEvent<HTMLInputElement>) => {\n      // A keystroke the formatter drops (or a read-only field refuses)\n      // leaves the text as it was, so no render follows: ask for one, to\n      // take the refused character out.\n      syncDisplay();\n      if (readOnly) return;\n      const target = event.target;\n      const raw = target.value;\n      const caret = target.selectionStart ?? raw.length;\n      const digitsBefore = countDigitsBefore(raw, caret);\n\n      const formatter = new AsYouType(country);\n      const formatted = formatter.input(raw);\n\n      pendingCaretRef.current = positionAfterDigits(formatted, digitsBefore);\n      setDisplayValue(formatted);\n      emit(formatted, country);\n    };\n\n    const lastEmittedRefForHandle = lastEmittedRef;\n    const agentHandle = useMemo<PhoneInputHandle>(\n      () => ({\n        getValue: () => lastEmittedRefForHandle.current,\n        setValue: (next) => {\n          if (next === '') {\n            setDisplayValue('');\n            emit('', country);\n            return;\n          }\n          const parsed = parsePhoneNumberFromString(next);\n          if (parsed?.country) {\n            userSelectedCountryRef.current = true;\n            setCountry(parsed.country);\n            setDisplayValue(parsed.formatNational());\n            emit(parsed.formatNational(), parsed.country);\n          } else {\n            const formatter = new AsYouType(country);\n            const formatted = formatter.input(next);\n            setDisplayValue(formatted);\n            emit(formatted, country);\n          }\n        },\n        clear: () => {\n          setDisplayValue('');\n          emit('', country);\n        },\n        focus: () => inputRef.current?.focus(),\n      }),\n      [country, emit, lastEmittedRefForHandle],\n    );\n    useAgentRegistration(phoneInputAgent, agentHandle, id);\n    const exitOnTab = useNonModalTabExit(true, {\n      getAnchor: findPopoverTrigger,\n      onReturnToTrigger: () => setPickerOpen(false),\n    });\n\n    const handleCountrySelect = (nextCountry: CountryCode) => {\n      if (nextCountry === country) {\n        setPickerOpen(false);\n        return;\n      }\n      const digits = displayValue.replace(/\\D/g, '');\n      const formatter = new AsYouType(nextCountry);\n      const reformatted = digits ? formatter.input(digits) : '';\n      userSelectedCountryRef.current = true;\n      setCountry(nextCountry);\n      setDisplayValue(reformatted);\n      setPickerOpen(false);\n      setPickerSearch('');\n      emit(reformatted, nextCountry);\n      requestAnimationFrame(() => {\n        inputRef.current?.focus();\n      });\n    };\n\n    const countryRows = useMemo(\n      () =>\n        buildCountryRows(\n          i18n.language,\n          allowedList ?? (Array.from(supportedCountries) as CountryCode[]),\n        ),\n      [i18n.language, supportedCountries, allowedList],\n    );\n\n    const popularRows = useMemo(() => {\n      if (!popularCountries || popularCountries.length === 0) return [];\n      const byCode = new Map(countryRows.map((row) => [row.code, row]));\n      return popularCountries\n        .filter((code): code is CountryCode => supportedCountries.has(code))\n        .map((code) => byCode.get(code))\n        .filter((row): row is CountryRow => Boolean(row));\n    }, [popularCountries, countryRows, supportedCountries]);\n\n    const popularCodes = useMemo(\n      () => new Set(popularRows.map((row) => row.code)),\n      [popularRows],\n    );\n\n    const remainingRows = useMemo(\n      () =>\n        popularCodes.size > 0\n          ? countryRows.filter((row) => !popularCodes.has(row.code))\n          : countryRows,\n      [countryRows, popularCodes],\n    );\n\n    const selected = useMemo(\n      () => countryRows.find((row) => row.code === country),\n      [countryRows, country],\n    );\n    const selectedDialCode = selected ? selected.dialCode : '';\n    const selectedName = selected ? selected.name : country;\n\n    const triggerLabel = t('inputs.phone.countryPickerLabel', 'Country');\n    const triggerAccessibleName = `${triggerLabel}: ${selectedName}, +${selectedDialCode}`;\n\n    const filterFn = useCallback(\n      (candidate: string, searchStr: string, keywords?: string[]) => {\n        const normalizedCandidate = normalizeDiacritics(candidate);\n        const normalizedSearch = normalizeDiacritics(searchStr);\n        const normalizedKeywords = keywords?.map(normalizeDiacritics);\n        return defaultFilter(\n          normalizedCandidate,\n          normalizedSearch,\n          normalizedKeywords,\n        );\n      },\n      [],\n    );\n\n    const renderRow = (row: CountryRow) => {\n      const accessibleLabel = `${row.name}, +${row.dialCode}`;\n      return (\n        <Command.Item\n          key={row.code}\n          value={row.code}\n          keywords={[row.name, row.dialCode, `+${row.dialCode}`]}\n          onSelect={() => handleCountrySelect(row.code)}\n          className={pickerItemClasses}\n          aria-label={accessibleLabel}\n        >\n          <Flag country={row.code} size={flagSizeBySize[size]} />\n          <span className=\"ds:flex-1 ds:truncate\">{row.name}</span>\n          <bdi dir=\"ltr\" className=\"ds:text-muted-foreground ds:tabular-nums\">\n            +{row.dialCode}\n          </bdi>\n        </Command.Item>\n      );\n    };\n\n    return (\n      <div\n        ref={wrapperRef}\n        onFocus={handleFocus}\n        onBlur={handleBlur}\n        data-component=\"phone-input\"\n        data-component-id={id}\n        data-slot=\"phone-input\"\n        className={phoneInputWrapperVariants({\n          size,\n          tone: effectiveTone,\n          className,\n        })}\n      >\n        {isCountryFixed ? (\n          <span\n            data-slot=\"phone-country-fixed\"\n            className={`${countryTriggerVariants({ size })} ds:cursor-default ds:hover:bg-transparent`}\n          >\n            <span className=\"ds:sr-only\">{`${triggerLabel}: ${selectedName}`}</span>\n            <Flag country={country} size={flagSizeBySize[size]} />\n            <bdi dir=\"ltr\" className=\"ds:tabular-nums\">\n              +{selectedDialCode}\n            </bdi>\n          </span>\n        ) : (\n          <Popover.Root open={pickerOpen} onOpenChange={setPickerOpen}>\n            <Popover.Trigger asChild>\n              <button\n                type=\"button\"\n                disabled={effectiveDisabled}\n                // What opens is a dialog: a search box over the list.\n                aria-haspopup=\"dialog\"\n                aria-expanded={pickerOpen}\n                aria-label={triggerAccessibleName}\n                className={countryTriggerVariants({ size })}\n              >\n                <Flag country={country} size={flagSizeBySize[size]} />\n                <bdi dir=\"ltr\" className=\"ds:tabular-nums\">\n                  +{selectedDialCode}\n                </bdi>\n                <ChevronDown\n                  aria-hidden=\"true\"\n                  className={[\n                    chevronSizeBySize[size],\n                    'ds:shrink-0 ds:text-muted-foreground',\n                    'ds:transition-transform ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n                    pickerOpen ? 'ds:rotate-180' : '',\n                  ].join(' ')}\n                />\n              </button>\n            </Popover.Trigger>\n            <Popover.Portal>\n              <Popover.Content\n                ref={pickerContentRef}\n                onKeyDown={exitOnTab}\n                sideOffset={6}\n                align=\"start\"\n                // Radix gives the content role=\"dialog\" with no name.\n                aria-label={triggerLabel}\n                className={pickerContentClasses}\n              >\n                <Command\n                  filter={filterFn}\n                  shouldFilter\n                  loop\n                  label={triggerLabel}\n                >\n                  <Command.Input\n                    asChild\n                    value={pickerSearch}\n                    onValueChange={setPickerSearch}\n                  >\n                    <input\n                      data-phone-country-search=\"true\"\n                      type=\"text\"\n                      autoComplete=\"off\"\n                      autoCorrect=\"off\"\n                      spellCheck={false}\n                      placeholder={t(\n                        'inputs.phone.searchCountry',\n                        'Search countries…',\n                      )}\n                      className={pickerSearchClasses}\n                    />\n                  </Command.Input>\n                  <Command.List className={pickerListClasses}>\n                    <Command.Empty className={pickerEmptyClasses}>\n                      {t('inputs.phone.noCountryFound', 'No country found')}\n                    </Command.Empty>\n                    {popularRows.length > 0 ? (\n                      <Command.Group\n                        heading={\n                          <span className={pickerGroupHeadingClasses}>\n                            {t('inputs.phone.popularCountries', 'Popular')}\n                          </span>\n                        }\n                      >\n                        {popularRows.map(renderRow)}\n                      </Command.Group>\n                    ) : null}\n                    <Command.Group\n                      heading={\n                        popularRows.length > 0 ? (\n                          <span className={pickerGroupHeadingClasses}>\n                            {t('inputs.phone.allCountries', 'All countries')}\n                          </span>\n                        ) : undefined\n                      }\n                    >\n                      {remainingRows.map(renderRow)}\n                    </Command.Group>\n                  </Command.List>\n                </Command>\n              </Popover.Content>\n            </Popover.Portal>\n          </Popover.Root>\n        )}\n        <input\n          ref={composedInputRef}\n          id={inputId}\n          name={postsE164 ? undefined : name}\n          type=\"tel\"\n          inputMode=\"tel\"\n          autoComplete=\"tel-national\"\n          placeholder={resolvedPlaceholder}\n          disabled={effectiveDisabled}\n          readOnly={readOnly}\n          required={effectiveRequired}\n          aria-label={ariaLabel}\n          aria-describedby={describedBy}\n          aria-invalid={effectiveInvalid || undefined}\n          onChange={handleInputChange}\n          className={phoneNumberInputVariants({ size })}\n        />\n        {postsE164 ? (\n          <input\n            type=\"hidden\"\n            name={name}\n            value={e164Value}\n            disabled={effectiveDisabled}\n          />\n        ) : null}\n      </div>\n    );\n  },\n);\n\nPhoneInput.displayName = 'PhoneInput';\n\nexport {\n  phoneInputWrapperVariants,\n  countryTriggerVariants,\n  phoneNumberInputVariants,\n};\n"],"names":["phoneInputAgent","handle","args","phoneInputWrapperVariants","cva","countryTriggerVariants","phoneNumberInputVariants","pickerContentClasses","pickerSearchClasses","pickerListClasses","pickerItemClasses","MENU_ROW_HIGHLIGHT","pickerGroupHeadingClasses","pickerEmptyClasses","chevronSizeBySize","flagSizeBySize","countDigitsBefore","str","position","digits","i","positionAfterDigits","targetDigits","count","resolveDefaultCountry","explicit","supported","detectBrowser","locale","allowedList","allowed","ok","code","fromNavigator","match","candidate","region","buildCountryRows","countries","displayNames","rows","getCountryCallingCode","collator","a","b","PhoneInput","forwardRef","value","defaultValue","defaultCountry","detectBrowserCountry","onChange","size","tone","disabled","readOnly","placeholder","popularCountries","allowedCountries","className","id","name","nameFormat","required","onBlur","ariaLabel","ref","t","i18n","useTranslation","ctx","useFormField","inFormField","useContext","FormFieldContext","supportedCountries","useMemo","getCountries","seen","filtered","isCountryFixed","initialState","resolvedCountry","raw","parsed","parsePhoneNumberFromString","AsYouType","country","setCountry","useState","displayValue","setDisplayValue","pickerOpen","setPickerOpen","pickerSearch","setPickerSearch","isControlled","lastEmittedRef","useRef","pendingCaretRef","userSelectedCountryRef","inputRef","composedInputRef","composeRefs","syncDisplay","useDomValue","wrapperRef","pickerContentRef","useEffect","next","prev","current","useIsomorphicLayoutEffect","pos","node","emit","useCallback","nextDisplay","nextCountry","e164","controlId","useFormFieldControlId","inputId","effectiveDisabled","effectiveRequired","effectiveInvalid","effectiveTone","describedBy","resolvedPlaceholder","onBlurRef","focusInsideRef","pressInsideRef","isInside","_a","_b","leave","handleFocus","handleBlur","event","listensForBlur","check","onPointerDown","onPointerUp","postsE164","e164Value","handleInputChange","target","caret","digitsBefore","formatted","lastEmittedRefForHandle","agentHandle","useAgentRegistration","exitOnTab","useNonModalTabExit","findPopoverTrigger","handleCountrySelect","formatter","reformatted","countryRows","popularRows","byCode","row","popularCodes","remainingRows","selected","selectedDialCode","selectedName","triggerLabel","triggerAccessibleName","filterFn","searchStr","keywords","normalizedCandidate","normalizeDiacritics","normalizedSearch","normalizedKeywords","defaultFilter","renderRow","accessibleLabel","jsxs","Command","jsx","Flag","Popover","ChevronDown"],"mappings":"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"}

package/dist/_chunks/popover-BG75rYjN.js

@@ -0,0 +1,367 @@
+import { jsx as i, jsxs as $ } from "react/jsx-runtime";
+import { useState as V, useCallback as C, useRef as y, useEffect as N, useMemo as M, forwardRef as R, useId as X, useContext as m, createContext as k } from "react";
+import * as g from "@radix-ui/react-popover";
+import { c as F } from "./index-D2ZczOXr.js";
+import { useTranslation as ee } from "react-i18next";
+import { I as oe } from "./icon-button-COX76Jdj.js";
+import { u as te } from "./registry-DvAUVLHh.js";
+import { c as q } from "./compose-refs-C0k0tdqF.js";
+import { f as re, u as ne } from "./non-modal-tab-exit-j3CPOuE3.js";
+import { X as se } from "./x-B5YnXwCz.js";
+const ie = {
+  id: "popover",
+  capabilities: ["open", "close"],
+  state: {
+    isOpen: {
+      type: "boolean",
+      descriptionKey: "ui.agent.popover.state.isOpen",
+      description: "True when the popover is currently open.",
+      read: (e) => e.getIsOpen()
+    }
+  },
+  actions: {
+    open: {
+      safety: "read",
+      idempotent: !0,
+      descriptionKey: "ui.agent.popover.actions.open",
+      description: "Open the popover.",
+      invoke: (e) => {
+        e.open();
+      }
+    },
+    close: {
+      safety: "read",
+      idempotent: !0,
+      descriptionKey: "ui.agent.popover.actions.close",
+      description: "Close the popover.",
+      invoke: (e) => {
+        e.close();
+      }
+    }
+  },
+  domHooks: {
+    root: { attr: "data-component", value: "popover" },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop on Popover.Root."
+    }
+  }
+}, D = k({
+  headingId: void 0,
+  setHeadingId: () => {
+  },
+  descriptionId: void 0,
+  setDescriptionId: () => {
+  }
+}), G = k({
+  isHoverMode: !1,
+  clearHoverTimer: () => {
+  },
+  closeWithDelay: () => {
+  }
+}), E = k(null);
+function ae(e) {
+  var r;
+  if (!e) return null;
+  const o = (r = e.virtualAnchorRef.current) == null ? void 0 : r.current;
+  return e.triggerRef.current ? e.triggerRef.current : o instanceof HTMLElement ? o : e.anchorRef.current;
+}
+function de(e) {
+  if (e === "top" || e === "bottom") return e;
+  const o = typeof document < "u" && document.documentElement.dir === "rtl";
+  return e === "start" ? o ? "right" : "left" : o ? "left" : "right";
+}
+const ce = F(
+  [
+    // `--card-border` 32% alpha provides a subtle edge that survives dark
+    // without becoming a heavy outline. The previous transparent border
+    // relied on the drop-shadow alone, which reads as a faint halo against
+    // dark surfaces and lets the popover float as an unbounded blob; the
+    // earlier heavy `--border` (grey-800 since WCAG 1.4.11 bump in 67fef8c)
+    // overcorrected the other way and made the popover read as a charcoal
+    // box. The forced-colors override below upgrades the border to
+    // `CanvasText` so HCM still repaints a fully visible edge.
+    "ds:relative ds:bg-[var(--popover)] ds:border ds:border-[color:var(--card-border)] ds:rounded-[var(--radius-md)]",
+    "ds:p-[var(--spacing-md)]",
+    "ds:shadow-[var(--shadow-lg)]",
+    "ds:z-[var(--z-popover)]",
+    "ds:text-[var(--popover-foreground)] ds:text-[length:var(--font-size-sm)]",
+    "ds:break-words",
+    "ds:data-[state=open]:animate-in ds:data-[state=closed]:animate-out",
+    "ds:data-[state=closed]:fade-out-0 ds:data-[state=open]:fade-in-0",
+    "ds:data-[state=closed]:zoom-out-95 ds:data-[state=open]:zoom-in-95",
+    "ds:data-[side=bottom]:slide-in-from-top-2 ds:data-[side=left]:slide-in-from-right-2",
+    "ds:data-[side=right]:slide-in-from-left-2 ds:data-[side=top]:slide-in-from-bottom-2",
+    "ds:motion-reduce:transition-none ds:motion-reduce:animate-none",
+    "ds:forced-colors:border-[CanvasText]",
+    "ds:focus-visible:outline-none"
+  ].join(" "),
+  {
+    variants: {
+      size: {
+        sm: "ds:max-w-[var(--popover-size-sm)]",
+        md: "ds:max-w-[var(--popover-size-md)]",
+        lg: "ds:max-w-[var(--popover-size-lg)]"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+), J = k(void 0);
+function S({
+  openOn: e = "click",
+  children: o,
+  id: r,
+  open: t,
+  onOpenChange: n,
+  defaultOpen: s,
+  modal: u
+}) {
+  const [j, I] = V(s ?? !1), T = t !== void 0, h = T ? t : j, a = C(
+    (w) => {
+      T || I(w), n == null || n(w);
+    },
+    [T, n]
+  ), f = y(null), x = e === "hover" || e === "hover-or-click", c = C(() => {
+    f.current && (clearTimeout(f.current), f.current = null);
+  }, []), z = C(() => {
+    c(), f.current = setTimeout(() => {
+      a(!0);
+    }, 300);
+  }, [c, a]), b = C(() => {
+    c(), f.current = setTimeout(() => {
+      a(!1);
+    }, 300);
+  }, [c, a]);
+  N(() => () => c(), [c]);
+  const A = y(h);
+  N(() => {
+    A.current = h;
+  }, [h]);
+  const p = M(
+    () => ({
+      getIsOpen: () => A.current,
+      open: () => a(!0),
+      close: () => a(!1)
+    }),
+    [a]
+  );
+  te(ie, p, r);
+  const O = y(null), B = y(null), P = y(void 0), W = M(
+    () => ({
+      modal: u ?? !1,
+      close: () => a(!1),
+      triggerRef: O,
+      anchorRef: B,
+      virtualAnchorRef: P
+    }),
+    [u, a]
+  ), [H, d] = V(void 0), [l, v] = V(
+    void 0
+  ), L = x ? {
+    onMouseEnter: z,
+    onMouseLeave: b,
+    onFocus: () => {
+      c(), a(!0);
+    },
+    onBlur: b
+  } : {};
+  return /* @__PURE__ */ i(J.Provider, { value: r, children: /* @__PURE__ */ i(
+    D.Provider,
+    {
+      value: { headingId: H, setHeadingId: d, descriptionId: l, setDescriptionId: v },
+      children: /* @__PURE__ */ i(
+        G.Provider,
+        {
+          value: { isHoverMode: x, clearHoverTimer: c, closeWithDelay: b },
+          children: /* @__PURE__ */ i(E.Provider, { value: W, children: /* @__PURE__ */ i(
+            g.Root,
+            {
+              open: h,
+              onOpenChange: a,
+              modal: u,
+              children: x ? /* @__PURE__ */ i("span", { className: "ds:inline-flex", ...L, children: o }) : o
+            }
+          ) })
+        }
+      )
+    }
+  ) });
+}
+S.displayName = "Popover.Root";
+const K = R(({ children: e, ...o }, r) => {
+  var s;
+  const t = (s = m(E)) == null ? void 0 : s.triggerRef, n = M(
+    () => q(r, t),
+    [r, t]
+  );
+  return /* @__PURE__ */ i(g.Trigger, { ref: n, ...o, children: e });
+});
+K.displayName = "Popover.Trigger";
+const Q = R(({ virtualRef: e, ...o }, r) => {
+  const t = m(E), n = t == null ? void 0 : t.anchorRef, s = t == null ? void 0 : t.virtualAnchorRef, u = M(
+    () => q(r, n),
+    [r, n]
+  );
+  return N(() => {
+    if (s)
+      return s.current = e, () => {
+        s.current === e && (s.current = void 0);
+      };
+  }, [s, e]), /* @__PURE__ */ i(g.Anchor, { ref: u, virtualRef: e, ...o });
+});
+Q.displayName = "Popover.Anchor";
+const U = R(
+  ({
+    side: e = "bottom",
+    align: o = "center",
+    size: r = "md",
+    showArrow: t = !0,
+    className: n,
+    children: s,
+    onKeyDown: u,
+    onFocus: j,
+    onCloseAutoFocus: I,
+    ...T
+  }, h) => {
+    const { headingId: a, descriptionId: f } = m(D), x = m(J), {
+      isHoverMode: c,
+      clearHoverTimer: z,
+      closeWithDelay: b
+    } = m(G), A = de(e), p = m(E), O = C(
+      (d) => ae(p) ?? re(d),
+      [p]
+    ), B = ne(!(p != null && p.modal), {
+      getAnchor: O,
+      onReturnToTrigger: c || p == null ? void 0 : p.close
+    }), P = y(null), W = c ? {
+      onMouseEnter: z,
+      onMouseLeave: b,
+      onBlur: b
+    } : {}, H = j ?? (c ? z : void 0);
+    return /* @__PURE__ */ i(g.Portal, { children: /* @__PURE__ */ $(
+      g.Content,
+      {
+        ref: h,
+        side: A,
+        align: o,
+        sideOffset: 8,
+        collisionPadding: 8,
+        "aria-labelledby": a,
+        "aria-describedby": f,
+        className: ce({ size: r, className: n }),
+        "data-component": "popover",
+        "data-component-id": x,
+        ...W,
+        ...T,
+        onFocus: (d) => {
+          P.current = null, H == null || H(d);
+        },
+        onKeyDown: (d) => {
+          const l = d.currentTarget, v = l.ownerDocument, L = l.contains(v.activeElement);
+          u == null || u(d), B(d);
+          const w = !l.contains(v.activeElement);
+          d.key === "Tab" && L && w && (P.current = v);
+        },
+        onCloseAutoFocus: (d) => {
+          const l = P.current;
+          P.current = null;
+          const v = l == null ? void 0 : l.activeElement;
+          if (l && v && v !== l.body) {
+            d.preventDefault();
+            return;
+          }
+          I == null || I(d);
+        },
+        children: [
+          s,
+          t && /* @__PURE__ */ i(
+            g.Arrow,
+            {
+              width: 12,
+              height: 6,
+              className: "ds:fill-[var(--popover)]"
+            }
+          )
+        ]
+      }
+    ) });
+  }
+);
+U.displayName = "Popover.Content";
+const Y = R(
+  ({ className: e }, o) => {
+    const { t: r } = ee("ui");
+    return /* @__PURE__ */ i(
+      "div",
+      {
+        className: [
+          "ds:absolute ds:top-[var(--spacing-sm)] ds:end-[var(--spacing-sm)]",
+          e
+        ].filter(Boolean).join(" "),
+        children: /* @__PURE__ */ i(g.Close, { asChild: !0, children: /* @__PURE__ */ i(
+          oe,
+          {
+            ref: o,
+            icon: /* @__PURE__ */ i(se, {}),
+            intent: "ghost",
+            size: "sm",
+            "aria-label": r("common.close", "Close")
+          }
+        ) })
+      }
+    );
+  }
+);
+Y.displayName = "Popover.Close";
+const Z = R(
+  ({ as: e = "h3", className: o, ...r }, t) => {
+    const n = X(), { setHeadingId: s } = m(D);
+    return N(() => (s(n), () => s(void 0)), [n, s]), /* @__PURE__ */ i(
+      e,
+      {
+        ref: t,
+        id: n,
+        className: [
+          "type-title-item ds:leading-snug ds:break-words",
+          "ds:pe-[var(--spacing-xl)]",
+          o
+        ].filter(Boolean).join(" "),
+        ...r
+      }
+    );
+  }
+);
+Z.displayName = "Popover.Heading";
+const _ = R(({ className: e, ...o }, r) => {
+  const t = X(), { setDescriptionId: n } = m(D);
+  return N(() => (n(t), () => n(void 0)), [t, n]), /* @__PURE__ */ i(
+    "div",
+    {
+      ref: r,
+      id: t,
+      className: [
+        "ds:text-[var(--muted-foreground)] type-body-sm ds:mt-[var(--spacing-xs)]",
+        e
+      ].filter(Boolean).join(" "),
+      ...o
+    }
+  );
+});
+_.displayName = "Popover.Description";
+const Pe = Object.assign(S, {
+  Root: S,
+  Trigger: K,
+  Anchor: Q,
+  Content: U,
+  Close: Y,
+  Heading: Z,
+  Description: _
+});
+export {
+  Pe as P,
+  ie as p
+};
+//# sourceMappingURL=popover-BG75rYjN.js.map

package/dist/_chunks/popover-BG75rYjN.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover-BG75rYjN.js","sources":["../../src/components/popover/popover.agent.ts","../../src/components/popover/popover.tsx"],"sourcesContent":["import type { AgentAdapter } from '../../agent/types';\nimport type { PopoverHandle } from './popover';\n\nexport const popoverAgent: AgentAdapter<PopoverHandle> = {\n  id: 'popover',\n  capabilities: ['open', 'close'],\n  state: {\n    isOpen: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.popover.state.isOpen',\n      description: 'True when the popover is currently open.',\n      read: (handle) => handle.getIsOpen(),\n    },\n  },\n  actions: {\n    open: {\n      safety: 'read',\n      idempotent: true,\n      descriptionKey: 'ui.agent.popover.actions.open',\n      description: 'Open the popover.',\n      invoke: (handle) => {\n        handle.open();\n      },\n    },\n    close: {\n      safety: 'read',\n      idempotent: true,\n      descriptionKey: 'ui.agent.popover.actions.close',\n      description: 'Close the popover.',\n      invoke: (handle) => {\n        handle.close();\n      },\n    },\n  },\n  domHooks: {\n    root: { attr: 'data-component', value: 'popover' },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop on Popover.Root.',\n    },\n  },\n};\n","import {\n  createContext,\n  forwardRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n  type ComponentPropsWithoutRef,\n  type ElementRef,\n  type HTMLAttributes,\n  type MutableRefObject,\n  type ReactNode,\n} from 'react';\nimport * as RadixPopover from '@radix-ui/react-popover';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { X } from 'lucide-react';\nimport { IconButton } from '../button/icon-button';\nimport { useAgentRegistration } from '../../agent';\nimport { composeRefs } from '../_shared/compose-refs';\nimport {\n  findPopoverTrigger,\n  useNonModalTabExit,\n} from '../_shared/non-modal-tab-exit';\nimport { popoverAgent } from './popover.agent';\n\ninterface PopoverA11yContext {\n  headingId: string | undefined;\n  setHeadingId: (id: string | undefined) => void;\n  descriptionId: string | undefined;\n  setDescriptionId: (id: string | undefined) => void;\n}\n\nconst A11yContext = createContext<PopoverA11yContext>({\n  headingId: undefined,\n  setHeadingId: () => {},\n  descriptionId: undefined,\n  setDescriptionId: () => {},\n});\n\ninterface PopoverHoverContext {\n  isHoverMode: boolean;\n  clearHoverTimer: () => void;\n  closeWithDelay: () => void;\n}\n\nconst HoverContext = createContext<PopoverHoverContext>({\n  isHoverMode: false,\n  clearHoverTimer: () => {},\n  closeWithDelay: () => {},\n});\n\ntype VirtualAnchorRef = ComponentPropsWithoutRef<\n  typeof RadixPopover.Anchor\n>['virtualRef'];\n\n// Where a non-modal popover sits in reading order: Tab leaves to just after\n// its trigger, or its anchor when there is no trigger.\ninterface PopoverPlacementContext {\n  modal: boolean;\n  close: () => void;\n  triggerRef: MutableRefObject<HTMLElement | null>;\n  anchorRef: MutableRefObject<HTMLElement | null>;\n  virtualAnchorRef: MutableRefObject<VirtualAnchorRef>;\n}\n\nconst PlacementContext = createContext<PopoverPlacementContext | null>(null);\n\nfunction resolveAnchor(\n  placement: PopoverPlacementContext | null,\n): HTMLElement | null {\n  if (!placement) return null;\n  const virtual = placement.virtualAnchorRef.current?.current;\n  if (placement.triggerRef.current) return placement.triggerRef.current;\n  if (virtual instanceof HTMLElement) return virtual;\n  return placement.anchorRef.current;\n}\n\nfunction resolvePhysicalSide(\n  logicalSide: 'start' | 'top' | 'end' | 'bottom',\n): 'left' | 'top' | 'right' | 'bottom' {\n  if (logicalSide === 'top' || logicalSide === 'bottom') return logicalSide;\n  const isRtl =\n    typeof document !== 'undefined' && document.documentElement.dir === 'rtl';\n  if (logicalSide === 'start') return isRtl ? 'right' : 'left';\n  /* logicalSide === 'end' */\n  return isRtl ? 'left' : 'right';\n}\n\nconst contentVariants = cva(\n  [\n    // `--card-border` 32% alpha provides a subtle edge that survives dark\n    // without becoming a heavy outline. The previous transparent border\n    // relied on the drop-shadow alone, which reads as a faint halo against\n    // dark surfaces and lets the popover float as an unbounded blob; the\n    // earlier heavy `--border` (grey-800 since WCAG 1.4.11 bump in 67fef8c)\n    // overcorrected the other way and made the popover read as a charcoal\n    // box. The forced-colors override below upgrades the border to\n    // `CanvasText` so HCM still repaints a fully visible edge.\n    'ds:relative ds:bg-[var(--popover)] ds:border ds:border-[color:var(--card-border)] ds:rounded-[var(--radius-md)]',\n    'ds:p-[var(--spacing-md)]',\n    'ds:shadow-[var(--shadow-lg)]',\n    'ds:z-[var(--z-popover)]',\n    'ds:text-[var(--popover-foreground)] ds:text-[length:var(--font-size-sm)]',\n    'ds:break-words',\n    'ds:data-[state=open]:animate-in ds:data-[state=closed]:animate-out',\n    'ds:data-[state=closed]:fade-out-0 ds:data-[state=open]:fade-in-0',\n    'ds:data-[state=closed]:zoom-out-95 ds:data-[state=open]:zoom-in-95',\n    'ds:data-[side=bottom]:slide-in-from-top-2 ds:data-[side=left]:slide-in-from-right-2',\n    'ds:data-[side=right]:slide-in-from-left-2 ds:data-[side=top]:slide-in-from-bottom-2',\n    'ds:motion-reduce:transition-none ds:motion-reduce:animate-none',\n    'ds:forced-colors:border-[CanvasText]',\n    'ds:focus-visible:outline-none',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:max-w-[var(--popover-size-sm)]',\n        md: 'ds:max-w-[var(--popover-size-md)]',\n        lg: 'ds:max-w-[var(--popover-size-lg)]',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  },\n);\n\n// Curated agent-readiness handle — see popover.agent.ts.\nexport interface PopoverHandle {\n  getIsOpen: () => boolean;\n  open: () => void;\n  close: () => void;\n}\n\nexport interface PopoverRootProps extends ComponentPropsWithoutRef<\n  typeof RadixPopover.Root\n> {\n  openOn?: 'click' | 'hover' | 'hover-or-click';\n  /** Opaque instance id — forwarded to Popover.Content as `data-component-id`. */\n  id?: string;\n  children: ReactNode;\n}\n\nconst PopoverIdContext = createContext<string | undefined>(undefined);\n\nfunction PopoverRoot({\n  openOn = 'click',\n  children,\n  id,\n  open: controlledOpen,\n  onOpenChange,\n  defaultOpen,\n  modal,\n}: PopoverRootProps) {\n  const [internalOpen, setInternalOpen] = useState(defaultOpen ?? false);\n  const isControlled = controlledOpen !== undefined;\n  const isOpen = isControlled ? controlledOpen : internalOpen;\n\n  const handleOpenChange = useCallback(\n    (nextOpen: boolean) => {\n      if (!isControlled) setInternalOpen(nextOpen);\n      onOpenChange?.(nextOpen);\n    },\n    [isControlled, onOpenChange],\n  );\n\n  const hoverTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const isHoverMode = openOn === 'hover' || openOn === 'hover-or-click';\n\n  const clearHoverTimer = useCallback(() => {\n    if (hoverTimerRef.current) {\n      clearTimeout(hoverTimerRef.current);\n      hoverTimerRef.current = null;\n    }\n  }, []);\n\n  const openWithDelay = useCallback(() => {\n    clearHoverTimer();\n    hoverTimerRef.current = setTimeout(() => {\n      handleOpenChange(true);\n    }, 300);\n  }, [clearHoverTimer, handleOpenChange]);\n\n  const closeWithDelay = useCallback(() => {\n    clearHoverTimer();\n    hoverTimerRef.current = setTimeout(() => {\n      handleOpenChange(false);\n    }, 300);\n  }, [clearHoverTimer, handleOpenChange]);\n\n  useEffect(() => {\n    return () => clearHoverTimer();\n  }, [clearHoverTimer]);\n\n  // Agent handle.\n  const openRef = useRef(isOpen);\n  useEffect(() => {\n    openRef.current = isOpen;\n  }, [isOpen]);\n\n  const agentHandle = useMemo<PopoverHandle>(\n    () => ({\n      getIsOpen: () => openRef.current,\n      open: () => handleOpenChange(true),\n      close: () => handleOpenChange(false),\n    }),\n    [handleOpenChange],\n  );\n  useAgentRegistration(popoverAgent, agentHandle, id);\n\n  const triggerRef = useRef<HTMLElement | null>(null);\n  const anchorRef = useRef<HTMLElement | null>(null);\n  const virtualAnchorRef = useRef<VirtualAnchorRef>(undefined);\n  const placement = useMemo<PopoverPlacementContext>(\n    () => ({\n      modal: modal ?? false,\n      close: () => handleOpenChange(false),\n      triggerRef,\n      anchorRef,\n      virtualAnchorRef,\n    }),\n    [modal, handleOpenChange],\n  );\n\n  /* a11y context state */\n  const [headingId, setHeadingId] = useState<string | undefined>(undefined);\n  const [descriptionId, setDescriptionId] = useState<string | undefined>(\n    undefined,\n  );\n\n  const hoverHandlers = isHoverMode\n    ? {\n        onMouseEnter: openWithDelay,\n        onMouseLeave: closeWithDelay,\n        onFocus: () => {\n          clearHoverTimer();\n          handleOpenChange(true);\n        },\n        onBlur: closeWithDelay,\n      }\n    : {};\n\n  return (\n    <PopoverIdContext.Provider value={id}>\n      <A11yContext.Provider\n        value={{ headingId, setHeadingId, descriptionId, setDescriptionId }}\n      >\n        <HoverContext.Provider\n          value={{ isHoverMode, clearHoverTimer, closeWithDelay }}\n        >\n          <PlacementContext.Provider value={placement}>\n            <RadixPopover.Root\n              open={isOpen}\n              onOpenChange={handleOpenChange}\n              modal={modal}\n            >\n              {isHoverMode ? (\n                <span className=\"ds:inline-flex\" {...hoverHandlers}>\n                  {children}\n                </span>\n              ) : (\n                children\n              )}\n            </RadixPopover.Root>\n          </PlacementContext.Provider>\n        </HoverContext.Provider>\n      </A11yContext.Provider>\n    </PopoverIdContext.Provider>\n  );\n}\nPopoverRoot.displayName = 'Popover.Root';\n\nconst PopoverTrigger = forwardRef<\n  HTMLButtonElement,\n  ComponentPropsWithoutRef<typeof RadixPopover.Trigger>\n>(({ children, ...props }, ref) => {\n  const triggerRef = useContext(PlacementContext)?.triggerRef;\n  const composedRef = useMemo(\n    () => composeRefs<HTMLElement>(ref, triggerRef),\n    [ref, triggerRef],\n  );\n  return (\n    <RadixPopover.Trigger ref={composedRef} {...props}>\n      {children}\n    </RadixPopover.Trigger>\n  );\n});\nPopoverTrigger.displayName = 'Popover.Trigger';\n\n// Positions Content against an arbitrary element when a Trigger button is\n// unsuitable (e.g. an editor on a role=tab). Wraps Radix to record the anchor\n// for Tab order; props and ref pass straight through.\nconst PopoverAnchor = forwardRef<\n  ElementRef<typeof RadixPopover.Anchor>,\n  ComponentPropsWithoutRef<typeof RadixPopover.Anchor>\n>(({ virtualRef, ...props }, ref) => {\n  const placement = useContext(PlacementContext);\n  const anchorRef = placement?.anchorRef;\n  const virtualAnchorRef = placement?.virtualAnchorRef;\n  const composedRef = useMemo(\n    () => composeRefs<HTMLElement>(ref, anchorRef),\n    [ref, anchorRef],\n  );\n  useEffect(() => {\n    if (!virtualAnchorRef) return;\n    virtualAnchorRef.current = virtualRef;\n    return () => {\n      if (virtualAnchorRef.current === virtualRef) {\n        virtualAnchorRef.current = undefined;\n      }\n    };\n  }, [virtualAnchorRef, virtualRef]);\n  return (\n    <RadixPopover.Anchor ref={composedRef} virtualRef={virtualRef} {...props} />\n  );\n});\nPopoverAnchor.displayName = 'Popover.Anchor';\n\nexport interface PopoverContentProps\n  extends\n    Omit<\n      ComponentPropsWithoutRef<typeof RadixPopover.Content>,\n      'side' | 'align'\n    >,\n    VariantProps<typeof contentVariants> {\n  side?: 'start' | 'top' | 'end' | 'bottom';\n  align?: 'start' | 'center' | 'end';\n  size?: 'sm' | 'md' | 'lg';\n  showArrow?: boolean;\n  className?: string;\n  children: ReactNode;\n}\n\nconst PopoverContent = forwardRef<HTMLDivElement, PopoverContentProps>(\n  (\n    {\n      side = 'bottom',\n      align = 'center',\n      size = 'md',\n      showArrow = true,\n      className,\n      children,\n      onKeyDown,\n      onFocus,\n      onCloseAutoFocus,\n      ...props\n    },\n    ref,\n  ) => {\n    const { headingId, descriptionId } = useContext(A11yContext);\n    const instanceId = useContext(PopoverIdContext);\n    const {\n      isHoverMode: isHover,\n      clearHoverTimer: cancelTimer,\n      closeWithDelay: delayClose,\n    } = useContext(HoverContext);\n    const physicalSide = resolvePhysicalSide(side);\n\n    const placement = useContext(PlacementContext);\n    const getAnchor = useCallback(\n      (content: HTMLElement) =>\n        resolveAnchor(placement) ?? findPopoverTrigger(content),\n      [placement],\n    );\n    // A hover popover shows while its trigger has focus, so it stays open there.\n    const exitOnTab = useNonModalTabExit(!placement?.modal, {\n      getAnchor,\n      onReturnToTrigger: isHover ? undefined : placement?.close,\n    });\n    // The document Tab carried focus out into. If focus still rests there when\n    // the popover closes, the consumer's focus return is skipped.\n    const tabbedOutRef = useRef<Document | null>(null);\n\n    const contentHoverHandlers = isHover\n      ? {\n          onMouseEnter: cancelTimer,\n          onMouseLeave: delayClose,\n          onBlur: delayClose,\n        }\n      : {};\n    const handleFocus = onFocus ?? (isHover ? cancelTimer : undefined);\n\n    return (\n      <RadixPopover.Portal>\n        <RadixPopover.Content\n          ref={ref}\n          side={physicalSide}\n          align={align}\n          sideOffset={8}\n          collisionPadding={8}\n          aria-labelledby={headingId}\n          aria-describedby={descriptionId}\n          className={contentVariants({ size, className })}\n          data-component=\"popover\"\n          data-component-id={instanceId}\n          {...contentHoverHandlers}\n          {...props}\n          onFocus={(event) => {\n            tabbedOutRef.current = null;\n            handleFocus?.(event);\n          }}\n          onKeyDown={(event) => {\n            const content = event.currentTarget;\n            const doc = content.ownerDocument;\n            const wasInside = content.contains(doc.activeElement);\n            onKeyDown?.(event);\n            exitOnTab(event);\n            const isOut = !content.contains(doc.activeElement);\n            if (event.key === 'Tab' && wasInside && isOut) {\n              tabbedOutRef.current = doc;\n            }\n          }}\n          onCloseAutoFocus={(event) => {\n            const doc = tabbedOutRef.current;\n            tabbedOutRef.current = null;\n            const resting = doc?.activeElement;\n            if (doc && resting && resting !== doc.body) {\n              event.preventDefault();\n              return;\n            }\n            onCloseAutoFocus?.(event);\n          }}\n        >\n          {children}\n          {showArrow && (\n            <RadixPopover.Arrow\n              width={12}\n              height={6}\n              className=\"ds:fill-[var(--popover)]\"\n            />\n          )}\n        </RadixPopover.Content>\n      </RadixPopover.Portal>\n    );\n  },\n);\nPopoverContent.displayName = 'Popover.Content';\n\nconst PopoverClose = forwardRef<HTMLButtonElement, { className?: string }>(\n  ({ className }, ref) => {\n    const { t } = useTranslation('ui');\n\n    return (\n      <div\n        className={[\n          'ds:absolute ds:top-[var(--spacing-sm)] ds:end-[var(--spacing-sm)]',\n          className,\n        ]\n          .filter(Boolean)\n          .join(' ')}\n      >\n        <RadixPopover.Close asChild>\n          <IconButton\n            ref={ref}\n            icon={<X />}\n            intent=\"ghost\"\n            size=\"sm\"\n            aria-label={t('common.close', 'Close')}\n          />\n        </RadixPopover.Close>\n      </div>\n    );\n  },\n);\nPopoverClose.displayName = 'Popover.Close';\n\ninterface PopoverHeadingProps extends HTMLAttributes<HTMLHeadingElement> {\n  as?: 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n}\n\nconst PopoverHeading = forwardRef<HTMLHeadingElement, PopoverHeadingProps>(\n  ({ as: Tag = 'h3', className, ...props }, ref) => {\n    const generatedId = useId();\n    const { setHeadingId } = useContext(A11yContext);\n\n    useEffect(() => {\n      setHeadingId(generatedId);\n      return () => setHeadingId(undefined);\n    }, [generatedId, setHeadingId]);\n\n    return (\n      <Tag\n        ref={ref}\n        id={generatedId}\n        className={[\n          'type-title-item ds:leading-snug ds:break-words',\n          'ds:pe-[var(--spacing-xl)]',\n          className,\n        ]\n          .filter(Boolean)\n          .join(' ')}\n        {...props}\n      />\n    );\n  },\n);\nPopoverHeading.displayName = 'Popover.Heading';\n\n/**\n * The popover's description region.\n *\n * A `div`, not a `p`. A popover body routinely holds structured content —\n * the calendar's hover peek puts `KeyValuePair`s in here — and a `p` may\n * only contain phrasing content, so the browser silently closed the\n * paragraph and re-parented the rest. That breaks the DOM the\n * `aria-describedby` region points at, so the description a screen reader\n * announces was not the description on screen. React said so on every\n * open: \"validateDOMNesting: <div> cannot appear as a descendant of <p>\".\n *\n * The accessible wiring is by id, not by tag, so nothing about the\n * announcement depends on the element being a paragraph.\n */\nconst PopoverDescription = forwardRef<\n  HTMLDivElement,\n  HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => {\n  const generatedId = useId();\n  const { setDescriptionId } = useContext(A11yContext);\n\n  useEffect(() => {\n    setDescriptionId(generatedId);\n    return () => setDescriptionId(undefined);\n  }, [generatedId, setDescriptionId]);\n\n  return (\n    <div\n      ref={ref}\n      id={generatedId}\n      className={[\n        'ds:text-[var(--muted-foreground)] type-body-sm ds:mt-[var(--spacing-xs)]',\n        className,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      {...props}\n    />\n  );\n});\nPopoverDescription.displayName = 'Popover.Description';\n\nexport const Popover = Object.assign(PopoverRoot, {\n  Root: PopoverRoot,\n  Trigger: PopoverTrigger,\n  Anchor: PopoverAnchor,\n  Content: PopoverContent,\n  Close: PopoverClose,\n  Heading: PopoverHeading,\n  Description: PopoverDescription,\n});\n\nexport type { PopoverRootProps as PopoverProps, PopoverHeadingProps };\n"],"names":["popoverAgent","handle","A11yContext","createContext","HoverContext","PlacementContext","resolveAnchor","placement","virtual","_a","resolvePhysicalSide","logicalSide","isRtl","contentVariants","cva","PopoverIdContext","PopoverRoot","openOn","children","id","controlledOpen","onOpenChange","defaultOpen","modal","internalOpen","setInternalOpen","useState","isControlled","isOpen","handleOpenChange","useCallback","nextOpen","hoverTimerRef","useRef","isHoverMode","clearHoverTimer","openWithDelay","closeWithDelay","useEffect","openRef","agentHandle","useMemo","useAgentRegistration","triggerRef","anchorRef","virtualAnchorRef","headingId","setHeadingId","descriptionId","setDescriptionId","hoverHandlers","jsx","RadixPopover","PopoverTrigger","forwardRef","props","ref","useContext","composedRef","composeRefs","PopoverAnchor","virtualRef","PopoverContent","side","align","size","showArrow","className","onKeyDown","onFocus","onCloseAutoFocus","instanceId","isHover","cancelTimer","delayClose","physicalSide","getAnchor","content","findPopoverTrigger","exitOnTab","useNonModalTabExit","tabbedOutRef","contentHoverHandlers","handleFocus","jsxs","event","doc","wasInside","isOut","resting","PopoverClose","t","useTranslation","IconButton","X","PopoverHeading","Tag","generatedId","useId","PopoverDescription","Popover"],"mappings":"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"}

package/dist/_chunks/{practice-results-Dhbo-fc_.js → practice-results-D07wgCqV.js}

@@ -9,7 +9,7 @@ import { D } from "./dropdown-menu-BQSNVp4x.js";
 import { E as st } from "./empty-state-gNG3qYCX.js";
 import { M as it } from "./map-view-CO2v0hfp.js";
 import { R as Ne } from "./rating-C1Vrmpsi.js";
-import { S as I } from "./sheet-C7SwIxwB.js";
+import { S as I } from "./sheet-Dtjk0CVv.js";
 import { S as rt } from "./skeleton-B1KTdJ4N.js";
 import { S as ot } from "./spinner-CoflYlEx.js";
 import { B as $ } from "./badge-hnBt8o7n.js";
@@ -1742,4 +1742,4 @@ export {
   Ot as P,
   bt as p
 };
-//# sourceMappingURL=practice-results-Dhbo-fc_.js.map
+//# sourceMappingURL=practice-results-D07wgCqV.js.map