npm - @alfadocs/ui-kit-debug - Versions diffs - 1.96.0 → 1.98.0 - Mend

@alfadocs/ui-kit-debug 1.96.0 → 1.98.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (314) hide show

package/dist/_chunks/{contact-profile-card-jBf9U4At.js → contact-profile-card-QPUgGu-t.js} RENAMED Viewed

@@ -1,18 +1,18 @@
-import { jsxs as u, jsx as e, Fragment as z } from "react/jsx-runtime";
+import { jsxs as u, jsx as e, Fragment as T } from "react/jsx-runtime";
 import { forwardRef as le, useId as ce, useMemo as se } from "react";
 import { c as de } from "./index-D2ZczOXr.js";
 import { useTranslation as pe } from "react-i18next";
 import { B as P } from "./badge-BUk4RjTS.js";
-import { C as T } from "./card-C85_Ndhb.js";
+import { C as _ } from "./card-C85_Ndhb.js";
 import { K as fe, a as ue } from "./key-value-pair-BoXOtBL1.js";
 import { L as d } from "./link-DtCfnLnF.js";
 import { b as me } from "./format-price-BcFBa-WP.js";
 import { u as he } from "./registry-DvAUVLHh.js";
-import { S as _ } from "./stethoscope-sZXGC43m.js";
-import { H as F } from "./heart--qCA4ffe.js";
+import { S as F } from "./stethoscope-sZXGC43m.js";
+import { H } from "./heart--qCA4ffe.js";
 import { c as ge } from "./createLucideIcon-DhHxpK9K.js";
-import { S as H } from "./shield-check-DCJALLVh.js";
-import { L as O } from "./languages-CGLX6Qpe.js";
+import { S as O } from "./shield-check-DCJALLVh.js";
+import { L as z } from "./languages-CGLX6Qpe.js";
 import { G as V } from "./globe-sHBW1JN5.js";
 import { M as L } from "./mail-BqXVF2zH.js";
 import { M as U } from "./message-circle-Bepl9JT5.js";
@@ -38,7 +38,7 @@ const ve = [
       type: "string",
       descriptionKey: "ui.agent.contactProfileCard.state.profession",
       description: "Profession string the card is currently rendering — undefined when the consumer omitted it.",
-      read: (i) => i.getProfession()
+      read: (o) => o.getProfession()
     }
   },
   actions: {},
@@ -70,15 +70,15 @@ const ve = [
     defaultVariants: { surface: "elevated" }
   }
 );
