@alfadocs/ui-kit-debug 1.67.0 → 1.68.0

package/dist/_chunks/combobox-vF9O-QoG.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox-vF9O-QoG.js","sources":["../../src/components/combobox/combobox.agent.ts","../../src/components/combobox/combobox.tsx"],"sourcesContent":["import type { AgentAdapter } from '../../agent/types';\nimport type { ComboboxHandle } from './combobox';\n\nexport const comboboxAgent: AgentAdapter<ComboboxHandle> = {\n  id: 'combobox',\n  // Persisted single choice (value state + set_value) → select_single + set_value,\n  // plus type-to-filter and open/close of the option list.\n  capabilities: ['select_single', 'set_value', 'filter', 'open', 'close'],\n  state: {\n    value: {\n      type: 'string | null',\n      descriptionKey: 'ui.agent.combobox.state.value',\n      description:\n        'Currently-selected option value, or null when nothing is selected.',\n      read: (handle) => handle.getValue(),\n    },\n    query: {\n      type: 'string',\n      descriptionKey: 'ui.agent.combobox.state.query',\n      description: 'Current filter query in the combobox input.',\n      read: (handle) => handle.getQuery(),\n    },\n    isOpen: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.combobox.state.isOpen',\n      description: 'True when the option list is visible.',\n      read: (handle) => handle.getIsOpen(),\n    },\n  },\n  actions: {\n    set_value: {\n      // Persists the user's chosen option — reversible via the same UI.\n      safety: 'write',\n      argsType: '{ value: string | null }',\n      argsSchema: {\n        type: 'object',\n        properties: {\n          value: {\n            type: ['string', 'null'],\n            description: 'Option value to select, or null to clear.',\n          },\n        },\n        required: ['value'],\n      },\n      idempotent: true,\n      descriptionKey: 'ui.agent.combobox.actions.setValue',\n      description: 'Set the selected value programmatically.',\n      examples: [{ args: { value: 'it' }, note: 'Select the \"it\" option.' }],\n      invoke: (handle, args: { value: string | null }) => {\n        handle.setValue(args.value);\n      },\n    },\n    apply_filter: {\n      // Pure ephemeral filter of the visible options — no persisted change.\n      safety: 'read',\n      argsType: '{ query: string }',\n      argsSchema: {\n        type: 'object',\n        properties: {\n          query: { type: 'string', description: 'Filter text for the list.' },\n        },\n        required: ['query'],\n      },\n      idempotent: true,\n      descriptionKey: 'ui.agent.combobox.actions.applyFilter',\n      description: 'Set the filter query for the option list.',\n      invoke: (handle, args: { query: string }) => {\n        handle.setQuery(args.query);\n      },\n    },\n    clear_selection: {\n      // Discards the persisted choice — destructive (loses the selection).\n      safety: 'destructive',\n      idempotent: true,\n      descriptionKey: 'ui.agent.combobox.actions.clearSelection',\n      description: 'Clear the current selection.',\n      invoke: (handle) => {\n        handle.clear();\n      },\n    },\n    open: {\n      safety: 'read',\n      idempotent: true,\n      descriptionKey: 'ui.agent.combobox.actions.open',\n      description: 'Open the option list.',\n      invoke: (handle) => {\n        handle.open();\n      },\n    },\n    close: {\n      safety: 'read',\n      idempotent: true,\n      descriptionKey: 'ui.agent.combobox.actions.close',\n      description: 'Close the option list.',\n      invoke: (handle) => {\n        handle.close();\n      },\n    },\n  },\n  domHooks: {\n    root: { attr: 'data-component', value: 'combobox' },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n    item: {\n      attr: 'data-option-id',\n      description: 'Each option emits its value as data-option-id.',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type KeyboardEvent,\n  type MouseEvent,\n  type ReactElement,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport * as Popover from '@radix-ui/react-popover';\nimport { Command, defaultFilter, useCommandState } from 'cmdk';\nimport { cva } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Check, X } from 'lucide-react';\nimport {\n  FormFieldContext,\n  useFormField,\n  useFormFieldControlRef,\n} from '../form-field/form-field-context';\nimport type { OptionShape } from '../_shared/option';\nimport { composeRefs } from '../_shared/compose-refs';\nimport { normalizeDiacritics } from '../_shared/normalize-diacritics';\nimport { groupOptions } from '../_shared/group-options';\nimport { MENU_ROW_HIGHLIGHT } from '../_shared/menu-row';\nimport {\n  OPTION_BODY_CLASSES,\n  OPTION_END_CLASSES,\n  OPTION_LABEL_ROW_CLASSES,\n  optionDescriptionVariants,\n  optionLabelVariants,\n} from '../_shared/option-row';\nimport { useControllableState } from '../../hooks/use-controllable-state';\nimport { useIsomorphicLayoutEffect } from '../../hooks/use-isomorphic-layout-effect';\nimport {\n  INPUT_SURFACE_CHROME,\n  INPUT_SURFACE_HEIGHT,\n  INPUT_SURFACE_PADDING_X,\n  INPUT_SURFACE_TONE,\n} from '../_shared/input-surface';\nimport { useAgentRegistration } from '../../agent';\nimport { comboboxAgent } from './combobox.agent';\n\nexport type ComboboxOption<T extends string = string> = OptionShape<T>;\n\n// Curated agent-readiness handle — see combobox.agent.ts.\nexport interface ComboboxHandle {\n  getValue: () => string | null;\n  getQuery: () => string;\n  getIsOpen: () => boolean;\n  setValue: (value: string | null) => void;\n  setQuery: (query: string) => void;\n  clear: () => void;\n  open: () => void;\n  close: () => void;\n}\n\nexport interface ComboboxProps<T extends string = string> {\n  options: ComboboxOption<T>[];\n  value?: T | '';\n  defaultValue?: T;\n  onValueChange?: (value: T | '') => void;\n  placeholder?: string;\n  clearable?: boolean;\n  disabled?: boolean;\n  readOnly?: boolean;\n  required?: boolean;\n  name?: string;\n  id?: string;\n  size?: 'sm' | 'md' | 'lg';\n  tone?: 'default' | 'error';\n  /** Custom score. All three arguments are diacritics-stripped and\n   *  lower-cased. `label` is the option's label ('' for the create row).\n   *  The filter is not consulted while the query is still the chosen\n   *  option's own label: then every option shows. */\n  filter?: (value: string, search: string, label: string) => number;\n  allowCreate?: boolean;\n  onCreate?: (value: string) => void;\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  /** Query typed by the user (including IME commits and Clear), or set\n   * through the agent handle. Selection and closing do not emit queries.\n   * Pair with `filter` for host-provided results and `emptyMessage` for\n   * their state. This callback also fires when there are no options. */\n  onQueryChange?: (query: string) => void;\n  emptyMessage?: ReactNode;\n  'aria-label'?: string;\n  /**\n   * Invalid-state fallback for use OUTSIDE a `<FormField>` (e.g. an inline\n   * editor). Inside a FormField the context wins. Drives the error border and\n   * the input's `aria-invalid`.\n   */\n  'aria-invalid'?: boolean;\n  /**\n   * Error-message id fallback for use OUTSIDE a `<FormField>`. Inside a\n   * FormField the context's `describedBy` wins.\n   */\n  'aria-describedby'?: string;\n  /**\n   * The input's HTML `autocomplete` token (e.g. `country`,\n   * `address-level1`, WCAG 2.1 §1.3.5). With a token, the browser can fill\n   * the field from a saved address: text it fills in is matched to an\n   * option (see `matchAutofill`) and that option is chosen.\n   */\n  autoComplete?: string;\n  /**\n   * Which option the browser's filled-in text means: return its `value`,\n   * or `undefined` for none. Used only with `autoComplete`. The default\n   * matches an option's value or label, ignoring case and accents.\n   */\n  matchAutofill?: (text: string) => string | undefined;\n  /**\n   * Let a long option label wrap onto a second line instead of ending in an\n   * ellipsis. Longer still, it is clipped after two lines. Off by default.\n   * An option's `description` always sits on its own line under the label.\n   */\n  wrapOptionLabels?: boolean;\n  className?: string;\n}\n\nconst comboboxInputVariants = cva(\n  [\n    'ds:peer ds:w-full ds:bg-transparent ds:text-foreground ds:placeholder:text-muted-foreground',\n    'ds:outline-none ds:border-0',\n    'ds:disabled:cursor-not-allowed',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:text-[length:var(--font-size-sm)]',\n        md: 'ds:text-[length:var(--font-size-base)]',\n        lg: 'ds:text-[length:var(--font-size-lg)]',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  },\n);\n\nconst comboboxWrapperVariants = cva(\n  [\n    'ds:group ds:relative ds:inline-flex ds:items-center ds:gap-[var(--spacing-sm)] ds:w-full',\n    INPUT_SURFACE_CHROME,\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: `${INPUT_SURFACE_HEIGHT.sm} ${INPUT_SURFACE_PADDING_X.sm}`,\n        md: `${INPUT_SURFACE_HEIGHT.md} ${INPUT_SURFACE_PADDING_X.md}`,\n        lg: `${INPUT_SURFACE_HEIGHT.lg} ${INPUT_SURFACE_PADDING_X.lg}`,\n      },\n      tone: INPUT_SURFACE_TONE,\n    },\n    defaultVariants: {\n      size: 'md',\n      tone: 'default',\n    },\n  },\n);\n\nconst comboboxContentVariants = cva(\n  [\n    'ds:z-[var(--z-popover)] ds:overflow-hidden ds:w-[var(--radix-popover-trigger-width)]',\n    // A guard: the list is as wide as the field, so only a field that is\n    // itself wider than the screen could take it past the edge.\n    'ds:max-w-[var(--radix-popover-content-available-width)]',\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);\n\nconst comboboxItemVariants = cva(\n  [\n    'ds:relative ds:flex ds:cursor-pointer ds:items-center ds:gap-[var(--spacing-sm)]',\n    'ds:rounded-[var(--radius-sm)]',\n    'ds:text-foreground ds:outline-none ds:select-none',\n    MENU_ROW_HIGHLIGHT.selected,\n    'ds:aria-disabled:pointer-events-none ds:aria-disabled:opacity-50',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:min-h-8 ds:ps-3 ds:pe-3 ds:text-[length:var(--font-size-sm)]',\n        md: 'ds:min-h-[var(--min-target-size)] ds:ps-3 ds:pe-3 ds:text-[length:var(--font-size-base)]',\n        lg: 'ds:min-h-12 ds:ps-4 ds:pe-4 ds:text-[length:var(--font-size-lg)]',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  },\n);\n\nconst comboboxGroupHeadingClasses = [\n  'ds:ps-3 ds:pe-3 ds:py-1.5',\n  'type-eyebrow ds:text-muted-foreground',\n].join(' ');\n\nconst comboboxListClasses =\n  'ds:max-h-[18rem] ds:overflow-y-auto ds:p-[var(--spacing-xs)]';\n\nconst comboboxEmptyClasses =\n  'ds:ps-3 ds:pe-3 ds:py-2 type-body-sm ds:text-muted-foreground';\n\nconst iconSizeBySize = {\n  sm: 'ds:size-3.5',\n  md: 'ds:size-4',\n  lg: 'ds:size-5',\n} as const;\n\ninterface CreateRowProps {\n  search: string;\n  label: string;\n  iconClass: string;\n  size: 'sm' | 'md' | 'lg';\n  onSelect: (value: string) => void;\n}\n\nfunction ComboboxCreateRow({\n  search,\n  label,\n  iconClass,\n  size,\n  onSelect,\n}: CreateRowProps): ReactElement | null {\n  // Only surface the create row when no existing item matches the query.\n  const filteredCount = useCommandState((state) => state.filtered.count);\n  if (filteredCount > 0) return null;\n  return (\n    <Command.Item\n      value={`__combobox-create__${search}`}\n      keywords={[]}\n      forceMount\n      onSelect={() => onSelect(search)}\n      className={comboboxItemVariants({ size })}\n    >\n      <span\n        aria-hidden=\"true\"\n        className={`ds:inline-flex ds:items-center ds:justify-center ${iconClass}`}\n      />\n      <span className=\"ds:flex-1 ds:truncate\">{label}</span>\n    </Command.Item>\n  );\n}\n\nconst ComboboxImpl = forwardRef<HTMLInputElement, ComboboxProps>(\n  function Combobox(\n    {\n      options,\n      value,\n      defaultValue,\n      onValueChange,\n      placeholder,\n      clearable = false,\n      disabled,\n      readOnly,\n      required,\n      name,\n      id,\n      size = 'md',\n      tone = 'default',\n      filter: externalFilter,\n      allowCreate = false,\n      onCreate,\n      open: openProp,\n      onOpenChange,\n      onQueryChange,\n      emptyMessage,\n      className,\n      'aria-label': ariaLabel,\n      'aria-invalid': ariaInvalid,\n      'aria-describedby': ariaDescribedBy,\n      autoComplete,\n      matchAutofill,\n      wrapOptionLabels = false,\n    },\n    ref,\n  ) {\n    const { t } = useTranslation('ui');\n    const ctx = useFormField();\n    const inFormField = useContext(FormFieldContext) !== null;\n\n    const [currentValueRaw, setComboboxValue] = useControllableState<string>({\n      value,\n      defaultValue: defaultValue ?? '',\n      onChange: onValueChange as ((next: string) => void) | undefined,\n    });\n    const currentValue = currentValueRaw ?? '';\n\n    const selectedOption = useMemo(\n      () => options.find((o) => o.value === currentValue),\n      [options, currentValue],\n    );\n    const selectedLabel = selectedOption?.label ?? '';\n\n    const [search, setSearch] = useState<string>(selectedLabel);\n    const [internalOpen, setInternalOpen] = useState(false);\n    const isOpenControlled = openProp !== undefined;\n    const open = isOpenControlled ? openProp : internalOpen;\n    const composingRef = useRef(false);\n    /* The query is still the chosen option's own label: nothing typed yet. */\n    const untouched = selectedLabel !== '' && search === selectedLabel;\n\n    const inputRef = useRef<HTMLInputElement>(null);\n    const anchorRef = useRef<HTMLDivElement>(null);\n    const listRef = useRef<HTMLDivElement>(null);\n\n    /* cmdk writes its own id on the input and focuses it by that id, so\n       the field's label follows that id. */\n    useFormFieldControlRef(ctx, inputRef);\n\n    /* cmdk's relevance sort moves DOM nodes. Remounting the list once the\n       query is untouched again puts the options back in source order. */\n    const [listEpoch, setListEpoch] = useState(0);\n    const listMountedRef = useRef(false);\n    useIsomorphicLayoutEffect(() => {\n      /* The first render is already in source order. */\n      if (!listMountedRef.current) {\n        listMountedRef.current = true;\n        return;\n      }\n      if (untouched) setListEpoch((n) => n + 1);\n    }, [untouched]);\n\n    /* Whether the user has reached a row since the list opened or the\n       query changed: arrow keys, Home, End or the pointer. */\n    const navigatedRef = useRef(false);\n    useEffect(() => {\n      navigatedRef.current = false;\n    }, [search, open]);\n    /* True while the kit itself makes the chosen option the active row. */\n    const activatingRef = useRef(false);\n\n    /* Opening on an untouched value shows the chosen option mid-list.\n       Rect maths rather than scrollIntoView, which would scroll the page. */\n    useIsomorphicLayoutEffect(() => {\n      if (!open || !untouched || !currentValue) return;\n      const list = listRef.current;\n      const item = list?.querySelector<HTMLElement>(\n        `[data-option-id=\"${CSS.escape(currentValue)}\"]`,\n      );\n      if (!list || !item) return;\n      const listRect = list.getBoundingClientRect();\n      const itemRect = item.getBoundingClientRect();\n      /* The opening zoom scales both rects; scrollTop is unscaled. */\n      const scale =\n        list.offsetHeight > 0 ? listRect.height / list.offsetHeight : 1;\n      const offset = (itemRect.top - listRect.top) / (scale || 1);\n      const itemHeight = itemRect.height / (scale || 1);\n      list.scrollTop += offset - (list.clientHeight - itemHeight) / 2;\n      /* The chosen option becomes the active row, so the arrow keys move on\n         from it. cmdk's pointer path sets the row and the input's\n         aria-activedescendant without scrolling. */\n      activatingRef.current = true;\n      try {\n        item.dispatchEvent(new PointerEvent('pointermove', { bubbles: true }));\n      } finally {\n        activatingRef.current = false;\n      }\n      /* Only on opening: reading the value later must not scroll. */\n    }, [open]);\n\n    const autofillToken =\n      autoComplete && autoComplete !== 'off' ? autoComplete : undefined;\n    useIsomorphicLayoutEffect(() => {\n      const input = inputRef.current;\n      if (!input) return;\n      input.setAttribute('aria-expanded', String(open));\n      /* cmdk writes autocomplete=\"off\" over the prop on every render. */\n      if (autofillToken) input.setAttribute('autocomplete', autofillToken);\n    });\n\n    /* Text the browser fills in arrives as an input event that is not\n       typing: no input type, or a replacement. The listener sits on the\n       input itself, so it runs before React hands the change to cmdk. */\n    const autofilledRef = useRef(false);\n    useEffect(() => {\n      const input = inputRef.current;\n      if (!input || !autofillToken) return;\n      const onInput = (event: Event) => {\n        const inputType = (event as InputEvent).inputType;\n        autofilledRef.current =\n          !inputType || inputType === 'insertReplacementText';\n      };\n      input.addEventListener('input', onInput);\n      return () => input.removeEventListener('input', onInput);\n    }, [autofillToken]);\n\n    useEffect(() => {\n      if (!open) {\n        setSearch(selectedLabel);\n      }\n    }, [selectedLabel, open]);\n\n    const effectiveDisabled =\n      (inFormField ? ctx.disabled : false) || Boolean(disabled);\n    const effectiveReadOnly = Boolean(readOnly);\n    const effectiveRequired =\n      (inFormField ? ctx.required : false) || Boolean(required);\n    const effectiveInvalid = inFormField ? ctx.invalid : Boolean(ariaInvalid);\n    const effectiveTone = effectiveInvalid ? 'error' : tone;\n    const describedBy =\n      inFormField && ctx.describedBy ? ctx.describedBy : ariaDescribedBy;\n\n    const resolvedPlaceholder =\n      placeholder ?? t('inputs.combobox.placeholder', 'Search…');\n\n    const filterFn = useMemo(\n      () => (candidate: string, searchStr: string, keywords?: string[]) => {\n        if (composingRef.current) return 1;\n        /* Untouched query: every option shows, whatever the filter says. */\n        if (selectedLabel !== '' && searchStr === selectedLabel) return 1;\n        const normalizedCandidate = normalizeDiacritics(candidate);\n        const normalizedSearch = normalizeDiacritics(searchStr);\n        const normalizedKeywords = keywords?.map(normalizeDiacritics);\n        if (externalFilter) {\n          return externalFilter(\n            normalizedCandidate,\n            normalizedSearch,\n            normalizedKeywords?.[0] ?? '',\n          );\n        }\n        return defaultFilter(\n          normalizedCandidate,\n          normalizedSearch,\n          normalizedKeywords,\n        );\n      },\n      [externalFilter, selectedLabel],\n    );\n\n    const commit = (next: string) => {\n      setComboboxValue(next);\n    };\n\n    const setOpen = (next: boolean) => {\n      if (!isOpenControlled) setInternalOpen(next);\n      onOpenChange?.(next);\n    };\n\n    const handleSelect = (optValue: string) => {\n      const option = options.find((o) => o.value === optValue);\n      commit(optValue);\n      setSearch(option?.label ?? '');\n      setOpen(false);\n    };\n\n    const handleCreate = (nextValue: string) => {\n      onCreate?.(nextValue);\n      setOpen(false);\n    };\n\n    const optionForAutofill = (text: string) => {\n      const wanted = normalizeDiacritics(text.trim());\n      if (!wanted) return undefined;\n      const match = matchAutofill\n        ? matchAutofill(text.trim())\n        : options.find(\n            (o) =>\n              normalizeDiacritics(o.value) === wanted ||\n              normalizeDiacritics(o.label) === wanted,\n          )?.value;\n      return options.find((o) => o.value === match && !o.disabled);\n    };\n\n    const handleSearchChange = (next: string) => {\n      if (effectiveReadOnly) return;\n      if (autofilledRef.current) {\n        autofilledRef.current = false;\n        const option = optionForAutofill(next);\n        if (option) {\n          commit(option.value);\n          setSearch(option.label);\n          if (open) setOpen(false);\n          return;\n        }\n        /* Filled from another field and no option means it: the list\n           must not open over a field the user is not in. */\n        if (document.activeElement !== inputRef.current) {\n          setSearch(selectedLabel);\n          return;\n        }\n      }\n      setSearch(next);\n      if (!composingRef.current) onQueryChange?.(next);\n      if (!open && next.length > 0 && !composingRef.current) {\n        setOpen(true);\n      }\n    };\n\n    const handleFocus = () => {\n      if (!effectiveDisabled && !effectiveReadOnly) setOpen(true);\n    };\n\n    /* A pick keeps focus in the input, so no focus event follows. A\n       click on the focused input reopens the list instead. */\n    const handleClick = () => {\n      if (!open && !effectiveDisabled && !effectiveReadOnly) setOpen(true);\n    };\n\n    const handleCompositionStart = () => {\n      composingRef.current = true;\n    };\n\n    const handleCompositionEnd = () => {\n      composingRef.current = false;\n      if (effectiveReadOnly) return;\n      const next = inputRef.current?.value ?? '';\n      setSearch(next);\n      onQueryChange?.(next);\n      if (next.length > 0) setOpen(true);\n    };\n\n    const handleKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n      if (event.nativeEvent.isComposing) return;\n      if (\n        (event.key === 'ArrowDown' || event.key === 'ArrowUp') &&\n        !open &&\n        !effectiveDisabled &&\n        !effectiveReadOnly\n      ) {\n        /* The arrow that opens the list only opens it. The next arrow\n           moves on from the chosen option, or from the top. */\n        event.preventDefault();\n        setOpen(true);\n        return;\n      }\n      if (\n        event.key === 'ArrowDown' ||\n        event.key === 'ArrowUp' ||\n        event.key === 'Home' ||\n        event.key === 'End' ||\n        /* cmdk's own Ctrl+N, J, P and K move the highlight too. */\n        (event.ctrlKey && ['n', 'j', 'p', 'k'].includes(event.key))\n      ) {\n        navigatedRef.current = true;\n      }\n      /* Handled before cmdk sees it: Enter commits only a row the user\n         reached, never from a closed list. On an untouched open the lit\n         row is the chosen option, so keeping the value matches it. */\n      if (\n        event.key === 'Enter' &&\n        (!open || (!navigatedRef.current && (untouched || search === '')))\n      ) {\n        event.preventDefault();\n        if (open) setOpen(false);\n        return;\n      }\n      if (event.key === 'Escape' && open) {\n        event.preventDefault();\n        setOpen(false);\n        setSearch(selectedLabel);\n      }\n    };\n\n    const handleClear = (event: MouseEvent<HTMLButtonElement>) => {\n      event.preventDefault();\n      event.stopPropagation();\n      commit('');\n      setSearch('');\n      onQueryChange?.('');\n      setOpen(true);\n      inputRef.current?.focus();\n    };\n\n    const handleOpenChange = (next: boolean) => {\n      if (effectiveReadOnly && next) return;\n      setOpen(next);\n      if (!next) setSearch(selectedLabel);\n    };\n\n    // Agent handle — refs mirror state for fresh reads.\n    const valueRef = useRef<string>(currentValue);\n    useEffect(() => {\n      valueRef.current = currentValue;\n    }, [currentValue]);\n    const searchRef = useRef<string>(search);\n    useEffect(() => {\n      searchRef.current = search;\n    }, [search]);\n    const openRef = useRef<boolean>(open);\n    useEffect(() => {\n      openRef.current = open;\n    }, [open]);\n\n    const setOpenStable = useCallback(\n      (next: boolean) => {\n        if (!isOpenControlled) setInternalOpen(next);\n        onOpenChange?.(next);\n      },\n      [isOpenControlled, onOpenChange],\n    );\n\n    const agentHandle = useMemo<ComboboxHandle>(\n      () => ({\n        getValue: () => valueRef.current || null,\n        getQuery: () => searchRef.current,\n        getIsOpen: () => openRef.current,\n        setValue: (next) => {\n          const v = next ?? '';\n          setComboboxValue(v);\n          const opt = options.find((o) => o.value === v);\n          setSearch(opt?.label ?? '');\n        },\n        setQuery: (query) => {\n          setSearch(query);\n          onQueryChange?.(query);\n        },\n        clear: () => {\n          setComboboxValue('');\n          setSearch('');\n          onQueryChange?.('');\n        },\n        open: () => setOpenStable(true),\n        close: () => setOpenStable(false),\n      }),\n      [setComboboxValue, options, setOpenStable, onQueryChange],\n    );\n    useAgentRegistration(comboboxAgent, agentHandle, id);\n\n    const showClear =\n      clearable &&\n      Boolean(currentValue) &&\n      !effectiveDisabled &&\n      !effectiveReadOnly;\n\n    const groups = groupOptions(options);\n    const iconClass = iconSizeBySize[size];\n\n    return (\n      <Popover.Root open={open} onOpenChange={handleOpenChange}>\n        <Command\n          filter={filterFn}\n          shouldFilter\n          loop\n          // cmdk points the input's `aria-labelledby` at its own hidden\n          // `<label cmdk-label>`, whose text is this `label`: it is the\n          // input's accessible name. The caller's `aria-label` wins, then\n          // the FormField's label. The placeholder is the last resort, so\n          // the input is never unnamed.\n          label={ariaLabel ?? (ctx.label || resolvedPlaceholder)}\n          className=\"ds:w-full\"\n        >\n          <Popover.Anchor asChild>\n            <div\n              ref={anchorRef}\n              className={comboboxWrapperVariants({\n                size,\n                tone: effectiveTone,\n                className,\n              })}\n              data-component=\"combobox\"\n              data-component-id={id}\n            >\n              <Command.Input\n                ref={composeRefs(ref, inputRef)}\n                value={search}\n                onValueChange={handleSearchChange}\n                // The picked label shows in the field: keep its direction.\n                dir={selectedOption?.dir}\n                name={name}\n                placeholder={resolvedPlaceholder}\n                disabled={effectiveDisabled}\n                readOnly={effectiveReadOnly}\n                required={effectiveRequired}\n                autoComplete={autoComplete}\n                // cmdk writes `id` and `aria-labelledby` after the props it\n                // is given, so neither can be set here: the name goes through\n                // the Command root's `label` above.\n                aria-describedby={describedBy}\n                aria-invalid={effectiveInvalid || undefined}\n                onFocus={handleFocus}\n                onClick={handleClick}\n                onKeyDown={handleKeyDown}\n                onCompositionStart={handleCompositionStart}\n                onCompositionEnd={handleCompositionEnd}\n                className={comboboxInputVariants({ size })}\n              />\n              {showClear ? (\n                <button\n                  type=\"button\"\n                  aria-label={t('inputs.combobox.clear', 'Clear selection')}\n                  onClick={handleClear}\n                  onPointerDown={(event) => event.stopPropagation()}\n                  className={[\n                    'ds:inline-flex ds:items-center ds:justify-center ds:rounded-[var(--radius-sm)]',\n                    'ds:text-muted-foreground ds:hover:text-foreground',\n                    'ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-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:size-4 ds:shrink-0',\n                    /* A 24px hit area with no visual change. */\n                    \"ds:relative ds:before:absolute ds:before:inset-[calc(var(--spacing-xs)*-1)] ds:before:content-['']\",\n                  ].join(' ')}\n                >\n                  <X aria-hidden=\"true\" className=\"ds:size-3.5\" />\n                </button>\n              ) : null}\n            </div>\n          </Popover.Anchor>\n          <Popover.Portal forceMount>\n            <Popover.Content\n              // `forceMount` keeps the listbox in the DOM while the popover\n              // is closed so the input's cmdk-set `aria-controls` always\n              // points at a real id (axe's aria-valid-attr-value rule).\n              // The CSS visibility / pointer-events is gated by data-state.\n              forceMount\n              hidden={!open}\n              // Radix Popover.Content carries `role=\"dialog\"`; axe's\n              // `aria-dialog-name` rule requires a name. Surface the\n              // surrounding combobox label so the popover is named after\n              // the field it serves (or fall back to the i18n default).\n              aria-label={\n                ariaLabel ?? t('inputs.combobox.popupLabel', 'Options')\n              }\n              onOpenAutoFocus={(event) => event.preventDefault()}\n              onCloseAutoFocus={(event) => event.preventDefault()}\n              onInteractOutside={(event) => {\n                const target = event.target as Node | null;\n                if (target && anchorRef.current?.contains(target)) {\n                  event.preventDefault();\n                }\n              }}\n              sideOffset={4}\n              align=\"start\"\n              className={comboboxContentVariants()}\n            >\n              <Command.List\n                key={listEpoch}\n                ref={listRef}\n                className={comboboxListClasses}\n                onPointerMove={() => {\n                  if (!activatingRef.current) navigatedRef.current = true;\n                }}\n                /* The list is focusable: without this a pointer pick\n                   moves focus into it, then loses it to the page when\n                   the list hides. */\n                onMouseDown={(event) => event.preventDefault()}\n              >\n                <Command.Empty className={comboboxEmptyClasses}>\n                  {/* cmdk owns the presentational wrapper. This unavailable\n                      option gives an empty list valid semantics without\n                      registering a selectable cmdk item. */}\n                  <div role=\"option\" aria-selected={false} aria-disabled=\"true\">\n                    {emptyMessage ??\n                      t('inputs.combobox.empty', 'No results found')}\n                  </div>\n                </Command.Empty>\n                {groups.map(({ group, items }, groupIndex) => {\n                  const body = items.map((option) => {\n                    const isSelected = option.value === currentValue;\n                    return (\n                      <Command.Item\n                        /* The label is in the key because cmdk only reads\n                           keywords when the value changes. */\n                        key={`${option.value}\\u0000${option.label}`}\n                        value={option.value}\n                        data-option-id={option.value}\n                        keywords={[option.label]}\n                        disabled={option.disabled}\n                        onSelect={handleSelect}\n                        className={comboboxItemVariants({ size })}\n                      >\n                        <span\n                          aria-hidden=\"true\"\n                          className={`ds:inline-flex ds:items-center ds:justify-center ${iconClass}`}\n                        >\n                          {isSelected ? <Check className={iconClass} /> : null}\n                        </span>\n                        {option.startAdornment ? (\n                          // Decorative by contract — the option's accessible\n                          // name comes from its label. Hide so a text-bearing\n                          // adornment can't leak into the computed name.\n                          <span\n                            aria-hidden=\"true\"\n                            className=\"ds:inline-flex ds:items-center ds:shrink-0\"\n                          >\n                            {option.startAdornment}\n                          </span>\n                        ) : null}\n                        {option.description || wrapOptionLabels ? (\n                          // Stacked: the label and its end content on one\n                          // row, the description on a line of its own\n                          // under them. In this DOM order the option's\n                          // name reads label, end content, description.\n                          <span\n                            className={`${OPTION_BODY_CLASSES} ds:py-[var(--spacing-xs)]`}\n                          >\n                            <span className={OPTION_LABEL_ROW_CLASSES}>\n                              <span\n                                dir={option.dir}\n                                className={optionLabelVariants({\n                                  wrap: wrapOptionLabels,\n                                  className: 'ds:flex-1',\n                                })}\n                              >\n                                {option.label}\n                              </span>\n                              {option.endContent ? (\n                                // Announced, as below.\n                                <span className={OPTION_END_CLASSES}>\n                                  {option.endContent}\n                                </span>\n                              ) : null}\n                            </span>\n                            {option.description ? (\n                              <span\n                                className={optionDescriptionVariants({\n                                  tone: option.descriptionTone,\n                                })}\n                              >\n                                {option.description}\n                              </span>\n                            ) : null}\n                          </span>\n                        ) : (\n                          <>\n                            <span\n                              dir={option.dir}\n                              className=\"ds:flex-1 ds:truncate\"\n                            >\n                              {option.label}\n                            </span>\n                            {option.endContent ? (\n                              // Deliberately NOT aria-hidden — unlike\n                              // `startAdornment`, this slot carries meaning\n                              // (a price, a count) and must reach the\n                              // option's accessible name. `ms-auto` pins it\n                              // to the inline-end and flips under RTL.\n                              <span className=\"ds:inline-flex ds:items-center ds:ms-auto ds:shrink-0\">\n                                {option.endContent}\n                              </span>\n                            ) : null}\n                          </>\n                        )}\n                      </Command.Item>\n                    );\n                  });\n                  if (!group) {\n                    return (\n                      <Command.Group key={`group-${groupIndex}`}>\n                        {body}\n                      </Command.Group>\n                    );\n                  }\n                  return (\n                    <Command.Group\n                      key={`group-${group}`}\n                      heading={\n                        <span className={comboboxGroupHeadingClasses}>\n                          {group}\n                        </span>\n                      }\n                    >\n                      {body}\n                    </Command.Group>\n                  );\n                })}\n                {allowCreate && search.length > 0 ? (\n                  <ComboboxCreateRow\n                    search={search}\n                    label={t('inputs.combobox.create', 'Create \"{{value}}\"', {\n                      value: search,\n                    })}\n                    iconClass={iconClass}\n                    size={size}\n                    onSelect={handleCreate}\n                  />\n                ) : null}\n              </Command.List>\n            </Popover.Content>\n          </Popover.Portal>\n        </Command>\n      </Popover.Root>\n    );\n  },\n);\nComboboxImpl.displayName = 'Combobox';\n\ninterface ComboboxComponent {\n  <T extends string = string>(\n    props: ComboboxProps<T> & { ref?: Ref<HTMLInputElement> },\n  ): ReactElement | null;\n  displayName?: string;\n}\n\n// forwardRef erases component-level generics, so we re-widen via a callable\n// interface to preserve the `<T extends string>` signature at the call site.\nexport const Combobox = ComboboxImpl as unknown as ComboboxComponent;\n\nexport {\n  comboboxInputVariants,\n  comboboxWrapperVariants,\n  comboboxContentVariants,\n  comboboxItemVariants,\n};\n"],"names":["comboboxAgent","handle","args","comboboxInputVariants","cva","comboboxWrapperVariants","INPUT_SURFACE_CHROME","INPUT_SURFACE_HEIGHT","INPUT_SURFACE_PADDING_X","INPUT_SURFACE_TONE","comboboxContentVariants","comboboxItemVariants","MENU_ROW_HIGHLIGHT","comboboxGroupHeadingClasses","comboboxListClasses","comboboxEmptyClasses","iconSizeBySize","ComboboxCreateRow","search","label","iconClass","size","onSelect","useCommandState","state","jsxs","Command","jsx","ComboboxImpl","forwardRef","options","value","defaultValue","onValueChange","placeholder","clearable","disabled","readOnly","required","name","id","tone","externalFilter","allowCreate","onCreate","openProp","onOpenChange","onQueryChange","emptyMessage","className","ariaLabel","ariaInvalid","ariaDescribedBy","autoComplete","matchAutofill","wrapOptionLabels","ref","t","useTranslation","ctx","useFormField","inFormField","useContext","FormFieldContext","currentValueRaw","setComboboxValue","useControllableState","currentValue","selectedOption","useMemo","o","selectedLabel","setSearch","useState","internalOpen","setInternalOpen","isOpenControlled","open","composingRef","useRef","untouched","inputRef","anchorRef","listRef","useFormFieldControlRef","listEpoch","setListEpoch","listMountedRef","useIsomorphicLayoutEffect","n","navigatedRef","useEffect","activatingRef","list","item","listRect","itemRect","scale","offset","itemHeight","autofillToken","input","autofilledRef","onInput","event","inputType","effectiveDisabled","effectiveReadOnly","effectiveRequired","effectiveInvalid","effectiveTone","describedBy","resolvedPlaceholder","filterFn","candidate","searchStr","keywords","normalizedCandidate","normalizeDiacritics","normalizedSearch","normalizedKeywords","defaultFilter","commit","next","setOpen","handleSelect","optValue","option","handleCreate","nextValue","optionForAutofill","text","wanted","match","_a","handleSearchChange","handleFocus","handleClick","handleCompositionStart","handleCompositionEnd","handleKeyDown","handleClear","handleOpenChange","valueRef","searchRef","openRef","setOpenStable","useCallback","agentHandle","v","opt","query","useAgentRegistration","showClear","groups","groupOptions","Popover","composeRefs","X","target","group","items","groupIndex","body","isSelected","Check","OPTION_BODY_CLASSES","OPTION_LABEL_ROW_CLASSES","optionLabelVariants","OPTION_END_CLASSES","optionDescriptionVariants","Fragment","Combobox"],"mappings":"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"}

package/dist/_chunks/{contact-profile-card-C4-OCshj.js → contact-profile-card-CAwwOqHl.js}

@@ -27,7 +27,7 @@ const ge = {
       type: "string",
       descriptionKey: "ui.agent.contactProfileCard.state.profession",
       description: "Profession string the card is currently rendering — undefined when the consumer omitted it.",
-      read: (o) => o.getProfession()
+      read: (i) => i.getProfession()
     }
   },
   actions: {},
