@alfadocs/ui-kit 0.33.3 → 0.33.4

package/dist/_chunks/{contact-profile-card-Ce-LIDU8.js → contact-profile-card-C2mTxAlN.js}

@@ -1,12 +1,12 @@
 import { jsxs as u, jsx as e, Fragment as R } from "react/jsx-runtime";
-import { forwardRef as ie, useId as le, useMemo as ce } from "react";
-import { c as se } from "./index-D2ZczOXr.js";
-import { useTranslation as de } from "react-i18next";
+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 S } from "./badge-zsf5i5bH.js";
 import { C as F } from "./card-DPmk26CL.js";
-import { K as pe, a as ue } from "./key-value-pair-CkQIb9EG.js";
+import { K as ue, a as fe } from "./key-value-pair-CkQIb9EG.js";
 import { L as d } from "./link-DrD_cRUg.js";
-import { u as fe } from "./registry-nPAVE19X.js";
+import { u as me } from "./registry-nPAVE19X.js";
 import { S as T } from "./stethoscope-DT5qCW8Y.js";
 import { H, S as V, L as z } from "./shield-check-BhHyReu8.js";
 import { c as O } from "./createLucideIcon-CrFbzy84.js";
@@ -20,18 +20,18 @@ import { M as U } from "./map-pin-B8STOPMJ.js";
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const me = [
+const he = [
   ["rect", { width: "20", height: "12", x: "2", y: "6", rx: "2", key: "9lu3g6" }],
   ["circle", { cx: "12", cy: "12", r: "2", key: "1c9p78" }],
   ["path", { d: "M6 12h.01M18 12h.01", key: "113zkx" }]
-], j = O("banknote", me);
+], j = O("banknote", he);
 /**
  * @license lucide-react v1.8.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const he = [
+const ge = [
   [
     "path",
     {
@@ -39,7 +39,7 @@ const he = [
       key: "9njp5v"
     }
   ]
-], B = O("phone", he), ge = {
+], B = O("phone", ge), ve = {
   id: "contact-profile-card",
   capabilities: ["view_change"],
   state: {
@@ -63,7 +63,7 @@ const he = [
       description: "Sourced from the id prop."
     }
   }
-}, ve = se(
+}, xe = de(
   "ds:w-full ds:text-[color:var(--foreground)] ds:[--key-value-pair-icon-color:var(--accent)]",
   {
     variants: {
@@ -79,17 +79,17 @@ const he = [
     defaultVariants: { surface: "elevated" }
   }
 );
-function xe(t) {
+function ye(t) {
   return t.replace(/[^\d+]/g, "");
 }
-function ye(t, r) {
+function Ce(t, r) {
   const a = `https://wa.me/${t}`;
   return r ? `${a}?text=${encodeURIComponent(r)}` : a;
 }
-function Ce(t) {
+function be(t) {
   return `https://www.google.com/maps/search/?api=1&query=${encodeURIComponent(t.line)}`;
 }
-function be(t, r, a) {
+function Pe(t, r, a) {
   try {
     return new Intl.NumberFormat(a, {
       style: "currency",
@@ -99,13 +99,13 @@ function be(t, r, a) {
     return (t / 100).toFixed(2);
   }
 }
-function Pe() {
+function ke() {
   if (typeof document > "u") return "4945a3";
   const t = getComputedStyle(document.documentElement).getPropertyValue("--map-marker-color").trim(), r = /^#?([0-9a-fA-F]{6})$/.exec(t);
   return r ? r[1] : "4945a3";
 }
-function ke({ apiKey: t, center: r, zoom: a, altText: c }) {
-  const s = Pe(), f = `https://maps.googleapis.com/maps/api/staticmap?center=${r.lat},${r.lng}&zoom=${a}&size=640x192&scale=2&markers=color:0x${s}%7C${r.lat},${r.lng}&key=${encodeURIComponent(t)}`;
+function we({ apiKey: t, center: r, zoom: a, altText: c }) {
+  const s = ke(), f = `https://maps.googleapis.com/maps/api/staticmap?center=${r.lat},${r.lng}&zoom=${a}&size=640x192&scale=2&markers=color:0x${s}%7C${r.lat},${r.lng}&key=${encodeURIComponent(t)}`;
   return /* @__PURE__ */ e(
     "img",
     {
@@ -119,7 +119,7 @@ function ke({ apiKey: t, center: r, zoom: a, altText: c }) {
     }
   );
 }
