@alfadocs/ui-kit-debug 1.128.0 → 1.130.0

package/dist/_chunks/{calendar-_sgjuH3L.js → calendar-DzR-vdJ5.js}

@@ -1,33 +1,34 @@
-import { jsxs as P, jsx as l } from "react/jsx-runtime";
-import { forwardRef as Ye, useRef as g, useMemo as u, useEffect as b, useState as ce, useImperativeHandle as lr, useCallback as T } from "react";
-import { useTranslation as we } from "react-i18next";
-import { c as cr } from "./index-D2ZczOXr.js";
-import ur from "@fullcalendar/react";
-import { c as Xe } from "./intl-locale-FWh-Y5_3.js";
-import mr from "@fullcalendar/daygrid";
-import fr from "@fullcalendar/timegrid";
-import vr from "@fullcalendar/list";
-import pr from "@fullcalendar/resource";
-import hr from "@fullcalendar/resource-timegrid";
-import gr from "@fullcalendar/resource-timeline";
-import yr from "@fullcalendar/timeline";
-import br from "@fullcalendar/interaction";
-import { u as Tr } from "./use-prefers-reduced-motion-BMwIQRjB.js";
-import { u as xr } from "./registry-DvAUVLHh.js";
-import { w as wr, C as Dr } from "./calendar-event-card-DXAYWH6k.js";
-import { A as Cr } from "./avatar-Dp5apm1d.js";
-import { B as kr } from "./button-DohK_Ak_.js";
-import { a as je, R as Ar } from "./resource-chip-DB5jDwUO.js";
-import { T as _e } from "./tooltip-uEBdD1-5.js";
-import { V as Ir } from "./visually-hidden-BHxEUGyT.js";
-import { C as Ve } from "./check-DrFSN__t.js";
-import { C as qe } from "./chevron-right-I9AeSxH2.js";
-import { C as $e } from "./chevron-left-B8cOyH-V.js";
-function Sr(r, o) {
+import { jsxs as k, jsx as l, Fragment as hr } from "react/jsx-runtime";
+import { forwardRef as et, useRef as g, useMemo as u, useEffect as T, useState as ue, useImperativeHandle as gr, useCallback as b } from "react";
+import { useTranslation as Ce } from "react-i18next";
+import { c as yr } from "./index-D2ZczOXr.js";
+import br from "@fullcalendar/react";
+import { c as tt } from "./intl-locale-FWh-Y5_3.js";
+import Tr from "@fullcalendar/daygrid";
+import xr from "@fullcalendar/timegrid";
+import wr from "@fullcalendar/list";
+import Dr from "@fullcalendar/resource";
+import Cr from "@fullcalendar/resource-timegrid";
+import kr from "@fullcalendar/resource-timeline";
+import Ar from "@fullcalendar/timeline";
+import Sr from "@fullcalendar/interaction";
+import { u as Ir } from "./use-prefers-reduced-motion-BMwIQRjB.js";
+import { u as Nr } from "./registry-DvAUVLHh.js";
+import { w as Rr, C as Lr } from "./calendar-event-card-BNEzkjm-.js";
+import { A as Er } from "./avatar-Dp5apm1d.js";
+import { B as Pr } from "./button-DohK_Ak_.js";
+import { a as $e, R as Gr } from "./resource-chip-DB5jDwUO.js";
+import { T as Ke } from "./tooltip-uEBdD1-5.js";
+import { V as rt } from "./visually-hidden-BHxEUGyT.js";
+import { C as Ue } from "./check-DrFSN__t.js";
+import { C as Mr } from "./circle-alert-rGDZ73Wh.js";
+import { C as Ye } from "./chevron-right-I9AeSxH2.js";
+import { C as Xe } from "./chevron-left-B8cOyH-V.js";
+function Br(r, s) {
   return {
     // FullCalendar's date arithmetic is Gregorian. Regional locales such as
     // ar-SA otherwise format the same cells with Hijri month/day numbers.
-    code: new Intl.Locale(Xe(o), {
+    code: new Intl.Locale(tt(s), {
       calendar: "gregory"
     }).toString(),
     buttonText: {
@@ -54,13 +55,13 @@ function Sr(r, o) {
     eventHint: r("calendar.vendor.event"),
     allDayText: r("calendar.allDay"),
     noEventsText: r("calendar.noEvents"),
-    moreLinkText: (s) => r("calendar.vendor.more", { count: s }),
-    moreLinkHint: (s) => r("calendar.vendor.moreHint", { count: s }),
-    navLinkHint: (s) => r("calendar.vendor.goToDate", { date: s }),
-    viewHint: (s) => r("calendar.vendor.viewHint", { view: s })
+    moreLinkText: (d) => r("calendar.vendor.more", { count: d }),
+    moreLinkHint: (d) => r("calendar.vendor.moreHint", { count: d }),
+    navLinkHint: (d) => r("calendar.vendor.goToDate", { date: d }),
+    viewHint: (d) => r("calendar.vendor.viewHint", { view: d })
   };
 }
-const Er = {
+const Or = {
   id: "calendar",
   capabilities: ["view_change", "range_navigate", "pick"],
   state: {
@@ -75,8 +76,8 @@ const Er = {
       descriptionKey: "ui.agent.calendar.state.currentDate",
       description: "ISO date anchor of the visible range.",
       read: (r) => {
-        var o;
-        return ((o = r.getCurrentDate()) == null ? void 0 : o.toISOString()) ?? null;
+        var s;
+        return ((s = r.getCurrentDate()) == null ? void 0 : s.toISOString()) ?? null;
       }
     },
     currentTitle: {
@@ -134,8 +135,8 @@ const Er = {
       examples: [
         { args: { date: "2026-04-15" }, note: "Jump to 15 April 2026." }
       ],
-      invoke: (r, o) => {
-        r.gotoDate(o.date);
+      invoke: (r, s) => {
+        r.gotoDate(s.date);
       }
     },
     change_view: {
@@ -169,8 +170,8 @@ const Er = {
       examples: [
         { args: { view: "timeGridWeek" }, note: "Switch to the week view." }
       ],
-      invoke: (r, o) => {
-        r.changeView(o.view);
+      invoke: (r, s) => {
+        r.changeView(s.view);
       }
     },
     focus_event: {
@@ -191,8 +192,8 @@ const Er = {
       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: (r, o) => {
-        r.focusEvent(o.eventId);
+      invoke: (r, s) => {
+        r.focusEvent(s.eventId);
       }
     }
   },
@@ -215,14 +216,21 @@ const Er = {
       description: 'Emitted on every rendered FullCalendar event by the kit event renderer. Used by focusEvent. Cards also carry data-kind="task"|"draft"|"pending-details"|"appointment" and data-status for classification.'
     }
   }
-}, Rr = cr("", {
+}, Fr = yr("", {
   variants: {
     density: {
       compact: "calendar-density-compact",
       comfortable: "calendar-density-comfortable"
     }
   }
-}), Nr = {
+}), Je = /* @__PURE__ */ new WeakSet();
+function Wr(r) {
+  if (!r || Je.has(r)) return;
+  Je.add(r);
+  const s = (d) => d.stopPropagation();
+  r.addEventListener("mousedown", s), r.addEventListener("touchstart", s, { passive: !0 });
+}
+const zr = {
   vertical: {
     Day: "resourceTimeGridDay",
     ThreeDays: "resourceTimeGridThreeDays",
@@ -233,35 +241,35 @@ const Er = {
     ThreeDays: "resourceTimelineThreeDays",
     Week: "resourceTimelineWeek"
   }
-}, Lr = /* @__PURE__ */ new Set([
+}, Hr = /* @__PURE__ */ new Set([
   "dayGridMonth",
   "timeGridWeek",
   "timeGridThreeDays",
   "timeGridDay",
   "listWeek"
-]), Pr = {
+]), jr = {
   timeGridDay: "timelineDay",
   timeGridThreeDays: "timelineThreeDays",
   timeGridWeek: "timelineWeek"
 };
-function be(r, o = "vertical") {
-  if (Lr.has(r))
-    return o === "horizontal" ? Pr[r] ?? r : r;
+function Te(r, s = "vertical") {
+  if (Hr.has(r))
+    return s === "horizontal" ? jr[r] ?? r : r;
   const m = r.replace(/^resourceTimeGrid/, "").replace(
     /(Chair|Operator)$/,
     ""
   );
-  return Nr[o][m];
+  return zr[s][m];
 }
-const le = {
+const ce = {
   weekday: "long",
   day: "numeric",
   month: "long",
   year: "numeric"
-}, Mr = [
+}, _r = [
   { weekday: "short", day: "numeric", month: "short" },
   { hour: "numeric", minute: "2-digit" }
-], Gr = {
+], Vr = {
   resourceTimeGridThreeDays: {
     type: "resourceTimeGrid",
     duration: { days: 3 }
@@ -280,99 +288,99 @@ const le = {
     type: "timeline",
     duration: { days: 3 }
   },
-  timeline: { slotLabelFormat: Mr },
-  timeGridDay: { titleFormat: le },
-  resourceTimeGridDay: { titleFormat: le },
-  timelineDay: { titleFormat: le },
-  resourceTimelineDay: { titleFormat: le }
-}, Te = 5, Br = {
+  timeline: { slotLabelFormat: _r },
+  timeGridDay: { titleFormat: ce },
+  resourceTimeGridDay: { titleFormat: ce },
+  timelineDay: { titleFormat: ce },
+  resourceTimelineDay: { titleFormat: ce }
+}, xe = 5, qr = {
   create: "calendar.modeBanner.create",
   move: "calendar.modeBanner.move",
   copy: "calendar.modeBanner.copy"
 };
-function Or(r) {
+function $r(r) {
   try {
-    const o = new Intl.Locale(r), s = typeof o.getWeekInfo == "function" ? o.getWeekInfo() : o.weekInfo;
-    if (s && typeof s.firstDay == "number")
-      return s.firstDay % 7;
+    const s = new Intl.Locale(r), d = typeof s.getWeekInfo == "function" ? s.getWeekInfo() : s.weekInfo;
+    if (d && typeof d.firstDay == "number")
+      return d.firstDay % 7;
   } catch {
   }
   return r.startsWith("en-US") || r.startsWith("he") || r.startsWith("ar-SA") ? 0 : 1;
 }
-const xe = "calendar-col-hidden", Fr = "calendar-col-loading";
-function V(r) {
-  const o = r.getFullYear(), s = String(r.getMonth() + 1).padStart(2, "0"), m = String(r.getDate()).padStart(2, "0");
-  return `${o}-${s}-${m}`;
+const we = "calendar-col-hidden", Kr = "calendar-col-loading", Ur = "calendar-col-error";
+function E(r) {
+  const s = r.getFullYear(), d = String(r.getMonth() + 1).padStart(2, "0"), m = String(r.getDate()).padStart(2, "0");
+  return `${s}-${d}-${m}`;
 }
-function Wr(r, o) {
-  const s = /* @__PURE__ */ new Set(), m = /* @__PURE__ */ new Map(), p = (r == null ? void 0 : r.length) ?? 0;
-  if (r && o) {
-    for (const D of r)
-      if (D.hiddenDates)
-        for (const x of D.hiddenDates) {
-          const R = `${D.id}:${x}`;
-          s.has(R) || (s.add(R), m.set(x, (m.get(x) ?? 0) + 1));
+function Yr(r, s) {
+  const d = /* @__PURE__ */ new Set(), m = /* @__PURE__ */ new Map(), p = (r == null ? void 0 : r.length) ?? 0;
+  if (r && s) {
+    for (const A of r)
+      if (A.hiddenDates)
+        for (const w of A.hiddenDates) {
+          const P = `${A.id}:${w}`;
+          d.has(P) || (d.add(P), m.set(w, (m.get(w) ?? 0) + 1));
         }
   }
   return {
-    hiddenCells: s,
+    hiddenCells: d,
     hiddenCountByDate: m,
     resourceCount: p,
-    active: s.size > 0
+    active: d.size > 0
   };
 }
-function zr() {
-  const { i18n: r } = we("ui"), [o, s] = ce(() => {
+function Xr() {
+  const { i18n: r } = Ce("ui"), [s, d] = ue(() => {
     if (typeof document > "u") return !1;
     const m = document.documentElement.getAttribute("dir"), p = typeof r.dir == "function" ? r.dir() : "ltr";
     return m === "rtl" || p === "rtl";
   });
-  return b(() => {
+  return T(() => {
     if (typeof document > "u") return;
     const m = new MutationObserver(() => {
-      const p = document.documentElement.getAttribute("dir"), D = typeof r.dir == "function" ? r.dir() : "ltr";
-      s(p === "rtl" || D === "rtl");
+      const p = document.documentElement.getAttribute("dir"), A = typeof r.dir == "function" ? r.dir() : "ltr";
+      d(p === "rtl" || A === "rtl");
     });
     return m.observe(document.documentElement, {
       attributes: !0,
       attributeFilter: ["dir", "lang"]
     }), () => m.disconnect();
-  }, [r]), o;
+  }, [r]), s;
 }
-const Ke = /* @__PURE__ */ new Map();
-function Je(r) {
-  let o = Ke.get(r);
-  if (o === void 0) {
+const Ze = /* @__PURE__ */ new Map();
+function nt(r) {
+  let s = Ze.get(r);
+  if (s === void 0) {
     try {
-      o = new Intl.DateTimeFormat(r, {
+      s = new Intl.DateTimeFormat(r, {
         hour: "2-digit",
         minute: "2-digit",
         hour12: !1
       });
     } catch {
-      o = null;
+      s = null;
     }
-    Ke.set(r, o);
+    Ze.set(r, s);
   }
-  return o;
+  return s;
 }
-function Ue(r, o) {
-  const s = r.event.start, m = r.event.end ?? r.event.start;
-  if (!s || !m) return;
-  const p = Je(o);
+function Qe(r, s) {
+  const d = r.event.start, m = r.event.end ?? r.event.start;
+  if (!d || !m) return;
+  const p = nt(s);
   if (p)
     try {
-      return typeof p.formatRange == "function" ? p.formatRange(s, m) : `${p.format(s)} – ${p.format(m)}`;
+      return typeof p.formatRange == "function" ? p.formatRange(d, m) : `${p.format(d)} – ${p.format(m)}`;
     } catch {
       return;
     }
 }
-function Hr(r, o) {
-  var s;
+function Jr(r, s) {
+  var d;
   if (r)
-    return (s = Je(o)) == null ? void 0 : s.format(r);
+    return (d = nt(s)) == null ? void 0 : d.format(r);
 }
-const Ze = [
+const at = [
   "ds:inline-flex ds:items-center ds:justify-center",
   "ds:min-h-[var(--min-target-size)]",
   "ds:bg-[var(--background)] ds:text-[var(--foreground)]",
@@ -385,15 +393,15 @@ const Ze = [
   "ds:focus-visible:outline-[var(--ring)]",
   "ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
   "ds:motion-reduce:transition-none"
-].join(" "), jr = [
-  Ze,
+].join(" "), Zr = [
+  at,
   "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]"
-].join(" "), _r = [
-  Ze,
+].join(" "), Qr = [
+  at,
   "ds:min-w-[var(--min-target-size)]"
-].join(" "), De = Ye(
-  ({ title: r, onToday: o, onPrev: s, onNext: m, end: p, className: D, maskClassName: x }, R) => {
-    const { t: q } = we("ui"), Q = zr(), C = Q ? qe : $e, ee = Q ? $e : qe, $ = [
+].join(" "), ke = et(
+  ({ title: r, onToday: s, onPrev: d, onNext: m, end: p, className: A, maskClassName: w }, P) => {
+    const { t: $ } = Ce("ui"), ee = Xr(), D = ee ? Ye : Xe, te = ee ? Xe : Ye, K = [
       "ds:calendar-toolbar",
       "ds:sticky ds:top-0 ds:z-20",
       "ds:flex ds:items-center ds:gap-[var(--spacing-sm)]",
@@ -401,30 +409,30 @@ const Ze = [
       "ds:py-[var(--spacing-sm)]",
       "ds:bg-[var(--background)]",
       "ds:border-b ds:border-[var(--border)]",
-      D
-    ].filter(Boolean).join(" "), K = [jr, x].filter(Boolean).join(" "), O = [_r, x].filter(Boolean).join(" "), F = [
+      A
+    ].filter(Boolean).join(" "), U = [Zr, w].filter(Boolean).join(" "), z = [Qr, w].filter(Boolean).join(" "), H = [
       "ds:flex-1 ds:text-center ds:truncate type-title-card",
-      x
-    ].filter(Boolean).join(" "), k = ["ds:flex-1 ds:text-center", x].filter(Boolean).join(" ");
-    return /* @__PURE__ */ P("div", { ref: R, className: $, children: [
-      /* @__PURE__ */ P("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-xs)]", children: [
+      w
+    ].filter(Boolean).join(" "), S = ["ds:flex-1 ds:text-center", w].filter(Boolean).join(" ");
+    return /* @__PURE__ */ k("div", { ref: P, className: K, children: [
+      /* @__PURE__ */ k("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-xs)]", children: [
         /* @__PURE__ */ l(
           "button",
           {
             type: "button",
-            onClick: o,
-            className: K,
-            children: q("calendar.today")
+            onClick: s,
+            className: U,
+            children: $("calendar.today")
           }
         ),
         /* @__PURE__ */ l(
           "button",
           {
             type: "button",
-            onClick: s,
-            "aria-label": q("calendar.previousPeriod"),
-            className: O,
-            children: /* @__PURE__ */ l(C, { size: 16, "aria-hidden": "true" })
+            onClick: d,
+            "aria-label": $("calendar.previousPeriod"),
+            className: z,
+            children: /* @__PURE__ */ l(D, { size: 16, "aria-hidden": "true" })
           }
         ),
         /* @__PURE__ */ l(
@@ -432,124 +440,137 @@ const Ze = [
           {
             type: "button",
             onClick: m,
-            "aria-label": q("calendar.nextPeriod"),
-            className: O,
-            children: /* @__PURE__ */ l(ee, { size: 16, "aria-hidden": "true" })
+            "aria-label": $("calendar.nextPeriod"),
+            className: z,
+            children: /* @__PURE__ */ l(te, { size: 16, "aria-hidden": "true" })
           }
         )
       ] }),
-      r ? /* @__PURE__ */ l("h2", { "aria-live": "polite", className: F, children: r }) : (
+      r ? /* @__PURE__ */ l("h2", { "aria-live": "polite", className: H, children: r }) : (
         /* 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: k })
+        /* @__PURE__ */ l("div", { "aria-hidden": "true", className: S })
       ),
       p ? /* @__PURE__ */ l("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-xs)]", children: p }) : null
     ] });
   }
 );
-De.displayName = "Calendar.Toolbar";
-const Qe = Ye(
+ke.displayName = "Calendar.Toolbar";
+function De({ label: r }) {
+  return /* @__PURE__ */ k(hr, { children: [
+    /* @__PURE__ */ l(
+      Mr,
+      {
+        "aria-hidden": "true",
+        className: "ds:size-4 ds:text-[color:var(--destructive)]"
+      }
+    ),
+    /* @__PURE__ */ l(rt, { children: r })
+  ] });
+}
+const it = et(
   ({
     id: r,
-    events: o,
-    resources: s,
+    events: s,
+    resources: d,
     view: m = "dayGridMonth",
     initialDate: p,
-    locale: D,
-    onEventDrop: x,
-    onEventResize: R,
-    onEventDragStart: q,
-    onEventResizeStart: Q,
-    onEventClick: C,
-    onBackgroundEventClick: ee,
-    onEventMouseEnter: $,
-    onEventMouseLeave: K,
-    onDateSelect: O,
-    onDatesSet: F,
-    onDateClick: k,
-    onNavLinkDayClick: Ce,
-    editable: te = !1,
-    eventDurationEditable: et,
-    selectable: ke = !1,
-    selectMirror: tt,
-    unselectAuto: Ae,
-    height: rt,
-    className: nt,
-    privacyMode: w = !1,
-    eventColorStyle: at = "solid",
-    slotDensity: it = "compact",
-    mode: re = "default",
-    modeLabel: ot,
-    modeBannerColor: ne,
-    modeBannerTextColor: ae,
-    onModeCancel: Ie,
-    alertBanner: st,
-    hiddenDays: Se,
-    loadingDates: Ee,
-    slotMinTime: dt,
-    slotMaxTime: lt,
-    slotDuration: ct,
-    snapDuration: Re,
-    showTime: ut = !0,
-    datesAboveResources: ue = !0,
-    slotEventOverlap: mt = !1,
-    stickyHeaderDates: ft = !0,
-    nowIndicator: vt = !0,
-    dayMaxEvents: pt = !0,
-    schedulerLicenseKey: ht = void 0,
-    toolbar: gt = !0,
-    toolbarEnd: yt,
-    resourceLayout: U = "vertical",
-    showResourceInitials: me = !1,
-    resourceLabelVariant: Ne = "text",
-    verticalResourceLabels: fe = !1,
-    selectedEventId: Le,
-    availabilityMode: bt = !1,
-    resourceAreaWidth: Tt,
-    resourceAreaHeader: Y,
-    defaultTimedEventDuration: X,
-    zebraRows: xt = !1,
-    maskClassName: W
-  }, wt) => {
-    const { t: f, i18n: M } = we("ui"), A = g(null), N = g(null), I = g(null), L = g(null), z = g(null), Pe = g(null), ie = g({
+    locale: A,
+    onEventDrop: w,
+    onEventResize: P,
+    onEventDragStart: $,
+    onEventResizeStart: ee,
+    onEventClick: D,
+    onBackgroundEventClick: te,
+    onEventMouseEnter: K,
+    onEventMouseLeave: U,
+    onDateSelect: z,
+    onDatesSet: H,
+    onDateClick: S,
+    onNavLinkDayClick: Ae,
+    editable: re = !1,
+    eventDurationEditable: ot,
+    selectable: Se = !1,
+    selectMirror: st,
+    unselectAuto: Ie,
+    height: dt,
+    className: lt,
+    privacyMode: C = !1,
+    eventColorStyle: ct = "solid",
+    slotDensity: ut = "compact",
+    mode: ne = "default",
+    modeLabel: mt,
+    modeBannerColor: ae,
+    modeBannerTextColor: ie,
+    onModeCancel: Ne,
+    alertBanner: ft,
+    hiddenDays: Re,
+    loadingDates: Le,
+    errorDates: Ee,
+    slotMinTime: pt,
+    slotMaxTime: vt,
+    slotDuration: ht,
+    snapDuration: Pe,
+    showTime: gt = !0,
+    datesAboveResources: me = !0,
+    slotEventOverlap: yt = !1,
+    stickyHeaderDates: bt = !0,
+    nowIndicator: Tt = !0,
+    dayMaxEvents: xt = !0,
+    schedulerLicenseKey: wt = void 0,
+    toolbar: Dt = !0,
+    toolbarEnd: Ct,
+    resourceLayout: Y = "vertical",
+    showResourceInitials: fe = !1,
+    resourceLabelVariant: Ge = "text",
+    verticalResourceLabels: pe = !1,
+    selectedEventId: Me,
+    availabilityMode: kt = !1,
+    resourceAreaWidth: At,
+    resourceAreaHeader: X,
+    defaultTimedEventDuration: J,
+    zebraRows: St = !1,
+    maskClassName: j
+  }, It) => {
+    const { t: c, i18n: O } = Ce("ui"), I = g(null), G = g(null), N = g(null), M = g(null), _ = g(null), Be = g(null), oe = g({
       id: 0,
       x: 0,
       y: 0
-    }), Me = g(0), Ge = g(0), y = Xe(
-      D ?? M.language ?? "en",
-      M.language
-    ), Dt = u(
-      () => Sr(f, y),
-      [f, y]
+    }), Oe = g(0), Fe = g(0), y = tt(
+      A ?? O.language ?? "en",
+      O.language
+    ), Nt = u(
+      () => Br(c, y),
+      [c, y]
     );
-    b(() => {
-    }, [Se]), b(() => {
-    }, [X]);
-    const [Ct, kt] = ce(() => {
+    T(() => {
+    }, [Re]), T(() => {
+    }, [J]);
+    const [Rt, Lt] = ue(() => {
       if (typeof document > "u") return "ltr";
-      const e = document.documentElement.getAttribute("dir"), t = typeof M.dir == "function" ? M.dir() : "ltr";
+      const e = document.documentElement.getAttribute("dir"), t = typeof O.dir == "function" ? O.dir() : "ltr";
       return e === "rtl" || t === "rtl" ? "rtl" : "ltr";
     });
-    b(() => {
+    T(() => {
       if (typeof document > "u") return;
       const e = new MutationObserver(() => {
-        const t = document.documentElement.getAttribute("dir"), n = typeof M.dir == "function" ? M.dir() : "ltr";
-        kt(t === "rtl" || n === "rtl" ? "rtl" : "ltr");
+        const t = document.documentElement.getAttribute("dir"), n = typeof O.dir == "function" ? O.dir() : "ltr";
+        Lt(t === "rtl" || n === "rtl" ? "rtl" : "ltr");
       });
       return e.observe(document.documentElement, {
         attributes: !0,
         attributeFilter: ["dir", "lang"]
       }), () => e.disconnect();
-    }, [M]), b(() => {
+    }, [O]), T(() => {
       if (typeof document > "u") return;
       let e;
       const t = new MutationObserver(() => {
         clearTimeout(e), e = setTimeout(() => {
           var a;
-          const n = (a = A.current) == null ? void 0 : a.getApi();
+          const n = (a = I.current) == null ? void 0 : a.getApi();
           n && typeof n.render == "function" && n.render();
         }, 50);
       });
@@ -559,24 +580,24 @@ const Qe = Ye(
       }), () => {
         clearTimeout(e), t.disconnect();
       };
-    }, []), b(() => {
-      const e = N.current;
+    }, []), T(() => {
+      const e = G.current;
       if (!e || typeof ResizeObserver > "u") return;
       let t = 0, n = e.getBoundingClientRect().width;
       const a = new ResizeObserver((i) => {
-        var v, S;
-        const d = i[0], c = ((S = (v = d == null ? void 0 : d.borderBoxSize) == null ? void 0 : v[0]) == null ? void 0 : S.inlineSize) ?? (d == null ? void 0 : d.contentRect.width) ?? e.getBoundingClientRect().width;
-        c !== n && (n = c, cancelAnimationFrame(t), t = requestAnimationFrame(() => {
-          var h, E;
-          (E = (h = A.current) == null ? void 0 : h.getApi()) == null || E.updateSize();
+        var v, x;
+        const o = i[0], f = ((x = (v = o == null ? void 0 : o.borderBoxSize) == null ? void 0 : v[0]) == null ? void 0 : x.inlineSize) ?? (o == null ? void 0 : o.contentRect.width) ?? e.getBoundingClientRect().width;
+        f !== n && (n = f, cancelAnimationFrame(t), t = requestAnimationFrame(() => {
+          var h, L;
+          (L = (h = I.current) == null ? void 0 : h.getApi()) == null || L.updateSize();
         }));
       });
       return a.observe(e), () => {
         cancelAnimationFrame(t), a.disconnect();
       };
-    }, []), b(() => {
+    }, []), T(() => {
       if (typeof document > "u") return;
-      const e = N.current;
+      const e = G.current;
       if (!e) return;
       const t = () => {
         e.querySelectorAll(
@@ -599,20 +620,20 @@ const Qe = Ye(
         attributes: !0,
         attributeFilter: ["aria-hidden"]
       }), () => n.disconnect();
-    }, [f]);
-    const oe = Tr(), [At, It] = ce(""), [H, St] = ce(
-      () => be(m, U)
-    ), Be = g(H);
-    Be.current = H;
+    }, [c]);
+    const se = Ir(), [Et, Pt] = ue(""), [F, Gt] = ue(
+      () => Te(m, Y)
+    ), We = g(F);
+    We.current = F;
     const ve = u(() => {
       const e = () => {
         var t;
-        return (t = A.current) == null ? void 0 : t.getApi();
+        return (t = I.current) == null ? void 0 : t.getApi();
       };
       return {
         getApi: () => {
           var t;
-          return (t = A.current) == null ? void 0 : t.getApi();
+          return (t = I.current) == null ? void 0 : t.getApi();
         },
         today: () => {
           var t;
@@ -633,7 +654,7 @@ const Qe = Ye(
         changeView: (t) => {
           var n;
           (n = e()) == null || n.changeView(
-            be(t, U)
+            Te(t, Y)
           );
         },
         getTitle: () => {
@@ -649,42 +670,42 @@ const Qe = Ye(
           return (t = e()) == null ? void 0 : t.getDate();
         },
         focusEvent: (t) => {
-          const n = N.current;
+          const n = G.current;
           if (!n) return;
           const a = `[data-event-id="${CSS.escape(t)}"]`, i = n.querySelector(a);
           if (i) {
-            if (L.current && (clearTimeout(L.current), L.current = null), z.current && z.current !== i && z.current.classList.remove("calendar-event-focused"), i.scrollIntoView({
-              behavior: oe ? "auto" : "smooth",
+            if (M.current && (clearTimeout(M.current), M.current = null), _.current && _.current !== i && _.current.classList.remove("calendar-event-focused"), i.scrollIntoView({
+              behavior: se ? "auto" : "smooth",
               block: "center"
-            }), i.classList.add("calendar-event-focused"), z.current = i, I.current) {
-              const d = i.getAttribute("aria-label") ?? t, c = w ? "•••" : d;
-              I.current.textContent = f("calendar.focusedEvent", {
-                title: c
+            }), i.classList.add("calendar-event-focused"), _.current = i, N.current) {
+              const o = i.getAttribute("aria-label") ?? t, f = C ? "•••" : o;
+              N.current.textContent = c("calendar.focusedEvent", {
+                title: f
               });
             }
-            L.current = setTimeout(() => {
-              i.classList.remove("calendar-event-focused"), z.current === i && (z.current = null), L.current = null;
+            M.current = setTimeout(() => {
+              i.classList.remove("calendar-event-focused"), _.current === i && (_.current = null), M.current = null;
             }, 3e3);
           }
         }
       };
-    }, [oe, w, f, U]);
-    lr(wt, () => ve, [ve]), xr(Er, ve, r), b(
+    }, [se, C, c, Y]);
+    gr(It, () => ve, [ve]), Nr(Or, ve, r), T(
       () => () => {
-        L.current && (clearTimeout(L.current), L.current = null);
+        M.current && (clearTimeout(M.current), M.current = null);
       },
       []
     );
-    const Oe = g(!0);
-    b(() => {
-      if (Oe.current) {
-        Oe.current = !1;
+    const ze = g(!0);
+    T(() => {
+      if (ze.current) {
+        ze.current = !1;
         return;
       }
-      I.current && (I.current.textContent = f(w ? "calendar.privacyModeOn" : "calendar.privacyModeOff"));
-    }, [w, f]);
-    const Et = u(
-      () => o.map((e) => ({
+      N.current && (N.current.textContent = c(C ? "calendar.privacyModeOn" : "calendar.privacyModeOff"));
+    }, [C, c]);
+    const He = /^(resource)?timeGrid/i.test(F), Mt = u(
+      () => s.map((e) => ({
         id: e.id,
         title: e.title,
         start: e.start,
@@ -701,7 +722,7 @@ const Qe = Ye(
              def.resourceIds → getResources() returns [null]. */
         ...e.allDay !== void 0 ? { allDay: e.allDay } : {},
         ...e.resourceId !== void 0 ? { resourceId: e.resourceId } : {},
-        ...e.isInternal ? { display: "background" } : {},
+        ...e.isInternal || e.faded && He ? { 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. */
@@ -740,31 +761,33 @@ const Qe = Ye(
           isInternal: e.isInternal ?? !1,
           isTask: e.isTask ?? !1,
           isDraft: e.isDraft ?? !1,
+          faded: e.faded ?? !1,
           detailsPending: e.detailsPending ?? !1,
           patientId: e.patientId,
           operatorId: e.operatorId,
-          optionCount: e.optionCount
+          optionCount: e.optionCount,
+          bookable: e.bookable
         }
       })),
-      [o]
-    ), Rt = u(
+      [s, He]
+    ), Bt = u(
       () => ({
         year: "numeric",
         month: "long"
       }),
       []
-    ), Nt = u(
+    ), Ot = u(
       () => ({
         weekday: "short"
       }),
       []
-    ), Lt = u(
+    ), Ft = u(
       () => ({
         hour: "numeric",
         minute: "2-digit"
       }),
       []
-    ), Pt = u(
+    ), Wt = u(
       () => ({
         hour: "2-digit",
         minute: "2-digit",
@@ -773,23 +796,26 @@ const Qe = Ye(
         hour12: !1
       }),
       []
-    ), G = u(
-      () => new Set(Ee ?? []),
-      [Ee]
-    ), pe = g(G);
-    pe.current = G;
-    const he = g(!1), Mt = T(
+    ), R = u(() => new Set(Ee ?? []), [Ee]), W = u(
+      () => new Set((Le ?? []).filter((e) => !R.has(e))),
+      [Le, R]
+    ), he = g(W);
+    he.current = W;
+    const ge = g(!1), zt = b(
       (e) => {
         const t = new Intl.DateTimeFormat(y, {
           weekday: "short"
         }).format(e.date);
         if (e.view.type === "dayGridMonth" || e.view.type.startsWith("list"))
-          return t;
+          return e.view.type.startsWith("list") && R.has(E(e.date)) ? /* @__PURE__ */ k("span", { className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-2xs)]", children: [
+            t,
+            /* @__PURE__ */ l(De, { label: c("calendar.loadFailedDay") })
+          ] }) : t;
         const n = new Intl.DateTimeFormat(y, {
           calendar: "gregory",
           day: "numeric"
         }).format(e.date);
-        return /* @__PURE__ */ P("span", { className: "ds:flex ds:flex-col ds:items-center ds:gap-[var(--spacing-2xs)] ds:py-[var(--spacing-2xs)]", children: [
+        return /* @__PURE__ */ k("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",
@@ -798,87 +824,93 @@ const Qe = Ye(
               children: n
             }
           ),
-          G.has(V(e.date)) ? /* @__PURE__ */ l(Ir, { children: f("calendar.loadingDay") }) : null
+          W.has(E(e.date)) ? /* @__PURE__ */ l(rt, { children: c("calendar.loadingDay") }) : R.has(E(e.date)) ? /* @__PURE__ */ l(De, { label: c("calendar.loadFailedDay") }) : null
         ] });
       },
-      [y, G, f]
-    ), Fe = u(
-      () => typeof X == "number" ? { minutes: X } : X,
-      [X]
-    ), ge = u(
-      () => W ? W.split(/\s+/).filter(Boolean) : void 0,
-      [W]
-    ), Gt = u(() => {
-      if (Y !== void 0)
-        return Y === "chairs" ? f("calendar.resourceLabel.chairs") : Y === "operators" ? f("calendar.resourceLabel.operators") : Y;
-    }, [Y, f]), se = u(
-      () => Wr(s, ue),
-      [s, ue]
-    ), j = g(se);
-    j.current = se;
-    const ye = g(!1), Bt = T(
+      [y, W, R, c]
+    ), Ht = b(
+      (e) => e.view.type !== "dayGridMonth" || !R.has(E(e.date)) ? e.dayNumberText : /* @__PURE__ */ k("span", { className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-2xs)]", children: [
+        e.dayNumberText,
+        /* @__PURE__ */ l(De, { label: c("calendar.loadFailedDay") })
+      ] }),
+      [R, c]
+    ), je = u(
+      () => typeof J == "number" ? { minutes: J } : J,
+      [J]
+    ), ye = u(
+      () => j ? j.split(/\s+/).filter(Boolean) : void 0,
+      [j]
+    ), jt = u(() => {
+      if (X !== void 0)
+        return X === "chairs" ? c("calendar.resourceLabel.chairs") : X === "operators" ? c("calendar.resourceLabel.operators") : X;
+    }, [X, c]), de = u(
+      () => Yr(d, me),
+      [d, me]
+    ), V = g(de);
+    V.current = de;
+    const be = g(!1), _t = b(
       (e) => {
-        const t = G.has(V(e.date)) ? [Fr] : [], n = j.current;
-        if (!n.active || !e.view.type.startsWith("resourceTimeGrid"))
-          return t;
-        const a = e.resource;
-        return a != null && a.id && n.hiddenCells.has(
-          `${a.id}:${V(e.date)}`
-        ) ? [...t, xe] : t;
+        const t = E(e.date), n = R.has(t) ? [Ur] : W.has(t) ? [Kr] : [], a = V.current;
+        if (!a.active || !e.view.type.startsWith("resourceTimeGrid"))
+          return n;
+        const i = e.resource;
+        return i != null && i.id && a.hiddenCells.has(
+          `${i.id}:${E(e.date)}`
+        ) ? [...n, we] : n;
       },
-      [G]
-    ), Ot = T(
+      [W, R]
+    ), Vt = b(
       (e) => {
-        const t = j.current;
+        const t = V.current;
         if (!t.active || !e.view.type.startsWith("resourceTimeGrid"))
           return [];
         const n = e.date ?? e.view.currentStart;
         return t.hiddenCells.has(
-          `${e.resource.id}:${V(n)}`
-        ) ? [xe] : [];
+          `${e.resource.id}:${E(n)}`
+        ) ? [we] : [];
       },
       []
-    ), Ft = T(
+    ), qt = b(
       (e) => {
-        const t = j.current;
-        return !t.active || !e.view.type.startsWith("resourceTimeGrid") ? [] : (t.hiddenCountByDate.get(V(e.date)) ?? 0) >= t.resourceCount ? [xe] : [];
+        const t = V.current;
+        return !t.active || !e.view.type.startsWith("resourceTimeGrid") ? [] : (t.hiddenCountByDate.get(E(e.date)) ?? 0) >= t.resourceCount ? [we] : [];
       },
       []
-    ), Wt = T((e) => {
-      const t = j.current;
+    ), $t = b((e) => {
+      const t = V.current;
       if (!t.active || !e.view.type.startsWith("resourceTimeGrid"))
         return;
       const n = e.el;
       if (!(n instanceof HTMLTableCellElement) || !n.classList.contains("fc-day")) return;
       const a = n.getAttribute("data-date");
       if (!a) return;
-      const i = t.hiddenCountByDate.get(a) ?? 0, d = Math.max(1, t.resourceCount - i);
-      n.colSpan !== d && (n.colSpan = d, ye.current = !0);
-    }, []), J = T(() => {
-      const e = N.current;
-      if (!e || !Be.current.startsWith("resourceTimeGrid")) return;
-      const t = j.current;
-      !t.active && !ye.current || (e.querySelectorAll(
+      const i = t.hiddenCountByDate.get(a) ?? 0, o = Math.max(1, t.resourceCount - i);
+      n.colSpan !== o && (n.colSpan = o, be.current = !0);
+    }, []), Z = b(() => {
+      const e = G.current;
+      if (!e || !We.current.startsWith("resourceTimeGrid")) return;
+      const t = V.current;
+      !t.active && !be.current || (e.querySelectorAll(
         "th.fc-col-header-cell.fc-day[data-date]"
       ).forEach((n) => {
         const a = n.getAttribute("data-date");
         if (!a) return;
-        const i = t.active ? t.hiddenCountByDate.get(a) ?? 0 : 0, d = Math.max(1, t.resourceCount - i);
-        n.colSpan !== d && (n.colSpan = d);
-      }), ye.current = t.active);
-    }, []), Z = T(() => {
-      const e = N.current;
+        const i = t.active ? t.hiddenCountByDate.get(a) ?? 0 : 0, o = Math.max(1, t.resourceCount - i);
+        n.colSpan !== o && (n.colSpan = o);
+      }), be.current = t.active);
+    }, []), Q = b(() => {
+      const e = G.current;
       if (!e) return;
-      const t = pe.current;
-      t.size === 0 && !he.current || (e.querySelectorAll("td.fc-day[data-date]").forEach((n) => {
+      const t = he.current;
+      t.size === 0 && !ge.current || (e.querySelectorAll("td.fc-day[data-date]").forEach((n) => {
         const a = n.getAttribute("data-date");
         a && t.has(a) ? n.setAttribute("aria-busy", "true") : n.removeAttribute("aria-busy");
-      }), he.current = t.size > 0);
-    }, []), zt = T((e) => {
-      pe.current.has(V(e.date)) && (e.el.setAttribute("aria-busy", "true"), he.current = !0);
+      }), ge.current = t.size > 0);
+    }, []), Kt = b((e) => {
+      he.current.has(E(e.date)) && (e.el.setAttribute("aria-busy", "true"), ge.current = !0);
     }, []);
-    b(() => {
-    }, [o, se]);
+    T(() => {
+    }, [s, de]);
     const B = (e) => {
       const t = e.extendedProps ?? {};
       return {
@@ -911,30 +943,31 @@ const Qe = Ye(
         startEditable: t.startEditable,
         patientId: t.patientId,
         operatorId: t.operatorId,
-        optionCount: t.optionCount
+        optionCount: t.optionCount,
+        bookable: t.bookable
       };
-    }, Ht = u(() => {
-      if (x)
+    }, Ut = u(() => {
+      if (w)
         return (e) => {
           var n, a, i;
           if (!e.event.start) return;
           const t = e.oldEvent.start;
-          if (t && (x({
+          if (t && (w({
             event: B(e.event),
             oldStart: t,
             newStart: e.event.start,
             oldResourceId: (n = e.oldResource) == null ? void 0 : n.id,
             newResourceId: (a = e.newResource) == null ? void 0 : a.id,
             revert: e.revert
-          }), I.current)) {
-            const d = e.event.extendedProps ?? {}, c = w ? ((i = d.privacyModeTitle) == null ? void 0 : i.trim()) || "•••" : e.event.title;
-            I.current.textContent = f("calendar.eventMoved", {
-              title: c
+          }), N.current)) {
+            const o = e.event.extendedProps ?? {}, f = C ? ((i = o.privacyModeTitle) == null ? void 0 : i.trim()) || "•••" : e.event.title;
+            N.current.textContent = c("calendar.eventMoved", {
+              title: f
             });
           }
         };
-    }, [x, w, f]), jt = u(() => {
-      if (R)
+    }, [w, C, c]), Yt = u(() => {
+      if (P)
         return (e) => {
           var i;
           if (!e.event.end) return;
@@ -942,69 +975,69 @@ const Qe = Ye(
           if (!t)
             return;
           const n = e.event.end, a = e.event.start ?? e.oldEvent.start ?? t;
-          if (R({
+          if (P({
             event: B(e.event),
             oldEnd: t,
             newEnd: n,
             revert: e.revert
-          }), I.current) {
-            const d = Math.round(
+          }), N.current) {
+            const o = Math.round(
               (n.getTime() - a.getTime()) / 6e4
-            ), c = e.event.extendedProps ?? {}, v = w ? ((i = c.privacyModeTitle) == null ? void 0 : i.trim()) || "•••" : e.event.title;
-            I.current.textContent = f("calendar.eventResized", {
+            ), f = e.event.extendedProps ?? {}, v = C ? ((i = f.privacyModeTitle) == null ? void 0 : i.trim()) || "•••" : e.event.title;
+            N.current.textContent = c("calendar.eventResized", {
               title: v,
-              duration: d
+              duration: o
             });
           }
         };
-    }, [R, w, f]), _t = u(() => {
-      if (C)
+    }, [P, C, c]), Xt = u(() => {
+      if (D)
         return (e) => {
-          e.event.start && (Pe.current = e.jsEvent, C(B(e.event), {
+          e.event.start && (Be.current = e.jsEvent, D(B(e.event), {
             el: e.el,
             jsEvent: e.jsEvent
           }));
         };
-    }, [C]), Vt = u(() => {
-      if ($)
+    }, [D]), Jt = u(() => {
+      if (K)
         return (e) => {
           if (!e.event.start || e.event.display === "background") return;
           const t = e.event.extendedProps ?? {};
-          t.isDraft || t.detailsPending || $(B(e.event), {
+          t.isDraft || t.detailsPending || K(B(e.event), {
             el: e.el,
             jsEvent: e.jsEvent
           });
         };
-    }, [$]), qt = u(() => {
-      if (K)
+    }, [K]), Zt = u(() => {
+      if (U)
         return (e) => {
-          e.event.start && e.event.display !== "background" && K(B(e.event));
+          e.event.start && e.event.display !== "background" && U(B(e.event));
         };
-    }, [K]), $t = u(() => {
-      if (O)
+    }, [U]), Qt = u(() => {
+      if (z)
         return (e) => {
           var t;
-          O({
+          z({
             start: e.start,
             end: e.end,
             allDay: e.allDay,
             resourceId: (t = e.resource) == null ? void 0 : t.id
           });
         };
-    }, [O]), Kt = u(() => {
-      if (k)
+    }, [z]), er = u(() => {
+      if (S)
         return (e) => {
           var n;
-          const t = ie.current.id;
-          t !== 0 && Ge.current === t || (t !== 0 && (Me.current = t), k({
+          const t = oe.current.id;
+          t !== 0 && Fe.current === t || (t !== 0 && (Oe.current = t), S({
             date: e.date,
             allDay: e.allDay,
             resourceId: (n = e.resource) == null ? void 0 : n.id
           }));
         };
-    }, [k]), Ut = T(
+    }, [S]), tr = b(
       (e) => {
-        It(e.view.title), St(e.view.type), F == null || F({
+        Pt(e.view.title), Gt(e.view.type), H == null || H({
           view: m,
           internalView: e.view.type,
           start: e.start,
@@ -1013,118 +1046,118 @@ const Qe = Ye(
              tick, which fires before fcRef is guaranteed to be assigned. */
           currentDate: e.view.calendar.getDate(),
           title: e.view.title
-        }), J(), Z();
+        }), Z(), Q();
       },
-      [F, m, J, Z]
-    ), Yt = u(() => Or(y), [y]), Xt = u(
+      [H, m, Z, Q]
+    ), rr = u(() => $r(y), [y]), nr = u(
       () => [
-        mr,
-        fr,
-        vr,
-        br,
-        pr,
-        hr,
-        gr,
-        yr
+        Tr,
+        xr,
+        wr,
+        Sr,
+        Dr,
+        Cr,
+        kr,
+        Ar
       ],
       []
-    ), Jt = u(
-      () => be(m, U),
-      [m, U]
+    ), ar = u(
+      () => Te(m, Y),
+      [m, Y]
     );
-    b(() => {
-      const e = N.current;
+    T(() => {
+      const e = G.current;
       if (!e) return;
       const t = (n) => {
-        ie.current = {
-          id: ie.current.id + 1,
+        oe.current = {
+          id: oe.current.id + 1,
           x: n.clientX,
           y: n.clientY
         };
       };
       return e.addEventListener("pointerdown", t, !0), () => e.removeEventListener("pointerdown", t, !0);
-    }, []), b(() => {
-      const e = N.current;
-      if (!e || !H.startsWith("resourceTimeGrid") || !k && !C) return;
+    }, []), T(() => {
+      const e = G.current;
+      if (!e || !F.startsWith("resourceTimeGrid") || !S && !D) return;
       const t = (n) => {
         var h;
-        if (n === Pe.current) return;
+        if (n === Be.current) return;
         const a = n.target;
         if (!(a instanceof Element) || a.closest(
           ".fc-more-link, a[data-navlink], .fc-popover, .fc-event-mirror"
         ))
           return;
-        const i = ie.current;
-        if (i.id !== 0 && (Math.abs(n.clientX - i.x) > Te || Math.abs(n.clientY - i.y) > Te))
+        const i = oe.current;
+        if (i.id !== 0 && (Math.abs(n.clientX - i.x) > xe || Math.abs(n.clientY - i.y) > xe))
           return;
-        const d = a.closest("td.fc-daygrid-day[data-date]");
-        if (!d) return;
-        const c = a.closest("[data-event-id]");
-        if (c) {
-          if (!C) return;
-          const E = c.getAttribute("data-event-id"), _ = (h = A.current) == null ? void 0 : h.getApi(), de = E ? _ == null ? void 0 : _.getEventById(E) : null;
-          if (!de || !de.start) return;
-          const He = de.extendedProps ?? {};
-          if (He.isInternal || He.isDraft) return;
-          const dr = a.closest(".fc-event") ?? c;
-          C(B(de), { el: dr, jsEvent: n });
+        const o = a.closest("td.fc-daygrid-day[data-date]");
+        if (!o) return;
+        const f = a.closest("[data-event-id]");
+        if (f) {
+          if (!D) return;
+          const L = f.getAttribute("data-event-id"), q = (h = I.current) == null ? void 0 : h.getApi(), le = L ? q == null ? void 0 : q.getEventById(L) : null;
+          if (!le || !le.start) return;
+          const qe = le.extendedProps ?? {};
+          if (qe.isInternal || qe.isDraft) return;
+          const vr = a.closest(".fc-event") ?? f;
+          D(B(le), { el: vr, jsEvent: n });
           return;
         }
-        if (!k || i.id !== 0 && Me.current === i.id)
+        if (!S || i.id !== 0 && Oe.current === i.id)
           return;
-        const v = d.getAttribute("data-date");
+        const v = o.getAttribute("data-date");
         if (!v) return;
-        const S = /* @__PURE__ */ new Date(`${v}T00:00:00`);
-        Number.isNaN(S.getTime()) || (i.id !== 0 && (Ge.current = i.id), k({
-          date: S,
+        const x = /* @__PURE__ */ new Date(`${v}T00:00:00`);
+        Number.isNaN(x.getTime()) || (i.id !== 0 && (Fe.current = i.id), S({
+          date: x,
           allDay: !0,
-          resourceId: d.getAttribute("data-resource-id") ?? void 0
+          resourceId: o.getAttribute("data-resource-id") ?? void 0
         }));
       };
       return e.addEventListener("click", t), () => e.removeEventListener("click", t);
-    }, [H, k, C]);
-    const We = u(() => {
+    }, [F, S, D]);
+    const _e = u(() => {
       var i;
-      const e = s ?? [], t = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Map();
-      for (const d of e) {
-        const c = (i = d.shortTitle) == null ? void 0 : i.trim();
-        c && n.set(c, (n.get(c) ?? 0) + 1);
+      const e = d ?? [], t = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Map();
+      for (const o of e) {
+        const f = (i = o.shortTitle) == null ? void 0 : i.trim();
+        f && n.set(f, (n.get(f) ?? 0) + 1);
       }
-      let a = e.filter((d) => {
+      let a = e.filter((o) => {
         var v;
-        const c = (v = d.shortTitle) == null ? void 0 : v.trim();
-        return c && n.get(c) === 1 ? (t.set(d.id, c), !1) : !0;
+        const f = (v = o.shortTitle) == null ? void 0 : v.trim();
+        return f && n.get(f) === 1 ? (t.set(o.id, f), !1) : !0;
       });
-      for (let d = 1; a.length > 0; d += 1) {
-        const c = new Set(t.values()), v = a.map((h) => ({
+      for (let o = 1; a.length > 0; o += 1) {
+        const f = new Set(t.values()), v = a.map((h) => ({
           resource: h,
-          short: je(h.title, { locale: y, letters: d })
-        })), S = /* @__PURE__ */ new Map();
+          short: $e(h.title, { locale: y, letters: o })
+        })), x = /* @__PURE__ */ new Map();
         for (const { short: h } of v)
-          S.set(h, (S.get(h) ?? 0) + 1);
-        a = v.filter(({ resource: h, short: E }) => {
-          const _ = S.get(E) === 1 && !c.has(E);
-          return (_ || d >= 3) && t.set(h.id, E), !_ && d < 3;
+          x.set(h, (x.get(h) ?? 0) + 1);
+        a = v.filter(({ resource: h, short: L }) => {
+          const q = x.get(L) === 1 && !f.has(L);
+          return (q || o >= 3) && t.set(h.id, L), !q && o < 3;
         }).map(({ resource: h }) => h);
       }
       return t;
-    }, [s, y]), Zt = T(
+    }, [d, y]), ir = b(
       (e) => {
-        const t = e.resource.extendedProps, n = e.resource.title, a = t.color, i = t.shortTitleTextColor, d = a || i ? {
+        const t = e.resource.extendedProps, n = e.resource.title, a = t.color, i = t.shortTitleTextColor, o = a || i ? {
           ...a ? { "--resource-color": a } : {},
           ...i ? {
             "--resource-initials-text-color": i
           } : {}
         } : void 0;
-        return Ne === "chip" && !me ? /* @__PURE__ */ l(
-          Ar,
+        return Ge === "chip" && !fe ? /* @__PURE__ */ l(
+          Gr,
           {
             label: n,
-            shortLabel: We.get(e.resource.id) ?? je(n, { locale: y }),
+            shortLabel: _e.get(e.resource.id) ?? $e(n, { locale: y }),
             color: a,
-            orientation: fe ? "vertical" : "horizontal"
+            orientation: pe ? "vertical" : "horizontal"
           }
-        ) : me ? /* @__PURE__ */ l(_e, { label: n, children: /* @__PURE__ */ l(Cr, { size: "sm", name: n, src: t.avatarSrc }) }) : a ? (a && i && wr(a, i, `resource ${e.resource.id}`), /* @__PURE__ */ P(
+        ) : fe ? /* @__PURE__ */ l(Ke, { label: n, children: /* @__PURE__ */ l(Er, { size: "sm", name: n, src: t.avatarSrc }) }) : a ? (a && i && Rr(a, i, `resource ${e.resource.id}`), /* @__PURE__ */ k(
           "span",
           {
             className: "calendar-resource-label ds:flex ds:items-center ds:gap-[var(--spacing-xs)]",
@@ -1134,7 +1167,7 @@ const Qe = Ye(
                 "span",
                 {
                   className: "resource-dot ds:[background-color:var(--resource-color)]",
-                  style: d,
+                  style: o,
                   "aria-hidden": "true"
                 }
               ),
@@ -1151,14 +1184,14 @@ const Qe = Ye(
         );
       },
       [
-        me,
-        Ne,
         fe,
+        Ge,
+        pe,
         y,
-        We
+        _e
       ]
-    ), ze = u(
-      () => s == null ? void 0 : s.map((e) => ({
+    ), Ve = u(
+      () => d == null ? void 0 : d.map((e) => ({
         id: e.id,
         title: e.title,
         sequenceNumber: e.sequenceNumber,
@@ -1170,38 +1203,38 @@ const Qe = Ye(
           sequenceNumber: e.sequenceNumber
         }
       })),
-      [s]
+      [d]
     );
-    b(() => {
-      J();
-      const e = requestAnimationFrame(J);
-      return () => cancelAnimationFrame(e);
-    }, [se, ze, H, J]), b(() => {
+    T(() => {
       Z();
       const e = requestAnimationFrame(Z);
       return () => cancelAnimationFrame(e);
-    }, [G, H, Z]);
-    const Qt = T(() => {
+    }, [de, Ve, F, Z]), T(() => {
+      Q();
+      const e = requestAnimationFrame(Q);
+      return () => cancelAnimationFrame(e);
+    }, [W, F, Q]);
+    const or = b(() => {
       var e, t;
-      (t = (e = A.current) == null ? void 0 : e.getApi()) == null || t.today();
-    }, []), er = T(() => {
+      (t = (e = I.current) == null ? void 0 : e.getApi()) == null || t.today();
+    }, []), sr = b(() => {
       var e, t;
-      (t = (e = A.current) == null ? void 0 : e.getApi()) == null || t.prev();
-    }, []), tr = T(() => {
+      (t = (e = I.current) == null ? void 0 : e.getApi()) == null || t.prev();
+    }, []), dr = b(() => {
       var e, t;
-      (t = (e = A.current) == null ? void 0 : e.getApi()) == null || t.next();
-    }, []), rr = u(
-      () => o.some((e) => e.isDraft),
-      [o]
-    ), nr = [
+      (t = (e = I.current) == null ? void 0 : e.getApi()) == null || t.next();
+    }, []), lr = u(
+      () => s.some((e) => e.isDraft),
+      [s]
+    ), cr = [
       "fc-theme-alfadocs",
-      Rr({ density: it }),
-      xt ? "calendar-zebra-rows" : null,
-      fe ? "calendar-vertical-resource-labels" : null,
-      bt ? "calendar-availability-mode" : null,
+      Fr({ density: ut }),
+      St ? "calendar-zebra-rows" : null,
+      pe ? "calendar-vertical-resource-labels" : null,
+      kt ? "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. */
-      rr ? "calendar-composing-mode" : null,
+      lr ? "calendar-composing-mode" : null,
       "ds:bg-background ds:text-foreground",
       /* The radius clips the table's square corners; the frame is this
          border, not FullCalendar's. `clip`, not `hidden`: a scroll container
@@ -1211,11 +1244,11 @@ const Qe = Ye(
          which scrolls the date header away; FullCalendar's own value is
          visible. Important, as the host rule is unlayered. */
       "ds:[&_.fc-view]:!overflow-visible ds:[&_.fc-view>table]:!overflow-visible",
-      nt
-    ].filter(Boolean).join(" "), ar = ne || ae ? {
-      ...ne ? { "--calendar-mode-bg": ne } : {},
-      ...ae ? { "--calendar-mode-fg": ae } : {}
-    } : void 0, ir = re !== "default" ? ot ?? f(Br[re]) : "", or = [
+      lt
+    ].filter(Boolean).join(" "), ur = ae || ie ? {
+      ...ae ? { "--calendar-mode-bg": ae } : {},
+      ...ie ? { "--calendar-mode-fg": ie } : {}
+    } : void 0, mr = ne !== "default" ? mt ?? c(qr[ne]) : "", fr = [
       "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)]",
@@ -1223,9 +1256,9 @@ const Qe = Ye(
       /* Caller-supplied colours flow through CSS custom properties set
          in `modeBannerStyle`; fallback tokens apply when the caller
          doesn't supply a hex. */
-      ne ? "ds:[background-color:var(--calendar-mode-bg)]" : "ds:bg-[var(--muted)]",
-      ae ? "ds:[color:var(--calendar-mode-fg)]" : "ds:text-[var(--muted-foreground)]"
-    ].filter(Boolean).join(" "), sr = [
+      ae ? "ds:[background-color:var(--calendar-mode-bg)]" : "ds:bg-[var(--muted)]",
+      ie ? "ds:[color:var(--calendar-mode-fg)]" : "ds:text-[var(--muted-foreground)]"
+    ].filter(Boolean).join(" "), pr = [
       "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)]",
@@ -1240,190 +1273,193 @@ const Qe = Ye(
       "ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
       "ds:motion-reduce:transition-none"
     ].join(" ");
-    return /* @__PURE__ */ P(
+    return /* @__PURE__ */ k(
       "div",
       {
-        ref: N,
-        className: nr,
+        ref: G,
+        className: cr,
         role: "region",
-        "aria-label": f("calendar.ariaLabel"),
+        "aria-label": c("calendar.ariaLabel"),
         "data-component": "calendar",
         "data-component-id": r,
-        "data-mode": re,
+        "data-mode": ne,
         children: [
           /* @__PURE__ */ l(
             "div",
             {
-              ref: I,
+              ref: N,
               "aria-live": "polite",
               "aria-atomic": "true",
-              className: ["ds:sr-only", W].filter(Boolean).join(" ")
+              className: ["ds:sr-only", j].filter(Boolean).join(" ")
             }
           ),
-          st,
-          re !== "default" ? /* @__PURE__ */ P(
+          ft,
+          ne !== "default" ? /* @__PURE__ */ k(
             "div",
             {
-              className: or,
-              style: ar,
+              className: fr,
+              style: ur,
               role: "status",
               "data-calendar-mode-banner": "",
               children: [
                 /* @__PURE__ */ l(
                   "span",
                   {
-                    className: ["ds:flex-1 ds:text-start", W].filter(Boolean).join(" "),
-                    children: ir
+                    className: ["ds:flex-1 ds:text-start", j].filter(Boolean).join(" "),
+                    children: mr
                   }
                 ),
-                Ie ? /* @__PURE__ */ l(
+                Ne ? /* @__PURE__ */ l(
                   "button",
                   {
                     type: "button",
-                    onClick: Ie,
-                    className: sr,
-                    children: f("calendar.modeBanner.cancel")
+                    onClick: Ne,
+                    className: pr,
+                    children: c("calendar.modeBanner.cancel")
                   }
                 ) : null
               ]
             }
           ) : null,
-          gt !== !1 ? /* @__PURE__ */ l(
-            De,
+          Dt !== !1 ? /* @__PURE__ */ l(
+            ke,
             {
-              title: At,
-              onToday: Qt,
-              onPrev: er,
-              onNext: tr,
-              end: yt,
-              maskClassName: W
+              title: Et,
+              onToday: or,
+              onPrev: sr,
+              onNext: dr,
+              end: Ct,
+              maskClassName: j
             }
           ) : null,
           /* @__PURE__ */ l(
-            ur,
+            br,
             {
-              ref: A,
-              plugins: Xt,
-              schedulerLicenseKey: ht,
-              initialView: Jt,
-              views: Gr,
+              ref: I,
+              plugins: nr,
+              schedulerLicenseKey: wt,
+              initialView: ar,
+              views: Vr,
               initialDate: p,
-              locale: Dt,
-              direction: Ct,
-              firstDay: Yt,
-              editable: te,
-              eventDurationEditable: te === !1 ? !1 : et ?? te,
-              selectable: ke,
-              selectMirror: tt ?? ke,
-              ...Ae === void 0 ? {} : { unselectAuto: Ae },
-              droppable: te,
-              dayMaxEvents: pt,
-              height: rt,
+              locale: Nt,
+              direction: Rt,
+              firstDay: rr,
+              editable: re,
+              eventDurationEditable: re === !1 ? !1 : ot ?? re,
+              selectable: Se,
+              selectMirror: st ?? Se,
+              ...Ie === void 0 ? {} : { unselectAuto: Ie },
+              droppable: re,
+              dayMaxEvents: xt,
+              height: dt,
               expandRows: !0,
-              events: Et,
-              resources: ze,
+              events: Mt,
+              resources: Ve,
               resourceOrder: "sequenceNumber",
-              resourceLabelContent: Zt,
-              resourceAreaWidth: Tt,
-              resourceAreaHeaderContent: Gt,
-              dayCellClassNames: Bt,
-              dayCellDidMount: zt,
-              dayHeaderClassNames: Ft,
-              resourceLabelClassNames: Ot,
-              dayHeaderDidMount: Wt,
-              ...ge ? { slotLaneClassNames: ge } : {},
+              resourceLabelContent: ir,
+              resourceAreaWidth: At,
+              resourceAreaHeaderContent: jt,
+              dayCellClassNames: _t,
+              dayCellContent: Ht,
+              dayCellDidMount: Kt,
+              dayHeaderClassNames: qt,
+              resourceLabelClassNames: Vt,
+              dayHeaderDidMount: $t,
+              ...ye ? { slotLaneClassNames: ye } : {},
               eventClassNames: (e) => {
-                var t;
+                var t, n;
                 return [
-                  ...ge ?? [],
-                  ...Le && e.event.id === Le ? ["calendar-event-selected"] : [],
-                  ...(t = e.event.extendedProps) != null && t.isDraft ? ["calendar-event-draft"] : []
+                  ...ye ?? [],
+                  ...Me && e.event.id === Me ? ["calendar-event-selected"] : [],
+                  ...(t = e.event.extendedProps) != null && t.isDraft ? ["calendar-event-draft"] : [],
+                  ...(n = e.event.extendedProps) != null && n.faded && e.event.display === "background" ? ["calendar-event-faded-bg"] : []
                 ];
               },
               headerToolbar: !1,
-              allDayText: f("calendar.allDay"),
-              noEventsText: f("calendar.noEvents"),
-              titleFormat: Rt,
-              dayHeaderFormat: Nt,
-              dayHeaderContent: Mt,
-              eventTimeFormat: Lt,
-              slotLabelFormat: Pt,
-              slotMinTime: dt ?? "00:00:00",
-              slotMaxTime: lt ?? "24:00:00",
-              slotDuration: ct ?? "00:30:00",
-              ...Re ? { snapDuration: Re } : {},
+              allDayText: c("calendar.allDay"),
+              noEventsText: c("calendar.noEvents"),
+              titleFormat: Bt,
+              dayHeaderFormat: Ot,
+              dayHeaderContent: zt,
+              eventTimeFormat: Ft,
+              slotLabelFormat: Wt,
+              slotMinTime: pt ?? "00:00:00",
+              slotMaxTime: vt ?? "24:00:00",
+              slotDuration: ht ?? "00:30:00",
+              ...Pe ? { snapDuration: Pe } : {},
               slotLabelInterval: "01:00:00",
-              ...Fe !== void 0 ? { defaultTimedEventDuration: Fe } : {},
-              hiddenDays: Se,
-              datesAboveResources: ue,
-              slotEventOverlap: mt,
-              stickyHeaderDates: ft,
-              nowIndicator: vt,
-              eventLongPressDelay: oe ? 0 : 1e3,
-              eventDragMinDistance: oe ? 0 : Te,
+              ...je !== void 0 ? { defaultTimedEventDuration: je } : {},
+              hiddenDays: Re,
+              datesAboveResources: me,
+              slotEventOverlap: yt,
+              stickyHeaderDates: bt,
+              nowIndicator: Tt,
+              eventLongPressDelay: se ? 0 : 1e3,
+              eventDragMinDistance: se ? 0 : xe,
               eventContent: (e) => {
-                var n, a;
+                var a, i;
                 const t = e.event.extendedProps ?? {};
                 if (t.isInternal) {
-                  if (e.event.title && ee) {
-                    const i = typeof t.optionCount == "number" ? f("calendarWorkspace.findSlots.freeOptions", {
+                  if (e.event.title && te) {
+                    const o = t.bookable ? c("calendarWorkspace.findSlots.book") : typeof t.optionCount == "number" ? c("calendarWorkspace.findSlots.freeOptions", {
                       count: t.optionCount
-                    }) : void 0, d = i ? [
+                    }) : void 0, f = o ? [
                       e.event.title,
-                      Ue(e, y),
-                      i
-                    ].filter(Boolean).join(", ") : e.event.title, c = /* @__PURE__ */ l(
-                      kr,
+                      Qe(e, y),
+                      o
+                    ].filter(Boolean).join(", ") : e.event.title, v = /* @__PURE__ */ l(
+                      Pr,
                       {
                         type: "button",
                         intent: "ghost",
                         size: "sm",
                         "data-event-id": e.event.id,
-                        "aria-label": d,
+                        "aria-label": f,
+                        ref: Wr,
                         className: "ds:pointer-events-auto ds:h-full ds:w-full ds:min-h-0 ds:justify-center ds:before:hidden",
-                        onClick: (v) => {
-                          v.stopPropagation(), ee(B(e.event), {
-                            el: v.currentTarget,
-                            jsEvent: v.nativeEvent
+                        onClick: (x) => {
+                          x.stopPropagation(), te(B(e.event), {
+                            el: x.currentTarget,
+                            jsEvent: x.nativeEvent
                           });
                         },
-                        children: /* @__PURE__ */ P(
+                        children: /* @__PURE__ */ k(
                           "span",
                           {
                             className: "calendar-bg-event-label",
                             "aria-hidden": "true",
                             children: [
-                              /* @__PURE__ */ l(Ve, { size: 12, "aria-hidden": "true" }),
+                              /* @__PURE__ */ l(Ue, { size: 12, "aria-hidden": "true" }),
                               e.event.title
                             ]
                           }
                         )
                       }
                     );
-                    return i ? /* @__PURE__ */ l(_e, { label: i, children: c }) : c;
+                    return o ? /* @__PURE__ */ l(Ke, { label: o, children: v }) : v;
                   }
-                  return e.event.title ? /* @__PURE__ */ P("span", { className: "calendar-bg-event-label", children: [
-                    /* @__PURE__ */ l(Ve, { size: 12, "aria-hidden": "true" }),
+                  return e.event.title ? /* @__PURE__ */ k("span", { className: "calendar-bg-event-label", children: [
+                    /* @__PURE__ */ l(Ue, { size: 12, "aria-hidden": "true" }),
                     e.event.title
                   ] }) : !0;
                 }
-                return /* @__PURE__ */ l(
-                  Dr,
+                const n = /* @__PURE__ */ l(
+                  Lr,
                   {
                     eventId: e.event.id,
-                    title: w ? ((n = t.privacyModeTitle) == null ? void 0 : n.trim()) || "•••" : e.event.title,
-                    shortTitle: w ? void 0 : t.shortTitle,
+                    title: C ? ((a = t.privacyModeTitle) == null ? void 0 : a.trim()) || "•••" : e.event.title,
+                    shortTitle: C ? void 0 : t.shortTitle,
                     contextLabel: t.contextLabel,
                     contextName: t.contextName,
-                    startText: Hr(e.event.start, y),
+                    startText: Jr(e.event.start, y),
                     layout: e.event.allDay || e.view.type.startsWith("dayGrid") ? "month" : e.view.type.startsWith("list") || e.view.type.toLowerCase().includes("timeline") ? "flow" : "grid",
-                    privacyMasked: w,
+                    privacyMasked: C,
                     suffix: t.suffix,
-                    rangeText: Ue(e, y),
-                    showTime: ut,
+                    rangeText: Qe(e, y),
+                    showTime: gt,
                     allDay: e.event.allDay,
                     status: t.status,
-                    colorStyle: at,
+                    colorStyle: ct,
                     backgroundColor: t.backgroundColor,
                     textColor: t.textColor,
                     borderColor: t.borderColor,
@@ -1435,24 +1471,39 @@ const Qe = Ye(
                     isRecurring: t.isRecurring,
                     isTask: t.isTask,
                     isDraft: t.isDraft,
+                    faded: t.faded,
                     detailsPending: t.detailsPending,
-                    resourceLabel: t.resourceId ? (a = (s ?? []).find((i) => i.id === t.resourceId)) == null ? void 0 : a.title : void 0
+                    resourceLabel: t.resourceId ? (i = (d ?? []).find((o) => o.id === t.resourceId)) == null ? void 0 : i.title : void 0
                   }
                 );
+                return t.faded && e.event.display === "background" ? /* @__PURE__ */ l(
+                  "button",
+                  {
+                    type: "button",
+                    className: "calendar-faded-hit ds:pointer-events-auto ds:block ds:size-full ds:cursor-pointer ds:text-start",
+                    onClick: (o) => {
+                      o.stopPropagation(), D == null || D(B(e.event), {
+                        el: o.currentTarget,
+                        jsEvent: o.nativeEvent
+                      });
+                    },
+                    children: n
+                  }
+                ) : n;
               },
-              eventClick: _t,
-              eventMouseEnter: Vt,
-              eventMouseLeave: qt,
-              eventDrop: Ht,
-              eventResize: jt,
-              eventDragStart: q,
-              eventResizeStart: Q,
-              select: $t,
-              dateClick: Kt,
-              datesSet: Ut,
-              ...Ce ? {
+              eventClick: Xt,
+              eventMouseEnter: Jt,
+              eventMouseLeave: Zt,
+              eventDrop: Ut,
+              eventResize: Yt,
+              eventDragStart: $,
+              eventResizeStart: ee,
+              select: Qt,
+              dateClick: er,
+              datesSet: tr,
+              ...Ae ? {
                 navLinks: !0,
-                navLinkDayClick: (e, t) => Ce(e, t)
+                navLinkDayClick: (e, t) => Ae(e, t)
               } : {}
             }
           )
@@ -1461,12 +1512,12 @@ const Qe = Ye(
     );
   }
 );
-Qe.displayName = "Calendar";
-const Vr = Qe;
-Vr.Toolbar = De;
+it.displayName = "Calendar";
+const en = it;
+en.Toolbar = ke;
 export {
-  Vr as C,
-  Er as c,
-  be as r
+  en as C,
+  Or as c,
+  Te as r
 };
-//# sourceMappingURL=calendar-_sgjuH3L.js.map
+//# sourceMappingURL=calendar-DzR-vdJ5.js.map