@alfadocs/ui-kit 0.31.3 → 0.31.6

package/dist/_chunks/operator-hero-BsjE-kJF.js

@@ -0,0 +1,171 @@
+import { jsxs as o, jsx as e } from "react/jsx-runtime";
+import { forwardRef as k, useId as A } from "react";
+import { c as O } from "./index-D2ZczOXr.js";
+import { useTranslation as C } from "react-i18next";
+import { A as L } from "./avatar-BNQNhoyL.js";
+import { B as R } from "./badge-B9Cr6iEB.js";
+import { C as j } from "./card-CNri9ssR.js";
+import { R as z } from "./rating-BRD7O74e.js";
+import { u as I } from "./registry-nPAVE19X.js";
+const B = {
+  id: "operator-hero",
+  capabilities: ["view_change"],
+  state: {
+    name: {
+      type: "string",
+      descriptionKey: "ui.agent.operatorHero.state.name",
+      description: "Operator display name currently rendered.",
+      read: (s) => s.getName()
+    }
+  },
+  actions: {},
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "operator-hero",
+      description: "Marks the OperatorHero root region."
+    },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop."
+    }
+  }
+}, F = O("ds:w-full ds:text-[color:var(--foreground)]", {
+  variants: {
+    // Density toggle. Default `comfortable` matches the practice hero's
+    // visual weight minus the cover strip. `compact` is for embedded
+    // surfaces (booking aside, ROI Dashboard practice panel) where the
+    // hero needs to fit in <12rem vertical.
+    density: {
+      comfortable: "",
+      compact: ""
+    },
+    // Matches the kit's other `surface` props (Booking, ReviewsPanel,
+    // PracticeProfileCard). `'elevated'` wraps in `<Card>`.
+    surface: {
+      flat: "",
+      elevated: ""
+    }
+  },
+  defaultVariants: {
+    density: "comfortable",
+    surface: "elevated"
+  }
+}), P = k(
+  ({
+    name: s,
+    tagline: i,
+    imageUrl: f,
+    rating: a,
+    badges: t,
+    actionSlot: n,
+    density: r = "comfortable",
+    surface: c = "elevated",
+    "aria-label": g,
+    id: d,
+    className: u,
+    ...x
+  }, h) => {
+    const { t: p } = C(), m = A(), b = g ?? p("operatorHero.regionLabel");
+    I(B, { getName: () => s }, d);
+    const N = a ? p("operatorHero.ratingLabel", {
+      value: a.value.toFixed(1),
+      count: a.count
+    }) : void 0, y = r === "comfortable" ? "ds:pt-[var(--spacing-md)] ds:pb-[var(--spacing-md)]" : "ds:pt-[var(--spacing-sm)] ds:pb-[var(--spacing-sm)]", H = r === "comfortable" ? "2xl" : "xl", w = r === "comfortable" ? "type-title-page" : "type-title-card", v = /* @__PURE__ */ o(
+      "div",
+      {
+        className: [
+          "ds:flex ds:items-start ds:gap-[var(--spacing-lg)]",
+          y,
+          "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]"
+        ].join(" "),
+        children: [
+          /* @__PURE__ */ e(
+            L,
+            {
+              size: H,
+              name: s,
+              src: f,
+              className: "ds:shrink-0"
+            }
+          ),
+          /* @__PURE__ */ o("div", { className: "ds:flex ds:min-w-0 ds:flex-1 ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
+            /* @__PURE__ */ o("div", { className: "ds:flex ds:items-start ds:gap-[var(--spacing-md)] ds:flex-wrap", children: [
+              /* @__PURE__ */ e(
+                "h1",
+                {
+                  id: m,
+                  className: `${w} ds:m-0 ds:text-[color:var(--foreground)]`,
+                  children: s
+                }
+              ),
+              n ? /* @__PURE__ */ e("div", { className: "ds:ms-auto ds:flex ds:shrink-0 ds:items-center ds:gap-[var(--spacing-xs)]", children: n }) : null
+            ] }),
+            i ? /* @__PURE__ */ e("p", { className: "type-body ds:m-0 ds:text-[color:var(--foreground)]", children: i }) : null,
+            a ? /* @__PURE__ */ o(
+              "div",
+              {
+                className: "ds:flex ds:items-center ds:gap-[var(--spacing-xs)]",
+                "aria-label": N,
+                children: [
+                  /* @__PURE__ */ e(
+                    z,
+                    {
+                      value: a.value,
+                      max: 5,
+                      size: r === "comfortable" ? "md" : "sm"
+                    }
+                  ),
+                  /* @__PURE__ */ o("span", { className: "type-body-sm ds:text-[color:var(--muted-foreground)]", children: [
+                    a.value.toFixed(1),
+                    " · ",
+                    a.count
+                  ] })
+                ]
+              }
+            ) : null,
+            t && t.length > 0 ? /* @__PURE__ */ e(
+              "div",
+              {
+                role: "list",
+                className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-2xs)] ds:mt-[var(--spacing-2xs)]",
+                children: t.map((l) => /* @__PURE__ */ e(
+                  R,
+                  {
+                    variant: l.variant ?? "neutral",
+                    role: "listitem",
+                    children: l.label
+                  },
+                  l.key
+                ))
+              }
+            ) : null
+          ] })
+        ]
+      }
+    );
+    return /* @__PURE__ */ e(
+      "div",
+      {
+        ref: h,
+        role: "region",
+        "aria-label": b,
+        "aria-labelledby": m,
+        "data-component": "operator-hero",
+        "data-component-id": d,
+        "data-density": r,
+        id: d,
+        className: F({ surface: c, density: r, className: u }),
+        ...x,
+        children: c === "elevated" ? /* @__PURE__ */ e(j, { variant: "elevated", children: v }) : v
+      }
+    );
+  }
+);
+P.displayName = "OperatorHero";
+export {
+  P as O,
+  B as o
+};
+//# sourceMappingURL=operator-hero-BsjE-kJF.js.map

