@alfadocs/ui-kit 0.70.0 → 0.71.0

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-C06aZqA7.js → appointment-card-DVaeJNVB.js}

@@ -1,27 +1,28 @@
 import { jsx as r, jsxs as o } from "react/jsx-runtime";
 import { forwardRef as F } from "react";
-import { c as W } from "./index-D2ZczOXr.js";
-import { useTranslation as Y } from "react-i18next";
-import { A as O } from "./avatar-BNQNhoyL.js";
+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 J } from "./tag-BQXwuJq1.js";
-import { T as Q } from "./timestamp-BV2lC-wV.js";
-import { T as X } from "./transaction-chip-CscoQbxF.js";
-import { i as Z } from "./is-safe-url-DkETxeHz.js";
-import { V as aa } from "./video-BAeICxCT.js";
-import { M as ra } from "./map-pin-B8STOPMJ.js";
-import { a as ea, b as sa, c as oa } from "./entity-card-9_62gY7l.js";
-import { S as ta } from "./star-vav0SJ9e.js";
-import { c as E } from "./createLucideIcon-CrFbzy84.js";
-import { G as na } from "./globe-BkEFMNSg.js";
-import { C as da } from "./chevron-right-BrpYejk0.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 ia = [
+const la = [
   ["path", { d: "M19 9V6a2 2 0 0 0-2-2H7a2 2 0 0 0-2 2v3", key: "irtipd" }],
   [
     "path",
@@ -32,27 +33,7 @@ const ia = [
   ],
   ["path", { d: "M5 18v2", key: "ppbyun" }],
   ["path", { d: "M19 18v2", key: "gy7782" }]
-], la = E("armchair", ia);
-/**
- * @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 ca = [
-  ["rect", { width: "8", height: "4", x: "8", y: "2", rx: "1", ry: "1", key: "tgr4d6" }],
-  [
-    "path",
-    {
-      d: "M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2",
-      key: "116196"
-    }
-  ],
-  ["path", { d: "M12 11h4", key: "1jrz19" }],
-  ["path", { d: "M12 16h4", key: "n85exb" }],
-  ["path", { d: "M8 11h.01", key: "1dfujw" }],
-  ["path", { d: "M8 16h.01", key: "18s6g9" }]
-], pa = E("clipboard-list", ca), ma = {
+], 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)]",
@@ -65,10 +46,10 @@ const ca = [
   "var(--color-fuchsia-500)": "ds:bg-[var(--color-fuchsia-500)]",
   "var(--color-grey-700)": "ds:bg-[var(--color-grey-700)]"
 };
-function ua(a) {
-  return ma[oa(a)] ?? "ds:bg-[var(--color-grey-700)]";
+function ma(a) {
+  return pa[ea(a)] ?? "ds:bg-[var(--color-grey-700)]";
 }
-const fa = W(
+const ua = H(
   [
     "ds:relative ds:flex ds:items-start ds:gap-[var(--spacing-sm)]",
     "ds:rounded-[var(--radius-md)]",
@@ -92,8 +73,11 @@ const fa = W(
         // `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-card)]"
+        elevated: "ds:border ds:border-[color:var(--card-border)] ds:[.theme-accessible_&]:border-2 ds:shadow-[var(--shadow-sm)]"
       }
     },
     defaultVariants: {
@@ -102,7 +86,7 @@ const fa = W(
       surface: "flat"
     }
   }
-), P = [
+), 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",
@@ -111,35 +95,35 @@ const fa = W(
   "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(" "), va = {
-  inPractice: ra,
-  telehealth: aa
-}, ga = F(
+].join(" "), fa = {
+  inPractice: aa,
+  telehealth: Z
+}, va = F(
   ({
     item: a,
     size: v = "sm",
-    surface: U = "flat",
+    surface: E = "flat",
     locale: g,
-    currency: $ = "EUR",
+    currency: U = "EUR",
     showPatient: d = !0,
-    onActivate: t,
+    onActivate: n,
     className: A,
     ...D
-  }, B) => {
-    var k, C, w, z, T, M, R, S, V, I, L, _, j;
-    const { t: e } = Y(), l = !!t, G = !!a.url && Z(a.url), p = ((k = a.patient) == null ? void 0 : k.name) ?? e("appointmentCard.noPatient"), n = (C = a.operator) == null ? void 0 : C.name, m = e(`appointmentCard.state.${a.state}`), h = v === "md" ? "md" : "sm", K = va[a.type], b = d ? p : n ?? e("appointmentCard.appointment"), y = d ? e("appointmentCard.itemLabel", {
+  }, $) => {
+    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
-    }) : e("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 });
+    }) : 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 && G ? c = /* @__PURE__ */ r(
+    l && B ? c = /* @__PURE__ */ r(
       "a",
       {
         href: a.url,
         "aria-label": y,
-        className: P + " ds:contents",
-        onClick: (s) => {
-          s.defaultPrevented || s.metaKey || s.ctrlKey || s.shiftKey || t == null || t(a);
+        className: j + " ds:contents",
+        onClick: (e) => {
+          e.defaultPrevented || e.metaKey || e.ctrlKey || e.shiftKey || n == null || n(a);
         },
         children: u
       }
@@ -148,18 +132,18 @@ const fa = W(
       {
         type: "button",
         "aria-label": y,
-        className: P + " ds:contents ds:bg-transparent ds:border-0 ds:p-0 ds:text-start",
-        onClick: () => t == null ? void 0 : t(a),
+        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((s, H) => {
-      const q = s.elements && s.elements.length > 0 ? e("appointmentCard.treatmentWithElements", {
-        care: s.careName,
-        elements: s.elements.join(", ")
-      }) : s.careName;
+    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(
-        J,
+        Y,
         {
           label: q,
           variant: "neutral",
@@ -167,32 +151,32 @@ const fa = W(
           size: "sm",
           maxInlineSize: "12rem"
         },
-        `${s.careName}-${H}`
+        `${e.careName}-${K}`
       );
-    }), f = (w = a.bookingReason) == null ? void 0 : w.advanceAmountCents, N = typeof f == "number" && f > 0;
+    }), f = (T = a.bookingReason) == null ? void 0 : T.advanceAmountCents, N = typeof f == "number" && f > 0;
     return /* @__PURE__ */ o(
       "div",
       {
-        ref: B,
+        ref: $,
         role: "listitem",
         "data-component": "appointment-card",
         "data-component-id": a.id,
         "data-state": a.state,
         "data-type": a.type,
-        className: fa({
+        className: ua({
           size: v,
           interactive: l,
-          surface: U,
+          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(K, { "aria-hidden": "true", className: "ds:size-3.5 ds:shrink-0" }),
-              /* @__PURE__ */ r("span", { className: "ds:sr-only", children: e(`appointmentCard.type.${a.type}`) }),
+              /* @__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(
-                Q,
+                J,
                 {
                   value: a.startIso,
                   format: "absolute",
@@ -203,14 +187,14 @@ const fa = W(
                 }
               )
             ] }),
-            /* @__PURE__ */ r("span", { className: "type-eyebrow ds:text-[color:var(--muted-foreground)]", children: e("appointmentCard.duration", { count: a.durationMin }) })
+            /* @__PURE__ */ r("span", { className: "type-eyebrow ds:text-[color:var(--muted-foreground)]", children: s("appointmentCard.duration", { count: a.durationMin }) })
           ] }),
-          n ? /* @__PURE__ */ o("span", { className: "ds:relative ds:shrink-0", children: [
+          t ? /* @__PURE__ */ o("span", { className: "ds:relative ds:shrink-0", children: [
             /* @__PURE__ */ r(
-              O,
+              _,
               {
-                name: n,
-                color: ea((z = a.operator) == null ? void 0 : z.colorId),
+                name: t,
+                color: ra((z = a.operator) == null ? void 0 : z.colorId),
                 size: h,
                 "aria-hidden": "true",
                 role: "presentation",
@@ -221,15 +205,15 @@ const fa = W(
               "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)] " + ua((T = a.operator) == null ? void 0 : T.colorId)
+                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 && ((M = a.patient) != null && M.avatarUrl) ? /* @__PURE__ */ r(
-                  O,
+                d && ((R = a.patient) != null && R.avatarUrl) ? /* @__PURE__ */ r(
+                  _,
                   {
                     name: p,
                     src: a.patient.avatarUrl,
@@ -253,37 +237,37 @@ const fa = W(
                 }
               )
             ] }),
-            d && n || (R = a.bookingReason) != null && R.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 && n ? /* @__PURE__ */ r("span", { children: n }) : null,
-              (S = a.bookingReason) != null && S.specialty ? /* @__PURE__ */ r("span", { children: a.bookingReason.specialty }) : null,
+            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(ta, { "aria-hidden": "true", className: "ds:size-3 ds:shrink-0" }),
-                e("appointmentCard.firstVisit")
+                /* @__PURE__ */ r(oa, { "aria-hidden": "true", className: "ds:size-3 ds:shrink-0" }),
+                s("appointmentCard.firstVisit")
               ] }) : null
             ] }) : null,
-            (V = a.bookingReason) != null && V.description ? /* @__PURE__ */ r("span", { className: "type-body-sm ds:text-[color:var(--foreground)] ds:truncate", children: a.bookingReason.description }) : 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 || (I = a.flags) != null && I.bookedOnline || (L = a.flags) != null && L.highlightedAnamnesis || N ? /* @__PURE__ */ o("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]", children: [
+            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(pa, {}),
-                  children: e("appointmentCard.carePlan", {
+                  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(la, {}), children: e("appointmentCard.chair", { chair: a.chair }) }) : null,
-              (_ = a.flags) != null && _.bookedOnline ? /* @__PURE__ */ r(i, { variant: "info", size: "sm", leading: /* @__PURE__ */ r(na, {}), children: e("appointmentCard.flag.bookedOnline") }) : null,
-              (j = a.flags) != null && j.highlightedAnamnesis ? /* @__PURE__ */ r(i, { variant: "warning", size: "sm", withDot: !0, children: e("appointmentCard.flag.highlightedAnamnesis") }) : 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(
-                X,
+                Q,
                 {
                   state: "to-invoice",
                   amount: f / 100,
-                  currency: $,
+                  currency: U,
                   locale: g,
                   size: "sm",
                   showLabel: !0
@@ -292,7 +276,7 @@ const fa = W(
             ] }) : null
           ] }),
           l ? /* @__PURE__ */ r(
-            da,
+            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"
@@ -303,8 +287,8 @@ const fa = W(
     );
   }
 );
-ga.displayName = "AppointmentCard";
+va.displayName = "AppointmentCard";
 export {
-  ga as A
+  va as A
 };
-//# sourceMappingURL=appointment-card-C06aZqA7.js.map
+//# sourceMappingURL=appointment-card-DVaeJNVB.js.map