@alfadocs/ui-kit-debug 0.78.0 → 0.80.0

package/dist/_chunks/calendar-4dXTvsCz.js

@@ -0,0 +1,1136 @@
+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 = {
+  id: "calendar",
+  capabilities: ["view_change", "range_navigate", "pick"],
+  state: {
+    currentView: {
+      type: "CalendarView",
+      descriptionKey: "ui.agent.calendar.state.currentView",
+      description: "Active view name (e.g. dayGridMonth, timeGridWeek).",
+      read: (n) => n.getCurrentView() ?? null
+    },
+    currentDate: {
+      type: "iso-date",
+      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;
+      }
+    },
+    currentTitle: {
+      type: "string",
+      descriptionKey: "ui.agent.calendar.state.currentTitle",
+      description: 'Human title of the current range (e.g. "April 2026").',
+      read: (n) => n.getTitle()
+    }
+  },
+  actions: {
+    today: {
+      safety: "read",
+      idempotent: !0,
+      descriptionKey: "ui.agent.calendar.actions.today",
+      description: "Jump to the current day.",
+      invoke: (n) => {
+        n.today();
+      }
+    },
+    prev: {
+      // Not idempotent: each call steps one range further back.
+      safety: "read",
+      descriptionKey: "ui.agent.calendar.actions.prev",
+      description: "Move to the previous range.",
+      invoke: (n) => {
+        n.prev();
+      }
+    },
+    next: {
+      // Not idempotent: each call steps one range further forward.
+      safety: "read",
+      descriptionKey: "ui.agent.calendar.actions.next",
+      description: "Move to the next range.",
+      invoke: (n) => {
+        n.next();
+      }
+    },
+    goto_date: {
+      safety: "read",
+      argsType: "{ date: string | Date }",
+      argsSchema: {
+        type: "object",
+        properties: {
+          date: {
+            type: "string",
+            format: "date",
+            description: "Target date — ISO 8601 string (or Date at runtime)."
+          }
+        },
+        required: ["date"]
+      },
+      idempotent: !0,
+      descriptionKey: "ui.agent.calendar.actions.gotoDate",
+      description: "Navigate to a specific date.",
+      examples: [
+        { args: { date: "2026-04-15" }, note: "Jump to 15 April 2026." }
+      ],
+      invoke: (n, o) => {
+        n.gotoDate(o.date);
+      }
+    },
+    change_view: {
+      safety: "read",
+      argsType: "{ view: CalendarView }",
+      argsSchema: {
+        type: "object",
+        properties: {
+          view: {
+            type: "string",
+            enum: [
+              "dayGridMonth",
+              "timeGridWeek",
+              "timeGridDay",
+              "listWeek",
+              "resourceTimeGridDayChair",
+              "resourceTimeGridThreeDaysChair",
+              "resourceTimeGridWeekChair",
+              "resourceTimeGridDayOperator",
+              "resourceTimeGridThreeDaysOperator",
+              "resourceTimeGridWeekOperator"
+            ],
+            description: "Target view name."
+          }
+        },
+        required: ["view"]
+      },
+      idempotent: !0,
+      descriptionKey: "ui.agent.calendar.actions.changeView",
+      description: "Switch the calendar to the given view.",
+      examples: [
+        { args: { view: "timeGridWeek" }, note: "Switch to the week view." }
+      ],
+      invoke: (n, o) => {
+        n.changeView(o.view);
+      }
+    },
+    focus_event: {
+      // pick: transient focus + highlight of an event — no persisted selection.
+      // Not idempotent: each call re-triggers the flash highlight.
+      safety: "read",
+      argsType: "{ eventId: string }",
+      argsSchema: {
+        type: "object",
+        properties: {
+          eventId: {
+            type: "string",
+            description: "Stable event id (matches a data-event-id node)."
+          }
+        },
+        required: ["eventId"]
+      },
+      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);
+      }
+    }
+  },
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "calendar",
+      description: "Marks the Calendar wrapper."
+    },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop."
+    },
+    item: {
+      attr: "data-event-id",
+      description: "Emitted on every rendered FullCalendar event by the kit event renderer. Used by focusEvent."
+    }
+  }
+}, qt = {
+  vertical: {
+    Day: "resourceTimeGridDay",
+    ThreeDays: "resourceTimeGridThreeDays",
+    Week: "resourceTimeGridWeek"
+  },
+  horizontal: {
+    Day: "resourceTimelineDay",
+    ThreeDays: "resourceTimelineThreeDays",
+    Week: "resourceTimelineWeek"
+  }
+}, Kt = /* @__PURE__ */ new Set([
+  "dayGridMonth",
+  "timeGridWeek",
+  "timeGridDay",
+  "listWeek"
+]), Ut = {
+  timeGridDay: "timelineDay",
+  timeGridWeek: "timelineWeek"
+};
+function de(n, o = "vertical") {
+  if (Kt.has(n))
+    return o === "horizontal" ? Ut[n] ?? n : n;
+  const d = n.replace(/^resourceTimeGrid/, "").replace(
+    /(Chair|Operator)$/,
+    ""
+  );
+  return qt[o][d];
+}
+const ee = {
+  weekday: "long",
+  day: "numeric",
+  month: "long",
+  year: "numeric"
+}, Yt = [
+  { weekday: "short", day: "numeric", month: "short" },
+  { hour: "numeric", minute: "2-digit" }
+], Xt = {
+  resourceTimeGridThreeDays: {
+    type: "resourceTimeGrid",
+    duration: { days: 3 }
+  },
+  resourceTimelineThreeDays: {
+    type: "resourceTimeline",
+    duration: { days: 3 }
+  },
+  timeline: { slotLabelFormat: Yt },
+  timeGridDay: { titleFormat: ee },
+  resourceTimeGridDay: { titleFormat: ee },
+  timelineDay: { titleFormat: ee },
+  resourceTimelineDay: { titleFormat: ee }
+}, ce = 5, Jt = {
+  create: "calendar.modeBanner.create",
+  move: "calendar.modeBanner.move",
+  copy: "calendar.modeBanner.copy"
+};
+function Zt(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;
+  } 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}`;
+}
+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));
+        }
+  }
+  return {
+    hiddenCells: s,
+    hiddenCountByDate: d,
+    resourceCount: f,
+    active: s.size > 0
+  };
+}
+function er() {
+  const { i18n: n } = me(), [o, s] = te(() => {
+    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(() => {
+    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");
+    });
+    return d.observe(document.documentElement, {
+      attributes: !0,
+      attributeFilter: ["dir", "lang"]
+    }), () => d.disconnect();
+  }, [n]), o;
+}
+function tr(n, o) {
+  const s = n.event.start, d = n.event.end ?? n.event.start;
+  if (!(!s || !d))
+    try {
+      const f = new Intl.DateTimeFormat(o, {
+        hour: "2-digit",
+        minute: "2-digit",
+        hour12: !1
+      });
+      return typeof f.formatRange == "function" ? f.formatRange(s, d) : `${f.format(s)} – ${f.format(d)}`;
+    } catch {
+      return;
+    }
+}
+const Re = [
+  "ds:inline-flex ds:items-center ds:justify-center",
+  "ds:min-h-[var(--min-target-size)]",
+  "ds:bg-[var(--background)] ds:text-[var(--foreground)]",
+  "ds:border ds:border-[var(--border)]",
+  "ds:rounded-[var(--radius-full)]",
+  "ds:font-[var(--font-weight-medium)] ds:text-[length:var(--font-size-sm)]",
+  "ds:transition-colors ds:duration-[var(--animation-duration)] ds:ease-[var(--ease-out)]",
+  "ds:hover:bg-[var(--muted)]",
+  "ds:focus-visible:outline-[length:var(--focus-ring-width)]",
+  "ds:focus-visible:outline-[var(--ring)]",
+  "ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
+  "ds:motion-reduce:transition-none"
+].join(" "), rr = [
+  Re,
+  "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]"
+].join(" "), nr = [
+  Re,
+  "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 = [
+      "ds:calendar-toolbar",
+      "ds:sticky ds:top-0 ds:z-20",
+      "ds:flex ds:items-center ds:gap-[var(--spacing-sm)]",
+      "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]",
+      "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 = [
+      "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: [
+        /* @__PURE__ */ l(
+          "button",
+          {
+            type: "button",
+            onClick: o,
+            className: x,
+            children: B("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" })
+          }
+        ),
+        /* @__PURE__ */ l(
+          "button",
+          {
+            type: "button",
+            onClick: d,
+            "aria-label": B("calendar.nextPeriod"),
+            className: E,
+            children: /* @__PURE__ */ l(L, { size: 16, "aria-hidden": "true" })
+          }
+        )
+      ] }),
+      n ? /* @__PURE__ */ l("h2", { "aria-live": "polite", className: re, 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 })
+      ),
+      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(
+  ({
+    id: n,
+    events: o,
+    resources: s,
+    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,
+    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({
+      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(() => {
+      if (typeof document > "u") return "ltr";
+      const e = document.documentElement.getAttribute("dir"), t = typeof S.dir == "function" ? S.dir() : "ltr";
+      return e === "rtl" || t === "rtl" ? "rtl" : "ltr";
+    });
+    h(() => {
+      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");
+      });
+      return e.observe(document.documentElement, {
+        attributes: !0,
+        attributeFilter: ["dir", "lang"]
+      }), () => e.disconnect();
+    }, [S]), h(() => {
+      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();
+          r && typeof r.render == "function" && r.render();
+        }, 50);
+      });
+      return t.observe(document.documentElement, {
+        attributes: !0,
+        attributeFilter: ["class"]
+      }), () => {
+        clearTimeout(e), t.disconnect();
+      };
+    }, []), h(() => {
+      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(
+            'a[href], button, [tabindex]:not([tabindex="-1"])'
+          ).forEach((i) => {
+            i.setAttribute("tabindex", "-1");
+          });
+        });
+      };
+      t();
+      const r = new MutationObserver(t);
+      return r.observe(e, {
+        childList: !0,
+        subtree: !0,
+        attributes: !0,
+        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 e = () => {
+        var t;
+        return (t = I.current) == null ? void 0 : t.getApi();
+      };
+      return {
+        getApi: () => {
+          var t;
+          return (t = I.current) == null ? void 0 : t.getApi();
+        },
+        today: () => {
+          var t;
+          (t = e()) == null || t.today();
+        },
+        prev: () => {
+          var t;
+          (t = e()) == null || t.prev();
+        },
+        next: () => {
+          var t;
+          (t = e()) == null || t.next();
+        },
+        gotoDate: (t) => {
+          var r;
+          (r = e()) == null || r.gotoDate(t);
+        },
+        changeView: (t) => {
+          var r;
+          (r = e()) == null || r.changeView(
+            de(t, O)
+          );
+        },
+        getTitle: () => {
+          var t;
+          return ((t = e()) == null ? void 0 : t.view.title) ?? "";
+        },
+        getCurrentView: () => {
+          var r;
+          return (r = e()) == null ? void 0 : r.view.type;
+        },
+        getCurrentDate: () => {
+          var t;
+          return (t = e()) == null ? void 0 : t.getDate();
+        },
+        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",
+              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.current = setTimeout(() => {
+              i.classList.remove("calendar-event-focused"), P.current === i && (P.current = null), A.current = null;
+            }, 3e3);
+          }
+        }
+      };
+    }, [U, D, m, O]);
+    Pt(Je, () => ae, [ae]), Ht(zt, ae, n), h(
+      () => () => {
+        A.current && (clearTimeout(A.current), A.current = null);
+      },
+      []
+    );
+    const xe = p(!0);
+    h(() => {
+      if (xe.current) {
+        xe.current = !1;
+        return;
+      }
+      C.current && (C.current.textContent = m(D ? "calendar.privacyModeOn" : "calendar.privacyModeOff"));
+    }, [D, m]);
+    const nt = u(
+      () => o.map((e) => ({
+        id: e.id,
+        title: e.title,
+        start: e.start,
+        end: e.end,
+        /* Conditional spreads — FC refines PRESENT-but-undefined keys
+           (`'propName' in input`), so undefined must mean ABSENT:
+           - editable: Boolean(undefined) === false would pin every
+             ordinary event non-draggable;
+           - display: String(undefined) === 'undefined' breaks month-
+             view dot/block classification and leaks via EventApi;
+           - allDay: Boolean(undefined) === false disables FC's
+             all-day inference for date-only starts;
+           - resourceId: String(undefined) puts 'undefined' into
+             def.resourceIds → getResources() returns [null]. */
+        ...e.allDay !== void 0 ? { allDay: e.allDay } : {},
+        ...e.resourceId !== void 0 ? { resourceId: e.resourceId } : {},
+        ...e.isInternal ? { display: "background" } : {},
+        ...e.editable !== void 0 ? { editable: e.editable } : {},
+        ...e.startEditable !== void 0 ? { startEditable: e.startEditable } : {},
+        extendedProps: {
+          status: e.status,
+          resourceId: e.resourceId,
+          /* Mirror the raw per-event editability values so adaptEvent
+             can round-trip them — EventImpl's `startEditable` getter
+             resolves the COMBINED ui (incl. calendar-level fallback)
+             and must not be used for round-tripping. */
+          editable: e.editable,
+          startEditable: e.startEditable,
+          backgroundColor: e.backgroundColor,
+          textColor: e.textColor,
+          borderColor: e.borderColor,
+          suffix: e.suffix,
+          privacyModeTitle: e.privacyModeTitle,
+          isBookedOnline: e.isBookedOnline ?? !1,
+          hasUnassignedPatient: e.hasUnassignedPatient ?? !1,
+          hasHighlightedAnamnesis: e.hasHighlightedAnamnesis ?? !1,
+          hasBillableAmount: e.hasBillableAmount ?? !1,
+          isTelehealth: e.isTelehealth ?? !1,
+          isRecurrenceParent: e.isRecurrenceParent ?? !1,
+          isInternal: e.isInternal ?? !1,
+          patientId: e.patientId,
+          operatorId: e.operatorId
+        }
+      })),
+      [o]
+    ), it = u(
+      () => ({
+        year: "numeric",
+        month: "long"
+      }),
+      []
+    ), at = u(
+      () => ({
+        weekday: "short"
+      }),
+      []
+    ), ot = u(
+      () => ({
+        hour: "numeric",
+        minute: "2-digit"
+      }),
+      []
+    ), st = u(
+      () => ({
+        hour: "numeric",
+        minute: "2-digit"
+      }),
+      []
+    ), De = u(
+      () => typeof j == "number" ? { minutes: j } : j,
+      [j]
+    ), Y = 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(
+      (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] : [] : [];
+      },
+      []
+    ), lt = y(
+      (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] : [];
+      },
+      []
+    ), ut = y(
+      (e) => {
+        const t = M.current;
+        return !t.active || !e.view.type.startsWith("resourceTimeGrid") ? [] : (t.hiddenCountByDate.get(ue(e.date)) ?? 0) >= t.resourceCount ? [le] : [];
+      },
+      []
+    ), mt = y((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 e = R.current;
+      if (!e || !Te.current.startsWith("resourceTimeGrid")) return;
+      const t = M.current;
+      !t.active && !oe.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);
+        r.colSpan !== c && (r.colSpan = c);
+      }), oe.current = t.active);
+    }, []);
+    h(() => {
+    }, [o, X]);
+    const J = (e) => {
+      const t = e.extendedProps ?? {};
+      return {
+        id: e.id,
+        title: e.title,
+        start: e.start ?? /* @__PURE__ */ new Date(),
+        end: e.end ?? void 0,
+        resourceId: t.resourceId,
+        status: t.status,
+        allDay: e.allDay,
+        backgroundColor: t.backgroundColor,
+        textColor: t.textColor,
+        borderColor: t.borderColor,
+        suffix: t.suffix,
+        privacyModeTitle: t.privacyModeTitle,
+        isBookedOnline: t.isBookedOnline,
+        hasUnassignedPatient: t.hasUnassignedPatient,
+        hasHighlightedAnamnesis: t.hasHighlightedAnamnesis,
+        hasBillableAmount: t.hasBillableAmount,
+        isTelehealth: t.isTelehealth,
+        isRecurrenceParent: t.isRecurrenceParent,
+        isInternal: t.isInternal,
+        editable: t.editable,
+        startEditable: t.startEditable,
+        patientId: t.patientId,
+        operatorId: t.operatorId
+      };
+    }, ft = u(() => {
+      if (v)
+        return (e) => {
+          if (!e.event.start) return;
+          const t = e.oldEvent.start;
+          if (t && (v({
+            event: J(e.event),
+            oldStart: t,
+            newStart: e.event.start,
+            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
+            });
+          }
+        };
+    }, [v, D, m]), pt = u(() => {
+      if (w)
+        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),
+            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, D, m]), vt = u(() => {
+      if (T)
+        return (e) => {
+          e.event.start && (ge.current = e.jsEvent, T(J(e.event), {
+            el: e.el,
+            jsEvent: e.jsEvent
+          }));
+        };
+    }, [T]), ht = u(() => {
+      if (L)
+        return (e) => {
+          var t;
+          L({
+            start: e.start,
+            end: e.end,
+            allDay: e.allDay,
+            resourceId: (t = e.resource) == null ? void 0 : t.id
+          });
+        };
+    }, [L]), gt = u(() => {
+      if (x)
+        return (e) => {
+          var r;
+          const t = q.current.id;
+          t !== 0 && be.current === t || (t !== 0 && (ye.current = t), x({
+            date: e.date,
+            allDay: e.allDay,
+            resourceId: (r = e.resource) == null ? void 0 : r.id
+          }));
+        };
+    }, [x]), yt = y(
+      (e) => {
+        tt(e.view.title), rt(e.view.type), k == null || k({
+          view: d,
+          internalView: e.view.type,
+          start: e.start,
+          end: e.end,
+          /* info.view.calendar is available even on the very first datesSet
+             tick, which fires before fcRef is guaranteed to be assigned. */
+          currentDate: e.view.calendar.getDate(),
+          title: e.view.title
+        }), F();
+      },
+      [k, d, F]
+    ), bt = u(() => Zt(K), [K]), Tt = u(
+      () => [
+        Gt,
+        Bt,
+        Lt,
+        Ft,
+        Ot,
+        Wt,
+        jt,
+        _t
+      ],
+      []
+    ), xt = u(
+      () => de(d, O),
+      [d, O]
+    );
+    h(() => {
+      const e = R.current;
+      if (!e) return;
+      const t = (r) => {
+        q.current = {
+          id: q.current.id + 1,
+          x: r.clientX,
+          y: r.clientY
+        };
+      };
+      return e.addEventListener("pointerdown", t, !0), () => e.removeEventListener("pointerdown", t, !0);
+    }, []), h(() => {
+      const e = R.current;
+      if (!e || !_.startsWith("resourceTimeGrid") || !x && !T) return;
+      const t = (r) => {
+        var Ie;
+        if (r === ge.current) return;
+        const a = r.target;
+        if (!(a instanceof Element) || a.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))
+          return;
+        const c = a.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 });
+          return;
+        }
+        if (!x || i.id !== 0 && ye.current === i.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,
+          allDay: !0,
+          resourceId: c.getAttribute("data-resource-id") ?? void 0
+        }));
+      };
+      return e.addEventListener("click", t), () => e.removeEventListener("click", t);
+    }, [_, x, T]);
+    const Dt = y(
+      (e) => {
+        const t = e.resource.extendedProps, r = e.resource.title, a = t.shortTitle, i = t.color, c = t.shortTitleTextColor, g = i || c ? {
+          ...i ? { "--resource-color": i } : {},
+          ...c ? {
+            "--resource-initials-text-color": c
+          } : {}
+        } : 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: [
+          /* @__PURE__ */ l(
+            "span",
+            {
+              className: "resource-dot ds:[background-color:var(--resource-color)]",
+              style: g,
+              "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) => ({
+        id: e.id,
+        title: e.title,
+        sequenceNumber: e.sequenceNumber,
+        extendedProps: {
+          shortTitle: e.shortTitle,
+          color: e.color,
+          shortTitleTextColor: e.shortTitleTextColor,
+          sequenceNumber: e.sequenceNumber
+        }
+      })),
+      [s]
+    );
+    h(() => {
+      F();
+      const e = requestAnimationFrame(F);
+      return () => cancelAnimationFrame(e);
+    }, [X, Ce, _, F]);
+    const Ct = y(() => {
+      var e, t;
+      (t = (e = I.current) == null ? void 0 : e.getApi()) == null || t.today();
+    }, []), wt = y(() => {
+      var e, t;
+      (t = (e = I.current) == null ? void 0 : e.getApi()) == null || t.prev();
+    }, []), It = y(() => {
+      var e, t;
+      (t = (e = I.current) == null ? void 0 : e.getApi()) == null || t.next();
+    }, []), At = [
+      "fc-theme-alfadocs",
+      Xe ? "calendar-zebra-rows" : 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 = [
+      "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)]",
+      "ds:py-[var(--spacing-sm)]",
+      /* 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 = [
+      "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)]",
+      "ds:rounded-[var(--radius-full)]",
+      "ds:bg-[var(--background)] ds:text-[var(--foreground)]",
+      "ds:border ds:border-[var(--border)]",
+      "ds:font-[var(--font-weight-medium)] ds:text-[length:var(--font-size-sm)]",
+      "ds:transition-colors ds:duration-[var(--animation-duration)] ds:ease-[var(--ease-out)]",
+      "ds:hover:bg-[var(--muted)]",
+      "ds:focus-visible:outline-[length:var(--focus-ring-width)]",
+      "ds:focus-visible:outline-[var(--ring)]",
+      "ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
+      "ds:motion-reduce:transition-none"
+    ].join(" ");
+    return /* @__PURE__ */ G(
+      "div",
+      {
+        ref: R,
+        className: At,
+        role: "region",
+        "aria-label": m("calendar.ariaLabel"),
+        "data-component": "calendar",
+        "data-component-id": n,
+        "data-mode": H,
+        children: [
+          /* @__PURE__ */ l(
+            "div",
+            {
+              ref: C,
+              "aria-live": "polite",
+              "aria-atomic": "true",
+              className: ["ds:sr-only", N].filter(Boolean).join(" ")
+            }
+          ),
+          Oe,
+          H !== "default" ? /* @__PURE__ */ G(
+            "div",
+            {
+              className: Nt,
+              style: kt,
+              role: "status",
+              children: [
+                /* @__PURE__ */ l(
+                  "span",
+                  {
+                    className: ["ds:flex-1 ds:text-start", N].filter(Boolean).join(" "),
+                    children: Et
+                  }
+                ),
+                pe ? /* @__PURE__ */ l(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: pe,
+                    className: St,
+                    children: m("calendar.modeBanner.cancel")
+                  }
+                ) : null
+              ]
+            }
+          ) : null,
+          Ke !== !1 ? /* @__PURE__ */ l(
+            fe,
+            {
+              title: et,
+              onToday: Ct,
+              onPrev: wt,
+              onNext: It,
+              end: Ue,
+              maskClassName: N
+            }
+          ) : null,
+          /* @__PURE__ */ l(
+            Mt,
+            {
+              ref: I,
+              plugins: Tt,
+              schedulerLicenseKey: qe,
+              initialView: xt,
+              views: Xt,
+              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,
+              resourceOrder: "sequenceNumber",
+              resourceLabelContent: Dt,
+              resourceAreaWidth: Ye,
+              resourceAreaHeaderContent: dt,
+              dayCellClassNames: ct,
+              dayHeaderClassNames: ut,
+              resourceLabelClassNames: lt,
+              dayHeaderDidMount: mt,
+              ...Y ? { slotLaneClassNames: Y } : {},
+              ...Y ? { eventClassNames: Y } : {},
+              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",
+              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,
+              eventContent: (e) => {
+                var r;
+                const t = e.event.extendedProps ?? {};
+                return /* @__PURE__ */ l(
+                  $t,
+                  {
+                    eventId: e.event.id,
+                    title: D ? t.privacyModeTitle ?? "•••" : e.event.title,
+                    suffix: t.suffix,
+                    rangeText: tr(e, K),
+                    showTime: Fe,
+                    allDay: e.event.allDay,
+                    status: t.status,
+                    statusAccent: Be,
+                    backgroundColor: t.backgroundColor,
+                    textColor: t.textColor,
+                    borderColor: t.borderColor,
+                    isBookedOnline: t.isBookedOnline,
+                    hasUnassignedPatient: t.hasUnassignedPatient,
+                    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
+                  }
+                );
+              },
+              eventClick: vt,
+              eventDrop: ft,
+              eventResize: pt,
+              eventDragStart: B,
+              eventResizeStart: V,
+              select: ht,
+              dateClick: gt,
+              datesSet: yt
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Pe.displayName = "Calendar";
+const ir = Pe;
+ir.Toolbar = fe;
+export {
+  ir as C,
+  zt as c,
+  de as r
+};
+//# sourceMappingURL=calendar-4dXTvsCz.js.map