package/dist/_chunks/{patient-search-hFiYbqcl.js → patient-search-CSDru7QW.js}

@@ -4,7 +4,7 @@ import { c as T } from "./index-D2ZczOXr.js";
 import { useTranslation as j } from "react-i18next";
 import { A as se } from "./autocomplete-DIgdhCGJ.js";
 import { B as ue } from "./button-DD_0Xdmr.js";
-import { C as M } from "./card-DKTMLVrw.js";
+import { C as M } from "./card-CNri9ssR.js";
 import { S as fe } from "./slider-BHWzXdjt.js";
 import { A as Z } from "./alert-ywPR59NE.js";
 import { D as F } from "./dropdown-menu-BC5ZdOMo.js";
@@ -1155,4 +1155,4 @@ export {
   Oe as P,
   ye as p
 };
-//# sourceMappingURL=patient-search-hFiYbqcl.js.map
+//# sourceMappingURL=patient-search-CSDru7QW.js.map

package/dist/_chunks/practice-profile-card-C2_2ZH_G.js

@@ -0,0 +1,297 @@
+import { jsxs as s, jsx as e, Fragment as I } from "react/jsx-runtime";
+import { forwardRef as ae, useId as re, useMemo as ie } from "react";
+import { c as te } from "./index-D2ZczOXr.js";
+import { useTranslation as ne } from "react-i18next";
+import { B as M } from "./badge-B9Cr6iEB.js";
+import { C as R } from "./card-CNri9ssR.js";
+import { K as le, a as oe } from "./key-value-pair-CYE7NSpM.js";
+import { L as o } from "./link-DrD_cRUg.js";
+import { u as se } from "./registry-nPAVE19X.js";
+import { S as _ } from "./stethoscope-DT5qCW8Y.js";
+import { H as N, S as F, L as S } from "./shield-check-BhHyReu8.js";
+import { c as $ } from "./createLucideIcon-CrFbzy84.js";
+import { G as E } from "./globe-BkEFMNSg.js";
+import { M as H } from "./mail-C8irm52s.js";
+import { M as V } from "./message-circle-C23eicgb.js";
+import { M as K } from "./map-pin-B8STOPMJ.js";
+/**
+ * @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 ce = [
+  ["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" }]
+], L = $("banknote", ce);
+/**
+ * @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 de = [
+  [
+    "path",
+    {
+      d: "M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384",
+      key: "9njp5v"
+    }
+  ]
+], O = $("phone", de), pe = {
+  id: "practice-profile-card",
+  capabilities: ["view_change"],
+  state: {
+    profession: {
+      type: "string",
+      descriptionKey: "ui.agent.practiceProfileCard.state.profession",
+      description: "Profession string the card is currently rendering — undefined when the consumer omitted it.",
+      read: (r) => r.getProfession()
+    }
+  },
+  actions: {},
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "practice-profile-card",
+      description: "Marks the PracticeProfileCard root region."
+    },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop."
+    }
+  }
+}, fe = te("ds:w-full ds:text-[color:var(--foreground)]", {
+  variants: {
+    // Matches the kit's other `surface` props (Booking, ReviewsPanel).
+    // The card itself renders `<Card variant="elevated">` so the
+    // `surface="flat"` opt-out is rare — most consumers want the
+    // boundary.
+    surface: {
+      flat: "",
+      elevated: ""
+    }
+  },
+  defaultVariants: { surface: "elevated" }
+});
+function ue(r) {
+  return r.replace(/[^\d+]/g, "");
+}
+function he(r, l) {
+  const n = `https://wa.me/${r}`;
+  return l ? `${n}?text=${encodeURIComponent(l)}` : n;
+}
+function me(r) {
+  return `https://www.google.com/maps/search/?api=1&query=${encodeURIComponent(r.line)}`;
+}
+function ve(r, l, n) {
+  try {
+    return new Intl.NumberFormat(n, {
+      style: "currency",
+      currency: l
+    }).format(r / 100);
+  } catch {
+    return (r / 100).toFixed(2);
+  }
+}
+const Pe = ae(
+  ({
+    heading: r,
+    description: l,
+    address: n,
+    phone: c,
+    whatsappNumber: d,
+    whatsappMessage: B,
+    email: p,
+    website: f,
+    languages: u,
+    languageLabels: h,
+    insurances: m,
+    firstVisitPriceCents: v,
+    currencyCode: x = "EUR",
+    profession: P,
+    specializedInFearPatients: G,
+    onPhoneClick: U,
+    onWhatsAppClick: j,
+    onMapClick: q,
+    onEmailClick: T,
+    headerSlot: W,
+    footerSlot: D,
+    surface: b = "elevated",
+    "aria-label": z,
+    id: g,
+    className: Y,
+    ...J
+  }, Q) => {
+    const { t: a, i18n: X } = ne(), y = re(), C = X.language ?? "en", k = r ?? a("practiceProfileCard.heading"), Z = z ?? k, w = ie(() => {
+      if (v != null)
+        return ve(v, x, C);
+    }, [v, x, C]), i = [];
+    n && i.push({
+      key: "address",
+      icon: /* @__PURE__ */ e(K, { "aria-hidden": "true" }),
+      label: a("practiceProfileCard.label.address"),
+      value: /* @__PURE__ */ s("span", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]", children: [
+        /* @__PURE__ */ e("span", { children: n.line }),
+        n.lat != null && n.lng != null ? /* @__PURE__ */ e(
+          o,
+          {
+            href: me(n),
+            external: !0,
+            intent: "default",
+            onClick: q,
+            children: a("practiceProfileCard.openInGoogleMaps")
+          }
+        ) : null
+      ] })
+    }), c && i.push({
+      key: "phone",
+      icon: /* @__PURE__ */ e(O, { "aria-hidden": "true" }),
+      label: a("practiceProfileCard.label.phone"),
+      value: /* @__PURE__ */ e(
+        o,
+        {
+          href: `tel:${ue(c)}`,
+          intent: "default",
+          onClick: U,
+          children: c
+        }
+      )
+    }), d && i.push({
+      key: "whatsapp",
+      icon: /* @__PURE__ */ e(V, { "aria-hidden": "true" }),
+      label: a("practiceProfileCard.label.whatsapp"),
+      value: /* @__PURE__ */ e(
+        o,
+        {
+          href: he(d, B),
+          external: !0,
+          intent: "default",
+          onClick: j,
+          children: d
+        }
+      )
+    }), p && i.push({
+      key: "email",
+      icon: /* @__PURE__ */ e(H, { "aria-hidden": "true" }),
+      label: a("practiceProfileCard.label.email"),
+      value: /* @__PURE__ */ e(
+        o,
+        {
+          href: `mailto:${p}`,
+          intent: "default",
+          onClick: T,
+          children: p
+        }
+      )
+    }), f && i.push({
+      key: "website",
+      icon: /* @__PURE__ */ e(E, { "aria-hidden": "true" }),
+      label: a("practiceProfileCard.label.website"),
+      value: /* @__PURE__ */ e(o, { href: f, external: !0, intent: "default", children: f })
+    }), u && u.length > 0 && i.push({
+      key: "languages",
+      icon: /* @__PURE__ */ e(S, { "aria-hidden": "true" }),
+      label: a("practiceProfileCard.label.languages"),
+      value: /* @__PURE__ */ e("span", { className: "ds:flex ds:flex-wrap ds:gap-[var(--spacing-2xs)]", children: u.map((t) => /* @__PURE__ */ e(M, { variant: "neutral", children: (h == null ? void 0 : h[t]) ?? t.toUpperCase() }, t)) })
+    }), m && m.length > 0 && i.push({
+      key: "insurances",
+      icon: /* @__PURE__ */ e(F, { "aria-hidden": "true" }),
+      label: a("practiceProfileCard.label.insurances"),
+      value: /* @__PURE__ */ e("span", { className: "ds:flex ds:flex-wrap ds:gap-[var(--spacing-2xs)]", children: m.map((t) => /* @__PURE__ */ e(M, { variant: "info", children: t }, t)) })
+    }), w && i.push({
+      key: "firstVisitPrice",
+      icon: /* @__PURE__ */ e(L, { "aria-hidden": "true" }),
+      label: a("practiceProfileCard.label.firstVisitPrice"),
+      value: w
+    }), G && i.push({
+      key: "expertForAnxiousPatients",
+      icon: /* @__PURE__ */ e(N, { "aria-hidden": "true" }),
+      label: a("practiceProfileCard.label.expertForAnxiousPatients"),
+      value: a("practiceProfileCard.value.yesShort")
+    }), P && i.push({
+      key: "profession",
+      icon: /* @__PURE__ */ e(_, { "aria-hidden": "true" }),
+      label: a("practiceProfileCard.label.profession"),
+      value: P
+    }), se(
+      pe,
+      { getProfession: () => P },
+      g
+    );
+    const ee = /* @__PURE__ */ s(I, { children: [
+      l ? /* @__PURE__ */ e("p", { className: "type-body-sm ds:m-0 ds:whitespace-pre-line", children: l }) : null,
+      i.length > 0 ? /* @__PURE__ */ e(le, { rowGap: "md", children: i.map((t) => /* @__PURE__ */ e(
+        oe,
+        {
+          icon: t.icon,
+          label: t.label,
+          value: t.value
+        },
+        t.key
+      )) }) : null,
+      D
+    ] }), A = /* @__PURE__ */ s(I, { children: [
+      /* @__PURE__ */ s("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+        W,
+        /* @__PURE__ */ e(
+          "h2",
+          {
+            id: y,
+            className: "type-title-card ds:m-0 ds:text-[color:var(--foreground)]",
+            children: k
+          }
+        )
+      ] }),
+      ee
+    ] });
+    return /* @__PURE__ */ e(
+      "div",
+      {
+        ref: Q,
+        role: "region",
+        "aria-label": Z,
+        "aria-labelledby": y,
+        "data-component": "practice-profile-card",
+        "data-component-id": g,
+        id: g,
+        className: fe({ surface: b, className: Y }),
+        ...J,
+        children: b === "elevated" ? /* @__PURE__ */ e(R, { variant: "elevated", children: /* @__PURE__ */ e(R.Body, { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: A }) }) : /* @__PURE__ */ e("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: A })
+      }
+    );
+  }
+);
+Pe.displayName = "PracticeProfileCard";
+const Ee = [
+  "address",
+  "phone",
+  "whatsapp",
+  "email",
+  "website",
+  "languages",
+  "insurances",
+  "firstVisitPrice",
+  "expertForAnxiousPatients",
+  "profession"
+], He = {
+  address: K,
+  phone: O,
+  whatsapp: V,
+  email: H,
+  website: E,
+  languages: S,
+  insurances: F,
+  firstVisitPrice: L,
+  expertForAnxiousPatients: N,
+  profession: _
+};
+export {
+  He as P,
+  Ee as a,
+  Pe as b,
+  pe as p
+};
+//# sourceMappingURL=practice-profile-card-C2_2ZH_G.js.map