-const we = ie(
+const Me = le(
   ({
     heading: t,
     description: r,
@@ -144,16 +144,17 @@ const we = ie(
     onEmailClick: J,
     headerSlot: Q,
     footerSlot: X,
+    mapSlot: Z,
     surface: k = "elevated",
-    "aria-label": Z,
+    "aria-label": ee,
     id: C,
-    className: ee,
-    ...ae
-  }, te) => {
-    const { t: n, i18n: w } = de(), M = le(), $ = w.language ?? "en", N = t ?? n("contactProfileCard.heading"), re = Z ?? N, A = ce(() => {
+    className: ae,
+    ...te
+  }, re) => {
+    const { t: n, i18n: w } = pe(), M = ce(), A = w.language ?? "en", $ = t ?? n("contactProfileCard.heading"), ne = ee ?? $, N = se(() => {
       if (x != null)
-        return be(x, b, $);
-    }, [x, b, $]), o = [];
+        return Pe(x, b, A);
+    }, [x, b, A]), o = [];
     if (a && o.push({
       key: "address",
       icon: /* @__PURE__ */ e(U, { "aria-hidden": "true" }),
@@ -163,7 +164,7 @@ const we = ie(
         a.lat != null && a.lng != null ? /* @__PURE__ */ e(
           d,
           {
-            href: Ce(a),
+            href: be(a),
             external: !0,
             intent: "default",
             onClick: Y,
@@ -178,7 +179,7 @@ const we = ie(
       value: /* @__PURE__ */ e(
         d,
         {
-          href: `tel:${xe(c)}`,
+          href: `tel:${ye(c)}`,
           intent: "default",
           onClick: W,
           children: c
@@ -191,7 +192,7 @@ const we = ie(
       value: /* @__PURE__ */ e(
         d,
         {
-          href: ye(s, f),
+          href: Ce(s, f),
           external: !0,
           intent: "default",
           onClick: D,
@@ -234,11 +235,11 @@ const we = ie(
       icon: /* @__PURE__ */ e(V, { "aria-hidden": "true" }),
       label: n("contactProfileCard.label.insurances"),
       value: /* @__PURE__ */ e("span", { className: "ds:flex ds:flex-wrap ds:gap-[var(--spacing-2xs)]", children: v.map((i) => /* @__PURE__ */ e(S, { variant: "info", children: i }, i)) })
-    }), A && o.push({
+    }), N && o.push({
       key: "firstVisitPrice",
       icon: /* @__PURE__ */ e(j, { "aria-hidden": "true" }),
       label: n("contactProfileCard.label.firstVisitPrice"),
-      value: A
+      value: N
     }), G && o.push({
       key: "expertForAnxiousPatients",
       icon: /* @__PURE__ */ e(H, { "aria-hidden": "true" }),
@@ -249,15 +250,15 @@ const we = ie(
       icon: /* @__PURE__ */ e(T, { "aria-hidden": "true" }),
       label: n("contactProfileCard.label.profession"),
       value: y
-    }), fe(
-      ge,
+    }), me(
+      ve,
       { getProfession: () => y },
       C
     );
-    const ne = /* @__PURE__ */ u(R, { children: [
+    const oe = /* @__PURE__ */ u(R, { children: [
       r ? /* @__PURE__ */ e("p", { className: "type-body-sm ds:m-0 ds:whitespace-pre-line", children: r }) : null,
-      o.length > 0 ? /* @__PURE__ */ e(pe, { rowGap: "md", children: o.map((i) => /* @__PURE__ */ e(
-        ue,
+      o.length > 0 ? /* @__PURE__ */ e(ue, { rowGap: "md", children: o.map((i) => /* @__PURE__ */ e(
+        fe,
         {
           icon: i.icon,
           label: i.label,
@@ -266,8 +267,8 @@ const we = ie(
         i.key
       )) }) : null,
       X
-    ] }), oe = !!P && (a == null ? void 0 : a.lat) !== void 0 && (a == null ? void 0 : a.lng) !== void 0 ? /* @__PURE__ */ e(
-      ke,
+    ] }), ie = !!P && (a == null ? void 0 : a.lat) !== void 0 && (a == null ? void 0 : a.lng) !== void 0 ? /* @__PURE__ */ e(
+      we,
       {
         apiKey: P,
         center: { lat: a.lat, lng: a.lng },
@@ -278,7 +279,7 @@ const we = ie(
         })
       }
     ) : null, _ = /* @__PURE__ */ u(R, { children: [
-      oe,
+      Z ?? ie,
       /* @__PURE__ */ u("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
         Q,
         /* @__PURE__ */ e(
@@ -286,31 +287,31 @@ const we = ie(
           {
             id: M,
             className: "type-title-card ds:m-0 ds:text-[color:var(--foreground)]",
-            children: N
+            children: $
           }
         )
       ] }),
-      ne
+      oe
     ] });
     return /* @__PURE__ */ e(
       "div",
       {
-        ref: te,
+        ref: re,
         role: "region",
-        "aria-label": re,
+        "aria-label": ne,
         "aria-labelledby": M,
         "data-component": "contact-profile-card",
         "data-component-id": C,
         id: C,
-        className: ve({ surface: k, className: ee }),
-        ...ae,
+        className: xe({ surface: k, className: ae }),
+        ...te,
         children: k === "elevated" ? /* @__PURE__ */ e(F, { variant: "elevated", children: /* @__PURE__ */ e(F.Body, { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: _ }) }) : /* @__PURE__ */ e("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: _ })
       }
     );
   }
 );
-we.displayName = "ContactProfileCard";
-const Ue = [
+Me.displayName = "ContactProfileCard";
+const Be = [
   "address",
   "phone",
   "whatsapp",
@@ -321,7 +322,7 @@ const Ue = [
   "firstVisitPrice",
   "expertForAnxiousPatients",
   "profession"
-], je = {
+], Ge = {
   address: U,
   phone: B,
   whatsapp: L,
@@ -334,9 +335,9 @@ const Ue = [
   profession: T
 };
 export {
-  je as C,
-  Ue as a,
-  we as b,
-  ge as c
+  Ge as C,
+  Be as a,
+  Me as b,
+  ve as c
 };
-//# sourceMappingURL=contact-profile-card-Ce-LIDU8.js.map
+//# sourceMappingURL=contact-profile-card-C2mTxAlN.js.map

package/dist/agent-catalog.json

@@ -1,6 +1,6 @@
 {
   "schemaVersion": 1,
-  "packageVersion": "0.33.3",
+  "packageVersion": "0.33.4",
   "components": [
     {
       "kind": "component",

package/dist/components/contact-profile-card/contact-profile-card.d.ts

@@ -121,6 +121,27 @@ export interface ContactProfileCardProps extends Omit<ComponentPropsWithoutRef<'
      * variant, or a coloured chip strip. Optional.
      */
     headerSlot?: ReactNode;
+    /**
+     * Render an arbitrary map widget at the top of the card chrome —
+     * replaces the built-in static `<img>` thumbnail that
+     * `googleMapsApiKey` would otherwise produce. Use this when you
+     * want an interactive map inside the card boundary instead of a
+     * fixed image:
+     *
+     *   <ContactProfileCard
+     *     mapSlot={
+     *       <PracticeMap practice={practice} googleMapsApiKey={key} />
+     *     }
+     *     …
+     *   />
+     *
+     * When both `mapSlot` and `googleMapsApiKey` are provided, the slot
+     * wins (explicit > implicit). When neither is provided, no map area
+     * renders. The slot is unstyled — pass through any container chrome
+     * the consumer wants (e.g. a fixed height wrapper). The kit
+     * positions it where the static thumbnail would have lived.
+     */
+    mapSlot?: ReactNode;
     /**
      * Rendered at the end of the card body, below the rows. Use for
      * a "Book now" `<Button>` or a "View full profile" link.

package/dist/components/contact-profile-card/index.js

@@ -1,4 +1,4 @@
-import { C as _, a as O, b as o, c as r } from "../../_chunks/contact-profile-card-Ce-LIDU8.js";
+import { C as _, a as O, b as o, c as r } from "../../_chunks/contact-profile-card-C2mTxAlN.js";
 export {
   _ as CONTACT_PROFILE_CARD_ROW_ICONS,
   O as CONTACT_PROFILE_CARD_ROW_KEYS,

package/dist/index.js

@@ -130,7 +130,7 @@ import { B as kn, C as On, O as _n, b as yn } from "./_chunks/booking-h_kBZM6M.j
 import { C as Mn, c as Dn, r as wn } from "./_chunks/calendar-YHFknAGv.js";
 import { O as vn, o as Hn } from "./_chunks/operator-hero-7LiiP7zi.js";
 import { P as Gn, p as Un } from "./_chunks/patient-search-CBq62kmL.js";
-import { C as Yn, a as jn, b as zn, c as qn } from "./_chunks/contact-profile-card-Ce-LIDU8.js";
+import { C as Yn, a as jn, b as zn, c as qn } from "./_chunks/contact-profile-card-C2mTxAlN.js";
 import { P as Jn, p as Xn } from "./_chunks/practice-results-YD4dvqje.js";
 import { P as $n, f as ap, p as ep, a as rp, s as op, b as tp, c as sp } from "./_chunks/payment-form-D5rgnZu7.js";
 import { P as np, p as pp } from "./_chunks/pdf-viewer-DvtEHcEP.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alfadocs/ui-kit",
-  "version": "0.33.3",
+  "version": "0.33.4",
   "type": "module",
   "description": "AlfaDocs shared design system — tokens, components, patterns, and translations for platform, booking, and alfascribe.",
   "license": "BUSL-1.1",