@alfadocs/ui-kit 1.38.0 → 1.39.0

package/dist/_chunks/{actions-cell-renderer-CUn1pqEq.js → actions-cell-renderer-BXBy9c0f.js}

@@ -1,8 +1,8 @@
 import { jsxs as m, jsx as o } from "react/jsx-runtime";
 import { isValidElement as w, cloneElement as A, forwardRef as B } from "react";
 import { useTranslation as R } from "react-i18next";
-import { I as f } from "./icon-button-8xqRnkdG.js";
-import { I as S } from "./icon-button-group-Dj6CRoYR.js";
+import { I as f } from "./icon-button-CehAeZoP.js";
+import { I as S } from "./icon-button-group-DkkdIygu.js";
 import { D as l } from "./dropdown-menu-DU-Hrf33.js";
 import { E as T } from "./ellipsis-dRo9ouSU.js";
 function h(s) {
@@ -134,4 +134,4 @@ export {
   V as A,
   G as a
 };
-//# sourceMappingURL=actions-cell-renderer-CUn1pqEq.js.map
+//# sourceMappingURL=actions-cell-renderer-BXBy9c0f.js.map

package/dist/_chunks/{agenda-tray-CG6jUjKc.js → agenda-tray-CBaJASb5.js}

@@ -2,9 +2,9 @@ import { jsx as e, jsxs as n } from "react/jsx-runtime";
 import { forwardRef as P, useRef as T, useImperativeHandle as q, useMemo as B } from "react";
 import { c as H } from "./index-D2ZczOXr.js";
 import { useTranslation as K } from "react-i18next";
-import { I as M } from "./icon-button-8xqRnkdG.js";
+import { I as M } from "./icon-button-CehAeZoP.js";
 import { S as A } from "./skeleton-B1KTdJ4N.js";
-import { E as D } from "./empty-state-X0sVPfVo.js";
+import { E as D } from "./empty-state-BUN_UAWf.js";
 import { A as V } from "./agenda-card-DyQtHb9z.js";
 import { u as F } from "./registry-DvAUVLHh.js";
 import { C as G } from "./calendar-days-BGWklvE-.js";
@@ -212,4 +212,4 @@ export {
   U as A,
   L as a
 };
-//# sourceMappingURL=agenda-tray-CG6jUjKc.js.map
+//# sourceMappingURL=agenda-tray-CBaJASb5.js.map

package/dist/_chunks/{ai-consent-banner-De4gzSBZ.js → ai-consent-banner-DvtaM3yg.js}

@@ -4,7 +4,7 @@ import { c as L } from "./index-D2ZczOXr.js";
 import { useTranslation as R } from "react-i18next";
 import { A as d } from "./alert-CiQ5Pa3Q.js";
 import { B as w } from "./badge-BudgzTe_.js";
-import { B as T } from "./button-nJaPh_HC.js";
+import { B as T } from "./button-CaUe1uyd.js";
 import { C as V } from "./checkbox-CZkipDn7.js";
 import { S as j } from "./spinner-hbwuKwMf.js";
 import { T as z } from "./timestamp-BV2lC-wV.js";
@@ -167,4 +167,4 @@ export {
   P as A,
   K as a
 };
-//# sourceMappingURL=ai-consent-banner-De4gzSBZ.js.map
+//# sourceMappingURL=ai-consent-banner-DvtaM3yg.js.map

package/dist/_chunks/{ai-prompt-input-DdxlaI7q.js → ai-prompt-input-DXknpQCB.js}

@@ -7,7 +7,7 @@ import { u as Oe } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
 import { u as Re } from "./registry-DvAUVLHh.js";
 import { _ as g } from "./index-4xgbg-sn.js";
 import { u as De } from "./index-BcMWc8W2.js";
-import { I as te } from "./icon-button-8xqRnkdG.js";
+import { I as te } from "./icon-button-CehAeZoP.js";
 import { S as We } from "./select-CLSUnKjF.js";
 import { S as _e } from "./send-C5kDJ-Mz.js";
 import { X as Ae } from "./x-B5YnXwCz.js";
@@ -497,4 +497,4 @@ export {
   Ze as A,
   Le as a
 };
-//# sourceMappingURL=ai-prompt-input-DdxlaI7q.js.map
+//# sourceMappingURL=ai-prompt-input-DXknpQCB.js.map

package/dist/_chunks/{alia-sidebar-B6bXlZZk.js → alia-sidebar-CUqaJNPQ.js}

@@ -3,16 +3,16 @@ import { useId as Se, forwardRef as O, useState as L, useMemo as G, useCallback
 import * as Te from "@radix-ui/react-dialog";
 import { useTranslation as x } from "react-i18next";
 import { F as Ee } from "./floating-action-button-pojvb9gG.js";
-import { I as w } from "./icon-button-8xqRnkdG.js";
-import { S as Z } from "./sheet-hm04DGFd.js";
+import { I as w } from "./icon-button-CehAeZoP.js";
+import { S as Z } from "./sheet-C8WIDFS8.js";
 import { X as te } from "./x-B5YnXwCz.js";
 import { A as _e } from "./astroid-BN4f5VXU.js";
 import { A as $ } from "./avatar-CkDeQOSI.js";
-import { B as S } from "./button-nJaPh_HC.js";
+import { B as S } from "./button-CaUe1uyd.js";
 import { C as Re } from "./chat-container-CYYego1W.js";
-import { C as Pe } from "./chat-message-RniXtrCH.js";
-import { C as ne, P as Be } from "./chat-input-qM5QpUSq.js";
-import { S as Ue } from "./streaming-text-DjFqLSt_.js";
+import { C as Pe } from "./chat-message-BMVxiUIX.js";
+import { C as ne, P as Be } from "./chat-input-Cj7ZYQr5.js";
+import { S as Ue } from "./streaming-text-CE1u_oGa.js";
 import { a as le, S as oe } from "./suggestion-chip-Bk4PmYTg.js";
 import { T as Oe } from "./typing-indicator-DHeVN4ob.js";
 import { P as $e } from "./progress-CK8otcQ-.js";
@@ -1180,4 +1180,4 @@ export {
   hs as b,
   xs as c
 };
-//# sourceMappingURL=alia-sidebar-B6bXlZZk.js.map
+//# sourceMappingURL=alia-sidebar-CUqaJNPQ.js.map

package/dist/_chunks/{anamnesis-card-DGwINeNn.js → anamnesis-card-xtEhyojD.js}

@@ -5,7 +5,7 @@ import { useTranslation as z } from "react-i18next";
 import { B as n } from "./badge-BudgzTe_.js";
 import { C as N } from "./card-DPmk26CL.js";
 import { A as G, b as O, c as Q, a as S } from "./accordion-C11v9ouP.js";
-import { D as t } from "./description-list-C1RXMDZ_.js";
+import { D as t } from "./description-list-BsJ_6CQE.js";
 import { T as w } from "./timestamp-BV2lC-wV.js";
 import { T as y } from "./triangle-alert-CBnO6nq_.js";
 const H = q("ds:w-full ds:text-[color:var(--foreground)]", {
@@ -153,4 +153,4 @@ J.displayName = "AnamnesisCard";
 export {
   J as A
 };
-//# sourceMappingURL=anamnesis-card-DGwINeNn.js.map
+//# sourceMappingURL=anamnesis-card-xtEhyojD.js.map

package/dist/_chunks/{anamnesis-summary-rows-Cxtgo2ok.js → anamnesis-summary-rows-DQUqwWc1.js}

@@ -1,11 +1,11 @@
 import { jsxs as d, jsx as a, Fragment as Ee } from "react/jsx-runtime";
 import { useRef as De, useState as M, useEffect as vn, useCallback as Qe, useId as on, Fragment as si, useMemo as q, useContext as oi, createContext as ri } from "react";
 import { B as X } from "./badge-BudgzTe_.js";
-import { B as ae } from "./button-nJaPh_HC.js";
-import { I as ce } from "./icon-button-8xqRnkdG.js";
+import { B as ae } from "./button-CaUe1uyd.js";
+import { I as ce } from "./icon-button-CehAeZoP.js";
 import { C as re } from "./card-DPmk26CL.js";
 import { C as Jt, b as Zt, a as ea } from "./collapsible-CTjxzGuF.js";
-import { E as Ze } from "./empty-state-X0sVPfVo.js";
+import { E as Ze } from "./empty-state-BUN_UAWf.js";
 import { F as $ } from "./form-field-CahJzTxp.js";
 import { M as li } from "./multi-select-CtPd7g4x.js";
 import { N as gn } from "./number-input-Cgu2TtA8.js";
@@ -18,7 +18,7 @@ import { T as ne } from "./text-input-CUvCb6ST.js";
 import { T as Ye } from "./timestamp-BV2lC-wV.js";
 import { D as ci } from "./date-picker-6tFnKFty.js";
 import { A as Ge } from "./alert-CiQ5Pa3Q.js";
-import { D as _ } from "./description-list-C1RXMDZ_.js";
+import { D as _ } from "./description-list-BsJ_6CQE.js";
 import { c as na } from "./index-D2ZczOXr.js";
 import { S as di } from "./sparkline-Dx_sxK3J.js";
 import { A as ta, a as aa } from "./arrow-up-BYvcvTkB.js";
@@ -36,7 +36,7 @@ import { D as yi } from "./download-CfYKJO_j.js";
 import { C as bi } from "./checkbox-CZkipDn7.js";
 import { T as xi } from "./time-picker-D0RS391l.js";
 import { H as ki } from "./heart-pulse-BCppJyN2.js";
-import { P as xe } from "./popover-DzR5QYxp.js";
+import { P as xe } from "./popover-DO-pssF3.js";
 import { P as mn } from "./pencil-B1sKKyuT.js";
 import { useTranslation as wi } from "react-i18next";
 import { e as Ni, b as Ti } from "./bmi-BxD-tFzU.js";
@@ -45,7 +45,7 @@ import { T as Ci } from "./trash-2-uumy3fy1.js";
 import { A as Si, b as Ei, c as Ai, a as Di } from "./accordion-C11v9ouP.js";
 import { P as Ii } from "./progress-CK8otcQ-.js";
 import { c as rt } from "./createLucideIcon-DhHxpK9K.js";
-import { I as Tn } from "./icon-button-group-Dj6CRoYR.js";
+import { I as Tn } from "./icon-button-group-DkkdIygu.js";
 import { L as nn } from "./list-DgE1xWBM.js";
 import { S as lt } from "./switch-OILsBLWo.js";
 import { G as Li } from "./grip-vertical-onSb1JXO.js";
@@ -9413,4 +9413,4 @@ export {
   Ba as t,
   Bl as u
 };
-//# sourceMappingURL=anamnesis-summary-rows-Cxtgo2ok.js.map
+//# sourceMappingURL=anamnesis-summary-rows-DQUqwWc1.js.map

package/dist/_chunks/{appointment-card-WsDGBBut.js → appointment-card-TgR_2GKS.js}

@@ -1,31 +1,31 @@
 import { jsx as e, jsxs as r } from "react/jsx-runtime";
-import { forwardRef as da } from "react";
-import { c as ia } from "./index-D2ZczOXr.js";
-import { useTranslation as la } from "react-i18next";
+import { forwardRef as la } from "react";
+import { c as ca } from "./index-D2ZczOXr.js";
+import { useTranslation as pa } from "react-i18next";
 import { A as K } from "./avatar-CkDeQOSI.js";
-import { B as l } from "./badge-BudgzTe_.js";
-import { T as ca } from "./tag-Ci3xJPcH.js";
-import { T as pa } from "./timestamp-BV2lC-wV.js";
-import { T as Y } from "./transaction-chip-Dth1nThY.js";
-import { a as ua } from "./workflow-status-xeaJTzD3.js";
-import { i as ma } from "./is-safe-url-DkETxeHz.js";
-import { a as ga, b as fa, c as ha } from "./entity-card-I-Gio5wo.js";
-import { V as va } from "./video-BheNGvsu.js";
-import { M as ba } from "./map-pin-BaY37-Km.js";
-import { U as ya } from "./user-x-DYszNtIg.js";
+import { B as t } from "./badge-BudgzTe_.js";
+import { T as ua } from "./tag-Ci3xJPcH.js";
+import { T as ma } from "./timestamp-BV2lC-wV.js";
+import { T as Y } from "./transaction-chip-CwgcJiqF.js";
+import { a as fa } from "./workflow-status-xeaJTzD3.js";
+import { i as ga } from "./is-safe-url-DkETxeHz.js";
+import { a as ha, b as va, c as ba } from "./entity-card-I-Gio5wo.js";
+import { V as xa } from "./video-BheNGvsu.js";
+import { M as ya } from "./map-pin-BaY37-Km.js";
+import { U as Na } from "./user-x-DYszNtIg.js";
 import { S as X } from "./star-Bf9L2Uot.js";
-import { c as k } from "./createLucideIcon-DhHxpK9K.js";
-import { A as xa } from "./armchair-BaLDW6Hz.js";
-import { G as ka } from "./globe-sHBW1JN5.js";
-import { R as Na } from "./repeat-CvQa5rZt.js";
-import { C as Ca } from "./chevron-right-I9AeSxH2.js";
+import { c as N } from "./createLucideIcon-DhHxpK9K.js";
+import { A as ka } from "./armchair-BaLDW6Hz.js";
+import { G as Ca } from "./globe-sHBW1JN5.js";
+import { R as wa } from "./repeat-CvQa5rZt.js";
+import { C as za } from "./chevron-right-I9AeSxH2.js";
 /**
  * @license lucide-react v1.22.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const wa = [
+const Ta = [
   ["rect", { width: "8", height: "4", x: "8", y: "2", rx: "1", ry: "1", key: "tgr4d6" }],
   [
     "path",
@@ -36,14 +36,14 @@ const wa = [
   ],
   ["path", { d: "M9 14h6", key: "159ibu" }],
   ["path", { d: "M12 17v-6", key: "1y8rbf" }]
-], za = k("clipboard-plus", wa);
+], Ma = N("clipboard-plus", Ta);
 /**
  * @license lucide-react v1.22.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ta = [
+const Sa = [
   [
     "path",
     {
@@ -60,14 +60,14 @@ const Ta = [
     }
   ],
   ["path", { d: "M8 18h1", key: "13wk12" }]
-], Ma = k("file-pen-line", Ta);
+], Va = N("file-pen-line", Sa);
 /**
  * @license lucide-react v1.22.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Va = [
+const Ra = [
   [
     "path",
     {
@@ -78,7 +78,7 @@ const Va = [
   ["path", { d: "M7 11h10", key: "1twpyw" }],
   ["path", { d: "M7 15h6", key: "d9of3u" }],
   ["path", { d: "M7 7h8", key: "af5zfr" }]
-], Ra = k("message-square-text", Va), Sa = {
+], Da = N("message-square-text", Ra), Ia = {
   "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)]",
@@ -91,19 +91,19 @@ const Va = [
   "var(--color-fuchsia-500)": "ds:bg-[var(--color-fuchsia-500)]",
   "var(--color-grey-700)": "ds:bg-[var(--color-grey-700)]"
 };
-function Da(a) {
-  return Sa[ha(a)] ?? "ds:bg-[var(--color-grey-700)]";
+function Aa(a) {
+  return Ia[ba(a)] ?? "ds:bg-[var(--color-grey-700)]";
 }
-function Ia(a) {
+function La(a) {
   if (!a) return;
-  const t = new Date(a);
-  if (Number.isNaN(t.getTime())) return;
+  const d = new Date(a);
+  if (Number.isNaN(d.getTime())) return;
   const p = /* @__PURE__ */ new Date();
-  let o = p.getFullYear() - t.getFullYear();
-  const u = p.getMonth() - t.getMonth();
-  return (u < 0 || u === 0 && p.getDate() < t.getDate()) && o--, o < 0 || o > 130 ? void 0 : o;
+  let o = p.getFullYear() - d.getFullYear();
+  const u = p.getMonth() - d.getMonth();
+  return (u < 0 || u === 0 && p.getDate() < d.getDate()) && o--, o < 0 || o > 130 ? void 0 : o;
 }
-const Aa = ia(
+const _a = ca(
   [
     "ds:relative ds:flex ds:items-start ds:gap-[var(--spacing-sm)]",
     "ds:rounded-[var(--radius-md)]",
@@ -140,13 +140,31 @@ const Aa = ia(
         // place in the list after a click.
         true: "ds:border-s-2 ds:border-s-[color:var(--info)] ds:bg-[color:var(--info)]/10",
         false: ""
+      },
+      dimmed: {
+        // Settled (concluded / no-show) rows: a muted wash instead of the
+        // elevated card surface, shadow dropped. Only the CHROME dims —
+        // text stays `--card-foreground` / `--muted-foreground`, so AA
+        // contrast is untouched in every theme.
+        true: "ds:bg-[color:var(--muted)]/40 ds:shadow-none",
+        false: ""
+      },
+      next: {
+        // The next appointment to start: a STEADY accent outline (a state,
+        // not a one-off address like the notes/bookings "addressed" ring,
+        // so no keyframe replay). `outline` rather than `border` keeps the
+        // row's own border/radius untouched.
+        true: "ds:outline ds:outline-2 ds:outline-[color:var(--accent)] ds:[outline-offset:-1px] ds:forced-colors:outline-[Highlight]",
+        false: ""
       }
     },
     defaultVariants: {
       size: "sm",
       interactive: !1,
       surface: "flat",
-      selected: !1
+      selected: !1,
+      dimmed: !1,
+      next: !1
     }
   }
 ), J = [
@@ -160,97 +178,100 @@ const Aa = ia(
   "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(" "), La = {
-  inPractice: ba,
-  telehealth: va
-}, _a = da(
+].join(" "), Ua = {
+  inPractice: ya,
+  telehealth: xa
+}, Pa = la(
   ({
     item: a,
-    size: t = "sm",
+    size: d = "sm",
     surface: p = "flat",
     locale: o,
     currency: u = "EUR",
-    showPatient: d = !0,
-    onActivate: i,
-    selected: N = !1,
-    className: Q,
-    ...Z
-  }, aa) => {
-    var S, D, I, A, L, _, U, P, O, $, j, q, E, F, B, W, G, H;
-    const { t: s } = la(), m = !!i, ea = !!a.url && ma(a.url), f = ((S = a.patient) == null ? void 0 : S.name) ?? s("appointmentCard.noPatient"), c = (D = a.operator) == null ? void 0 : D.name, h = s(`appointmentCard.state.${a.state}`), C = ga(a.state), sa = C.Icon, w = Ia((I = a.patient) == null ? void 0 : I.dobIso), ra = ((A = a.flags) == null ? void 0 : A.noPatientAssigned) || !a.patient, v = t === "md" ? "md" : "sm", na = La[a.type], z = d ? f : c ?? s("appointmentCard.appointment"), T = d ? s("appointmentCard.itemLabel", {
-      patient: f,
+    showPatient: i = !0,
+    onActivate: l,
+    selected: k = !1,
+    hideDefaultStatus: Q = !1,
+    className: Z,
+    ...aa
+  }, ea) => {
+    var R, D, I, A, L, _, U, P, O, $, j, q, E, F, B, H, W, G;
+    const { t: s } = pa(), m = !!l, sa = !!a.url && ga(a.url), ra = !(Q && a.state === "confirmed"), g = ((R = a.patient) == null ? void 0 : R.name) ?? s("appointmentCard.noPatient"), c = (D = a.operator) == null ? void 0 : D.name, h = s(`appointmentCard.state.${a.state}`), C = ha(a.state), na = C.Icon, w = La((I = a.patient) == null ? void 0 : I.dobIso), oa = ((A = a.flags) == null ? void 0 : A.noPatientAssigned) || !a.patient, v = d === "md" ? "md" : "sm", ta = Ua[a.type], z = i ? g : c ?? s("appointmentCard.appointment"), T = i ? s("appointmentCard.itemLabel", {
+      patient: g,
       state: h
     }) : s("appointmentCard.itemLabelGeneric", { title: z, state: h }), b = /* @__PURE__ */ r("span", { className: "ds:min-w-0 ds:truncate type-title-item ds:text-[color:var(--foreground)]", children: [
       z,
-      d && w !== void 0 ? /* @__PURE__ */ r("span", { className: "ds:ms-[var(--spacing-2xs)] ds:font-normal ds:text-[color:var(--muted-foreground)]", children: [
+      i && w !== void 0 ? /* @__PURE__ */ r("span", { className: "ds:ms-[var(--spacing-2xs)] ds:font-normal ds:text-[color:var(--muted-foreground)]", children: [
         "· ",
         w
       ] }) : null
     ] });
-    let g;
-    m && ea ? g = /* @__PURE__ */ e(
+    let f;
+    m && sa ? f = /* @__PURE__ */ e(
       "a",
       {
         href: a.url,
         "aria-label": T,
         className: J,
         onClick: (n) => {
-          n.defaultPrevented || n.metaKey || n.ctrlKey || n.shiftKey || i == null || i(a);
+          n.defaultPrevented || n.metaKey || n.ctrlKey || n.shiftKey || l == null || l(a);
         },
         children: b
       }
-    ) : m ? g = /* @__PURE__ */ e(
+    ) : m ? f = /* @__PURE__ */ e(
       "button",
       {
         type: "button",
         "aria-label": T,
         className: J + " ds:bg-transparent ds:border-0 ds:p-0 ds:text-start",
-        onClick: () => i == null ? void 0 : i(a),
+        onClick: () => l == null ? void 0 : l(a),
         children: b
       }
-    ) : g = b;
-    const M = (a.treatments ?? []).map((n, oa) => {
-      const ta = n.elements && n.elements.length > 0 ? s("appointmentCard.treatmentWithElements", {
+    ) : f = b;
+    const M = (a.treatments ?? []).map((n, da) => {
+      const ia = n.elements && n.elements.length > 0 ? s("appointmentCard.treatmentWithElements", {
         care: n.careName,
         elements: n.elements.join(", ")
       }) : n.careName;
       return /* @__PURE__ */ e(
-        ca,
+        ua,
         {
-          label: ta,
+          label: ia,
           variant: "neutral",
           fill: "outline",
           size: "sm",
           maxInlineSize: "12rem"
         },
-        `${n.careName}-${oa}`
+        `${n.careName}-${da}`
       );
-    }), y = (L = a.bookingReason) == null ? void 0 : L.advanceAmountCents, V = typeof y == "number" && y > 0, x = (_ = a.money) == null ? void 0 : _.unpaidAmountCents, R = typeof x == "number" && x > 0;
+    }), x = (L = a.bookingReason) == null ? void 0 : L.advanceAmountCents, S = typeof x == "number" && x > 0, y = (_ = a.money) == null ? void 0 : _.unpaidAmountCents, V = typeof y == "number" && y > 0;
     return /* @__PURE__ */ r(
       "div",
       {
-        ref: aa,
+        ref: ea,
         role: "listitem",
         "data-component": "appointment-card",
         "data-component-id": a.id,
         "data-state": a.state,
         "data-type": a.type,
-        "aria-current": N ? "true" : void 0,
-        className: Aa({
-          size: t,
+        "aria-current": k ? "true" : void 0,
+        className: _a({
+          size: d,
           interactive: m,
           surface: p,
-          selected: N,
-          className: Q
+          selected: k,
+          dimmed: a.dimmed,
+          next: a.next,
+          className: Z
         }),
-        ...Z,
+        ...aa,
         children: [
           /* @__PURE__ */ r("span", { className: "ds:flex ds:min-w-20 ds:shrink-0 ds:flex-col ds:items-start ds:gap-[var(--spacing-2xs)]", children: [
             /* @__PURE__ */ r("span", { className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)] ds:whitespace-nowrap ds:text-[color:var(--muted-foreground)]", children: [
-              /* @__PURE__ */ e(na, { "aria-hidden": "true", className: "ds:size-3.5 ds:shrink-0" }),
+              /* @__PURE__ */ e(ta, { "aria-hidden": "true", className: "ds:size-3.5 ds:shrink-0" }),
               /* @__PURE__ */ e("span", { className: "ds:sr-only", children: s(`appointmentCard.type.${a.type}`) }),
               /* @__PURE__ */ e(
-                pa,
+                ma,
                 {
                   value: a.startIso,
                   format: "absolute",
@@ -268,7 +289,7 @@ const Aa = ia(
               K,
               {
                 name: c,
-                color: fa((U = a.operator) == null ? void 0 : U.colorId),
+                color: va((U = a.operator) == null ? void 0 : U.colorId),
                 size: v,
                 "aria-hidden": "true",
                 role: "presentation",
@@ -279,17 +300,17 @@ const Aa = ia(
               "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)] " + Da((P = a.operator) == null ? void 0 : P.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)] " + Aa((P = a.operator) == null ? void 0 : P.colorId)
               }
             )
           ] }) : null,
           /* @__PURE__ */ r("div", { className: "ds:flex-1 ds:min-w-0 ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
             /* @__PURE__ */ r("div", { className: "ds:flex ds:items-start ds:gap-[var(--spacing-sm)]", children: [
               /* @__PURE__ */ r("div", { className: "ds:flex-1 ds:min-w-0 ds:flex ds:items-center ds:gap-[var(--spacing-xs)]", children: [
-                d && ((O = a.patient) != null && O.avatarUrl) ? /* @__PURE__ */ e(
+                i && ((O = a.patient) != null && O.avatarUrl) ? /* @__PURE__ */ e(
                   K,
                   {
-                    name: f,
+                    name: g,
                     src: a.patient.avatarUrl,
                     size: v,
                     className: "ds:shrink-0",
@@ -298,32 +319,43 @@ const Aa = ia(
                     "aria-label": void 0
                   }
                 ) : null,
-                d && ra ? /* @__PURE__ */ e(
+                i && oa ? /* @__PURE__ */ e(
                   "span",
                   {
                     className: `ds:shrink-0 ds:inline-flex ds:items-center ds:justify-center ds:rounded-[var(--radius-full)] ds:bg-[color:var(--muted)] ds:text-[color:var(--muted-foreground)] ${v === "md" ? "ds:size-10" : "ds:size-8"}`,
-                    children: /* @__PURE__ */ e(ya, { "aria-hidden": "true", className: "ds:size-4" })
+                    children: /* @__PURE__ */ e(Na, { "aria-hidden": "true", className: "ds:size-4" })
                   }
                 ) : null,
-                g
+                f
               ] }),
-              /* @__PURE__ */ e(
-                ua,
+              a.next ? /* @__PURE__ */ e(
+                t,
+                {
+                  variant: "accentSoft",
+                  size: "sm",
+                  className: "ds:shrink-0",
+                  "aria-hidden": "true",
+                  children: s("appointmentCard.next")
+                }
+              ) : null,
+              ra ? /* @__PURE__ */ e(
+                fa,
                 {
                   size: "sm",
                   value: a.state,
                   option: {
                     value: a.state,
                     label: h,
-                    icon: /* @__PURE__ */ e(sa, { "aria-hidden": "true" }),
+                    icon: /* @__PURE__ */ e(na, { "aria-hidden": "true" }),
                     tone: C.tone
                   },
                   className: "ds:shrink-0"
                 }
-              )
+              ) : null
             ] }),
-            d && c || ($ = a.bookingReason) != null && $.specialty || a.firstVisit === "yes" || a.firstVisit === "unknown" || a.bookingNote ? /* @__PURE__ */ r("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 && c ? /* @__PURE__ */ e("span", { children: c }) : null,
+            a.next ? /* @__PURE__ */ e("span", { className: "ds:sr-only", children: s("appointmentCard.nextSr") }) : null,
+            i && c || ($ = a.bookingReason) != null && $.specialty || a.firstVisit === "yes" || a.firstVisit === "unknown" || a.bookingNote ? /* @__PURE__ */ r("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: [
+              i && c ? /* @__PURE__ */ e("span", { children: c }) : null,
               (j = a.bookingReason) != null && j.specialty ? /* @__PURE__ */ e("span", { children: a.bookingReason.specialty }) : null,
               a.firstVisit === "yes" ? /* @__PURE__ */ r("span", { className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-2xs)]", children: [
                 /* @__PURE__ */ e(X, { "aria-hidden": "true", className: "ds:size-3 ds:shrink-0" }),
@@ -340,7 +372,7 @@ const Aa = ia(
                   title: s("appointmentCard.hasBookingNote"),
                   children: [
                     /* @__PURE__ */ e(
-                      Ra,
+                      Da,
                       {
                         "aria-hidden": "true",
                         className: "ds:size-3 ds:shrink-0"
@@ -353,51 +385,51 @@ const Aa = ia(
             ] }) : null,
             (q = a.bookingReason) != null && q.description ? /* @__PURE__ */ e("span", { className: "type-body-sm ds:text-[color:var(--foreground)] ds:truncate", children: a.bookingReason.description }) : null,
             M.length > 0 ? /* @__PURE__ */ e("div", { className: "ds:flex ds:flex-wrap ds:gap-[var(--spacing-2xs)]", children: M }) : null,
-            a.carePlan || a.chair || (E = a.flags) != null && E.bookedOnline || (F = a.flags) != null && F.highlightedAnamnesis || (B = a.flags) != null && B.billable || a.recurring || a.signing || V || R ? /* @__PURE__ */ r("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]", children: [
+            a.carePlan || a.chair || (E = a.flags) != null && E.bookedOnline || (F = a.flags) != null && F.highlightedAnamnesis || (B = a.flags) != null && B.billable || a.recurring || a.signing || S || V ? /* @__PURE__ */ r("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]", children: [
               a.carePlan ? /* @__PURE__ */ e(
-                l,
+                t,
                 {
                   variant: "accentSoft",
                   size: "sm",
-                  leading: /* @__PURE__ */ e(za, {}),
+                  leading: /* @__PURE__ */ e(Ma, {}),
                   children: s("appointmentCard.carePlan", {
                     number: a.carePlan.number
                   })
                 }
               ) : null,
-              a.chair ? /* @__PURE__ */ e(l, { variant: "neutral", size: "sm", leading: /* @__PURE__ */ e(xa, {}), children: s("appointmentCard.chair", { chair: a.chair }) }) : null,
-              (W = a.flags) != null && W.bookedOnline ? /* @__PURE__ */ e(l, { variant: "info", size: "sm", leading: /* @__PURE__ */ e(ka, {}), children: s("appointmentCard.flag.bookedOnline") }) : null,
-              (G = a.flags) != null && G.highlightedAnamnesis ? /* @__PURE__ */ e(l, { variant: "warning", size: "sm", withDot: !0, children: s("appointmentCard.flag.highlightedAnamnesis") }) : null,
-              a.recurring ? /* @__PURE__ */ e(l, { variant: "neutral", size: "sm", leading: /* @__PURE__ */ e(Na, {}), children: s("appointmentCard.recurring") }) : null,
+              a.chair ? /* @__PURE__ */ e(t, { variant: "neutral", size: "sm", leading: /* @__PURE__ */ e(ka, {}), children: s("appointmentCard.chair", { chair: a.chair }) }) : null,
+              (H = a.flags) != null && H.bookedOnline ? /* @__PURE__ */ e(t, { variant: "info", size: "sm", leading: /* @__PURE__ */ e(Ca, {}), children: s("appointmentCard.flag.bookedOnline") }) : null,
+              (W = a.flags) != null && W.highlightedAnamnesis ? /* @__PURE__ */ e(t, { variant: "warning", size: "sm", withDot: !0, children: s("appointmentCard.flag.highlightedAnamnesis") }) : null,
+              a.recurring ? /* @__PURE__ */ e(t, { variant: "neutral", size: "sm", leading: /* @__PURE__ */ e(wa, {}), children: s("appointmentCard.recurring") }) : null,
               a.signing ? /* @__PURE__ */ e(
-                l,
+                t,
                 {
                   variant: a.signing.toComplete >= a.signing.required ? "success" : "warning",
                   size: "sm",
-                  leading: /* @__PURE__ */ e(Ma, {}),
+                  leading: /* @__PURE__ */ e(Va, {}),
                   children: s("appointmentCard.signing", {
                     complete: a.signing.toComplete,
                     required: a.signing.required
                   })
                 }
               ) : null,
-              (H = a.flags) != null && H.billable ? /* @__PURE__ */ e(l, { variant: "success", size: "sm", withDot: !0, children: s("appointmentCard.flag.billable") }) : null,
-              V ? /* @__PURE__ */ e(
+              (G = a.flags) != null && G.billable ? /* @__PURE__ */ e(t, { variant: "success", size: "sm", withDot: !0, children: s("appointmentCard.flag.billable") }) : null,
+              S ? /* @__PURE__ */ e(
                 Y,
                 {
                   state: "to-invoice",
-                  amount: y / 100,
+                  amount: x / 100,
                   currency: u,
                   locale: o,
                   size: "sm",
                   showLabel: !0
                 }
               ) : null,
-              R ? /* @__PURE__ */ e(
+              V ? /* @__PURE__ */ e(
                 Y,
                 {
                   state: "debt",
-                  amount: x / 100,
+                  amount: y / 100,
                   currency: u,
                   locale: o,
                   size: "sm",
@@ -407,7 +439,7 @@ const Aa = ia(
             ] }) : null
           ] }),
           m ? /* @__PURE__ */ e(
-            Ca,
+            za,
             {
               "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"
@@ -418,8 +450,8 @@ const Aa = ia(
     );
   }
 );
-_a.displayName = "AppointmentCard";
+Pa.displayName = "AppointmentCard";
 export {
-  _a as A
+  Pa as A
 };
-//# sourceMappingURL=appointment-card-WsDGBBut.js.map
+//# sourceMappingURL=appointment-card-TgR_2GKS.js.map