@alfadocs/ui-kit 1.39.0 → 1.41.0

package/dist/_chunks/{contact-profile-card-Zt6WNg1u.js → contact-profile-card-C0WpwpVV.js}

@@ -2,16 +2,16 @@ import { jsxs as f, jsx as e, Fragment as I } from "react/jsx-runtime";
 import { forwardRef as le, useId as se, useMemo as ce } from "react";
 import { c as de } from "./index-D2ZczOXr.js";
 import { useTranslation as pe } from "react-i18next";
-import { B as b } from "./badge-BudgzTe_.js";
+import { B as P } from "./badge-BudgzTe_.js";
 import { C as T } from "./card-DPmk26CL.js";
 import { K as fe, a as ue } from "./key-value-pair-DaQI_LZB.js";
 import { L as d } from "./link-CPb_pZPr.js";
-import { a as me } from "./format-price-BkMEbeW3.js";
+import { b as me } from "./format-price-DAbh61Lz.js";
 import { u as he } from "./registry-DvAUVLHh.js";
 import { S as F } from "./stethoscope-sZXGC43m.js";
-import { H } from "./heart--qCA4ffe.js";
-import { B as _, L as z } from "./languages-CZqBaPwI.js";
-import { S as O } from "./shield-check-DCJALLVh.js";
+import { H as O } from "./heart--qCA4ffe.js";
+import { B as H, L as _ } from "./languages-CZqBaPwI.js";
+import { S as z } from "./shield-check-DCJALLVh.js";
 import { G as B } from "./globe-sHBW1JN5.js";
 import { M as E } from "./mail-BqXVF2zH.js";
 import { M as K } from "./message-circle-Bepl9JT5.js";
