@alfadocs/ui-kit 0.69.0 → 0.71.0

package/dist/_chunks/annotation-marker-qt5R9WZX.js

@@ -0,0 +1,120 @@
+import { jsxs as k, jsx as n } from "react/jsx-runtime";
+import { forwardRef as c } from "react";
+import { c as t } from "./index-D2ZczOXr.js";
+import { useTranslation as f } from "react-i18next";
+const b = [
+  "circle",
+  "square",
+  "triangle",
+  "diamond",
+  "cross"
+];
+function v(o, e, s, a) {
+  switch (o) {
+    case "circle":
+      return `M ${e - a} ${s} a ${a} ${a} 0 1 0 ${2 * a} 0 a ${a} ${a} 0 1 0 ${-2 * a} 0 Z`;
+    case "square": {
+      const r = a * 0.88;
+      return `M ${e - r} ${s - r} H ${e + r} V ${s + r} H ${e - r} Z`;
+    }
+    case "triangle": {
+      const r = a * 0.95;
+      return `M ${e} ${s - a} L ${e + r} ${s + a * 0.8} L ${e - r} ${s + a * 0.8} Z`;
+    }
+    case "diamond":
+      return `M ${e} ${s - a} L ${e + a} ${s} L ${e} ${s + a} L ${e - a} ${s} Z`;
+    case "cross": {
+      const r = a * 0.4;
+      return [
+        `M ${e - r} ${s - a}`,
+        `H ${e + r}`,
+        `V ${s - r}`,
+        `H ${e + a}`,
+        `V ${s + r}`,
+        `H ${e + r}`,
+        `V ${s + a}`,
+        `H ${e - r}`,
+        `V ${s + r}`,
+        `H ${e - a}`,
+        `V ${s - r}`,
+        `H ${e - r}`,
+        "Z"
+      ].join(" ");
+    }
+  }
+}
+const p = t(
+  "ds:block ds:[inline-size:var(--marker-box)] ds:[block-size:var(--marker-box)]",
+  {
+    variants: {
+      tone: {
+        neutral: "ds:[--marker-color:var(--muted-foreground)]",
+        info: "ds:[--marker-color:var(--info)]",
+        success: "ds:[--marker-color:var(--success)]",
+        warning: "ds:[--marker-color:var(--warning)]",
+        error: "ds:[--marker-color:var(--destructive)]",
+        accent: "ds:[--marker-color:var(--accent)]"
+      },
+      filled: {
+        true: "ds:[fill:var(--marker-color)] ds:[stroke:none]",
+        false: "ds:[fill:none] ds:[stroke:var(--marker-color)] ds:[stroke-width:2.5]"
+      }
+    },
+    defaultVariants: { tone: "neutral", filled: !0 }
+  }
+), g = t("ds:inline-flex ds:items-center ds:gap-1.5", {
+  variants: {
+    size: {
+      sm: "ds:[--marker-box:0.75rem]",
+      md: "ds:[--marker-box:1rem]",
+      lg: "ds:[--marker-box:1.25rem]"
+    }
+  },
+  defaultVariants: { size: "md" }
+}), M = c(
+  ({
+    shape: o,
+    tone: e = "neutral",
+    filled: s = !0,
+    size: a = "md",
+    label: r,
+    "aria-label": i,
+    className: d,
+    ...m
+  }, $) => {
+    const { t: l } = f(), u = i ?? (typeof r == "string" ? r : l(`annotationMarker.shape.${o}`));
+    return /* @__PURE__ */ k(
+      "span",
+      {
+        ref: $,
+        "data-component": "annotation-marker",
+        "data-marker-shape": o,
+        "data-marker-tone": e,
+        className: g({ size: a, className: d }),
+        ...m,
+        children: [
+          /* @__PURE__ */ n(
+            "svg",
+            {
+              viewBox: "0 0 24 24",
+              className: p({ tone: e, filled: s }),
+              role: "img",
+              "aria-label": r ? void 0 : u,
+              "aria-hidden": r ? !0 : void 0,
+              focusable: "false",
+              children: /* @__PURE__ */ n("path", { d: v(o, 12, 12, 9) })
+            }
+          ),
+          r != null && /* @__PURE__ */ n("span", { children: r })
+        ]
+      }
+    );
+  }
+);
+M.displayName = "AnnotationMarker";
+export {
+  M as A,
+  b as M,
+  v as m
+};
+//# sourceMappingURL=annotation-marker-qt5R9WZX.js.map

