@innosolutions/inno-calendar 1.0.52 → 1.0.54

package/dist/agenda-widget-DHJXUnaz.js

@@ -0,0 +1,3874 @@
+import { jsx as e, jsxs as r, Fragment as ge } from "react/jsx-runtime";
+import { g as at, u as gt, C as pt } from "./use-calendar-Clo9DFK4.js";
+import { useCallback as W, useState as ie, useEffect as pe, forwardRef as Pe, useRef as ae, useMemo as q, useLayoutEffect as xt, useImperativeHandle as vt } from "react";
+import { c as f } from "./index-DtaLkIY8.js";
+import { P as it, p as lt, o as ct, z as de, I as wt, J as bt, B as ye, K as yt, L as Re, x as ue, F as he, y as me, k as kt, C as Nt, M as Ue, A as Ct, W as Dt, c as Mt, N as St } from "./week-view-D3PDybDq.js";
+import { j as Lt, D as Et, I as Tt, e as Ht, S as zt } from "./slot-selection-context-BwghpxKA.js";
+import { isToday as se, startOfDay as We, endOfDay as dt, getYearMonths as It, generateMonthGrid as jt, getEventsForDay as Pt, addDays as ut, formatDateISO as Wt } from "./utils.mjs";
+function At({ view: t, className: n = "" }) {
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      className: n,
+      style: {
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        minHeight: "400px",
+        backgroundColor: "#f9fafb",
+        borderRadius: "0.5rem",
+        border: "1px dashed #d1d5db"
+      },
+      children: /* @__PURE__ */ r("div", { style: { textAlign: "center", color: "#6b7280" }, children: [
+        /* @__PURE__ */ r("p", { style: { fontSize: "1.125rem", fontWeight: 500 }, children: [
+          t.charAt(0).toUpperCase() + t.slice(1),
+          " View"
+        ] }),
+        /* @__PURE__ */ e("p", { style: { fontSize: "0.875rem" }, children: "Implementation pending" })
+      ] })
+    }
+  );
+}
+function Ve({ view: t, className: n }) {
+  return /* @__PURE__ */ e(At, { view: t, className: n });
+}
+function wr(t) {
+  const {
+    events: n,
+    resources: o,
+    scheduleTypes: s,
+    initialView: i = "week",
+    initialDate: a,
+    initialFilters: h,
+    preferences: m,
+    locale: c,
+    slots: v,
+    renderEvent: y,
+    onViewChange: w,
+    onDateChange: L,
+    onEventClick: A,
+    onSlotSelect: j,
+    onFiltersChange: P,
+    className: E,
+    children: b
+  } = t, I = at();
+  if (I)
+    return /* @__PURE__ */ e("div", { className: E, style: { position: "relative" }, children: b ?? /* @__PURE__ */ e(Ve, { view: I.view, className: E }) });
+  const O = gt({
+    events: n,
+    resources: o,
+    scheduleTypes: s,
+    initialView: i,
+    initialDate: a,
+    initialFilters: h,
+    preferences: m,
+    locale: c,
+    onViewChange: w,
+    onDateChange: L,
+    onEventClick: A,
+    onSlotSelect: j,
+    onFiltersChange: P
+  });
+  return /* @__PURE__ */ e(pt, { value: O, children: /* @__PURE__ */ e("div", { className: E, style: { position: "relative" }, children: b ?? /* @__PURE__ */ e(Ve, { view: O.view, className: E }) }) });
+}
+function Ft({ className: t }) {
+  return /* @__PURE__ */ r(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className: t,
+      children: [
+        /* @__PURE__ */ e("path", { d: "M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z" }),
+        /* @__PURE__ */ e("path", { d: "m15 5 4 4" })
+      ]
+    }
+  );
+}
+function ht({ className: t }) {
+  return /* @__PURE__ */ r(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className: t,
+      children: [
+        /* @__PURE__ */ e("path", { d: "M3 6h18" }),
+        /* @__PURE__ */ e("path", { d: "M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6" }),
+        /* @__PURE__ */ e("path", { d: "M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2" }),
+        /* @__PURE__ */ e("line", { x1: "10", x2: "10", y1: "11", y2: "17" }),
+        /* @__PURE__ */ e("line", { x1: "14", x2: "14", y1: "11", y2: "17" })
+      ]
+    }
+  );
+}
+function je({ className: t }) {
+  return /* @__PURE__ */ r(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className: t,
+      children: [
+        /* @__PURE__ */ e("path", { d: "M18 6 6 18" }),
+        /* @__PURE__ */ e("path", { d: "m6 6 12 12" })
+      ]
+    }
+  );
+}
+function $t({ className: t }) {
+  return /* @__PURE__ */ r(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className: t,
+      children: [
+        /* @__PURE__ */ e("circle", { cx: "12", cy: "12", r: "10" }),
+        /* @__PURE__ */ e("path", { d: "m4.9 4.9 14.2 14.2" })
+      ]
+    }
+  );
+}
+function Te({ className: t }) {
+  return /* @__PURE__ */ e(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className: t,
+      children: /* @__PURE__ */ e("path", { d: "M20 6 9 17l-5-5" })
+    }
+  );
+}
+function Bt({ className: t }) {
+  return /* @__PURE__ */ r(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className: t,
+      children: [
+        /* @__PURE__ */ e("circle", { cx: "12", cy: "12", r: "10" }),
+        /* @__PURE__ */ e("path", { d: "m9 12 2 2 4-4" })
+      ]
+    }
+  );
+}
+function Ot({ className: t }) {
+  return /* @__PURE__ */ e(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className: t,
+      children: /* @__PURE__ */ e("path", { d: "m6 9 6 6 6-6" })
+    }
+  );
+}
+function _t({ className: t }) {
+  return /* @__PURE__ */ r(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className: t,
+      children: [
+        /* @__PURE__ */ e("path", { d: "M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2" }),
+        /* @__PURE__ */ e("circle", { cx: "9", cy: "7", r: "4" }),
+        /* @__PURE__ */ e("path", { d: "M22 21v-2a4 4 0 0 0-3-3.87" }),
+        /* @__PURE__ */ e("path", { d: "M16 3.13a4 4 0 0 1 0 7.75" })
+      ]
+    }
+  );
+}
+function Rt({ className: t }) {
+  return /* @__PURE__ */ r(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className: t,
+      children: [
+        /* @__PURE__ */ e("path", { d: "M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0" }),
+        /* @__PURE__ */ e("circle", { cx: "12", cy: "10", r: "3" })
+      ]
+    }
+  );
+}
+function Ut({ className: t }) {
+  return /* @__PURE__ */ r(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className: t,
+      children: [
+        /* @__PURE__ */ e("path", { d: "M8 2v4" }),
+        /* @__PURE__ */ e("path", { d: "M16 2v4" }),
+        /* @__PURE__ */ e("rect", { width: "18", height: "18", x: "3", y: "4", rx: "2" }),
+        /* @__PURE__ */ e("path", { d: "M3 10h18" })
+      ]
+    }
+  );
+}
+function Vt({ className: t }) {
+  return /* @__PURE__ */ r(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className: t,
+      children: [
+        /* @__PURE__ */ e("path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z" }),
+        /* @__PURE__ */ e("path", { d: "M14 2v4a2 2 0 0 0 2 2h4" }),
+        /* @__PURE__ */ e("path", { d: "M10 9H8" }),
+        /* @__PURE__ */ e("path", { d: "M16 13H8" }),
+        /* @__PURE__ */ e("path", { d: "M16 17H8" })
+      ]
+    }
+  );
+}
+function Ce({ className: t }) {
+  return /* @__PURE__ */ e(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className: f("animate-spin", t),
+      children: /* @__PURE__ */ e("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" })
+    }
+  );
+}
+const Yt = {
+  edit: "Edit",
+  delete: "Delete",
+  cancel: "Cancel Event",
+  close: "Close",
+  going: "Going",
+  notGoing: "Not Going",
+  confirmMeeting: "Confirm meeting took place",
+  completed: "Completed",
+  canceled: "Canceled",
+  participants: "Participants",
+  guest: "guest",
+  guests: "guests",
+  confirmed: "confirmed",
+  organizer: "Organizer",
+  client: "Client",
+  more: "more",
+  noDateProvided: "No date provided",
+  eventNotFound: "Event not found",
+  cancellationNote: "Cancellation Note",
+  canceledOn: "Canceled on",
+  acceptThisEvent: "Accept this event only",
+  acceptAllEvents: "Accept all events",
+  deleteConfirmTitle: "Delete Event",
+  deleteConfirmDescription: "Are you sure you want to delete this event? This action cannot be undone."
+}, He = Pe(
+  ({ onClick: t, label: n, children: o, className: s, variant: i = "ghost", ...a }, h) => /* @__PURE__ */ r(ue, { children: [
+    /* @__PURE__ */ e(he, { asChild: !0, children: /* @__PURE__ */ e(
+      "button",
+      {
+        type: "button",
+        ref: h,
+        onClick: t,
+        className: f(
+          "h-8 w-8 rounded-full flex items-center justify-center transition-colors",
+          i === "ghost" && "hover:bg-zinc-100 dark:hover:bg-zinc-800 text-zinc-600 dark:text-zinc-400",
+          i === "destructive" && "hover:bg-red-50 dark:hover:bg-red-950/30 text-zinc-600 dark:text-zinc-400 hover:text-red-600",
+          s
+        ),
+        "aria-label": n,
+        ...a,
+        children: o
+      }
+    ) }),
+    /* @__PURE__ */ e(me, { side: "bottom", className: "text-xs", children: n })
+  ] })
+);
+He.displayName = "IconButton";
+function Gt({ src: t, alt: n, initials: o, className: s, isClient: i }) {
+  const [a, h] = ie(!1);
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      className: f(
+        "relative h-7 w-7 rounded-full overflow-hidden shrink-0",
+        s
+      ),
+      children: t && !a ? /* @__PURE__ */ e(
+        "img",
+        {
+          src: t,
+          alt: n,
+          className: "h-full w-full object-cover",
+          onError: () => h(!0)
+        }
+      ) : /* @__PURE__ */ e(
+        "div",
+        {
+          className: f(
+            "h-full w-full flex items-center justify-center text-[10px] font-medium",
+            i ? "bg-amber-100 dark:bg-amber-900/30 text-amber-700 dark:text-amber-300" : "bg-zinc-200 dark:bg-zinc-700 text-zinc-700 dark:text-zinc-300"
+          ),
+          children: o
+        }
+      )
+    }
+  );
+}
+function Ye({
+  participant: t,
+  isEventCanceled: n = !1,
+  labels: o
+}) {
+  const s = t.name || "Unknown", i = s.split(" ").map((L) => L[0]).join("").toUpperCase().slice(0, 2), a = t.isOrganizer ?? !1, h = t.isConfirmed, m = h === !0, c = h === !1, v = t.isClient ?? !1, y = t.profilePicture || t.avatar, w = n;
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      className: f(
+        "flex items-center gap-3 py-0",
+        w && "opacity-60"
+      ),
+      children: [
+        /* @__PURE__ */ r("div", { className: "relative", children: [
+          /* @__PURE__ */ e(
+            Gt,
+            {
+              src: y,
+              alt: s,
+              initials: i,
+              isClient: v,
+              className: f(w && "grayscale")
+            }
+          ),
+          w || c ? /* @__PURE__ */ e("div", { className: "absolute -bottom-0.5 -right-0.5 h-3.5 w-3.5 rounded-full bg-white dark:bg-zinc-900 flex items-center justify-center", children: /* @__PURE__ */ e("div", { className: "h-3 w-3 rounded-full bg-red-100 dark:bg-red-900/50 flex items-center justify-center", children: /* @__PURE__ */ e(je, { className: "h-2 w-2 text-red-600 dark:text-red-400 stroke-[3]" }) }) }) : m ? /* @__PURE__ */ e("div", { className: "absolute -bottom-0.5 -right-0.5 h-3.5 w-3.5 rounded-full bg-white dark:bg-zinc-900 flex items-center justify-center", children: /* @__PURE__ */ e("div", { className: "h-3 w-3 rounded-full bg-green-100 dark:bg-green-900/50 flex items-center justify-center", children: /* @__PURE__ */ e(Te, { className: "h-2 w-2 text-green-600 dark:text-green-400 stroke-[3]" }) }) }) : null
+        ] }),
+        /* @__PURE__ */ r("div", { className: "!h-fit min-w-0 gap-0", children: [
+          /* @__PURE__ */ e("div", { className: "gap-0", children: /* @__PURE__ */ e(
+            "span",
+            {
+              className: f(
+                "text-sm text-zinc-900 dark:text-zinc-100 truncate",
+                w && "line-through text-zinc-500 dark:text-zinc-500"
+              ),
+              children: s
+            }
+          ) }),
+          v && /* @__PURE__ */ e("div", { className: "text-[10px] px-1.5 w-fit py-0.5 rounded bg-amber-100 dark:bg-amber-900/30 text-amber-700 dark:text-amber-300 font-medium", children: o.client }),
+          a && !w && /* @__PURE__ */ e("div", { className: "text-xs text-zinc-500", children: o.organizer })
+        ] })
+      ]
+    }
+  );
+}
+function Kt({
+  open: t,
+  onOpenChange: n,
+  title: o,
+  children: s
+}) {
+  return pe(() => {
+    if (!t) return;
+    const i = (a) => {
+      a.key === "Escape" && n(!1);
+    };
+    return document.addEventListener("keydown", i), () => document.removeEventListener("keydown", i);
+  }, [t, n]), pe(() => (t ? document.body.style.overflow = "hidden" : document.body.style.overflow = "", () => {
+    document.body.style.overflow = "";
+  }), [t]), t ? /* @__PURE__ */ r("div", { className: "fixed inset-0 z-50", children: [
+    /* @__PURE__ */ e(
+      "div",
+      {
+        className: "fixed inset-0 bg-black/50 backdrop-blur-sm",
+        onClick: () => n(!1),
+        onKeyDown: (i) => {
+          (i.key === "Enter" || i.key === " ") && n(!1);
+        }
+      }
+    ),
+    /* @__PURE__ */ e("div", { className: "fixed inset-x-4 top-[50%] translate-y-[-50%] max-w-md mx-auto", children: /* @__PURE__ */ r("div", { className: "bg-white dark:bg-zinc-900 rounded-2xl shadow-xl overflow-hidden", children: [
+      o && /* @__PURE__ */ e("div", { className: "sr-only", children: o }),
+      s
+    ] }) })
+  ] }) : null;
+}
+function Jt({
+  open: t,
+  onOpenChange: n,
+  title: o,
+  description: s,
+  cancelLabel: i,
+  confirmLabel: a,
+  onConfirm: h,
+  isLoading: m
+}) {
+  return t ? /* @__PURE__ */ r("div", { className: "fixed inset-0 z-[60]", children: [
+    /* @__PURE__ */ e(
+      "div",
+      {
+        className: "fixed inset-0 bg-black/50 backdrop-blur-sm",
+        onClick: () => n(!1),
+        onKeyDown: (c) => {
+          (c.key === "Enter" || c.key === " ") && n(!1);
+        }
+      }
+    ),
+    /* @__PURE__ */ e("div", { className: "fixed inset-x-4 top-[50%] translate-y-[-50%] max-w-md mx-auto", children: /* @__PURE__ */ r("div", { className: "bg-white dark:bg-zinc-900 rounded-lg shadow-xl p-6", children: [
+      /* @__PURE__ */ e("h2", { className: "text-lg font-semibold text-zinc-900 dark:text-zinc-100", children: o }),
+      /* @__PURE__ */ e("p", { className: "mt-2 text-sm text-zinc-600 dark:text-zinc-400", children: s }),
+      /* @__PURE__ */ r("div", { className: "mt-4 flex justify-end gap-3", children: [
+        /* @__PURE__ */ e(
+          ye,
+          {
+            variant: "outline",
+            size: "sm",
+            onClick: () => n(!1),
+            children: i
+          }
+        ),
+        /* @__PURE__ */ r(
+          ye,
+          {
+            variant: "destructive",
+            size: "sm",
+            onClick: h,
+            disabled: m,
+            children: [
+              m && /* @__PURE__ */ e(Ce, { className: "h-4 w-4 mr-2" }),
+              /* @__PURE__ */ e(ht, { className: "h-4 w-4 mr-2" }),
+              a
+            ]
+          }
+        )
+      ] })
+    ] }) })
+  ] }) : null;
+}
+function qt(t, n) {
+  return t.toLocaleDateString(void 0, {
+    weekday: "long",
+    month: "long",
+    day: "numeric"
+  });
+}
+function Xt(t, n) {
+  const o = {
+    hour: "2-digit",
+    minute: "2-digit",
+    hour12: !1
+  };
+  return `${t.toLocaleTimeString(void 0, o)} – ${n.toLocaleTimeString(void 0, o)}`;
+}
+function Qt(t) {
+  return t.toLocaleDateString(void 0, {
+    day: "2-digit",
+    month: "short",
+    year: "numeric",
+    hour: "2-digit",
+    minute: "2-digit"
+  });
+}
+function Zt(t) {
+  const [n, o] = ie(() => typeof window < "u" ? window.matchMedia(t).matches : !1);
+  return pe(() => {
+    if (typeof window > "u") return;
+    const s = window.matchMedia(t), i = (a) => o(a.matches);
+    return s.addEventListener("change", i), () => s.removeEventListener("change", i);
+  }, [t]), n;
+}
+function Ge({
+  event: t,
+  labels: n,
+  isLoading: o,
+  onClose: s,
+  onEdit: i,
+  onDelete: a,
+  onCancel: h,
+  onAccept: m,
+  onDecline: c,
+  onConfirmMeeting: v,
+  canEdit: y = !0,
+  canDelete: w = !1,
+  canCancel: L = !0,
+  isCurrentUserParticipant: A = !1,
+  isCurrentUserClient: j = !1,
+  currentUserAcceptStatus: P,
+  isAcceptLoading: E = !1,
+  isDeclineLoading: b = !1,
+  isConfirmLoading: I = !1,
+  isDeleteLoading: O = !1,
+  renderParticipant: R,
+  renderHeaderActions: M,
+  renderCancelReason: V,
+  renderDeleteConfirmation: p,
+  formatDate: N = qt,
+  formatTimeRange: F = Xt
+}) {
+  const [Y, G] = ie(!1), $ = !(t.isCanceled || t.meetingTookPlace), d = t.isRecurring ?? !1, D = t.participantDetails, _ = t.participantsNames || [], U = D && D.length > 0, z = P === !0, re = P === !1, Q = A && !j && $, De = U ? D.filter((S) => S.isConfirmed).length : t.isAccepted ? _.length : 0, ee = U ? D.length : _.length, X = t.scheduleTypeColor || t.hexColor || "#039BE5", ke = W(() => t.startDate ? N(t.startDate) : n.noDateProvided, [t.startDate, N, n.noDateProvided]), oe = W(() => t.startDate && t.endDate ? F(t.startDate, t.endDate) : null, [t.startDate, t.endDate, F]), le = () => {
+    s(), i?.(t);
+  }, Me = () => {
+    s(), h?.(t);
+  }, xe = () => {
+    G(!0);
+  }, g = () => {
+    a?.(t), G(!1);
+  };
+  return o ? /* @__PURE__ */ e("div", { className: "flex h-48 items-center justify-center", children: /* @__PURE__ */ e(Ce, { className: "h-6 w-6 text-zinc-400" }) }) : /* @__PURE__ */ r(de, { delayDuration: 300, children: [
+    /* @__PURE__ */ r("div", { className: "flex flex-col gap-0.5 p-3", children: [
+      /* @__PURE__ */ e("div", { className: "flex items-start justify-end gap-0.5", children: M ? M({ onClose: s }) : /* @__PURE__ */ r(ge, { children: [
+        $ && y && i && /* @__PURE__ */ e(He, { onClick: le, label: n.edit, children: /* @__PURE__ */ e(Ft, { className: "h-[18px] w-[18px]" }) }),
+        $ && L && h && /* @__PURE__ */ e(He, { onClick: Me, label: n.cancel, children: /* @__PURE__ */ e($t, { className: "h-[18px] w-[18px]" }) }),
+        w && a && /* @__PURE__ */ e(
+          He,
+          {
+            onClick: xe,
+            label: n.delete,
+            variant: "destructive",
+            children: /* @__PURE__ */ e(ht, { className: "h-[18px] w-[18px]" })
+          }
+        ),
+        /* @__PURE__ */ e(He, { onClick: s, label: n.close, children: /* @__PURE__ */ e(je, { className: "h-[18px] w-[18px]" }) })
+      ] }) }),
+      /* @__PURE__ */ e("div", { children: /* @__PURE__ */ r("div", { className: "flex items-start gap-2", children: [
+        /* @__PURE__ */ e(
+          "div",
+          {
+            className: "w-4 h-4 rounded mt-1 shrink-0",
+            style: { backgroundColor: X }
+          }
+        ),
+        /* @__PURE__ */ r("div", { className: "flex-1 min-w-0", children: [
+          /* @__PURE__ */ r("div", { className: "flex items-center gap-2 flex-wrap", children: [
+            /* @__PURE__ */ e(
+              "h2",
+              {
+                className: f(
+                  "text-[22px] font-normal text-zinc-900 dark:text-zinc-100 leading-tight",
+                  t.isCanceled && "line-through opacity-60"
+                ),
+                children: t.title
+              }
+            ),
+            t.meetingTookPlace && /* @__PURE__ */ r("span", { className: "inline-flex items-center gap-1 px-2 py-0.5 rounded-full bg-green-100 dark:bg-green-900/30 text-green-700 dark:text-green-400 text-xs font-medium", children: [
+              /* @__PURE__ */ e(Bt, { className: "h-3 w-3" }),
+              n.completed
+            ] }),
+            t.isCanceled && /* @__PURE__ */ r("span", { className: "inline-flex items-center gap-1 px-2 py-0.5 rounded-full bg-red-100 dark:bg-red-900/30 text-red-700 dark:text-red-400 text-xs font-medium", children: [
+              /* @__PURE__ */ e(je, { className: "h-3 w-3" }),
+              n.canceled
+            ] })
+          ] }),
+          /* @__PURE__ */ r("div", { className: "mt-1 text-sm text-zinc-600 dark:text-zinc-400", children: [
+            /* @__PURE__ */ e("span", { children: ke() }),
+            oe() && /* @__PURE__ */ r(ge, { children: [
+              /* @__PURE__ */ e("span", { className: "mx-1.5", children: "·" }),
+              /* @__PURE__ */ e("span", { children: oe() })
+            ] })
+          ] }),
+          d && t.recurrenceSummary && /* @__PURE__ */ e("div", { className: "text-sm text-zinc-500 dark:text-zinc-500", children: t.recurrenceSummary })
+        ] })
+      ] }) }),
+      t.isCanceled && /* @__PURE__ */ e("div", { className: "mx-4 p-3 rounded-lg bg-red-50 dark:bg-red-950/30", children: V ? V(t) : /* @__PURE__ */ e("div", { className: "flex items-start gap-0", children: /* @__PURE__ */ r("div", { className: "flex-1 min-w-0", children: [
+        /* @__PURE__ */ e("div", { className: "text-sm font-medium text-red-700 dark:text-red-400", children: n.cancellationNote }),
+        t.cancelReason && /* @__PURE__ */ r("div", { className: "mt-1 text-sm text-red-600/80 dark:text-red-400/80 italic", children: [
+          '"',
+          t.cancelReason,
+          '"'
+        ] }),
+        t.canceledDate && /* @__PURE__ */ r("div", { className: "mt-1.5 text-xs text-red-500/70 dark:text-red-400/60", children: [
+          n.canceledOn,
+          " ",
+          Qt(t.canceledDate)
+        ] })
+      ] }) }) }),
+      /* @__PURE__ */ r("div", { className: "space-y-0.5", children: [
+        t.address && /* @__PURE__ */ r("div", { className: "flex items-start gap-2", children: [
+          /* @__PURE__ */ e(Rt, { className: "h-5 w-5 text-zinc-400 mt-0.5 shrink-0" }),
+          /* @__PURE__ */ e("span", { className: "text-sm text-zinc-700 dark:text-zinc-300", children: t.address })
+        ] }),
+        (U || _.length > 0) && /* @__PURE__ */ r("div", { className: "flex items-start gap-2 py-0", children: [
+          /* @__PURE__ */ e(_t, { className: "h-5 w-5 text-zinc-400 mt-0.5 shrink-0" }),
+          /* @__PURE__ */ r("div", { className: "flex-1", children: [
+            /* @__PURE__ */ r("div", { className: "flex items-center gap-0", children: [
+              /* @__PURE__ */ r("span", { className: "text-sm text-zinc-900 dark:text-zinc-100 font-medium", children: [
+                ee,
+                " ",
+                ee !== 1 ? n.guests : n.guest
+              ] }),
+              ee > 0 && /* @__PURE__ */ r("span", { className: "text-xs text-zinc-500", children: [
+                "(",
+                De,
+                " ",
+                n.confirmed,
+                ")"
+              ] })
+            ] }),
+            /* @__PURE__ */ r("div", { className: "mt-2 space-y-2", children: [
+              U ? D.slice(0, 6).map(
+                (S, B) => R ? R(S, B) : /* @__PURE__ */ e(
+                  Ye,
+                  {
+                    participant: S,
+                    isEventCanceled: t.isCanceled,
+                    labels: n
+                  },
+                  S.id
+                )
+              ) : _.slice(0, 6).map((S, B) => {
+                const te = {
+                  id: String(B),
+                  name: S,
+                  email: "",
+                  isConfirmed: t.isAccepted,
+                  isOrganizer: B === 0,
+                  isClient: !1
+                };
+                return R ? R(te, B) : /* @__PURE__ */ e(
+                  Ye,
+                  {
+                    participant: te,
+                    isEventCanceled: t.isCanceled,
+                    labels: n
+                  },
+                  S
+                );
+              }),
+              ee > 6 && /* @__PURE__ */ r("div", { className: "text-xs text-zinc-500 py-1.5 pl-10", children: [
+                "+",
+                ee - 6,
+                " ",
+                n.more
+              ] })
+            ] })
+          ] })
+        ] }),
+        t.description && /* @__PURE__ */ r("div", { className: "flex items-start gap-2", children: [
+          /* @__PURE__ */ e(Vt, { className: "h-5 w-5 text-zinc-400 mt-0.5 shrink-0" }),
+          /* @__PURE__ */ e("p", { className: "text-sm text-zinc-700 dark:text-zinc-300 whitespace-pre-wrap", children: t.description })
+        ] }),
+        /* @__PURE__ */ r("div", { className: "flex items-start gap-2", children: [
+          /* @__PURE__ */ e(Ut, { className: "h-5 w-5 text-zinc-400 mt-0.5 shrink-0" }),
+          /* @__PURE__ */ e("div", { className: "text-sm text-zinc-700 dark:text-zinc-300", children: U && D.find((S) => S.isOrganizer)?.name || _[0] || "Calendar" })
+        ] })
+      ] }),
+      Q && m && c && /* @__PURE__ */ e("div", { className: "border-t border-zinc-100 dark:border-zinc-800 mt-3 py-3", children: /* @__PURE__ */ r("div", { className: "flex items-center gap-2", children: [
+        d ? /* @__PURE__ */ r(wt, { children: [
+          /* @__PURE__ */ e(bt, { asChild: !0, children: /* @__PURE__ */ r("div", { className: "flex", children: [
+            /* @__PURE__ */ e(
+              ye,
+              {
+                size: "sm",
+                variant: "outline",
+                className: f(
+                  "rounded-r-none gap-1.5 h-8 !border-none !bg-green-100 text-green-800 hover:!bg-green-200",
+                  z && "!bg-green-700 !text-white hover:!bg-green-700"
+                ),
+                onClick: (S) => {
+                  S.stopPropagation(), z || m(t);
+                },
+                disabled: E,
+                children: E ? /* @__PURE__ */ e(Ce, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ r(ge, { children: [
+                  z && /* @__PURE__ */ e(Te, { className: "h-3.5 w-3.5" }),
+                  n.going
+                ] })
+              }
+            ),
+            /* @__PURE__ */ e(
+              ye,
+              {
+                size: "sm",
+                variant: "outline",
+                className: f(
+                  "rounded-l-none px-1.5 h-8 !border-none !bg-green-100 text-green-800 hover:!bg-green-200",
+                  z && "!bg-green-700 !text-white hover:!bg-green-700"
+                ),
+                children: /* @__PURE__ */ e(Ot, { className: "h-3.5 w-3.5" })
+              }
+            )
+          ] }) }),
+          /* @__PURE__ */ r(yt, { align: "start", children: [
+            /* @__PURE__ */ r(
+              Re,
+              {
+                className: f(
+                  "gap-1.5 h-8 !border-none !bg-green-50 text-green-800 hover:!bg-green-100",
+                  z && "!bg-green-700 !text-white hover:!bg-green-700"
+                ),
+                onClick: () => m(t),
+                children: [
+                  /* @__PURE__ */ e(Te, { className: "h-3.5 w-3.5 mr-2 text-green-600" }),
+                  n.acceptThisEvent
+                ]
+              }
+            ),
+            /* @__PURE__ */ r(Re, { onClick: () => m(t), children: [
+              /* @__PURE__ */ e(Te, { className: "h-3.5 w-3.5 mr-2 text-green-600" }),
+              n.acceptAllEvents
+            ] })
+          ] })
+        ] }) : /* @__PURE__ */ e(
+          ye,
+          {
+            size: "sm",
+            variant: "outline",
+            className: f(
+              "gap-1.5 h-8 !border-none !bg-green-100 text-green-800 hover:!bg-green-200",
+              z && "!bg-green-700 !text-white hover:!bg-green-700"
+            ),
+            onClick: () => {
+              z || m(t);
+            },
+            disabled: E,
+            children: E ? /* @__PURE__ */ e(Ce, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ r(ge, { children: [
+              z && /* @__PURE__ */ e(Te, { className: "h-3.5 w-3.5" }),
+              n.going
+            ] })
+          }
+        ),
+        /* @__PURE__ */ e(
+          ye,
+          {
+            size: "sm",
+            variant: "outline",
+            className: f(
+              "gap-1.5 h-8 !border-none !bg-rose-100 text-rose-800 hover:!bg-rose-200",
+              re && "!bg-rose-700 !text-white hover:!bg-rose-700"
+            ),
+            onClick: () => {
+              re || c(t);
+            },
+            disabled: b,
+            children: b ? /* @__PURE__ */ e(Ce, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ r(ge, { children: [
+              re && /* @__PURE__ */ e(je, { className: "h-3.5 w-3.5" }),
+              n.notGoing
+            ] })
+          }
+        )
+      ] }) }),
+      A && z && !t.meetingTookPlace && !t.isCanceled && v && /* @__PURE__ */ e("div", { className: "border-t border-zinc-100 dark:border-zinc-800 py-3", children: /* @__PURE__ */ r(
+        ye,
+        {
+          size: "sm",
+          variant: "outline",
+          className: "w-full h-9 hover:!bg-green-100 hover:text-green-700 text-green-700 !bg-green-100 !border-none dark:text-green-400 dark:hover:bg-green-950/30",
+          onClick: () => v(t),
+          disabled: I,
+          children: [
+            I && /* @__PURE__ */ e(Ce, { className: "h-4 w-4 mr-2" }),
+            n.confirmMeeting
+          ]
+        }
+      ) })
+    ] }),
+    p ? Y && p({
+      onConfirm: g,
+      onCancel: () => G(!1),
+      isLoading: O
+    }) : /* @__PURE__ */ e(
+      Jt,
+      {
+        open: Y,
+        onOpenChange: G,
+        title: n.deleteConfirmTitle,
+        description: n.deleteConfirmDescription,
+        cancelLabel: n.cancel,
+        confirmLabel: n.delete,
+        onConfirm: g,
+        isLoading: O
+      }
+    )
+  ] });
+}
+function br({
+  event: t,
+  children: n,
+  open: o,
+  onOpenChange: s,
+  isLoading: i,
+  labels: a,
+  onEdit: h,
+  onDelete: m,
+  onCancel: c,
+  onAccept: v,
+  onDecline: y,
+  onConfirmMeeting: w,
+  canEdit: L = !0,
+  canDelete: A = !1,
+  canCancel: j = !0,
+  isCurrentUserParticipant: P,
+  isCurrentUserClient: E,
+  currentUserAcceptStatus: b,
+  isAcceptLoading: I,
+  isDeclineLoading: O,
+  isConfirmLoading: R,
+  isDeleteLoading: M,
+  renderParticipant: V,
+  renderHeaderActions: p,
+  renderCancelReason: N,
+  renderDeleteConfirmation: F,
+  formatDate: Y,
+  formatTimeRange: G,
+  className: $,
+  width: d = 360
+}) {
+  const D = Zt("(min-width: 768px)"), _ = { ...Yt, ...a }, U = W(() => {
+    s?.(!1);
+  }, [s]), z = {
+    event: t,
+    labels: _,
+    isLoading: i,
+    onClose: U,
+    onEdit: h,
+    onDelete: m,
+    onCancel: c,
+    onAccept: v,
+    onDecline: y,
+    onConfirmMeeting: w,
+    canEdit: L,
+    canDelete: A,
+    canCancel: j,
+    isCurrentUserParticipant: P,
+    isCurrentUserClient: E,
+    currentUserAcceptStatus: b,
+    isAcceptLoading: I,
+    isDeclineLoading: O,
+    isConfirmLoading: R,
+    isDeleteLoading: M,
+    renderParticipant: V,
+    renderHeaderActions: p,
+    renderCancelReason: N,
+    renderDeleteConfirmation: F,
+    formatDate: Y,
+    formatTimeRange: G
+  };
+  return D ? /* @__PURE__ */ r(it, { open: o ?? !1, onOpenChange: s ?? (() => {
+  }), children: [
+    /* @__PURE__ */ e(lt, { asChild: !0, children: n }),
+    /* @__PURE__ */ e(
+      ct,
+      {
+        className: f(
+          "p-0 shadow-lg !rounded-2xl bg-white dark:bg-zinc-900 overflow-hidden border z-50",
+          $
+        ),
+        style: { width: d },
+        align: "center",
+        side: "bottom",
+        sideOffset: 4,
+        children: /* @__PURE__ */ e(Ge, { ...z })
+      }
+    )
+  ] }) : /* @__PURE__ */ r(ge, { children: [
+    n,
+    /* @__PURE__ */ e(
+      Kt,
+      {
+        open: o ?? !1,
+        onOpenChange: s ?? (() => {
+        }),
+        title: t.title,
+        children: /* @__PURE__ */ e(Ge, { ...z })
+      }
+    )
+  ] });
+}
+const Ae = 44, Ke = 4, en = 56, Je = 8, ze = 80, Le = 140, qe = 100, Xe = 2, tn = 8, nn = 18;
+function rn(t) {
+  return t.split(" ").map((n) => n[0]).join("").toUpperCase().slice(0, 2);
+}
+function on(t, n) {
+  const o = [];
+  for (let s = 0; s < n; s++) {
+    const i = new Date(t);
+    i.setDate(i.getDate() + s), o.push(i);
+  }
+  return o;
+}
+function sn(t, n, o) {
+  const s = [];
+  return t.forEach((i, a) => {
+    for (let h = n; h < o; h++)
+      s.push({ hour: h, dayIndex: a, date: i });
+  }), s;
+}
+function Fe(t) {
+  return `${t.toString().padStart(2, "0")}:00`;
+}
+function an(t) {
+  return t.toLocaleDateString("en-US", {
+    weekday: "short",
+    month: "short",
+    day: "numeric"
+  });
+}
+function Qe(t) {
+  const n = [...t].sort((i, a) => i.startCol !== a.startCol ? i.startCol - a.startCol : a.spanCols - i.spanCols), o = [], s = [];
+  for (const i of n) {
+    let a = 0;
+    for (; s[a] !== void 0 && s[a] > i.startCol; )
+      a++;
+    s[a] = i.startCol + i.spanCols, o.push({
+      ...i,
+      stackIndex: a
+    });
+  }
+  return o;
+}
+function ln({ src: t, alt: n, fallback: o, className: s }) {
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      className: f(
+        "relative flex shrink-0 overflow-hidden rounded-sm border bg-muted",
+        s
+      ),
+      children: t ? /* @__PURE__ */ e(
+        "img",
+        {
+          src: t,
+          alt: n,
+          className: "aspect-square h-full w-full object-cover"
+        }
+      ) : /* @__PURE__ */ e("div", { className: "flex h-full w-full items-center justify-center bg-muted text-muted-foreground", children: o })
+    }
+  );
+}
+const cn = 7;
+function Ee({
+  daysToShow: t = cn,
+  events: n,
+  users: o = [],
+  selectedDate: s,
+  onDateChange: i,
+  onEventClick: a,
+  onSlotClick: h,
+  onSlotSelect: m,
+  visibleHours: c,
+  className: v,
+  getEventUserId: y,
+  renderPopover: w,
+  slots: L,
+  classNames: A,
+  enableDrag: j = !0
+}) {
+  const P = ae(null), E = Lt(), [b, I] = ie(null), O = ae(!1), [R, M] = ie(null), V = s ?? /* @__PURE__ */ new Date(), p = !0, N = c?.from ?? tn, F = c?.to ?? nn, Y = F - N, G = q(() => {
+    const l = new Date(V);
+    if (t === 1 || t === 3)
+      return l.setHours(0, 0, 0, 0), l;
+    const u = l.getDay(), x = u === 0 ? -6 : 1 - u;
+    return l.setDate(l.getDate() + x), l.setHours(0, 0, 0, 0), l;
+  }, [V, t]), $ = q(
+    () => on(G, t),
+    [G, t]
+  ), d = q(
+    () => sn($, N, F),
+    [p, $, N, F]
+  ), _ = y ?? ((l) => {
+    if (l.resourceId) return l.resourceId;
+    const u = l.data;
+    if (u?.userId) return String(u.userId);
+    if (u?.user && typeof u.user == "object" && u.user.id)
+      return String(u.user.id);
+    if (l.user?.id) return l.user.id;
+    if (l.participants?.[0]?.id) return l.participants[0].id;
+  }), U = q(() => {
+    const l = /* @__PURE__ */ new Map();
+    for (const u of o)
+      l.set(u.id, {
+        id: u.id,
+        name: u.name,
+        avatar: u.avatar ?? void 0,
+        email: u.email
+      });
+    for (const u of n) {
+      const k = u.data?.user;
+      k?.id && !l.has(k.id) && l.set(k.id, {
+        id: k.id,
+        name: k.name ?? "",
+        avatar: k.avatar ?? void 0,
+        email: k.email
+      }), u.user?.id && !l.has(u.user.id) && l.set(u.user.id, {
+        id: u.user.id,
+        name: u.user.name,
+        avatar: u.user.avatar ?? void 0,
+        email: u.user.email
+      });
+      for (const C of u.participants || [])
+        C.id && !l.has(C.id) && l.set(C.id, {
+          id: C.id,
+          name: C.name,
+          avatar: C.avatar ?? void 0,
+          email: C.email
+        });
+    }
+    return Array.from(l.values());
+  }, [o, n]), z = q(() => {
+    const l = [], u = /* @__PURE__ */ new Map();
+    for (const C of U)
+      u.set(C.id, []);
+    u.set("unassigned", []);
+    for (const C of n) {
+      const T = _(C) ?? "unassigned";
+      (u.get(T) ?? u.get("unassigned")).push(C);
+    }
+    const x = (C) => {
+      const T = [];
+      for (const H of C) {
+        const K = H.startDate.getHours() + H.startDate.getMinutes() / 60, Z = H.endDate.getHours() + H.endDate.getMinutes() / 60;
+        for (let J = 0; J < $.length; J++) {
+          const ne = $[J], ve = We(ne), we = dt(ne);
+          if (H.startDate <= we && H.endDate >= ve) {
+            let be = N, Se = F;
+            if (H.startDate >= ve && (be = Math.max(N, K)), H.endDate <= we && (Se = Math.min(F, Z)), be = Math.max(
+              N,
+              Math.min(F, be)
+            ), Se = Math.max(
+              N,
+              Math.min(F, Se)
+            ), Se > be) {
+              const _e = J * Y + Math.floor(be - N), ft = J * Y + Math.ceil(Se - N);
+              T.push({
+                event: H,
+                startCol: _e,
+                spanCols: Math.max(1, ft - _e)
+              });
+            }
+          }
+        }
+      }
+      return T;
+    };
+    for (const C of U) {
+      const T = u.get(C.id) ?? [], H = x(T), K = Qe(H), Z = K.reduce(
+        (J, ne) => Math.max(J, ne.stackIndex + 1),
+        0
+      );
+      l.push({
+        user: C,
+        events: K,
+        maxStack: Math.max(Z, 1)
+      });
+    }
+    const k = u.get("unassigned") ?? [];
+    if (k.length > 0) {
+      const C = x(k), T = Qe(C), H = T.reduce(
+        (K, Z) => Math.max(K, Z.stackIndex + 1),
+        0
+      );
+      l.push({
+        user: {
+          id: "unassigned",
+          name: "Unassigned",
+          avatar: void 0,
+          email: void 0
+        },
+        events: T,
+        maxStack: Math.max(H, 1)
+      });
+    }
+    return l.filter((C) => C.events.length > 0);
+  }, [
+    U,
+    n,
+    $,
+    p,
+    Y,
+    N,
+    F,
+    _
+  ]), re = q(() => {
+    const l = /* @__PURE__ */ new Map();
+    for (const u of z)
+      for (const x of u.events)
+        if (x.spanCols === 1) {
+          const k = l.get(x.startCol) ?? 0;
+          l.set(x.startCol, k + 1);
+        }
+    return l;
+  }, [z]), Q = q(() => {
+    const l = d.length, u = ze, x = [];
+    for (let k = 0; k < l; k++) {
+      const C = re.get(k) ?? 0;
+      C > Xe ? x.push(
+        qe + (C - Xe) * 20
+      ) : C > 0 ? x.push(Math.max(u, qe)) : x.push(u);
+    }
+    return x;
+  }, [
+    p,
+    d.length,
+    $.length,
+    re
+  ]), De = (l) => Math.max(
+    en,
+    l * (Ae + Ke) + Je * 2
+  ), ee = Le + Q.reduce((l, u) => l + u, 0), X = q(() => {
+    const l = [0];
+    for (let u = 0; u < Q.length; u++)
+      l.push(l[u] + Q[u]);
+    return l;
+  }, [Q]);
+  xt(() => {
+    const l = P.current;
+    if (!l) return;
+    const u = () => {
+      let x = -1;
+      const C = (/* @__PURE__ */ new Date()).getHours();
+      {
+        for (let T = 0; T < d.length; T++) {
+          const H = d[T];
+          if (H && se(H.date) && H.hour <= C && H.hour + 1 > C) {
+            x = T;
+            break;
+          }
+        }
+        if (x === -1)
+          for (let T = 0; T < d.length; T++) {
+            const H = d[T];
+            if (H && se(H.date)) {
+              x = T;
+              break;
+            }
+          }
+      }
+      if (x !== -1) {
+        const T = (X[x] ?? 0) + Le, H = l.clientWidth, K = Math.max(0, T - H / 3);
+        l.scrollTo({
+          left: K,
+          behavior: "instant"
+        });
+      }
+    };
+    requestAnimationFrame(() => {
+      requestAnimationFrame(u);
+    });
+  }, [V, d, $, X, p]);
+  const ke = W(
+    (l, u) => {
+      const x = u.getBoundingClientRect(), k = l - x.left + u.scrollLeft;
+      for (let C = 0; C < X.length - 1; C++) {
+        const T = X[C], H = X[C + 1];
+        if (k >= T && k < H) {
+          const K = (k - T) / (H - T), Z = Math.floor(K * 60), J = Math.round(Z / 15) * 15;
+          return { colIndex: C, minute: Math.min(J, 45) };
+        }
+      }
+      return null;
+    },
+    [X]
+  ), oe = W(
+    (l, u) => {
+      if (d[l]) {
+        const x = d[l], k = new Date(x.date);
+        return k.setHours(x.hour, u ?? 0, 0, 0), { date: k, hour: x.hour };
+      }
+      return { date: /* @__PURE__ */ new Date() };
+    },
+    [p, d, $]
+  ), le = W(
+    (l, u) => {
+      if (l.preventDefault(), l.dataTransfer.dropEffect = "move", !E?.isDragging || !E.dragState) return;
+      const x = l.currentTarget, k = ke(l.clientX, x);
+      if (!k) return;
+      const { colIndex: C, minute: T } = k, { date: H, hour: K } = oe(C, T);
+      E.updateDragPreview(H, K, T, u);
+      const { originalStartDate: Z, originalEndDate: J } = E.dragState, ne = J.getTime() - Z.getTime(), ve = d.length;
+      let we;
+      {
+        const be = ne / 36e5;
+        we = Math.max(1, Math.ceil(be));
+      }
+      we = Math.min(we, ve - C), M({ resourceId: u, colIndex: C, spanCols: we });
+    },
+    [E, ke, oe, p, d.length, $.length]
+  ), Me = W(
+    (l) => {
+      const u = l.relatedTarget;
+      l.currentTarget.contains(u) || M(null);
+    },
+    []
+  ), xe = W(
+    (l, u) => {
+      l.preventDefault(), M(null), E?.isDragging && E.endDrag();
+    },
+    [E]
+  ), g = W(
+    (l, u) => {
+      if (!b || b.resourceId !== l) return !1;
+      const x = Math.min(b.startCol, b.endCol), k = Math.max(b.startCol, b.endCol);
+      return u >= x && u <= k;
+    },
+    [b]
+  ), S = W(
+    (l, u) => !R || R.resourceId !== l ? !1 : u >= R.colIndex && u < R.colIndex + R.spanCols,
+    [R]
+  ), B = W(
+    (l, u, x) => {
+      x.button !== 0 && x.pointerType === "mouse" || (m || h) && (x.preventDefault(), O.current = !0, I({ resourceId: l, startCol: u, endCol: u, isSelecting: !0 }));
+    },
+    [m, h]
+  ), te = W(
+    (l, u, x) => {
+      if (O.current && !(!b || b.resourceId !== l)) {
+        if (x.buttons === 0) {
+          O.current = !1;
+          return;
+        }
+        I((k) => k ? { ...k, endCol: u } : null);
+      }
+    },
+    [b]
+  ), Ne = W(() => {
+    if (!O.current || !b) return;
+    O.current = !1;
+    const l = Math.min(b.startCol, b.endCol), u = Math.max(b.startCol, b.endCol), x = oe(l), k = oe(u), C = new Date(x.date), T = new Date(k.date);
+    k.hour !== void 0 && T.setHours(k.hour + 1, 0, 0, 0);
+    const H = {
+      startDate: C,
+      endDate: T,
+      resourceId: b.resourceId
+    };
+    l === u && h && h(x.date, x.hour, b.resourceId), m?.(H), I((K) => K ? { ...K, isSelecting: !1 } : null), setTimeout(() => I(null), 150);
+  }, [b, oe, p, h, m]);
+  return pe(() => {
+    const l = () => {
+      O.current && Ne();
+    };
+    return window.addEventListener("pointerup", l), window.addEventListener("pointercancel", l), () => {
+      window.removeEventListener("pointerup", l), window.removeEventListener("pointercancel", l);
+    };
+  }, [Ne]), pe(() => {
+    E?.isDragging || M(null);
+  }, [E?.isDragging]), /* @__PURE__ */ e("div", { className: f("flex h-full flex-col", v), children: /* @__PURE__ */ e("div", { className: "ic-timeline-scroll-container flex-1", ref: P, children: /* @__PURE__ */ r("div", { className: "relative", style: { minWidth: ee }, children: [
+    // Hour mode: Day headers + Hour sub-headers - sticky wrapper with flex child (sticky + flex breaks sticky)
+    /* @__PURE__ */ e("div", { className: "ic-timeline-header sticky top-0 z-20 border-b bg-background", children: t > 1 ? (
+      // Multi-day: Resources cell spans both day-header + hour-header rows
+      /* @__PURE__ */ r("div", { className: "flex", children: [
+        /* @__PURE__ */ e(
+          "div",
+          {
+            className: "flex shrink-0 items-center justify-center border-r bg-background px-2 sticky left-0 z-10",
+            style: { width: Le },
+            children: /* @__PURE__ */ e("span", { className: "text-[10px] font-medium uppercase text-muted-foreground", children: "Resources" })
+          }
+        ),
+        /* @__PURE__ */ r("div", { className: "flex min-w-0 flex-col", children: [
+          /* @__PURE__ */ e("div", { className: "flex border-b", children: $.map((l, u) => {
+            const x = se(l), k = u * Y, C = Q.slice(k, k + Y).reduce((T, H) => T + H, 0);
+            return /* @__PURE__ */ e(
+              "div",
+              {
+                className: f(
+                  "flex shrink-0 items-center justify-center border-r py-1.5 font-medium",
+                  x ? "bg-primary/10 text-primary" : "bg-muted/30"
+                ),
+                style: { width: C },
+                children: /* @__PURE__ */ e("span", { className: "text-xs", children: an(l) })
+              },
+              `day-${l.toISOString()}`
+            );
+          }) }),
+          /* @__PURE__ */ e("div", { className: "flex", children: d.map((l, u) => {
+            const x = l.hour === N, k = se(l.date), C = Q[u] ?? ze;
+            return /* @__PURE__ */ e(
+              "div",
+              {
+                className: f(
+                  "flex shrink-0 items-center justify-center py-1.5 text-[10px] text-muted-foreground",
+                  x && u > 0 ? "border-l-2 border-l-border" : "border-r border-r-border/50",
+                  k && "bg-primary/5"
+                ),
+                style: { width: C },
+                children: Fe(l.hour)
+              },
+              `hour-${l.dayIndex}-${l.hour}`
+            );
+          }) })
+        ] })
+      ] })
+    ) : (
+      // Single-day: simple single row
+      /* @__PURE__ */ r("div", { className: "flex", children: [
+        /* @__PURE__ */ e(
+          "div",
+          {
+            className: "flex shrink-0 items-center border-r bg-background px-2 py-2",
+            style: { width: Le },
+            children: /* @__PURE__ */ e("span", { className: "text-[10px] font-medium uppercase text-muted-foreground", children: "Resources" })
+          }
+        ),
+        d.map((l, u) => {
+          const x = l.hour === N, k = se(l.date), C = Q[u] ?? ze;
+          return /* @__PURE__ */ e(
+            "div",
+            {
+              className: f(
+                "flex shrink-0 items-center justify-center py-1.5 text-[10px] text-muted-foreground",
+                x && u > 0 ? "border-l-2 border-l-border" : "border-r border-r-border/50",
+                k && "bg-primary/5"
+              ),
+              style: { width: C },
+              children: Fe(l.hour)
+            },
+            `hour-${l.dayIndex}-${l.hour}`
+          );
+        })
+      ] })
+    ) }),
+    z.map((l) => {
+      const u = De(l.maxStack);
+      return /* @__PURE__ */ r(
+        "div",
+        {
+          className: f(
+            "relative flex border-b",
+            A?.resourceRow
+          ),
+          style: { height: u },
+          children: [
+            /* @__PURE__ */ e(
+              "div",
+              {
+                className: "sticky left-0 z-10",
+                style: { width: Le },
+                children: /* @__PURE__ */ r(
+                  "div",
+                  {
+                    className: f(
+                      "flex h-full items-center gap-2 sm:gap-3 border-r bg-background px-2 sm:px-4",
+                      A?.resourceHeader
+                    ),
+                    children: [
+                      /* @__PURE__ */ e(
+                        ln,
+                        {
+                          className: "size-7",
+                          src: l.user.avatar,
+                          alt: l.user.name,
+                          fallback: rn(l.user.name)
+                        }
+                      ),
+                      /* @__PURE__ */ e("span", { className: "truncate text-xs sm:text-sm font-medium", children: l.user.name })
+                    ]
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ r(
+              "div",
+              {
+                className: "ic-timeline-grid relative flex",
+                onDragOver: (x) => le(x, l.user.id),
+                onDragLeave: Me,
+                onDrop: (x) => xe(x, l.user.id),
+                children: [
+                  // Hour mode cells — interactive buttons for slot selection
+                  d.map((x, k) => {
+                    const C = x.hour === N && k > 0, T = Q[k] ?? ze, H = g(l.user.id, k), K = S(l.user.id, k), Z = !!(m || h);
+                    return /* @__PURE__ */ e(
+                      "div",
+                      {
+                        role: Z ? "button" : void 0,
+                        tabIndex: Z ? 0 : void 0,
+                        "aria-label": Z ? `Select ${Fe(x.hour)} on ${x.date.toLocaleDateString()} for ${l.user.name}` : void 0,
+                        onPointerDown: (J) => B(l.user.id, k, J),
+                        onPointerEnter: (J) => te(l.user.id, k, J),
+                        onPointerUp: Ne,
+                        onKeyDown: (J) => {
+                          if (Z && (J.key === "Enter" || J.key === " ")) {
+                            J.preventDefault();
+                            const ne = oe(k);
+                            h?.(ne.date, ne.hour, l.user.id), m?.({
+                              startDate: ne.date,
+                              endDate: (() => {
+                                const ve = new Date(ne.date);
+                                return ne.hour !== void 0 && ve.setHours(ne.hour + 1, 0, 0, 0), ve;
+                              })(),
+                              resourceId: l.user.id
+                            });
+                          }
+                        },
+                        className: f(
+                          "shrink-0 select-none touch-none transition-colors",
+                          Z && "cursor-pointer",
+                          C ? "border-l-2 border-l-border" : "border-r border-r-border/50",
+                          se(x.date) && "bg-primary/5",
+                          // Hover — subtle feedback (only when not selecting or dragging)
+                          Z && !b?.isSelecting && !E?.isDragging && "hover:bg-blue-50/60",
+                          // Slot selection highlight
+                          H && "bg-blue-100/70",
+                          // Drop target highlight
+                          K && "bg-primary/20 ring-2 ring-primary ring-inset"
+                        ),
+                        style: { width: T }
+                      },
+                      `cell-${x.dayIndex}-${x.hour}`
+                    );
+                  }),
+                  l.events.map((x) => {
+                    const k = (X[x.startCol] ?? 0) + 2, C = X[x.startCol + x.spanCols] ?? X[X.length - 1] ?? 0, T = X[x.startCol] ?? 0, H = C - T - 4, K = Je + x.stackIndex * (Ae + Ke);
+                    return /* @__PURE__ */ e(
+                      "div",
+                      {
+                        className: "absolute",
+                        style: {
+                          left: k,
+                          width: Math.max(H, 0),
+                          // No forced minimum - columns are guaranteed wide enough
+                          top: K,
+                          height: Ae
+                        },
+                        children: /* @__PURE__ */ e(
+                          kt,
+                          {
+                            event: x.event,
+                            variant: "compact",
+                            enableDrag: j,
+                            onClick: a,
+                            renderPopover: w,
+                            className: f(
+                              "h-full w-full",
+                              A?.eventCardCompact
+                            )
+                          }
+                        )
+                      },
+                      x.event.id
+                    );
+                  })
+                ]
+              }
+            )
+          ]
+        },
+        l.user.id
+      );
+    }),
+    z.length === 0 && /* @__PURE__ */ e("div", { className: "flex items-center justify-center py-20 text-muted-foreground", children: "No users or events to display" })
+  ] }) }) });
+}
+const dn = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], un = [
+  "January",
+  "February",
+  "March",
+  "April",
+  "May",
+  "June",
+  "July",
+  "August",
+  "September",
+  "October",
+  "November",
+  "December"
+];
+function Ze(t) {
+  const n = t.hexColor;
+  return n ? { backgroundColor: n } : {};
+}
+function hn({ day: t, date: n, events: o, isCurrentMonth: s, onDayClick: i }) {
+  const a = se(n), h = 3, m = o.length;
+  return /* @__PURE__ */ r(
+    "button",
+    {
+      type: "button",
+      onClick: () => i?.(n),
+      className: f(
+        "flex h-9 sm:h-11 flex-1 flex-col items-center justify-start gap-0.5 rounded-md pt-0.5 sm:pt-1",
+        "hover:bg-accent focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
+        "transition-colors",
+        !s && "opacity-40"
+      ),
+      children: [
+        /* @__PURE__ */ e(
+          "div",
+          {
+            className: f(
+              "flex size-5 sm:size-6 items-center justify-center rounded-full text-[10px] sm:text-xs font-medium",
+              a && "bg-primary font-semibold text-primary-foreground"
+            ),
+            children: t
+          }
+        ),
+        m > 0 && /* @__PURE__ */ e("div", { className: "mt-0.5 flex items-center gap-0.5", children: m <= h ? o.map((c) => /* @__PURE__ */ e(
+          "div",
+          {
+            className: "size-1 sm:size-1.5 rounded-full bg-primary",
+            style: Ze(c)
+          },
+          c.id
+        )) : /* @__PURE__ */ r(ge, { children: [
+          o.slice(0, h).map((c) => /* @__PURE__ */ e(
+            "div",
+            {
+              className: "size-1 sm:size-1.5 rounded-full bg-primary",
+              style: Ze(c)
+            },
+            c.id
+          )),
+          /* @__PURE__ */ r("span", { className: "text-[6px] sm:text-[7px] font-medium text-muted-foreground", children: [
+            "+",
+            m - h
+          ] })
+        ] }) })
+      ]
+    }
+  );
+}
+function mn({
+  date: t,
+  events: n,
+  onMonthClick: o,
+  onDayClick: s
+}) {
+  const i = q(() => jt(t, 0), [t]);
+  return /* @__PURE__ */ r("div", { className: "flex flex-col", children: [
+    /* @__PURE__ */ e(
+      "button",
+      {
+        type: "button",
+        onClick: () => o?.(t),
+        className: f(
+          "w-full rounded-t-lg border px-2 sm:px-3 py-1.5 sm:py-2 text-xs sm:text-sm font-semibold",
+          "hover:bg-accent focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
+          "transition-colors"
+        ),
+        children: un[t.getMonth()]
+      }
+    ),
+    /* @__PURE__ */ r("div", { className: "flex-1 space-y-1.5 sm:space-y-2 rounded-b-lg border border-t-0 p-2 sm:p-3", children: [
+      /* @__PURE__ */ e("div", { className: "grid grid-cols-7 gap-x-0.5 text-center", children: dn.map((a, h) => /* @__PURE__ */ r("div", { className: "text-[9px] sm:text-xs font-medium text-muted-foreground", children: [
+        /* @__PURE__ */ e("span", { className: "sm:hidden", children: a[0] }),
+        /* @__PURE__ */ e("span", { className: "hidden sm:inline", children: a })
+      ] }, h)) }),
+      /* @__PURE__ */ e("div", { className: "grid grid-cols-7 gap-x-0.5 gap-y-1", children: i.map((a, h) => {
+        const m = Pt(n, a.date);
+        return /* @__PURE__ */ e(
+          hn,
+          {
+            day: a.date.getDate(),
+            date: a.date,
+            events: m,
+            isCurrentMonth: a.isCurrentMonth,
+            onDayClick: s
+          },
+          `${h + 1}-${a.date.toISOString()}`
+        );
+      }) })
+    ] })
+  ] });
+}
+function fn({
+  events: t,
+  year: n,
+  onMonthClick: o,
+  onDayClick: s,
+  className: i,
+  slots: a,
+  classNames: h
+}) {
+  const m = q(() => It(n), [n]);
+  return /* @__PURE__ */ r("div", { className: f("flex flex-col h-full", i), children: [
+    /* @__PURE__ */ e("div", { className: "flex items-center justify-center border-b px-4 py-3", children: /* @__PURE__ */ e("h2", { className: "text-lg font-semibold", children: n }) }),
+    /* @__PURE__ */ e("div", { className: "flex-1 overflow-auto p-4", children: /* @__PURE__ */ e("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4", children: m.map((c) => /* @__PURE__ */ e(
+      mn,
+      {
+        date: c,
+        events: t,
+        onMonthClick: o,
+        onDayClick: s
+      },
+      c.getMonth()
+    )) }) })
+  ] });
+}
+const Ie = 200, gn = 60, pn = 300, et = 3;
+function xn() {
+  return /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ e("path", { d: "m18 15-6-6-6 6" }) });
+}
+function vn() {
+  return /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ e("path", { d: "m6 9 6 6 6-6" }) });
+}
+function wn() {
+  return /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ e("path", { d: "m15 18-6-6 6-6" }) });
+}
+function bn() {
+  return /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ e("path", { d: "m9 18 6-6-6-6" }) });
+}
+function yn({ containerRef: t, className: n }) {
+  const [o, s] = ie({
+    canUp: !1,
+    canDown: !1,
+    canLeft: !1,
+    canRight: !1
+  }), i = o.canUp || o.canDown || o.canLeft || o.canRight, a = ae(null), h = ae(null), m = ae(null), c = ae(!1), v = ae({ x: 0, y: 0 }), y = ae(0), w = W(() => {
+    const p = t.current;
+    if (!p) return;
+    const N = 4;
+    s({
+      canUp: p.scrollTop > N,
+      canDown: p.scrollTop + p.clientHeight < p.scrollHeight - N,
+      canLeft: p.scrollLeft > N,
+      canRight: p.scrollLeft + p.clientWidth < p.scrollWidth - N
+    });
+  }, [t]);
+  pe(() => {
+    const p = t.current;
+    if (!p) return;
+    w(), p.addEventListener("scroll", w, { passive: !0 });
+    const N = new ResizeObserver(w);
+    N.observe(p);
+    const F = new MutationObserver(w);
+    return F.observe(p, { childList: !0, subtree: !0 }), () => {
+      p.removeEventListener("scroll", w), N.disconnect(), F.disconnect();
+    };
+  }, [t, w]);
+  const L = W(
+    (p, N) => {
+      t.current?.scrollBy({ left: p, top: N, behavior: "smooth" });
+    },
+    [t]
+  ), A = W(() => L(0, -Ie), [L]), j = W(() => L(0, Ie), [L]), P = W(() => L(-Ie, 0), [L]), E = W(() => L(Ie, 0), [L]), b = W(() => {
+    a.current && (clearTimeout(a.current), a.current = null), h.current && (clearInterval(h.current), h.current = null);
+  }, []), I = W(
+    (p) => {
+      p(), a.current = setTimeout(() => {
+        h.current = setInterval(p, gn);
+      }, pn);
+    },
+    []
+  );
+  pe(() => b, [b]);
+  const O = W(
+    (p) => {
+      p.preventDefault(), c.current = !0, v.current = { x: p.clientX, y: p.clientY }, p.target.setPointerCapture(p.pointerId);
+      const N = () => {
+        c.current && (y.current = requestAnimationFrame(N));
+      };
+      y.current = requestAnimationFrame(N);
+    },
+    []
+  ), R = W(
+    (p) => {
+      if (!c.current) return;
+      const N = t.current;
+      if (!N) return;
+      const F = (p.clientX - v.current.x) * et, Y = (p.clientY - v.current.y) * et;
+      N.scrollLeft += F, N.scrollTop += Y, v.current = { x: p.clientX, y: p.clientY };
+    },
+    [t]
+  ), M = W(() => {
+    c.current = !1, y.current && cancelAnimationFrame(y.current);
+  }, []), V = W(
+    (p) => {
+      switch (p.key) {
+        case "ArrowUp":
+          p.preventDefault(), A();
+          break;
+        case "ArrowDown":
+          p.preventDefault(), j();
+          break;
+        case "ArrowLeft":
+          p.preventDefault(), P();
+          break;
+        case "ArrowRight":
+          p.preventDefault(), E();
+          break;
+      }
+    },
+    [A, j, P, E]
+  );
+  return i ? /* @__PURE__ */ r(
+    "div",
+    {
+      className: `inno-scroll-nav ${n ?? ""}`,
+      role: "toolbar",
+      "aria-label": "Scroll navigation",
+      onKeyDown: V,
+      children: [
+        /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            className: `inno-scroll-nav-btn inno-scroll-nav-up ${o.canUp ? "" : "inno-scroll-nav-btn-disabled"}`,
+            "aria-label": "Scroll up",
+            disabled: !o.canUp,
+            onPointerDown: () => I(A),
+            onPointerUp: b,
+            onPointerLeave: b,
+            tabIndex: o.canUp ? 0 : -1,
+            children: /* @__PURE__ */ e(xn, {})
+          }
+        ),
+        /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            className: `inno-scroll-nav-btn inno-scroll-nav-left ${o.canLeft ? "" : "inno-scroll-nav-btn-disabled"}`,
+            "aria-label": "Scroll left",
+            disabled: !o.canLeft,
+            onPointerDown: () => I(P),
+            onPointerUp: b,
+            onPointerLeave: b,
+            tabIndex: o.canLeft ? 0 : -1,
+            children: /* @__PURE__ */ e(wn, {})
+          }
+        ),
+        /* @__PURE__ */ e(
+          "button",
+          {
+            ref: m,
+            type: "button",
+            className: `inno-scroll-nav-joystick ${c.current ? "inno-scroll-nav-joystick-active" : ""}`,
+            "aria-label": "Drag to scroll freely",
+            onPointerDown: O,
+            onPointerMove: R,
+            onPointerUp: M,
+            onPointerCancel: M,
+            tabIndex: 0,
+            children: /* @__PURE__ */ e("span", { className: "inno-scroll-nav-joystick-dot" })
+          }
+        ),
+        /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            className: `inno-scroll-nav-btn inno-scroll-nav-right ${o.canRight ? "" : "inno-scroll-nav-btn-disabled"}`,
+            "aria-label": "Scroll right",
+            disabled: !o.canRight,
+            onPointerDown: () => I(E),
+            onPointerUp: b,
+            onPointerLeave: b,
+            tabIndex: o.canRight ? 0 : -1,
+            children: /* @__PURE__ */ e(bn, {})
+          }
+        ),
+        /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            className: `inno-scroll-nav-btn inno-scroll-nav-down ${o.canDown ? "" : "inno-scroll-nav-btn-disabled"}`,
+            "aria-label": "Scroll down",
+            disabled: !o.canDown,
+            onPointerDown: () => I(j),
+            onPointerUp: b,
+            onPointerLeave: b,
+            tabIndex: o.canDown ? 0 : -1,
+            children: /* @__PURE__ */ e(vn, {})
+          }
+        )
+      ]
+    }
+  ) : null;
+}
+function kn(t) {
+  switch (t) {
+    case "day":
+    case "week":
+      return "time";
+    default:
+      return "day";
+  }
+}
+function Nn({
+  onEventClick: t,
+  onSlotClick: n,
+  onSlotSelect: o,
+  onAddEvent: s,
+  className: i,
+  showHeader: a = !0,
+  minSelectionMinutes: h = 30,
+  showMoreMode: m,
+  showMoreEventsInPopover: c = !1,
+  isLoading: v = !1,
+  slots: y,
+  classNames: w,
+  settingsContent: L,
+  filterContent: A,
+  headerActions: j,
+  renderPopover: P,
+  calendarRef: E,
+  headerConfig: b,
+  eventDetailMode: I,
+  renderEventDetail: O
+}) {
+  const R = m ?? (c ? "popover" : "expand"), {
+    view: M,
+    setView: V,
+    selectedDate: p,
+    setSelectedDate: N,
+    slotDuration: F,
+    filteredEvents: Y,
+    users: G,
+    visibleHours: $,
+    workingHours: d,
+    badgeVariant: D,
+    showWorkingHoursOnly: _,
+    clearFocusEventId: U
+  } = Ht(), z = q(() => {
+    if (!_ || !d)
+      return {
+        startHour: $.start,
+        endHour: $.end
+      };
+    let g = 24, S = 0;
+    for (const B of Object.keys(d)) {
+      const te = d[Number(B)];
+      !te || te.enabled === !1 || (te.from < g && (g = te.from), te.to > S && (S = te.to));
+    }
+    return g >= S ? {
+      startHour: $.start,
+      endHour: $.end
+    } : { startHour: g, endHour: S };
+  }, [_, d, $]), re = z, Q = ae(null);
+  vt(
+    E,
+    () => ({
+      scrollToToday: () => {
+        const g = /* @__PURE__ */ new Date();
+        N(g, M), requestAnimationFrame(() => {
+          requestAnimationFrame(() => {
+            const S = Q.current?.querySelector(
+              ".ic-timeline-scroll-container, [class*='overflow-auto']"
+            );
+            if (!S) return;
+            const Ne = (g.getHours() - z.startHour) * 96;
+            Ne > 0 && S.scrollTo({
+              top: Math.max(0, Ne - 100),
+              // Offset to show some context
+              behavior: "smooth"
+            });
+          });
+        });
+      },
+      scrollToWorkingHours: () => {
+        let g = 8;
+        if (d)
+          for (const S of Object.keys(d)) {
+            const B = d[Number(S)];
+            B?.enabled && B.from < g && (g = Math.max(B.from - 1, 0));
+          }
+        requestAnimationFrame(() => {
+          requestAnimationFrame(() => {
+            const S = Q.current?.querySelector(
+              ".ic-timeline-scroll-container, [class*='overflow-auto']"
+            );
+            if (!S) return;
+            const te = (g - z.startHour) * 96;
+            S.scrollTo({
+              top: Math.max(0, te),
+              behavior: "smooth"
+            });
+          });
+        });
+      },
+      getViewRect: () => Q.current?.getBoundingClientRect() ?? null,
+      focusEvent: (g) => {
+        U(), requestAnimationFrame(() => {
+          U();
+        });
+        const S = Q.current?.querySelector(
+          `[data-event-id="${g}"]`
+        );
+        S && setTimeout(() => S.click(), 150);
+      }
+    }),
+    [
+      N,
+      M,
+      z,
+      d,
+      U
+    ]
+  );
+  const De = q(() => kn(M), [M]), ee = W(
+    (g) => {
+      if (o) {
+        o(g);
+        return;
+      }
+      if (n) {
+        const S = g.startDate.getHours();
+        n(g.startDate, S);
+      }
+    },
+    [o, n]
+  ), X = W(
+    (g) => {
+      V("day"), N(g, "day");
+    },
+    [N, V]
+  ), ke = W(
+    (g) => {
+      V("month"), N(g, "month");
+    },
+    [N, V]
+  ), oe = W(
+    (g) => {
+      t?.(g);
+    },
+    [t]
+  ), le = W(
+    (g, S, B) => {
+      n?.(g, S);
+    },
+    [n]
+  ), Me = () => {
+    const g = Y, S = oe, B = P;
+    switch (M) {
+      case "day":
+        return /* @__PURE__ */ e(
+          Mt,
+          {
+            events: g,
+            date: p,
+            visibleHours: re,
+            workingHours: d,
+            slotDuration: F,
+            badgeVariant: D,
+            onEventClick: S,
+            renderPopover: B,
+            ...y && { slots: y },
+            ...w && { classNames: w }
+          }
+        );
+      case "week":
+        return /* @__PURE__ */ e(
+          Dt,
+          {
+            events: g,
+            date: p,
+            visibleHours: re,
+            workingHours: d,
+            slotDuration: F,
+            badgeVariant: D,
+            onEventClick: S,
+            renderPopover: B,
+            ...y && { slots: y },
+            ...w && { classNames: w }
+          }
+        );
+      case "month":
+        return /* @__PURE__ */ e(
+          Ue,
+          {
+            events: g,
+            date: p,
+            badgeVariant: D,
+            onEventClick: S,
+            onDayClick: X,
+            renderPopover: B,
+            showMoreMode: R,
+            ...y && { slots: y },
+            ...w && { classNames: w }
+          }
+        );
+      case "year":
+        return /* @__PURE__ */ e(
+          fn,
+          {
+            events: g,
+            year: p.getFullYear(),
+            onMonthClick: ke,
+            onDayClick: X,
+            ...y && { slots: y },
+            ...w && { classNames: w }
+          }
+        );
+      case "agenda":
+        return /* @__PURE__ */ e(
+          Ct,
+          {
+            events: g,
+            date: p,
+            onEventClick: S,
+            renderPopover: B,
+            ...y && { slots: y },
+            ...w && { classNames: w }
+          }
+        );
+      // Resource views — delegate to TimelineView with matching day count
+      case "resource-day":
+        return /* @__PURE__ */ e(
+          Ee,
+          {
+            daysToShow: 1,
+            events: g,
+            users: G,
+            selectedDate: p,
+            visibleHours: {
+              from: z.startHour,
+              to: z.endHour
+            },
+            onEventClick: S,
+            onSlotSelect: ee,
+            onSlotClick: le,
+            renderPopover: B,
+            ...y && { slots: y },
+            ...w && { classNames: w }
+          }
+        );
+      case "resource-week":
+        return /* @__PURE__ */ e(
+          Ee,
+          {
+            daysToShow: 7,
+            events: g,
+            users: G,
+            selectedDate: p,
+            visibleHours: {
+              from: z.startHour,
+              to: z.endHour
+            },
+            onEventClick: S,
+            onSlotSelect: ee,
+            onSlotClick: le,
+            renderPopover: B,
+            ...y && { slots: y },
+            ...w && { classNames: w }
+          }
+        );
+      // Timeline views
+      case "timeline-day":
+        return /* @__PURE__ */ e(
+          Ee,
+          {
+            daysToShow: 1,
+            events: g,
+            users: G,
+            selectedDate: p,
+            visibleHours: {
+              from: z.startHour,
+              to: z.endHour
+            },
+            onEventClick: S,
+            onSlotSelect: ee,
+            onSlotClick: le,
+            renderPopover: B,
+            ...y && { slots: y },
+            ...w && { classNames: w }
+          }
+        );
+      case "timeline-3day":
+        return /* @__PURE__ */ e(
+          Ee,
+          {
+            daysToShow: 3,
+            events: g,
+            users: G,
+            selectedDate: p,
+            visibleHours: {
+              from: z.startHour,
+              to: z.endHour
+            },
+            onEventClick: S,
+            onSlotSelect: ee,
+            onSlotClick: le,
+            renderPopover: B,
+            ...y && { slots: y },
+            ...w && { classNames: w }
+          }
+        );
+      case "timeline-week":
+        return /* @__PURE__ */ e(
+          Ee,
+          {
+            daysToShow: 7,
+            events: g,
+            users: G,
+            selectedDate: p,
+            visibleHours: {
+              from: z.startHour,
+              to: z.endHour
+            },
+            onEventClick: S,
+            onSlotSelect: ee,
+            onSlotClick: le,
+            renderPopover: B,
+            ...y && { slots: y },
+            ...w && { classNames: w }
+          }
+        );
+      default:
+        return /* @__PURE__ */ e(
+          Ue,
+          {
+            events: g,
+            date: p,
+            badgeVariant: D,
+            onEventClick: S,
+            onDayClick: X,
+            ...y && { slots: y },
+            ...w && { classNames: w }
+          }
+        );
+    }
+  }, xe = ae(null);
+  return pe(() => {
+    Q.current = xe.current;
+  }), /* @__PURE__ */ e(
+    zt,
+    {
+      mode: De,
+      onSelect: ee,
+      minDurationMinutes: h,
+      slotDurationMinutes: F,
+      enabled: !!(o || n),
+      children: /* @__PURE__ */ r(
+        "div",
+        {
+          className: f(
+            "inno-calendar-root flex flex-col h-full p-4",
+            w?.root,
+            i
+          ),
+          children: [
+            a && /* @__PURE__ */ e(
+              Nt,
+              {
+                currentDate: p,
+                view: M,
+                events: Y,
+                onViewChange: V,
+                onNavigateToday: () => N(/* @__PURE__ */ new Date(), M),
+                onNavigatePrev: () => {
+                  const g = new Date(p);
+                  M === "day" || M === "timeline-day" || M === "resource-day" ? g.setDate(g.getDate() - 1) : M === "timeline-3day" ? g.setDate(g.getDate() - 3) : M === "week" || M === "timeline-week" || M === "resource-week" ? g.setDate(g.getDate() - 7) : M === "month" ? g.setMonth(g.getMonth() - 1) : M === "year" ? g.setFullYear(g.getFullYear() - 1) : g.setDate(g.getDate() - 7), N(g, M);
+                },
+                onNavigateNext: () => {
+                  const g = new Date(p);
+                  M === "day" || M === "timeline-day" || M === "resource-day" ? g.setDate(g.getDate() + 1) : M === "timeline-3day" ? g.setDate(g.getDate() + 3) : M === "week" || M === "timeline-week" || M === "resource-week" ? g.setDate(g.getDate() + 7) : M === "month" ? g.setMonth(g.getMonth() + 1) : M === "year" ? g.setFullYear(g.getFullYear() + 1) : g.setDate(g.getDate() + 7), N(g, M);
+                },
+                availableViews: [
+                  "day",
+                  "week",
+                  "month",
+                  // 'year', NOTE: Intentionally blocked cause it would severe performance issues when there are many events
+                  "agenda"
+                ],
+                showTimelineViews: !0,
+                showSettings: !!L,
+                ...!j && s && { onAddEvent: s },
+                actions: j,
+                settingsContent: L,
+                filterContent: A,
+                ...b && { headerConfig: b }
+              }
+            ),
+            /* @__PURE__ */ r("div", { className: "relative flex-1 min-h-0", children: [
+              /* @__PURE__ */ e(
+                "div",
+                {
+                  ref: xe,
+                  className: f(
+                    "h-full border rounded-lg bg-white overflow-x-auto",
+                    w?.viewContainer
+                  ),
+                  children: Me()
+                }
+              ),
+              v && /* @__PURE__ */ e("div", { className: "inno-calendar-loading-overlay", children: /* @__PURE__ */ e("div", { className: "inno-calendar-spinner" }) }),
+              /* @__PURE__ */ e(yn, { containerRef: xe })
+            ] })
+          ]
+        }
+      )
+    }
+  );
+}
+function Cn({
+  events: t,
+  users: n = [],
+  scheduleTypes: o = [],
+  initialView: s = "week",
+  initialDate: i,
+  initialSelectedUserId: a,
+  initialScheduleTypeIds: h,
+  initialParticipantIds: m,
+  initialWorkingHoursView: c,
+  initialSearchQuery: v,
+  preferencesConfig: y,
+  onEventClick: w,
+  onSlotClick: L,
+  onSlotSelect: A,
+  onAddEvent: j,
+  onEventDrop: P,
+  onDateChange: E,
+  onViewChange: b,
+  className: I,
+  showHeader: O = !0,
+  minSelectionMinutes: R = 30,
+  showMoreMode: M,
+  showMoreEventsInPopover: V = !1,
+  isLoading: p = !1,
+  renderPopover: N,
+  slots: F,
+  classNames: Y,
+  settingsContent: G,
+  filterContent: $,
+  headerActions: d,
+  focusEventId: D,
+  headerConfig: _,
+  eventDetailMode: U,
+  renderEventDetail: z
+}, re) {
+  return /* @__PURE__ */ e(Et, { ...P && { onEventDrop: P }, children: /* @__PURE__ */ e(
+    Tt,
+    {
+      initialEvents: t,
+      initialUsers: n,
+      initialScheduleTypes: o,
+      initialView: s,
+      ...i && { initialDate: i },
+      ...a && { initialSelectedUserId: a },
+      ...h && { initialScheduleTypeIds: h },
+      ...m && { initialParticipantIds: m },
+      ...c && { initialWorkingHoursView: c },
+      ...v && { initialSearchQuery: v },
+      ...y && { preferencesConfig: y },
+      ...E && { onDateChange: E },
+      ...b && { onViewChange: b },
+      ...D && { initialFocusEventId: D },
+      children: /* @__PURE__ */ e(
+        Nn,
+        {
+          ...w && { onEventClick: w },
+          ...L && { onSlotClick: L },
+          ...A && { onSlotSelect: A },
+          ...j && { onAddEvent: j },
+          ...N && { renderPopover: N },
+          className: I,
+          showHeader: O,
+          minSelectionMinutes: R,
+          ...M && { showMoreMode: M },
+          showMoreEventsInPopover: V,
+          isLoading: p,
+          ...F && { slots: F },
+          ...Y && { classNames: Y },
+          settingsContent: G,
+          filterContent: $,
+          headerActions: d,
+          calendarRef: re,
+          ..._ && { headerConfig: _ },
+          ...U && { eventDetailMode: U },
+          ...z && { renderEventDetail: z }
+        }
+      )
+    }
+  ) });
+}
+const yr = Pe(Cn), fe = Pe(
+  ({ className: t, children: n, ...o }, s) => /* @__PURE__ */ e(
+    "select",
+    {
+      ref: s,
+      className: f(
+        "flex h-9 w-full rounded-md border border-input bg-background px-3 py-1 text-sm shadow-sm",
+        "ring-offset-background",
+        "focus:outline-none focus:ring-1 focus:ring-ring",
+        "disabled:cursor-not-allowed disabled:opacity-50",
+        "[&>option]:bg-background",
+        t
+      ),
+      ...o,
+      children: n
+    }
+  )
+);
+fe.displayName = "Select";
+const ce = Pe(({ className: t, ...n }, o) => /* @__PURE__ */ e(
+  "label",
+  {
+    ref: o,
+    className: f(
+      "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
+      t
+    ),
+    ...n
+  }
+));
+ce.displayName = "Label";
+function Dn({ className: t }) {
+  return /* @__PURE__ */ r(
+    "svg",
+    {
+      className: t,
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      children: [
+        /* @__PURE__ */ e("circle", { cx: "12", cy: "12", r: "10" }),
+        /* @__PURE__ */ e("path", { d: "M12 16v-4" }),
+        /* @__PURE__ */ e("path", { d: "M12 8h.01" })
+      ]
+    }
+  );
+}
+function Mn({ className: t }) {
+  return /* @__PURE__ */ r(
+    "svg",
+    {
+      className: t,
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      children: [
+        /* @__PURE__ */ e("rect", { width: "18", height: "11", x: "3", y: "11", rx: "2", ry: "2" }),
+        /* @__PURE__ */ e("path", { d: "M7 11V7a5 5 0 0 1 10 0v4" })
+      ]
+    }
+  );
+}
+const Sn = [
+  { value: 15, label: "15 minutes" },
+  { value: 30, label: "30 minutes" },
+  { value: 60, label: "1 hour" }
+];
+function kr({
+  value: t,
+  onChange: n,
+  isLocked: o = !1,
+  className: s,
+  labels: i = {}
+}) {
+  const a = {
+    title: "Slot duration",
+    lockedMessage: "This setting is locked by the administrator",
+    infoMessage: "Set the time slot duration for day and week calendar views.",
+    ...i
+  }, h = (m) => {
+    o || n(Number(m.target.value));
+  };
+  return /* @__PURE__ */ r("div", { className: f("flex flex-col gap-3", s), children: [
+    /* @__PURE__ */ r("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ e(ce, { className: "text-sm font-semibold", children: a.title }),
+      o ? /* @__PURE__ */ e(de, { delayDuration: 100, children: /* @__PURE__ */ r(ue, { children: [
+        /* @__PURE__ */ e(he, { children: /* @__PURE__ */ e(Mn, { className: "size-3 text-muted-foreground" }) }),
+        /* @__PURE__ */ e(me, { children: /* @__PURE__ */ e("p", { children: a.lockedMessage }) })
+      ] }) }) : /* @__PURE__ */ e(de, { delayDuration: 100, children: /* @__PURE__ */ r(ue, { children: [
+        /* @__PURE__ */ e(he, { children: /* @__PURE__ */ e(Dn, { className: "size-3 text-muted-foreground" }) }),
+        /* @__PURE__ */ e(me, { className: "max-w-64 text-center", children: /* @__PURE__ */ e("p", { children: a.infoMessage }) })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ e(
+      fe,
+      {
+        value: t.toString(),
+        onChange: h,
+        disabled: o,
+        className: "h-9 w-[128px] text-sm",
+        children: Sn.map((m) => /* @__PURE__ */ e("option", { value: m.value.toString(), children: m.label }, m.value))
+      }
+    )
+  ] });
+}
+function Ln({ className: t }) {
+  return /* @__PURE__ */ r(
+    "svg",
+    {
+      className: t,
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      children: [
+        /* @__PURE__ */ e("circle", { cx: "12", cy: "12", r: "10" }),
+        /* @__PURE__ */ e("path", { d: "M12 16v-4" }),
+        /* @__PURE__ */ e("path", { d: "M12 8h.01" })
+      ]
+    }
+  );
+}
+function En({ className: t }) {
+  return /* @__PURE__ */ r(
+    "svg",
+    {
+      className: t,
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      children: [
+        /* @__PURE__ */ e("rect", { width: "18", height: "11", x: "3", y: "11", rx: "2", ry: "2" }),
+        /* @__PURE__ */ e("path", { d: "M7 11V7a5 5 0 0 1 10 0v4" })
+      ]
+    }
+  );
+}
+const Tn = [
+  { value: "dot", label: "Dot indicator" },
+  { value: "colored", label: "Full color" },
+  { value: "mixed", label: "Mixed" }
+];
+function Nr({
+  value: t,
+  onChange: n,
+  isLocked: o = !1,
+  className: s,
+  labels: i = {}
+}) {
+  const a = {
+    title: "Event display",
+    lockedMessage: "This setting is locked by the administrator",
+    infoMessage: "Choose how events are displayed. Dot shows a small indicator, colored fills the entire event, mixed uses both.",
+    options: {
+      dot: "Dot indicator",
+      colored: "Full color",
+      mixed: "Mixed"
+    },
+    ...i
+  }, h = (c) => a.options?.[c] ?? c, m = (c) => {
+    o || n(c.target.value);
+  };
+  return /* @__PURE__ */ r("div", { className: f("flex flex-col gap-3", s), children: [
+    /* @__PURE__ */ r("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ e(ce, { className: "text-sm font-semibold", children: a.title }),
+      o ? /* @__PURE__ */ e(de, { delayDuration: 100, children: /* @__PURE__ */ r(ue, { children: [
+        /* @__PURE__ */ e(he, { children: /* @__PURE__ */ e(En, { className: "size-3 text-muted-foreground" }) }),
+        /* @__PURE__ */ e(me, { children: /* @__PURE__ */ e("p", { children: a.lockedMessage }) })
+      ] }) }) : /* @__PURE__ */ e(de, { delayDuration: 100, children: /* @__PURE__ */ r(ue, { children: [
+        /* @__PURE__ */ e(he, { children: /* @__PURE__ */ e(Ln, { className: "size-3 text-muted-foreground" }) }),
+        /* @__PURE__ */ e(me, { className: "max-w-64 text-center", children: /* @__PURE__ */ e("p", { children: a.infoMessage }) })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ e(
+      fe,
+      {
+        value: t,
+        onChange: m,
+        disabled: o,
+        className: "h-9 w-[128px] text-sm",
+        children: Tn.map((c) => /* @__PURE__ */ e("option", { value: c.value, children: h(c.value) }, c.value))
+      }
+    )
+  ] });
+}
+function Hn({ className: t }) {
+  return /* @__PURE__ */ r(
+    "svg",
+    {
+      className: t,
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      children: [
+        /* @__PURE__ */ e("circle", { cx: "12", cy: "12", r: "10" }),
+        /* @__PURE__ */ e("path", { d: "M12 16v-4" }),
+        /* @__PURE__ */ e("path", { d: "M12 8h.01" })
+      ]
+    }
+  );
+}
+function zn({ className: t }) {
+  return /* @__PURE__ */ r(
+    "svg",
+    {
+      className: t,
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      children: [
+        /* @__PURE__ */ e("rect", { width: "18", height: "11", x: "3", y: "11", rx: "2", ry: "2" }),
+        /* @__PURE__ */ e("path", { d: "M7 11V7a5 5 0 0 1 10 0v4" })
+      ]
+    }
+  );
+}
+function In() {
+  return Array.from({ length: 25 }, (t, n) => ({
+    value: n,
+    label: `${String(n).padStart(2, "0")}:00`
+  }));
+}
+function Cr({
+  value: t,
+  onChange: n,
+  isLocked: o = !1,
+  className: s,
+  labels: i = {}
+}) {
+  const a = {
+    title: "Visible hours",
+    from: "From",
+    to: "To",
+    lockedMessage: "This setting is locked by the administrator",
+    infoMessage: "Set the visible hour range for day and week views. Hours outside this range will be hidden.",
+    ...i
+  }, h = In(), m = (v) => {
+    if (o) return;
+    const y = Number(v.target.value);
+    y < t.endHour && n({ ...t, startHour: y });
+  }, c = (v) => {
+    if (o) return;
+    const y = Number(v.target.value);
+    y > t.startHour && n({ ...t, endHour: y });
+  };
+  return /* @__PURE__ */ r("div", { className: f("flex flex-col gap-3", s), children: [
+    /* @__PURE__ */ r("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ e(ce, { className: "text-sm font-semibold", children: a.title }),
+      o ? /* @__PURE__ */ e(de, { delayDuration: 100, children: /* @__PURE__ */ r(ue, { children: [
+        /* @__PURE__ */ e(he, { children: /* @__PURE__ */ e(zn, { className: "size-3 text-muted-foreground" }) }),
+        /* @__PURE__ */ e(me, { children: /* @__PURE__ */ e("p", { children: a.lockedMessage }) })
+      ] }) }) : /* @__PURE__ */ e(de, { delayDuration: 100, children: /* @__PURE__ */ r(ue, { children: [
+        /* @__PURE__ */ e(he, { children: /* @__PURE__ */ e(Hn, { className: "size-3 text-muted-foreground" }) }),
+        /* @__PURE__ */ e(me, { className: "max-w-64 text-center", children: /* @__PURE__ */ e("p", { children: a.infoMessage }) })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ r("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ r("div", { className: "flex flex-col gap-1", children: [
+        /* @__PURE__ */ e(ce, { className: "text-xs text-muted-foreground", children: a.from }),
+        /* @__PURE__ */ e(
+          fe,
+          {
+            value: t.startHour.toString(),
+            onChange: m,
+            disabled: o,
+            className: "h-9 w-[88px] text-sm",
+            children: h.map((v) => /* @__PURE__ */ e(
+              "option",
+              {
+                value: v.value.toString(),
+                disabled: v.value >= t.endHour,
+                children: v.label
+              },
+              v.value
+            ))
+          }
+        )
+      ] }),
+      /* @__PURE__ */ e("span", { className: "mt-5 text-muted-foreground", children: "—" }),
+      /* @__PURE__ */ r("div", { className: "flex flex-col gap-1", children: [
+        /* @__PURE__ */ e(ce, { className: "text-xs text-muted-foreground", children: a.to }),
+        /* @__PURE__ */ e(
+          fe,
+          {
+            value: t.endHour.toString(),
+            onChange: c,
+            disabled: o,
+            className: "h-9 w-[88px] text-sm",
+            children: h.map((v) => /* @__PURE__ */ e(
+              "option",
+              {
+                value: v.value.toString(),
+                disabled: v.value <= t.startHour,
+                children: v.label
+              },
+              v.value
+            ))
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+function jn({ className: t }) {
+  return /* @__PURE__ */ r(
+    "svg",
+    {
+      className: t,
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      children: [
+        /* @__PURE__ */ e("circle", { cx: "12", cy: "12", r: "10" }),
+        /* @__PURE__ */ e("path", { d: "M12 16v-4" }),
+        /* @__PURE__ */ e("path", { d: "M12 8h.01" })
+      ]
+    }
+  );
+}
+function Pn({ className: t }) {
+  return /* @__PURE__ */ r(
+    "svg",
+    {
+      className: t,
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      children: [
+        /* @__PURE__ */ e("rect", { width: "18", height: "11", x: "3", y: "11", rx: "2", ry: "2" }),
+        /* @__PURE__ */ e("path", { d: "M7 11V7a5 5 0 0 1 10 0v4" })
+      ]
+    }
+  );
+}
+function Wn({ className: t }) {
+  return /* @__PURE__ */ e(
+    "svg",
+    {
+      className: t,
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      children: /* @__PURE__ */ e("path", { d: "M20 6 9 17l-5-5" })
+    }
+  );
+}
+const An = [
+  "monday",
+  "tuesday",
+  "wednesday",
+  "thursday",
+  "friday",
+  "saturday",
+  "sunday"
+];
+function Fn() {
+  return Array.from({ length: 25 }, (t, n) => ({
+    value: n,
+    label: `${String(n).padStart(2, "0")}:00`
+  }));
+}
+const tt = {
+  sunday: "Sun",
+  monday: "Mon",
+  tuesday: "Tue",
+  wednesday: "Wed",
+  thursday: "Thu",
+  friday: "Fri",
+  saturday: "Sat"
+};
+function $n({ dayLabel: t, config: n, onChange: o, disabled: s, hourOptions: i }) {
+  const a = () => {
+    s || o({ ...n, enabled: !n.enabled });
+  }, h = (c) => {
+    if (s) return;
+    const v = Number(c.target.value);
+    v < n.to && o({ ...n, from: v });
+  }, m = (c) => {
+    if (s) return;
+    const v = Number(c.target.value);
+    v > n.from && o({ ...n, to: v });
+  };
+  return /* @__PURE__ */ r("div", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ e(
+      "button",
+      {
+        type: "button",
+        role: "checkbox",
+        "aria-checked": n.enabled,
+        "aria-label": `Enable ${t}`,
+        onClick: a,
+        disabled: s,
+        className: f(
+          "flex size-5 shrink-0 items-center justify-center rounded border transition-colors",
+          n.enabled ? "border-primary bg-primary text-primary-foreground" : "border-input bg-background",
+          s && "cursor-not-allowed opacity-50"
+        ),
+        children: n.enabled && /* @__PURE__ */ e(Wn, { className: "size-3" })
+      }
+    ),
+    /* @__PURE__ */ e("span", { className: f("w-10 text-sm", !n.enabled && "text-muted-foreground"), children: t }),
+    /* @__PURE__ */ e(
+      fe,
+      {
+        value: n.from.toString(),
+        onChange: h,
+        disabled: s || !n.enabled,
+        className: "h-8 w-[76px] text-xs",
+        children: i.map((c) => /* @__PURE__ */ e("option", { value: c.value.toString(), disabled: c.value >= n.to, children: c.label }, c.value))
+      }
+    ),
+    /* @__PURE__ */ e("span", { className: "text-xs text-muted-foreground", children: "—" }),
+    /* @__PURE__ */ e(
+      fe,
+      {
+        value: n.to.toString(),
+        onChange: m,
+        disabled: s || !n.enabled,
+        className: "h-8 w-[76px] text-xs",
+        children: i.map((c) => /* @__PURE__ */ e("option", { value: c.value.toString(), disabled: c.value <= n.from, children: c.label }, c.value))
+      }
+    )
+  ] });
+}
+function Dr({
+  value: t,
+  onChange: n,
+  isLocked: o = !1,
+  className: s,
+  labels: i = {}
+}) {
+  const a = {
+    title: "Working hours",
+    lockedMessage: "This setting is locked by the administrator",
+    infoMessage: "Configure working hours for each day of the week. Non-working hours will be grayed out in day and week views.",
+    days: tt,
+    ...i
+  }, h = Fn(), m = (c, v) => {
+    o || n({ ...t, [c]: v });
+  };
+  return /* @__PURE__ */ r("div", { className: f("flex flex-col gap-3", s), children: [
+    /* @__PURE__ */ r("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ e(ce, { className: "text-sm font-semibold", children: a.title }),
+      o ? /* @__PURE__ */ e(de, { delayDuration: 100, children: /* @__PURE__ */ r(ue, { children: [
+        /* @__PURE__ */ e(he, { children: /* @__PURE__ */ e(Pn, { className: "size-3 text-muted-foreground" }) }),
+        /* @__PURE__ */ e(me, { children: /* @__PURE__ */ e("p", { children: a.lockedMessage }) })
+      ] }) }) : /* @__PURE__ */ e(de, { delayDuration: 100, children: /* @__PURE__ */ r(ue, { children: [
+        /* @__PURE__ */ e(he, { children: /* @__PURE__ */ e(jn, { className: "size-3 text-muted-foreground" }) }),
+        /* @__PURE__ */ e(me, { className: "max-w-64 text-center", children: /* @__PURE__ */ e("p", { children: a.infoMessage }) })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ e("div", { className: "flex flex-col gap-2", children: An.map((c) => /* @__PURE__ */ e(
+      $n,
+      {
+        dayLabel: a.days?.[c] ?? tt[c],
+        config: t[c],
+        onChange: (v) => m(c, v),
+        disabled: o,
+        hourOptions: h
+      },
+      c
+    )) })
+  ] });
+}
+const Mr = {
+  sunday: { enabled: !1, from: 8, to: 18 },
+  monday: { enabled: !0, from: 8, to: 18 },
+  tuesday: { enabled: !0, from: 8, to: 18 },
+  wednesday: { enabled: !0, from: 8, to: 18 },
+  thursday: { enabled: !0, from: 8, to: 18 },
+  friday: { enabled: !0, from: 8, to: 18 },
+  saturday: { enabled: !1, from: 8, to: 18 }
+};
+function $e({ className: t }) {
+  return /* @__PURE__ */ e(
+    "svg",
+    {
+      className: t,
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "3",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      children: /* @__PURE__ */ e("polyline", { points: "20 6 9 17 4 12" })
+    }
+  );
+}
+function Bn({ className: t }) {
+  return /* @__PURE__ */ r(
+    "svg",
+    {
+      className: t,
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      children: [
+        /* @__PURE__ */ e("circle", { cx: "11", cy: "11", r: "8" }),
+        /* @__PURE__ */ e("line", { x1: "21", y1: "21", x2: "16.65", y2: "16.65" })
+      ]
+    }
+  );
+}
+function On({ className: t }) {
+  return /* @__PURE__ */ r(
+    "svg",
+    {
+      className: t,
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      children: [
+        /* @__PURE__ */ e("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+        /* @__PURE__ */ e("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+      ]
+    }
+  );
+}
+function Be({ checked: t, onCheckedChange: n, className: o, children: s }) {
+  return /* @__PURE__ */ e(
+    "button",
+    {
+      type: "button",
+      role: "checkbox",
+      "aria-checked": t,
+      onClick: () => n(!t),
+      className: o,
+      children: s
+    }
+  );
+}
+function _n({ src: t, alt: n, fallback: o, className: s }) {
+  const [i, a] = ie(!1);
+  return !t || i ? /* @__PURE__ */ e(
+    "div",
+    {
+      className: f(
+        "flex items-center justify-center bg-zinc-200 text-zinc-600 font-medium text-sm",
+        s
+      ),
+      children: o || "?"
+    }
+  ) : /* @__PURE__ */ e(
+    "img",
+    {
+      src: t,
+      alt: n || "",
+      className: f("object-cover", s),
+      onError: () => a(!0)
+    }
+  );
+}
+function nt({ value: t, onChange: n, placeholder: o, className: s }) {
+  return /* @__PURE__ */ r("div", { className: f("relative", s), children: [
+    /* @__PURE__ */ e(Bn, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }),
+    /* @__PURE__ */ e(
+      "input",
+      {
+        type: "text",
+        value: t,
+        onChange: (i) => n(i.target.value),
+        placeholder: o,
+        className: "h-9 w-full rounded-lg border border-border bg-white pl-9 pr-3 text-sm placeholder:text-muted-foreground focus:border-primary focus:outline-none focus:ring-1 focus:ring-primary"
+      }
+    )
+  ] });
+}
+function rt(t, n, o, s = 0.3) {
+  if (!n.trim()) return t;
+  const i = n.toLowerCase();
+  return t.filter((a) => o(a).some((m) => m ? m.toLowerCase().includes(i) : !1));
+}
+const Rn = {
+  title: "Filters",
+  subtitle: "Filter calendar events",
+  scheduleTypes: "Event Types",
+  participants: "Participants",
+  clearAll: "Clear all",
+  selectAll: "Select all",
+  unselectAll: "Unselect all",
+  searchScheduleTypes: "Search event types...",
+  searchParticipants: "Search participants...",
+  noScheduleTypes: "No event types found",
+  noParticipants: "No participants found"
+};
+function Sr({
+  scheduleTypes: t,
+  users: n,
+  selectedScheduleTypeIds: o,
+  onScheduleTypeChange: s,
+  selectedUserIds: i,
+  onUserChange: a,
+  onClearAll: h,
+  className: m,
+  scheduleTypesLoading: c = !1,
+  usersLoading: v = !1,
+  labels: y,
+  getScheduleTypeName: w
+}) {
+  const L = { ...Rn, ...y }, [A, j] = ie(""), [P, E] = ie(""), b = q(() => A.trim() ? rt(t, A, (d) => [
+    d.name,
+    w?.(d) || d.name
+  ]) : t, [t, A, w]), I = q(() => P.trim() ? rt(n, P, (d) => [d.name, d.email || ""]) : n, [n, P]), O = b.length > 0 && b.every((d) => o.includes(d.id)), R = I.length > 0 && I.every((d) => i.includes(d.id)), M = o.length + i.length, V = (d, D) => {
+    const _ = D ? [...o, d] : o.filter((U) => U !== d);
+    s(_);
+  }, p = () => {
+    if (O) {
+      const d = new Set(b.map((D) => D.id));
+      s(o.filter((D) => !d.has(D)));
+    } else {
+      const d = /* @__PURE__ */ new Set([
+        ...o,
+        ...b.map((D) => D.id)
+      ]);
+      s(Array.from(d));
+    }
+  }, N = (d, D) => {
+    const _ = D ? [...i, d] : i.filter((U) => U !== d);
+    a(_);
+  }, F = () => {
+    if (R) {
+      const d = new Set(I.map((D) => D.id));
+      a(i.filter((D) => !d.has(D)));
+    } else {
+      const d = /* @__PURE__ */ new Set([...i, ...I.map((D) => D.id)]);
+      a(Array.from(d));
+    }
+  }, Y = () => {
+    s([]), a([]), h?.();
+  }, G = (d) => w ? w(d) : d.name, $ = (d) => d.colorHex || d.color || "#069AD7";
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      className: f(
+        "flex min-w-72 max-w-72 flex-col rounded-lg border bg-white shadow-sm",
+        m
+      ),
+      children: [
+        /* @__PURE__ */ r("header", { className: "flex items-start justify-between gap-2 px-4 pb-2 pt-4", children: [
+          /* @__PURE__ */ r("div", { className: "flex flex-col", children: [
+            /* @__PURE__ */ e("h3", { className: "text-base font-semibold text-foreground", children: L.title }),
+            /* @__PURE__ */ e("p", { className: "text-xs text-muted-foreground", children: L.subtitle })
+          ] }),
+          M > 0 && /* @__PURE__ */ r(
+            "button",
+            {
+              type: "button",
+              onClick: Y,
+              className: "flex h-auto items-center gap-1 rounded-md px-2 py-1 text-xs font-medium text-destructive transition-colors hover:bg-destructive/10",
+              children: [
+                /* @__PURE__ */ e(On, { className: "h-3.5 w-3.5" }),
+                L.clearAll
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ e("div", { className: "h-px w-full bg-border/60" }),
+        /* @__PURE__ */ r("section", { className: "flex flex-col", children: [
+          /* @__PURE__ */ r("div", { className: "flex items-center justify-between px-4 py-3", children: [
+            /* @__PURE__ */ e("h4", { className: "text-sm font-medium text-foreground", children: L.scheduleTypes }),
+            /* @__PURE__ */ e(
+              "button",
+              {
+                type: "button",
+                onClick: p,
+                className: "text-xs font-medium text-primary transition-colors hover:text-primary/80",
+                children: O ? L.unselectAll : L.selectAll
+              }
+            )
+          ] }),
+          t.length > 6 && /* @__PURE__ */ e("div", { className: "px-4 pb-3", children: /* @__PURE__ */ e(
+            nt,
+            {
+              value: A,
+              onChange: j,
+              placeholder: L.searchScheduleTypes
+            }
+          ) }),
+          /* @__PURE__ */ r("div", { className: "flex max-h-[220px] flex-col gap-2 overflow-y-auto px-4 pb-2 scrollbar-thin", children: [
+            c ? (
+              // Loading skeletons
+              Array.from({ length: 4 }).map((d, D) => /* @__PURE__ */ r(
+                "div",
+                {
+                  className: "flex animate-pulse items-center gap-2 rounded-md border border-border/60 bg-muted/40 p-2",
+                  children: [
+                    /* @__PURE__ */ e("div", { className: "h-5 w-5 rounded bg-muted-foreground/20" }),
+                    /* @__PURE__ */ e("div", { className: "h-3 w-24 rounded bg-muted-foreground/20" })
+                  ]
+                },
+                `skeleton-${D}`
+              ))
+            ) : b.map((d) => {
+              const D = o.includes(d.id), _ = $(d);
+              return /* @__PURE__ */ r(
+                Be,
+                {
+                  checked: D,
+                  onCheckedChange: (U) => V(d.id, U),
+                  className: f(
+                    "relative flex w-full cursor-pointer items-center justify-between gap-3 rounded-md border border-border bg-white px-3 py-2 transition-colors hover:border-primary/50",
+                    D && "border-primary bg-primary/5"
+                  ),
+                  children: [
+                    /* @__PURE__ */ r("div", { className: "flex items-center gap-2", children: [
+                      /* @__PURE__ */ e(
+                        "span",
+                        {
+                          className: f(
+                            "flex h-4 w-4 items-center justify-center rounded border border-border text-xs transition-colors",
+                            D && "border-primary bg-primary text-primary-foreground"
+                          ),
+                          children: D && /* @__PURE__ */ e($e, { className: "h-3 w-3" })
+                        }
+                      ),
+                      /* @__PURE__ */ e("span", { className: "text-sm font-medium text-foreground", children: G(d) })
+                    ] }),
+                    /* @__PURE__ */ e(
+                      "div",
+                      {
+                        className: "h-4 w-4 rounded-full border",
+                        style: {
+                          backgroundColor: _,
+                          borderColor: _
+                        }
+                      }
+                    )
+                  ]
+                },
+                d.id
+              );
+            }),
+            !c && b.length === 0 && /* @__PURE__ */ e("p", { className: "px-2 py-1 text-xs text-muted-foreground", children: L.noScheduleTypes })
+          ] })
+        ] }),
+        /* @__PURE__ */ e("div", { className: "h-px w-full bg-border/60" }),
+        /* @__PURE__ */ r("section", { className: "flex flex-col", children: [
+          /* @__PURE__ */ r("div", { className: "flex items-center justify-between px-4 py-3", children: [
+            /* @__PURE__ */ e("h4", { className: "text-sm font-medium text-foreground", children: L.participants }),
+            /* @__PURE__ */ e(
+              Be,
+              {
+                checked: R,
+                onCheckedChange: () => F(),
+                className: f(
+                  "flex h-5 w-5 items-center justify-center rounded border border-border bg-white transition-colors hover:border-primary/50",
+                  R && "border-primary bg-primary text-primary-foreground"
+                ),
+                children: R && /* @__PURE__ */ e($e, { className: "h-3.5 w-3.5" })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ e("div", { className: "px-4 pb-3", children: /* @__PURE__ */ e(
+            nt,
+            {
+              value: P,
+              onChange: E,
+              placeholder: L.searchParticipants
+            }
+          ) }),
+          /* @__PURE__ */ r("div", { className: "flex max-h-[400px] flex-col gap-2 overflow-y-auto px-4 pb-4 scrollbar-thin", children: [
+            v ? (
+              // Loading skeletons
+              Array.from({ length: 4 }).map((d, D) => /* @__PURE__ */ r(
+                "div",
+                {
+                  className: "flex animate-pulse items-center gap-3 rounded-md border border-border/60 bg-muted/40 p-3",
+                  children: [
+                    /* @__PURE__ */ e("div", { className: "h-5 w-5 rounded bg-muted-foreground/20" }),
+                    /* @__PURE__ */ e("div", { className: "h-10 w-10 rounded-full bg-muted-foreground/20" }),
+                    /* @__PURE__ */ r("div", { className: "space-y-2", children: [
+                      /* @__PURE__ */ e("div", { className: "h-3 w-24 rounded bg-muted-foreground/20" }),
+                      /* @__PURE__ */ e("div", { className: "h-2 w-32 rounded bg-muted-foreground/10" })
+                    ] })
+                  ]
+                },
+                `p-skeleton-${D}`
+              ))
+            ) : I.map((d) => {
+              const D = i.includes(d.id);
+              return /* @__PURE__ */ r(
+                Be,
+                {
+                  checked: D,
+                  onCheckedChange: (_) => N(d.id, _),
+                  className: f(
+                    "relative flex w-full cursor-pointer items-start gap-2 rounded-lg border border-border bg-white p-2 transition-colors hover:border-primary/50",
+                    D && "border-primary bg-zinc-50"
+                  ),
+                  children: [
+                    /* @__PURE__ */ e(
+                      "span",
+                      {
+                        className: f(
+                          "flex h-4 w-4 flex-shrink-0 items-center justify-center rounded border border-border transition-colors",
+                          D && "border-primary bg-primary text-primary-foreground"
+                        ),
+                        children: D && /* @__PURE__ */ e($e, { className: "h-2.5 w-2.5" })
+                      }
+                    ),
+                    /* @__PURE__ */ r("div", { className: "flex flex-1 items-start gap-2", children: [
+                      /* @__PURE__ */ e(
+                        _n,
+                        {
+                          src: d.avatar ?? null,
+                          alt: d.name,
+                          fallback: d.name?.[0]?.toUpperCase() ?? "?",
+                          className: "h-10 w-10 rounded-lg"
+                        }
+                      ),
+                      /* @__PURE__ */ r("div", { className: "flex max-w-[140px] flex-col gap-0.5 overflow-hidden", children: [
+                        /* @__PURE__ */ e("span", { className: "line-clamp-1 text-sm font-medium text-foreground", children: d.name }),
+                        /* @__PURE__ */ e(
+                          "span",
+                          {
+                            className: "truncate text-[11px] text-muted-foreground",
+                            title: d.email,
+                            children: d.email
+                          }
+                        )
+                      ] })
+                    ] })
+                  ]
+                },
+                d.id
+              );
+            }),
+            !v && I.length === 0 && /* @__PURE__ */ e("p", { className: "px-4 text-xs text-muted-foreground", children: L.noParticipants })
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+function Un({ className: t }) {
+  return /* @__PURE__ */ r(
+    "svg",
+    {
+      className: t,
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      children: [
+        /* @__PURE__ */ e("path", { d: "M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z" }),
+        /* @__PURE__ */ e("circle", { cx: "7.5", cy: "7.5", r: ".5", fill: "currentColor" })
+      ]
+    }
+  );
+}
+function Lr({
+  scheduleTypes: t,
+  value: n,
+  onChange: o,
+  allLabel: s = "All types",
+  className: i,
+  label: a
+}) {
+  const h = (c) => {
+    o(c.target.value);
+  }, m = t.find((c) => String(c.id) === n);
+  return /* @__PURE__ */ r("div", { className: f("flex flex-col gap-1", i), children: [
+    a && /* @__PURE__ */ e(ce, { className: "text-xs text-muted-foreground", children: a }),
+    /* @__PURE__ */ r("div", { className: "relative", children: [
+      m ? /* @__PURE__ */ e(
+        "span",
+        {
+          className: "pointer-events-none absolute left-2.5 top-1/2 size-3 -translate-y-1/2 rounded-full",
+          style: { backgroundColor: m.color }
+        }
+      ) : /* @__PURE__ */ e(Un, { className: "pointer-events-none absolute left-2.5 top-1/2 size-4 -translate-y-1/2 text-muted-foreground" }),
+      /* @__PURE__ */ r(
+        fe,
+        {
+          value: n,
+          onChange: h,
+          className: "h-9 w-full min-w-[140px] pl-8 pr-8 text-sm",
+          children: [
+            /* @__PURE__ */ e("option", { value: "all", children: s }),
+            t.map((c) => /* @__PURE__ */ e("option", { value: String(c.id), children: c.label }, c.id))
+          ]
+        }
+      )
+    ] })
+  ] });
+}
+function Vn({ className: t }) {
+  return /* @__PURE__ */ r(
+    "svg",
+    {
+      className: t,
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      children: [
+        /* @__PURE__ */ e("path", { d: "M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2" }),
+        /* @__PURE__ */ e("circle", { cx: "9", cy: "7", r: "4" }),
+        /* @__PURE__ */ e("path", { d: "M22 21v-2a4 4 0 0 0-3-3.87" }),
+        /* @__PURE__ */ e("path", { d: "M16 3.13a4 4 0 0 1 0 7.75" })
+      ]
+    }
+  );
+}
+function Er({
+  users: t,
+  value: n,
+  onChange: o,
+  allLabel: s = "All users",
+  className: i,
+  label: a
+}) {
+  const h = (m) => {
+    o(m.target.value);
+  };
+  return /* @__PURE__ */ r("div", { className: f("flex flex-col gap-1", i), children: [
+    a && /* @__PURE__ */ e(ce, { className: "text-xs text-muted-foreground", children: a }),
+    /* @__PURE__ */ r("div", { className: "relative", children: [
+      /* @__PURE__ */ e(Vn, { className: "pointer-events-none absolute left-2.5 top-1/2 size-4 -translate-y-1/2 text-muted-foreground" }),
+      /* @__PURE__ */ r(
+        fe,
+        {
+          value: n,
+          onChange: h,
+          className: "h-9 w-full min-w-[120px] pl-8 pr-8 text-sm",
+          children: [
+            /* @__PURE__ */ e("option", { value: "all", children: s }),
+            t.map((m) => /* @__PURE__ */ e("option", { value: m.id, children: m.name }, m.id))
+          ]
+        }
+      )
+    ] })
+  ] });
+}
+function Yn({ className: t }) {
+  return /* @__PURE__ */ r(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: 1.8,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className: t,
+      children: [
+        /* @__PURE__ */ e("path", { d: "M8 2v4" }),
+        /* @__PURE__ */ e("path", { d: "M16 2v4" }),
+        /* @__PURE__ */ e("rect", { width: "18", height: "18", x: "3", y: "4", rx: "2" }),
+        /* @__PURE__ */ e("path", { d: "M3 10h18" }),
+        /* @__PURE__ */ e("path", { d: "M8 14h.01" }),
+        /* @__PURE__ */ e("path", { d: "M12 14h.01" }),
+        /* @__PURE__ */ e("path", { d: "M16 14h.01" }),
+        /* @__PURE__ */ e("path", { d: "M8 18h.01" }),
+        /* @__PURE__ */ e("path", { d: "M12 18h.01" }),
+        /* @__PURE__ */ e("path", { d: "M16 18h.01" })
+      ]
+    }
+  );
+}
+function Gn({ className: t }) {
+  return /* @__PURE__ */ r(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: 2,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className: t,
+      children: [
+        /* @__PURE__ */ e("path", { d: "M21 7.5V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h3.5" }),
+        /* @__PURE__ */ e("path", { d: "M16 2v4" }),
+        /* @__PURE__ */ e("path", { d: "M8 2v4" }),
+        /* @__PURE__ */ e("path", { d: "M3 10h5" }),
+        /* @__PURE__ */ e("path", { d: "M17.5 17.5 16 16.3V14" }),
+        /* @__PURE__ */ e("circle", { cx: "16", cy: "16", r: "6" })
+      ]
+    }
+  );
+}
+function Kn({ className: t }) {
+  return /* @__PURE__ */ e(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: 2,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className: t,
+      children: /* @__PURE__ */ e("path", { d: "m9 18 6-6-6-6" })
+    }
+  );
+}
+function Jn({ className: t }) {
+  return /* @__PURE__ */ r(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: 2,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className: t,
+      children: [
+        /* @__PURE__ */ e("path", { d: "M15 3h6v6" }),
+        /* @__PURE__ */ e("path", { d: "M10 14 21 3" }),
+        /* @__PURE__ */ e("path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" })
+      ]
+    }
+  );
+}
+function qn(t) {
+  const n = t.getFullYear(), o = String(t.getMonth() + 1).padStart(2, "0"), s = String(t.getDate()).padStart(2, "0");
+  return `${n}-${o}-${s}`;
+}
+function ot(t) {
+  const n = t.getHours(), o = t.getMinutes(), s = n >= 12 ? "PM" : "AM", i = n % 12 || 12, a = String(o).padStart(2, "0");
+  return `${i}:${a} ${s}`;
+}
+function Xn(t) {
+  const n = ot(t.startDate), o = ot(t.endDate);
+  return `${n} - ${o}`;
+}
+function Qn(t) {
+  const n = ut(/* @__PURE__ */ new Date(), 1);
+  return t.getFullYear() === n.getFullYear() && t.getMonth() === n.getMonth() && t.getDate() === n.getDate();
+}
+function Zn(t) {
+  if (se(t)) return "Today";
+  if (Qn(t)) return "Tomorrow";
+  const n = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"], o = [
+    "Jan",
+    "Feb",
+    "Mar",
+    "Apr",
+    "May",
+    "Jun",
+    "Jul",
+    "Aug",
+    "Sep",
+    "Oct",
+    "Nov",
+    "Dec"
+  ], s = n[t.getDay()], i = o[t.getMonth()], a = t.getDate();
+  return `${s}, ${i} ${a}`;
+}
+function er(t, n) {
+  const o = /* @__PURE__ */ new Map();
+  for (const s of t) {
+    const i = qn(s.startDate), a = o.get(i) ?? [];
+    a.push(s), o.set(i, a);
+  }
+  return Array.from(o.entries()).map(([s, i]) => {
+    const a = [...i].sort(
+      (m, c) => m.startDate.getTime() - c.startDate.getTime()
+    ), h = n > 0 ? a.slice(0, n) : a;
+    return {
+      date: new Date(s),
+      dateKey: s,
+      events: h,
+      hasMore: n > 0 && a.length > n
+    };
+  }).sort((s, i) => s.date.getTime() - i.date.getTime());
+}
+function tr(t) {
+  const n = We(/* @__PURE__ */ new Date()), o = dt(/* @__PURE__ */ new Date());
+  return t.filter((s) => s.startDate >= n && s.startDate <= o).length;
+}
+function Oe({ className: t }) {
+  return /* @__PURE__ */ e("div", { className: f("animate-pulse rounded-md bg-muted", t) });
+}
+function nr({ event: t, onClick: n }) {
+  return /* @__PURE__ */ r(
+    "button",
+    {
+      type: "button",
+      onClick: () => n?.(t),
+      className: f(
+        "w-full text-left rounded-lg transition-colors",
+        "hover:bg-accent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+        "flex items-start gap-3 p-2"
+      ),
+      children: [
+        /* @__PURE__ */ e(
+          "div",
+          {
+            className: "shrink-0 rounded-full mt-1.5 size-2",
+            style: { backgroundColor: t.color ?? "#3b82f6" }
+          }
+        ),
+        /* @__PURE__ */ r("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ e("p", { className: "text-sm font-medium truncate", children: t.title }),
+          /* @__PURE__ */ e("p", { className: "text-xs text-muted-foreground truncate", children: Xn(t) })
+        ] }),
+        n && /* @__PURE__ */ e(Kn, { className: "shrink-0 size-4 text-muted-foreground/50 mt-1" })
+      ]
+    }
+  );
+}
+function rr({ group: t, onEventClick: n }) {
+  return /* @__PURE__ */ r("div", { className: "space-y-1", children: [
+    /* @__PURE__ */ r("div", { className: "flex items-center justify-between px-2 py-1.5", children: [
+      /* @__PURE__ */ e("h3", { className: f("text-xs font-semibold", se(t.date) && "text-primary"), children: Zn(t.date) }),
+      t.hasMore && /* @__PURE__ */ r("span", { className: "text-[10px] text-muted-foreground", children: [
+        "+",
+        t.events.length,
+        " more"
+      ] })
+    ] }),
+    /* @__PURE__ */ e("div", { className: "space-y-0.5", children: t.events.map((o) => /* @__PURE__ */ e(nr, { event: o, onClick: n }, o.id)) })
+  ] });
+}
+function Tr({
+  events: t,
+  isLoading: n = !1,
+  className: o,
+  daysAhead: s = 7,
+  maxEventsPerDay: i = 3,
+  onEventClick: a,
+  onNavigateToAgenda: h
+}) {
+  const [m, c] = ie(!1), v = q(() => {
+    const j = We(/* @__PURE__ */ new Date()), P = ut(j, s);
+    return t.filter((E) => E.endDate >= j && E.startDate < P);
+  }, [t, s]), y = q(
+    () => er(v, i),
+    [v, i]
+  ), w = q(() => tr(t), [t]), L = (j) => {
+    c(!1), a?.(j);
+  }, A = () => {
+    c(!1), h?.();
+  };
+  return /* @__PURE__ */ r(it, { open: m, onOpenChange: c, children: [
+    /* @__PURE__ */ r(
+      lt,
+      {
+        className: f(
+          "relative rounded-xl hover:text-zinc-700 hover:!bg-zinc-300 !bg-zinc-200 text-zinc-600 shadow-none !px-2.5 p-2 max-h-10",
+          o
+        ),
+        children: [
+          /* @__PURE__ */ e(Yn, { className: "h-4 w-4" }),
+          w > 0 && /* @__PURE__ */ e(
+            St,
+            {
+              variant: "destructive",
+              className: "absolute -right-4 -top-4 m-3 flex h-5 w-5 items-center justify-center rounded-full bg-primary p-0 text-[10px] font-medium hover:bg-primary",
+              children: w > 99 ? "99+" : w
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ r(ct, { className: "w-80 rounded-xl p-0", align: "end", side: "bottom", sideOffset: 8, children: [
+      /* @__PURE__ */ r("div", { className: "flex items-center justify-between border-b p-4", children: [
+        /* @__PURE__ */ r("div", { children: [
+          /* @__PURE__ */ e("h3", { className: "text-sm font-semibold", children: "Upcoming" }),
+          /* @__PURE__ */ e("p", { className: "text-xs text-muted-foreground", children: w > 0 ? `${w} event${w > 1 ? "s" : ""} today` : "No events today" })
+        ] }),
+        h && /* @__PURE__ */ r(
+          "button",
+          {
+            type: "button",
+            onClick: A,
+            className: "text-xs text-primary hover:underline flex items-center gap-1",
+            children: [
+              "View all",
+              /* @__PURE__ */ e(Jn, { className: "size-3" })
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ e("div", { className: "max-h-80 overflow-y-auto p-2", children: n ? /* @__PURE__ */ e("div", { className: "space-y-2 p-2", children: Array.from({ length: 3 }).map((j, P) => /* @__PURE__ */ r("div", { className: "flex space-x-3", children: [
+        /* @__PURE__ */ e(Oe, { className: "h-2 w-2 rounded-full mt-2" }),
+        /* @__PURE__ */ r("div", { className: "flex-1 space-y-2", children: [
+          /* @__PURE__ */ e(Oe, { className: "h-4 w-full" }),
+          /* @__PURE__ */ e(Oe, { className: "h-3 w-3/4" })
+        ] })
+      ] }, P)) }) : y.length === 0 ? /* @__PURE__ */ r("div", { className: "flex flex-col items-center justify-center py-8 text-center", children: [
+        /* @__PURE__ */ e(Gn, { className: "mb-2 h-8 w-8 text-muted-foreground/50" }),
+        /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: "No upcoming events" }),
+        /* @__PURE__ */ r("p", { className: "text-xs text-muted-foreground/70", children: [
+          "Your schedule is clear for the next ",
+          s,
+          " days"
+        ] })
+      ] }) : /* @__PURE__ */ e("div", { className: "space-y-3 divide-y", children: y.map((j) => /* @__PURE__ */ e(
+        rr,
+        {
+          group: j,
+          onEventClick: L
+        },
+        j.dateKey
+      )) }) })
+    ] })
+  ] });
+}
+function or({ className: t }) {
+  return /* @__PURE__ */ r(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className: t,
+      children: [
+        /* @__PURE__ */ e("path", { d: "M21 7.5V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h3.5" }),
+        /* @__PURE__ */ e("path", { d: "M16 2v4" }),
+        /* @__PURE__ */ e("path", { d: "M8 2v4" }),
+        /* @__PURE__ */ e("path", { d: "M3 10h5" }),
+        /* @__PURE__ */ e("path", { d: "M17.5 17.5 16 16.25V14" }),
+        /* @__PURE__ */ e("circle", { cx: "16", cy: "16", r: "6" })
+      ]
+    }
+  );
+}
+function mt({ className: t }) {
+  return /* @__PURE__ */ e(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className: t,
+      children: /* @__PURE__ */ e("path", { d: "m9 18 6-6-6-6" })
+    }
+  );
+}
+function sr(t) {
+  const n = /* @__PURE__ */ new Date();
+  return n.setDate(n.getDate() + 1), t.getFullYear() === n.getFullYear() && t.getMonth() === n.getMonth() && t.getDate() === n.getDate();
+}
+function st(t) {
+  const n = t.getHours(), o = t.getMinutes(), s = n >= 12 ? "PM" : "AM";
+  return `${n % 12 || 12}:${o.toString().padStart(2, "0")} ${s}`;
+}
+function ar(t) {
+  return new Intl.DateTimeFormat("en-US", {
+    weekday: "long",
+    month: "short",
+    day: "numeric"
+  }).format(t);
+}
+function ir(t) {
+  const n = st(t.startDate), o = st(t.endDate);
+  return `${n} - ${o}`;
+}
+function lr(t) {
+  return se(t) ? "Today" : sr(t) ? "Tomorrow" : ar(t);
+}
+function cr(t, n) {
+  const o = /* @__PURE__ */ new Map();
+  for (const s of t) {
+    const i = Wt(s.startDate), a = o.get(i) ?? [];
+    a.push(s), o.set(i, a);
+  }
+  return Array.from(o.entries()).map(([s, i]) => {
+    const a = [...i].sort(
+      (m, c) => m.startDate.getTime() - c.startDate.getTime()
+    ), h = n > 0 ? a.slice(0, n) : a;
+    return {
+      date: new Date(s),
+      dateKey: s,
+      events: h,
+      hasMore: n > 0 && a.length > n
+    };
+  }).sort((s, i) => s.date.getTime() - i.date.getTime());
+}
+function dr({ event: t, onClick: n, compact: o }) {
+  return /* @__PURE__ */ r(
+    "button",
+    {
+      type: "button",
+      onClick: () => n?.(t),
+      className: f(
+        "w-full text-left rounded-lg transition-colors",
+        "hover:bg-accent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+        "flex items-start gap-3",
+        o ? "p-2" : "p-3"
+      ),
+      children: [
+        /* @__PURE__ */ e(
+          "div",
+          {
+            className: f("shrink-0 rounded-full mt-1", o ? "size-2" : "size-2.5"),
+            style: { backgroundColor: t.color ?? "#3b82f6" }
+          }
+        ),
+        /* @__PURE__ */ r("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ e("p", { className: f("font-medium truncate", o ? "text-xs" : "text-sm"), children: t.title }),
+          /* @__PURE__ */ e("p", { className: f("text-muted-foreground truncate", o ? "text-[10px]" : "text-xs"), children: ir(t) })
+        ] }),
+        n && /* @__PURE__ */ e(
+          mt,
+          {
+            className: f("shrink-0 text-muted-foreground/50", o ? "size-3" : "size-4")
+          }
+        )
+      ]
+    }
+  );
+}
+function ur({
+  group: t,
+  onEventClick: n,
+  onViewMore: o,
+  compact: s
+}) {
+  return /* @__PURE__ */ r("div", { className: "space-y-1", children: [
+    /* @__PURE__ */ r("div", { className: f("flex items-center justify-between px-2", s ? "py-1" : "py-1.5"), children: [
+      /* @__PURE__ */ e(
+        "h3",
+        {
+          className: f(
+            "font-semibold",
+            s ? "text-xs" : "text-sm",
+            se(t.date) && "text-primary"
+          ),
+          children: lr(t.date)
+        }
+      ),
+      t.hasMore && o && /* @__PURE__ */ e(
+        "button",
+        {
+          type: "button",
+          onClick: () => o(t.date),
+          className: f("text-primary hover:underline", s ? "text-[10px]" : "text-xs"),
+          children: "+more"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ e("div", { className: "space-y-0.5", children: t.events.map((i) => /* @__PURE__ */ e(dr, { event: i, onClick: n, compact: s }, i.id)) })
+  ] });
+}
+function Hr({
+  events: t,
+  daysAhead: n = 7,
+  maxEventsPerDay: o = 3,
+  onEventClick: s,
+  onViewAll: i,
+  className: a,
+  emptyState: h,
+  title: m = "Upcoming",
+  showHeader: c = !0,
+  compact: v = !1
+}) {
+  const y = at(), w = y?.filteredEvents, L = y?.currentDate ?? /* @__PURE__ */ new Date(), A = t ?? w ?? [], j = q(() => {
+    const b = We(L), I = new Date(b);
+    return I.setDate(I.getDate() + n), A.filter((O) => O.endDate >= b && O.startDate < I);
+  }, [A, n, L]), P = q(
+    () => cr(j, o),
+    [j, o]
+  ), E = j.length;
+  return P.length === 0 ? /* @__PURE__ */ r("div", { className: f("rounded-lg border bg-card", a), children: [
+    c && /* @__PURE__ */ e(
+      "div",
+      {
+        className: f(
+          "border-b px-4 flex items-center justify-between",
+          v ? "py-2" : "py-3"
+        ),
+        children: /* @__PURE__ */ e("h2", { className: f("font-semibold", v ? "text-sm" : "text-base"), children: m })
+      }
+    ),
+    /* @__PURE__ */ e(
+      "div",
+      {
+        className: f(
+          "flex flex-col items-center justify-center text-center",
+          v ? "py-6 px-4" : "py-10 px-6"
+        ),
+        children: h ?? /* @__PURE__ */ r(ge, { children: [
+          /* @__PURE__ */ e(
+            or,
+            {
+              className: f("text-muted-foreground/50 mb-2", v ? "size-8" : "size-10")
+            }
+          ),
+          /* @__PURE__ */ e("p", { className: f("text-muted-foreground", v ? "text-xs" : "text-sm"), children: "No upcoming events" })
+        ] })
+      }
+    )
+  ] }) : /* @__PURE__ */ r("div", { className: f("rounded-lg border bg-card overflow-hidden", a), children: [
+    c && /* @__PURE__ */ r(
+      "div",
+      {
+        className: f(
+          "border-b px-4 flex items-center justify-between",
+          v ? "py-2" : "py-3"
+        ),
+        children: [
+          /* @__PURE__ */ r("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ e("h2", { className: f("font-semibold", v ? "text-sm" : "text-base"), children: m }),
+            /* @__PURE__ */ e(
+              "span",
+              {
+                className: f(
+                  "text-muted-foreground bg-muted rounded-full px-2",
+                  v ? "text-[10px] py-0" : "text-xs py-0.5"
+                ),
+                children: E
+              }
+            )
+          ] }),
+          i && /* @__PURE__ */ r(
+            "button",
+            {
+              type: "button",
+              onClick: () => i(),
+              className: f(
+                "text-primary hover:underline flex items-center gap-0.5",
+                v ? "text-xs" : "text-sm"
+              ),
+              children: [
+                "View all",
+                /* @__PURE__ */ e(mt, { className: "size-3" })
+              ]
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ e(
+      "div",
+      {
+        className: f(
+          "divide-y overflow-auto",
+          v ? "p-2 max-h-[280px]" : "p-3 max-h-[400px]"
+        ),
+        children: P.map((b) => /* @__PURE__ */ e(
+          ur,
+          {
+            group: b,
+            onEventClick: s,
+            onViewMore: i ? (I) => i(I) : void 0,
+            compact: v
+          },
+          b.dateKey
+        ))
+      }
+    )
+  ] });
+}
+export {
+  Tr as A,
+  Nr as B,
+  wr as C,
+  Mr as D,
+  br as E,
+  yr as I,
+  Lr as S,
+  Ee as T,
+  Er as U,
+  Cr as V,
+  Dr as W,
+  fn as Y,
+  Hr as a,
+  Sr as b,
+  kr as c
+};
+//# sourceMappingURL=agenda-widget-DHJXUnaz.js.map