@@ -62,20 +62,20 @@ const ge = {
 function Ce(n) {
   return n.replace(/[^\d+]/g, "");
 }
-function xe(n, r) {
+function be(n, r) {
   const a = `https://wa.me/${n}`;
   return r ? `${a}?text=${encodeURIComponent(r)}` : a;
 }
-function Pe(n) {
+function xe(n) {
   return `https://www.google.com/maps/search/?api=1&query=${encodeURIComponent(n.line)}`;
 }
-function be() {
+function Pe() {
   if (typeof document > "u") return "4945a3";
   const n = getComputedStyle(document.documentElement).getPropertyValue("--map-marker-color").trim(), r = /^#?([0-9a-fA-F]{6})$/.exec(n);
   return r ? r[1] : "4945a3";
 }
 function ye({ apiKey: n, center: r, zoom: a, altText: s }) {
-  const c = be(), u = `https://maps.googleapis.com/maps/api/staticmap?center=${r.lat},${r.lng}&zoom=${a}&size=640x192&scale=2&markers=color:0x${c}%7C${r.lat},${r.lng}&key=${encodeURIComponent(n)}`;
+  const c = Pe(), u = `https://maps.googleapis.com/maps/api/staticmap?center=${r.lat},${r.lng}&zoom=${a}&size=640x192&scale=2&markers=color:0x${c}%7C${r.lat},${r.lng}&key=${encodeURIComponent(n)}`;
   return /* @__PURE__ */ e(
     "img",
     {
@@ -104,7 +104,7 @@ const ke = le(
     insurances: v,
     firstVisitPriceCents: C,
     currencyCode: y = "EUR",
-    profession: x,
+    profession: b,
     specializedInFearPatients: L,
     googleMapsApiKey: k,
     mapZoom: j = 14,
@@ -117,14 +117,19 @@ const ke = le(
     mapSlot: X,
     surface: w = "elevated",
     "aria-label": Z,
-    id: P,
+    id: x,
     className: ee,
     ...ae
   }, te) => {
     const { t, i18n: M } = pe(), $ = se(), A = M.language ?? "en", N = n ?? t("contactProfileCard.heading"), re = Z ?? N, R = ce(() => {
       if (C != null)
-        return me(C, y, A);
-    }, [C, y, A]), o = [];
+        return me(
+          C,
+          y,
+          A,
+          t("common.freeOfCharge")
+        );
+    }, [C, y, A, t]), o = [];
     if (a && o.push({
       key: "address",
       icon: /* @__PURE__ */ e(G, { "aria-hidden": "true" }),
@@ -134,7 +139,7 @@ const ke = le(
         a.lat != null && a.lng != null ? /* @__PURE__ */ e(
           d,
           {
-            href: Pe(a),
+            href: xe(a),
             external: !0,
             intent: "default",
             onClick: D,
@@ -162,7 +167,7 @@ const ke = le(
       value: /* @__PURE__ */ e(
         d,
         {
-          href: xe(c, u),
+          href: be(c, u),
           external: !0,
           intent: "default",
           onClick: W,
@@ -195,36 +200,36 @@ const ke = le(
       };
       o.push({
         key: "languages",
-        icon: /* @__PURE__ */ e(z, { "aria-hidden": "true" }),
+        icon: /* @__PURE__ */ e(_, { "aria-hidden": "true" }),
         label: t("contactProfileCard.label.languages"),
-        value: /* @__PURE__ */ e("span", { className: "ds:flex ds:flex-wrap ds:gap-[var(--spacing-2xs)]", children: g.map((l) => /* @__PURE__ */ e(b, { variant: "neutral", children: i(l) }, l)) })
+        value: /* @__PURE__ */ e("span", { className: "ds:flex ds:flex-wrap ds:gap-[var(--spacing-2xs)]", children: g.map((l) => /* @__PURE__ */ e(P, { variant: "neutral", children: i(l) }, l)) })
       });
     }
     v && v.length > 0 && o.push({
       key: "insurances",
-      icon: /* @__PURE__ */ e(O, { "aria-hidden": "true" }),
+      icon: /* @__PURE__ */ e(z, { "aria-hidden": "true" }),
       label: t("contactProfileCard.label.insurances"),
-      value: /* @__PURE__ */ e("span", { className: "ds:flex ds:flex-wrap ds:gap-[var(--spacing-2xs)]", children: v.map((i) => /* @__PURE__ */ e(b, { variant: "info", children: i }, i)) })
+      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 && o.push({
       key: "firstVisitPrice",
-      icon: /* @__PURE__ */ e(_, { "aria-hidden": "true" }),
+      icon: /* @__PURE__ */ e(H, { "aria-hidden": "true" }),
       label: t("contactProfileCard.label.firstVisitPrice"),
-      value: /* @__PURE__ */ e(b, { variant: "accentSoft", size: "lg", children: R }),
+      value: /* @__PURE__ */ e(P, { variant: "accentSoft", size: "lg", children: R }),
       alignValue: "end"
     }), L && o.push({
       key: "expertForAnxiousPatients",
-      icon: /* @__PURE__ */ e(H, { "aria-hidden": "true" }),
+      icon: /* @__PURE__ */ e(O, { "aria-hidden": "true" }),
       label: t("contactProfileCard.label.expertForAnxiousPatients"),
       value: t("contactProfileCard.value.yesShort")
-    }), x && o.push({
+    }), b && o.push({
       key: "profession",
       icon: /* @__PURE__ */ e(F, { "aria-hidden": "true" }),
       label: t("contactProfileCard.label.profession"),
-      value: x
+      value: b
     }), he(
       ge,
-      { getProfession: () => x },
-      P
+      { getProfession: () => b },
+      x
     );
     const ne = !!k && (a == null ? void 0 : a.lat) !== void 0 && (a == null ? void 0 : a.lng) !== void 0 ? /* @__PURE__ */ e(
       ye,
@@ -273,8 +278,8 @@ const ke = le(
         "aria-label": re,
         "aria-labelledby": $,
         "data-component": "contact-profile-card",
-        "data-component-id": P,
-        id: P,
+        "data-component-id": x,
+        id: x,
         className: ve({ 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 })
@@ -300,10 +305,10 @@ const Le = [
   whatsapp: K,
   email: E,
   website: B,
-  languages: z,
-  insurances: O,
-  firstVisitPrice: _,
-  expertForAnxiousPatients: H,
+  languages: _,
+  insurances: z,
+  firstVisitPrice: H,
+  expertForAnxiousPatients: O,
   profession: F
 };
 export {
@@ -312,4 +317,4 @@ export {
   ke as b,
   ge as c
 };
-//# sourceMappingURL=contact-profile-card-Zt6WNg1u.js.map
+//# sourceMappingURL=contact-profile-card-C0WpwpVV.js.map

package/dist/_chunks/editor-overlay-DwNKaI22.js

@@ -0,0 +1,93 @@
+import { jsx as r, jsxs as p } from "react/jsx-runtime";
+import { useRef as o, useId as k, useEffect as v, useCallback as E } from "react";
+import { useTranslation as j } from "react-i18next";
+import { c as I } from "./index-D2ZczOXr.js";
+import { I as N } from "./icon-button-CehAeZoP.js";
+import { X as z } from "./x-B5YnXwCz.js";
+const R = I(
+  [
+    // Spans the editor's block-end edge (a docked bar) and expands from the pill.
+    "ds:absolute ds:z-20",
+    "ds:[inset-inline-start:var(--spacing-md)] ds:[inset-inline-end:var(--spacing-md)]",
+    "ds:[inset-block-end:var(--spacing-md)]",
+    // Slim docked bar — compact but with a little breathing room.
+    "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]",
+    "ds:p-[var(--spacing-md)]",
+    "ds:rounded-[var(--radius-lg)]",
+    // Apple "Liquid Glass": a translucent base + backdrop blur/saturate so the
+    // editor shows through, a specular top "rim" + inner hairline ring, and a
+    // soft drop shadow for a floating slab. --card-border is theme-aware (dark
+    // hairline on light themes, bright on dark), so the rim reads in all four.
+    "ds:bg-[color-mix(in_srgb,var(--popover)_64%,transparent)]",
+    "ds:backdrop-blur-xl ds:backdrop-saturate-150",
+    "ds:border ds:border-[color-mix(in_srgb,var(--card-border)_70%,transparent)]",
+    "ds:shadow-[inset_0_1px_0_0_var(--card-border),inset_0_0_0_1px_color-mix(in_srgb,var(--card-border)_35%,transparent),var(--shadow-lg)]",
+    // Liquid-glass grow out of the pill (bottom-inline-end origin).
+    "ds:origin-bottom-right ds:animate-in ds:fade-in-0 ds:zoom-in-95",
+    "ds:motion-reduce:animate-none"
+  ].join(" ")
+), F = "ds:text-[length:var(--font-size-base)] ds:font-medium ds:text-[color:var(--foreground)]";
+function D({
+  open: d,
+  onClose: s,
+  title: n,
+  ariaLabel: b,
+  children: g,
+  footer: i,
+  id: x,
+  className: _
+}) {
+  const { t: h } = j(), t = o(null), c = o(null), l = k(), m = o(s);
+  v(() => {
+    m.current = s;
+  }, [s]);
+  const w = E(() => s(), [s]);
+  return v(() => {
+    if (!d) return;
+    c.current = document.activeElement;
+    const y = window.requestAnimationFrame(() => {
+      var a, f;
+      (f = ((a = t.current) == null ? void 0 : a.querySelector(
+        'input, textarea, button, [tabindex]:not([tabindex="-1"])'
+      )) ?? t.current) == null || f.focus();
+    }), u = (e) => {
+      e.key === "Escape" && !e.defaultPrevented && (e.stopPropagation(), m.current());
+    };
+    return document.addEventListener("keydown", u), () => {
+      var e, a;
+      window.cancelAnimationFrame(y), document.removeEventListener("keydown", u), (a = (e = c.current) == null ? void 0 : e.focus) == null || a.call(e);
+    };
+  }, [d]), d ? /* @__PURE__ */ r("div", { "data-component": "editor-overlay", "data-component-id": x, children: /* @__PURE__ */ p(
+    "div",
+    {
+      ref: t,
+      role: "dialog",
+      "aria-modal": "false",
+      "aria-labelledby": n ? l : void 0,
+      "aria-label": n ? void 0 : b,
+      tabIndex: -1,
+      className: [R(), _].filter(Boolean).join(" "),
+      children: [
+        n ? /* @__PURE__ */ p("div", { className: "ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]", children: [
+          /* @__PURE__ */ r("div", { id: l, className: F, children: n }),
+          /* @__PURE__ */ r(
+            N,
+            {
+              size: "sm",
+              intent: "ghost",
+              icon: /* @__PURE__ */ r(z, {}),
+              "aria-label": h("common.close"),
+              onClick: w
+            }
+          )
+        ] }) : null,
+        /* @__PURE__ */ r("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: g }),
+        i ? /* @__PURE__ */ r("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:justify-end ds:gap-[var(--spacing-sm)]", children: i }) : null
+      ]
+    }
+  ) }) : null;
+}
+export {
+  D as E
+};
+//# sourceMappingURL=editor-overlay-DwNKaI22.js.map

package/dist/_chunks/format-price-DAbh61Lz.js

@@ -0,0 +1,51 @@
+const n = /* @__PURE__ */ new Set([
+  "BIF",
+  "CLP",
+  "DJF",
+  "GNF",
+  "IDR",
+  "JPY",
+  "KMF",
+  "KRW",
+  "MGA",
+  "PYG",
+  "RWF",
+  "UGX",
+  "VND",
+  "VUV",
+  "XAF",
+  "XOF",
+  "XPF"
+]);
+function s(r, a, c) {
+  const t = a.toUpperCase(), e = n.has(t) ? r : r / 100;
+  try {
+    return new Intl.NumberFormat(c, {
+      style: "currency",
+      currency: t
+    }).format(e);
+  } catch {
+    return `${n.has(t) ? String(e) : e.toFixed(2)} ${t}`;
+  }
+}
+function u(r, a, c, t) {
+  return r === 0 ? t : s(r, a, c);
+}
+function F(r, a, c, t = {}) {
+  const e = a.toUpperCase(), o = n.has(e) ? r : r / 100;
+  try {
+    return new Intl.NumberFormat(c, {
+      style: "currency",
+      currency: e,
+      ...t
+    }).formatToParts(o);
+  } catch {
+    return null;
+  }
+}
+export {
+  s as a,
+  u as b,
+  F as f
+};
+//# sourceMappingURL=format-price-DAbh61Lz.js.map