@alfadocs/ui-kit 0.31.4 → 0.31.7

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-DwZo7ggW.js

@@ -0,0 +1,305 @@
+import { jsxs as d, jsx as e, Fragment as _ } from "react/jsx-runtime";
+import { forwardRef as ie, useId as te, useMemo as ne } from "react";
+import { c as le } from "./index-D2ZczOXr.js";
+import { useTranslation as oe } from "react-i18next";
+import { B as N } from "./badge-B9Cr6iEB.js";
+import { C as F } from "./card-CNri9ssR.js";
+import { K as se, a as ce } from "./key-value-pair-CYE7NSpM.js";
+import { L as s } from "./link-DrD_cRUg.js";
+import { u as de } from "./registry-nPAVE19X.js";
+import { S } from "./stethoscope-DT5qCW8Y.js";
+import { H as $, S as E, L as H } from "./shield-check-BhHyReu8.js";
+import { c as V } from "./createLucideIcon-CrFbzy84.js";
+import { G as K } from "./globe-BkEFMNSg.js";
+import { M as L } from "./mail-C8irm52s.js";
+import { M as O } from "./message-circle-C23eicgb.js";
+import { M as B } 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 pe = [
+  ["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" }]
+], G = V("banknote", pe);
+/**
+ * @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 fe = [
+  [
+    "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"
+    }
+  ]
+], U = V("phone", fe), ue = {
+  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."
+    }
+  }
+}, he = le("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 me(r) {
+  return r.replace(/[^\d+]/g, "");
+}
+function ve(r, l) {
+  const t = `https://wa.me/${r}`;
+  return l ? `${t}?text=${encodeURIComponent(l)}` : t;
+}
+function Pe(r) {
+  return `https://www.google.com/maps/search/?api=1&query=${encodeURIComponent(r.line)}`;
+}
+function ge(r, l, t) {
+  try {
+    return new Intl.NumberFormat(t, {
+      style: "currency",
+      currency: l
+    }).format(r / 100);
+  } catch {
+    return (r / 100).toFixed(2);
+  }
+}
+const xe = ie(
+  ({
+    heading: r,
+    description: l,
+    address: t,
+    phone: p,
+    whatsappNumber: f,
+    whatsappMessage: j,
+    email: u,
+    website: h,
+    languages: m,
+    languageLabels: c,
+    insurances: v,
+    firstVisitPriceCents: P,
+    currencyCode: y = "EUR",
+    profession: g,
+    specializedInFearPatients: q,
+    onPhoneClick: T,
+    onWhatsAppClick: W,
+    onMapClick: D,
+    onEmailClick: z,
+    headerSlot: Y,
+    footerSlot: J,
+    surface: b = "elevated",
+    "aria-label": Q,
+    id: x,
+    className: X,
+    ...Z
+  }, ee) => {
+    const { t: a, i18n: C } = oe(), k = te(), w = C.language ?? "en", A = r ?? a("practiceProfileCard.heading"), ae = Q ?? A, I = ne(() => {
+      if (P != null)
+        return ge(P, y, w);
+    }, [P, y, w]), i = [];
+    if (t && i.push({
+      key: "address",
+      icon: /* @__PURE__ */ e(B, { "aria-hidden": "true" }),
+      label: a("practiceProfileCard.label.address"),
+      value: /* @__PURE__ */ d("span", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]", children: [
+        /* @__PURE__ */ e("span", { children: t.line }),
+        t.lat != null && t.lng != null ? /* @__PURE__ */ e(
+          s,
+          {
+            href: Pe(t),
+            external: !0,
+            intent: "default",
+            onClick: D,
+            children: a("practiceProfileCard.openInGoogleMaps")
+          }
+        ) : null
+      ] })
+    }), p && i.push({
+      key: "phone",
+      icon: /* @__PURE__ */ e(U, { "aria-hidden": "true" }),
+      label: a("practiceProfileCard.label.phone"),
+      value: /* @__PURE__ */ e(
+        s,
+        {
+          href: `tel:${me(p)}`,
+          intent: "default",
+          onClick: T,
+          children: p
+        }
+      )
+    }), f && i.push({
+      key: "whatsapp",
+      icon: /* @__PURE__ */ e(O, { "aria-hidden": "true" }),
+      label: a("practiceProfileCard.label.whatsapp"),
+      value: /* @__PURE__ */ e(
+        s,
+        {
+          href: ve(f, j),
+          external: !0,
+          intent: "default",
+          onClick: W,
+          children: f
+        }
+      )
+    }), u && i.push({
+      key: "email",
+      icon: /* @__PURE__ */ e(L, { "aria-hidden": "true" }),
+      label: a("practiceProfileCard.label.email"),
+      value: /* @__PURE__ */ e(
+        s,
+        {
+          href: `mailto:${u}`,
+          intent: "default",
+          onClick: z,
+          children: u
+        }
+      )
+    }), h && i.push({
+      key: "website",
+      icon: /* @__PURE__ */ e(K, { "aria-hidden": "true" }),
+      label: a("practiceProfileCard.label.website"),
+      value: /* @__PURE__ */ e(s, { href: h, external: !0, intent: "default", children: h })
+    }), m && m.length > 0) {
+      const n = (o) => {
+        if (c != null && c[o]) return c[o];
+        const R = `languages.${o}`;
+        return C.exists(R) ? a(R) : o.toUpperCase();
+      };
+      i.push({
+        key: "languages",
+        icon: /* @__PURE__ */ e(H, { "aria-hidden": "true" }),
+        label: a("practiceProfileCard.label.languages"),
+        value: /* @__PURE__ */ e("span", { className: "ds:flex ds:flex-wrap ds:gap-[var(--spacing-2xs)]", children: m.map((o) => /* @__PURE__ */ e(N, { variant: "neutral", children: n(o) }, o)) })
+      });
+    }
+    v && v.length > 0 && i.push({
+      key: "insurances",
+      icon: /* @__PURE__ */ e(E, { "aria-hidden": "true" }),
+      label: a("practiceProfileCard.label.insurances"),
+      value: /* @__PURE__ */ e("span", { className: "ds:flex ds:flex-wrap ds:gap-[var(--spacing-2xs)]", children: v.map((n) => /* @__PURE__ */ e(N, { variant: "info", children: n }, n)) })
+    }), I && i.push({
+      key: "firstVisitPrice",
+      icon: /* @__PURE__ */ e(G, { "aria-hidden": "true" }),
+      label: a("practiceProfileCard.label.firstVisitPrice"),
+      value: I
+    }), q && i.push({
+      key: "expertForAnxiousPatients",
+      icon: /* @__PURE__ */ e($, { "aria-hidden": "true" }),
+      label: a("practiceProfileCard.label.expertForAnxiousPatients"),
+      value: a("practiceProfileCard.value.yesShort")
+    }), g && i.push({
+      key: "profession",
+      icon: /* @__PURE__ */ e(S, { "aria-hidden": "true" }),
+      label: a("practiceProfileCard.label.profession"),
+      value: g
+    }), de(
+      ue,
+      { getProfession: () => g },
+      x
+    );
+    const re = /* @__PURE__ */ d(_, { children: [
+      l ? /* @__PURE__ */ e("p", { className: "type-body-sm ds:m-0 ds:whitespace-pre-line", children: l }) : null,
+      i.length > 0 ? /* @__PURE__ */ e(se, { rowGap: "md", children: i.map((n) => /* @__PURE__ */ e(
+        ce,
+        {
+          icon: n.icon,
+          label: n.label,
+          value: n.value
+        },
+        n.key
+      )) }) : null,
+      J
+    ] }), M = /* @__PURE__ */ d(_, { children: [
+      /* @__PURE__ */ d("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+        Y,
+        /* @__PURE__ */ e(
+          "h2",
+          {
+            id: k,
+            className: "type-title-card ds:m-0 ds:text-[color:var(--foreground)]",
+            children: A
+          }
+        )
+      ] }),
+      re
+    ] });
+    return /* @__PURE__ */ e(
+      "div",
+      {
+        ref: ee,
+        role: "region",
+        "aria-label": ae,
+        "aria-labelledby": k,
+        "data-component": "practice-profile-card",
+        "data-component-id": x,
+        id: x,
+        className: he({ surface: b, className: X }),
+        ...Z,
+        children: b === "elevated" ? /* @__PURE__ */ e(F, { variant: "elevated", children: /* @__PURE__ */ e(F.Body, { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: M }) }) : /* @__PURE__ */ e("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: M })
+      }
+    );
+  }
+);
+xe.displayName = "PracticeProfileCard";
+const Ve = [
+  "address",
+  "phone",
+  "whatsapp",
+  "email",
+  "website",
+  "languages",
+  "insurances",
+  "firstVisitPrice",
+  "expertForAnxiousPatients",
+  "profession"
+], Ke = {
+  address: B,
+  phone: U,
+  whatsapp: O,
+  email: L,
+  website: K,
+  languages: H,
+  insurances: E,
+  firstVisitPrice: G,
+  expertForAnxiousPatients: $,
+  profession: S
+};
+export {
+  Ke as P,
+  Ve as a,
+  xe as b,
+  ue as p
+};
+//# sourceMappingURL=practice-profile-card-DwZo7ggW.js.map