-function Ce(i) {
-  return i.replace(/[^\d+]/g, "");
+function Ce(o) {
+  return o.replace(/[^\d+]/g, "");
 }
-function Pe(i, t) {
-  const a = `https://wa.me/${i}`;
+function Pe(o, t) {
+  const a = `https://wa.me/${o}`;
   return t ? `${a}?text=${encodeURIComponent(t)}` : a;
 }
-function ye(i) {
-  const t = i.trim(), a = /^[a-z][a-z0-9+.-]*:/i.test(t) ? t : `https://${t}`;
+function ye(o) {
+  const t = o.trim(), a = /^[a-z][a-z0-9+.-]*:/i.test(t) ? t : `https://${t}`;
   try {
     const { protocol: l } = new URL(a);
     return l === "http:" || l === "https:" ? a : void 0;
@@ -86,16 +86,16 @@ function ye(i) {
     return;
   }
 }
-function ke(i) {
-  return `https://www.google.com/maps/search/?api=1&query=${encodeURIComponent(i.line)}`;
+function ke(o) {
+  return `https://www.google.com/maps/search/?api=1&query=${encodeURIComponent(o.line)}`;
 }
 function we() {
   if (typeof document > "u") return "4945a3";
-  const i = getComputedStyle(document.documentElement).getPropertyValue("--map-marker-color").trim(), t = /^#?([0-9a-fA-F]{6})$/.exec(i);
+  const o = getComputedStyle(document.documentElement).getPropertyValue("--map-marker-color").trim(), t = /^#?([0-9a-fA-F]{6})$/.exec(o);
   return t ? t[1] : "4945a3";
 }
-function Me({ apiKey: i, center: t, zoom: a, altText: l }) {
-  const s = we(), m = `https://maps.googleapis.com/maps/api/staticmap?center=${t.lat},${t.lng}&zoom=${a}&size=640x192&scale=2&markers=color:0x${s}%7C${t.lat},${t.lng}&key=${encodeURIComponent(i)}`;
+function Me({ apiKey: o, center: t, zoom: a, altText: l }) {
+  const s = we(), m = `https://maps.googleapis.com/maps/api/staticmap?center=${t.lat},${t.lng}&zoom=${a}&size=640x192&scale=2&markers=color:0x${s}%7C${t.lat},${t.lng}&key=${encodeURIComponent(o)}`;
   return /* @__PURE__ */ e(
     "img",
     {
@@ -105,13 +105,13 @@ function Me({ apiKey: i, center: t, zoom: a, altText: l }) {
       decoding: "async",
       width: 640,
       height: 192,
-      className: "ds:block ds:inline-size-full ds:block-size-[12rem] ds:[object-fit:cover] ds:rounded-[var(--radius-md)]"
+      className: "ds:block ds:w-full ds:h-[12rem] ds:[object-fit:cover] ds:rounded-[var(--radius-md)]"
     }
   );
 }
 const $e = le(
   ({
-    heading: i,
+    heading: o,
     description: t,
     address: a,
     phone: l,
@@ -141,7 +141,7 @@ const $e = le(
     className: ee,
     ...ae
   }, te) => {
-    const { t: r, i18n: M } = pe("ui"), $ = ce(), A = M.language ?? "en", N = i ?? r("contactProfileCard.heading"), re = Z ?? N, R = se(() => {
+    const { t: r, i18n: M } = pe("ui"), $ = ce(), A = M.language ?? "en", N = o ?? r("contactProfileCard.heading"), re = Z ?? N, R = se(() => {
       if (b != null)
         return me(
           b,
@@ -149,8 +149,8 @@ const $e = le(
           A,
           r("common.freeOfCharge")
         );
-    }, [b, y, A, r]), o = [];
-    if (a && o.push({
+    }, [b, y, A, r]), n = [];
+    if (a && n.push({
       key: "address",
       icon: /* @__PURE__ */ e(K, { "aria-hidden": "true" }),
       label: r("contactProfileCard.label.address"),
@@ -167,7 +167,7 @@ const $e = le(
           }
         ) : null
       ] })
-    }), l && o.push({
+    }), l && n.push({
       key: "phone",
       icon: /* @__PURE__ */ e(E, { "aria-hidden": "true" }),
       label: r("contactProfileCard.label.phone"),
@@ -180,7 +180,7 @@ const $e = le(
           children: /* @__PURE__ */ e("bdi", { dir: "ltr", children: l })
         }
       )
-    }), s && o.push({
+    }), s && n.push({
       key: "whatsapp",
       icon: /* @__PURE__ */ e(U, { "aria-hidden": "true" }),
       label: r("contactProfileCard.label.whatsapp"),
@@ -194,7 +194,7 @@ const $e = le(
           children: /* @__PURE__ */ e("bdi", { dir: "ltr", children: s })
         }
       )
-    }), h && o.push({
+    }), h && n.push({
       key: "email",
       icon: /* @__PURE__ */ e(L, { "aria-hidden": "true" }),
       label: r("contactProfileCard.label.email"),
@@ -208,45 +208,45 @@ const $e = le(
         }
       )
     }), p) {
-      const n = ye(p);
-      o.push({
+      const i = ye(p);
+      n.push({
         key: "website",
         icon: /* @__PURE__ */ e(V, { "aria-hidden": "true" }),
         label: r("contactProfileCard.label.website"),
-        value: n ? /* @__PURE__ */ e(d, { href: n, external: !0, intent: "default", children: /* @__PURE__ */ e("bdi", { dir: "ltr", children: p }) }) : /* @__PURE__ */ e("bdi", { dir: "ltr", children: p })
+        value: i ? /* @__PURE__ */ e(d, { href: i, external: !0, intent: "default", children: /* @__PURE__ */ e("bdi", { dir: "ltr", children: p }) }) : /* @__PURE__ */ e("bdi", { dir: "ltr", children: p })
       });
     }
     if (g && g.length > 0) {
-      const n = (c) => {
+      const i = (c) => {
         if (f != null && f[c]) return f[c];
         const I = `languages.${c}`;
         return M.exists(I) ? r(I) : c.toUpperCase();
       };
-      o.push({
+      n.push({
         key: "languages",
-        icon: /* @__PURE__ */ e(O, { "aria-hidden": "true" }),
+        icon: /* @__PURE__ */ e(z, { "aria-hidden": "true" }),
         label: r("contactProfileCard.label.languages"),
-        value: /* @__PURE__ */ e("span", { className: "ds:flex ds:flex-wrap ds:gap-[var(--spacing-2xs)]", children: g.map((c) => /* @__PURE__ */ e(P, { variant: "neutral", children: n(c) }, c)) })
+        value: /* @__PURE__ */ e("span", { className: "ds:flex ds:flex-wrap ds:gap-[var(--spacing-2xs)]", children: g.map((c) => /* @__PURE__ */ e(P, { variant: "neutral", children: i(c) }, c)) })
       });
     }
-    v && v.length > 0 && o.push({
+    v && v.length > 0 && n.push({
       key: "insurances",
-      icon: /* @__PURE__ */ e(H, { "aria-hidden": "true" }),
+      icon: /* @__PURE__ */ e(O, { "aria-hidden": "true" }),
       label: r("contactProfileCard.label.insurances"),
-      value: /* @__PURE__ */ e("span", { className: "ds:flex ds:flex-wrap ds:gap-[var(--spacing-2xs)]", children: v.map((n) => /* @__PURE__ */ e(P, { variant: "info", children: n }, n)) })
-    }), R && o.push({
+      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)) })
+    }), R && n.push({
       key: "firstVisitPrice",
       icon: /* @__PURE__ */ e(B, { "aria-hidden": "true" }),
       label: r("contactProfileCard.label.firstVisitPrice"),
       value: /* @__PURE__ */ e(P, { variant: "accentSoft", size: "lg", children: R })
-    }), G && o.push({
+    }), G && n.push({
       key: "expertForAnxiousPatients",
-      icon: /* @__PURE__ */ e(F, { "aria-hidden": "true" }),
+      icon: /* @__PURE__ */ e(H, { "aria-hidden": "true" }),
       label: r("contactProfileCard.label.expertForAnxiousPatients"),
       value: r("contactProfileCard.value.yesShort")
-    }), x && o.push({
+    }), x && n.push({
       key: "profession",
-      icon: /* @__PURE__ */ e(_, { "aria-hidden": "true" }),
+      icon: /* @__PURE__ */ e(F, { "aria-hidden": "true" }),
       label: r("contactProfileCard.label.profession"),
       value: x
     }), he(
@@ -254,7 +254,7 @@ const $e = le(
       { getProfession: () => x },
       C
     );
-    const ie = !!k && (a == null ? void 0 : a.lat) !== void 0 && (a == null ? void 0 : a.lng) !== void 0 ? /* @__PURE__ */ e(
+    const oe = !!k && (a == null ? void 0 : a.lat) !== void 0 && (a == null ? void 0 : a.lng) !== void 0 ? /* @__PURE__ */ e(
       Me,
       {
         apiKey: k,
@@ -265,20 +265,20 @@ const $e = le(
           defaultValue: "Map showing {{address}}"
         })
       }
-    ) : null, oe = X ?? ie, ne = /* @__PURE__ */ u(z, { children: [
+    ) : null, ne = X ?? oe, ie = /* @__PURE__ */ u(T, { children: [
       t ? /* @__PURE__ */ e("p", { dir: "auto", className: "type-body-sm ds:m-0 ds:whitespace-pre-line", children: t }) : null,
-      o.length > 0 ? /* @__PURE__ */ e(fe, { rowGap: "md", children: o.map((n) => /* @__PURE__ */ e(
+      n.length > 0 ? /* @__PURE__ */ e(fe, { rowGap: "md", children: n.map((i) => /* @__PURE__ */ e(
         ue,
         {
-          icon: n.icon,
-          label: n.label,
-          value: n.value
+          icon: i.icon,
+          label: i.label,
+          value: i.value
         },
-        n.key
+        i.key
       )) }) : null,
-      oe,
+      ne,
       Q
-    ] }), S = /* @__PURE__ */ u(z, { children: [
+    ] }), S = /* @__PURE__ */ u(T, { children: [
       /* @__PURE__ */ u("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
         J,
         /* @__PURE__ */ e(
@@ -290,7 +290,7 @@ const $e = le(
           }
         )
       ] }),
-      ne
+      ie
     ] });
     return /* @__PURE__ */ e(
       "div",
@@ -304,7 +304,7 @@ const $e = le(
         id: C,
         className: xe({ surface: w, className: ee }),
         ...ae,
-        children: w === "elevated" ? /* @__PURE__ */ e(T, { variant: "elevated", children: /* @__PURE__ */ e(T.Body, { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: S }) }) : /* @__PURE__ */ e("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: S })
+        children: w === "elevated" ? /* @__PURE__ */ e(_, { variant: "elevated", children: /* @__PURE__ */ e(_.Body, { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: S }) }) : /* @__PURE__ */ e("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: S })
       }
     );
   }
@@ -327,11 +327,11 @@ const De = [
   whatsapp: U,
   email: L,
   website: V,
-  languages: O,
-  insurances: H,
+  languages: z,
+  insurances: O,
   firstVisitPrice: B,
-  expertForAnxiousPatients: F,
-  profession: _
+  expertForAnxiousPatients: H,
+  profession: F
 };
 export {
   Ye as C,
@@ -339,4 +339,4 @@ export {
   $e as b,
   be as c
 };
-//# sourceMappingURL=contact-profile-card-jBf9U4At.js.map
+//# sourceMappingURL=contact-profile-card-QPUgGu-t.js.map

package/dist/_chunks/contact-profile-card-QPUgGu-t.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"contact-profile-card-QPUgGu-t.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 },\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 /**\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 /** 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 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 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":["__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","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","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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","x_google_ignoreList":[0]}

package/dist/_chunks/{copy-field-hgVSc51W.js → copy-field-BaYEDJ9f.js} RENAMED Viewed

@@ -1,5 +1,5 @@
 import { jsxs as M, jsx as o } from "react/jsx-runtime";
-import { forwardRef as P, useRef as v, useState as E, useEffect as H, useCallback as z, useMemo as O } from "react";
+import { forwardRef as P, useRef as g, useState as E, useEffect as H, useCallback as z, useMemo as O } from "react";
 import { c as u } from "./index-D2ZczOXr.js";
 import { useTranslation as W } from "react-i18next";
 import { B as _ } from "./button-DohK_Ak_.js";
@@ -60,15 +60,15 @@ async function U(e) {
     } catch {
     }
   if (typeof document > "u") return !1;
-  const s = document.createElement("textarea");
-  s.value = e, s.setAttribute("readonly", ""), s.style.position = "absolute", s.style.setProperty("inset-inline-start", "-9999px"), document.body.appendChild(s), s.select();
+  const t = document.createElement("textarea");
+  t.value = e, t.setAttribute("readonly", ""), t.style.position = "absolute", t.style.setProperty("inset-inline-start", "-9999px"), document.body.appendChild(t), t.select();
   let i = !1;
   try {
     i = document.execCommand("copy");
   } catch {
     i = !1;
   }
-  return document.body.removeChild(s), i;
+  return document.body.removeChild(t), i;
 }
 const X = u(
   [
@@ -85,9 +85,9 @@ const X = u(
   {
     variants: {
       size: {
-        sm: "ds:h-8 ds:text-[var(--font-size-sm)]",
-        md: "ds:h-[var(--min-target-size)] ds:text-[var(--font-size-base)]",
-        lg: "ds:h-12 ds:text-[var(--font-size-lg)]"
+        sm: "ds:h-8 ds:text-[length:var(--font-size-sm)]",
+        md: "ds:h-[var(--min-target-size)] ds:text-[length:var(--font-size-base)]",
+        lg: "ds:h-12 ds:text-[length:var(--font-size-lg)]"
       },
       disabled: {
         true: "ds:opacity-50 ds:cursor-not-allowed",
@@ -111,9 +111,9 @@ const X = u(
         primary: "ds:text-primary ds:font-medium"
       },
       size: {
-        sm: "ds:text-[var(--font-size-sm)]",
-        md: "ds:text-[var(--font-size-base)]",
-        lg: "ds:text-[var(--font-size-lg)]"
+        sm: "ds:text-[length:var(--font-size-sm)]",
+        md: "ds:text-[length:var(--font-size-base)]",
+        lg: "ds:text-[length:var(--font-size-lg)]"
       },
       wrap: {
         true: "ds:[overflow-wrap:anywhere] ds:whitespace-normal",
@@ -168,7 +168,7 @@ const X = u(
 ), ee = P(
   ({
     value: e,
-    size: s = "md",
+    size: t = "md",
     intent: i = "default",
     startIcon: a,
     wrap: F = !1,
@@ -176,25 +176,25 @@ const X = u(
     copiedLabel: S,
     copiedDuration: k = 2e3,
     ariaLabel: I,
-    onCopy: g,
+    onCopy: v,
     disabled: r = !1,
     className: V,
     id: f,
     ...j
   }, N) => {
-    const { t } = W("ui"), d = v(e);
+    const { t: s } = W("ui"), d = g(e);
     d.current = e;
-    const c = v(g);
-    c.current = g;
+    const c = g(v);
+    c.current = v;
     const { status: l, copy: b } = D({
       resetAfterMs: k,
       writer: U
-    }), n = l === "copied", w = v(!1);
+    }), n = l === "copied", w = g(!1);
     w.current = n;
     const [A, m] = E("");
     H(() => {
-      m(l === "copied" ? t("copyField.copySuccess") : l === "error" ? t("copyField.copyFailed") : "");
-    }, [l, t]);
+      m(l === "copied" ? s("copyField.copySuccess") : l === "error" ? s("copyField.copyFailed") : "");
+    }, [l, s]);
     const p = z(async () => {
       var C;
       if (r) return !1;
@@ -211,18 +211,18 @@ const X = u(
       [p]
     );
     q(Q, B, f);
-    const L = I ?? t("copyField.valueLabel"), y = T ?? t("copyField.copy"), h = S ?? t("copyField.copied"), K = n ? typeof h == "string" ? h : t("copyField.copied") : typeof y == "string" ? y : t("copyField.copy");
+    const L = I ?? s("copyField.valueLabel"), y = T ?? s("copyField.copy"), h = S ?? s("copyField.copied"), K = n ? typeof h == "string" ? h : s("copyField.copied") : typeof y == "string" ? y : s("copyField.copy");
     return /* @__PURE__ */ M(
       "div",
       {
         ref: N,
-        className: X({ size: s, disabled: r, className: V }),
+        className: X({ size: t, disabled: r, className: V }),
         "data-component": "copy-field",
         "data-component-id": f,
         "data-copied": n ? "true" : void 0,
         ...j,
         children: [
-          a ? /* @__PURE__ */ o("span", { "aria-hidden": "true", className: Z({ size: s }), children: a }) : null,
+          a ? /* @__PURE__ */ o("span", { "aria-hidden": "true", className: Z({ size: t }), children: a }) : null,
           /* @__PURE__ */ o(
             "input",
             {
@@ -234,7 +234,7 @@ const X = u(
               "aria-label": L,
               className: Y({
                 intent: i,
-                size: s,
+                size: t,
                 wrap: F,
                 hasStartIcon: !!a
               })
@@ -245,7 +245,7 @@ const X = u(
             {
               type: "button",
               intent: "ghost",
-              size: s,
+              size: t,
               onClick: R,
               disabled: r,
               "aria-label": K,
@@ -265,4 +265,4 @@ export {
   ee as C,
   Q as c
 };
-//# sourceMappingURL=copy-field-hgVSc51W.js.map
+//# sourceMappingURL=copy-field-BaYEDJ9f.js.map

package/dist/_chunks/copy-field-BaYEDJ9f.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"copy-field-BaYEDJ9f.js","sources":["../../src/components/copy-field/copy-field.agent.ts","../../src/components/copy-field/copy-field.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — CopyField. */\n/* */\n/* See `src/docs/26-agent-readiness.mdx` for the contract. */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\n\n/**\n * Imperative handle for CopyField — agents can read the value and trigger a\n * programmatic copy. State stays scoped to identifiers + transient UI state;\n * never PHI (per PRS §Security).\n */\nexport interface CopyFieldHandle {\n /** Returns the read-only value currently displayed. */\n getValue: () => string;\n /** Triggers the clipboard write side-effect. */\n copy: () => Promise<boolean>;\n /** Returns true for the brief window after a successful copy. */\n isCopied: () => boolean;\n}\n\nexport const copyFieldAgent: AgentAdapter<CopyFieldHandle> = {\n id: 'copy-field',\n capabilities: ['copy'],\n state: {\n value: {\n type: 'string',\n descriptionKey: 'ui.agent.copyField.state.value',\n description: 'The value displayed in the read-only field.',\n read: (handle) => handle.getValue(),\n },\n copied: {\n type: 'boolean',\n descriptionKey: 'ui.agent.copyField.state.copied',\n description: 'True for the brief window after a successful copy.',\n read: (handle) => handle.isCopied(),\n },\n },\n actions: {\n copy: {\n // Writes the value to the system clipboard — reaches outside this UI.\n safety: 'write',\n openWorld: true,\n returns: 'boolean',\n returnsSchema: {\n type: 'boolean',\n description: 'True when the clipboard write succeeded.',\n },\n descriptionKey: 'ui.agent.copyField.actions.copy',\n description: 'Programmatically trigger the clipboard write.',\n invoke: (handle) => handle.copy(),\n },\n },\n domHooks: {\n root: {\n attr: 'data-component',\n value: 'copy-field',\n description:\n 'Marks the CopyField root. The trailing button uses `aria-label` keyed off the copy / copied state.',\n },\n instanceId: {\n attr: 'data-component-id',\n sourceProp: 'id',\n description: 'Sourced from the id prop, when provided.',\n },\n },\n};\n","import {\n forwardRef,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState,\n type HTMLAttributes,\n type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Check, Copy } from 'lucide-react';\nimport { Button } from '../button/button';\nimport { useAgentRegistration } from '../../agent';\nimport { useCopyToClipboard } from '../../hooks/use-copy-to-clipboard';\nimport { copyFieldAgent, type CopyFieldHandle } from './copy-field.agent';\n\n/* ------------------------------------------------------------------ */\n/* Clipboard helper */\n/* */\n/* `navigator.clipboard.writeText` is the modern path. The fallback */\n/* covers older browsers and insecure contexts via a synthesised */\n/* textarea + `document.execCommand('copy')`. The off-screen position */\n/* uses imperative DOM `.style` assignments — those are NOT JSX inline */\n/* styles and don't violate constraint §3. */\n/* ------------------------------------------------------------------ */\n\nasync function copyToClipboard(text: string): Promise<boolean> {\n if (typeof navigator !== 'undefined' && navigator.clipboard?.writeText) {\n try {\n await navigator.clipboard.writeText(text);\n return true;\n } catch {\n // fall through to legacy path\n }\n }\n if (typeof document === 'undefined') return false;\n const textarea = document.createElement('textarea');\n textarea.value = text;\n textarea.setAttribute('readonly', '');\n // Imperative DOM style — not a JSX inline-style violation. We use\n // `setProperty('inset-inline-start', …)` so the hidden textarea stays\n // logically off-screen in both LTR and RTL contexts.\n textarea.style.position = 'absolute';\n textarea.style.setProperty('inset-inline-start', '-9999px');\n document.body.appendChild(textarea);\n textarea.select();\n let ok = false;\n try {\n ok = document.execCommand('copy');\n } catch {\n ok = false;\n }\n document.body.removeChild(textarea);\n return ok;\n}\n\n/* ------------------------------------------------------------------ */\n/* CVA — outer wrapper */\n/* */\n/* Mirrors the shared input-surface chrome (border + halo shadow) so */\n/* CopyField sits inline next to TextInput / Combobox in forms without */\n/* visual drift. Logical paddings only. `ds:focus-within` paints the */\n/* ring when the trailing button or the embedded input receives focus. */\n/* ------------------------------------------------------------------ */\n\nconst fieldVariants = cva(\n [\n 'ds:inline-flex ds:items-stretch ds:w-full',\n 'ds:rounded-[var(--radius-sm)] ds:bg-input ds:text-foreground',\n 'ds:border ds:border-[color:var(--control-border)]',\n 'ds:shadow-[var(--shadow-input)]',\n 'ds:focus-within:outline-[length:var(--focus-ring-width)] ds:focus-within:outline-solid',\n 'ds:focus-within:outline-ring ds:focus-within:outline-offset-[length:var(--focus-ring-offset)]',\n 'ds:forced-colors:focus-within:outline-[CanvasText]',\n 'ds:transition-[colors,box-shadow] ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n 'ds:overflow-hidden',\n ].join(' '),\n {\n variants: {\n size: {\n sm: 'ds:h-8 ds:text-[length:var(--font-size-sm)]',\n md: 'ds:h-[var(--min-target-size)] ds:text-[length:var(--font-size-base)]',\n lg: 'ds:h-12 ds:text-[length:var(--font-size-lg)]',\n },\n disabled: {\n true: 'ds:opacity-50 ds:cursor-not-allowed',\n false: '',\n },\n },\n defaultVariants: { size: 'md', disabled: false },\n },\n);\n\n/* ------------------------------------------------------------------ */\n/* CVA — value <input> styling */\n/* ------------------------------------------------------------------ */\n\nconst valueVariants = cva(\n [\n 'ds:flex-1 ds:min-w-0 ds:bg-transparent ds:border-0 ds:outline-none',\n 'ds:text-foreground',\n 'ds:disabled:cursor-not-allowed',\n ].join(' '),\n {\n variants: {\n intent: {\n default: '',\n // `--primary` is calibrated for foreground use (violet-500 light,\n // magenta-500 dark) — both pass AA against their input backgrounds.\n primary: 'ds:text-primary ds:font-medium',\n },\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 wrap: {\n true: 'ds:[overflow-wrap:anywhere] ds:whitespace-normal',\n false: 'ds:overflow-hidden ds:text-ellipsis ds:whitespace-nowrap',\n },\n hasStartIcon: {\n true: '',\n false: '',\n },\n },\n // Explicit pairs decide the leading padding — single ps-* per cell, so\n // there's no fight between size + hasStartIcon under Tailwind's flat\n // utility precedence.\n compoundVariants: [\n { size: 'sm', hasStartIcon: false, class: 'ds:ps-[var(--spacing-sm)]' },\n { size: 'md', hasStartIcon: false, class: 'ds:ps-[var(--spacing-sm)]' },\n { size: 'lg', hasStartIcon: false, class: 'ds:ps-[var(--spacing-md)]' },\n { size: 'sm', hasStartIcon: true, class: 'ds:ps-[var(--spacing-xs)]' },\n { size: 'md', hasStartIcon: true, class: 'ds:ps-[var(--spacing-xs)]' },\n { size: 'lg', hasStartIcon: true, class: 'ds:ps-[var(--spacing-sm)]' },\n ],\n defaultVariants: {\n intent: 'default',\n size: 'md',\n wrap: false,\n hasStartIcon: false,\n },\n },\n);\n\n/* ------------------------------------------------------------------ */\n/* Leading icon slot */\n/* ------------------------------------------------------------------ */\n\nconst startIconVariants = cva(\n [\n 'ds:inline-flex ds:items-center ds:justify-center ds:shrink-0',\n 'ds:text-muted-foreground',\n 'ds:[&_svg]:size-4',\n ].join(' '),\n {\n variants: {\n size: {\n sm: 'ds:ps-[var(--spacing-sm)]',\n md: 'ds:ps-[var(--spacing-sm)]',\n lg: 'ds:ps-[var(--spacing-md)]',\n },\n },\n defaultVariants: { size: 'md' },\n },\n);\n\n/* ------------------------------------------------------------------ */\n/* Trailing button wrapper */\n/* */\n/* The button visually attaches to the field by removing its own focus */\n/* ring (the wrapper paints `focus-within`) and rounding only the */\n/* trailing inline-end corners. */\n/* ------------------------------------------------------------------ */\n\nconst copyButtonVariants = cva(\n [\n 'ds:shrink-0 ds:rounded-none',\n 'ds:focus-visible:outline-none',\n 'ds:h-full',\n 'ds:gap-[var(--spacing-xs)]',\n ].join(' '),\n);\n\n/* ------------------------------------------------------------------ */\n/* Props */\n/* ------------------------------------------------------------------ */\n\ntype FieldSize = NonNullable<VariantProps<typeof fieldVariants>['size']>;\ntype ValueIntent = NonNullable<VariantProps<typeof valueVariants>['intent']>;\n\nexport interface CopyFieldProps extends Omit<\n HTMLAttributes<HTMLDivElement>,\n 'children' | 'onCopy'\n> {\n /** The value displayed in the read-only field and copied on click. */\n value: string;\n /** Field height + padding. Mirrors TextInput sizes. */\n size?: FieldSize;\n /**\n * `primary` tints the value text with `--primary` — matches the\n * link-style emphasis used by the telehealth showSession page.\n */\n intent?: ValueIntent;\n /**\n * Leading icon slot, decorative. Use `lucide-react` icons like\n * `<Link2 />` for a URL, `<KeyRound />` for a token.\n */\n startIcon?: ReactNode;\n /**\n * `false` (default) truncates long values with ellipsis on a single\n * line. `true` allows wrap with `overflow-wrap: anywhere`.\n */\n wrap?: boolean;\n /** Override the default 'Copy' button label. */\n copyLabel?: ReactNode;\n /** Override the default 'Copied' success-state label. */\n copiedLabel?: ReactNode;\n /** Milliseconds before the button reverts to its default state. Default 2000. */\n copiedDuration?: number;\n /** ARIA label for the read-only textbox. Defaults to the i18n key. */\n ariaLabel?: string;\n /** Fires once after a successful clipboard write. */\n onCopy?: (value: string) => void;\n /** Greys both the field and the button; the button doesn't fire onCopy. */\n disabled?: boolean;\n}\n\n/* ------------------------------------------------------------------ */\n/* CopyField */\n/* ------------------------------------------------------------------ */\n\nexport const CopyField = forwardRef<HTMLDivElement, CopyFieldProps>(\n (\n {\n value,\n size = 'md',\n intent = 'default',\n startIcon,\n wrap = false,\n copyLabel,\n copiedLabel,\n copiedDuration = 2000,\n ariaLabel,\n onCopy,\n disabled = false,\n className,\n id,\n ...rest\n },\n ref,\n ) => {\n const { t } = useTranslation('ui');\n\n const valueRef = useRef(value);\n valueRef.current = value;\n const onCopyRef = useRef(onCopy);\n onCopyRef.current = onCopy;\n\n // Drive status + auto-reset from the shared hook. The custom `writer`\n // preserves CopyField's legacy `document.execCommand('copy')` fallback\n // for non-HTTPS / older-browser contexts.\n const { status, copy } = useCopyToClipboard({\n resetAfterMs: copiedDuration,\n writer: copyToClipboard,\n });\n const copied = status === 'copied';\n const copiedRef = useRef(false);\n copiedRef.current = copied;\n\n // i18n-aware live-region text mirrors the hook status — `copied` →\n // success message, `error` → failure message, `idle` → clear.\n const [liveRegionText, setLiveRegionText] = useState('');\n useEffect(() => {\n if (status === 'copied') {\n setLiveRegionText(t('copyField.copySuccess'));\n } else if (status === 'error') {\n setLiveRegionText(t('copyField.copyFailed'));\n } else {\n setLiveRegionText('');\n }\n }, [status, t]);\n\n const handleCopy = useCallback(async (): Promise<boolean> => {\n if (disabled) return false;\n const ok = await copy(valueRef.current);\n if (ok) onCopyRef.current?.(valueRef.current);\n return ok;\n }, [disabled, copy]);\n\n const handleButtonClick = useCallback(() => {\n void handleCopy();\n }, [handleCopy]);\n\n /* -------------------------------------------------------------- */\n /* Agent handle — read value + trigger copy + check transient state */\n /* -------------------------------------------------------------- */\n\n const agentHandle = useMemo<CopyFieldHandle>(\n () => ({\n getValue: () => valueRef.current,\n copy: () => handleCopy(),\n isCopied: () => copiedRef.current,\n }),\n [handleCopy],\n );\n useAgentRegistration(copyFieldAgent, agentHandle, id);\n\n const resolvedAriaLabel = ariaLabel ?? t('copyField.valueLabel');\n const resolvedCopyText = copyLabel ?? t('copyField.copy');\n const resolvedCopiedText = copiedLabel ?? t('copyField.copied');\n // `aria-label` must be a string; when the consumer passes a non-string\n // ReactNode for copyLabel / copiedLabel we fall back to the translated\n // default so AT users still hear a coherent name.\n const buttonAccessibleLabel = copied\n ? typeof resolvedCopiedText === 'string'\n ? resolvedCopiedText\n : t('copyField.copied')\n : typeof resolvedCopyText === 'string'\n ? resolvedCopyText\n : t('copyField.copy');\n\n return (\n <div\n ref={ref}\n className={fieldVariants({ size, disabled, className })}\n data-component=\"copy-field\"\n data-component-id={id}\n data-copied={copied ? 'true' : undefined}\n {...rest}\n >\n {startIcon ? (\n <span aria-hidden=\"true\" className={startIconVariants({ size })}>\n {startIcon}\n </span>\n ) : null}\n <input\n id={id}\n type=\"text\"\n readOnly\n value={value}\n disabled={disabled}\n aria-label={resolvedAriaLabel}\n className={valueVariants({\n intent,\n size,\n wrap,\n hasStartIcon: Boolean(startIcon),\n })}\n />\n <Button\n type=\"button\"\n intent=\"ghost\"\n size={size}\n onClick={handleButtonClick}\n disabled={disabled}\n aria-label={buttonAccessibleLabel}\n className={copyButtonVariants()}\n startIcon={\n copied ? <Check aria-hidden=\"true\" /> : <Copy aria-hidden=\"true\" />\n }\n >\n <span className=\"type-label\">\n {copied ? resolvedCopiedText : resolvedCopyText}\n </span>\n </Button>\n <span role=\"status\" aria-live=\"polite\" className=\"ds:sr-only\">\n {liveRegionText}\n </span>\n </div>\n );\n },\n);\n\nCopyField.displayName = 'CopyField';\n"],"names":["copyFieldAgent","handle","copyToClipboard","text","_a","textarea","ok","fieldVariants","cva","valueVariants","startIconVariants","copyButtonVariants","CopyField","forwardRef","value","size","intent","startIcon","wrap","copyLabel","copiedLabel","copiedDuration","ariaLabel","onCopy","disabled","className","id","rest","ref","t","useTranslation","valueRef","useRef","onCopyRef","status","copy","useCopyToClipboard","copied","copiedRef","liveRegionText","setLiveRegionText","useState","useEffect","handleCopy","useCallback","handleButtonClick","agentHandle","useMemo","useAgentRegistration","resolvedAriaLabel","resolvedCopyText","resolvedCopiedText","buttonAccessibleLabel","jsxs","jsx","Button","Check","Copy"],"mappings":"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"}

package/dist/_chunks/{country-select-BfmX9y5i.js → country-select-CUuGOAoZ.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 import { jsx as C } from "react/jsx-runtime";
 import { forwardRef as ea, useMemo as g, useCallback as z, useRef as ra, useEffect as ia } from "react";
 import { useTranslation as ca } from "react-i18next";
-import { C as ta } from "./combobox-D-gpgEDy.js";
+import { C as ta } from "./combobox-duuDRI1t.js";
 import { h as sa, a as oa } from "./flag-DVBE6DnB.js";
 import { n as L } from "./normalize-diacritics-BNGbFNlJ.js";
 import { u as na } from "./use-controllable-state-BiY4xTzM.js";
@@ -732,4 +732,4 @@ export {
   la as c,
   pa as r
 };
-//# sourceMappingURL=country-select-BfmX9y5i.js.map
+//# sourceMappingURL=country-select-CUuGOAoZ.js.map