@alfadocs/ui-kit-debug 1.102.0 → 1.103.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alfadocs/ui-kit-debug",
-  "version": "1.102.0",
+  "version": "1.103.1",
   "type": "module",
   "description": "AlfaDocs shared design system — tokens, components, patterns, and translations for platform, booking, and alfascribe. (debug build — identical runtime to @alfadocs/ui-kit, ships source maps for symbolication).",
   "license": "BUSL-1.1",

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

@@ -1 +0,0 @@
-{"version":3,"file":"contact-profile-card-D0KqxoE5.js","sources":["../../node_modules/lucide-react/dist/esm/icons/banknote.mjs","../../src/components/contact-profile-card/contact-profile-card.agent.ts","../../src/components/contact-profile-card/contact-profile-card.tsx"],"sourcesContent":["/**\n * @license lucide-react v1.22.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n  [\"rect\", { width: \"20\", height: \"12\", x: \"2\", y: \"6\", rx: \"2\", key: \"9lu3g6\" }],\n  [\"circle\", { cx: \"12\", cy: \"12\", r: \"2\", key: \"1c9p78\" }],\n  [\"path\", { d: \"M6 12h.01M18 12h.01\", key: \"113zkx\" }]\n];\nconst Banknote = createLucideIcon(\"banknote\", __iconNode);\n\nexport { __iconNode, Banknote as default };\n//# sourceMappingURL=banknote.mjs.map\n","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    specialtyKeys: {\n      type: 'string[]',\n      descriptionKey: 'ui.agent.contactProfileCard.state.specialtyKeys',\n      description:\n        'Profession keys of the specialities the card is rendering, in display order. Empty when the consumer passed none.',\n      read: (handle) => handle.getSpecialtyKeys(),\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 {\n  SpecialtyList,\n  type SpecialtyListItem,\n} from '../specialty-list/specialty-list';\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  /** Profession keys of the rendered specialities, empty when there are none. */\n  getSpecialtyKeys: () => string[];\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  /**\n   * Practice website. An address without a scheme (`www.example.it`) is\n   * linked over `https://`; anything but a web address shows as text.\n   */\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  /**\n   * The practice's specialities, each with its medical glyph. When present\n   * and not empty they replace the `profession` row with a vertical row\n   * (\"Profession\" above, a `SpecialtyList` below): a long list needs the full\n   * card width, not the value column. When absent or empty the `profession`\n   * string row renders as before.\n   */\n  specialties?: SpecialtyListItem[];\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/**\n * The website as a link address, or undefined when it is not a web\n * address. Practices often save `www.example.it`, which a link would\n * resolve against the current page, and the field is practice-written,\n * so a `javascript:` value must never become a link.\n */\nfunction websiteHref(website: string): string | undefined {\n  const value = website.trim();\n  const href = /^[a-z][a-z0-9+.-]*:/i.test(value) ? value : `https://${value}`;\n  try {\n    const { protocol } = new URL(href);\n    return protocol === 'http:' || protocol === 'https:' ? href : undefined;\n  } catch {\n    return undefined;\n  }\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:w-full ds:h-[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      specialties,\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      const href = websiteHref(website);\n      rows.push({\n        key: 'website',\n        icon: <Globe aria-hidden=\"true\" />,\n        label: t('contactProfileCard.label.website'),\n        value: href ? (\n          <Link href={href} external intent=\"default\">\n            <bdi dir=\"ltr\">{website}</bdi>\n          </Link>\n        ) : (\n          <bdi dir=\"ltr\">{website}</bdi>\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    const specialtyItems =\n      specialties && specialties.length > 0 ? specialties : undefined;\n\n    if (profession && !specialtyItems) {\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      {\n        getProfession: () => profession,\n        getSpecialtyKeys: () => (specialtyItems ?? []).map((item) => item.key),\n      },\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        {specialtyItems ? (\n          // Outside the KeyValueList on purpose: its rows are promoted to a\n          // three-column subgrid, which a stacked label-above-value row does\n          // not fit. The icon gap is the list's column gap (`gap-x-md`), so\n          // this label and its list line up with the labels above.\n          <KeyValuePair\n            layout=\"vertical\"\n            className=\"ds:!gap-[var(--spacing-md)]\"\n            icon={<Stethoscope aria-hidden=\"true\" />}\n            label={t('contactProfileCard.label.profession')}\n            value={<SpecialtyList items={specialtyItems} />}\n          />\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":["__iconNode","Banknote","createLucideIcon","contactProfileCardAgent","handle","rootVariants","cva","normalisePhone","raw","buildWhatsAppHref","number","message","base","websiteHref","website","value","href","protocol","buildMapHref","address","getStaticMapMarkerHex","match","MapThumbStrip","apiKey","center","zoom","altText","markerHex","src","jsx","ContactProfileCard","forwardRef","heading","description","phone","whatsappNumber","whatsappMessage","email","languages","languageLabels","insurances","firstVisitPriceCents","currencyCode","profession","specialties","specializedInFearPatients","googleMapsApiKey","mapZoom","onPhoneClick","onWhatsAppClick","onMapClick","onEmailClick","headerSlot","footerSlot","mapSlot","surface","ariaLabel","id","className","rest","ref","t","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","Heart","specialtyItems","Stethoscope","useAgentRegistration","item","mapThumb","mapArea","body","Fragment","KeyValueList","row","KeyValuePair","SpecialtyList","inner","Card","CONTACT_PROFILE_CARD_ROW_KEYS","CONTACT_PROFILE_CARD_ROW_ICONS"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/_chunks/key-value-pair-CB37UXsz.js

@@ -1,210 +0,0 @@
-import { jsx as a, jsxs as r, Fragment as f } from "react/jsx-runtime";
-import { forwardRef as h, useState as y, useCallback as K } from "react";
-import { c as v } from "./index-D2ZczOXr.js";
-import { useTranslation as T } from "react-i18next";
-import { I as j } from "./icon-button-S8_weU3g.js";
-import { C as _ } from "./check-DrFSN__t.js";
-import { C as A } from "./copy-vRpqqHtY.js";
-const B = v(
-  "type-body ds:text-foreground ds:min-w-0 ds:[unicode-bidi:isolate]",
-  {
-    variants: {
-      layout: {
-        horizontal: "",
-        vertical: "ds:shrink"
-      },
-      alignValue: {
-        start: "",
-        end: ""
-      },
-      mono: {
-        true: "ds:font-[family-name:var(--font-mono)]",
-        false: ""
-      }
-    },
-    compoundVariants: [
-      // `flex-1` lets the value absorb the remaining inline space when
-      // the KVP root flexes icon / label / value as direct siblings.
-      // Without it the value shrinks to its content width and the row
-      // leaves inline-end whitespace.
-      {
-        layout: "horizontal",
-        alignValue: "start",
-        class: "ds:flex-1 ds:shrink"
-      },
-      // Pinned: drop `flex-1` so the cell is content-width, then let an
-      // auto inline-start margin eat the slack. `ms-*` is the logical
-      // spelling, so this flips correctly in a right-to-left locale.
-      {
-        layout: "horizontal",
-        alignValue: "end",
-        class: "ds:ms-auto ds:shrink-0"
-      }
-    ],
-    defaultVariants: {
-      layout: "horizontal",
-      alignValue: "start",
-      mono: !1
-    }
-  }
-), L = v("ds:flex", {
-  variants: {
-    layout: {
-      horizontal: "",
-      vertical: ""
-    },
-    /** Internal — flips the root to a horizontal flex when an icon
-        is present so the icon can sit at the leading edge of both
-        horizontal and vertical inner stacks. `items-start` keeps the
-        icon anchored to the label row even when the value wraps. */
-    hasIcon: {
-      true: "ds:flex-row ds:items-start ds:gap-[var(--spacing-sm)]",
-      false: ""
-    }
-  },
-  // Direction and gap are set once per combination: a vertical row with an
-  // icon used to carry both `gap-xs` and `gap-sm`, and CSS order picked the
-  // 4px one, so its label sat closer to the icon than intended.
-  compoundVariants: [
-    {
-      layout: "horizontal",
-      hasIcon: !1,
-      class: "ds:flex-row ds:items-center ds:gap-[var(--spacing-sm)]"
-    },
-    {
-      layout: "vertical",
-      hasIcon: !1,
-      class: "ds:flex-col ds:gap-[var(--spacing-xs)]"
-    }
-  ],
-  defaultVariants: {
-    layout: "horizontal",
-    hasIcon: !1
-  }
-}), S = h(
-  ({
-    label: t,
-    labelNode: i,
-    value: e,
-    layout: s = "horizontal",
-    alignValue: o = "start",
-    mono: g = !1,
-    copyable: k = !1,
-    copyText: x,
-    icon: d,
-    className: V,
-    ...z
-  }, C) => {
-    const { t: n } = T("ui"), [N, u] = y(!1), [b, l] = y(""), c = x ?? (typeof e == "string" ? e : void 0), w = K(async () => {
-      if (c)
-        try {
-          await navigator.clipboard.writeText(c), u(!0), l(n("keyValuePair.copied")), setTimeout(() => {
-            u(!1), l("");
-          }, 2e3);
-        } catch {
-          l(n("keyValuePair.notAvailable")), setTimeout(() => l(""), 3e3);
-        }
-    }, [c, n]), I = B({
-      layout: s,
-      alignValue: o,
-      mono: g
-    }), m = d != null, P = "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:min-w-0 ds:flex-1", p = /* @__PURE__ */ r(f, { children: [
-      /* @__PURE__ */ r("span", { className: "type-label ds:text-muted-foreground ds:shrink-0", children: [
-        i ?? t,
-        /* @__PURE__ */ a("span", { className: "ds:sr-only", children: ": " })
-      ] }),
-      /* @__PURE__ */ a("span", { className: I, children: e }),
-      k && /* @__PURE__ */ a(
-        j,
-        {
-          icon: N ? /* @__PURE__ */ a(_, {}) : /* @__PURE__ */ a(A, {}),
-          size: "sm",
-          "aria-label": n("keyValuePair.copy", { label: t }),
-          onClick: w,
-          intent: "ghost",
-          className: s === "horizontal" ? (
-            // Only one element on the row may claim the slack. When
-            // the value is pinned it has already taken it with its
-            // own `ms-auto`; a second auto margin here would split
-            // the free space between them and strand the value in
-            // the middle of the row instead of at its end.
-            o === "end" ? "ds:shrink-0" : "ds:ms-auto ds:shrink-0"
-          ) : "ds:self-start"
-        }
-      )
-    ] });
-    return /* @__PURE__ */ r(
-      "div",
-      {
-        ref: C,
-        className: L({ layout: s, hasIcon: m, className: V }),
-        "data-component": "key-value-pair",
-        "data-has-icon": m ? "" : void 0,
-        ...z,
-        children: [
-          m ? /* @__PURE__ */ r(f, { children: [
-            /* @__PURE__ */ a(
-              "span",
-              {
-                "aria-hidden": "true",
-                className: "ds:inline-flex ds:shrink-0 ds:translate-y-0.5 ds:text-[color:var(--key-value-pair-icon-color)] ds:[&_svg]:size-4",
-                children: d
-              }
-            ),
-            s === "horizontal" ? p : /* @__PURE__ */ a("div", { className: P, children: p })
-          ] }) : p,
-          /* @__PURE__ */ a("span", { role: "status", "aria-live": "polite", className: "ds:sr-only", children: b })
-        ]
-      }
-    );
-  }
-);
-S.displayName = "KeyValuePair";
-const F = {
-  sm: "ds:gap-y-[var(--spacing-sm)]",
-  md: "ds:gap-y-[var(--spacing-md)]",
-  lg: "ds:gap-y-[var(--spacing-lg)]"
-}, G = h(
-  ({ children: t, className: i, rowGap: e = "md", ...s }, o) => /* @__PURE__ */ a(
-    "div",
-    {
-      ref: o,
-      "data-component": "key-value-list",
-      className: [
-        // The label track reads a custom property, and an icon list only
-        // sets that property: it never re-declares the template, so a
-        // host's own column layout (PatientSummaryCard's two fields per
-        // row from 672px) still wins exactly as before.
-        "ds:grid ds:grid-cols-[auto_var(--kvl-label-track,auto)_minmax(0,1fr)]",
-        "ds:has-[>[data-has-icon]]:[--kvl-label-track:fit-content(40%)]",
-        "ds:gap-x-[var(--spacing-md)]",
-        F[e],
-        // Each direct `data-component="key-value-pair"` child becomes
-        // a subgrid row spanning all three columns. The KVP's own
-        // flex layout still works inside the cell (icon shrinks-0,
-        // label shrinks-0, value flexes) — subgrid just aligns the
-        // boundaries between siblings.
-        'ds:[&>[data-component="key-value-pair"]]:grid',
-        'ds:[&>[data-component="key-value-pair"]]:grid-cols-subgrid',
-        'ds:[&>[data-component="key-value-pair"]]:col-span-3',
-        'ds:[&>[data-component="key-value-pair"]]:items-baseline',
-        // Unset the KVP's intra-row `gap-sm` so the subgrid inherits
-        // the parent KeyValueList's `gap-x-md` for every track gap
-        // (icon→label and label→value). `gap-0` here would override
-        // the parent's gap and crowd the icon against the label;
-        // `[gap:normal]` is the subgrid-spec way to defer to the
-        // parent.
-        'ds:[&>[data-component="key-value-pair"]]:[gap:normal]',
-        i
-      ].filter(Boolean).join(" "),
-      ...s,
-      children: t
-    }
-  )
-);
-G.displayName = "KeyValueList";
-export {
-  G as K,
-  S as a
-};
-//# sourceMappingURL=key-value-pair-CB37UXsz.js.map

package/dist/_chunks/key-value-pair-CB37UXsz.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"key-value-pair-CB37UXsz.js","sources":["../../src/components/key-value-pair/key-value-pair.tsx"],"sourcesContent":["import { forwardRef, useState, useCallback, type HTMLAttributes } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Copy, Check } from 'lucide-react';\nimport { IconButton } from '../button/icon-button';\n\n/* ------------------------------------------------------------------ */\n/* CVA — root wrapper                                                   */\n/*                                                                      */\n/* The layout variants below describe the LOGICAL flow of label/value. */\n/* When an `icon` prop is supplied, the root flips to `flex-row` and    */\n/* renders the icon at the leading edge regardless of the chosen        */\n/* layout — the layout then governs the inner label/value stack. Cap-  */\n/* height alignment is handled by `items-start` + a small `mt` offset  */\n/* on the icon wrapper so a wrapping value doesn't push the icon       */\n/* downward.                                                            */\n/* ------------------------------------------------------------------ */\n\n/* ------------------------------------------------------------------ */\n/* CVA — value cell                                                     */\n/*                                                                      */\n/* `alignValue` decides whether the value starts beside the label or    */\n/* is pinned to the inline-end of the row. Pinning matters when a       */\n/* column of rows carries one comparable figure (a price, a count):     */\n/* left where it falls, its position shifts with the label width and    */\n/* the eye can't run down it.                                           */\n/*                                                                      */\n/* Standalone, the value is a flex sibling — `start` lets it absorb     */\n/* the free space, `end` pushes it over with an auto inline margin.     */\n/* Inside a `<KeyValueList>` the value is a grid item in the third      */\n/* track (`minmax(0,1fr)`), where the same auto margin pins it to the   */\n/* track's end. One pair of classes covers both.                        */\n/*                                                                      */\n/* Horizontal only. In `vertical` the value already sits below the      */\n/* label with nothing to pin against, so `alignValue` is a documented   */\n/* no-op there rather than a surprise.                                  */\n/* ------------------------------------------------------------------ */\n\nconst keyValuePairValueVariants = cva(\n  'type-body ds:text-foreground ds:min-w-0 ds:[unicode-bidi:isolate]',\n  {\n    variants: {\n      layout: {\n        horizontal: '',\n        vertical: 'ds:shrink',\n      },\n      alignValue: {\n        start: '',\n        end: '',\n      },\n      mono: {\n        true: 'ds:font-[family-name:var(--font-mono)]',\n        false: '',\n      },\n    },\n    compoundVariants: [\n      // `flex-1` lets the value absorb the remaining inline space when\n      // the KVP root flexes icon / label / value as direct siblings.\n      // Without it the value shrinks to its content width and the row\n      // leaves inline-end whitespace.\n      {\n        layout: 'horizontal',\n        alignValue: 'start',\n        class: 'ds:flex-1 ds:shrink',\n      },\n      // Pinned: drop `flex-1` so the cell is content-width, then let an\n      // auto inline-start margin eat the slack. `ms-*` is the logical\n      // spelling, so this flips correctly in a right-to-left locale.\n      {\n        layout: 'horizontal',\n        alignValue: 'end',\n        class: 'ds:ms-auto ds:shrink-0',\n      },\n    ],\n    defaultVariants: {\n      layout: 'horizontal',\n      alignValue: 'start',\n      mono: false,\n    },\n  },\n);\n\nconst keyValuePairVariants = cva('ds:flex', {\n  variants: {\n    layout: {\n      horizontal: '',\n      vertical: '',\n    },\n    /** Internal — flips the root to a horizontal flex when an icon\n        is present so the icon can sit at the leading edge of both\n        horizontal and vertical inner stacks. `items-start` keeps the\n        icon anchored to the label row even when the value wraps. */\n    hasIcon: {\n      true: 'ds:flex-row ds:items-start ds:gap-[var(--spacing-sm)]',\n      false: '',\n    },\n  },\n  // Direction and gap are set once per combination: a vertical row with an\n  // icon used to carry both `gap-xs` and `gap-sm`, and CSS order picked the\n  // 4px one, so its label sat closer to the icon than intended.\n  compoundVariants: [\n    {\n      layout: 'horizontal',\n      hasIcon: false,\n      class: 'ds:flex-row ds:items-center ds:gap-[var(--spacing-sm)]',\n    },\n    {\n      layout: 'vertical',\n      hasIcon: false,\n      class: 'ds:flex-col ds:gap-[var(--spacing-xs)]',\n    },\n  ],\n  defaultVariants: {\n    layout: 'horizontal',\n    hasIcon: false,\n  },\n});\n\n/* ------------------------------------------------------------------ */\n/* KeyValuePairProps                                                    */\n/* ------------------------------------------------------------------ */\n\nexport interface KeyValuePairProps\n  extends\n    React.HTMLAttributes<HTMLDivElement>,\n    Omit<VariantProps<typeof keyValuePairVariants>, 'hasIcon'> {\n  /** The label (term). Stays a string: it is interpolated into the copy\n   *  button's accessible name, where a node would render \"[object Object]\". */\n  label: string;\n  /**\n   * Display-only override for the rendered label — a node when the term needs\n   * more than text (a PHI lock beside it, a badge). `label` is still required\n   * and remains the string every accessible name is built from.\n   */\n  labelNode?: React.ReactNode;\n  /** The value — accepts plain text, Badge, Tag, monospace code, any ReactNode */\n  value: React.ReactNode;\n  /** Layout direction */\n  layout?: 'horizontal' | 'vertical';\n  /** Render value in monospace font */\n  mono?: boolean;\n  /**\n   * Where the value sits on the row.\n   *\n   * `start` (default) keeps the existing behaviour — the value begins\n   * immediately after the label and absorbs the remaining width.\n   *\n   * `end` pins the value to the inline-end of the row, so its position\n   * no longer moves with the label's length. Use it for the one\n   * comparable figure in a list of rows — a price, a count, a score —\n   * where a reader wants to scan down a column rather than read each\n   * line. Pinning every row defeats the point.\n   *\n   * Horizontal layout only: in `vertical` the value already sits below\n   * the label, so there is nothing to pin against and this is ignored.\n   */\n  alignValue?: 'start' | 'end';\n  /** Show a copy-to-clipboard IconButton beside the value */\n  copyable?: boolean;\n  /** The text to copy — defaults to `value` if value is a string */\n  copyText?: string;\n  /**\n   * Optional decorative icon rendered at the leading edge of the pair.\n   * Pass a `lucide-react` icon (or any single React element) for\n   * visual consistency. The wrapper applies `aria-hidden=\"true\"` and\n   * paints the icon with `var(--key-value-pair-icon-color)` (defaults\n   * to `--muted-foreground`); consumers can recolour the slot via\n   * that token without forking the component.\n   *\n   * Cap-height alignment with the label is automatic — the wrapper\n   * uses `mt-0.5` so the glyph rides the label row, not the\n   * geometric centre of a wrapping value.\n   *\n   * Type is `ReactElement` (not the broader `ReactNode`) so the\n   * intent is clear at the call site: this slot is for a single\n   * SVG/icon, not arbitrary fragments, strings, or numbers.\n   */\n  icon?: React.ReactElement | null;\n}\n\n/* ------------------------------------------------------------------ */\n/* KeyValuePair                                                         */\n/* ------------------------------------------------------------------ */\n\nexport const KeyValuePair = forwardRef<HTMLDivElement, KeyValuePairProps>(\n  (\n    {\n      label,\n      labelNode,\n      value,\n      layout = 'horizontal',\n      alignValue = 'start',\n      mono = false,\n      copyable = false,\n      copyText,\n      icon,\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation('ui');\n    const [copied, setCopied] = useState(false);\n    const [announcement, setAnnouncement] = useState('');\n\n    const textToCopy =\n      copyText ?? (typeof value === 'string' ? value : undefined);\n\n    const handleCopy = useCallback(async () => {\n      if (!textToCopy) {\n        if (import.meta.env.DEV) {\n          console.warn(\n            'KeyValuePair: copyable is true but no copyText was provided and value is not a string. Copy no-op.',\n          );\n        }\n        return;\n      }\n\n      try {\n        await navigator.clipboard.writeText(textToCopy);\n        setCopied(true);\n        setAnnouncement(t('keyValuePair.copied'));\n        setTimeout(() => {\n          setCopied(false);\n          setAnnouncement('');\n        }, 2000);\n      } catch {\n        setAnnouncement(t('keyValuePair.notAvailable'));\n        setTimeout(() => setAnnouncement(''), 3000);\n      }\n    }, [textToCopy, t]);\n\n    const valueClasses = keyValuePairValueVariants({\n      layout,\n      alignValue,\n      mono,\n    });\n\n    const hasIcon = icon !== undefined && icon !== null;\n\n    // Inner stack — used ONLY for `layout=\"vertical\"` when an icon is\n    // present (icon on the leading edge, label-on-top-of-value stacked\n    // next to it). For `layout=\"horizontal\"` we render the icon /\n    // label / value as direct flex children of the root — wrapping\n    // them in a single `<div>` would break the KeyValueList subgrid\n    // (the subgrid's 3 tracks would collapse to 2: the wrapper +\n    // icon). See the conditional below.\n    const innerStackClass =\n      'ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:min-w-0 ds:flex-1';\n\n    const stack = (\n      <>\n        <span className=\"type-label ds:text-muted-foreground ds:shrink-0\">\n          {labelNode ?? label}\n          <span className=\"ds:sr-only\">: </span>\n        </span>\n        <span className={valueClasses}>{value}</span>\n        {copyable && (\n          <IconButton\n            icon={copied ? <Check /> : <Copy />}\n            size=\"sm\"\n            aria-label={t('keyValuePair.copy', { label })}\n            onClick={handleCopy}\n            intent=\"ghost\"\n            className={\n              layout === 'horizontal'\n                ? // Only one element on the row may claim the slack. When\n                  // the value is pinned it has already taken it with its\n                  // own `ms-auto`; a second auto margin here would split\n                  // the free space between them and strand the value in\n                  // the middle of the row instead of at its end.\n                  alignValue === 'end'\n                  ? 'ds:shrink-0'\n                  : 'ds:ms-auto ds:shrink-0'\n                : 'ds:self-start'\n            }\n          />\n        )}\n      </>\n    );\n\n    return (\n      <div\n        ref={ref}\n        className={keyValuePairVariants({ layout, hasIcon, className })}\n        data-component=\"key-value-pair\"\n        data-has-icon={hasIcon ? '' : undefined}\n        {...props}\n      >\n        {hasIcon ? (\n          <>\n            {/* Decorative icon wrapper. `aria-hidden` so SR users only\n                hear \"<label>: <value>\" — the icon is brand polish,\n                not semantic content.\n\n                `translate-y` shifts the icon down by 2px visually so\n                its centre lines up with the label's x-height centre.\n                In a baseline-aligned subgrid row, the icon's margin-\n                box bottom pins to the label's text baseline — that\n                leaves the 16px SVG sitting visually 3-4px above the\n                label's centre. `translate-y` adjusts only the paint\n                position; the underlying baseline math still holds,\n                so multi-line value cells (e.g. address + map link)\n                stay correctly aligned with the FIRST line of the\n                value. */}\n            <span\n              aria-hidden=\"true\"\n              className=\"ds:inline-flex ds:shrink-0 ds:translate-y-0.5 ds:text-[color:var(--key-value-pair-icon-color)] ds:[&_svg]:size-4\"\n            >\n              {icon}\n            </span>\n            {/* `horizontal` layout: render label / value / copy as\n                direct flex children of the root so each piece falls\n                into its own track when this KVP is promoted to a\n                subgrid row by `<KeyValueList>`. Wrapping them in a\n                `<div>` here would collapse the subgrid's 3 tracks\n                (icon | label | value) to 2 (icon | wrapper) and labels\n                across rows would no longer share a column. The root's\n                `flex flex-row` + `gap-sm` keeps the standalone visual\n                identical.\n\n                `vertical` layout still needs the wrapper because the\n                stack is column-flow — label-on-top-of-value next to\n                the icon. */}\n            {layout === 'horizontal' ? (\n              stack\n            ) : (\n              <div className={innerStackClass}>{stack}</div>\n            )}\n          </>\n        ) : (\n          stack\n        )}\n        <span role=\"status\" aria-live=\"polite\" className=\"ds:sr-only\">\n          {announcement}\n        </span>\n      </div>\n    );\n  },\n);\n\nKeyValuePair.displayName = 'KeyValuePair';\n\n/* ------------------------------------------------------------------ */\n/* KeyValueList — subgrid alignment for a column of KVP rows           */\n/*                                                                      */\n/* When several `<KeyValuePair>` rows live in the same card (practice  */\n/* profile, settings panel, contact card, etc.), the per-row flex      */\n/* layout means each row's label column has a different width. The     */\n/* values end up zigzagged. Wrapping in `<KeyValueList>` puts all rows */\n/* into a single 3-column CSS subgrid (icon | label | value), so       */\n/* labels share a column across rows and values start at the same     */\n/* inline-start edge.                                                  */\n/*                                                                      */\n/* Standalone `<KeyValuePair>` instances outside a `<KeyValueList>`    */\n/* keep their existing per-row flex layout — no behaviour change for   */\n/* consumers that didn't opt in.                                       */\n/* ------------------------------------------------------------------ */\n\nexport interface KeyValueListProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * Gap between rows. Maps to spacing tokens — defaults to `md`.\n   * Smaller gaps suit dense settings panels; larger gaps suit\n   * profile cards.\n   */\n  rowGap?: 'sm' | 'md' | 'lg';\n}\n\nconst rowGapClassMap: Record<\n  NonNullable<KeyValueListProps['rowGap']>,\n  string\n> = {\n  sm: 'ds:gap-y-[var(--spacing-sm)]',\n  md: 'ds:gap-y-[var(--spacing-md)]',\n  lg: 'ds:gap-y-[var(--spacing-lg)]',\n};\n\nexport const KeyValueList = forwardRef<HTMLDivElement, KeyValueListProps>(\n  ({ children, className, rowGap = 'md', ...props }, ref) => {\n    // Three-column subgrid: icon | label | value.\n    //   - col 1: `auto` — width of the widest icon (or 0 if no rows have icons)\n    //   - col 2: `auto` — width of the widest label, shared across all rows.\n    //     When rows have icons the label sits here, beside a `1fr` value,\n    //     so a long one-line label (Albanian \"Me përvojë me pacientët e\n    //     ankthshëm\") took the whole width and left the value about 3px\n    //     on a phone. A list with icon rows caps it at `fit-content(40%)`\n    //     so the label wraps instead. Without icons the label and value\n    //     share the two `auto` tracks, which shrink together, so nothing\n    //     changes there.\n    //   - col 3: `minmax(0, 1fr)` — value flexes; `minmax` prevents the\n    //     value from forcing the grid wider than its container when the\n    //     value contains a long unbroken string (e.g. an email or URL).\n    //\n    // Each child `<KeyValuePair>` (which renders as a `<div>` with a\n    // `data-component=\"key-value-pair\"` marker) is promoted into a\n    // subgrid row by the CSS below — the cell boundaries align across\n    // every direct child.\n    //\n    // We render as `<div>` (not `<dl>`): axe enforces \"dl can only\n    // contain dt/dd\" and the inner KVP renders as a `<div>`. The KVP's\n    // own SR markup (label + `<span class=\"sr-only\">: </span>` + value)\n    // already conveys term-value semantics — wrapping in a `<dl>`\n    // doesn't add anything the screen reader doesn't already get.\n    return (\n      <div\n        ref={ref}\n        data-component=\"key-value-list\"\n        className={[\n          // The label track reads a custom property, and an icon list only\n          // sets that property: it never re-declares the template, so a\n          // host's own column layout (PatientSummaryCard's two fields per\n          // row from 672px) still wins exactly as before.\n          'ds:grid ds:grid-cols-[auto_var(--kvl-label-track,auto)_minmax(0,1fr)]',\n          'ds:has-[>[data-has-icon]]:[--kvl-label-track:fit-content(40%)]',\n          'ds:gap-x-[var(--spacing-md)]',\n          rowGapClassMap[rowGap],\n          // Each direct `data-component=\"key-value-pair\"` child becomes\n          // a subgrid row spanning all three columns. The KVP's own\n          // flex layout still works inside the cell (icon shrinks-0,\n          // label shrinks-0, value flexes) — subgrid just aligns the\n          // boundaries between siblings.\n          'ds:[&>[data-component=\"key-value-pair\"]]:grid',\n          'ds:[&>[data-component=\"key-value-pair\"]]:grid-cols-subgrid',\n          'ds:[&>[data-component=\"key-value-pair\"]]:col-span-3',\n          'ds:[&>[data-component=\"key-value-pair\"]]:items-baseline',\n          // Unset the KVP's intra-row `gap-sm` so the subgrid inherits\n          // the parent KeyValueList's `gap-x-md` for every track gap\n          // (icon→label and label→value). `gap-0` here would override\n          // the parent's gap and crowd the icon against the label;\n          // `[gap:normal]` is the subgrid-spec way to defer to the\n          // parent.\n          'ds:[&>[data-component=\"key-value-pair\"]]:[gap:normal]',\n          className,\n        ]\n          .filter(Boolean)\n          .join(' ')}\n        {...props}\n      >\n        {children}\n      </div>\n    );\n  },\n);\n\nKeyValueList.displayName = 'KeyValueList';\n"],"names":["keyValuePairValueVariants","cva","keyValuePairVariants","KeyValuePair","forwardRef","label","labelNode","value","layout","alignValue","mono","copyable","copyText","icon","className","props","ref","t","useTranslation","copied","setCopied","useState","announcement","setAnnouncement","textToCopy","handleCopy","useCallback","valueClasses","hasIcon","innerStackClass","stack","jsxs","Fragment","jsx","IconButton","Check","Copy","rowGapClassMap","KeyValueList","children","rowGap"],"mappings":";;;;;;;AAsCA,MAAMA,IAA4BC;AAAA,EAChC;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,QAAQ;AAAA,QACN,YAAY;AAAA,QACZ,UAAU;AAAA,MAAA;AAAA,MAEZ,YAAY;AAAA,QACV,OAAO;AAAA,QACP,KAAK;AAAA,MAAA;AAAA,MAEP,MAAM;AAAA,QACJ,MAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,IAEF,kBAAkB;AAAA;AAAA;AAAA;AAAA;AAAA,MAKhB;AAAA,QACE,QAAQ;AAAA,QACR,YAAY;AAAA,QACZ,OAAO;AAAA,MAAA;AAAA;AAAA;AAAA;AAAA,MAKT;AAAA,QACE,QAAQ;AAAA,QACR,YAAY;AAAA,QACZ,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,IAEF,iBAAiB;AAAA,MACf,QAAQ;AAAA,MACR,YAAY;AAAA,MACZ,MAAM;AAAA,IAAA;AAAA,EACR;AAEJ,GAEMC,IAAuBD,EAAI,WAAW;AAAA,EAC1C,UAAU;AAAA,IACR,QAAQ;AAAA,MACN,YAAY;AAAA,MACZ,UAAU;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMZ,SAAS;AAAA,MACP,MAAM;AAAA,MACN,OAAO;AAAA,IAAA;AAAA,EACT;AAAA;AAAA;AAAA;AAAA,EAKF,kBAAkB;AAAA,IAChB;AAAA,MACE,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,OAAO;AAAA,IAAA;AAAA,IAET;AAAA,MACE,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,OAAO;AAAA,IAAA;AAAA,EACT;AAAA,EAEF,iBAAiB;AAAA,IACf,QAAQ;AAAA,IACR,SAAS;AAAA,EAAA;AAEb,CAAC,GAoEYE,IAAeC;AAAA,EAC1B,CACE;AAAA,IACE,OAAAC;AAAA,IACA,WAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC,IAAS;AAAA,IACT,YAAAC,IAAa;AAAA,IACb,MAAAC,IAAO;AAAA,IACP,UAAAC,IAAW;AAAA,IACX,UAAAC;AAAA,IACA,MAAAC;AAAA,IACA,WAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,UAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,IAAI,GAC3B,CAACC,GAAQC,CAAS,IAAIC,EAAS,EAAK,GACpC,CAACC,GAAcC,CAAe,IAAIF,EAAS,EAAE,GAE7CG,IACJZ,MAAa,OAAOL,KAAU,WAAWA,IAAQ,SAE7CkB,IAAaC,EAAY,YAAY;AACzC,UAAKF;AASL,YAAI;AACF,gBAAM,UAAU,UAAU,UAAUA,CAAU,GAC9CJ,EAAU,EAAI,GACdG,EAAgBN,EAAE,qBAAqB,CAAC,GACxC,WAAW,MAAM;AACf,YAAAG,EAAU,EAAK,GACfG,EAAgB,EAAE;AAAA,UACpB,GAAG,GAAI;AAAA,QACT,QAAQ;AACN,UAAAA,EAAgBN,EAAE,2BAA2B,CAAC,GAC9C,WAAW,MAAMM,EAAgB,EAAE,GAAG,GAAI;AAAA,QAC5C;AAAA,IACF,GAAG,CAACC,GAAYP,CAAC,CAAC,GAEZU,IAAe3B,EAA0B;AAAA,MAC7C,QAAAQ;AAAA,MACA,YAAAC;AAAA,MACA,MAAAC;AAAA,IAAA,CACD,GAEKkB,IAAgCf,KAAS,MASzCgB,IACJ,uEAEIC,IACJ,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,MAAA,gBAAAD,EAAC,QAAA,EAAK,WAAU,mDACb,UAAA;AAAA,QAAAzB,KAAaD;AAAA,0BACb,QAAA,EAAK,WAAU,cAAa,UAAA,MAAE;AAAA,MAAA,GACjC;AAAA,wBACC,QAAA,EAAK,WAAWsB,GAAe,UAAApB,GAAM;AAAA,MACrCI,KACC,gBAAAsB;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,MAAMf,IAAS,gBAAAc,EAACE,GAAA,CAAA,CAAM,sBAAMC,GAAA,EAAK;AAAA,UACjC,MAAK;AAAA,UACL,cAAYnB,EAAE,qBAAqB,EAAE,OAAAZ,GAAO;AAAA,UAC5C,SAASoB;AAAA,UACT,QAAO;AAAA,UACP,WACEjB,MAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAMPC,MAAe,QACb,gBACA;AAAA,cACF;AAAA,QAAA;AAAA,MAAA;AAAA,IAER,GAEJ;AAGF,WACE,gBAAAsB;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAf;AAAA,QACA,WAAWd,EAAqB,EAAE,QAAAM,GAAQ,SAAAoB,GAAS,WAAAd,GAAW;AAAA,QAC9D,kBAAe;AAAA,QACf,iBAAec,IAAU,KAAK;AAAA,QAC7B,GAAGb;AAAA,QAEH,UAAA;AAAA,UAAAa,IACC,gBAAAG,EAAAC,GAAA,EAeE,UAAA;AAAA,YAAA,gBAAAC;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,eAAY;AAAA,gBACZ,WAAU;AAAA,gBAET,UAAApB;AAAA,cAAA;AAAA,YAAA;AAAA,YAeFL,MAAW,eACVsB,sBAEC,OAAA,EAAI,WAAWD,GAAkB,UAAAC,EAAA,CAAM;AAAA,UAAA,EAAA,CAE5C,IAEAA;AAAA,UAEF,gBAAAG,EAAC,UAAK,MAAK,UAAS,aAAU,UAAS,WAAU,cAC9C,UAAAX,EAAA,CACH;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;AAEAnB,EAAa,cAAc;AA2B3B,MAAMkC,IAGF;AAAA,EACF,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAEaC,IAAelC;AAAA,EAC1B,CAAC,EAAE,UAAAmC,GAAU,WAAAzB,GAAW,QAAA0B,IAAS,MAAM,GAAGzB,EAAA,GAASC,MA0B/C,gBAAAiB;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAjB;AAAA,MACA,kBAAe;AAAA,MACf,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA,QAKT;AAAA,QACA;AAAA,QACA;AAAA,QACAqB,EAAeG,CAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAMrB;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAOA;AAAA,QACA1B;AAAA,MAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,MACV,GAAGC;AAAA,MAEH,UAAAwB;AAAA,IAAA;AAAA,EAAA;AAIT;AAEAD,EAAa,cAAc;"}