package/dist/_chunks/{antenatal-schedule-timeline-35ebkcZT.js → antenatal-schedule-timeline-CwXrQRm1.js}

@@ -4,7 +4,7 @@ import { jsx as u, jsxs as f } from "react/jsx-runtime";
 import { useMemo as M } from "react";
 import { useTranslation as T } from "react-i18next";
 import { C as I } from "./card-DPmk26CL.js";
-import { B as x } from "./badge-CqGsX32l.js";
+import { B as x } from "./badge-DCOqV9mI.js";
 const _ = 280, S = 14, b = 266, C = 28;
 function w(t) {
   if (t < 0) return "preconception";
@@ -410,4 +410,4 @@ export {
   ht as r,
   w as t
 };
-//# sourceMappingURL=antenatal-schedule-timeline-35ebkcZT.js.map
+//# sourceMappingURL=antenatal-schedule-timeline-CwXrQRm1.js.map

package/dist/_chunks/{app-frame-BYx1gcV7.js → app-frame-DIEMIC5V.js}

@@ -1,8 +1,9 @@
-import { jsxs as n, jsx as s } from "react/jsx-runtime";
-import { forwardRef as N, useState as S, useCallback as V } from "react";
+import { jsxs as i, jsx as s } from "react/jsx-runtime";
+import { forwardRef as S, useRef as k, useState as _, useEffect as A } from "react";
 import { c as a } from "./index-D2ZczOXr.js";
-import { useTranslation as _ } from "react-i18next";
-const T = a(
+import { useTranslation as E } from "react-i18next";
+import { S as L } from "./scroll-area-BZOvUhwQ.js";
+const R = a(
   [
     "ds:h-dvh ds:w-full",
     "ds:flex ds:flex-col",
@@ -22,9 +23,9 @@ const T = a(
     "ds:print:[&_[role=banner]]:shadow-none",
     "ds:print:[&_[role=banner]]:[border-block-end-color:var(--border)]"
   ].join(" ")
-), A = a(
+), T = a(
   ["ds:flex ds:flex-1 ds:items-stretch ds:min-h-0"].join(" ")
-), M = a(
+), y = a(
   [
     // Hidden in the inline flow on mobile — consumers should flip their
     // Sidebar into overlay mode at narrow viewports, where it portals via
@@ -39,83 +40,93 @@ const T = a(
   ["ds:hidden ds:md:flex", "ds:shrink-0", "ds:h-full"].join(" ")
 ), F = a(
   [
-    // <main> owns the scroll: the viewport body never scrolls, but this
-    // element does. That keeps the header + sidebar pinned as chrome.
-    "ds:flex-1 ds:min-w-0 ds:overflow-auto",
+    "ds:flex-1 ds:min-w-0",
+    "ds:flex ds:flex-col ds:min-h-0",
     // Focusable via the header's SkipLink — tabIndex={-1} is on the
     // element itself so keyboard users land inside the main region.
     "ds:focus:outline-none"
-  ].join(" "),
-  {
-    variants: {
-      padded: {
-        true: [
-          "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]",
-          "ds:pt-[var(--spacing-md)] ds:pb-[var(--spacing-md)]"
-        ].join(" "),
-        false: ""
-      }
-    },
-    defaultVariants: { padded: !0 }
-  }
-), y = a("ds:shrink-0"), I = N(
+  ].join(" ")
+), M = a("", {
+  variants: {
+    padded: {
+      true: [
+        "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]",
+        "ds:pt-[var(--spacing-md)] ds:pb-[var(--spacing-md)]"
+      ].join(" "),
+      false: ""
+    }
+  },
+  defaultVariants: { padded: !0 }
+}), I = a("ds:shrink-0"), q = S(
   ({
-    header: l,
-    sidebar: t,
-    children: i,
-    endSidebar: r,
+    header: c,
+    sidebar: m,
+    children: p,
+    endSidebar: n,
     footer: d,
-    mainId: c = "main-content",
-    mainAriaLabel: m,
-    padded: p = !0,
-    className: f,
+    mainId: f = "main-content",
+    mainAriaLabel: v,
+    padded: u = !0,
+    className: h,
     mainClassName: b,
-    ...u
-  }, h) => {
-    const { t: v } = _(), x = m ?? v("navigation.main.label", "Main content"), [w, g] = S(!1), j = V((k) => {
-      const e = k.currentTarget.scrollTop > 0;
-      g((o) => o === e ? o : e);
-    }, []);
-    return /* @__PURE__ */ n(
+    ...x
+  }, w) => {
+    const { t: N } = E(), V = v ?? N("navigation.main.label", "Main content"), o = k(null), [g, j] = _(!1);
+    return A(() => {
+      const e = o.current;
+      if (!e) return;
+      const r = () => {
+        const t = e.scrollTop > 0;
+        j((l) => l === t ? l : t);
+      };
+      return r(), e.addEventListener("scroll", r, { passive: !0 }), () => e.removeEventListener("scroll", r);
+    }, []), /* @__PURE__ */ i(
       "div",
       {
-        ref: h,
-        "data-app-scrolled": w ? "true" : void 0,
+        ref: w,
+        "data-app-scrolled": g ? "true" : void 0,
         "data-component": "app-frame",
-        className: T({ className: f }),
-        ...u,
+        className: R({ className: h }),
+        ...x,
         children: [
-          l,
-          /* @__PURE__ */ n("div", { className: A(), "data-app-frame-slot": "row", children: [
-            /* @__PURE__ */ s("div", { className: M(), "data-app-frame-slot": "sidebar", children: t }),
+          c,
+          /* @__PURE__ */ i("div", { className: T(), "data-app-frame-slot": "row", children: [
+            /* @__PURE__ */ s("div", { className: y(), "data-app-frame-slot": "sidebar", children: m }),
             /* @__PURE__ */ s(
               "main",
               {
-                id: c,
+                id: f,
                 tabIndex: -1,
-                "aria-label": x,
-                onScroll: j,
-                className: F({ padded: p, className: b }),
-                children: i
+                "aria-label": V,
+                className: F({ className: b }),
+                children: /* @__PURE__ */ s(
+                  L,
+                  {
+                    ref: o,
+                    orientation: "vertical",
+                    className: "ds:flex-1 ds:min-h-0",
+                    children: /* @__PURE__ */ s("div", { className: M({ padded: u }), children: p })
+                  }
+                )
               }
             ),
-            r ? /* @__PURE__ */ s(
+            n ? /* @__PURE__ */ s(
               "div",
               {
                 className: C(),
                 "data-app-frame-slot": "end-sidebar",
-                children: r
+                children: n
               }
             ) : null
           ] }),
-          d ? /* @__PURE__ */ s("div", { className: y(), "data-app-frame-slot": "footer", children: d }) : null
+          d ? /* @__PURE__ */ s("div", { className: I(), "data-app-frame-slot": "footer", children: d }) : null
         ]
       }
     );
   }
 );
-I.displayName = "AppFrame";
+q.displayName = "AppFrame";
 export {
-  I as A
+  q as A
 };
-//# sourceMappingURL=app-frame-BYx1gcV7.js.map
+//# sourceMappingURL=app-frame-DIEMIC5V.js.map

package/dist/_chunks/appointment-card-DVaeJNVB.js

@@ -0,0 +1,294 @@
+import { jsx as r, jsxs as o } from "react/jsx-runtime";
+import { forwardRef as F } from "react";
+import { c as H } from "./index-D2ZczOXr.js";
+import { useTranslation as W } from "react-i18next";
+import { A as _ } from "./avatar-BNQNhoyL.js";
+import { B as i } from "./badge-DCOqV9mI.js";
+import { T as Y } from "./tag-BQXwuJq1.js";
+import { T as J } from "./timestamp-BV2lC-wV.js";
+import { T as Q } from "./transaction-chip-CscoQbxF.js";
+import { i as X } from "./is-safe-url-DkETxeHz.js";
+import { V as Z } from "./video-BAeICxCT.js";
+import { M as aa } from "./map-pin-B8STOPMJ.js";
+import { c as ra, a as sa, b as ea } from "./entity-card-DmrgYSEX.js";
+import { S as oa } from "./star-vav0SJ9e.js";
+import { C as na } from "./clipboard-list-S7s-MXQq.js";
+import { c as ta } from "./createLucideIcon-CrFbzy84.js";
+import { G as da } from "./globe-BkEFMNSg.js";
+import { C as ia } from "./chevron-right-BrpYejk0.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 la = [
+  ["path", { d: "M19 9V6a2 2 0 0 0-2-2H7a2 2 0 0 0-2 2v3", key: "irtipd" }],
+  [
+    "path",
+    {
+      d: "M3 16a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-5a2 2 0 0 0-4 0v1.5a.5.5 0 0 1-.5.5h-9a.5.5 0 0 1-.5-.5V11a2 2 0 0 0-4 0z",
+      key: "1qyhux"
+    }
+  ],
+  ["path", { d: "M5 18v2", key: "ppbyun" }],
+  ["path", { d: "M19 18v2", key: "gy7782" }]
+], ca = ta("armchair", la), pa = {
+  "var(--color-violet-500)": "ds:bg-[var(--color-violet-500)]",
+  "var(--color-purple-500)": "ds:bg-[var(--color-purple-500)]",
+  "var(--color-magenta-500)": "ds:bg-[var(--color-magenta-500)]",
+  "var(--color-blue-500)": "ds:bg-[var(--color-blue-500)]",
+  "var(--color-green-500)": "ds:bg-[var(--color-green-500)]",
+  "var(--color-red-500)": "ds:bg-[var(--color-red-500)]",
+  "var(--color-yellow-500)": "ds:bg-[var(--color-yellow-500)]",
+  "var(--color-indigo-500)": "ds:bg-[var(--color-indigo-500)]",
+  "var(--color-orange-500)": "ds:bg-[var(--color-orange-500)]",
+  "var(--color-fuchsia-500)": "ds:bg-[var(--color-fuchsia-500)]",
+  "var(--color-grey-700)": "ds:bg-[var(--color-grey-700)]"
+};
+function ma(a) {
+  return pa[ea(a)] ?? "ds:bg-[var(--color-grey-700)]";
+}
+const ua = H(
+  [
+    "ds:relative ds:flex ds:items-start ds:gap-[var(--spacing-sm)]",
+    "ds:rounded-[var(--radius-md)]",
+    "ds:text-start ds:group",
+    "ds:bg-[var(--card)] ds:text-[color:var(--card-foreground)]",
+    "ds:transition-colors ds:duration-[var(--animation-duration)]",
+    "ds:motion-reduce:transition-none",
+    "ds:forced-colors:border ds:forced-colors:border-[CanvasText]"
+  ].join(" "),
+  {
+    variants: {
+      size: {
+        sm: "ds:p-[var(--spacing-sm)]",
+        md: "ds:p-[var(--spacing-md)]"
+      },
+      interactive: {
+        true: "ds:hover:bg-[color:var(--muted)]/40 ds:cursor-pointer",
+        false: ""
+      },
+      surface: {
+        // `flat` (default) is the chrome-less row used inside a bordered
+        // AppointmentTray. `elevated` gives each row its own card chrome
+        // (border + shadow) for use directly on a rail, e.g. AppointmentTimeline.
+        // Uses `--shadow-sm` (a row lift), not `--shadow-card`/`--shadow-lg`:
+        // the rail's `overflow-y:auto` scroll region clips `overflow-x` at a
+        // narrow gutter, so a wide 30px-blur shadow gets a hard-edged clip.
+        flat: "",
+        elevated: "ds:border ds:border-[color:var(--card-border)] ds:[.theme-accessible_&]:border-2 ds:shadow-[var(--shadow-sm)]"
+      }
+    },
+    defaultVariants: {
+      size: "sm",
+      interactive: !1,
+      surface: "flat"
+    }
+  }
+), j = [
+  "ds:focus-visible:outline-none",
+  "ds:after:content-[''] ds:after:absolute ds:after:inset-0 ds:after:rounded-[var(--radius-md)]",
+  "ds:after:pointer-events-auto",
+  "ds:focus-visible:after:outline-[length:var(--focus-ring-width)]",
+  "ds:focus-visible:after:outline-solid",
+  "ds:focus-visible:after:outline-[color:var(--ring)]",
+  "ds:focus-visible:after:outline-offset-[length:var(--focus-ring-offset)]",
+  "ds:forced-colors:focus-visible:after:outline-[CanvasText]"
+].join(" "), fa = {
+  inPractice: aa,
+  telehealth: Z
+}, va = F(
+  ({
+    item: a,
+    size: v = "sm",
+    surface: E = "flat",
+    locale: g,
+    currency: U = "EUR",
+    showPatient: d = !0,
+    onActivate: n,
+    className: A,
+    ...D
+  }, $) => {
+    var C, k, T, z, w, R, S, I, L, V, M, O, P;
+    const { t: s } = W(), l = !!n, B = !!a.url && X(a.url), p = ((C = a.patient) == null ? void 0 : C.name) ?? s("appointmentCard.noPatient"), t = (k = a.operator) == null ? void 0 : k.name, m = s(`appointmentCard.state.${a.state}`), h = v === "md" ? "md" : "sm", G = fa[a.type], b = d ? p : t ?? s("appointmentCard.appointment"), y = d ? s("appointmentCard.itemLabel", {
+      patient: p,
+      state: m
+    }) : s("appointmentCard.itemLabelGeneric", { title: b, state: m }), u = /* @__PURE__ */ r("span", { className: "ds:min-w-0 ds:truncate type-title-item ds:text-[color:var(--foreground)]", children: b });
+    let c;
+    l && B ? c = /* @__PURE__ */ r(
+      "a",
+      {
+        href: a.url,
+        "aria-label": y,
+        className: j + " ds:contents",
+        onClick: (e) => {
+          e.defaultPrevented || e.metaKey || e.ctrlKey || e.shiftKey || n == null || n(a);
+        },
+        children: u
+      }
+    ) : l ? c = /* @__PURE__ */ r(
+      "button",
+      {
+        type: "button",
+        "aria-label": y,
+        className: j + " ds:contents ds:bg-transparent ds:border-0 ds:p-0 ds:text-start",
+        onClick: () => n == null ? void 0 : n(a),
+        children: u
+      }
+    ) : c = u;
+    const x = (a.treatments ?? []).map((e, K) => {
+      const q = e.elements && e.elements.length > 0 ? s("appointmentCard.treatmentWithElements", {
+        care: e.careName,
+        elements: e.elements.join(", ")
+      }) : e.careName;
+      return /* @__PURE__ */ r(
+        Y,
+        {
+          label: q,
+          variant: "neutral",
+          fill: "outline",
+          size: "sm",
+          maxInlineSize: "12rem"
+        },
+        `${e.careName}-${K}`
+      );
+    }), f = (T = a.bookingReason) == null ? void 0 : T.advanceAmountCents, N = typeof f == "number" && f > 0;
+    return /* @__PURE__ */ o(
+      "div",
+      {
+        ref: $,
+        role: "listitem",
+        "data-component": "appointment-card",
+        "data-component-id": a.id,
+        "data-state": a.state,
+        "data-type": a.type,
+        className: ua({
+          size: v,
+          interactive: l,
+          surface: E,
+          className: A
+        }),
+        ...D,
+        children: [
+          /* @__PURE__ */ o("span", { className: "ds:flex ds:w-16 ds:shrink-0 ds:flex-col ds:items-start ds:gap-[var(--spacing-2xs)]", children: [
+            /* @__PURE__ */ o("span", { className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)] ds:text-[color:var(--muted-foreground)]", children: [
+              /* @__PURE__ */ r(G, { "aria-hidden": "true", className: "ds:size-3.5 ds:shrink-0" }),
+              /* @__PURE__ */ r("span", { className: "ds:sr-only", children: s(`appointmentCard.type.${a.type}`) }),
+              /* @__PURE__ */ r(
+                J,
+                {
+                  value: a.startIso,
+                  format: "absolute",
+                  shape: "bare",
+                  locale: g,
+                  absoluteFormat: { hour: "numeric", minute: "2-digit" },
+                  className: "type-body-sm ds:font-medium ds:text-[color:var(--foreground)] ds:tabular-nums"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ r("span", { className: "type-eyebrow ds:text-[color:var(--muted-foreground)]", children: s("appointmentCard.duration", { count: a.durationMin }) })
+          ] }),
+          t ? /* @__PURE__ */ o("span", { className: "ds:relative ds:shrink-0", children: [
+            /* @__PURE__ */ r(
+              _,
+              {
+                name: t,
+                color: ra((z = a.operator) == null ? void 0 : z.colorId),
+                size: h,
+                "aria-hidden": "true",
+                role: "presentation",
+                "aria-label": void 0
+              }
+            ),
+            /* @__PURE__ */ r(
+              "span",
+              {
+                "aria-hidden": "true",
+                className: "ds:absolute ds:bottom-0 ds:end-0 ds:size-2.5 ds:rounded-[var(--radius-full)] ds:border ds:border-[color:var(--card)] " + ma((w = a.operator) == null ? void 0 : w.colorId)
+              }
+            )
+          ] }) : null,
+          /* @__PURE__ */ o("div", { className: "ds:flex-1 ds:min-w-0 ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
+            /* @__PURE__ */ o("div", { className: "ds:flex ds:items-start ds:gap-[var(--spacing-sm)]", children: [
+              /* @__PURE__ */ o("div", { className: "ds:flex-1 ds:min-w-0 ds:flex ds:items-center ds:gap-[var(--spacing-xs)]", children: [
+                d && ((R = a.patient) != null && R.avatarUrl) ? /* @__PURE__ */ r(
+                  _,
+                  {
+                    name: p,
+                    src: a.patient.avatarUrl,
+                    size: h,
+                    className: "ds:shrink-0",
+                    "aria-hidden": "true",
+                    role: "presentation",
+                    "aria-label": void 0
+                  }
+                ) : null,
+                c
+              ] }),
+              /* @__PURE__ */ r(
+                i,
+                {
+                  variant: sa(a.state),
+                  size: "sm",
+                  withDot: !0,
+                  className: "ds:shrink-0",
+                  children: m
+                }
+              )
+            ] }),
+            d && t || (S = a.bookingReason) != null && S.specialty || a.firstVisit === "yes" ? /* @__PURE__ */ o("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-x-[var(--spacing-sm)] ds:gap-y-[var(--spacing-2xs)] type-eyebrow ds:text-[color:var(--muted-foreground)]", children: [
+              d && t ? /* @__PURE__ */ r("span", { children: t }) : null,
+              (I = a.bookingReason) != null && I.specialty ? /* @__PURE__ */ r("span", { children: a.bookingReason.specialty }) : null,
+              a.firstVisit === "yes" ? /* @__PURE__ */ o("span", { className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-2xs)]", children: [
+                /* @__PURE__ */ r(oa, { "aria-hidden": "true", className: "ds:size-3 ds:shrink-0" }),
+                s("appointmentCard.firstVisit")
+              ] }) : null
+            ] }) : null,
+            (L = a.bookingReason) != null && L.description ? /* @__PURE__ */ r("span", { className: "type-body-sm ds:text-[color:var(--foreground)] ds:truncate", children: a.bookingReason.description }) : null,
+            x.length > 0 ? /* @__PURE__ */ r("div", { className: "ds:flex ds:flex-wrap ds:gap-[var(--spacing-2xs)]", children: x }) : null,
+            a.carePlan || a.chair || (V = a.flags) != null && V.bookedOnline || (M = a.flags) != null && M.highlightedAnamnesis || N ? /* @__PURE__ */ o("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]", children: [
+              a.carePlan ? /* @__PURE__ */ r(
+                i,
+                {
+                  variant: "accentSoft",
+                  size: "sm",
+                  leading: /* @__PURE__ */ r(na, {}),
+                  children: s("appointmentCard.carePlan", {
+                    number: a.carePlan.number
+                  })
+                }
+              ) : null,
+              a.chair ? /* @__PURE__ */ r(i, { variant: "neutral", size: "sm", leading: /* @__PURE__ */ r(ca, {}), children: s("appointmentCard.chair", { chair: a.chair }) }) : null,
+              (O = a.flags) != null && O.bookedOnline ? /* @__PURE__ */ r(i, { variant: "info", size: "sm", leading: /* @__PURE__ */ r(da, {}), children: s("appointmentCard.flag.bookedOnline") }) : null,
+              (P = a.flags) != null && P.highlightedAnamnesis ? /* @__PURE__ */ r(i, { variant: "warning", size: "sm", withDot: !0, children: s("appointmentCard.flag.highlightedAnamnesis") }) : null,
+              N ? /* @__PURE__ */ r(
+                Q,
+                {
+                  state: "to-invoice",
+                  amount: f / 100,
+                  currency: U,
+                  locale: g,
+                  size: "sm",
+                  showLabel: !0
+                }
+              ) : null
+            ] }) : null
+          ] }),
+          l ? /* @__PURE__ */ r(
+            ia,
+            {
+              "aria-hidden": "true",
+              className: "ds:size-4 ds:shrink-0 ds:self-center ds:text-[color:var(--muted-foreground)] ds:opacity-0 ds:transition-opacity ds:motion-reduce:transition-none ds:group-hover:opacity-100 ds:group-focus-within:opacity-100 ds:rtl:rotate-180"
+            }
+          ) : null
+        ]
+      }
+    );
+  }
+);
+va.displayName = "AppointmentCard";
+export {
+  va as A
+};
+//# sourceMappingURL=appointment-card-DVaeJNVB.js.map