@alfadocs/ui-kit-debug 1.7.0 → 1.8.0

package/dist/_chunks/{calendar-4dXTvsCz.js → calendar-B4Gnyu1C.js}

@@ -1,21 +1,25 @@
-import { jsxs as G, jsx as l } from "react/jsx-runtime";
-import { forwardRef as Se, useRef as p, useEffect as h, useState as te, useMemo as u, useImperativeHandle as Pt, useCallback as y } from "react";
-import { useTranslation as me } from "react-i18next";
-import Mt from "@fullcalendar/react";
-import Gt from "@fullcalendar/daygrid";
-import Bt from "@fullcalendar/timegrid";
-import Lt from "@fullcalendar/list";
-import Ot from "@fullcalendar/resource";
-import Wt from "@fullcalendar/resource-timegrid";
-import jt from "@fullcalendar/resource-timeline";
-import _t from "@fullcalendar/timeline";
-import Ft from "@fullcalendar/interaction";
-import { u as Vt } from "./use-prefers-reduced-motion-BMwIQRjB.js";
-import { u as Ht } from "./registry-DvAUVLHh.js";
-import { w as ke, C as $t } from "./calendar-event-card-C6qGtywL.js";
-import { C as Ee } from "./chevron-right-I9AeSxH2.js";
-import { C as Ne } from "./chevron-left-B8cOyH-V.js";
-const zt = {
+import { jsxs as E, jsx as l } from "react/jsx-runtime";
+import { forwardRef as Be, useRef as p, useEffect as v, useState as ae, useMemo as u, useImperativeHandle as Ht, useCallback as g } from "react";
+import { useTranslation as ye } from "react-i18next";
+import qt from "@fullcalendar/react";
+import $t from "@fullcalendar/daygrid";
+import Kt from "@fullcalendar/timegrid";
+import Ut from "@fullcalendar/list";
+import Yt from "@fullcalendar/resource";
+import Xt from "@fullcalendar/resource-timegrid";
+import Jt from "@fullcalendar/resource-timeline";
+import Zt from "@fullcalendar/timeline";
+import Qt from "@fullcalendar/interaction";
+import { u as er } from "./use-prefers-reduced-motion-BMwIQRjB.js";
+import { u as tr } from "./registry-DvAUVLHh.js";
+import { w as rr, C as nr } from "./calendar-event-card-Bjdbik8G.js";
+import { A as ir } from "./avatar-BNQNhoyL.js";
+import { R as ar } from "./resource-chip-DYTG0IQQ.js";
+import { T as sr } from "./tooltip-DvmfrNvB.js";
+import { C as or } from "./check-DrFSN__t.js";
+import { C as Ge } from "./chevron-right-I9AeSxH2.js";
+import { C as Me } from "./chevron-left-B8cOyH-V.js";
+const dr = {
   id: "calendar",
   capabilities: ["view_change", "range_navigate", "pick"],
   state: {
@@ -30,8 +34,8 @@ const zt = {
       descriptionKey: "ui.agent.calendar.state.currentDate",
       description: "ISO date anchor of the visible range.",
       read: (n) => {
-        var o;
-        return ((o = n.getCurrentDate()) == null ? void 0 : o.toISOString()) ?? null;
+        var s;
+        return ((s = n.getCurrentDate()) == null ? void 0 : s.toISOString()) ?? null;
       }
     },
     currentTitle: {
@@ -89,8 +93,8 @@ const zt = {
       examples: [
         { args: { date: "2026-04-15" }, note: "Jump to 15 April 2026." }
       ],
-      invoke: (n, o) => {
-        n.gotoDate(o.date);
+      invoke: (n, s) => {
+        n.gotoDate(s.date);
       }
     },
     change_view: {
@@ -124,8 +128,8 @@ const zt = {
       examples: [
         { args: { view: "timeGridWeek" }, note: "Switch to the week view." }
       ],
-      invoke: (n, o) => {
-        n.changeView(o.view);
+      invoke: (n, s) => {
+        n.changeView(s.view);
       }
     },
     focus_event: {
@@ -146,11 +150,14 @@ const zt = {
       descriptionKey: "ui.agent.calendar.actions.focusEvent",
       description: "Scroll an event into view and briefly highlight it.",
       errors: ["No DOM node matches the given event id — no-op."],
-      invoke: (n, o) => {
-        n.focusEvent(o.eventId);
+      invoke: (n, s) => {
+        n.focusEvent(s.eventId);
       }
     }
   },
+  /* Day-number nav links (`a[data-navlink]`, via onNavLinkDayClick) are
+     FullCalendar markup, not a hook: an agent drills into a day through
+     the host's own view change, never by clicking the number. */
   domHooks: {
     root: {
       attr: "data-component",
@@ -164,10 +171,10 @@ const zt = {
     },
     item: {
       attr: "data-event-id",
-      description: "Emitted on every rendered FullCalendar event by the kit event renderer. Used by focusEvent."
+      description: 'Emitted on every rendered FullCalendar event by the kit event renderer. Used by focusEvent. Cards also carry data-kind="task"|"draft"|"appointment" and data-status for classification.'
     }
   }
-}, qt = {
+}, cr = {
   vertical: {
     Day: "resourceTimeGridDay",
     ThreeDays: "resourceTimeGridThreeDays",
@@ -178,33 +185,35 @@ const zt = {
     ThreeDays: "resourceTimelineThreeDays",
     Week: "resourceTimelineWeek"
   }
-}, Kt = /* @__PURE__ */ new Set([
+}, lr = /* @__PURE__ */ new Set([
   "dayGridMonth",
   "timeGridWeek",
+  "timeGridThreeDays",
   "timeGridDay",
   "listWeek"
-]), Ut = {
+]), ur = {
   timeGridDay: "timelineDay",
+  timeGridThreeDays: "timelineThreeDays",
   timeGridWeek: "timelineWeek"
 };
-function de(n, o = "vertical") {
-  if (Kt.has(n))
-    return o === "horizontal" ? Ut[n] ?? n : n;
+function pe(n, s = "vertical") {
+  if (lr.has(n))
+    return s === "horizontal" ? ur[n] ?? n : n;
   const d = n.replace(/^resourceTimeGrid/, "").replace(
     /(Chair|Operator)$/,
     ""
   );
-  return qt[o][d];
+  return cr[s][d];
 }
-const ee = {
+const ie = {
   weekday: "long",
   day: "numeric",
   month: "long",
   year: "numeric"
-}, Yt = [
+}, mr = [
   { weekday: "short", day: "numeric", month: "short" },
   { hour: "numeric", minute: "2-digit" }
-], Xt = {
+], fr = {
   resourceTimeGridThreeDays: {
     type: "resourceTimeGrid",
     duration: { days: 3 }
@@ -213,80 +222,90 @@ const ee = {
     type: "resourceTimeline",
     duration: { days: 3 }
   },
-  timeline: { slotLabelFormat: Yt },
-  timeGridDay: { titleFormat: ee },
-  resourceTimeGridDay: { titleFormat: ee },
-  timelineDay: { titleFormat: ee },
-  resourceTimelineDay: { titleFormat: ee }
-}, ce = 5, Jt = {
+  /* Plain (non-resource) 3-day counterparts — the standard calendar
+     experience's Day / 3 days / Week range set without an axis. */
+  timeGridThreeDays: {
+    type: "timeGrid",
+    duration: { days: 3 }
+  },
+  timelineThreeDays: {
+    type: "timeline",
+    duration: { days: 3 }
+  },
+  timeline: { slotLabelFormat: mr },
+  timeGridDay: { titleFormat: ie },
+  resourceTimeGridDay: { titleFormat: ie },
+  timelineDay: { titleFormat: ie },
+  resourceTimelineDay: { titleFormat: ie }
+}, ve = 5, pr = {
   create: "calendar.modeBanner.create",
   move: "calendar.modeBanner.move",
   copy: "calendar.modeBanner.copy"
 };
-function Zt(n) {
+function vr(n) {
   try {
-    const o = new Intl.Locale(n), s = typeof o.getWeekInfo == "function" ? o.getWeekInfo() : o.weekInfo;
-    if (s && typeof s.firstDay == "number")
-      return s.firstDay % 7;
+    const s = new Intl.Locale(n), o = typeof s.getWeekInfo == "function" ? s.getWeekInfo() : s.weekInfo;
+    if (o && typeof o.firstDay == "number")
+      return o.firstDay % 7;
   } catch {
   }
   return n.startsWith("en-US") || n.startsWith("he") || n.startsWith("ar-SA") ? 0 : 1;
 }
-const le = "calendar-col-hidden";
-function ue(n) {
-  const o = n.getFullYear(), s = String(n.getMonth() + 1).padStart(2, "0"), d = String(n.getDate()).padStart(2, "0");
-  return `${o}-${s}-${d}`;
+const he = "calendar-col-hidden";
+function ge(n) {
+  const s = n.getFullYear(), o = String(n.getMonth() + 1).padStart(2, "0"), d = String(n.getDate()).padStart(2, "0");
+  return `${s}-${o}-${d}`;
 }
-function Qt(n, o) {
-  const s = /* @__PURE__ */ new Set(), d = /* @__PURE__ */ new Map(), f = (n == null ? void 0 : n.length) ?? 0;
-  if (n && o) {
-    for (const b of n)
-      if (b.hiddenDates)
-        for (const v of b.hiddenDates) {
-          const w = `${b.id}:${v}`;
-          s.has(w) || (s.add(w), d.set(v, (d.get(v) ?? 0) + 1));
+function hr(n, s) {
+  const o = /* @__PURE__ */ new Set(), d = /* @__PURE__ */ new Map(), f = (n == null ? void 0 : n.length) ?? 0;
+  if (n && s) {
+    for (const T of n)
+      if (T.hiddenDates)
+        for (const h of T.hiddenDates) {
+          const k = `${T.id}:${h}`;
+          o.has(k) || (o.add(k), d.set(h, (d.get(h) ?? 0) + 1));
         }
   }
   return {
-    hiddenCells: s,
+    hiddenCells: o,
     hiddenCountByDate: d,
     resourceCount: f,
-    active: s.size > 0
+    active: o.size > 0
   };
 }
-function er() {
-  const { i18n: n } = me(), [o, s] = te(() => {
+function gr() {
+  const { i18n: n } = ye(), [s, o] = ae(() => {
     if (typeof document > "u") return !1;
     const d = document.documentElement.getAttribute("dir"), f = typeof n.dir == "function" ? n.dir() : "ltr";
     return d === "rtl" || f === "rtl";
   });
-  return h(() => {
+  return v(() => {
     if (typeof document > "u") return;
     const d = new MutationObserver(() => {
-      const f = document.documentElement.getAttribute("dir"), b = typeof n.dir == "function" ? n.dir() : "ltr";
-      s(f === "rtl" || b === "rtl");
+      const f = document.documentElement.getAttribute("dir"), T = typeof n.dir == "function" ? n.dir() : "ltr";
+      o(f === "rtl" || T === "rtl");
     });
     return d.observe(document.documentElement, {
       attributes: !0,
       attributeFilter: ["dir", "lang"]
     }), () => d.disconnect();
-  }, [n]), o;
+  }, [n]), s;
 }
-function tr(n, o) {
-  const s = n.event.start, d = n.event.end ?? n.event.start;
-  if (!(!s || !d))
+function yr(n, s) {
+  const o = n.event.start, d = n.event.end ?? n.event.start;
+  if (!(!o || !d))
     try {
-      const f = new Intl.DateTimeFormat(o, {
+      const f = new Intl.DateTimeFormat(s, {
         hour: "2-digit",
         minute: "2-digit",
         hour12: !1
       });
-      return typeof f.formatRange == "function" ? f.formatRange(s, d) : `${f.format(s)} – ${f.format(d)}`;
+      return typeof f.formatRange == "function" ? f.formatRange(o, d) : `${f.format(o)} – ${f.format(d)}`;
     } catch {
       return;
     }
 }
-const Re = [
+const Oe = [
   "ds:inline-flex ds:items-center ds:justify-center",
   "ds:min-h-[var(--min-target-size)]",
   "ds:bg-[var(--background)] ds:text-[var(--foreground)]",
@@ -299,15 +318,15 @@ const Re = [
   "ds:focus-visible:outline-[var(--ring)]",
   "ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
   "ds:motion-reduce:transition-none"
-].join(" "), rr = [
-  Re,
+].join(" "), br = [
+  Oe,
   "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]"
-].join(" "), nr = [
-  Re,
+].join(" "), Tr = [
+  Oe,
   "ds:min-w-[var(--min-target-size)]"
-].join(" "), fe = Se(
-  ({ title: n, onToday: o, onPrev: s, onNext: d, end: f, className: b, maskClassName: v }, w) => {
-    const { t: B } = me(), V = er(), T = V ? Ee : Ne, L = V ? Ne : Ee, k = [
+].join(" "), be = Be(
+  ({ title: n, onToday: s, onPrev: o, onNext: d, end: f, className: T, maskClassName: h }, k) => {
+    const { t: O } = ye(), Y = gr(), x = Y ? Ge : Me, L = Y ? Me : Ge, W = [
       "ds:calendar-toolbar",
       "ds:sticky ds:top-0 ds:z-20",
       "ds:flex ds:items-center ds:gap-[var(--spacing-sm)]",
@@ -315,30 +334,30 @@ const Re = [
       "ds:py-[var(--spacing-sm)]",
       "ds:bg-[var(--background)]",
       "ds:border-b ds:border-[var(--border)]",
-      b
-    ].filter(Boolean).join(" "), x = [rr, v].filter(Boolean).join(" "), E = [nr, v].filter(Boolean).join(" "), re = [
+      T
+    ].filter(Boolean).join(" "), F = [br, h].filter(Boolean).join(" "), A = [Tr, h].filter(Boolean).join(" "), D = [
       "ds:flex-1 ds:text-center ds:truncate type-title-card",
-      v
-    ].filter(Boolean).join(" "), ne = ["ds:flex-1 ds:text-center", v].filter(Boolean).join(" ");
-    return /* @__PURE__ */ G("div", { ref: w, className: k, children: [
-      /* @__PURE__ */ G("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-xs)]", children: [
+      h
+    ].filter(Boolean).join(" "), X = ["ds:flex-1 ds:text-center", h].filter(Boolean).join(" ");
+    return /* @__PURE__ */ E("div", { ref: k, className: W, children: [
+      /* @__PURE__ */ E("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-xs)]", children: [
         /* @__PURE__ */ l(
           "button",
           {
             type: "button",
-            onClick: o,
-            className: x,
-            children: B("calendar.today")
+            onClick: s,
+            className: F,
+            children: O("calendar.today")
           }
         ),
         /* @__PURE__ */ l(
           "button",
           {
             type: "button",
-            onClick: s,
-            "aria-label": B("calendar.previousPeriod"),
-            className: E,
-            children: /* @__PURE__ */ l(T, { size: 16, "aria-hidden": "true" })
+            onClick: o,
+            "aria-label": O("calendar.previousPeriod"),
+            className: A,
+            children: /* @__PURE__ */ l(x, { size: 16, "aria-hidden": "true" })
           }
         ),
         /* @__PURE__ */ l(
@@ -346,105 +365,113 @@ const Re = [
           {
             type: "button",
             onClick: d,
-            "aria-label": B("calendar.nextPeriod"),
-            className: E,
+            "aria-label": O("calendar.nextPeriod"),
+            className: A,
             children: /* @__PURE__ */ l(L, { size: 16, "aria-hidden": "true" })
           }
         )
       ] }),
-      n ? /* @__PURE__ */ l("h2", { "aria-live": "polite", className: re, children: n }) : (
+      n ? /* @__PURE__ */ l("h2", { "aria-live": "polite", className: D, children: n }) : (
         /* Keep the centering slot stable even before the first
            `datesSet` populates the title — an empty <h2> would trip
            axe's `empty-heading` rule, so we substitute a decorative
            spacer that matches the h2's flex sizing. Once `title` is
            non-empty the h2 renders in the same slot. */
-        /* @__PURE__ */ l("div", { "aria-hidden": "true", className: ne })
+        /* @__PURE__ */ l("div", { "aria-hidden": "true", className: X })
       ),
       f ? /* @__PURE__ */ l("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-xs)]", children: f }) : null
     ] });
   }
 );
-fe.displayName = "Calendar.Toolbar";
-const Pe = Se(
+be.displayName = "Calendar.Toolbar";
+const Le = Be(
   ({
     id: n,
-    events: o,
-    resources: s,
+    events: s,
+    resources: o,
     view: d = "dayGridMonth",
     initialDate: f,
-    locale: b,
-    onEventDrop: v,
-    onEventResize: w,
-    onEventDragStart: B,
-    onEventResizeStart: V,
-    onEventClick: T,
-    onDateSelect: L,
-    onDatesSet: k,
-    onDateClick: x,
-    editable: E = !1,
-    eventDurationEditable: re,
-    selectable: ne = !1,
-    height: Me,
-    className: Ge,
-    privacyMode: D = !1,
-    eventStatusAccent: Be = !0,
-    mode: H = "default",
-    modeLabel: Le,
-    modeBannerColor: $,
-    modeBannerTextColor: z,
-    onModeCancel: pe,
-    alertBanner: Oe,
-    hiddenDays: ve,
-    slotMinTime: We,
-    slotMaxTime: je,
-    slotDuration: _e,
-    showTime: Fe = !0,
-    datesAboveResources: ie = !0,
-    slotEventOverlap: Ve = !1,
-    stickyHeaderDates: He = !0,
-    nowIndicator: $e = !0,
-    dayMaxEvents: ze = !0,
-    schedulerLicenseKey: qe = void 0,
-    toolbar: Ke = !0,
-    toolbarEnd: Ue,
-    resourceLayout: O = "vertical",
-    showResourceInitials: he = !1,
-    resourceAreaWidth: Ye,
-    resourceAreaHeader: W,
-    defaultTimedEventDuration: j,
-    zebraRows: Xe = !1,
+    locale: T,
+    onEventDrop: h,
+    onEventResize: k,
+    onEventDragStart: O,
+    onEventResizeStart: Y,
+    onEventClick: x,
+    onEventMouseEnter: L,
+    onEventMouseLeave: W,
+    onDateSelect: F,
+    onDatesSet: A,
+    onDateClick: D,
+    onNavLinkDayClick: X,
+    editable: se = !1,
+    eventDurationEditable: We,
+    selectable: Fe = !1,
+    height: ze,
+    className: je,
+    privacyMode: y = !1,
+    eventColorStyle: _e = "solid",
+    mode: J = "default",
+    modeLabel: Ve,
+    modeBannerColor: Z,
+    modeBannerTextColor: Q,
+    onModeCancel: Te,
+    alertBanner: He,
+    hiddenDays: xe,
+    slotMinTime: qe,
+    slotMaxTime: $e,
+    slotDuration: Ke,
+    snapDuration: De,
+    showTime: Ue = !0,
+    datesAboveResources: oe = !0,
+    slotEventOverlap: Ye = !1,
+    stickyHeaderDates: Xe = !0,
+    nowIndicator: Je = !0,
+    dayMaxEvents: Ze = !0,
+    schedulerLicenseKey: Qe = void 0,
+    toolbar: et = !0,
+    toolbarEnd: tt,
+    resourceLayout: z = "vertical",
+    showResourceInitials: de = !1,
+    resourceLabelVariant: Ce = "text",
+    verticalResourceLabels: ce = !1,
+    selectedEventId: we,
+    availabilityMode: rt = !1,
+    resourceAreaWidth: nt,
+    resourceAreaHeader: j,
+    defaultTimedEventDuration: _,
+    zebraRows: it = !1,
     maskClassName: N
-  }, Je) => {
-    const { t: m, i18n: S } = me(), I = p(null), R = p(null), C = p(null), A = p(null), P = p(null), ge = p(null), q = p({
+  }, at) => {
+    const { t: m, i18n: P } = ye(), C = p(null), R = p(null), w = p(null), I = p(null), G = p(null), ke = p(null), ee = p({
       id: 0,
       x: 0,
       y: 0
-    }), ye = p(0), be = p(0), K = b ?? S.language ?? "en";
-    h(() => {
-    }, [ve]), h(() => {
-    }, [j]);
-    const [Ze, Qe] = te(() => {
+    }), Ie = p(0), Ae = p(0), S = T ?? P.language ?? "en";
+    v(() => {
+    }, [xe]), v(() => {
+    }, [_]);
+    const [st, ot] = ae(() => {
       if (typeof document > "u") return "ltr";
-      const e = document.documentElement.getAttribute("dir"), t = typeof S.dir == "function" ? S.dir() : "ltr";
+      const e = document.documentElement.getAttribute("dir"), t = typeof P.dir == "function" ? P.dir() : "ltr";
       return e === "rtl" || t === "rtl" ? "rtl" : "ltr";
     });
-    h(() => {
+    v(() => {
       if (typeof document > "u") return;
       const e = new MutationObserver(() => {
-        const t = document.documentElement.getAttribute("dir"), r = typeof S.dir == "function" ? S.dir() : "ltr";
-        Qe(t === "rtl" || r === "rtl" ? "rtl" : "ltr");
+        const t = document.documentElement.getAttribute("dir"), r = typeof P.dir == "function" ? P.dir() : "ltr";
+        ot(t === "rtl" || r === "rtl" ? "rtl" : "ltr");
       });
       return e.observe(document.documentElement, {
         attributes: !0,
         attributeFilter: ["dir", "lang"]
       }), () => e.disconnect();
-    }, [S]), h(() => {
+    }, [P]), v(() => {
       if (typeof document > "u") return;
       let e;
       const t = new MutationObserver(() => {
         clearTimeout(e), e = setTimeout(() => {
-          var a;
-          const r = (a = I.current) == null ? void 0 : a.getApi();
+          var i;
+          const r = (i = C.current) == null ? void 0 : i.getApi();
           r && typeof r.render == "function" && r.render();
         }, 50);
       });
@@ -454,18 +481,35 @@ const Pe = Se(
       }), () => {
         clearTimeout(e), t.disconnect();
       };
-    }, []), h(() => {
+    }, []), v(() => {
+      const e = R.current;
+      if (!e || typeof ResizeObserver > "u") return;
+      let t = 0, r = e.getBoundingClientRect().width;
+      const i = new ResizeObserver((a) => {
+        var q, $;
+        const c = a[0], b = (($ = (q = c == null ? void 0 : c.borderBoxSize) == null ? void 0 : q[0]) == null ? void 0 : $.inlineSize) ?? (c == null ? void 0 : c.contentRect.width) ?? e.getBoundingClientRect().width;
+        b !== r && (r = b, cancelAnimationFrame(t), t = requestAnimationFrame(() => {
+          var K, U;
+          (U = (K = C.current) == null ? void 0 : K.getApi()) == null || U.updateSize();
+        }));
+      });
+      return i.observe(e), () => {
+        cancelAnimationFrame(t), i.disconnect();
+      };
+    }, []), v(() => {
       if (typeof document > "u") return;
       const e = R.current;
       if (!e) return;
       const t = () => {
-        e.querySelectorAll(".fc-daygrid-more-link").forEach((a) => {
-          a.getAttribute("role") || a.setAttribute("role", "button");
-        }), e.querySelectorAll('[aria-hidden="true"]').forEach((a) => {
-          a.querySelectorAll(
+        e.querySelectorAll(
+          ".fc-daygrid-more-link, a[data-navlink]"
+        ).forEach((i) => {
+          i.getAttribute("role") || i.setAttribute("role", "button");
+        }), e.querySelectorAll('[aria-hidden="true"]').forEach((i) => {
+          i.querySelectorAll(
             'a[href], button, [tabindex]:not([tabindex="-1"])'
-          ).forEach((i) => {
-            i.setAttribute("tabindex", "-1");
+          ).forEach((a) => {
+            a.setAttribute("tabindex", "-1");
           });
         });
       };
@@ -478,19 +522,19 @@ const Pe = Se(
         attributeFilter: ["aria-hidden"]
       }), () => r.disconnect();
     }, [m]);
-    const U = Vt(), [et, tt] = te(""), [_, rt] = te(
-      () => de(d, O)
-    ), Te = p(_);
-    Te.current = _;
-    const ae = u(() => {
+    const te = er(), [dt, ct] = ae(""), [V, lt] = ae(
+      () => pe(d, z)
+    ), Re = p(V);
+    Re.current = V;
+    const le = u(() => {
       const e = () => {
         var t;
-        return (t = I.current) == null ? void 0 : t.getApi();
+        return (t = C.current) == null ? void 0 : t.getApi();
       };
       return {
         getApi: () => {
           var t;
-          return (t = I.current) == null ? void 0 : t.getApi();
+          return (t = C.current) == null ? void 0 : t.getApi();
         },
         today: () => {
           var t;
@@ -511,7 +555,7 @@ const Pe = Se(
         changeView: (t) => {
           var r;
           (r = e()) == null || r.changeView(
-            de(t, O)
+            pe(t, z)
           );
         },
         getTitle: () => {
@@ -529,40 +573,40 @@ const Pe = Se(
         focusEvent: (t) => {
           const r = R.current;
           if (!r) return;
-          const a = `[data-event-id="${CSS.escape(t)}"]`, i = r.querySelector(a);
-          if (i) {
-            if (A.current && (clearTimeout(A.current), A.current = null), P.current && P.current !== i && P.current.classList.remove("calendar-event-focused"), i.scrollIntoView({
-              behavior: U ? "auto" : "smooth",
+          const i = `[data-event-id="${CSS.escape(t)}"]`, a = r.querySelector(i);
+          if (a) {
+            if (I.current && (clearTimeout(I.current), I.current = null), G.current && G.current !== a && G.current.classList.remove("calendar-event-focused"), a.scrollIntoView({
+              behavior: te ? "auto" : "smooth",
               block: "center"
-            }), i.classList.add("calendar-event-focused"), P.current = i, C.current) {
-              const c = i.getAttribute("aria-label") ?? t, g = D ? "•••" : c;
-              C.current.textContent = m("calendar.focusedEvent", {
-                title: g
+            }), a.classList.add("calendar-event-focused"), G.current = a, w.current) {
+              const c = a.getAttribute("aria-label") ?? t, b = y ? "•••" : c;
+              w.current.textContent = m("calendar.focusedEvent", {
+                title: b
               });
             }
-            A.current = setTimeout(() => {
-              i.classList.remove("calendar-event-focused"), P.current === i && (P.current = null), A.current = null;
+            I.current = setTimeout(() => {
+              a.classList.remove("calendar-event-focused"), G.current === a && (G.current = null), I.current = null;
             }, 3e3);
           }
         }
       };
-    }, [U, D, m, O]);
-    Pt(Je, () => ae, [ae]), Ht(zt, ae, n), h(
+    }, [te, y, m, z]);
+    Ht(at, () => le, [le]), tr(dr, le, n), v(
       () => () => {
-        A.current && (clearTimeout(A.current), A.current = null);
+        I.current && (clearTimeout(I.current), I.current = null);
       },
       []
     );
-    const xe = p(!0);
-    h(() => {
-      if (xe.current) {
-        xe.current = !1;
+    const Se = p(!0);
+    v(() => {
+      if (Se.current) {
+        Se.current = !1;
         return;
       }
-      C.current && (C.current.textContent = m(D ? "calendar.privacyModeOn" : "calendar.privacyModeOff"));
-    }, [D, m]);
-    const nt = u(
-      () => o.map((e) => ({
+      w.current && (w.current.textContent = m(y ? "calendar.privacyModeOn" : "calendar.privacyModeOff"));
+    }, [y, m]);
+    const ut = u(
+      () => s.map((e) => ({
         id: e.id,
         title: e.title,
         start: e.start,
@@ -580,6 +624,10 @@ const Pe = Se(
         ...e.allDay !== void 0 ? { allDay: e.allDay } : {},
         ...e.resourceId !== void 0 ? { resourceId: e.resourceId } : {},
         ...e.isInternal ? { display: "background" } : {},
+        /* A draft is the user's own composition: dragging or resizing it
+           IS how they pick the slot, so it stays editable even on a
+           read-only calendar. The consumer's own `editable` still wins. */
+        ...e.isDraft ? { editable: !0 } : {},
         ...e.editable !== void 0 ? { editable: e.editable } : {},
         ...e.startEditable !== void 0 ? { startEditable: e.startEditable } : {},
         extendedProps: {
@@ -601,104 +649,132 @@ const Pe = Se(
           hasHighlightedAnamnesis: e.hasHighlightedAnamnesis ?? !1,
           hasBillableAmount: e.hasBillableAmount ?? !1,
           isTelehealth: e.isTelehealth ?? !1,
+          isRecurring: e.isRecurring ?? !1,
           isRecurrenceParent: e.isRecurrenceParent ?? !1,
           isInternal: e.isInternal ?? !1,
+          isTask: e.isTask ?? !1,
+          isDraft: e.isDraft ?? !1,
           patientId: e.patientId,
           operatorId: e.operatorId
         }
       })),
-      [o]
-    ), it = u(
+      [s]
+    ), mt = u(
       () => ({
         year: "numeric",
         month: "long"
       }),
       []
-    ), at = u(
+    ), ft = u(
       () => ({
         weekday: "short"
       }),
       []
-    ), ot = u(
+    ), pt = u(
       () => ({
         hour: "numeric",
         minute: "2-digit"
       }),
       []
-    ), st = u(
+    ), vt = u(
       () => ({
-        hour: "numeric",
-        minute: "2-digit"
+        hour: "2-digit",
+        minute: "2-digit",
+        /* 24-hour axis — matches the event cards' range text (hour12
+           false there too) and the platform's EU clock. */
+        hour12: !1
       }),
       []
-    ), De = u(
-      () => typeof j == "number" ? { minutes: j } : j,
-      [j]
-    ), Y = u(
+    ), ht = g(
+      (e) => {
+        const t = new Intl.DateTimeFormat(S, {
+          weekday: "short"
+        }).format(e.date);
+        if (e.view.type === "dayGridMonth" || e.view.type.startsWith("list"))
+          return t;
+        const r = new Intl.DateTimeFormat(S, {
+          day: "numeric"
+        }).format(e.date);
+        return /* @__PURE__ */ E("span", { className: "ds:flex ds:flex-col ds:items-center ds:gap-[var(--spacing-2xs)] ds:py-[var(--spacing-2xs)]", children: [
+          /* @__PURE__ */ l("span", { className: "type-eyebrow ds:text-[color:var(--muted-foreground)]", children: t }),
+          /* @__PURE__ */ l(
+            "span",
+            {
+              className: e.isToday ? "ds:flex ds:size-7 ds:items-center ds:justify-center ds:rounded-full ds:bg-[var(--primary)] ds:text-[length:var(--font-size-sm)] ds:font-[var(--font-weight-semibold)] ds:leading-none ds:text-[color:var(--primary-foreground)]" : "ds:text-[length:var(--font-size-sm)] ds:font-[var(--font-weight-semibold)] ds:leading-none",
+              children: r
+            }
+          )
+        ] });
+      },
+      [S]
+    ), Ee = u(
+      () => typeof _ == "number" ? { minutes: _ } : _,
+      [_]
+    ), ue = u(
       () => N ? N.split(/\s+/).filter(Boolean) : void 0,
       [N]
-    ), dt = u(() => {
-      if (W !== void 0)
-        return W === "chairs" ? m("calendar.resourceLabel.chairs") : W === "operators" ? m("calendar.resourceLabel.operators") : W;
-    }, [W, m]), X = u(
-      () => Qt(s, ie),
-      [s, ie]
-    ), M = p(X);
-    M.current = X;
-    const oe = p(!1), ct = y(
+    ), gt = u(() => {
+      if (j !== void 0)
+        return j === "chairs" ? m("calendar.resourceLabel.chairs") : j === "operators" ? m("calendar.resourceLabel.operators") : j;
+    }, [j, m]), re = u(
+      () => hr(o, oe),
+      [o, oe]
+    ), M = p(re);
+    M.current = re;
+    const me = p(!1), yt = g(
       (e) => {
         const t = M.current;
         if (!t.active || !e.view.type.startsWith("resourceTimeGrid"))
           return [];
         const r = e.resource;
         return r != null && r.id ? t.hiddenCells.has(
-          `${r.id}:${ue(e.date)}`
-        ) ? [le] : [] : [];
+          `${r.id}:${ge(e.date)}`
+        ) ? [he] : [] : [];
       },
       []
-    ), lt = y(
+    ), bt = g(
       (e) => {
         const t = M.current;
         if (!t.active || !e.view.type.startsWith("resourceTimeGrid"))
           return [];
         const r = e.date ?? e.view.currentStart;
         return t.hiddenCells.has(
-          `${e.resource.id}:${ue(r)}`
-        ) ? [le] : [];
+          `${e.resource.id}:${ge(r)}`
+        ) ? [he] : [];
       },
       []
-    ), ut = y(
+    ), Tt = g(
       (e) => {
         const t = M.current;
-        return !t.active || !e.view.type.startsWith("resourceTimeGrid") ? [] : (t.hiddenCountByDate.get(ue(e.date)) ?? 0) >= t.resourceCount ? [le] : [];
+        return !t.active || !e.view.type.startsWith("resourceTimeGrid") ? [] : (t.hiddenCountByDate.get(ge(e.date)) ?? 0) >= t.resourceCount ? [he] : [];
       },
       []
-    ), mt = y((e) => {
+    ), xt = g((e) => {
       const t = M.current;
       if (!t.active || !e.view.type.startsWith("resourceTimeGrid"))
         return;
       const r = e.el;
       if (!(r instanceof HTMLTableCellElement) || !r.classList.contains("fc-day")) return;
-      const a = r.getAttribute("data-date");
-      if (!a) return;
-      const i = t.hiddenCountByDate.get(a) ?? 0, c = Math.max(1, t.resourceCount - i);
-      r.colSpan !== c && (r.colSpan = c, oe.current = !0);
-    }, []), F = y(() => {
+      const i = r.getAttribute("data-date");
+      if (!i) return;
+      const a = t.hiddenCountByDate.get(i) ?? 0, c = Math.max(1, t.resourceCount - a);
+      r.colSpan !== c && (r.colSpan = c, me.current = !0);
+    }, []), H = g(() => {
       const e = R.current;
-      if (!e || !Te.current.startsWith("resourceTimeGrid")) return;
+      if (!e || !Re.current.startsWith("resourceTimeGrid")) return;
       const t = M.current;
-      !t.active && !oe.current || (e.querySelectorAll(
+      !t.active && !me.current || (e.querySelectorAll(
         "th.fc-col-header-cell.fc-day[data-date]"
       ).forEach((r) => {
-        const a = r.getAttribute("data-date");
-        if (!a) return;
-        const i = t.active ? t.hiddenCountByDate.get(a) ?? 0 : 0, c = Math.max(1, t.resourceCount - i);
+        const i = r.getAttribute("data-date");
+        if (!i) return;
+        const a = t.active ? t.hiddenCountByDate.get(i) ?? 0 : 0, c = Math.max(1, t.resourceCount - a);
         r.colSpan !== c && (r.colSpan = c);
-      }), oe.current = t.active);
+      }), me.current = t.active);
     }, []);
-    h(() => {
-    }, [o, X]);
-    const J = (e) => {
+    v(() => {
+    }, [s, re]);
+    const B = (e) => {
       const t = e.extendedProps ?? {};
       return {
         id: e.id,
@@ -718,86 +794,105 @@ const Pe = Se(
         hasHighlightedAnamnesis: t.hasHighlightedAnamnesis,
         hasBillableAmount: t.hasBillableAmount,
         isTelehealth: t.isTelehealth,
+        isRecurring: t.isRecurring,
         isRecurrenceParent: t.isRecurrenceParent,
         isInternal: t.isInternal,
+        isTask: t.isTask,
         editable: t.editable,
         startEditable: t.startEditable,
         patientId: t.patientId,
         operatorId: t.operatorId
       };
-    }, ft = u(() => {
-      if (v)
+    }, Dt = u(() => {
+      if (h)
         return (e) => {
+          var r, i;
           if (!e.event.start) return;
           const t = e.oldEvent.start;
-          if (t && (v({
-            event: J(e.event),
+          if (t && (h({
+            event: B(e.event),
             oldStart: t,
             newStart: e.event.start,
+            oldResourceId: (r = e.oldResource) == null ? void 0 : r.id,
+            newResourceId: (i = e.newResource) == null ? void 0 : i.id,
             revert: e.revert
-          }), C.current)) {
-            const r = e.event.extendedProps ?? {}, a = D ? r.privacyModeTitle ?? "•••" : e.event.title;
-            C.current.textContent = m("calendar.eventMoved", {
-              title: a
+          }), w.current)) {
+            const a = e.event.extendedProps ?? {}, c = y ? a.privacyModeTitle ?? "•••" : e.event.title;
+            w.current.textContent = m("calendar.eventMoved", {
+              title: c
             });
           }
         };
-    }, [v, D, m]), pt = u(() => {
-      if (w)
+    }, [h, y, m]), Ct = u(() => {
+      if (k)
         return (e) => {
           if (!e.event.end) return;
           const t = e.oldEvent.end;
           if (!t)
             return;
-          const r = e.event.end, a = e.event.start ?? e.oldEvent.start ?? t;
-          if (w({
-            event: J(e.event),
+          const r = e.event.end, i = e.event.start ?? e.oldEvent.start ?? t;
+          if (k({
+            event: B(e.event),
             oldEnd: t,
             newEnd: r,
             revert: e.revert
-          }), C.current) {
-            const i = Math.round(
-              (r.getTime() - a.getTime()) / 6e4
-            ), c = e.event.extendedProps ?? {}, g = D ? c.privacyModeTitle ?? "•••" : e.event.title;
-            C.current.textContent = m("calendar.eventResized", {
-              title: g,
-              duration: i
+          }), w.current) {
+            const a = Math.round(
+              (r.getTime() - i.getTime()) / 6e4
+            ), c = e.event.extendedProps ?? {}, b = y ? c.privacyModeTitle ?? "•••" : e.event.title;
+            w.current.textContent = m("calendar.eventResized", {
+              title: b,
+              duration: a
             });
           }
         };
-    }, [w, D, m]), vt = u(() => {
-      if (T)
+    }, [k, y, m]), wt = u(() => {
+      if (x)
         return (e) => {
-          e.event.start && (ge.current = e.jsEvent, T(J(e.event), {
+          e.event.start && (ke.current = e.jsEvent, x(B(e.event), {
             el: e.el,
             jsEvent: e.jsEvent
           }));
         };
-    }, [T]), ht = u(() => {
+    }, [x]), kt = u(() => {
       if (L)
         return (e) => {
           var t;
-          L({
+          e.event.start && e.event.display !== "background" && ((t = e.event.extendedProps) != null && t.isDraft || L(B(e.event), {
+            el: e.el,
+            jsEvent: e.jsEvent
+          }));
+        };
+    }, [L]), It = u(() => {
+      if (W)
+        return (e) => {
+          e.event.start && e.event.display !== "background" && W(B(e.event));
+        };
+    }, [W]), At = u(() => {
+      if (F)
+        return (e) => {
+          var t;
+          F({
             start: e.start,
             end: e.end,
             allDay: e.allDay,
             resourceId: (t = e.resource) == null ? void 0 : t.id
           });
         };
-    }, [L]), gt = u(() => {
-      if (x)
+    }, [F]), Rt = u(() => {
+      if (D)
         return (e) => {
           var r;
-          const t = q.current.id;
-          t !== 0 && be.current === t || (t !== 0 && (ye.current = t), x({
+          const t = ee.current.id;
+          t !== 0 && Ae.current === t || (t !== 0 && (Ie.current = t), D({
             date: e.date,
             allDay: e.allDay,
             resourceId: (r = e.resource) == null ? void 0 : r.id
           }));
         };
-    }, [x]), yt = y(
+    }, [D]), St = g(
       (e) => {
-        tt(e.view.title), rt(e.view.type), k == null || k({
+        ct(e.view.title), lt(e.view.type), A == null || A({
           view: d,
           internalView: e.view.type,
           start: e.start,
@@ -806,117 +901,106 @@ const Pe = Se(
              tick, which fires before fcRef is guaranteed to be assigned. */
           currentDate: e.view.calendar.getDate(),
           title: e.view.title
-        }), F();
+        }), H();
       },
-      [k, d, F]
-    ), bt = u(() => Zt(K), [K]), Tt = u(
+      [A, d, H]
+    ), Et = u(() => vr(S), [S]), Nt = u(
       () => [
-        Gt,
-        Bt,
-        Lt,
-        Ft,
-        Ot,
-        Wt,
-        jt,
-        _t
+        $t,
+        Kt,
+        Ut,
+        Qt,
+        Yt,
+        Xt,
+        Jt,
+        Zt
       ],
       []
-    ), xt = u(
-      () => de(d, O),
-      [d, O]
+    ), Pt = u(
+      () => pe(d, z),
+      [d, z]
     );
-    h(() => {
+    v(() => {
       const e = R.current;
       if (!e) return;
       const t = (r) => {
-        q.current = {
-          id: q.current.id + 1,
+        ee.current = {
+          id: ee.current.id + 1,
           x: r.clientX,
           y: r.clientY
         };
       };
       return e.addEventListener("pointerdown", t, !0), () => e.removeEventListener("pointerdown", t, !0);
-    }, []), h(() => {
+    }, []), v(() => {
       const e = R.current;
-      if (!e || !_.startsWith("resourceTimeGrid") || !x && !T) return;
+      if (!e || !V.startsWith("resourceTimeGrid") || !D && !x) return;
       const t = (r) => {
-        var Ie;
-        if (r === ge.current) return;
-        const a = r.target;
-        if (!(a instanceof Element) || a.closest(
+        var K;
+        if (r === ke.current) return;
+        const i = r.target;
+        if (!(i instanceof Element) || i.closest(
           ".fc-more-link, a[data-navlink], .fc-popover, .fc-event-mirror"
         ))
           return;
-        const i = q.current;
-        if (i.id !== 0 && (Math.abs(r.clientX - i.x) > ce || Math.abs(r.clientY - i.y) > ce))
+        const a = ee.current;
+        if (a.id !== 0 && (Math.abs(r.clientX - a.x) > ve || Math.abs(r.clientY - a.y) > ve))
           return;
-        const c = a.closest("td.fc-daygrid-day[data-date]");
+        const c = i.closest("td.fc-daygrid-day[data-date]");
         if (!c) return;
-        const g = a.closest("[data-event-id]");
-        if (g) {
-          if (!T) return;
-          const Ae = g.getAttribute("data-event-id"), se = (Ie = I.current) == null ? void 0 : Ie.getApi(), Q = Ae ? se == null ? void 0 : se.getEventById(Ae) : null;
-          if (!Q || !Q.start || (Q.extendedProps ?? {}).isInternal) return;
-          const Rt = a.closest(".fc-event") ?? g;
-          T(J(Q), { el: Rt, jsEvent: r });
+        const b = i.closest("[data-event-id]");
+        if (b) {
+          if (!x) return;
+          const U = b.getAttribute("data-event-id"), fe = (K = C.current) == null ? void 0 : K.getApi(), ne = U ? fe == null ? void 0 : fe.getEventById(U) : null;
+          if (!ne || !ne.start) return;
+          const Pe = ne.extendedProps ?? {};
+          if (Pe.isInternal || Pe.isDraft) return;
+          const Vt = i.closest(".fc-event") ?? b;
+          x(B(ne), { el: Vt, jsEvent: r });
           return;
         }
-        if (!x || i.id !== 0 && ye.current === i.id)
+        if (!D || a.id !== 0 && Ie.current === a.id)
           return;
-        const Z = c.getAttribute("data-date");
-        if (!Z) return;
-        const we = /* @__PURE__ */ new Date(`${Z}T00:00:00`);
-        Number.isNaN(we.getTime()) || (i.id !== 0 && (be.current = i.id), x({
-          date: we,
+        const q = c.getAttribute("data-date");
+        if (!q) return;
+        const $ = /* @__PURE__ */ new Date(`${q}T00:00:00`);
+        Number.isNaN($.getTime()) || (a.id !== 0 && (Ae.current = a.id), D({
+          date: $,
           allDay: !0,
           resourceId: c.getAttribute("data-resource-id") ?? void 0
         }));
       };
       return e.addEventListener("click", t), () => e.removeEventListener("click", t);
-    }, [_, x, T]);
-    const Dt = y(
+    }, [V, D, x]);
+    const Gt = g(
       (e) => {
-        const t = e.resource.extendedProps, r = e.resource.title, a = t.shortTitle, i = t.color, c = t.shortTitleTextColor, g = i || c ? {
+        const t = e.resource.extendedProps, r = e.resource.title, i = t.color, a = t.shortTitleTextColor, c = i || a ? {
           ...i ? { "--resource-color": i } : {},
-          ...c ? {
-            "--resource-initials-text-color": c
+          ...a ? {
+            "--resource-initials-text-color": a
           } : {}
         } : void 0;
-        if (he && a && i) {
-          ke(i, c, `resource ${e.resource.id}`);
-          const Z = [
-            "resource-initials",
-            "ds:[background-color:var(--resource-color)]",
-            c ? "ds:[color:var(--resource-initials-text-color)]" : null
-          ].filter(Boolean).join(" ");
-          return /* @__PURE__ */ G("span", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-xs)]", children: [
-            /* @__PURE__ */ l(
-              "span",
-              {
-                className: Z,
-                style: g,
-                "aria-hidden": "true",
-                children: a
-              }
-            ),
-            /* @__PURE__ */ l("span", { className: "ds:truncate ds:text-start", children: r })
-          ] });
-        }
-        return i ? (i && c && ke(i, c, `resource ${e.resource.id}`), /* @__PURE__ */ G("span", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-xs)]", children: [
+        return Ce === "chip" && !de ? /* @__PURE__ */ l(
+          ar,
+          {
+            label: r,
+            color: i,
+            orientation: ce ? "vertical" : "horizontal"
+          }
+        ) : de ? /* @__PURE__ */ l(sr, { label: r, children: /* @__PURE__ */ l(ir, { size: "sm", name: r, src: t.avatarSrc }) }) : i ? (i && a && rr(i, a, `resource ${e.resource.id}`), /* @__PURE__ */ E("span", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-xs)]", children: [
           /* @__PURE__ */ l(
             "span",
             {
               className: "resource-dot ds:[background-color:var(--resource-color)]",
-              style: g,
+              style: c,
               "aria-hidden": "true"
             }
           ),
           /* @__PURE__ */ l("span", { className: "ds:truncate ds:text-start", children: r })
         ] })) : /* @__PURE__ */ l("span", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-xs)]", children: /* @__PURE__ */ l("span", { className: "ds:truncate ds:text-start", children: r }) });
       },
-      [he]
-    ), Ce = u(
-      () => s == null ? void 0 : s.map((e) => ({
+      [de, Ce, ce]
+    ), Ne = u(
+      () => o == null ? void 0 : o.map((e) => ({
         id: e.id,
         title: e.title,
         sequenceNumber: e.sequenceNumber,
@@ -924,35 +1008,44 @@ const Pe = Se(
           shortTitle: e.shortTitle,
           color: e.color,
           shortTitleTextColor: e.shortTitleTextColor,
+          avatarSrc: e.avatarSrc,
           sequenceNumber: e.sequenceNumber
         }
       })),
-      [s]
+      [o]
     );
-    h(() => {
-      F();
-      const e = requestAnimationFrame(F);
+    v(() => {
+      H();
+      const e = requestAnimationFrame(H);
       return () => cancelAnimationFrame(e);
-    }, [X, Ce, _, F]);
-    const Ct = y(() => {
+    }, [re, Ne, V, H]);
+    const Mt = g(() => {
       var e, t;
-      (t = (e = I.current) == null ? void 0 : e.getApi()) == null || t.today();
-    }, []), wt = y(() => {
+      (t = (e = C.current) == null ? void 0 : e.getApi()) == null || t.today();
+    }, []), Bt = g(() => {
       var e, t;
-      (t = (e = I.current) == null ? void 0 : e.getApi()) == null || t.prev();
-    }, []), It = y(() => {
+      (t = (e = C.current) == null ? void 0 : e.getApi()) == null || t.prev();
+    }, []), Ot = g(() => {
       var e, t;
-      (t = (e = I.current) == null ? void 0 : e.getApi()) == null || t.next();
-    }, []), At = [
+      (t = (e = C.current) == null ? void 0 : e.getApi()) == null || t.next();
+    }, []), Lt = u(
+      () => s.some((e) => e.isDraft),
+      [s]
+    ), Wt = [
       "fc-theme-alfadocs",
-      Xe ? "calendar-zebra-rows" : null,
+      it ? "calendar-zebra-rows" : null,
+      ce ? "calendar-vertical-resource-labels" : null,
+      rt ? "calendar-availability-mode" : null,
+      /* Composing: derived from the events themselves rather than a prop,
+         so the dim can never disagree with what is on the grid. */
+      Lt ? "calendar-composing-mode" : null,
       "ds:bg-background ds:text-foreground",
       "ds:rounded-[var(--radius-md)]",
-      Ge
-    ].filter(Boolean).join(" "), kt = $ || z ? {
-      ...$ ? { "--calendar-mode-bg": $ } : {},
-      ...z ? { "--calendar-mode-fg": z } : {}
-    } : void 0, Et = H !== "default" ? Le ?? m(Jt[H]) : "", Nt = [
+      je
+    ].filter(Boolean).join(" "), Ft = Z || Q ? {
+      ...Z ? { "--calendar-mode-bg": Z } : {},
+      ...Q ? { "--calendar-mode-fg": Q } : {}
+    } : void 0, zt = J !== "default" ? Ve ?? m(pr[J]) : "", jt = [
       "ds:sticky ds:top-0 ds:z-10",
       "ds:flex ds:items-center ds:gap-[var(--spacing-sm)]",
       "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]",
@@ -960,9 +1053,9 @@ const Pe = Se(
       /* Caller-supplied colours flow through CSS custom properties set
          in `modeBannerStyle`; fallback tokens apply when the caller
          doesn't supply a hex. */
-      $ ? "ds:[background-color:var(--calendar-mode-bg)]" : "ds:bg-[var(--muted)]",
-      z ? "ds:[color:var(--calendar-mode-fg)]" : "ds:text-[var(--muted-foreground)]"
-    ].filter(Boolean).join(" "), St = [
+      Z ? "ds:[background-color:var(--calendar-mode-bg)]" : "ds:bg-[var(--muted)]",
+      Q ? "ds:[color:var(--calendar-mode-fg)]" : "ds:text-[var(--muted-foreground)]"
+    ].filter(Boolean).join(" "), _t = [
       "ds:inline-flex ds:items-center ds:justify-center",
       "ds:min-h-[var(--min-target-size)]",
       "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]",
@@ -977,127 +1070,141 @@ const Pe = Se(
       "ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
       "ds:motion-reduce:transition-none"
     ].join(" ");
-    return /* @__PURE__ */ G(
+    return /* @__PURE__ */ E(
       "div",
       {
         ref: R,
-        className: At,
+        className: Wt,
         role: "region",
         "aria-label": m("calendar.ariaLabel"),
         "data-component": "calendar",
         "data-component-id": n,
-        "data-mode": H,
+        "data-mode": J,
         children: [
           /* @__PURE__ */ l(
             "div",
             {
-              ref: C,
+              ref: w,
               "aria-live": "polite",
               "aria-atomic": "true",
               className: ["ds:sr-only", N].filter(Boolean).join(" ")
             }
           ),
-          Oe,
-          H !== "default" ? /* @__PURE__ */ G(
+          He,
+          J !== "default" ? /* @__PURE__ */ E(
             "div",
             {
-              className: Nt,
-              style: kt,
+              className: jt,
+              style: Ft,
               role: "status",
               children: [
                 /* @__PURE__ */ l(
                   "span",
                   {
                     className: ["ds:flex-1 ds:text-start", N].filter(Boolean).join(" "),
-                    children: Et
+                    children: zt
                   }
                 ),
-                pe ? /* @__PURE__ */ l(
+                Te ? /* @__PURE__ */ l(
                   "button",
                   {
                     type: "button",
-                    onClick: pe,
-                    className: St,
+                    onClick: Te,
+                    className: _t,
                     children: m("calendar.modeBanner.cancel")
                   }
                 ) : null
               ]
             }
           ) : null,
-          Ke !== !1 ? /* @__PURE__ */ l(
-            fe,
+          et !== !1 ? /* @__PURE__ */ l(
+            be,
             {
-              title: et,
-              onToday: Ct,
-              onPrev: wt,
-              onNext: It,
-              end: Ue,
+              title: dt,
+              onToday: Mt,
+              onPrev: Bt,
+              onNext: Ot,
+              end: tt,
               maskClassName: N
             }
           ) : null,
           /* @__PURE__ */ l(
-            Mt,
+            qt,
             {
-              ref: I,
-              plugins: Tt,
-              schedulerLicenseKey: qe,
-              initialView: xt,
-              views: Xt,
+              ref: C,
+              plugins: Nt,
+              schedulerLicenseKey: Qe,
+              initialView: Pt,
+              views: fr,
               initialDate: f,
-              locale: K,
-              direction: Ze,
-              firstDay: bt,
-              editable: E,
-              eventDurationEditable: re ?? E,
-              selectable: ne,
-              droppable: E,
-              dayMaxEvents: ze,
-              height: Me,
-              events: nt,
-              resources: Ce,
+              locale: S,
+              direction: st,
+              firstDay: Et,
+              editable: se,
+              eventDurationEditable: We ?? se,
+              selectable: Fe,
+              droppable: se,
+              dayMaxEvents: Ze,
+              height: ze,
+              expandRows: !0,
+              events: ut,
+              resources: Ne,
               resourceOrder: "sequenceNumber",
-              resourceLabelContent: Dt,
-              resourceAreaWidth: Ye,
-              resourceAreaHeaderContent: dt,
-              dayCellClassNames: ct,
-              dayHeaderClassNames: ut,
-              resourceLabelClassNames: lt,
-              dayHeaderDidMount: mt,
-              ...Y ? { slotLaneClassNames: Y } : {},
-              ...Y ? { eventClassNames: Y } : {},
+              resourceLabelContent: Gt,
+              resourceAreaWidth: nt,
+              resourceAreaHeaderContent: gt,
+              dayCellClassNames: yt,
+              dayHeaderClassNames: Tt,
+              resourceLabelClassNames: bt,
+              dayHeaderDidMount: xt,
+              ...ue ? { slotLaneClassNames: ue } : {},
+              eventClassNames: (e) => {
+                var t;
+                return [
+                  ...ue ?? [],
+                  ...we && e.event.id === we ? ["calendar-event-selected"] : [],
+                  ...(t = e.event.extendedProps) != null && t.isDraft ? ["calendar-event-draft"] : []
+                ];
+              },
               headerToolbar: !1,
               allDayText: m("calendar.allDay"),
               noEventsText: m("calendar.noEvents"),
-              titleFormat: it,
-              dayHeaderFormat: at,
-              eventTimeFormat: ot,
-              slotLabelFormat: st,
-              slotMinTime: We ?? "00:00:00",
-              slotMaxTime: je ?? "24:00:00",
-              slotDuration: _e ?? "00:30:00",
+              titleFormat: mt,
+              dayHeaderFormat: ft,
+              dayHeaderContent: ht,
+              eventTimeFormat: pt,
+              slotLabelFormat: vt,
+              slotMinTime: qe ?? "00:00:00",
+              slotMaxTime: $e ?? "24:00:00",
+              slotDuration: Ke ?? "00:30:00",
+              ...De ? { snapDuration: De } : {},
               slotLabelInterval: "01:00:00",
-              ...De !== void 0 ? { defaultTimedEventDuration: De } : {},
-              hiddenDays: ve,
-              datesAboveResources: ie,
-              slotEventOverlap: Ve,
-              stickyHeaderDates: He,
-              nowIndicator: $e,
-              eventLongPressDelay: U ? 0 : 1e3,
-              eventDragMinDistance: U ? 0 : ce,
+              ...Ee !== void 0 ? { defaultTimedEventDuration: Ee } : {},
+              hiddenDays: xe,
+              datesAboveResources: oe,
+              slotEventOverlap: Ye,
+              stickyHeaderDates: Xe,
+              nowIndicator: Je,
+              eventLongPressDelay: te ? 0 : 1e3,
+              eventDragMinDistance: te ? 0 : ve,
               eventContent: (e) => {
                 var r;
                 const t = e.event.extendedProps ?? {};
-                return /* @__PURE__ */ l(
-                  $t,
+                return t.isInternal ? e.event.title ? /* @__PURE__ */ E("span", { className: "calendar-bg-event-label", children: [
+                  /* @__PURE__ */ l(or, { size: 12, "aria-hidden": "true" }),
+                  e.event.title
+                ] }) : !0 : /* @__PURE__ */ l(
+                  nr,
                   {
                     eventId: e.event.id,
-                    title: D ? t.privacyModeTitle ?? "•••" : e.event.title,
+                    title: y ? t.privacyModeTitle ?? "•••" : e.event.title,
+                    privacyMasked: y,
                     suffix: t.suffix,
-                    rangeText: tr(e, K),
-                    showTime: Fe,
+                    rangeText: yr(e, S),
+                    showTime: Ue,
                     allDay: e.event.allDay,
                     status: t.status,
-                    statusAccent: Be,
+                    colorStyle: _e,
                     backgroundColor: t.backgroundColor,
                     textColor: t.textColor,
                     borderColor: t.borderColor,
@@ -1106,18 +1213,27 @@ const Pe = Se(
                     hasHighlightedAnamnesis: t.hasHighlightedAnamnesis,
                     hasBillableAmount: t.hasBillableAmount,
                     isTelehealth: t.isTelehealth,
-                    resourceLabel: t.resourceId ? (r = (s ?? []).find((a) => a.id === t.resourceId)) == null ? void 0 : r.title : void 0
+                    isRecurring: t.isRecurring,
+                    isTask: t.isTask,
+                    isDraft: t.isDraft,
+                    resourceLabel: t.resourceId ? (r = (o ?? []).find((i) => i.id === t.resourceId)) == null ? void 0 : r.title : void 0
                   }
                 );
               },
-              eventClick: vt,
-              eventDrop: ft,
-              eventResize: pt,
-              eventDragStart: B,
-              eventResizeStart: V,
-              select: ht,
-              dateClick: gt,
-              datesSet: yt
+              eventClick: wt,
+              eventMouseEnter: kt,
+              eventMouseLeave: It,
+              eventDrop: Dt,
+              eventResize: Ct,
+              eventDragStart: O,
+              eventResizeStart: Y,
+              select: At,
+              dateClick: Rt,
+              datesSet: St,
+              ...X ? {
+                navLinks: !0,
+                navLinkDayClick: (e, t) => X(e, t)
+              } : {}
             }
           )
         ]
@@ -1125,12 +1241,12 @@ const Pe = Se(
     );
   }
 );
-Pe.displayName = "Calendar";
-const ir = Pe;
-ir.Toolbar = fe;
+Le.displayName = "Calendar";
+const xr = Le;
+xr.Toolbar = be;
 export {
-  ir as C,
-  zt as c,
-  de as r
+  xr as C,
+  dr as c,
+  pe as r
 };
-//# sourceMappingURL=calendar-4dXTvsCz.js.map
+//# sourceMappingURL=calendar-B4Gnyu1C.js.map