@@ -59,23 +59,23 @@ const ge = {
     defaultVariants: { surface: "elevated" }
   }
 );
-function Ce(o) {
-  return o.replace(/[^\d+]/g, "");
+function be(i) {
+  return i.replace(/[^\d+]/g, "");
 }
-function be(o, r) {
-  const a = `https://wa.me/${o}`;
+function Ce(i, r) {
+  const a = `https://wa.me/${i}`;
   return r ? `${a}?text=${encodeURIComponent(r)}` : a;
 }
-function xe(o) {
-  return `https://www.google.com/maps/search/?api=1&query=${encodeURIComponent(o.line)}`;
+function xe(i) {
+  return `https://www.google.com/maps/search/?api=1&query=${encodeURIComponent(i.line)}`;
 }
 function Pe() {
   if (typeof document > "u") return "4945a3";
-  const o = getComputedStyle(document.documentElement).getPropertyValue("--map-marker-color").trim(), r = /^#?([0-9a-fA-F]{6})$/.exec(o);
+  const i = getComputedStyle(document.documentElement).getPropertyValue("--map-marker-color").trim(), r = /^#?([0-9a-fA-F]{6})$/.exec(i);
   return r ? r[1] : "4945a3";
 }
-function ye({ apiKey: o, center: r, zoom: a, altText: s }) {
-  const c = Pe(), u = `https://maps.googleapis.com/maps/api/staticmap?center=${r.lat},${r.lng}&zoom=${a}&size=640x192&scale=2&markers=color:0x${c}%7C${r.lat},${r.lng}&key=${encodeURIComponent(o)}`;
+function ye({ apiKey: i, center: r, zoom: a, altText: s }) {
+  const c = Pe(), u = `https://maps.googleapis.com/maps/api/staticmap?center=${r.lat},${r.lng}&zoom=${a}&size=640x192&scale=2&markers=color:0x${c}%7C${r.lat},${r.lng}&key=${encodeURIComponent(i)}`;
   return /* @__PURE__ */ e(
     "img",
     {
@@ -91,7 +91,7 @@ function ye({ apiKey: o, center: r, zoom: a, altText: s }) {
 }
 const ke = le(
   ({
-    heading: o,
+    heading: i,
     description: r,
     address: a,
     phone: s,
@@ -102,9 +102,9 @@ const ke = le(
     languages: g,
     languageLabels: p,
     insurances: v,
-    firstVisitPriceCents: C,
+    firstVisitPriceCents: b,
     currencyCode: y = "EUR",
-    profession: b,
+    profession: C,
     specializedInFearPatients: L,
     googleMapsApiKey: k,
     mapZoom: j = 14,
@@ -121,21 +121,21 @@ const ke = le(
     className: ee,
     ...ae
   }, te) => {
-    const { t, i18n: M } = pe("ui"), $ = se(), A = M.language ?? "en", N = o ?? t("contactProfileCard.heading"), re = Z ?? N, R = ce(() => {
-      if (C != null)
+    const { t, i18n: M } = pe("ui"), $ = se(), A = M.language ?? "en", N = i ?? t("contactProfileCard.heading"), re = Z ?? N, R = ce(() => {
+      if (b != null)
         return me(
-          C,
+          b,
           y,
           A,
           t("common.freeOfCharge")
         );
-    }, [C, y, A, t]), n = [];
+    }, [b, y, A, t]), n = [];
     if (a && n.push({
       key: "address",
       icon: /* @__PURE__ */ e(G, { "aria-hidden": "true" }),
       label: t("contactProfileCard.label.address"),
       value: /* @__PURE__ */ f("span", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]", children: [
-        /* @__PURE__ */ e("span", { children: a.line }),
+        /* @__PURE__ */ e("span", { dir: "auto", children: a.line }),
         a.lat != null && a.lng != null ? /* @__PURE__ */ e(
           d,
           {
@@ -154,10 +154,10 @@ const ke = le(
       value: /* @__PURE__ */ e(
         d,
         {
-          href: `tel:${Ce(s)}`,
+          href: `tel:${be(s)}`,
           intent: "default",
           onClick: q,
-          children: s
+          children: /* @__PURE__ */ e("bdi", { dir: "ltr", children: s })
         }
       )
     }), c && n.push({
@@ -167,11 +167,11 @@ const ke = le(
       value: /* @__PURE__ */ e(
         d,
         {
-          href: be(c, u),
+          href: Ce(c, u),
           external: !0,
           intent: "default",
           onClick: W,
-          children: c
+          children: /* @__PURE__ */ e("bdi", { dir: "ltr", children: c })
         }
       )
     }), m && n.push({
@@ -184,16 +184,16 @@ const ke = le(
           href: `mailto:${m}`,
           intent: "default",
           onClick: Y,
-          children: m
+          children: /* @__PURE__ */ e("bdi", { dir: "ltr", children: m })
         }
       )
     }), h && n.push({
       key: "website",
       icon: /* @__PURE__ */ e(B, { "aria-hidden": "true" }),
       label: t("contactProfileCard.label.website"),
-      value: /* @__PURE__ */ e(d, { href: h, external: !0, intent: "default", children: h })
+      value: /* @__PURE__ */ e(d, { href: h, external: !0, intent: "default", children: /* @__PURE__ */ e("bdi", { dir: "ltr", children: h }) })
     }), g && g.length > 0) {
-      const i = (l) => {
+      const o = (l) => {
         if (p != null && p[l]) return p[l];
         const I = `languages.${l}`;
         return M.exists(I) ? t(I) : l.toUpperCase();
@@ -202,14 +202,14 @@ const ke = le(
         key: "languages",
         icon: /* @__PURE__ */ e(_, { "aria-hidden": "true" }),
         label: t("contactProfileCard.label.languages"),
-        value: /* @__PURE__ */ e("span", { className: "ds:flex ds:flex-wrap ds:gap-[var(--spacing-2xs)]", children: g.map((l) => /* @__PURE__ */ e(P, { variant: "neutral", children: i(l) }, l)) })
+        value: /* @__PURE__ */ e("span", { className: "ds:flex ds:flex-wrap ds:gap-[var(--spacing-2xs)]", children: g.map((l) => /* @__PURE__ */ e(P, { variant: "neutral", children: o(l) }, l)) })
       });
     }
     v && v.length > 0 && n.push({
       key: "insurances",
       icon: /* @__PURE__ */ e(z, { "aria-hidden": "true" }),
       label: t("contactProfileCard.label.insurances"),
-      value: /* @__PURE__ */ e("span", { className: "ds:flex ds:flex-wrap ds:gap-[var(--spacing-2xs)]", children: v.map((i) => /* @__PURE__ */ e(P, { variant: "info", children: i }, i)) })
+      value: /* @__PURE__ */ e("span", { className: "ds:flex ds:flex-wrap ds:gap-[var(--spacing-2xs)]", children: v.map((o) => /* @__PURE__ */ e(P, { variant: "info", children: o }, o)) })
     }), R && n.push({
       key: "firstVisitPrice",
       icon: /* @__PURE__ */ e(V, { "aria-hidden": "true" }),
@@ -220,17 +220,17 @@ const ke = le(
       icon: /* @__PURE__ */ e(H, { "aria-hidden": "true" }),
       label: t("contactProfileCard.label.expertForAnxiousPatients"),
       value: t("contactProfileCard.value.yesShort")
-    }), b && n.push({
+    }), C && n.push({
       key: "profession",
       icon: /* @__PURE__ */ e(O, { "aria-hidden": "true" }),
       label: t("contactProfileCard.label.profession"),
-      value: b
+      value: C
     }), he(
       ge,
-      { getProfession: () => b },
+      { getProfession: () => C },
       x
     );
-    const oe = !!k && (a == null ? void 0 : a.lat) !== void 0 && (a == null ? void 0 : a.lng) !== void 0 ? /* @__PURE__ */ e(
+    const ie = !!k && (a == null ? void 0 : a.lat) !== void 0 && (a == null ? void 0 : a.lng) !== void 0 ? /* @__PURE__ */ e(
       ye,
       {
         apiKey: k,
@@ -241,16 +241,16 @@ const ke = le(
           defaultValue: "Map showing {{address}}"
         })
       }
-    ) : null, ne = X ?? oe, ie = /* @__PURE__ */ f(T, { children: [
-      r ? /* @__PURE__ */ e("p", { className: "type-body-sm ds:m-0 ds:whitespace-pre-line", children: r }) : null,
-      n.length > 0 ? /* @__PURE__ */ e(fe, { rowGap: "md", children: n.map((i) => /* @__PURE__ */ e(
+    ) : null, ne = X ?? ie, oe = /* @__PURE__ */ f(T, { children: [
+      r ? /* @__PURE__ */ e("p", { dir: "auto", className: "type-body-sm ds:m-0 ds:whitespace-pre-line", children: r }) : null,
+      n.length > 0 ? /* @__PURE__ */ e(fe, { rowGap: "md", children: n.map((o) => /* @__PURE__ */ e(
         ue,
         {
-          icon: i.icon,
-          label: i.label,
-          value: i.value
+          icon: o.icon,
+          label: o.label,
+          value: o.value
         },
-        i.key
+        o.key
       )) }) : null,
       ne,
       Q
@@ -266,7 +266,7 @@ const ke = le(
           }
         )
       ] }),
-      ie
+      oe
     ] });
     return /* @__PURE__ */ e(
       "div",
@@ -315,4 +315,4 @@ export {
   ke as b,
   ge as c
 };
-//# sourceMappingURL=contact-profile-card-C4-OCshj.js.map
+//# sourceMappingURL=contact-profile-card-CAwwOqHl.js.map

package/dist/_chunks/contact-profile-card-CAwwOqHl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"contact-profile-card-CAwwOqHl.js","sources":["../../src/components/contact-profile-card/contact-profile-card.agent.ts","../../src/components/contact-profile-card/contact-profile-card.tsx"],"sourcesContent":["import type { AgentAdapter } from '../../agent/types';\nimport type { ContactProfileCardHandle } from './contact-profile-card';\n\n/* -------------------------------------------------------------------- */\n/* Agent adapter — ContactProfileCard                                    */\n/*                                                                        */\n/* Read-only adapter. Surfaces the rendered profession field so an       */\n/* agent / MCP runtime can resolve \"what kind of practice is this?\"      */\n/* without re-parsing the DOM. No actions yet — the card is a passive   */\n/* presentation surface; navigation lives on the consumer's page.       */\n/* -------------------------------------------------------------------- */\n\nexport const contactProfileCardAgent: AgentAdapter<ContactProfileCardHandle> = {\n  id: 'contact-profile-card',\n  // Passive presentation surface — only exposes the rendered profession for\n  // introspection. No interactive capability is backed by the handle.\n  capabilities: [],\n  state: {\n    profession: {\n      type: 'string',\n      descriptionKey: 'ui.agent.contactProfileCard.state.profession',\n      description:\n        'Profession string the card is currently rendering — undefined when the consumer omitted it.',\n      read: (handle) => handle.getProfession(),\n    },\n  },\n  actions: {},\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'contact-profile-card',\n      description: 'Marks the ContactProfileCard root region.',\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  useId,\n  useMemo,\n  type ComponentPropsWithoutRef,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport {\n  Banknote,\n  ExternalLink,\n  Globe,\n  Heart,\n  Languages as LanguagesIcon,\n  Mail,\n  MapPin,\n  MessageCircle,\n  Phone,\n  ShieldCheck,\n  Stethoscope,\n  type LucideIcon,\n} from 'lucide-react';\nimport { Badge } from '../badge/badge';\nimport { Card } from '../card/card';\nimport { KeyValueList, KeyValuePair } from '../key-value-pair/key-value-pair';\nimport { Link } from '../link/link';\nimport { formatPriceOrFree } from '../_shared/format-price';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { contactProfileCardAgent } from './contact-profile-card.agent';\n\n/* -------------------------------------------------------------------- */\n/* ContactProfileCard                                                    */\n/*                                                                        */\n/* Replaces the bespoke \"Profilo\" / \"Practice info\" cards that every     */\n/* AlfaDocs surface composes by hand (booking-website PracticeInfoCard,  */\n/* alfascribe operator pages, builders docs example, …). Composes Card  */\n/* + KeyValueList + KeyValuePair so the labels share a column (no       */\n/* zigzag values) and every row uses the same lucide icon family.       */\n/*                                                                        */\n/* The component is intentionally opinionated: every field is optional, */\n/* but the ORDER, ICONS, and LABELS are owned by the kit. Consumers     */\n/* pass the data; the kit owns the visual + i18n.                       */\n/*                                                                        */\n/* All visible text flows through `useTranslation('ui')` against the    */\n/* `contactProfileCard.*` namespace.                                    */\n/* -------------------------------------------------------------------- */\n\n/* -------------------------------------------------------------------- */\n/* CVA                                                                    */\n/* -------------------------------------------------------------------- */\n\n// Override the KVP icon colour at the card root so every inner row's\n// leading glyph paints with `--accent` (brand magenta/violet) instead\n// of the default `--muted-foreground`. The ContactProfileCard is a\n// marketing surface — muted icons read as disabled against the\n// otherwise saturated card chrome. Scoped via CSS custom property so\n// only this card's icons shift; standalone KVPs elsewhere keep\n// `--muted-foreground`.\nconst rootVariants = cva(\n  'ds:w-full ds:text-[color:var(--foreground)] ds:[--key-value-pair-icon-color:var(--accent)]',\n  {\n    variants: {\n      // Matches the kit's other `surface` props (Booking, ReviewsPanel).\n      // The card itself renders `<Card variant=\"elevated\">` so the\n      // `surface=\"flat\"` opt-out is rare — most consumers want the\n      // boundary.\n      surface: {\n        flat: '',\n        elevated: '',\n      },\n    },\n    defaultVariants: { surface: 'elevated' },\n  },\n);\n\n/* -------------------------------------------------------------------- */\n/* Public types                                                           */\n/* -------------------------------------------------------------------- */\n\nexport interface ContactProfileCardAddress {\n  /** Display text — already formatted by the consumer (street, postcode, city). */\n  line: string;\n  /** Optional lat/lng — drives the static-map link + the embedded thumbnail. */\n  lat?: number;\n  lng?: number;\n}\n\nexport interface ContactProfileCardHandle {\n  /** Resolved consumer-supplied data — useful for agent introspection. */\n  getProfession: () => string | undefined;\n}\n\nexport interface ContactProfileCardProps extends Omit<\n  ComponentPropsWithoutRef<'div'>,\n  'aria-label' | 'children' | 'children'\n> {\n  /**\n   * Override the localised \"Profilo\" / \"Profile\" heading. Most\n   * consumers leave this unset.\n   */\n  heading?: string;\n  /**\n   * Free-text intro paragraph rendered above the data rows (e.g.\n   * the practice's `bookingDescription` field). When omitted, the\n   * card jumps straight into the data rows.\n   */\n  description?: string;\n\n  /* ----- Identity rows ----- */\n\n  /** Street + postcode + city, with optional lat/lng for the map link. */\n  address?: ContactProfileCardAddress;\n  /** Phone number, displayed as-is. Compiled into a `tel:` link. */\n  phone?: string;\n  /**\n   * WhatsApp number — digits only (no `+`, no spaces). Compiled into\n   * a `https://wa.me/<number>` link with an optional pre-filled message.\n   */\n  whatsappNumber?: string;\n  /** Optional pre-filled WhatsApp message. Consumer-localised. */\n  whatsappMessage?: string;\n  /** Public-facing email. Compiled into a `mailto:` link. */\n  email?: string;\n  /** Practice website (already an absolute URL with protocol). */\n  website?: string;\n\n  /* ----- Embedded map thumbnail ----- */\n\n  /**\n   * Google Maps Static API key. When provided alongside `address.lat`\n   * and `address.lng`, renders a static-map thumbnail at the top of\n   * the card — a single one-shot `<img>` fetch, no JS SDK boot, no\n   * consent gate needed (the same pattern PracticeResults uses).\n   *\n   * Without it (or without coords), the card renders info rows only —\n   * the address row's \"Open in Google Maps\" link is still emitted as\n   * a real `<a>` so the spatial cue isn't lost.\n   *\n   * Additive — existing consumers that don't pass this prop see the\n   * same render as before.\n   */\n  googleMapsApiKey?: string;\n  /**\n   * Zoom level for the embedded map thumbnail. Default `14` —\n   * neighbourhood-level, shows the pin in context. Ignored when the\n   * thumbnail isn't rendered.\n   */\n  mapZoom?: number;\n\n  /* ----- Profile metadata ----- */\n\n  /**\n   * ISO 639-1 language codes the practice speaks. Rendered as\n   * `<Badge variant=\"neutral\">` chips. Each code is auto-resolved\n   * into the active locale's native language name via the kit's\n   * built-in `languages.<iso>` i18n bundle (18 ISO codes × 18\n   * locales). For example `languages={['it', 'en']}` with\n   * `i18n.language === 'it'` renders \"Italiano\" + \"Inglese\".\n   *\n   * Unknown / unbundled codes fall back to the uppercase ISO code\n   * (`'xyz'` → `'XYZ'`). To override a specific label — regional\n   * dialect, brand-voice variant, codes the kit doesn't ship — pass\n   * `languageLabels`.\n   */\n  languages?: string[];\n  /**\n   * Override map from ISO code → display label, applied on top of\n   * the kit's i18n auto-resolution. Only set when you need a\n   * consumer-specific label for a code — the typical case is\n   * regional dialect / brand-voice variants / non-ISO codes.\n   *\n   * Resolution order: `languageLabels[code]` > `t('languages.<code>')`\n   * > `code.toUpperCase()`.\n   */\n  languageLabels?: Record<string, string>;\n  /**\n   * Insurance / convention strings (consumer-supplied, free text).\n   * Rendered as `<Badge variant=\"info\">` chips.\n   */\n  insurances?: string[];\n  /**\n   * First-visit price in the smallest currency unit (cents / centesimi).\n   * Formatted via `Intl.NumberFormat`; `0` renders the translated word\n   * \"Free\". Omit when the consumer doesn't want to show the price.\n   */\n  firstVisitPriceCents?: number;\n  /** ISO-4217 currency code for the price formatter. Defaults to `EUR`. */\n  currencyCode?: string;\n  /** Profession line — single value or already-joined comma list. */\n  profession?: string;\n  /** Show the \"expert for anxious patients\" row when true. */\n  specializedInFearPatients?: boolean;\n\n  /* ----- Telemetry hooks ----- */\n\n  /**\n   * Fires when the patient clicks the phone link. The kit emits a\n   * `track('practice_profile_card_phone_click')` event before\n   * invoking this — gate consumer-side analytics on the same event\n   * to avoid duplicate fires.\n   */\n  onPhoneClick?: () => void;\n  /** Fires when the patient clicks the WhatsApp link. */\n  onWhatsAppClick?: () => void;\n  /** Fires when the patient clicks the static-map link. */\n  onMapClick?: () => void;\n  /** Fires when the patient clicks the email mailto link. */\n  onEmailClick?: () => void;\n\n  /* ----- Slots ----- */\n\n  /**\n   * Rendered above the heading — e.g. a `<Avatar>` for the operator\n   * variant, or a coloured chip strip. Optional.\n   */\n  headerSlot?: ReactNode;\n  /**\n   * Render an arbitrary map widget at the top of the card chrome —\n   * replaces the built-in static `<img>` thumbnail that\n   * `googleMapsApiKey` would otherwise produce. Use this when you\n   * want an interactive map inside the card boundary instead of a\n   * fixed image:\n   *\n   *   <ContactProfileCard\n   *     mapSlot={\n   *       <PracticeMap practice={practice} googleMapsApiKey={key} />\n   *     }\n   *     …\n   *   />\n   *\n   * When both `mapSlot` and `googleMapsApiKey` are provided, the slot\n   * wins (explicit > implicit). When neither is provided, no map area\n   * renders. The slot is unstyled — pass through any container chrome\n   * the consumer wants (e.g. a fixed height wrapper). The kit\n   * positions it where the static thumbnail would have lived.\n   */\n  mapSlot?: ReactNode;\n  /**\n   * Rendered at the end of the card body, below the rows. Use for\n   * a \"Book now\" `<Button>` or a \"View full profile\" link.\n   */\n  footerSlot?: ReactNode;\n\n  /* ----- Styling ----- */\n\n  /**\n   * `'elevated'` (default) wraps the card in `<Card variant=\"elevated\">`\n   * for a defined surface — what most consumers want when the card\n   * stands alone on a page. `'flat'` drops the Card chrome so the\n   * content sits naked — use when an outer card / sheet already\n   * provides the boundary (e.g. embedded inside a `<Sheet>` or a\n   * parent `<Card.Body>`).\n   */\n  surface?: 'flat' | 'elevated';\n\n  /* ----- a11y ----- */\n\n  /** Override the default region aria-label. */\n  'aria-label'?: string;\n  /** Agent-readiness consumer id, surfaced as `data-component-id`. */\n  id?: string;\n}\n\n/* -------------------------------------------------------------------- */\n/* Helpers                                                                */\n/* -------------------------------------------------------------------- */\n\n/** Strip everything except digits + leading `+` for `tel:` URLs. */\nfunction normalisePhone(raw: string): string {\n  return raw.replace(/[^\\d+]/g, '');\n}\n\n/** Build the WhatsApp `wa.me` URL. Number must already be digits-only. */\nfunction buildWhatsAppHref(number: string, message?: string): string {\n  const base = `https://wa.me/${number}`;\n  if (!message) return base;\n  return `${base}?text=${encodeURIComponent(message)}`;\n}\n\n/** Google Maps search query — works without an API key. */\nfunction buildMapHref(address: ContactProfileCardAddress): string {\n  const q = encodeURIComponent(address.line);\n  return `https://www.google.com/maps/search/?api=1&query=${q}`;\n}\n\n/* -------------------------------------------------------------------- */\n/* MapThumbStrip — embedded Google Static Maps image                    */\n/*                                                                        */\n/* Full-width strip rendered at the top of the card when the consumer    */\n/* supplies both `address.lat`/`lng` and `googleMapsApiKey`. Same        */\n/* one-shot `<img>` strategy as PracticeResults' StaticMapThumb (no JS   */\n/* SDK boot → no consent gate needed), but full-card-width instead of   */\n/* a 12rem aside.                                                        */\n/* -------------------------------------------------------------------- */\n\ninterface MapThumbStripProps {\n  apiKey: string;\n  center: { lat: number; lng: number };\n  zoom: number;\n  altText: string;\n}\n\n/**\n * Resolve the kit's `--map-marker-color` token to a six-character hex\n * string (no leading `#`) for Google Static Maps' `markers=color:` URL\n * parameter, which requires a literal hex value at fetch time.\n *\n * SSR-safe: when `document` is undefined we fall back to the kit's\n * brand violet. Same helper as PracticeResults — keep in sync if you\n * touch one.\n */\nfunction getStaticMapMarkerHex(): string {\n  if (typeof document === 'undefined') return '4945a3';\n  const raw = getComputedStyle(document.documentElement)\n    .getPropertyValue('--map-marker-color')\n    .trim();\n  const match = /^#?([0-9a-fA-F]{6})$/.exec(raw);\n  return match ? match[1] : '4945a3';\n}\n\nfunction MapThumbStrip({ apiKey, center, zoom, altText }: MapThumbStripProps) {\n  // 640×192 keeps the asset under Google's 1MP free tier at scale=2\n  // (1280×384 actual) and matches the strip's 12rem height at a\n  // ~3.33:1 aspect ratio. Marker colour resolves from the kit's\n  // `--map-marker-color` token at runtime so the value still lives\n  // in `src/tokens/**` per the closed-palette constraint.\n  const markerHex = getStaticMapMarkerHex();\n  const src =\n    `https://maps.googleapis.com/maps/api/staticmap` +\n    `?center=${center.lat},${center.lng}` +\n    `&zoom=${zoom}` +\n    `&size=640x192&scale=2` +\n    `&markers=color:0x${markerHex}%7C${center.lat},${center.lng}` +\n    `&key=${encodeURIComponent(apiKey)}`;\n  return (\n    <img\n      src={src}\n      alt={altText}\n      loading=\"lazy\"\n      decoding=\"async\"\n      width={640}\n      height={192}\n      className=\"ds:block ds:inline-size-full ds:block-size-[12rem] ds:[object-fit:cover] ds:rounded-[var(--radius-md)]\"\n    />\n  );\n}\n\n/* -------------------------------------------------------------------- */\n/* Component                                                              */\n/* -------------------------------------------------------------------- */\n\nexport const ContactProfileCard = forwardRef<\n  HTMLDivElement,\n  ContactProfileCardProps\n>(\n  (\n    {\n      heading,\n      description,\n      address,\n      phone,\n      whatsappNumber,\n      whatsappMessage,\n      email,\n      website,\n      languages,\n      languageLabels,\n      insurances,\n      firstVisitPriceCents,\n      currencyCode = 'EUR',\n      profession,\n      specializedInFearPatients,\n      googleMapsApiKey,\n      mapZoom = 14,\n      onPhoneClick,\n      onWhatsAppClick,\n      onMapClick,\n      onEmailClick,\n      headerSlot,\n      footerSlot,\n      mapSlot,\n      surface = 'elevated',\n      'aria-label': ariaLabel,\n      id,\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t, i18n } = useTranslation('ui');\n    const headingId = useId();\n    const locale = i18n.language ?? 'en';\n\n    const resolvedHeading = heading ?? t('contactProfileCard.heading');\n    const resolvedAriaLabel = ariaLabel ?? resolvedHeading;\n\n    const formattedPrice = useMemo(() => {\n      if (firstVisitPriceCents == null) return undefined;\n      // 0 is a free first visit: the chip reads \"Free\", not \"€0.00\".\n      return formatPriceOrFree(\n        firstVisitPriceCents,\n        currencyCode,\n        locale,\n        t('common.freeOfCharge'),\n      );\n    }, [firstVisitPriceCents, currencyCode, locale, t]);\n\n    // Compose the rows in display order. Each `row` carries the icon +\n    // localised label + the rendered value. Skipping a field is just\n    // omitting the row — `KeyValueList` collapses the subgrid cleanly.\n    const rows: Array<{\n      key: string;\n      icon: ReactElement;\n      label: string;\n      value: ReactNode;\n    }> = [];\n\n    if (address) {\n      rows.push({\n        key: 'address',\n        icon: <MapPin aria-hidden=\"true\" />,\n        label: t('contactProfileCard.label.address'),\n        value: (\n          <span className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]\">\n            <span dir=\"auto\">{address.line}</span>\n            {address.lat != null && address.lng != null ? (\n              <Link\n                href={buildMapHref(address)}\n                external\n                intent=\"default\"\n                onClick={onMapClick}\n              >\n                {t('contactProfileCard.openInGoogleMaps')}\n              </Link>\n            ) : null}\n          </span>\n        ),\n      });\n    }\n\n    if (phone) {\n      rows.push({\n        key: 'phone',\n        icon: <Phone aria-hidden=\"true\" />,\n        label: t('contactProfileCard.label.phone'),\n        value: (\n          <Link\n            href={`tel:${normalisePhone(phone)}`}\n            intent=\"default\"\n            onClick={onPhoneClick}\n          >\n            <bdi dir=\"ltr\">{phone}</bdi>\n          </Link>\n        ),\n      });\n    }\n\n    if (whatsappNumber) {\n      rows.push({\n        key: 'whatsapp',\n        icon: <MessageCircle aria-hidden=\"true\" />,\n        label: t('contactProfileCard.label.whatsapp'),\n        value: (\n          <Link\n            href={buildWhatsAppHref(whatsappNumber, whatsappMessage)}\n            external\n            intent=\"default\"\n            onClick={onWhatsAppClick}\n          >\n            <bdi dir=\"ltr\">{whatsappNumber}</bdi>\n          </Link>\n        ),\n      });\n    }\n\n    if (email) {\n      rows.push({\n        key: 'email',\n        icon: <Mail aria-hidden=\"true\" />,\n        label: t('contactProfileCard.label.email'),\n        value: (\n          <Link\n            href={`mailto:${email}`}\n            intent=\"default\"\n            onClick={onEmailClick}\n          >\n            <bdi dir=\"ltr\">{email}</bdi>\n          </Link>\n        ),\n      });\n    }\n\n    if (website) {\n      rows.push({\n        key: 'website',\n        icon: <Globe aria-hidden=\"true\" />,\n        label: t('contactProfileCard.label.website'),\n        value: (\n          <Link href={website} external intent=\"default\">\n            <bdi dir=\"ltr\">{website}</bdi>\n          </Link>\n        ),\n      });\n    }\n\n    if (languages && languages.length > 0) {\n      // Resolution order, highest to lowest:\n      //   1. consumer `languageLabels` override — for regional dialects,\n      //      brand-voice variants, or codes the kit doesn't ship.\n      //   2. kit i18n bundle (`languages.<iso>`) — auto-resolves the 18\n      //      ISO codes the kit ships into the active locale's native\n      //      language name. Retires consumer-side ISO→label plumbing.\n      //   3. uppercase fallback for unknown codes that the consumer\n      //      didn't override.\n      const resolveLabel = (code: string): string => {\n        if (languageLabels?.[code]) return languageLabels[code];\n        const key = `languages.${code}`;\n        if (i18n.exists(key)) return t(key);\n        return code.toUpperCase();\n      };\n      rows.push({\n        key: 'languages',\n        icon: <LanguagesIcon aria-hidden=\"true\" />,\n        label: t('contactProfileCard.label.languages'),\n        value: (\n          <span className=\"ds:flex ds:flex-wrap ds:gap-[var(--spacing-2xs)]\">\n            {languages.map((code) => (\n              <Badge key={code} variant=\"neutral\">\n                {resolveLabel(code)}\n              </Badge>\n            ))}\n          </span>\n        ),\n      });\n    }\n\n    if (insurances && insurances.length > 0) {\n      rows.push({\n        key: 'insurances',\n        icon: <ShieldCheck aria-hidden=\"true\" />,\n        label: t('contactProfileCard.label.insurances'),\n        value: (\n          <span className=\"ds:flex ds:flex-wrap ds:gap-[var(--spacing-2xs)]\">\n            {insurances.map((ins) => (\n              <Badge key={ins} variant=\"info\">\n                {ins}\n              </Badge>\n            ))}\n          </span>\n        ),\n      });\n    }\n\n    if (formattedPrice) {\n      // The one figure on this card a patient compares between\n      // practices, so it gets a chip. The chip starts in the value\n      // column with every other row's value (the subgrid aligns them),\n      // not pinned to the row's end, where it read as out of line.\n      // `accentSoft`, not `brand`. The languages and insurance rows on\n      // this card are tonal chips (`neutral` and `info`), so a solid\n      // `brand` fill would read as a different class of object rather\n      // than the same family. `accentSoft` is the same tonal recipe in\n      // the most distinct hue on the card, so the price still leads.\n      // `lg` because `md` sets the label at the smallest step of the\n      // ramp, and `.theme-accessible` cannot lift it — the one figure\n      // patients compare should not be the smallest text on the card.\n      rows.push({\n        key: 'firstVisitPrice',\n        icon: <Banknote aria-hidden=\"true\" />,\n        label: t('contactProfileCard.label.firstVisitPrice'),\n        value: (\n          <Badge variant=\"accentSoft\" size=\"lg\">\n            {formattedPrice}\n          </Badge>\n        ),\n      });\n    }\n\n    if (specializedInFearPatients) {\n      rows.push({\n        key: 'expertForAnxiousPatients',\n        icon: <Heart aria-hidden=\"true\" />,\n        label: t('contactProfileCard.label.expertForAnxiousPatients'),\n        value: t('contactProfileCard.value.yesShort'),\n      });\n    }\n\n    if (profession) {\n      rows.push({\n        key: 'profession',\n        icon: <Stethoscope aria-hidden=\"true\" />,\n        label: t('contactProfileCard.label.profession'),\n        value: profession,\n      });\n    }\n\n    // Imperative handle for agent integrations.\n    useAgentRegistration(\n      contactProfileCardAgent,\n      { getProfession: () => profession },\n      id,\n    );\n\n    // Embedded static-map thumbnail. Renders only when the consumer\n    // supplies BOTH a usable lat/lng pair AND a `googleMapsApiKey`.\n    // The d.ts-promised behaviour; without a key the strip is silently\n    // omitted and the address row's \"Open in Google Maps\" link still\n    // emits as the spatial-cue fallback.\n    const showMapThumb =\n      !!googleMapsApiKey &&\n      address?.lat !== undefined &&\n      address?.lng !== undefined;\n    const mapThumb = showMapThumb ? (\n      <MapThumbStrip\n        apiKey={googleMapsApiKey!}\n        center={{ lat: address!.lat!, lng: address!.lng! }}\n        zoom={mapZoom}\n        altText={t('contactProfileCard.map.alt', {\n          address: address!.line,\n          defaultValue: 'Map showing {{address}}',\n        })}\n      />\n    ) : null;\n\n    // Map area: explicit consumer slot wins over the implicit\n    // googleMapsApiKey-driven static thumbnail. 0.33.4 introduces the\n    // slot so consumers can embed an interactive <MapView> /\n    // <PracticeMap> wrapper inside the card chrome instead of the\n    // fixed static <img>. When neither is set the area renders as\n    // nothing. 0.33.6 moves the area from above the heading to below\n    // the data rows — the map reads as the spatial closer (\"here it\n    // is on the map\") rather than a stylised hero, and any CTA in\n    // footerSlot still lands at the very bottom.\n    const mapArea = mapSlot ?? mapThumb;\n\n    const body = (\n      <>\n        {description ? (\n          <p dir=\"auto\" className=\"type-body-sm ds:m-0 ds:whitespace-pre-line\">\n            {description}\n          </p>\n        ) : null}\n        {rows.length > 0 ? (\n          <KeyValueList rowGap=\"md\">\n            {rows.map((row) => (\n              <KeyValuePair\n                key={row.key}\n                icon={row.icon}\n                label={row.label}\n                value={row.value}\n              />\n            ))}\n          </KeyValueList>\n        ) : null}\n        {mapArea}\n        {footerSlot}\n      </>\n    );\n\n    // `surface=\"flat\"` skips the Card wrapper — the consumer is\n    // already inside a Card / Sheet and doesn't want a double border.\n    const inner = (\n      <>\n        <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]\">\n          {headerSlot}\n          <h2\n            id={headingId}\n            className=\"type-title-card ds:m-0 ds:text-[color:var(--foreground)]\"\n          >\n            {resolvedHeading}\n          </h2>\n        </div>\n        {body}\n      </>\n    );\n\n    return (\n      <div\n        ref={ref}\n        role=\"region\"\n        aria-label={resolvedAriaLabel}\n        aria-labelledby={headingId}\n        data-component=\"contact-profile-card\"\n        data-component-id={id}\n        id={id}\n        className={rootVariants({ surface, className })}\n        {...rest}\n      >\n        {surface === 'elevated' ? (\n          <Card variant=\"elevated\">\n            <Card.Body className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-md)]\">\n              {inner}\n            </Card.Body>\n          </Card>\n        ) : (\n          <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-md)]\">\n            {inner}\n          </div>\n        )}\n      </div>\n    );\n  },\n);\n\nContactProfileCard.displayName = 'ContactProfileCard';\n\n// Helper export so consumers can mirror the kit's row order if they\n// need to compose a partial alternative (rare).\nexport const CONTACT_PROFILE_CARD_ROW_KEYS = [\n  'address',\n  'phone',\n  'whatsapp',\n  'email',\n  'website',\n  'languages',\n  'insurances',\n  'firstVisitPrice',\n  'expertForAnxiousPatients',\n  'profession',\n] as const;\n\n// Defensive icon export so consumers can render the same glyph\n// outside the card if they need it for consistency.\nexport const CONTACT_PROFILE_CARD_ROW_ICONS: Record<\n  (typeof CONTACT_PROFILE_CARD_ROW_KEYS)[number],\n  LucideIcon\n> = {\n  address: MapPin,\n  phone: Phone,\n  whatsapp: MessageCircle,\n  email: Mail,\n  website: Globe,\n  languages: LanguagesIcon,\n  insurances: ShieldCheck,\n  firstVisitPrice: Banknote,\n  expertForAnxiousPatients: Heart,\n  profession: Stethoscope,\n};\n\n// Re-exports of the rootVariants type for downstream typing.\nexport type ContactProfileCardSurface = NonNullable<\n  VariantProps<typeof rootVariants>['surface']\n>;\n\n// ExternalLink is exported by lucide-react and used elsewhere in the\n// kit; re-exporting here so consumers don't have to add it as a\n// peer-dep import for icon parity in their own UIs.\nexport { ExternalLink };\n"],"names":["contactProfileCardAgent","handle","rootVariants","cva","normalisePhone","raw","buildWhatsAppHref","number","message","base","buildMapHref","address","getStaticMapMarkerHex","match","MapThumbStrip","apiKey","center","zoom","altText","markerHex","src","jsx","ContactProfileCard","forwardRef","heading","description","phone","whatsappNumber","whatsappMessage","email","website","languages","languageLabels","insurances","firstVisitPriceCents","currencyCode","profession","specializedInFearPatients","googleMapsApiKey","mapZoom","onPhoneClick","onWhatsAppClick","onMapClick","onEmailClick","headerSlot","footerSlot","mapSlot","surface","ariaLabel","id","className","rest","ref","i18n","useTranslation","headingId","useId","locale","resolvedHeading","resolvedAriaLabel","formattedPrice","useMemo","formatPriceOrFree","rows","MapPin","jsxs","Link","Phone","MessageCircle","Mail","Globe","resolveLabel","code","key","LanguagesIcon","Badge","ShieldCheck","ins","Banknote","Heart","Stethoscope","useAgentRegistration","mapThumb","mapArea","body","Fragment","KeyValueList","row","KeyValuePair","inner","Card","CONTACT_PROFILE_CARD_ROW_KEYS","CONTACT_PROFILE_CARD_ROW_ICONS"],"mappings":"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"}

package/dist/_chunks/{control-room-rail-DUerqHeo.js → control-room-rail-BB6rCDWI.js}

@@ -2,8 +2,8 @@ import { jsx as M, jsxs as P, Fragment as ho } from "react/jsx-runtime";
 import { useState as D, useCallback as R, useMemo as x, useRef as O, useEffect as oo, useContext as N, useId as yo, createContext as Co, forwardRef as wo } from "react";
 import { useTranslation as Ao } from "react-i18next";
 import { I as F } from "./icon-button-C_1TgRiK.js";
-import { a as Mo } from "./panel-header-BJkaUwnl.js";
-import { T as xo } from "./tool-rail-C-03rH2I.js";
+import { a as Mo } from "./panel-header-CbtlTe85.js";
+import { T as xo } from "./tool-rail-C-M3eVdY.js";
 import { u as W } from "./use-persistent-state-nZwZAnE9.js";
 import { S as ko } from "./star-Bf9L2Uot.js";
 import { X as So } from "./x-B5YnXwCz.js";
@@ -413,4 +413,4 @@ export {
   $o as d,
   Go as u
 };
-//# sourceMappingURL=control-room-rail-DUerqHeo.js.map
+//# sourceMappingURL=control-room-rail-BB6rCDWI.js.map