@innosolutions/inno-calendar 1.0.49 → 1.0.50

package/dist/{agenda-widget-DhCPt2vI.js → agenda-widget-ssrwyMvF.js}

@@ -1,11 +1,11 @@
-import { jsx as e, jsxs as n, Fragment as re } from "react/jsx-runtime";
-import { g as Oe, u as Je, C as Xe } from "./use-calendar-Clo9DFK4.js";
-import { useCallback as ne, useState as oe, useEffect as fe, forwardRef as xe, useRef as Ne, useMemo as B, useLayoutEffect as Qe, useImperativeHandle as Ze } from "react";
-import { c as h } from "./index-DtaLkIY8.js";
-import { P as Pe, i as _e, h as Re, m as X, q as et, r as tt, B as ae, s as rt, t as Ce, k as Q, n as Z, l as ee, d as nt, C as ot, M as De, A as st, W as at, c as it, u as lt } from "./week-view-aRPB2cjn.js";
-import { D as ct, I as dt, e as ut, S as ht } from "./slot-selection-context-D1495hEJ.js";
-import { isToday as G, startOfDay as pe, endOfDay as Ve, getYearMonths as mt, generateMonthGrid as ft, getEventsForDay as gt, addDays as Ue, formatDateISO as xt } from "./utils.mjs";
-function pt({ view: t, className: r = "" }) {
+import { jsx as e, jsxs as n, Fragment as ce } from "react/jsx-runtime";
+import { g as Ue, u as Ze, C as et } from "./use-calendar-Clo9DFK4.js";
+import { useCallback as X, useState as de, useEffect as pe, forwardRef as be, useRef as Ee, useMemo as U, useLayoutEffect as tt, useImperativeHandle as rt } from "react";
+import { c as u } from "./index-DtaLkIY8.js";
+import { P as Ye, p as Ge, o as Ke, z as oe, I as nt, J as ot, B as ue, K as st, L as ze, x as se, F as ae, y as ie, k as at, C as it, M as He, A as lt, W as ct, c as dt, N as ut } from "./week-view-vnIcmoVr.js";
+import { j as ht, D as mt, I as ft, e as gt, S as xt } from "./slot-selection-context-BwghpxKA.js";
+import { isToday as te, startOfDay as ye, endOfDay as qe, getYearMonths as pt, generateMonthGrid as vt, getEventsForDay as wt, addDays as Je, formatDateISO as bt } from "./utils.mjs";
+function yt({ view: t, className: r = "" }) {
   return /* @__PURE__ */ e(
     "div",
     {
@@ -29,49 +29,49 @@ function pt({ view: t, className: r = "" }) {
     }
   );
 }
-function Me({ view: t, className: r }) {
-  return /* @__PURE__ */ e(pt, { view: t, className: r });
+function Le({ view: t, className: r }) {
+  return /* @__PURE__ */ e(yt, { view: t, className: r });
 }
-function Yr(t) {
+function Jr(t) {
   const {
     events: r,
     resources: o,
     scheduleTypes: s,
-    initialView: i = "week",
-    initialDate: l,
+    initialView: a = "week",
+    initialDate: i,
     initialFilters: g,
     preferences: f,
-    locale: c,
+    locale: l,
     slots: x,
-    renderEvent: b,
+    renderEvent: y,
     onViewChange: p,
-    onDateChange: S,
-    onEventClick: W,
-    onSlotSelect: L,
-    onFiltersChange: D,
-    className: z,
-    children: T
-  } = t, w = Oe();
-  if (w)
-    return /* @__PURE__ */ e("div", { className: z, style: { position: "relative" }, children: T ?? /* @__PURE__ */ e(Me, { view: w.view, className: z }) });
-  const I = Je({
+    onDateChange: L,
+    onEventClick: A,
+    onSlotSelect: z,
+    onFiltersChange: j,
+    className: I,
+    children: C
+  } = t, T = Ue();
+  if (T)
+    return /* @__PURE__ */ e("div", { className: I, style: { position: "relative" }, children: C ?? /* @__PURE__ */ e(Le, { view: T.view, className: I }) });
+  const _ = Ze({
     events: r,
     resources: o,
     scheduleTypes: s,
-    initialView: i,
-    initialDate: l,
+    initialView: a,
+    initialDate: i,
     initialFilters: g,
     preferences: f,
-    locale: c,
+    locale: l,
     onViewChange: p,
-    onDateChange: S,
-    onEventClick: W,
-    onSlotSelect: L,
-    onFiltersChange: D
+    onDateChange: L,
+    onEventClick: A,
+    onSlotSelect: z,
+    onFiltersChange: j
   });
-  return /* @__PURE__ */ e(Xe, { value: I, children: /* @__PURE__ */ e("div", { className: z, style: { position: "relative" }, children: T ?? /* @__PURE__ */ e(Me, { view: I.view, className: z }) }) });
+  return /* @__PURE__ */ e(et, { value: _, children: /* @__PURE__ */ e("div", { className: I, style: { position: "relative" }, children: C ?? /* @__PURE__ */ e(Le, { view: _.view, className: I }) }) });
 }
-function vt({ className: t }) {
+function kt({ className: t }) {
   return /* @__PURE__ */ n(
     "svg",
     {
@@ -90,7 +90,7 @@ function vt({ className: t }) {
     }
   );
 }
-function Ye({ className: t }) {
+function Xe({ className: t }) {
   return /* @__PURE__ */ n(
     "svg",
     {
@@ -112,7 +112,7 @@ function Ye({ className: t }) {
     }
   );
 }
-function ge({ className: t }) {
+function we({ className: t }) {
   return /* @__PURE__ */ n(
     "svg",
     {
@@ -131,7 +131,7 @@ function ge({ className: t }) {
     }
   );
 }
-function wt({ className: t }) {
+function Nt({ className: t }) {
   return /* @__PURE__ */ n(
     "svg",
     {
@@ -150,7 +150,7 @@ function wt({ className: t }) {
     }
   );
 }
-function he({ className: t }) {
+function ge({ className: t }) {
   return /* @__PURE__ */ e(
     "svg",
     {
@@ -166,7 +166,7 @@ function he({ className: t }) {
     }
   );
 }
-function bt({ className: t }) {
+function Ct({ className: t }) {
   return /* @__PURE__ */ n(
     "svg",
     {
@@ -185,7 +185,7 @@ function bt({ className: t }) {
     }
   );
 }
-function yt({ className: t }) {
+function Dt({ className: t }) {
   return /* @__PURE__ */ e(
     "svg",
     {
@@ -201,7 +201,7 @@ function yt({ className: t }) {
     }
   );
 }
-function kt({ className: t }) {
+function Mt({ className: t }) {
   return /* @__PURE__ */ n(
     "svg",
     {
@@ -222,7 +222,7 @@ function kt({ className: t }) {
     }
   );
 }
-function Nt({ className: t }) {
+function St({ className: t }) {
   return /* @__PURE__ */ n(
     "svg",
     {
@@ -241,7 +241,7 @@ function Nt({ className: t }) {
     }
   );
 }
-function Ct({ className: t }) {
+function Et({ className: t }) {
   return /* @__PURE__ */ n(
     "svg",
     {
@@ -262,7 +262,7 @@ function Ct({ className: t }) {
     }
   );
 }
-function Dt({ className: t }) {
+function zt({ className: t }) {
   return /* @__PURE__ */ n(
     "svg",
     {
@@ -284,7 +284,7 @@ function Dt({ className: t }) {
     }
   );
 }
-function ce({ className: t }) {
+function he({ className: t }) {
   return /* @__PURE__ */ e(
     "svg",
     {
@@ -295,12 +295,12 @@ function ce({ className: t }) {
       strokeWidth: "2",
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      className: h("animate-spin", t),
+      className: u("animate-spin", t),
       children: /* @__PURE__ */ e("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" })
     }
   );
 }
-const Mt = {
+const Ht = {
   edit: "Edit",
   delete: "Delete",
   cancel: "Cancel Event",
@@ -325,39 +325,39 @@ const Mt = {
   acceptAllEvents: "Accept all events",
   deleteConfirmTitle: "Delete Event",
   deleteConfirmDescription: "Are you sure you want to delete this event? This action cannot be undone."
-}, me = xe(
-  ({ onClick: t, label: r, children: o, className: s, variant: i = "ghost", ...l }, g) => /* @__PURE__ */ n(Q, { children: [
-    /* @__PURE__ */ e(Z, { asChild: !0, children: /* @__PURE__ */ e(
+}, xe = be(
+  ({ onClick: t, label: r, children: o, className: s, variant: a = "ghost", ...i }, g) => /* @__PURE__ */ n(se, { children: [
+    /* @__PURE__ */ e(ae, { asChild: !0, children: /* @__PURE__ */ e(
       "button",
       {
         type: "button",
         ref: g,
         onClick: t,
-        className: h(
+        className: u(
           "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",
+          a === "ghost" && "hover:bg-zinc-100 dark:hover:bg-zinc-800 text-zinc-600 dark:text-zinc-400",
+          a === "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": r,
-        ...l,
+        ...i,
         children: o
       }
     ) }),
-    /* @__PURE__ */ e(ee, { side: "bottom", className: "text-xs", children: r })
+    /* @__PURE__ */ e(ie, { side: "bottom", className: "text-xs", children: r })
   ] })
 );
-me.displayName = "IconButton";
-function St({ src: t, alt: r, initials: o, className: s, isClient: i }) {
-  const [l, g] = oe(!1);
+xe.displayName = "IconButton";
+function Lt({ src: t, alt: r, initials: o, className: s, isClient: a }) {
+  const [i, g] = de(!1);
   return /* @__PURE__ */ e(
     "div",
     {
-      className: h(
+      className: u(
         "relative h-7 w-7 rounded-full overflow-hidden shrink-0",
         s
       ),
-      children: t && !l ? /* @__PURE__ */ e(
+      children: t && !i ? /* @__PURE__ */ e(
         "img",
         {
           src: t,
@@ -368,9 +368,9 @@ function St({ src: t, alt: r, initials: o, className: s, isClient: i }) {
       ) : /* @__PURE__ */ e(
         "div",
         {
-          className: h(
+          className: u(
             "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"
+            a ? "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
         }
@@ -378,38 +378,38 @@ function St({ src: t, alt: r, initials: o, className: s, isClient: i }) {
     }
   );
 }
-function Se({
+function Te({
   participant: t,
   isEventCanceled: r = !1,
   labels: o
 }) {
-  const s = t.name || "Unknown", i = s.split(" ").map((S) => S[0]).join("").toUpperCase().slice(0, 2), l = t.isOrganizer ?? !1, g = t.isConfirmed, f = g === !0, c = g === !1, x = t.isClient ?? !1, b = t.profilePicture || t.avatar, p = r;
+  const s = t.name || "Unknown", a = s.split(" ").map((L) => L[0]).join("").toUpperCase().slice(0, 2), i = t.isOrganizer ?? !1, g = t.isConfirmed, f = g === !0, l = g === !1, x = t.isClient ?? !1, y = t.profilePicture || t.avatar, p = r;
   return /* @__PURE__ */ n(
     "div",
     {
-      className: h(
+      className: u(
         "flex items-center gap-3 py-0",
         p && "opacity-60"
       ),
       children: [
         /* @__PURE__ */ n("div", { className: "relative", children: [
           /* @__PURE__ */ e(
-            St,
+            Lt,
             {
-              src: b,
+              src: y,
               alt: s,
-              initials: i,
+              initials: a,
               isClient: x,
-              className: h(p && "grayscale")
+              className: u(p && "grayscale")
             }
           ),
-          p || 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(ge, { className: "h-2 w-2 text-red-600 dark:text-red-400 stroke-[3]" }) }) }) : f ? /* @__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(he, { className: "h-2 w-2 text-green-600 dark:text-green-400 stroke-[3]" }) }) }) : null
+          p || l ? /* @__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(we, { className: "h-2 w-2 text-red-600 dark:text-red-400 stroke-[3]" }) }) }) : f ? /* @__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(ge, { className: "h-2 w-2 text-green-600 dark:text-green-400 stroke-[3]" }) }) }) : null
         ] }),
         /* @__PURE__ */ n("div", { className: "!h-fit min-w-0 gap-0", children: [
           /* @__PURE__ */ e("div", { className: "gap-0", children: /* @__PURE__ */ e(
             "span",
             {
-              className: h(
+              className: u(
                 "text-sm text-zinc-900 dark:text-zinc-100 truncate",
                 p && "line-through text-zinc-500 dark:text-zinc-500"
               ),
@@ -417,25 +417,25 @@ function Se({
             }
           ) }),
           x && /* @__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 }),
-          l && !p && /* @__PURE__ */ e("div", { className: "text-xs text-zinc-500", children: o.organizer })
+          i && !p && /* @__PURE__ */ e("div", { className: "text-xs text-zinc-500", children: o.organizer })
         ] })
       ]
     }
   );
 }
-function Et({
+function Tt({
   open: t,
   onOpenChange: r,
   title: o,
   children: s
 }) {
-  return fe(() => {
+  return pe(() => {
     if (!t) return;
-    const i = (l) => {
-      l.key === "Escape" && r(!1);
+    const a = (i) => {
+      i.key === "Escape" && r(!1);
     };
-    return document.addEventListener("keydown", i), () => document.removeEventListener("keydown", i);
-  }, [t, r]), fe(() => (t ? document.body.style.overflow = "hidden" : document.body.style.overflow = "", () => {
+    return document.addEventListener("keydown", a), () => document.removeEventListener("keydown", a);
+  }, [t, r]), pe(() => (t ? document.body.style.overflow = "hidden" : document.body.style.overflow = "", () => {
     document.body.style.overflow = "";
   }), [t]), t ? /* @__PURE__ */ n("div", { className: "fixed inset-0 z-50", children: [
     /* @__PURE__ */ e(
@@ -443,8 +443,8 @@ function Et({
       {
         className: "fixed inset-0 bg-black/50 backdrop-blur-sm",
         onClick: () => r(!1),
-        onKeyDown: (i) => {
-          (i.key === "Enter" || i.key === " ") && r(!1);
+        onKeyDown: (a) => {
+          (a.key === "Enter" || a.key === " ") && r(!1);
         }
       }
     ),
@@ -454,13 +454,13 @@ function Et({
     ] }) })
   ] }) : null;
 }
-function zt({
+function It({
   open: t,
   onOpenChange: r,
   title: o,
   description: s,
-  cancelLabel: i,
-  confirmLabel: l,
+  cancelLabel: a,
+  confirmLabel: i,
   onConfirm: g,
   isLoading: f
 }) {
@@ -470,8 +470,8 @@ function zt({
       {
         className: "fixed inset-0 bg-black/50 backdrop-blur-sm",
         onClick: () => r(!1),
-        onKeyDown: (c) => {
-          (c.key === "Enter" || c.key === " ") && r(!1);
+        onKeyDown: (l) => {
+          (l.key === "Enter" || l.key === " ") && r(!1);
         }
       }
     ),
@@ -480,25 +480,25 @@ function zt({
       /* @__PURE__ */ e("p", { className: "mt-2 text-sm text-zinc-600 dark:text-zinc-400", children: s }),
       /* @__PURE__ */ n("div", { className: "mt-4 flex justify-end gap-3", children: [
         /* @__PURE__ */ e(
-          ae,
+          ue,
           {
             variant: "outline",
             size: "sm",
             onClick: () => r(!1),
-            children: i
+            children: a
           }
         ),
         /* @__PURE__ */ n(
-          ae,
+          ue,
           {
             variant: "destructive",
             size: "sm",
             onClick: g,
             disabled: f,
             children: [
-              f && /* @__PURE__ */ e(ce, { className: "h-4 w-4 mr-2" }),
-              /* @__PURE__ */ e(Ye, { className: "h-4 w-4 mr-2" }),
-              l
+              f && /* @__PURE__ */ e(he, { className: "h-4 w-4 mr-2" }),
+              /* @__PURE__ */ e(Xe, { className: "h-4 w-4 mr-2" }),
+              i
             ]
           }
         )
@@ -506,14 +506,14 @@ function zt({
     ] }) })
   ] }) : null;
 }
-function Ht(t, r) {
+function jt(t, r) {
   return t.toLocaleDateString(void 0, {
     weekday: "long",
     month: "long",
     day: "numeric"
   });
 }
-function Lt(t, r) {
+function Wt(t, r) {
   const o = {
     hour: "2-digit",
     minute: "2-digit",
@@ -521,7 +521,7 @@ function Lt(t, r) {
   };
   return `${t.toLocaleTimeString(void 0, o)} – ${r.toLocaleTimeString(void 0, o)}`;
 }
-function Tt(t) {
+function At(t) {
   return t.toLocaleDateString(void 0, {
     day: "2-digit",
     month: "short",
@@ -530,73 +530,73 @@ function Tt(t) {
     minute: "2-digit"
   });
 }
-function It(t) {
-  const [r, o] = oe(() => typeof window < "u" ? window.matchMedia(t).matches : !1);
-  return fe(() => {
+function Ft(t) {
+  const [r, o] = de(() => typeof window < "u" ? window.matchMedia(t).matches : !1);
+  return pe(() => {
     if (typeof window > "u") return;
-    const s = window.matchMedia(t), i = (l) => o(l.matches);
-    return s.addEventListener("change", i), () => s.removeEventListener("change", i);
+    const s = window.matchMedia(t), a = (i) => o(i.matches);
+    return s.addEventListener("change", a), () => s.removeEventListener("change", a);
   }, [t]), r;
 }
-function Ee({
+function Ie({
   event: t,
   labels: r,
   isLoading: o,
   onClose: s,
-  onEdit: i,
-  onDelete: l,
+  onEdit: a,
+  onDelete: i,
   onCancel: g,
   onAccept: f,
-  onDecline: c,
+  onDecline: l,
   onConfirmMeeting: x,
-  canEdit: b = !0,
+  canEdit: y = !0,
   canDelete: p = !1,
-  canCancel: S = !0,
-  isCurrentUserParticipant: W = !1,
-  isCurrentUserClient: L = !1,
-  currentUserAcceptStatus: D,
-  isAcceptLoading: z = !1,
-  isDeclineLoading: T = !1,
-  isConfirmLoading: w = !1,
-  isDeleteLoading: I = !1,
-  renderParticipant: C,
-  renderHeaderActions: A,
-  renderCancelReason: R,
-  renderDeleteConfirmation: V,
-  formatDate: F = Ht,
-  formatTimeRange: O = Lt
+  canCancel: L = !0,
+  isCurrentUserParticipant: A = !1,
+  isCurrentUserClient: z = !1,
+  currentUserAcceptStatus: j,
+  isAcceptLoading: I = !1,
+  isDeclineLoading: C = !1,
+  isConfirmLoading: T = !1,
+  isDeleteLoading: _ = !1,
+  renderParticipant: Y,
+  renderHeaderActions: w,
+  renderCancelReason: W,
+  renderDeleteConfirmation: F,
+  formatDate: P = jt,
+  formatTimeRange: K = Wt
 }) {
-  const [j, _] = oe(!1), U = !(t.isCanceled || t.meetingTookPlace), m = t.isRecurring ?? !1, a = t.participantDetails, u = t.participantsNames || [], v = a && a.length > 0, k = D === !0, N = D === !1, E = W && !L && U, H = v ? a.filter((M) => M.isConfirmed).length : t.isAccepted ? u.length : 0, P = v ? a.length : u.length, K = t.scheduleTypeColor || t.hexColor || "#039BE5", Y = ne(() => t.startDate ? F(t.startDate) : r.noDateProvided, [t.startDate, F, r.noDateProvided]), q = ne(() => t.startDate && t.endDate ? O(t.startDate, t.endDate) : null, [t.startDate, t.endDate, O]), ie = () => {
-    s(), i?.(t);
-  }, le = () => {
+  const [q, V] = de(!1), B = !(t.isCanceled || t.meetingTookPlace), m = t.isRecurring ?? !1, b = t.participantDetails, E = t.participantsNames || [], $ = b && b.length > 0, H = j === !0, Q = j === !1, re = A && !z && B, c = $ ? b.filter((R) => R.isConfirmed).length : t.isAccepted ? E.length : 0, h = $ ? b.length : E.length, v = t.scheduleTypeColor || t.hexColor || "#039BE5", S = X(() => t.startDate ? P(t.startDate) : r.noDateProvided, [t.startDate, P, r.noDateProvided]), k = X(() => t.startDate && t.endDate ? K(t.startDate, t.endDate) : null, [t.startDate, t.endDate, K]), D = () => {
+    s(), a?.(t);
+  }, M = () => {
     s(), g?.(t);
-  }, d = () => {
-    _(!0);
-  }, y = () => {
-    l?.(t), _(!1);
+  }, J = () => {
+    V(!0);
+  }, Z = () => {
+    i?.(t), V(!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__ */ n(X, { delayDuration: 300, children: [
+  return o ? /* @__PURE__ */ e("div", { className: "flex h-48 items-center justify-center", children: /* @__PURE__ */ e(he, { className: "h-6 w-6 text-zinc-400" }) }) : /* @__PURE__ */ n(oe, { delayDuration: 300, children: [
     /* @__PURE__ */ n("div", { className: "flex flex-col gap-0.5 p-3", children: [
-      /* @__PURE__ */ e("div", { className: "flex items-start justify-end gap-0.5", children: A ? A({ onClose: s }) : /* @__PURE__ */ n(re, { children: [
-        U && b && i && /* @__PURE__ */ e(me, { onClick: ie, label: r.edit, children: /* @__PURE__ */ e(vt, { className: "h-[18px] w-[18px]" }) }),
-        U && S && g && /* @__PURE__ */ e(me, { onClick: le, label: r.cancel, children: /* @__PURE__ */ e(wt, { className: "h-[18px] w-[18px]" }) }),
-        p && l && /* @__PURE__ */ e(
-          me,
+      /* @__PURE__ */ e("div", { className: "flex items-start justify-end gap-0.5", children: w ? w({ onClose: s }) : /* @__PURE__ */ n(ce, { children: [
+        B && y && a && /* @__PURE__ */ e(xe, { onClick: D, label: r.edit, children: /* @__PURE__ */ e(kt, { className: "h-[18px] w-[18px]" }) }),
+        B && L && g && /* @__PURE__ */ e(xe, { onClick: M, label: r.cancel, children: /* @__PURE__ */ e(Nt, { className: "h-[18px] w-[18px]" }) }),
+        p && i && /* @__PURE__ */ e(
+          xe,
           {
-            onClick: d,
+            onClick: J,
             label: r.delete,
             variant: "destructive",
-            children: /* @__PURE__ */ e(Ye, { className: "h-[18px] w-[18px]" })
+            children: /* @__PURE__ */ e(Xe, { className: "h-[18px] w-[18px]" })
           }
         ),
-        /* @__PURE__ */ e(me, { onClick: s, label: r.close, children: /* @__PURE__ */ e(ge, { className: "h-[18px] w-[18px]" }) })
+        /* @__PURE__ */ e(xe, { onClick: s, label: r.close, children: /* @__PURE__ */ e(we, { className: "h-[18px] w-[18px]" }) })
       ] }) }),
       /* @__PURE__ */ e("div", { children: /* @__PURE__ */ n("div", { className: "flex items-start gap-2", children: [
         /* @__PURE__ */ e(
           "div",
           {
             className: "w-4 h-4 rounded mt-1 shrink-0",
-            style: { backgroundColor: K }
+            style: { backgroundColor: v }
           }
         ),
         /* @__PURE__ */ n("div", { className: "flex-1 min-w-0", children: [
@@ -604,7 +604,7 @@ function Ee({
             /* @__PURE__ */ e(
               "h2",
               {
-                className: h(
+                className: u(
                   "text-[22px] font-normal text-zinc-900 dark:text-zinc-100 leading-tight",
                   t.isCanceled && "line-through opacity-60"
                 ),
@@ -612,25 +612,25 @@ function Ee({
               }
             ),
             t.meetingTookPlace && /* @__PURE__ */ n("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" }),
+              /* @__PURE__ */ e(Ct, { className: "h-3 w-3" }),
               r.completed
             ] }),
             t.isCanceled && /* @__PURE__ */ n("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(ge, { className: "h-3 w-3" }),
+              /* @__PURE__ */ e(we, { className: "h-3 w-3" }),
               r.canceled
             ] })
           ] }),
           /* @__PURE__ */ n("div", { className: "mt-1 text-sm text-zinc-600 dark:text-zinc-400", children: [
-            /* @__PURE__ */ e("span", { children: Y() }),
-            q() && /* @__PURE__ */ n(re, { children: [
+            /* @__PURE__ */ e("span", { children: S() }),
+            k() && /* @__PURE__ */ n(ce, { children: [
               /* @__PURE__ */ e("span", { className: "mx-1.5", children: "·" }),
-              /* @__PURE__ */ e("span", { children: q() })
+              /* @__PURE__ */ e("span", { children: k() })
             ] })
           ] }),
           m && 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: R ? R(t) : /* @__PURE__ */ e("div", { className: "flex items-start gap-0", children: /* @__PURE__ */ n("div", { className: "flex-1 min-w-0", children: [
+      t.isCanceled && /* @__PURE__ */ e("div", { className: "mx-4 p-3 rounded-lg bg-red-50 dark:bg-red-950/30", children: W ? W(t) : /* @__PURE__ */ e("div", { className: "flex items-start gap-0", children: /* @__PURE__ */ n("div", { className: "flex-1 min-w-0", children: [
         /* @__PURE__ */ e("div", { className: "text-sm font-medium text-red-700 dark:text-red-400", children: r.cancellationNote }),
         t.cancelReason && /* @__PURE__ */ n("div", { className: "mt-1 text-sm text-red-600/80 dark:text-red-400/80 italic", children: [
           '"',
@@ -640,64 +640,64 @@ function Ee({
         t.canceledDate && /* @__PURE__ */ n("div", { className: "mt-1.5 text-xs text-red-500/70 dark:text-red-400/60", children: [
           r.canceledOn,
           " ",
-          Tt(t.canceledDate)
+          At(t.canceledDate)
         ] })
       ] }) }) }),
       /* @__PURE__ */ n("div", { className: "space-y-0.5", children: [
         t.address && /* @__PURE__ */ n("div", { className: "flex items-start gap-2", children: [
-          /* @__PURE__ */ e(Nt, { className: "h-5 w-5 text-zinc-400 mt-0.5 shrink-0" }),
+          /* @__PURE__ */ e(St, { 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 })
         ] }),
-        (v || u.length > 0) && /* @__PURE__ */ n("div", { className: "flex items-start gap-2 py-0", children: [
-          /* @__PURE__ */ e(kt, { className: "h-5 w-5 text-zinc-400 mt-0.5 shrink-0" }),
+        ($ || E.length > 0) && /* @__PURE__ */ n("div", { className: "flex items-start gap-2 py-0", children: [
+          /* @__PURE__ */ e(Mt, { className: "h-5 w-5 text-zinc-400 mt-0.5 shrink-0" }),
           /* @__PURE__ */ n("div", { className: "flex-1", children: [
             /* @__PURE__ */ n("div", { className: "flex items-center gap-0", children: [
               /* @__PURE__ */ n("span", { className: "text-sm text-zinc-900 dark:text-zinc-100 font-medium", children: [
-                P,
+                h,
                 " ",
-                P !== 1 ? r.guests : r.guest
+                h !== 1 ? r.guests : r.guest
               ] }),
-              P > 0 && /* @__PURE__ */ n("span", { className: "text-xs text-zinc-500", children: [
+              h > 0 && /* @__PURE__ */ n("span", { className: "text-xs text-zinc-500", children: [
                 "(",
-                H,
+                c,
                 " ",
                 r.confirmed,
                 ")"
               ] })
             ] }),
             /* @__PURE__ */ n("div", { className: "mt-2 space-y-2", children: [
-              v ? a.slice(0, 6).map(
-                (M, $) => C ? C(M, $) : /* @__PURE__ */ e(
-                  Se,
+              $ ? b.slice(0, 6).map(
+                (R, d) => Y ? Y(R, d) : /* @__PURE__ */ e(
+                  Te,
                   {
-                    participant: M,
+                    participant: R,
                     isEventCanceled: t.isCanceled,
                     labels: r
                   },
-                  M.id
+                  R.id
                 )
-              ) : u.slice(0, 6).map((M, $) => {
-                const se = {
-                  id: String($),
-                  name: M,
+              ) : E.slice(0, 6).map((R, d) => {
+                const N = {
+                  id: String(d),
+                  name: R,
                   email: "",
                   isConfirmed: t.isAccepted,
-                  isOrganizer: $ === 0,
+                  isOrganizer: d === 0,
                   isClient: !1
                 };
-                return C ? C(se, $) : /* @__PURE__ */ e(
-                  Se,
+                return Y ? Y(N, d) : /* @__PURE__ */ e(
+                  Te,
                   {
-                    participant: se,
+                    participant: N,
                     isEventCanceled: t.isCanceled,
                     labels: r
                   },
-                  M
+                  R
                 );
               }),
-              P > 6 && /* @__PURE__ */ n("div", { className: "text-xs text-zinc-500 py-1.5 pl-10", children: [
+              h > 6 && /* @__PURE__ */ n("div", { className: "text-xs text-zinc-500 py-1.5 pl-10", children: [
                 "+",
-                P - 6,
+                h - 6,
                 " ",
                 r.more
               ] })
@@ -705,282 +705,282 @@ function Ee({
           ] })
         ] }),
         t.description && /* @__PURE__ */ n("div", { className: "flex items-start gap-2", children: [
-          /* @__PURE__ */ e(Dt, { className: "h-5 w-5 text-zinc-400 mt-0.5 shrink-0" }),
+          /* @__PURE__ */ e(zt, { 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__ */ n("div", { className: "flex items-start gap-2", children: [
-          /* @__PURE__ */ e(Ct, { 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: v && a.find((M) => M.isOrganizer)?.name || u[0] || "Calendar" })
+          /* @__PURE__ */ e(Et, { 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: $ && b.find((R) => R.isOrganizer)?.name || E[0] || "Calendar" })
         ] })
       ] }),
-      E && f && c && /* @__PURE__ */ e("div", { className: "border-t border-zinc-100 dark:border-zinc-800 mt-3 py-3", children: /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: [
-        m ? /* @__PURE__ */ n(et, { children: [
-          /* @__PURE__ */ e(tt, { asChild: !0, children: /* @__PURE__ */ n("div", { className: "flex", children: [
+      re && f && l && /* @__PURE__ */ e("div", { className: "border-t border-zinc-100 dark:border-zinc-800 mt-3 py-3", children: /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: [
+        m ? /* @__PURE__ */ n(nt, { children: [
+          /* @__PURE__ */ e(ot, { asChild: !0, children: /* @__PURE__ */ n("div", { className: "flex", children: [
             /* @__PURE__ */ e(
-              ae,
+              ue,
               {
                 size: "sm",
                 variant: "outline",
-                className: h(
+                className: u(
                   "rounded-r-none gap-1.5 h-8 !border-none !bg-green-100 text-green-800 hover:!bg-green-200",
-                  k && "!bg-green-700 !text-white hover:!bg-green-700"
+                  H && "!bg-green-700 !text-white hover:!bg-green-700"
                 ),
-                onClick: (M) => {
-                  M.stopPropagation(), k || f(t);
+                onClick: (R) => {
+                  R.stopPropagation(), H || f(t);
                 },
-                disabled: z,
-                children: z ? /* @__PURE__ */ e(ce, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ n(re, { children: [
-                  k && /* @__PURE__ */ e(he, { className: "h-3.5 w-3.5" }),
+                disabled: I,
+                children: I ? /* @__PURE__ */ e(he, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ n(ce, { children: [
+                  H && /* @__PURE__ */ e(ge, { className: "h-3.5 w-3.5" }),
                   r.going
                 ] })
               }
             ),
             /* @__PURE__ */ e(
-              ae,
+              ue,
               {
                 size: "sm",
                 variant: "outline",
-                className: h(
+                className: u(
                   "rounded-l-none px-1.5 h-8 !border-none !bg-green-100 text-green-800 hover:!bg-green-200",
-                  k && "!bg-green-700 !text-white hover:!bg-green-700"
+                  H && "!bg-green-700 !text-white hover:!bg-green-700"
                 ),
-                children: /* @__PURE__ */ e(yt, { className: "h-3.5 w-3.5" })
+                children: /* @__PURE__ */ e(Dt, { className: "h-3.5 w-3.5" })
               }
             )
           ] }) }),
-          /* @__PURE__ */ n(rt, { align: "start", children: [
+          /* @__PURE__ */ n(st, { align: "start", children: [
             /* @__PURE__ */ n(
-              Ce,
+              ze,
               {
-                className: h(
+                className: u(
                   "gap-1.5 h-8 !border-none !bg-green-50 text-green-800 hover:!bg-green-100",
-                  k && "!bg-green-700 !text-white hover:!bg-green-700"
+                  H && "!bg-green-700 !text-white hover:!bg-green-700"
                 ),
                 onClick: () => f(t),
                 children: [
-                  /* @__PURE__ */ e(he, { className: "h-3.5 w-3.5 mr-2 text-green-600" }),
+                  /* @__PURE__ */ e(ge, { className: "h-3.5 w-3.5 mr-2 text-green-600" }),
                   r.acceptThisEvent
                 ]
               }
             ),
-            /* @__PURE__ */ n(Ce, { onClick: () => f(t), children: [
-              /* @__PURE__ */ e(he, { className: "h-3.5 w-3.5 mr-2 text-green-600" }),
+            /* @__PURE__ */ n(ze, { onClick: () => f(t), children: [
+              /* @__PURE__ */ e(ge, { className: "h-3.5 w-3.5 mr-2 text-green-600" }),
               r.acceptAllEvents
             ] })
           ] })
         ] }) : /* @__PURE__ */ e(
-          ae,
+          ue,
           {
             size: "sm",
             variant: "outline",
-            className: h(
+            className: u(
               "gap-1.5 h-8 !border-none !bg-green-100 text-green-800 hover:!bg-green-200",
-              k && "!bg-green-700 !text-white hover:!bg-green-700"
+              H && "!bg-green-700 !text-white hover:!bg-green-700"
             ),
             onClick: () => {
-              k || f(t);
+              H || f(t);
             },
-            disabled: z,
-            children: z ? /* @__PURE__ */ e(ce, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ n(re, { children: [
-              k && /* @__PURE__ */ e(he, { className: "h-3.5 w-3.5" }),
+            disabled: I,
+            children: I ? /* @__PURE__ */ e(he, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ n(ce, { children: [
+              H && /* @__PURE__ */ e(ge, { className: "h-3.5 w-3.5" }),
               r.going
             ] })
           }
         ),
         /* @__PURE__ */ e(
-          ae,
+          ue,
           {
             size: "sm",
             variant: "outline",
-            className: h(
+            className: u(
               "gap-1.5 h-8 !border-none !bg-rose-100 text-rose-800 hover:!bg-rose-200",
-              N && "!bg-rose-700 !text-white hover:!bg-rose-700"
+              Q && "!bg-rose-700 !text-white hover:!bg-rose-700"
             ),
             onClick: () => {
-              N || c(t);
+              Q || l(t);
             },
-            disabled: T,
-            children: T ? /* @__PURE__ */ e(ce, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ n(re, { children: [
-              N && /* @__PURE__ */ e(ge, { className: "h-3.5 w-3.5" }),
+            disabled: C,
+            children: C ? /* @__PURE__ */ e(he, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ n(ce, { children: [
+              Q && /* @__PURE__ */ e(we, { className: "h-3.5 w-3.5" }),
               r.notGoing
             ] })
           }
         )
       ] }) }),
-      W && k && !t.meetingTookPlace && !t.isCanceled && x && /* @__PURE__ */ e("div", { className: "border-t border-zinc-100 dark:border-zinc-800 py-3", children: /* @__PURE__ */ n(
-        ae,
+      A && H && !t.meetingTookPlace && !t.isCanceled && x && /* @__PURE__ */ e("div", { className: "border-t border-zinc-100 dark:border-zinc-800 py-3", children: /* @__PURE__ */ n(
+        ue,
         {
           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: () => x(t),
-          disabled: w,
+          disabled: T,
           children: [
-            w && /* @__PURE__ */ e(ce, { className: "h-4 w-4 mr-2" }),
+            T && /* @__PURE__ */ e(he, { className: "h-4 w-4 mr-2" }),
             r.confirmMeeting
           ]
         }
       ) })
     ] }),
-    V ? j && V({
-      onConfirm: y,
-      onCancel: () => _(!1),
-      isLoading: I
+    F ? q && F({
+      onConfirm: Z,
+      onCancel: () => V(!1),
+      isLoading: _
     }) : /* @__PURE__ */ e(
-      zt,
+      It,
       {
-        open: j,
-        onOpenChange: _,
+        open: q,
+        onOpenChange: V,
         title: r.deleteConfirmTitle,
         description: r.deleteConfirmDescription,
         cancelLabel: r.cancel,
         confirmLabel: r.delete,
-        onConfirm: y,
-        isLoading: I
+        onConfirm: Z,
+        isLoading: _
       }
     )
   ] });
 }
-function Gr({
+function Xr({
   event: t,
   children: r,
   open: o,
   onOpenChange: s,
-  isLoading: i,
-  labels: l,
+  isLoading: a,
+  labels: i,
   onEdit: g,
   onDelete: f,
-  onCancel: c,
+  onCancel: l,
   onAccept: x,
-  onDecline: b,
+  onDecline: y,
   onConfirmMeeting: p,
-  canEdit: S = !0,
-  canDelete: W = !1,
-  canCancel: L = !0,
-  isCurrentUserParticipant: D,
-  isCurrentUserClient: z,
-  currentUserAcceptStatus: T,
-  isAcceptLoading: w,
-  isDeclineLoading: I,
-  isConfirmLoading: C,
-  isDeleteLoading: A,
-  renderParticipant: R,
-  renderHeaderActions: V,
-  renderCancelReason: F,
-  renderDeleteConfirmation: O,
-  formatDate: j,
-  formatTimeRange: _,
-  className: U,
+  canEdit: L = !0,
+  canDelete: A = !1,
+  canCancel: z = !0,
+  isCurrentUserParticipant: j,
+  isCurrentUserClient: I,
+  currentUserAcceptStatus: C,
+  isAcceptLoading: T,
+  isDeclineLoading: _,
+  isConfirmLoading: Y,
+  isDeleteLoading: w,
+  renderParticipant: W,
+  renderHeaderActions: F,
+  renderCancelReason: P,
+  renderDeleteConfirmation: K,
+  formatDate: q,
+  formatTimeRange: V,
+  className: B,
   width: m = 360
 }) {
-  const a = It("(min-width: 768px)"), u = { ...Mt, ...l }, v = ne(() => {
+  const b = Ft("(min-width: 768px)"), E = { ...Ht, ...i }, $ = X(() => {
     s?.(!1);
-  }, [s]), k = {
+  }, [s]), H = {
     event: t,
-    labels: u,
-    isLoading: i,
-    onClose: v,
+    labels: E,
+    isLoading: a,
+    onClose: $,
     onEdit: g,
     onDelete: f,
-    onCancel: c,
+    onCancel: l,
     onAccept: x,
-    onDecline: b,
+    onDecline: y,
     onConfirmMeeting: p,
-    canEdit: S,
-    canDelete: W,
-    canCancel: L,
-    isCurrentUserParticipant: D,
-    isCurrentUserClient: z,
-    currentUserAcceptStatus: T,
-    isAcceptLoading: w,
-    isDeclineLoading: I,
-    isConfirmLoading: C,
-    isDeleteLoading: A,
-    renderParticipant: R,
-    renderHeaderActions: V,
-    renderCancelReason: F,
-    renderDeleteConfirmation: O,
-    formatDate: j,
-    formatTimeRange: _
+    canEdit: L,
+    canDelete: A,
+    canCancel: z,
+    isCurrentUserParticipant: j,
+    isCurrentUserClient: I,
+    currentUserAcceptStatus: C,
+    isAcceptLoading: T,
+    isDeclineLoading: _,
+    isConfirmLoading: Y,
+    isDeleteLoading: w,
+    renderParticipant: W,
+    renderHeaderActions: F,
+    renderCancelReason: P,
+    renderDeleteConfirmation: K,
+    formatDate: q,
+    formatTimeRange: V
   };
-  return a ? /* @__PURE__ */ n(Pe, { open: o ?? !1, onOpenChange: s ?? (() => {
+  return b ? /* @__PURE__ */ n(Ye, { open: o ?? !1, onOpenChange: s ?? (() => {
   }), children: [
-    /* @__PURE__ */ e(_e, { asChild: !0, children: r }),
+    /* @__PURE__ */ e(Ge, { asChild: !0, children: r }),
     /* @__PURE__ */ e(
-      Re,
+      Ke,
       {
-        className: h(
+        className: u(
           "p-0 shadow-lg !rounded-2xl bg-white dark:bg-zinc-900 overflow-hidden border z-50",
-          U
+          B
         ),
         style: { width: m },
         align: "center",
         side: "bottom",
         sideOffset: 4,
-        children: /* @__PURE__ */ e(Ee, { ...k })
+        children: /* @__PURE__ */ e(Ie, { ...H })
       }
     )
-  ] }) : /* @__PURE__ */ n(re, { children: [
+  ] }) : /* @__PURE__ */ n(ce, { children: [
     r,
     /* @__PURE__ */ e(
-      Et,
+      Tt,
       {
         open: o ?? !1,
         onOpenChange: s ?? (() => {
         }),
         title: t.title,
-        children: /* @__PURE__ */ e(Ee, { ...k })
+        children: /* @__PURE__ */ e(Ie, { ...H })
       }
     )
   ] });
 }
-const ve = 44, ze = 4, jt = 56, He = 8, we = 80, de = 140, Le = 100, Te = 2, Wt = 8, At = 18;
-function Ft(t) {
+const Ne = 44, je = 4, Bt = 56, We = 8, Ce = 80, me = 140, Ae = 100, Fe = 2, $t = 8, Ot = 18;
+function _t(t) {
   return t.split(" ").map((r) => r[0]).join("").toUpperCase().slice(0, 2);
 }
-function $t(t, r) {
+function Pt(t, r) {
   const o = [];
   for (let s = 0; s < r; s++) {
-    const i = new Date(t);
-    i.setDate(i.getDate() + s), o.push(i);
+    const a = new Date(t);
+    a.setDate(a.getDate() + s), o.push(a);
   }
   return o;
 }
-function Bt(t, r, o) {
+function Rt(t, r, o) {
   const s = [];
-  return t.forEach((i, l) => {
+  return t.forEach((a, i) => {
     for (let g = r; g < o; g++)
-      s.push({ hour: g, dayIndex: l, date: i });
+      s.push({ hour: g, dayIndex: i, date: a });
   }), s;
 }
-function Ot(t) {
+function Vt(t) {
   return `${t.toString().padStart(2, "0")}:00`;
 }
-function Pt(t) {
+function Ut(t) {
   return t.toLocaleDateString("en-US", {
     weekday: "short",
     month: "short",
     day: "numeric"
   });
 }
-function Ie(t) {
-  const r = [...t].sort((i, l) => i.startCol !== l.startCol ? i.startCol - l.startCol : l.spanCols - i.spanCols), o = [], s = [];
-  for (const i of r) {
-    let l = 0;
-    for (; s[l] !== void 0 && s[l] > i.startCol; )
-      l++;
-    s[l] = i.startCol + i.spanCols, o.push({
-      ...i,
-      stackIndex: l
+function Be(t) {
+  const r = [...t].sort((a, i) => a.startCol !== i.startCol ? a.startCol - i.startCol : i.spanCols - a.spanCols), o = [], s = [];
+  for (const a of r) {
+    let i = 0;
+    for (; s[i] !== void 0 && s[i] > a.startCol; )
+      i++;
+    s[i] = a.startCol + a.spanCols, o.push({
+      ...a,
+      stackIndex: i
     });
   }
   return o;
 }
-function _t({ src: t, alt: r, fallback: o, className: s }) {
+function Yt({ src: t, alt: r, fallback: o, className: s }) {
   return /* @__PURE__ */ e(
     "div",
     {
-      className: h(
+      className: u(
         "relative flex shrink-0 overflow-hidden rounded-sm border bg-muted",
         s
       ),
@@ -995,213 +995,251 @@ function _t({ src: t, alt: r, fallback: o, className: s }) {
     }
   );
 }
-const Rt = 7;
-function ue({
-  daysToShow: t = Rt,
+const Gt = 7;
+function fe({
+  daysToShow: t = Gt,
   events: r,
   users: o = [],
   selectedDate: s,
-  onDateChange: i,
-  onEventClick: l,
+  onDateChange: a,
+  onEventClick: i,
   visibleHours: g,
   className: f,
-  getEventUserId: c,
+  getEventUserId: l,
   renderPopover: x,
-  slots: b,
-  classNames: p
+  slots: y,
+  classNames: p,
+  enableDrag: L = !0
 }) {
-  const S = Ne(null), W = s ?? /* @__PURE__ */ new Date(), L = !0, D = g?.from ?? Wt, z = g?.to ?? At, T = z - D, w = B(() => {
-    const a = new Date(W);
+  const A = Ee(null), z = ht(), j = s ?? /* @__PURE__ */ new Date(), I = !0, C = g?.from ?? $t, T = g?.to ?? Ot, _ = T - C, Y = U(() => {
+    const c = new Date(j);
     if (t === 1 || t === 3)
-      return a.setHours(0, 0, 0, 0), a;
-    const u = a.getDay(), v = u === 0 ? -6 : 1 - u;
-    return a.setDate(a.getDate() + v), a.setHours(0, 0, 0, 0), a;
-  }, [W, t]), I = B(
-    () => $t(w, t),
-    [w, t]
-  ), C = B(
-    () => Bt(I, D, z),
-    [L, I, D, z]
-  ), R = c ?? ((a) => {
-    if (a.resourceId) return a.resourceId;
-    const u = a.data;
-    if (u?.userId) return String(u.userId);
-    if (u?.user && typeof u.user == "object" && u.user.id)
-      return String(u.user.id);
-    if (a.user?.id) return a.user.id;
-    if (a.participants?.[0]?.id) return a.participants[0].id;
-  }), V = B(() => {
-    const a = /* @__PURE__ */ new Map();
-    for (const u of o)
-      a.set(u.id, {
-        id: u.id,
-        name: u.name,
-        avatar: u.avatar ?? void 0,
-        email: u.email
+      return c.setHours(0, 0, 0, 0), c;
+    const h = c.getDay(), v = h === 0 ? -6 : 1 - h;
+    return c.setDate(c.getDate() + v), c.setHours(0, 0, 0, 0), c;
+  }, [j, t]), w = U(
+    () => Pt(Y, t),
+    [Y, t]
+  ), W = U(
+    () => Rt(w, C, T),
+    [I, w, C, T]
+  ), P = l ?? ((c) => {
+    if (c.resourceId) return c.resourceId;
+    const h = c.data;
+    if (h?.userId) return String(h.userId);
+    if (h?.user && typeof h.user == "object" && h.user.id)
+      return String(h.user.id);
+    if (c.user?.id) return c.user.id;
+    if (c.participants?.[0]?.id) return c.participants[0].id;
+  }), K = U(() => {
+    const c = /* @__PURE__ */ new Map();
+    for (const h of o)
+      c.set(h.id, {
+        id: h.id,
+        name: h.name,
+        avatar: h.avatar ?? void 0,
+        email: h.email
       });
-    for (const u of r) {
-      const k = u.data?.user;
-      k?.id && !a.has(k.id) && a.set(k.id, {
-        id: k.id,
-        name: k.name ?? "",
-        avatar: k.avatar ?? void 0,
-        email: k.email
-      }), u.user?.id && !a.has(u.user.id) && a.set(u.user.id, {
-        id: u.user.id,
-        name: u.user.name,
-        avatar: u.user.avatar ?? void 0,
-        email: u.user.email
+    for (const h of r) {
+      const S = h.data?.user;
+      S?.id && !c.has(S.id) && c.set(S.id, {
+        id: S.id,
+        name: S.name ?? "",
+        avatar: S.avatar ?? void 0,
+        email: S.email
+      }), h.user?.id && !c.has(h.user.id) && c.set(h.user.id, {
+        id: h.user.id,
+        name: h.user.name,
+        avatar: h.user.avatar ?? void 0,
+        email: h.user.email
       });
-      for (const N of u.participants || [])
-        N.id && !a.has(N.id) && a.set(N.id, {
-          id: N.id,
-          name: N.name,
-          avatar: N.avatar ?? void 0,
-          email: N.email
+      for (const k of h.participants || [])
+        k.id && !c.has(k.id) && c.set(k.id, {
+          id: k.id,
+          name: k.name,
+          avatar: k.avatar ?? void 0,
+          email: k.email
         });
     }
-    return Array.from(a.values());
-  }, [o, r]), F = B(() => {
-    const a = [], u = /* @__PURE__ */ new Map();
-    for (const N of V)
-      u.set(N.id, []);
-    u.set("unassigned", []);
-    for (const N of r) {
-      const E = R(N) ?? "unassigned";
-      (u.get(E) ?? u.get("unassigned")).push(N);
+    return Array.from(c.values());
+  }, [o, r]), q = U(() => {
+    const c = [], h = /* @__PURE__ */ new Map();
+    for (const k of K)
+      h.set(k.id, []);
+    h.set("unassigned", []);
+    for (const k of r) {
+      const D = P(k) ?? "unassigned";
+      (h.get(D) ?? h.get("unassigned")).push(k);
     }
-    const v = (N) => {
-      const E = [];
-      for (const H of N) {
-        const P = H.startDate.getHours() + H.startDate.getMinutes() / 60, K = H.endDate.getHours() + H.endDate.getMinutes() / 60;
-        for (let Y = 0; Y < I.length; Y++) {
-          const q = I[Y], ie = pe(q), le = Ve(q);
-          if (H.startDate <= le && H.endDate >= ie) {
-            let d = D, y = z;
-            if (H.startDate >= ie && (d = Math.max(D, P)), H.endDate <= le && (y = Math.min(z, K)), d = Math.max(
-              D,
-              Math.min(z, d)
-            ), y = Math.max(
-              D,
-              Math.min(z, y)
-            ), y > d) {
-              const M = Y * T + Math.floor(d - D), $ = Y * T + Math.ceil(y - D);
-              E.push({
-                event: H,
-                startCol: M,
-                spanCols: Math.max(1, $ - M)
+    const v = (k) => {
+      const D = [];
+      for (const M of k) {
+        const J = M.startDate.getHours() + M.startDate.getMinutes() / 60, Z = M.endDate.getHours() + M.endDate.getMinutes() / 60;
+        for (let R = 0; R < w.length; R++) {
+          const d = w[R], N = ye(d), O = qe(d);
+          if (M.startDate <= O && M.endDate >= N) {
+            let G = C, ee = T;
+            if (M.startDate >= N && (G = Math.max(C, J)), M.endDate <= O && (ee = Math.min(T, Z)), G = Math.max(
+              C,
+              Math.min(T, G)
+            ), ee = Math.max(
+              C,
+              Math.min(T, ee)
+            ), ee > G) {
+              const ve = R * _ + Math.floor(G - C), ke = R * _ + Math.ceil(ee - C);
+              D.push({
+                event: M,
+                startCol: ve,
+                spanCols: Math.max(1, ke - ve)
               });
             }
           }
         }
       }
-      return E;
+      return D;
     };
-    for (const N of V) {
-      const E = u.get(N.id) ?? [], H = v(E), P = Ie(H), K = P.reduce(
-        (Y, q) => Math.max(Y, q.stackIndex + 1),
+    for (const k of K) {
+      const D = h.get(k.id) ?? [], M = v(D), J = Be(M), Z = J.reduce(
+        (R, d) => Math.max(R, d.stackIndex + 1),
         0
       );
-      a.push({
-        user: N,
-        events: P,
-        maxStack: Math.max(K, 1)
+      c.push({
+        user: k,
+        events: J,
+        maxStack: Math.max(Z, 1)
       });
     }
-    const k = u.get("unassigned") ?? [];
-    if (k.length > 0) {
-      const N = v(k), E = Ie(N), H = E.reduce(
-        (P, K) => Math.max(P, K.stackIndex + 1),
+    const S = h.get("unassigned") ?? [];
+    if (S.length > 0) {
+      const k = v(S), D = Be(k), M = D.reduce(
+        (J, Z) => Math.max(J, Z.stackIndex + 1),
         0
       );
-      a.push({
+      c.push({
         user: {
           id: "unassigned",
           name: "Unassigned",
           avatar: void 0,
           email: void 0
         },
-        events: E,
-        maxStack: Math.max(H, 1)
+        events: D,
+        maxStack: Math.max(M, 1)
       });
     }
-    return a.filter((N) => N.events.length > 0);
+    return c.filter((k) => k.events.length > 0);
   }, [
-    V,
+    K,
     r,
+    w,
     I,
-    L,
+    _,
+    C,
     T,
-    D,
-    z,
-    R
-  ]), O = B(() => {
-    const a = /* @__PURE__ */ new Map();
-    for (const u of F)
-      for (const v of u.events)
+    P
+  ]), V = U(() => {
+    const c = /* @__PURE__ */ new Map();
+    for (const h of q)
+      for (const v of h.events)
         if (v.spanCols === 1) {
-          const k = a.get(v.startCol) ?? 0;
-          a.set(v.startCol, k + 1);
+          const S = c.get(v.startCol) ?? 0;
+          c.set(v.startCol, S + 1);
         }
-    return a;
-  }, [F]), j = B(() => {
-    const a = C.length, u = we, v = [];
-    for (let k = 0; k < a; k++) {
-      const N = O.get(k) ?? 0;
-      N > Te ? v.push(
-        Le + (N - Te) * 20
-      ) : N > 0 ? v.push(Math.max(u, Le)) : v.push(u);
+    return c;
+  }, [q]), B = U(() => {
+    const c = W.length, h = Ce, v = [];
+    for (let S = 0; S < c; S++) {
+      const k = V.get(S) ?? 0;
+      k > Fe ? v.push(
+        Ae + (k - Fe) * 20
+      ) : k > 0 ? v.push(Math.max(h, Ae)) : v.push(h);
     }
     return v;
   }, [
-    L,
-    C.length,
-    I.length,
-    O
-  ]), _ = (a) => Math.max(
-    jt,
-    a * (ve + ze) + He * 2
-  ), U = de + j.reduce((a, u) => a + u, 0), m = B(() => {
-    const a = [0];
-    for (let u = 0; u < j.length; u++)
-      a.push(a[u] + j[u]);
-    return a;
-  }, [j]);
-  return Qe(() => {
-    const a = S.current;
-    if (!a) return;
-    const u = () => {
+    I,
+    W.length,
+    w.length,
+    V
+  ]), m = (c) => Math.max(
+    Bt,
+    c * (Ne + je) + We * 2
+  ), b = me + B.reduce((c, h) => c + h, 0), E = U(() => {
+    const c = [0];
+    for (let h = 0; h < B.length; h++)
+      c.push(c[h] + B[h]);
+    return c;
+  }, [B]);
+  tt(() => {
+    const c = A.current;
+    if (!c) return;
+    const h = () => {
       let v = -1;
-      const N = (/* @__PURE__ */ new Date()).getHours();
+      const k = (/* @__PURE__ */ new Date()).getHours();
       {
-        for (let E = 0; E < C.length; E++) {
-          const H = C[E];
-          if (H && G(H.date) && H.hour <= N && H.hour + 1 > N) {
-            v = E;
+        for (let D = 0; D < W.length; D++) {
+          const M = W[D];
+          if (M && te(M.date) && M.hour <= k && M.hour + 1 > k) {
+            v = D;
             break;
           }
         }
         if (v === -1)
-          for (let E = 0; E < C.length; E++) {
-            const H = C[E];
-            if (H && G(H.date)) {
-              v = E;
+          for (let D = 0; D < W.length; D++) {
+            const M = W[D];
+            if (M && te(M.date)) {
+              v = D;
               break;
             }
           }
       }
       if (v !== -1) {
-        const E = (m[v] ?? 0) + de, H = a.clientWidth, P = Math.max(0, E - H / 3);
-        a.scrollTo({
-          left: P,
+        const D = (E[v] ?? 0) + me, M = c.clientWidth, J = Math.max(0, D - M / 3);
+        c.scrollTo({
+          left: J,
           behavior: "instant"
         });
       }
     };
     requestAnimationFrame(() => {
-      requestAnimationFrame(u);
+      requestAnimationFrame(h);
     });
-  }, [W, C, I, m, L]), /* @__PURE__ */ e("div", { className: h("flex h-full flex-col", f), children: /* @__PURE__ */ e("div", { className: "ic-timeline-scroll-container flex-1", ref: S, children: /* @__PURE__ */ n("div", { className: "relative", style: { minWidth: U }, children: [
+  }, [j, W, w, E, I]);
+  const $ = X(
+    (c, h) => {
+      const v = h.querySelector(".ic-timeline-grid");
+      if (!v) return -1;
+      const S = v.getBoundingClientRect(), k = c - S.left + v.scrollLeft;
+      for (let D = 0; D < E.length - 1; D++) {
+        const M = E[D], J = E[D + 1];
+        if (k >= M && k < J) return D;
+      }
+      return -1;
+    },
+    [E]
+  ), H = X(
+    (c) => {
+      if (W[c]) {
+        const h = W[c], v = new Date(h.date);
+        return v.setHours(h.hour, 0, 0, 0), { date: v, hour: h.hour };
+      }
+      return { date: /* @__PURE__ */ new Date() };
+    },
+    [I, W, w]
+  ), Q = X(
+    (c, h) => {
+      if (c.preventDefault(), c.dataTransfer.dropEffect = "move", !z?.isDragging) return;
+      const v = $(c.clientX, c.currentTarget);
+      if (v < 0) return;
+      const { date: S, hour: k } = H(v);
+      z.updateDragPreview(S, k, void 0, h);
+    },
+    [z, $, H]
+  ), re = X(
+    (c, h) => {
+      c.preventDefault(), z?.isDragging && z.endDrag();
+    },
+    [z]
+  );
+  return /* @__PURE__ */ e("div", { className: u("flex h-full flex-col", f), children: /* @__PURE__ */ e("div", { className: "ic-timeline-scroll-container flex-1", ref: A, children: /* @__PURE__ */ n("div", { className: "relative", style: { minWidth: b }, 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: /* @__PURE__ */ n("div", { className: "flex flex-col", children: [
       t > 1 && /* @__PURE__ */ n("div", { className: "flex border-b", children: [
@@ -1209,23 +1247,23 @@ function ue({
           "div",
           {
             className: "flex shrink-0 items-center border-r bg-background px-2 py-1",
-            style: { width: de },
+            style: { width: me },
             children: /* @__PURE__ */ e("span", { className: "text-[10px] font-medium uppercase text-muted-foreground", children: "Resources" })
           }
         ),
-        I.map((a, u) => {
-          const v = G(a), k = u * T, N = j.slice(k, k + T).reduce((E, H) => E + H, 0);
+        w.map((c, h) => {
+          const v = te(c), S = h * _, k = B.slice(S, S + _).reduce((D, M) => D + M, 0);
           return /* @__PURE__ */ e(
             "div",
             {
-              className: h(
+              className: u(
                 "flex shrink-0 items-center justify-center border-r py-1.5 font-medium",
                 v ? "bg-primary/10 text-primary" : "bg-muted/30"
               ),
-              style: { width: N },
-              children: /* @__PURE__ */ e("span", { className: "text-xs", children: Pt(a) })
+              style: { width: k },
+              children: /* @__PURE__ */ e("span", { className: "text-xs", children: Ut(c) })
             },
-            `day-${a.toISOString()}`
+            `day-${c.toISOString()}`
           );
         })
       ] }),
@@ -1233,128 +1271,137 @@ function ue({
         /* @__PURE__ */ e(
           "div",
           {
-            className: h(
+            className: u(
               "flex shrink-0 items-center border-r bg-background px-2 py-2",
               t > 1 && "sticky left-0 z-10"
             ),
-            style: { width: de },
+            style: { width: me },
             children: t === 1 && /* @__PURE__ */ e("span", { className: "text-[10px] font-medium uppercase text-muted-foreground", children: "Resources" })
           }
         ),
-        C.map((a, u) => {
-          const v = a.hour === D, k = G(a.date), N = j[u] ?? we;
+        W.map((c, h) => {
+          const v = c.hour === C, S = te(c.date), k = B[h] ?? Ce;
           return /* @__PURE__ */ e(
             "div",
             {
-              className: h(
+              className: u(
                 "flex shrink-0 items-center justify-center py-1.5 text-[10px] text-muted-foreground",
-                v && u > 0 ? "border-l-2 border-l-border" : "border-r border-r-border/50",
-                k && "bg-primary/5"
+                v && h > 0 ? "border-l-2 border-l-border" : "border-r border-r-border/50",
+                S && "bg-primary/5"
               ),
-              style: { width: N },
-              children: Ot(a.hour)
+              style: { width: k },
+              children: Vt(c.hour)
             },
-            `hour-${a.dayIndex}-${a.hour}`
+            `hour-${c.dayIndex}-${c.hour}`
           );
         })
       ] })
     ] }) }),
-    F.map((a) => {
-      const u = _(a.maxStack);
+    q.map((c) => {
+      const h = m(c.maxStack);
       return /* @__PURE__ */ n(
         "div",
         {
-          className: h(
+          className: u(
             "relative flex border-b",
             p?.resourceRow
           ),
-          style: { height: u },
+          style: { height: h },
           children: [
             /* @__PURE__ */ e(
               "div",
               {
                 className: "sticky left-0 z-10",
-                style: { width: de },
+                style: { width: me },
                 children: /* @__PURE__ */ n(
                   "div",
                   {
-                    className: h(
+                    className: u(
                       "flex h-full items-center gap-2 sm:gap-3 border-r bg-background px-2 sm:px-4",
                       p?.resourceHeader
                     ),
                     children: [
                       /* @__PURE__ */ e(
-                        _t,
+                        Yt,
                         {
                           className: "size-7",
-                          src: a.user.avatar,
-                          alt: a.user.name,
-                          fallback: Ft(a.user.name)
+                          src: c.user.avatar,
+                          alt: c.user.name,
+                          fallback: _t(c.user.name)
                         }
                       ),
-                      /* @__PURE__ */ e("span", { className: "truncate text-xs sm:text-sm font-medium", children: a.user.name })
+                      /* @__PURE__ */ e("span", { className: "truncate text-xs sm:text-sm font-medium", children: c.user.name })
                     ]
                   }
                 )
               }
             ),
-            /* @__PURE__ */ n("div", { className: "relative flex", children: [
-              // Hour mode cells
-              C.map((v, k) => {
-                const N = v.hour === D && k > 0, E = j[k] ?? we;
-                return /* @__PURE__ */ e(
-                  "div",
-                  {
-                    className: h(
-                      "shrink-0",
-                      N ? "border-l-2 border-l-border" : "border-r border-r-border/50",
-                      G(v.date) && "bg-primary/5"
-                    ),
-                    style: { width: E }
-                  },
-                  `cell-${v.dayIndex}-${v.hour}`
-                );
-              }),
-              a.events.map((v) => {
-                const k = (m[v.startCol] ?? 0) + 2, N = m[v.startCol + v.spanCols] ?? m[m.length - 1] ?? 0, E = m[v.startCol] ?? 0, H = N - E - 4, P = He + v.stackIndex * (ve + ze);
-                return /* @__PURE__ */ e(
-                  "div",
-                  {
-                    className: "absolute",
-                    style: {
-                      left: k,
-                      width: Math.max(H, 0),
-                      // No forced minimum - columns are guaranteed wide enough
-                      top: P,
-                      height: ve
-                    },
-                    children: /* @__PURE__ */ e(
-                      nt,
+            /* @__PURE__ */ n(
+              "div",
+              {
+                className: "ic-timeline-grid relative flex",
+                onDragOver: (v) => Q(v, c.user.id),
+                onDrop: (v) => re(v, c.user.id),
+                children: [
+                  // Hour mode cells
+                  W.map((v, S) => {
+                    const k = v.hour === C && S > 0, D = B[S] ?? Ce;
+                    return /* @__PURE__ */ e(
+                      "div",
                       {
-                        event: v.event,
-                        variant: "compact",
-                        onClick: l,
-                        renderPopover: x,
-                        className: h(
-                          "h-full w-full",
-                          p?.eventCardCompact
+                        className: u(
+                          "shrink-0",
+                          k ? "border-l-2 border-l-border" : "border-r border-r-border/50",
+                          te(v.date) && "bg-primary/5"
+                        ),
+                        style: { width: D }
+                      },
+                      `cell-${v.dayIndex}-${v.hour}`
+                    );
+                  }),
+                  c.events.map((v) => {
+                    const S = (E[v.startCol] ?? 0) + 2, k = E[v.startCol + v.spanCols] ?? E[E.length - 1] ?? 0, D = E[v.startCol] ?? 0, M = k - D - 4, J = We + v.stackIndex * (Ne + je);
+                    return /* @__PURE__ */ e(
+                      "div",
+                      {
+                        className: "absolute",
+                        style: {
+                          left: S,
+                          width: Math.max(M, 0),
+                          // No forced minimum - columns are guaranteed wide enough
+                          top: J,
+                          height: Ne
+                        },
+                        children: /* @__PURE__ */ e(
+                          at,
+                          {
+                            event: v.event,
+                            variant: "compact",
+                            enableDrag: L,
+                            onClick: i,
+                            renderPopover: x,
+                            className: u(
+                              "h-full w-full",
+                              p?.eventCardCompact
+                            )
+                          }
                         )
-                      }
-                    )
-                  },
-                  v.event.id
-                );
-              })
-            ] })
+                      },
+                      v.event.id
+                    );
+                  })
+                ]
+              }
+            )
           ]
         },
-        a.user.id
+        c.user.id
       );
     }),
-    F.length === 0 && /* @__PURE__ */ e("div", { className: "flex items-center justify-center py-20 text-muted-foreground", children: "No users or events to display" })
+    q.length === 0 && /* @__PURE__ */ e("div", { className: "flex items-center justify-center py-20 text-muted-foreground", children: "No users or events to display" })
   ] }) }) });
 }
-const Vt = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], Ut = [
+const Kt = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], qt = [
   "January",
   "February",
   "March",
@@ -1368,18 +1415,18 @@ const Vt = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], Ut = [
   "November",
   "December"
 ];
-function je(t) {
+function $e(t) {
   const r = t.hexColor;
   return r ? { backgroundColor: r } : {};
 }
-function Yt({ day: t, date: r, events: o, isCurrentMonth: s, onDayClick: i }) {
-  const l = G(r), g = 3, f = o.length;
+function Jt({ day: t, date: r, events: o, isCurrentMonth: s, onDayClick: a }) {
+  const i = te(r), g = 3, f = o.length;
   return /* @__PURE__ */ n(
     "button",
     {
       type: "button",
-      onClick: () => i?.(r),
-      className: h(
+      onClick: () => a?.(r),
+      className: u(
         "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",
@@ -1389,28 +1436,28 @@ function Yt({ day: t, date: r, events: o, isCurrentMonth: s, onDayClick: i }) {
         /* @__PURE__ */ e(
           "div",
           {
-            className: h(
+            className: u(
               "flex size-5 sm:size-6 items-center justify-center rounded-full text-[10px] sm:text-xs font-medium",
-              l && "bg-primary font-semibold text-primary-foreground"
+              i && "bg-primary font-semibold text-primary-foreground"
             ),
             children: t
           }
         ),
-        f > 0 && /* @__PURE__ */ e("div", { className: "mt-0.5 flex items-center gap-0.5", children: f <= g ? o.map((c) => /* @__PURE__ */ e(
+        f > 0 && /* @__PURE__ */ e("div", { className: "mt-0.5 flex items-center gap-0.5", children: f <= g ? o.map((l) => /* @__PURE__ */ e(
           "div",
           {
             className: "size-1 sm:size-1.5 rounded-full bg-primary",
-            style: je(c)
+            style: $e(l)
           },
-          c.id
-        )) : /* @__PURE__ */ n(re, { children: [
-          o.slice(0, g).map((c) => /* @__PURE__ */ e(
+          l.id
+        )) : /* @__PURE__ */ n(ce, { children: [
+          o.slice(0, g).map((l) => /* @__PURE__ */ e(
             "div",
             {
               className: "size-1 sm:size-1.5 rounded-full bg-primary",
-              style: je(c)
+              style: $e(l)
             },
-            c.id
+            l.id
           )),
           /* @__PURE__ */ n("span", { className: "text-[6px] sm:text-[7px] font-medium text-muted-foreground", children: [
             "+",
@@ -1421,74 +1468,74 @@ function Yt({ day: t, date: r, events: o, isCurrentMonth: s, onDayClick: i }) {
     }
   );
 }
-function Gt({
+function Xt({
   date: t,
   events: r,
   onMonthClick: o,
   onDayClick: s
 }) {
-  const i = B(() => ft(t, 0), [t]);
+  const a = U(() => vt(t, 0), [t]);
   return /* @__PURE__ */ n("div", { className: "flex flex-col", children: [
     /* @__PURE__ */ e(
       "button",
       {
         type: "button",
         onClick: () => o?.(t),
-        className: h(
+        className: u(
           "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: Ut[t.getMonth()]
+        children: qt[t.getMonth()]
       }
     ),
     /* @__PURE__ */ n("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: Vt.map((l, g) => /* @__PURE__ */ n("div", { className: "text-[9px] sm:text-xs font-medium text-muted-foreground", children: [
-        /* @__PURE__ */ e("span", { className: "sm:hidden", children: l[0] }),
-        /* @__PURE__ */ e("span", { className: "hidden sm:inline", children: l })
+      /* @__PURE__ */ e("div", { className: "grid grid-cols-7 gap-x-0.5 text-center", children: Kt.map((i, g) => /* @__PURE__ */ n("div", { className: "text-[9px] sm:text-xs font-medium text-muted-foreground", children: [
+        /* @__PURE__ */ e("span", { className: "sm:hidden", children: i[0] }),
+        /* @__PURE__ */ e("span", { className: "hidden sm:inline", children: i })
       ] }, g)) }),
-      /* @__PURE__ */ e("div", { className: "grid grid-cols-7 gap-x-0.5 gap-y-1", children: i.map((l, g) => {
-        const f = gt(r, l.date);
+      /* @__PURE__ */ e("div", { className: "grid grid-cols-7 gap-x-0.5 gap-y-1", children: a.map((i, g) => {
+        const f = wt(r, i.date);
         return /* @__PURE__ */ e(
-          Yt,
+          Jt,
           {
-            day: l.date.getDate(),
-            date: l.date,
+            day: i.date.getDate(),
+            date: i.date,
             events: f,
-            isCurrentMonth: l.isCurrentMonth,
+            isCurrentMonth: i.isCurrentMonth,
             onDayClick: s
           },
-          `${g + 1}-${l.date.toISOString()}`
+          `${g + 1}-${i.date.toISOString()}`
         );
       }) })
     ] })
   ] });
 }
-function Kt({
+function Qt({
   events: t,
   year: r,
   onMonthClick: o,
   onDayClick: s,
-  className: i,
-  slots: l,
+  className: a,
+  slots: i,
   classNames: g
 }) {
-  const f = B(() => mt(r), [r]);
-  return /* @__PURE__ */ n("div", { className: h("flex flex-col h-full", i), children: [
+  const f = U(() => pt(r), [r]);
+  return /* @__PURE__ */ n("div", { className: u("flex flex-col h-full", a), 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: r }) }),
-    /* @__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: f.map((c) => /* @__PURE__ */ e(
-      Gt,
+    /* @__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: f.map((l) => /* @__PURE__ */ e(
+      Xt,
       {
-        date: c,
+        date: l,
         events: t,
         onMonthClick: o,
         onDayClick: s
       },
-      c.getMonth()
+      l.getMonth()
     )) }) })
   ] });
 }
-function qt(t) {
+function Zt(t) {
   switch (t) {
     case "day":
     case "week":
@@ -1497,68 +1544,71 @@ function qt(t) {
       return "day";
   }
 }
-function Jt({
+function er({
   onEventClick: t,
   onSlotClick: r,
   onSlotSelect: o,
   onAddEvent: s,
-  className: i,
-  showHeader: l = !0,
+  className: a,
+  showHeader: i = !0,
   minSelectionMinutes: g = 30,
   showMoreMode: f,
-  showMoreEventsInPopover: c = !1,
+  showMoreEventsInPopover: l = !1,
   isLoading: x = !1,
-  slots: b,
+  slots: y,
   classNames: p,
-  settingsContent: S,
-  filterContent: W,
-  headerActions: L,
-  renderPopover: D,
-  calendarRef: z
+  settingsContent: L,
+  filterContent: A,
+  headerActions: z,
+  renderPopover: j,
+  calendarRef: I,
+  headerConfig: C,
+  eventDetailMode: T,
+  renderEventDetail: _
 }) {
-  const T = f ?? (c ? "popover" : "expand"), {
+  const Y = f ?? (l ? "popover" : "expand"), {
     view: w,
-    setView: I,
-    selectedDate: C,
-    setSelectedDate: A,
-    slotDuration: R,
-    filteredEvents: V,
-    users: F,
-    visibleHours: O,
-    workingHours: j,
-    badgeVariant: _,
-    showWorkingHoursOnly: U,
-    clearFocusEventId: m
-  } = ut(), a = B(() => {
-    if (!U || !j)
+    setView: W,
+    selectedDate: F,
+    setSelectedDate: P,
+    slotDuration: K,
+    filteredEvents: q,
+    users: V,
+    visibleHours: B,
+    workingHours: m,
+    badgeVariant: b,
+    showWorkingHoursOnly: E,
+    clearFocusEventId: $
+  } = gt(), H = U(() => {
+    if (!E || !m)
       return {
-        startHour: O.start,
-        endHour: O.end
+        startHour: B.start,
+        endHour: B.end
       };
-    let d = 24, y = 0;
-    for (const M of Object.keys(j)) {
-      const $ = j[Number(M)];
-      !$ || $.enabled === !1 || ($.from < d && (d = $.from), $.to > y && (y = $.to));
+    let d = 24, N = 0;
+    for (const O of Object.keys(m)) {
+      const G = m[Number(O)];
+      !G || G.enabled === !1 || (G.from < d && (d = G.from), G.to > N && (N = G.to));
     }
-    return d >= y ? {
-      startHour: O.start,
-      endHour: O.end
-    } : { startHour: d, endHour: y };
-  }, [U, j, O]), u = a, v = Ne(null);
-  Ze(
-    z,
+    return d >= N ? {
+      startHour: B.start,
+      endHour: B.end
+    } : { startHour: d, endHour: N };
+  }, [E, m, B]), Q = H, re = Ee(null);
+  rt(
+    I,
     () => ({
       scrollToToday: () => {
         const d = /* @__PURE__ */ new Date();
-        A(d, w), requestAnimationFrame(() => {
+        P(d, w), requestAnimationFrame(() => {
           requestAnimationFrame(() => {
-            const y = v.current?.querySelector(
+            const N = re.current?.querySelector(
               ".ic-timeline-scroll-container, [class*='overflow-auto']"
             );
-            if (!y) return;
-            const se = (d.getHours() - a.startHour) * 96;
-            se > 0 && y.scrollTo({
-              top: Math.max(0, se - 100),
+            if (!N) return;
+            const ee = (d.getHours() - H.startHour) * 96;
+            ee > 0 && N.scrollTo({
+              top: Math.max(0, ee - 100),
               // Offset to show some context
               behavior: "smooth"
             });
@@ -1567,298 +1617,304 @@ function Jt({
       },
       scrollToWorkingHours: () => {
         let d = 8;
-        if (j)
-          for (const y of Object.keys(j)) {
-            const M = j[Number(y)];
-            M?.enabled && M.from < d && (d = Math.max(M.from - 1, 0));
+        if (m)
+          for (const N of Object.keys(m)) {
+            const O = m[Number(N)];
+            O?.enabled && O.from < d && (d = Math.max(O.from - 1, 0));
           }
         requestAnimationFrame(() => {
           requestAnimationFrame(() => {
-            const y = v.current?.querySelector(
+            const N = re.current?.querySelector(
               ".ic-timeline-scroll-container, [class*='overflow-auto']"
             );
-            if (!y) return;
-            const $ = (d - a.startHour) * 96;
-            y.scrollTo({
-              top: Math.max(0, $),
+            if (!N) return;
+            const G = (d - H.startHour) * 96;
+            N.scrollTo({
+              top: Math.max(0, G),
               behavior: "smooth"
             });
           });
         });
       },
-      getViewRect: () => v.current?.getBoundingClientRect() ?? null,
+      getViewRect: () => re.current?.getBoundingClientRect() ?? null,
       focusEvent: (d) => {
-        m(), requestAnimationFrame(() => {
-          m();
+        $(), requestAnimationFrame(() => {
+          $();
         });
-        const y = v.current?.querySelector(
+        const N = re.current?.querySelector(
           `[data-event-id="${d}"]`
         );
-        y && setTimeout(() => y.click(), 150);
+        N && setTimeout(() => N.click(), 150);
       }
     }),
-    [A, w, a, j, m]
+    [
+      P,
+      w,
+      H,
+      m,
+      $
+    ]
   );
-  const k = B(() => qt(w), [w]), N = ne(
+  const c = U(() => Zt(w), [w]), h = X(
     (d) => {
       if (o) {
         o(d);
         return;
       }
       if (r) {
-        const y = d.startDate.getHours();
-        r(d.startDate, y);
+        const N = d.startDate.getHours();
+        r(d.startDate, N);
       }
     },
     [o, r]
-  ), E = ne(
+  ), v = X(
     (d) => {
-      I("day"), A(d, "day");
+      W("day"), P(d, "day");
     },
-    [A, I]
-  ), H = ne(
+    [P, W]
+  ), S = X(
     (d) => {
-      I("month"), A(d, "month");
+      W("month"), P(d, "month");
     },
-    [A, I]
-  ), P = ne(
+    [P, W]
+  ), k = X(
     (d) => {
       t?.(d);
     },
     [t]
-  ), K = () => {
-    const d = V, y = P, M = D;
+  ), D = () => {
+    const d = q, N = k, O = j;
     switch (w) {
       case "day":
         return /* @__PURE__ */ e(
-          it,
+          dt,
           {
             events: d,
-            date: C,
-            visibleHours: u,
-            workingHours: j,
-            slotDuration: R,
-            badgeVariant: _,
-            onEventClick: y,
-            renderPopover: M,
-            ...b && { slots: b },
+            date: F,
+            visibleHours: Q,
+            workingHours: m,
+            slotDuration: K,
+            badgeVariant: b,
+            onEventClick: N,
+            renderPopover: O,
+            ...y && { slots: y },
             ...p && { classNames: p }
           }
         );
       case "week":
         return /* @__PURE__ */ e(
-          at,
+          ct,
           {
             events: d,
-            date: C,
-            visibleHours: u,
-            workingHours: j,
-            slotDuration: R,
-            badgeVariant: _,
-            onEventClick: y,
-            renderPopover: M,
-            ...b && { slots: b },
+            date: F,
+            visibleHours: Q,
+            workingHours: m,
+            slotDuration: K,
+            badgeVariant: b,
+            onEventClick: N,
+            renderPopover: O,
+            ...y && { slots: y },
             ...p && { classNames: p }
           }
         );
       case "month":
         return /* @__PURE__ */ e(
-          De,
+          He,
           {
             events: d,
-            date: C,
-            badgeVariant: _,
-            onEventClick: y,
-            onDayClick: E,
-            renderPopover: M,
-            showMoreMode: T,
-            ...b && { slots: b },
+            date: F,
+            badgeVariant: b,
+            onEventClick: N,
+            onDayClick: v,
+            renderPopover: O,
+            showMoreMode: Y,
+            ...y && { slots: y },
             ...p && { classNames: p }
           }
         );
       case "year":
         return /* @__PURE__ */ e(
-          Kt,
+          Qt,
           {
             events: d,
-            year: C.getFullYear(),
-            onMonthClick: H,
-            onDayClick: E,
-            ...b && { slots: b },
+            year: F.getFullYear(),
+            onMonthClick: S,
+            onDayClick: v,
+            ...y && { slots: y },
             ...p && { classNames: p }
           }
         );
       case "agenda":
         return /* @__PURE__ */ e(
-          st,
+          lt,
           {
             events: d,
-            date: C,
-            onEventClick: y,
-            renderPopover: M,
-            ...b && { slots: b },
+            date: F,
+            onEventClick: N,
+            renderPopover: O,
+            ...y && { slots: y },
             ...p && { classNames: p }
           }
         );
       // Resource views — delegate to TimelineView with matching day count
       case "resource-day":
         return /* @__PURE__ */ e(
-          ue,
+          fe,
           {
             daysToShow: 1,
             events: d,
-            users: F,
-            selectedDate: C,
+            users: V,
+            selectedDate: F,
             visibleHours: {
-              from: a.startHour,
-              to: a.endHour
+              from: H.startHour,
+              to: H.endHour
             },
-            onEventClick: y,
-            renderPopover: M,
-            ...b && { slots: b },
+            onEventClick: N,
+            renderPopover: O,
+            ...y && { slots: y },
             ...p && { classNames: p }
           }
         );
       case "resource-week":
         return /* @__PURE__ */ e(
-          ue,
+          fe,
           {
             daysToShow: 7,
             events: d,
-            users: F,
-            selectedDate: C,
+            users: V,
+            selectedDate: F,
             visibleHours: {
-              from: a.startHour,
-              to: a.endHour
+              from: H.startHour,
+              to: H.endHour
             },
-            onEventClick: y,
-            renderPopover: M,
-            ...b && { slots: b },
+            onEventClick: N,
+            renderPopover: O,
+            ...y && { slots: y },
             ...p && { classNames: p }
           }
         );
       // Timeline views
       case "timeline-day":
         return /* @__PURE__ */ e(
-          ue,
+          fe,
           {
             daysToShow: 1,
             events: d,
-            users: F,
-            selectedDate: C,
+            users: V,
+            selectedDate: F,
             visibleHours: {
-              from: a.startHour,
-              to: a.endHour
+              from: H.startHour,
+              to: H.endHour
             },
-            onEventClick: y,
-            renderPopover: M,
-            ...b && { slots: b },
+            onEventClick: N,
+            renderPopover: O,
+            ...y && { slots: y },
             ...p && { classNames: p }
           }
         );
       case "timeline-3day":
         return /* @__PURE__ */ e(
-          ue,
+          fe,
           {
             daysToShow: 3,
             events: d,
-            users: F,
-            selectedDate: C,
+            users: V,
+            selectedDate: F,
             visibleHours: {
-              from: a.startHour,
-              to: a.endHour
+              from: H.startHour,
+              to: H.endHour
             },
-            onEventClick: y,
-            renderPopover: M,
-            ...b && { slots: b },
+            onEventClick: N,
+            renderPopover: O,
+            ...y && { slots: y },
             ...p && { classNames: p }
           }
         );
       case "timeline-week":
         return /* @__PURE__ */ e(
-          ue,
+          fe,
           {
             daysToShow: 7,
             events: d,
-            users: F,
-            selectedDate: C,
+            users: V,
+            selectedDate: F,
             visibleHours: {
-              from: a.startHour,
-              to: a.endHour
+              from: H.startHour,
+              to: H.endHour
             },
-            onEventClick: y,
-            renderPopover: M,
-            ...b && { slots: b },
+            onEventClick: N,
+            renderPopover: O,
+            ...y && { slots: y },
             ...p && { classNames: p }
           }
         );
       default:
         return /* @__PURE__ */ e(
-          De,
+          He,
           {
             events: d,
-            date: C,
-            badgeVariant: _,
-            onEventClick: y,
-            onDayClick: E,
-            ...b && { slots: b },
+            date: F,
+            badgeVariant: b,
+            onEventClick: N,
+            onDayClick: v,
+            ...y && { slots: y },
             ...p && { classNames: p }
           }
         );
     }
-  }, Y = Ne(null), [q, ie] = oe(!1);
-  fe(() => {
-    v.current = Y.current;
-  }), fe(() => {
-    const d = Y.current;
+  }, M = Ee(null), [J, Z] = de(!1);
+  pe(() => {
+    re.current = M.current;
+  }), pe(() => {
+    const d = M.current;
     if (!d) return;
-    const y = () => {
-      const { scrollLeft: se, scrollWidth: Ke, clientWidth: qe } = d;
-      ie(se + qe < Ke - 4);
+    const N = () => {
+      const { scrollLeft: ee, scrollWidth: ve, clientWidth: ke } = d;
+      Z(ee + ke < ve - 4);
     };
-    y(), d.addEventListener("scroll", y, { passive: !0 });
-    const M = new ResizeObserver(y);
-    M.observe(d);
-    const $ = new MutationObserver(y);
-    return $.observe(d, { childList: !0, subtree: !0 }), () => {
-      d.removeEventListener("scroll", y), M.disconnect(), $.disconnect();
+    N(), d.addEventListener("scroll", N, { passive: !0 });
+    const O = new ResizeObserver(N);
+    O.observe(d);
+    const G = new MutationObserver(N);
+    return G.observe(d, { childList: !0, subtree: !0 }), () => {
+      d.removeEventListener("scroll", N), O.disconnect(), G.disconnect();
     };
   }, [w]);
-  const le = ne(() => {
-    Y.current?.scrollBy({ left: 300, behavior: "smooth" });
+  const R = X(() => {
+    M.current?.scrollBy({ left: 300, behavior: "smooth" });
   }, []);
   return /* @__PURE__ */ e(
-    ht,
+    xt,
     {
-      mode: k,
-      onSelect: N,
+      mode: c,
+      onSelect: h,
       minDurationMinutes: g,
-      slotDurationMinutes: R,
+      slotDurationMinutes: K,
       enabled: !!(o || r),
       children: /* @__PURE__ */ n(
         "div",
         {
-          className: h(
+          className: u(
             "inno-calendar-root flex flex-col h-full p-4",
             p?.root,
-            i
+            a
           ),
           children: [
-            l && /* @__PURE__ */ e(
-              ot,
+            i && /* @__PURE__ */ e(
+              it,
               {
-                currentDate: C,
+                currentDate: F,
                 view: w,
-                events: V,
-                onViewChange: I,
-                onNavigateToday: () => A(/* @__PURE__ */ new Date(), w),
+                events: q,
+                onViewChange: W,
+                onNavigateToday: () => P(/* @__PURE__ */ new Date(), w),
                 onNavigatePrev: () => {
-                  const d = new Date(C);
-                  w === "day" || w === "timeline-day" || w === "resource-day" ? d.setDate(d.getDate() - 1) : w === "timeline-3day" ? d.setDate(d.getDate() - 3) : w === "week" || w === "timeline-week" || w === "resource-week" ? d.setDate(d.getDate() - 7) : w === "month" ? d.setMonth(d.getMonth() - 1) : w === "year" ? d.setFullYear(d.getFullYear() - 1) : d.setDate(d.getDate() - 7), A(d, w);
+                  const d = new Date(F);
+                  w === "day" || w === "timeline-day" || w === "resource-day" ? d.setDate(d.getDate() - 1) : w === "timeline-3day" ? d.setDate(d.getDate() - 3) : w === "week" || w === "timeline-week" || w === "resource-week" ? d.setDate(d.getDate() - 7) : w === "month" ? d.setMonth(d.getMonth() - 1) : w === "year" ? d.setFullYear(d.getFullYear() - 1) : d.setDate(d.getDate() - 7), P(d, w);
                 },
                 onNavigateNext: () => {
-                  const d = new Date(C);
-                  w === "day" || w === "timeline-day" || w === "resource-day" ? d.setDate(d.getDate() + 1) : w === "timeline-3day" ? d.setDate(d.getDate() + 3) : w === "week" || w === "timeline-week" || w === "resource-week" ? d.setDate(d.getDate() + 7) : w === "month" ? d.setMonth(d.getMonth() + 1) : w === "year" ? d.setFullYear(d.getFullYear() + 1) : d.setDate(d.getDate() + 7), A(d, w);
+                  const d = new Date(F);
+                  w === "day" || w === "timeline-day" || w === "resource-day" ? d.setDate(d.getDate() + 1) : w === "timeline-3day" ? d.setDate(d.getDate() + 3) : w === "week" || w === "timeline-week" || w === "resource-week" ? d.setDate(d.getDate() + 7) : w === "month" ? d.setMonth(d.getMonth() + 1) : w === "year" ? d.setFullYear(d.getFullYear() + 1) : d.setDate(d.getDate() + 7), P(d, w);
                 },
                 availableViews: [
                   "day",
@@ -1868,31 +1924,32 @@ function Jt({
                   "agenda"
                 ],
                 showTimelineViews: !0,
-                showSettings: !!S,
-                ...!L && s && { onAddEvent: s },
-                actions: L,
-                settingsContent: S,
-                filterContent: W
+                showSettings: !!L,
+                ...!z && s && { onAddEvent: s },
+                actions: z,
+                settingsContent: L,
+                filterContent: A,
+                ...C && { headerConfig: C }
               }
             ),
             /* @__PURE__ */ n("div", { className: "relative flex-1 min-h-0", children: [
               /* @__PURE__ */ e(
                 "div",
                 {
-                  ref: Y,
-                  className: h(
+                  ref: M,
+                  className: u(
                     "h-full border rounded-lg bg-white overflow-x-auto",
                     p?.viewContainer
                   ),
-                  children: K()
+                  children: D()
                 }
               ),
               x && /* @__PURE__ */ e("div", { className: "inno-calendar-loading-overlay", children: /* @__PURE__ */ e("div", { className: "inno-calendar-spinner" }) }),
-              q && /* @__PURE__ */ e(
+              J && /* @__PURE__ */ e(
                 "button",
                 {
                   type: "button",
-                  onClick: le,
+                  onClick: R,
                   className: "inno-scroll-right-btn",
                   "aria-label": "Scroll right",
                   children: /* @__PURE__ */ n(
@@ -1923,87 +1980,93 @@ function Jt({
     }
   );
 }
-function Xt({
+function tr({
   events: t,
   users: r = [],
   scheduleTypes: o = [],
   initialView: s = "week",
-  initialDate: i,
-  initialSelectedUserId: l,
+  initialDate: a,
+  initialSelectedUserId: i,
   initialScheduleTypeIds: g,
   initialParticipantIds: f,
-  initialWorkingHoursView: c,
+  initialWorkingHoursView: l,
   initialSearchQuery: x,
-  preferencesConfig: b,
+  preferencesConfig: y,
   onEventClick: p,
-  onSlotClick: S,
-  onSlotSelect: W,
-  onAddEvent: L,
-  onEventDrop: D,
-  onDateChange: z,
-  onViewChange: T,
-  className: w,
-  showHeader: I = !0,
-  minSelectionMinutes: C = 30,
-  showMoreMode: A,
-  showMoreEventsInPopover: R = !1,
-  isLoading: V = !1,
-  renderPopover: F,
-  slots: O,
-  classNames: j,
-  settingsContent: _,
-  filterContent: U,
+  onSlotClick: L,
+  onSlotSelect: A,
+  onAddEvent: z,
+  onEventDrop: j,
+  onDateChange: I,
+  onViewChange: C,
+  className: T,
+  showHeader: _ = !0,
+  minSelectionMinutes: Y = 30,
+  showMoreMode: w,
+  showMoreEventsInPopover: W = !1,
+  isLoading: F = !1,
+  renderPopover: P,
+  slots: K,
+  classNames: q,
+  settingsContent: V,
+  filterContent: B,
   headerActions: m,
-  focusEventId: a
-}, u) {
-  return /* @__PURE__ */ e(ct, { ...D && { onEventDrop: D }, children: /* @__PURE__ */ e(
-    dt,
+  focusEventId: b,
+  headerConfig: E,
+  eventDetailMode: $,
+  renderEventDetail: H
+}, Q) {
+  return /* @__PURE__ */ e(mt, { ...j && { onEventDrop: j }, children: /* @__PURE__ */ e(
+    ft,
     {
       initialEvents: t,
       initialUsers: r,
       initialScheduleTypes: o,
       initialView: s,
-      ...i && { initialDate: i },
-      ...l && { initialSelectedUserId: l },
+      ...a && { initialDate: a },
+      ...i && { initialSelectedUserId: i },
       ...g && { initialScheduleTypeIds: g },
       ...f && { initialParticipantIds: f },
-      ...c && { initialWorkingHoursView: c },
+      ...l && { initialWorkingHoursView: l },
       ...x && { initialSearchQuery: x },
-      ...b && { preferencesConfig: b },
-      ...z && { onDateChange: z },
-      ...T && { onViewChange: T },
-      ...a && { initialFocusEventId: a },
+      ...y && { preferencesConfig: y },
+      ...I && { onDateChange: I },
+      ...C && { onViewChange: C },
+      ...b && { initialFocusEventId: b },
       children: /* @__PURE__ */ e(
-        Jt,
+        er,
         {
           ...p && { onEventClick: p },
-          ...S && { onSlotClick: S },
-          ...W && { onSlotSelect: W },
-          ...L && { onAddEvent: L },
-          ...F && { renderPopover: F },
-          className: w,
-          showHeader: I,
-          minSelectionMinutes: C,
-          ...A && { showMoreMode: A },
-          showMoreEventsInPopover: R,
-          isLoading: V,
-          ...O && { slots: O },
-          ...j && { classNames: j },
-          settingsContent: _,
-          filterContent: U,
+          ...L && { onSlotClick: L },
+          ...A && { onSlotSelect: A },
+          ...z && { onAddEvent: z },
+          ...P && { renderPopover: P },
+          className: T,
+          showHeader: _,
+          minSelectionMinutes: Y,
+          ...w && { showMoreMode: w },
+          showMoreEventsInPopover: W,
+          isLoading: F,
+          ...K && { slots: K },
+          ...q && { classNames: q },
+          settingsContent: V,
+          filterContent: B,
           headerActions: m,
-          calendarRef: u
+          calendarRef: Q,
+          ...E && { headerConfig: E },
+          ...$ && { eventDetailMode: $ },
+          ...H && { renderEventDetail: H }
         }
       )
     }
   ) });
 }
-const Kr = xe(Xt), te = xe(
+const Qr = be(tr), le = be(
   ({ className: t, children: r, ...o }, s) => /* @__PURE__ */ e(
     "select",
     {
       ref: s,
-      className: h(
+      className: u(
         "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",
@@ -2016,20 +2079,20 @@ const Kr = xe(Xt), te = xe(
     }
   )
 );
-te.displayName = "Select";
-const J = xe(({ className: t, ...r }, o) => /* @__PURE__ */ e(
+le.displayName = "Select";
+const ne = be(({ className: t, ...r }, o) => /* @__PURE__ */ e(
   "label",
   {
     ref: o,
-    className: h(
+    className: u(
       "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
       t
     ),
     ...r
   }
 ));
-J.displayName = "Label";
-function Qt({ className: t }) {
+ne.displayName = "Label";
+function rr({ className: t }) {
   return /* @__PURE__ */ n(
     "svg",
     {
@@ -2051,7 +2114,7 @@ function Qt({ className: t }) {
     }
   );
 }
-function Zt({ className: t }) {
+function nr({ className: t }) {
   return /* @__PURE__ */ n(
     "svg",
     {
@@ -2072,50 +2135,50 @@ function Zt({ className: t }) {
     }
   );
 }
-const er = [
+const or = [
   { value: 15, label: "15 minutes" },
   { value: 30, label: "30 minutes" },
   { value: 60, label: "1 hour" }
 ];
-function qr({
+function Zr({
   value: t,
   onChange: r,
   isLocked: o = !1,
   className: s,
-  labels: i = {}
+  labels: a = {}
 }) {
-  const l = {
+  const i = {
     title: "Slot duration",
     lockedMessage: "This setting is locked by the administrator",
     infoMessage: "Set the time slot duration for day and week calendar views.",
-    ...i
+    ...a
   }, g = (f) => {
     o || r(Number(f.target.value));
   };
-  return /* @__PURE__ */ n("div", { className: h("flex flex-col gap-3", s), children: [
+  return /* @__PURE__ */ n("div", { className: u("flex flex-col gap-3", s), children: [
     /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ e(J, { className: "text-sm font-semibold", children: l.title }),
-      o ? /* @__PURE__ */ e(X, { delayDuration: 100, children: /* @__PURE__ */ n(Q, { children: [
-        /* @__PURE__ */ e(Z, { children: /* @__PURE__ */ e(Zt, { className: "size-3 text-muted-foreground" }) }),
-        /* @__PURE__ */ e(ee, { children: /* @__PURE__ */ e("p", { children: l.lockedMessage }) })
-      ] }) }) : /* @__PURE__ */ e(X, { delayDuration: 100, children: /* @__PURE__ */ n(Q, { children: [
-        /* @__PURE__ */ e(Z, { children: /* @__PURE__ */ e(Qt, { className: "size-3 text-muted-foreground" }) }),
-        /* @__PURE__ */ e(ee, { className: "max-w-64 text-center", children: /* @__PURE__ */ e("p", { children: l.infoMessage }) })
+      /* @__PURE__ */ e(ne, { className: "text-sm font-semibold", children: i.title }),
+      o ? /* @__PURE__ */ e(oe, { delayDuration: 100, children: /* @__PURE__ */ n(se, { children: [
+        /* @__PURE__ */ e(ae, { children: /* @__PURE__ */ e(nr, { className: "size-3 text-muted-foreground" }) }),
+        /* @__PURE__ */ e(ie, { children: /* @__PURE__ */ e("p", { children: i.lockedMessage }) })
+      ] }) }) : /* @__PURE__ */ e(oe, { delayDuration: 100, children: /* @__PURE__ */ n(se, { children: [
+        /* @__PURE__ */ e(ae, { children: /* @__PURE__ */ e(rr, { className: "size-3 text-muted-foreground" }) }),
+        /* @__PURE__ */ e(ie, { className: "max-w-64 text-center", children: /* @__PURE__ */ e("p", { children: i.infoMessage }) })
       ] }) })
     ] }),
     /* @__PURE__ */ e(
-      te,
+      le,
       {
         value: t.toString(),
         onChange: g,
         disabled: o,
         className: "h-9 w-[128px] text-sm",
-        children: er.map((f) => /* @__PURE__ */ e("option", { value: f.value.toString(), children: f.label }, f.value))
+        children: or.map((f) => /* @__PURE__ */ e("option", { value: f.value.toString(), children: f.label }, f.value))
       }
     )
   ] });
 }
-function tr({ className: t }) {
+function sr({ className: t }) {
   return /* @__PURE__ */ n(
     "svg",
     {
@@ -2137,7 +2200,7 @@ function tr({ className: t }) {
     }
   );
 }
-function rr({ className: t }) {
+function ar({ className: t }) {
   return /* @__PURE__ */ n(
     "svg",
     {
@@ -2158,19 +2221,19 @@ function rr({ className: t }) {
     }
   );
 }
-const nr = [
+const ir = [
   { value: "dot", label: "Dot indicator" },
   { value: "colored", label: "Full color" },
   { value: "mixed", label: "Mixed" }
 ];
-function Jr({
+function en({
   value: t,
   onChange: r,
   isLocked: o = !1,
   className: s,
-  labels: i = {}
+  labels: a = {}
 }) {
-  const l = {
+  const i = {
     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.",
@@ -2179,34 +2242,34 @@ function Jr({
       colored: "Full color",
       mixed: "Mixed"
     },
-    ...i
-  }, g = (c) => l.options?.[c] ?? c, f = (c) => {
-    o || r(c.target.value);
+    ...a
+  }, g = (l) => i.options?.[l] ?? l, f = (l) => {
+    o || r(l.target.value);
   };
-  return /* @__PURE__ */ n("div", { className: h("flex flex-col gap-3", s), children: [
+  return /* @__PURE__ */ n("div", { className: u("flex flex-col gap-3", s), children: [
     /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ e(J, { className: "text-sm font-semibold", children: l.title }),
-      o ? /* @__PURE__ */ e(X, { delayDuration: 100, children: /* @__PURE__ */ n(Q, { children: [
-        /* @__PURE__ */ e(Z, { children: /* @__PURE__ */ e(rr, { className: "size-3 text-muted-foreground" }) }),
-        /* @__PURE__ */ e(ee, { children: /* @__PURE__ */ e("p", { children: l.lockedMessage }) })
-      ] }) }) : /* @__PURE__ */ e(X, { delayDuration: 100, children: /* @__PURE__ */ n(Q, { children: [
-        /* @__PURE__ */ e(Z, { children: /* @__PURE__ */ e(tr, { className: "size-3 text-muted-foreground" }) }),
-        /* @__PURE__ */ e(ee, { className: "max-w-64 text-center", children: /* @__PURE__ */ e("p", { children: l.infoMessage }) })
+      /* @__PURE__ */ e(ne, { className: "text-sm font-semibold", children: i.title }),
+      o ? /* @__PURE__ */ e(oe, { delayDuration: 100, children: /* @__PURE__ */ n(se, { children: [
+        /* @__PURE__ */ e(ae, { children: /* @__PURE__ */ e(ar, { className: "size-3 text-muted-foreground" }) }),
+        /* @__PURE__ */ e(ie, { children: /* @__PURE__ */ e("p", { children: i.lockedMessage }) })
+      ] }) }) : /* @__PURE__ */ e(oe, { delayDuration: 100, children: /* @__PURE__ */ n(se, { children: [
+        /* @__PURE__ */ e(ae, { children: /* @__PURE__ */ e(sr, { className: "size-3 text-muted-foreground" }) }),
+        /* @__PURE__ */ e(ie, { className: "max-w-64 text-center", children: /* @__PURE__ */ e("p", { children: i.infoMessage }) })
       ] }) })
     ] }),
     /* @__PURE__ */ e(
-      te,
+      le,
       {
         value: t,
         onChange: f,
         disabled: o,
         className: "h-9 w-[128px] text-sm",
-        children: nr.map((c) => /* @__PURE__ */ e("option", { value: c.value, children: g(c.value) }, c.value))
+        children: ir.map((l) => /* @__PURE__ */ e("option", { value: l.value, children: g(l.value) }, l.value))
       }
     )
   ] });
 }
-function or({ className: t }) {
+function lr({ className: t }) {
   return /* @__PURE__ */ n(
     "svg",
     {
@@ -2228,7 +2291,7 @@ function or({ className: t }) {
     }
   );
 }
-function sr({ className: t }) {
+function cr({ className: t }) {
   return /* @__PURE__ */ n(
     "svg",
     {
@@ -2249,51 +2312,51 @@ function sr({ className: t }) {
     }
   );
 }
-function ar() {
+function dr() {
   return Array.from({ length: 25 }, (t, r) => ({
     value: r,
     label: `${String(r).padStart(2, "0")}:00`
   }));
 }
-function Xr({
+function tn({
   value: t,
   onChange: r,
   isLocked: o = !1,
   className: s,
-  labels: i = {}
+  labels: a = {}
 }) {
-  const l = {
+  const i = {
     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
-  }, g = ar(), f = (x) => {
+    ...a
+  }, g = dr(), f = (x) => {
     if (o) return;
-    const b = Number(x.target.value);
-    b < t.endHour && r({ ...t, startHour: b });
-  }, c = (x) => {
+    const y = Number(x.target.value);
+    y < t.endHour && r({ ...t, startHour: y });
+  }, l = (x) => {
     if (o) return;
-    const b = Number(x.target.value);
-    b > t.startHour && r({ ...t, endHour: b });
+    const y = Number(x.target.value);
+    y > t.startHour && r({ ...t, endHour: y });
   };
-  return /* @__PURE__ */ n("div", { className: h("flex flex-col gap-3", s), children: [
+  return /* @__PURE__ */ n("div", { className: u("flex flex-col gap-3", s), children: [
     /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ e(J, { className: "text-sm font-semibold", children: l.title }),
-      o ? /* @__PURE__ */ e(X, { delayDuration: 100, children: /* @__PURE__ */ n(Q, { children: [
-        /* @__PURE__ */ e(Z, { children: /* @__PURE__ */ e(sr, { className: "size-3 text-muted-foreground" }) }),
-        /* @__PURE__ */ e(ee, { children: /* @__PURE__ */ e("p", { children: l.lockedMessage }) })
-      ] }) }) : /* @__PURE__ */ e(X, { delayDuration: 100, children: /* @__PURE__ */ n(Q, { children: [
-        /* @__PURE__ */ e(Z, { children: /* @__PURE__ */ e(or, { className: "size-3 text-muted-foreground" }) }),
-        /* @__PURE__ */ e(ee, { className: "max-w-64 text-center", children: /* @__PURE__ */ e("p", { children: l.infoMessage }) })
+      /* @__PURE__ */ e(ne, { className: "text-sm font-semibold", children: i.title }),
+      o ? /* @__PURE__ */ e(oe, { delayDuration: 100, children: /* @__PURE__ */ n(se, { children: [
+        /* @__PURE__ */ e(ae, { children: /* @__PURE__ */ e(cr, { className: "size-3 text-muted-foreground" }) }),
+        /* @__PURE__ */ e(ie, { children: /* @__PURE__ */ e("p", { children: i.lockedMessage }) })
+      ] }) }) : /* @__PURE__ */ e(oe, { delayDuration: 100, children: /* @__PURE__ */ n(se, { children: [
+        /* @__PURE__ */ e(ae, { children: /* @__PURE__ */ e(lr, { className: "size-3 text-muted-foreground" }) }),
+        /* @__PURE__ */ e(ie, { className: "max-w-64 text-center", children: /* @__PURE__ */ e("p", { children: i.infoMessage }) })
       ] }) })
     ] }),
     /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ n("div", { className: "flex flex-col gap-1", children: [
-        /* @__PURE__ */ e(J, { className: "text-xs text-muted-foreground", children: l.from }),
+        /* @__PURE__ */ e(ne, { className: "text-xs text-muted-foreground", children: i.from }),
         /* @__PURE__ */ e(
-          te,
+          le,
           {
             value: t.startHour.toString(),
             onChange: f,
@@ -2313,12 +2376,12 @@ function Xr({
       ] }),
       /* @__PURE__ */ e("span", { className: "mt-5 text-muted-foreground", children: "—" }),
       /* @__PURE__ */ n("div", { className: "flex flex-col gap-1", children: [
-        /* @__PURE__ */ e(J, { className: "text-xs text-muted-foreground", children: l.to }),
+        /* @__PURE__ */ e(ne, { className: "text-xs text-muted-foreground", children: i.to }),
         /* @__PURE__ */ e(
-          te,
+          le,
           {
             value: t.endHour.toString(),
-            onChange: c,
+            onChange: l,
             disabled: o,
             className: "h-9 w-[88px] text-sm",
             children: g.map((x) => /* @__PURE__ */ e(
@@ -2336,7 +2399,7 @@ function Xr({
     ] })
   ] });
 }
-function ir({ className: t }) {
+function ur({ className: t }) {
   return /* @__PURE__ */ n(
     "svg",
     {
@@ -2358,7 +2421,7 @@ function ir({ className: t }) {
     }
   );
 }
-function lr({ className: t }) {
+function hr({ className: t }) {
   return /* @__PURE__ */ n(
     "svg",
     {
@@ -2379,7 +2442,7 @@ function lr({ className: t }) {
     }
   );
 }
-function cr({ className: t }) {
+function mr({ className: t }) {
   return /* @__PURE__ */ e(
     "svg",
     {
@@ -2397,7 +2460,7 @@ function cr({ className: t }) {
     }
   );
 }
-const dr = [
+const fr = [
   "monday",
   "tuesday",
   "wednesday",
@@ -2406,13 +2469,13 @@ const dr = [
   "saturday",
   "sunday"
 ];
-function ur() {
+function gr() {
   return Array.from({ length: 25 }, (t, r) => ({
     value: r,
     label: `${String(r).padStart(2, "0")}:00`
   }));
 }
-const We = {
+const Oe = {
   sunday: "Sun",
   monday: "Mon",
   tuesday: "Tue",
@@ -2421,16 +2484,16 @@ const We = {
   friday: "Fri",
   saturday: "Sat"
 };
-function hr({ dayLabel: t, config: r, onChange: o, disabled: s, hourOptions: i }) {
-  const l = () => {
+function xr({ dayLabel: t, config: r, onChange: o, disabled: s, hourOptions: a }) {
+  const i = () => {
     s || o({ ...r, enabled: !r.enabled });
-  }, g = (c) => {
+  }, g = (l) => {
     if (s) return;
-    const x = Number(c.target.value);
+    const x = Number(l.target.value);
     x < r.to && o({ ...r, from: x });
-  }, f = (c) => {
+  }, f = (l) => {
     if (s) return;
-    const x = Number(c.target.value);
+    const x = Number(l.target.value);
     x > r.from && o({ ...r, to: x });
   };
   return /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: [
@@ -2441,81 +2504,81 @@ function hr({ dayLabel: t, config: r, onChange: o, disabled: s, hourOptions: i }
         role: "checkbox",
         "aria-checked": r.enabled,
         "aria-label": `Enable ${t}`,
-        onClick: l,
+        onClick: i,
         disabled: s,
-        className: h(
+        className: u(
           "flex size-5 shrink-0 items-center justify-center rounded border transition-colors",
           r.enabled ? "border-primary bg-primary text-primary-foreground" : "border-input bg-background",
           s && "cursor-not-allowed opacity-50"
         ),
-        children: r.enabled && /* @__PURE__ */ e(cr, { className: "size-3" })
+        children: r.enabled && /* @__PURE__ */ e(mr, { className: "size-3" })
       }
     ),
-    /* @__PURE__ */ e("span", { className: h("w-10 text-sm", !r.enabled && "text-muted-foreground"), children: t }),
+    /* @__PURE__ */ e("span", { className: u("w-10 text-sm", !r.enabled && "text-muted-foreground"), children: t }),
     /* @__PURE__ */ e(
-      te,
+      le,
       {
         value: r.from.toString(),
         onChange: g,
         disabled: s || !r.enabled,
         className: "h-8 w-[76px] text-xs",
-        children: i.map((c) => /* @__PURE__ */ e("option", { value: c.value.toString(), disabled: c.value >= r.to, children: c.label }, c.value))
+        children: a.map((l) => /* @__PURE__ */ e("option", { value: l.value.toString(), disabled: l.value >= r.to, children: l.label }, l.value))
       }
     ),
     /* @__PURE__ */ e("span", { className: "text-xs text-muted-foreground", children: "—" }),
     /* @__PURE__ */ e(
-      te,
+      le,
       {
         value: r.to.toString(),
         onChange: f,
         disabled: s || !r.enabled,
         className: "h-8 w-[76px] text-xs",
-        children: i.map((c) => /* @__PURE__ */ e("option", { value: c.value.toString(), disabled: c.value <= r.from, children: c.label }, c.value))
+        children: a.map((l) => /* @__PURE__ */ e("option", { value: l.value.toString(), disabled: l.value <= r.from, children: l.label }, l.value))
       }
     )
   ] });
 }
-function Qr({
+function rn({
   value: t,
   onChange: r,
   isLocked: o = !1,
   className: s,
-  labels: i = {}
+  labels: a = {}
 }) {
-  const l = {
+  const i = {
     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: We,
-    ...i
-  }, g = ur(), f = (c, x) => {
-    o || r({ ...t, [c]: x });
+    days: Oe,
+    ...a
+  }, g = gr(), f = (l, x) => {
+    o || r({ ...t, [l]: x });
   };
-  return /* @__PURE__ */ n("div", { className: h("flex flex-col gap-3", s), children: [
+  return /* @__PURE__ */ n("div", { className: u("flex flex-col gap-3", s), children: [
     /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ e(J, { className: "text-sm font-semibold", children: l.title }),
-      o ? /* @__PURE__ */ e(X, { delayDuration: 100, children: /* @__PURE__ */ n(Q, { children: [
-        /* @__PURE__ */ e(Z, { children: /* @__PURE__ */ e(lr, { className: "size-3 text-muted-foreground" }) }),
-        /* @__PURE__ */ e(ee, { children: /* @__PURE__ */ e("p", { children: l.lockedMessage }) })
-      ] }) }) : /* @__PURE__ */ e(X, { delayDuration: 100, children: /* @__PURE__ */ n(Q, { children: [
-        /* @__PURE__ */ e(Z, { children: /* @__PURE__ */ e(ir, { className: "size-3 text-muted-foreground" }) }),
-        /* @__PURE__ */ e(ee, { className: "max-w-64 text-center", children: /* @__PURE__ */ e("p", { children: l.infoMessage }) })
+      /* @__PURE__ */ e(ne, { className: "text-sm font-semibold", children: i.title }),
+      o ? /* @__PURE__ */ e(oe, { delayDuration: 100, children: /* @__PURE__ */ n(se, { children: [
+        /* @__PURE__ */ e(ae, { children: /* @__PURE__ */ e(hr, { className: "size-3 text-muted-foreground" }) }),
+        /* @__PURE__ */ e(ie, { children: /* @__PURE__ */ e("p", { children: i.lockedMessage }) })
+      ] }) }) : /* @__PURE__ */ e(oe, { delayDuration: 100, children: /* @__PURE__ */ n(se, { children: [
+        /* @__PURE__ */ e(ae, { children: /* @__PURE__ */ e(ur, { className: "size-3 text-muted-foreground" }) }),
+        /* @__PURE__ */ e(ie, { className: "max-w-64 text-center", children: /* @__PURE__ */ e("p", { children: i.infoMessage }) })
       ] }) })
     ] }),
-    /* @__PURE__ */ e("div", { className: "flex flex-col gap-2", children: dr.map((c) => /* @__PURE__ */ e(
-      hr,
+    /* @__PURE__ */ e("div", { className: "flex flex-col gap-2", children: fr.map((l) => /* @__PURE__ */ e(
+      xr,
       {
-        dayLabel: l.days?.[c] ?? We[c],
-        config: t[c],
-        onChange: (x) => f(c, x),
+        dayLabel: i.days?.[l] ?? Oe[l],
+        config: t[l],
+        onChange: (x) => f(l, x),
         disabled: o,
         hourOptions: g
       },
-      c
+      l
     )) })
   ] });
 }
-const Zr = {
+const nn = {
   sunday: { enabled: !1, from: 8, to: 18 },
   monday: { enabled: !0, from: 8, to: 18 },
   tuesday: { enabled: !0, from: 8, to: 18 },
@@ -2524,7 +2587,7 @@ const Zr = {
   friday: { enabled: !0, from: 8, to: 18 },
   saturday: { enabled: !1, from: 8, to: 18 }
 };
-function be({ className: t }) {
+function De({ className: t }) {
   return /* @__PURE__ */ e(
     "svg",
     {
@@ -2540,7 +2603,7 @@ function be({ className: t }) {
     }
   );
 }
-function mr({ className: t }) {
+function pr({ className: t }) {
   return /* @__PURE__ */ n(
     "svg",
     {
@@ -2559,7 +2622,7 @@ function mr({ className: t }) {
     }
   );
 }
-function fr({ className: t }) {
+function vr({ className: t }) {
   return /* @__PURE__ */ n(
     "svg",
     {
@@ -2578,7 +2641,7 @@ function fr({ className: t }) {
     }
   );
 }
-function ye({ checked: t, onCheckedChange: r, className: o, children: s }) {
+function Me({ checked: t, onCheckedChange: r, className: o, children: s }) {
   return /* @__PURE__ */ e(
     "button",
     {
@@ -2591,12 +2654,12 @@ function ye({ checked: t, onCheckedChange: r, className: o, children: s }) {
     }
   );
 }
-function gr({ src: t, alt: r, fallback: o, className: s }) {
-  const [i, l] = oe(!1);
-  return !t || i ? /* @__PURE__ */ e(
+function wr({ src: t, alt: r, fallback: o, className: s }) {
+  const [a, i] = de(!1);
+  return !t || a ? /* @__PURE__ */ e(
     "div",
     {
-      className: h(
+      className: u(
         "flex items-center justify-center bg-zinc-200 text-zinc-600 font-medium text-sm",
         s
       ),
@@ -2607,32 +2670,32 @@ function gr({ src: t, alt: r, fallback: o, className: s }) {
     {
       src: t,
       alt: r || "",
-      className: h("object-cover", s),
-      onError: () => l(!0)
+      className: u("object-cover", s),
+      onError: () => i(!0)
     }
   );
 }
-function Ae({ value: t, onChange: r, placeholder: o, className: s }) {
-  return /* @__PURE__ */ n("div", { className: h("relative", s), children: [
-    /* @__PURE__ */ e(mr, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }),
+function _e({ value: t, onChange: r, placeholder: o, className: s }) {
+  return /* @__PURE__ */ n("div", { className: u("relative", s), children: [
+    /* @__PURE__ */ e(pr, { 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) => r(i.target.value),
+        onChange: (a) => r(a.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 Fe(t, r, o, s = 0.3) {
+function Pe(t, r, o, s = 0.3) {
   if (!r.trim()) return t;
-  const i = r.toLowerCase();
-  return t.filter((l) => o(l).some((f) => f ? f.toLowerCase().includes(i) : !1));
+  const a = r.toLowerCase();
+  return t.filter((i) => o(i).some((f) => f ? f.toLowerCase().includes(a) : !1));
 }
-const xr = {
+const br = {
   title: "Filters",
   subtitle: "Filter calendar events",
   scheduleTypes: "Event Types",
@@ -2645,73 +2708,73 @@ const xr = {
   noScheduleTypes: "No event types found",
   noParticipants: "No participants found"
 };
-function en({
+function on({
   scheduleTypes: t,
   users: r,
   selectedScheduleTypeIds: o,
   onScheduleTypeChange: s,
-  selectedUserIds: i,
-  onUserChange: l,
+  selectedUserIds: a,
+  onUserChange: i,
   onClearAll: g,
   className: f,
-  scheduleTypesLoading: c = !1,
+  scheduleTypesLoading: l = !1,
   usersLoading: x = !1,
-  labels: b,
+  labels: y,
   getScheduleTypeName: p
 }) {
-  const S = { ...xr, ...b }, [W, L] = oe(""), [D, z] = oe(""), T = B(() => W.trim() ? Fe(t, W, (m) => [
+  const L = { ...br, ...y }, [A, z] = de(""), [j, I] = de(""), C = U(() => A.trim() ? Pe(t, A, (m) => [
     m.name,
     p?.(m) || m.name
-  ]) : t, [t, W, p]), w = B(() => D.trim() ? Fe(r, D, (m) => [m.name, m.email || ""]) : r, [r, D]), I = T.length > 0 && T.every((m) => o.includes(m.id)), C = w.length > 0 && w.every((m) => i.includes(m.id)), A = o.length + i.length, R = (m, a) => {
-    const u = a ? [...o, m] : o.filter((v) => v !== m);
-    s(u);
-  }, V = () => {
-    if (I) {
-      const m = new Set(T.map((a) => a.id));
-      s(o.filter((a) => !m.has(a)));
+  ]) : t, [t, A, p]), T = U(() => j.trim() ? Pe(r, j, (m) => [m.name, m.email || ""]) : r, [r, j]), _ = C.length > 0 && C.every((m) => o.includes(m.id)), Y = T.length > 0 && T.every((m) => a.includes(m.id)), w = o.length + a.length, W = (m, b) => {
+    const E = b ? [...o, m] : o.filter(($) => $ !== m);
+    s(E);
+  }, F = () => {
+    if (_) {
+      const m = new Set(C.map((b) => b.id));
+      s(o.filter((b) => !m.has(b)));
     } else {
       const m = /* @__PURE__ */ new Set([
         ...o,
-        ...T.map((a) => a.id)
+        ...C.map((b) => b.id)
       ]);
       s(Array.from(m));
     }
-  }, F = (m, a) => {
-    const u = a ? [...i, m] : i.filter((v) => v !== m);
-    l(u);
-  }, O = () => {
-    if (C) {
-      const m = new Set(w.map((a) => a.id));
-      l(i.filter((a) => !m.has(a)));
+  }, P = (m, b) => {
+    const E = b ? [...a, m] : a.filter(($) => $ !== m);
+    i(E);
+  }, K = () => {
+    if (Y) {
+      const m = new Set(T.map((b) => b.id));
+      i(a.filter((b) => !m.has(b)));
     } else {
-      const m = /* @__PURE__ */ new Set([...i, ...w.map((a) => a.id)]);
-      l(Array.from(m));
+      const m = /* @__PURE__ */ new Set([...a, ...T.map((b) => b.id)]);
+      i(Array.from(m));
     }
-  }, j = () => {
-    s([]), l([]), g?.();
-  }, _ = (m) => p ? p(m) : m.name, U = (m) => m.colorHex || m.color || "#069AD7";
+  }, q = () => {
+    s([]), i([]), g?.();
+  }, V = (m) => p ? p(m) : m.name, B = (m) => m.colorHex || m.color || "#069AD7";
   return /* @__PURE__ */ n(
     "div",
     {
-      className: h(
+      className: u(
         "flex min-w-72 max-w-72 flex-col rounded-lg border bg-white shadow-sm",
         f
       ),
       children: [
         /* @__PURE__ */ n("header", { className: "flex items-start justify-between gap-2 px-4 pb-2 pt-4", children: [
           /* @__PURE__ */ n("div", { className: "flex flex-col", children: [
-            /* @__PURE__ */ e("h3", { className: "text-base font-semibold text-foreground", children: S.title }),
-            /* @__PURE__ */ e("p", { className: "text-xs text-muted-foreground", children: S.subtitle })
+            /* @__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 })
           ] }),
-          A > 0 && /* @__PURE__ */ n(
+          w > 0 && /* @__PURE__ */ n(
             "button",
             {
               type: "button",
-              onClick: j,
+              onClick: q,
               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(fr, { className: "h-3.5 w-3.5" }),
-                S.clearAll
+                /* @__PURE__ */ e(vr, { className: "h-3.5 w-3.5" }),
+                L.clearAll
               ]
             }
           )
@@ -2719,29 +2782,29 @@ function en({
         /* @__PURE__ */ e("div", { className: "h-px w-full bg-border/60" }),
         /* @__PURE__ */ n("section", { className: "flex flex-col", children: [
           /* @__PURE__ */ n("div", { className: "flex items-center justify-between px-4 py-3", children: [
-            /* @__PURE__ */ e("h4", { className: "text-sm font-medium text-foreground", children: S.scheduleTypes }),
+            /* @__PURE__ */ e("h4", { className: "text-sm font-medium text-foreground", children: L.scheduleTypes }),
             /* @__PURE__ */ e(
               "button",
               {
                 type: "button",
-                onClick: V,
+                onClick: F,
                 className: "text-xs font-medium text-primary transition-colors hover:text-primary/80",
-                children: I ? S.unselectAll : S.selectAll
+                children: _ ? L.unselectAll : L.selectAll
               }
             )
           ] }),
           t.length > 6 && /* @__PURE__ */ e("div", { className: "px-4 pb-3", children: /* @__PURE__ */ e(
-            Ae,
+            _e,
             {
-              value: W,
-              onChange: L,
-              placeholder: S.searchScheduleTypes
+              value: A,
+              onChange: z,
+              placeholder: L.searchScheduleTypes
             }
           ) }),
           /* @__PURE__ */ n("div", { className: "flex max-h-[220px] flex-col gap-2 overflow-y-auto px-4 pb-2 scrollbar-thin", children: [
-            c ? (
+            l ? (
               // Loading skeletons
-              Array.from({ length: 4 }).map((m, a) => /* @__PURE__ */ n(
+              Array.from({ length: 4 }).map((m, b) => /* @__PURE__ */ n(
                 "div",
                 {
                   className: "flex animate-pulse items-center gap-2 rounded-md border border-border/60 bg-muted/40 p-2",
@@ -2750,40 +2813,40 @@ function en({
                     /* @__PURE__ */ e("div", { className: "h-3 w-24 rounded bg-muted-foreground/20" })
                   ]
                 },
-                `skeleton-${a}`
+                `skeleton-${b}`
               ))
-            ) : T.map((m) => {
-              const a = o.includes(m.id), u = U(m);
+            ) : C.map((m) => {
+              const b = o.includes(m.id), E = B(m);
               return /* @__PURE__ */ n(
-                ye,
+                Me,
                 {
-                  checked: a,
-                  onCheckedChange: (v) => R(m.id, v),
-                  className: h(
+                  checked: b,
+                  onCheckedChange: ($) => W(m.id, $),
+                  className: u(
                     "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",
-                    a && "border-primary bg-primary/5"
+                    b && "border-primary bg-primary/5"
                   ),
                   children: [
                     /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: [
                       /* @__PURE__ */ e(
                         "span",
                         {
-                          className: h(
+                          className: u(
                             "flex h-4 w-4 items-center justify-center rounded border border-border text-xs transition-colors",
-                            a && "border-primary bg-primary text-primary-foreground"
+                            b && "border-primary bg-primary text-primary-foreground"
                           ),
-                          children: a && /* @__PURE__ */ e(be, { className: "h-3 w-3" })
+                          children: b && /* @__PURE__ */ e(De, { className: "h-3 w-3" })
                         }
                       ),
-                      /* @__PURE__ */ e("span", { className: "text-sm font-medium text-foreground", children: _(m) })
+                      /* @__PURE__ */ e("span", { className: "text-sm font-medium text-foreground", children: V(m) })
                     ] }),
                     /* @__PURE__ */ e(
                       "div",
                       {
                         className: "h-4 w-4 rounded-full border",
                         style: {
-                          backgroundColor: u,
-                          borderColor: u
+                          backgroundColor: E,
+                          borderColor: E
                         }
                       }
                     )
@@ -2792,38 +2855,38 @@ function en({
                 m.id
               );
             }),
-            !c && T.length === 0 && /* @__PURE__ */ e("p", { className: "px-2 py-1 text-xs text-muted-foreground", children: S.noScheduleTypes })
+            !l && C.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__ */ n("section", { className: "flex flex-col", children: [
           /* @__PURE__ */ n("div", { className: "flex items-center justify-between px-4 py-3", children: [
-            /* @__PURE__ */ e("h4", { className: "text-sm font-medium text-foreground", children: S.participants }),
+            /* @__PURE__ */ e("h4", { className: "text-sm font-medium text-foreground", children: L.participants }),
             /* @__PURE__ */ e(
-              ye,
+              Me,
               {
-                checked: C,
-                onCheckedChange: () => O(),
-                className: h(
+                checked: Y,
+                onCheckedChange: () => K(),
+                className: u(
                   "flex h-5 w-5 items-center justify-center rounded border border-border bg-white transition-colors hover:border-primary/50",
-                  C && "border-primary bg-primary text-primary-foreground"
+                  Y && "border-primary bg-primary text-primary-foreground"
                 ),
-                children: C && /* @__PURE__ */ e(be, { className: "h-3.5 w-3.5" })
+                children: Y && /* @__PURE__ */ e(De, { className: "h-3.5 w-3.5" })
               }
             )
           ] }),
           /* @__PURE__ */ e("div", { className: "px-4 pb-3", children: /* @__PURE__ */ e(
-            Ae,
+            _e,
             {
-              value: D,
-              onChange: z,
-              placeholder: S.searchParticipants
+              value: j,
+              onChange: I,
+              placeholder: L.searchParticipants
             }
           ) }),
           /* @__PURE__ */ n("div", { className: "flex max-h-[400px] flex-col gap-2 overflow-y-auto px-4 pb-4 scrollbar-thin", children: [
             x ? (
               // Loading skeletons
-              Array.from({ length: 4 }).map((m, a) => /* @__PURE__ */ n(
+              Array.from({ length: 4 }).map((m, b) => /* @__PURE__ */ n(
                 "div",
                 {
                   className: "flex animate-pulse items-center gap-3 rounded-md border border-border/60 bg-muted/40 p-3",
@@ -2836,33 +2899,33 @@ function en({
                     ] })
                   ]
                 },
-                `p-skeleton-${a}`
+                `p-skeleton-${b}`
               ))
-            ) : w.map((m) => {
-              const a = i.includes(m.id);
+            ) : T.map((m) => {
+              const b = a.includes(m.id);
               return /* @__PURE__ */ n(
-                ye,
+                Me,
                 {
-                  checked: a,
-                  onCheckedChange: (u) => F(m.id, u),
-                  className: h(
+                  checked: b,
+                  onCheckedChange: (E) => P(m.id, E),
+                  className: u(
                     "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",
-                    a && "border-primary bg-zinc-50"
+                    b && "border-primary bg-zinc-50"
                   ),
                   children: [
                     /* @__PURE__ */ e(
                       "span",
                       {
-                        className: h(
+                        className: u(
                           "flex h-4 w-4 flex-shrink-0 items-center justify-center rounded border border-border transition-colors",
-                          a && "border-primary bg-primary text-primary-foreground"
+                          b && "border-primary bg-primary text-primary-foreground"
                         ),
-                        children: a && /* @__PURE__ */ e(be, { className: "h-2.5 w-2.5" })
+                        children: b && /* @__PURE__ */ e(De, { className: "h-2.5 w-2.5" })
                       }
                     ),
                     /* @__PURE__ */ n("div", { className: "flex flex-1 items-start gap-2", children: [
                       /* @__PURE__ */ e(
-                        gr,
+                        wr,
                         {
                           src: m.avatar ?? null,
                           alt: m.name,
@@ -2887,14 +2950,14 @@ function en({
                 m.id
               );
             }),
-            !x && w.length === 0 && /* @__PURE__ */ e("p", { className: "px-4 text-xs text-muted-foreground", children: S.noParticipants })
+            !x && T.length === 0 && /* @__PURE__ */ e("p", { className: "px-4 text-xs text-muted-foreground", children: L.noParticipants })
           ] })
         ] })
       ]
     }
   );
 }
-function pr({ className: t }) {
+function yr({ className: t }) {
   return /* @__PURE__ */ n(
     "svg",
     {
@@ -2915,19 +2978,19 @@ function pr({ className: t }) {
     }
   );
 }
-function tn({
+function sn({
   scheduleTypes: t,
   value: r,
   onChange: o,
   allLabel: s = "All types",
-  className: i,
-  label: l
+  className: a,
+  label: i
 }) {
-  const g = (c) => {
-    o(c.target.value);
-  }, f = t.find((c) => String(c.id) === r);
-  return /* @__PURE__ */ n("div", { className: h("flex flex-col gap-1", i), children: [
-    l && /* @__PURE__ */ e(J, { className: "text-xs text-muted-foreground", children: l }),
+  const g = (l) => {
+    o(l.target.value);
+  }, f = t.find((l) => String(l.id) === r);
+  return /* @__PURE__ */ n("div", { className: u("flex flex-col gap-1", a), children: [
+    i && /* @__PURE__ */ e(ne, { className: "text-xs text-muted-foreground", children: i }),
     /* @__PURE__ */ n("div", { className: "relative", children: [
       f ? /* @__PURE__ */ e(
         "span",
@@ -2935,23 +2998,23 @@ function tn({
           className: "pointer-events-none absolute left-2.5 top-1/2 size-3 -translate-y-1/2 rounded-full",
           style: { backgroundColor: f.color }
         }
-      ) : /* @__PURE__ */ e(pr, { className: "pointer-events-none absolute left-2.5 top-1/2 size-4 -translate-y-1/2 text-muted-foreground" }),
+      ) : /* @__PURE__ */ e(yr, { className: "pointer-events-none absolute left-2.5 top-1/2 size-4 -translate-y-1/2 text-muted-foreground" }),
       /* @__PURE__ */ n(
-        te,
+        le,
         {
           value: r,
           onChange: g,
           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))
+            t.map((l) => /* @__PURE__ */ e("option", { value: String(l.id), children: l.label }, l.id))
           ]
         }
       )
     ] })
   ] });
 }
-function vr({ className: t }) {
+function kr({ className: t }) {
   return /* @__PURE__ */ n(
     "svg",
     {
@@ -2974,23 +3037,23 @@ function vr({ className: t }) {
     }
   );
 }
-function rn({
+function an({
   users: t,
   value: r,
   onChange: o,
   allLabel: s = "All users",
-  className: i,
-  label: l
+  className: a,
+  label: i
 }) {
   const g = (f) => {
     o(f.target.value);
   };
-  return /* @__PURE__ */ n("div", { className: h("flex flex-col gap-1", i), children: [
-    l && /* @__PURE__ */ e(J, { className: "text-xs text-muted-foreground", children: l }),
+  return /* @__PURE__ */ n("div", { className: u("flex flex-col gap-1", a), children: [
+    i && /* @__PURE__ */ e(ne, { className: "text-xs text-muted-foreground", children: i }),
     /* @__PURE__ */ n("div", { className: "relative", children: [
-      /* @__PURE__ */ e(vr, { className: "pointer-events-none absolute left-2.5 top-1/2 size-4 -translate-y-1/2 text-muted-foreground" }),
+      /* @__PURE__ */ e(kr, { className: "pointer-events-none absolute left-2.5 top-1/2 size-4 -translate-y-1/2 text-muted-foreground" }),
       /* @__PURE__ */ n(
-        te,
+        le,
         {
           value: r,
           onChange: g,
@@ -3004,7 +3067,7 @@ function rn({
     ] })
   ] });
 }
-function wr({ className: t }) {
+function Nr({ className: t }) {
   return /* @__PURE__ */ n(
     "svg",
     {
@@ -3031,7 +3094,7 @@ function wr({ className: t }) {
     }
   );
 }
-function br({ className: t }) {
+function Cr({ className: t }) {
   return /* @__PURE__ */ n(
     "svg",
     {
@@ -3054,7 +3117,7 @@ function br({ className: t }) {
     }
   );
 }
-function yr({ className: t }) {
+function Dr({ className: t }) {
   return /* @__PURE__ */ e(
     "svg",
     {
@@ -3070,7 +3133,7 @@ function yr({ className: t }) {
     }
   );
 }
-function kr({ className: t }) {
+function Mr({ className: t }) {
   return /* @__PURE__ */ n(
     "svg",
     {
@@ -3090,25 +3153,25 @@ function kr({ className: t }) {
     }
   );
 }
-function Nr(t) {
+function Sr(t) {
   const r = t.getFullYear(), o = String(t.getMonth() + 1).padStart(2, "0"), s = String(t.getDate()).padStart(2, "0");
   return `${r}-${o}-${s}`;
 }
-function $e(t) {
-  const r = t.getHours(), o = t.getMinutes(), s = r >= 12 ? "PM" : "AM", i = r % 12 || 12, l = String(o).padStart(2, "0");
-  return `${i}:${l} ${s}`;
+function Re(t) {
+  const r = t.getHours(), o = t.getMinutes(), s = r >= 12 ? "PM" : "AM", a = r % 12 || 12, i = String(o).padStart(2, "0");
+  return `${a}:${i} ${s}`;
 }
-function Cr(t) {
-  const r = $e(t.startDate), o = $e(t.endDate);
+function Er(t) {
+  const r = Re(t.startDate), o = Re(t.endDate);
   return `${r} - ${o}`;
 }
-function Dr(t) {
-  const r = Ue(/* @__PURE__ */ new Date(), 1);
+function zr(t) {
+  const r = Je(/* @__PURE__ */ new Date(), 1);
   return t.getFullYear() === r.getFullYear() && t.getMonth() === r.getMonth() && t.getDate() === r.getDate();
 }
-function Mr(t) {
-  if (G(t)) return "Today";
-  if (Dr(t)) return "Tomorrow";
+function Hr(t) {
+  if (te(t)) return "Today";
+  if (zr(t)) return "Tomorrow";
   const r = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"], o = [
     "Jan",
     "Feb",
@@ -3122,41 +3185,41 @@ function Mr(t) {
     "Oct",
     "Nov",
     "Dec"
-  ], s = r[t.getDay()], i = o[t.getMonth()], l = t.getDate();
-  return `${s}, ${i} ${l}`;
+  ], s = r[t.getDay()], a = o[t.getMonth()], i = t.getDate();
+  return `${s}, ${a} ${i}`;
 }
-function Sr(t, r) {
+function Lr(t, r) {
   const o = /* @__PURE__ */ new Map();
   for (const s of t) {
-    const i = Nr(s.startDate), l = o.get(i) ?? [];
-    l.push(s), o.set(i, l);
+    const a = Sr(s.startDate), i = o.get(a) ?? [];
+    i.push(s), o.set(a, i);
   }
-  return Array.from(o.entries()).map(([s, i]) => {
-    const l = [...i].sort(
-      (f, c) => f.startDate.getTime() - c.startDate.getTime()
-    ), g = r > 0 ? l.slice(0, r) : l;
+  return Array.from(o.entries()).map(([s, a]) => {
+    const i = [...a].sort(
+      (f, l) => f.startDate.getTime() - l.startDate.getTime()
+    ), g = r > 0 ? i.slice(0, r) : i;
     return {
       date: new Date(s),
       dateKey: s,
       events: g,
-      hasMore: r > 0 && l.length > r
+      hasMore: r > 0 && i.length > r
     };
-  }).sort((s, i) => s.date.getTime() - i.date.getTime());
+  }).sort((s, a) => s.date.getTime() - a.date.getTime());
 }
-function Er(t) {
-  const r = pe(/* @__PURE__ */ new Date()), o = Ve(/* @__PURE__ */ new Date());
+function Tr(t) {
+  const r = ye(/* @__PURE__ */ new Date()), o = qe(/* @__PURE__ */ new Date());
   return t.filter((s) => s.startDate >= r && s.startDate <= o).length;
 }
-function ke({ className: t }) {
-  return /* @__PURE__ */ e("div", { className: h("animate-pulse rounded-md bg-muted", t) });
+function Se({ className: t }) {
+  return /* @__PURE__ */ e("div", { className: u("animate-pulse rounded-md bg-muted", t) });
 }
-function zr({ event: t, onClick: r }) {
+function Ir({ event: t, onClick: r }) {
   return /* @__PURE__ */ n(
     "button",
     {
       type: "button",
       onClick: () => r?.(t),
-      className: h(
+      className: u(
         "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"
@@ -3171,58 +3234,58 @@ function zr({ event: t, onClick: r }) {
         ),
         /* @__PURE__ */ n("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: Cr(t) })
+          /* @__PURE__ */ e("p", { className: "text-xs text-muted-foreground truncate", children: Er(t) })
         ] }),
-        r && /* @__PURE__ */ e(yr, { className: "shrink-0 size-4 text-muted-foreground/50 mt-1" })
+        r && /* @__PURE__ */ e(Dr, { className: "shrink-0 size-4 text-muted-foreground/50 mt-1" })
       ]
     }
   );
 }
-function Hr({ group: t, onEventClick: r }) {
+function jr({ group: t, onEventClick: r }) {
   return /* @__PURE__ */ n("div", { className: "space-y-1", children: [
     /* @__PURE__ */ n("div", { className: "flex items-center justify-between px-2 py-1.5", children: [
-      /* @__PURE__ */ e("h3", { className: h("text-xs font-semibold", G(t.date) && "text-primary"), children: Mr(t.date) }),
+      /* @__PURE__ */ e("h3", { className: u("text-xs font-semibold", te(t.date) && "text-primary"), children: Hr(t.date) }),
       t.hasMore && /* @__PURE__ */ n("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(zr, { event: o, onClick: r }, o.id)) })
+    /* @__PURE__ */ e("div", { className: "space-y-0.5", children: t.events.map((o) => /* @__PURE__ */ e(Ir, { event: o, onClick: r }, o.id)) })
   ] });
 }
-function nn({
+function ln({
   events: t,
   isLoading: r = !1,
   className: o,
   daysAhead: s = 7,
-  maxEventsPerDay: i = 3,
-  onEventClick: l,
+  maxEventsPerDay: a = 3,
+  onEventClick: i,
   onNavigateToAgenda: g
 }) {
-  const [f, c] = oe(!1), x = B(() => {
-    const L = pe(/* @__PURE__ */ new Date()), D = Ue(L, s);
-    return t.filter((z) => z.endDate >= L && z.startDate < D);
-  }, [t, s]), b = B(
-    () => Sr(x, i),
-    [x, i]
-  ), p = B(() => Er(t), [t]), S = (L) => {
-    c(!1), l?.(L);
-  }, W = () => {
-    c(!1), g?.();
+  const [f, l] = de(!1), x = U(() => {
+    const z = ye(/* @__PURE__ */ new Date()), j = Je(z, s);
+    return t.filter((I) => I.endDate >= z && I.startDate < j);
+  }, [t, s]), y = U(
+    () => Lr(x, a),
+    [x, a]
+  ), p = U(() => Tr(t), [t]), L = (z) => {
+    l(!1), i?.(z);
+  }, A = () => {
+    l(!1), g?.();
   };
-  return /* @__PURE__ */ n(Pe, { open: f, onOpenChange: c, children: [
+  return /* @__PURE__ */ n(Ye, { open: f, onOpenChange: l, children: [
     /* @__PURE__ */ n(
-      _e,
+      Ge,
       {
-        className: h(
+        className: u(
           "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(wr, { className: "h-4 w-4" }),
+          /* @__PURE__ */ e(Nr, { className: "h-4 w-4" }),
           p > 0 && /* @__PURE__ */ e(
-            lt,
+            ut,
             {
               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",
@@ -3232,7 +3295,7 @@ function nn({
         ]
       }
     ),
-    /* @__PURE__ */ n(Re, { className: "w-80 rounded-xl p-0", align: "end", side: "bottom", sideOffset: 8, children: [
+    /* @__PURE__ */ n(Ke, { className: "w-80 rounded-xl p-0", align: "end", side: "bottom", sideOffset: 8, children: [
       /* @__PURE__ */ n("div", { className: "flex items-center justify-between border-b p-4", children: [
         /* @__PURE__ */ n("div", { children: [
           /* @__PURE__ */ e("h3", { className: "text-sm font-semibold", children: "Upcoming" }),
@@ -3242,41 +3305,41 @@ function nn({
           "button",
           {
             type: "button",
-            onClick: W,
+            onClick: A,
             className: "text-xs text-primary hover:underline flex items-center gap-1",
             children: [
               "View all",
-              /* @__PURE__ */ e(kr, { className: "size-3" })
+              /* @__PURE__ */ e(Mr, { className: "size-3" })
             ]
           }
         )
       ] }),
-      /* @__PURE__ */ e("div", { className: "max-h-80 overflow-y-auto p-2", children: r ? /* @__PURE__ */ e("div", { className: "space-y-2 p-2", children: Array.from({ length: 3 }).map((L, D) => /* @__PURE__ */ n("div", { className: "flex space-x-3", children: [
-        /* @__PURE__ */ e(ke, { className: "h-2 w-2 rounded-full mt-2" }),
+      /* @__PURE__ */ e("div", { className: "max-h-80 overflow-y-auto p-2", children: r ? /* @__PURE__ */ e("div", { className: "space-y-2 p-2", children: Array.from({ length: 3 }).map((z, j) => /* @__PURE__ */ n("div", { className: "flex space-x-3", children: [
+        /* @__PURE__ */ e(Se, { className: "h-2 w-2 rounded-full mt-2" }),
         /* @__PURE__ */ n("div", { className: "flex-1 space-y-2", children: [
-          /* @__PURE__ */ e(ke, { className: "h-4 w-full" }),
-          /* @__PURE__ */ e(ke, { className: "h-3 w-3/4" })
+          /* @__PURE__ */ e(Se, { className: "h-4 w-full" }),
+          /* @__PURE__ */ e(Se, { className: "h-3 w-3/4" })
         ] })
-      ] }, D)) }) : b.length === 0 ? /* @__PURE__ */ n("div", { className: "flex flex-col items-center justify-center py-8 text-center", children: [
-        /* @__PURE__ */ e(br, { className: "mb-2 h-8 w-8 text-muted-foreground/50" }),
+      ] }, j)) }) : y.length === 0 ? /* @__PURE__ */ n("div", { className: "flex flex-col items-center justify-center py-8 text-center", children: [
+        /* @__PURE__ */ e(Cr, { 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__ */ n("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: b.map((L) => /* @__PURE__ */ e(
-        Hr,
+      ] }) : /* @__PURE__ */ e("div", { className: "space-y-3 divide-y", children: y.map((z) => /* @__PURE__ */ e(
+        jr,
         {
-          group: L,
-          onEventClick: S
+          group: z,
+          onEventClick: L
         },
-        L.dateKey
+        z.dateKey
       )) }) })
     ] })
   ] });
 }
-function Lr({ className: t }) {
+function Wr({ className: t }) {
   return /* @__PURE__ */ n(
     "svg",
     {
@@ -3301,7 +3364,7 @@ function Lr({ className: t }) {
     }
   );
 }
-function Ge({ className: t }) {
+function Qe({ className: t }) {
   return /* @__PURE__ */ e(
     "svg",
     {
@@ -3319,53 +3382,53 @@ function Ge({ className: t }) {
     }
   );
 }
-function Tr(t) {
+function Ar(t) {
   const r = /* @__PURE__ */ new Date();
   return r.setDate(r.getDate() + 1), t.getFullYear() === r.getFullYear() && t.getMonth() === r.getMonth() && t.getDate() === r.getDate();
 }
-function Be(t) {
+function Ve(t) {
   const r = t.getHours(), o = t.getMinutes(), s = r >= 12 ? "PM" : "AM";
   return `${r % 12 || 12}:${o.toString().padStart(2, "0")} ${s}`;
 }
-function Ir(t) {
+function Fr(t) {
   return new Intl.DateTimeFormat("en-US", {
     weekday: "long",
     month: "short",
     day: "numeric"
   }).format(t);
 }
-function jr(t) {
-  const r = Be(t.startDate), o = Be(t.endDate);
+function Br(t) {
+  const r = Ve(t.startDate), o = Ve(t.endDate);
   return `${r} - ${o}`;
 }
-function Wr(t) {
-  return G(t) ? "Today" : Tr(t) ? "Tomorrow" : Ir(t);
+function $r(t) {
+  return te(t) ? "Today" : Ar(t) ? "Tomorrow" : Fr(t);
 }
-function Ar(t, r) {
+function Or(t, r) {
   const o = /* @__PURE__ */ new Map();
   for (const s of t) {
-    const i = xt(s.startDate), l = o.get(i) ?? [];
-    l.push(s), o.set(i, l);
+    const a = bt(s.startDate), i = o.get(a) ?? [];
+    i.push(s), o.set(a, i);
   }
-  return Array.from(o.entries()).map(([s, i]) => {
-    const l = [...i].sort(
-      (f, c) => f.startDate.getTime() - c.startDate.getTime()
-    ), g = r > 0 ? l.slice(0, r) : l;
+  return Array.from(o.entries()).map(([s, a]) => {
+    const i = [...a].sort(
+      (f, l) => f.startDate.getTime() - l.startDate.getTime()
+    ), g = r > 0 ? i.slice(0, r) : i;
     return {
       date: new Date(s),
       dateKey: s,
       events: g,
-      hasMore: r > 0 && l.length > r
+      hasMore: r > 0 && i.length > r
     };
-  }).sort((s, i) => s.date.getTime() - i.date.getTime());
+  }).sort((s, a) => s.date.getTime() - a.date.getTime());
 }
-function Fr({ event: t, onClick: r, compact: o }) {
+function _r({ event: t, onClick: r, compact: o }) {
   return /* @__PURE__ */ n(
     "button",
     {
       type: "button",
       onClick: () => r?.(t),
-      className: h(
+      className: u(
         "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",
@@ -3375,41 +3438,41 @@ function Fr({ event: t, onClick: r, compact: o }) {
         /* @__PURE__ */ e(
           "div",
           {
-            className: h("shrink-0 rounded-full mt-1", o ? "size-2" : "size-2.5"),
+            className: u("shrink-0 rounded-full mt-1", o ? "size-2" : "size-2.5"),
             style: { backgroundColor: t.color ?? "#3b82f6" }
           }
         ),
         /* @__PURE__ */ n("div", { className: "min-w-0 flex-1", children: [
-          /* @__PURE__ */ e("p", { className: h("font-medium truncate", o ? "text-xs" : "text-sm"), children: t.title }),
-          /* @__PURE__ */ e("p", { className: h("text-muted-foreground truncate", o ? "text-[10px]" : "text-xs"), children: jr(t) })
+          /* @__PURE__ */ e("p", { className: u("font-medium truncate", o ? "text-xs" : "text-sm"), children: t.title }),
+          /* @__PURE__ */ e("p", { className: u("text-muted-foreground truncate", o ? "text-[10px]" : "text-xs"), children: Br(t) })
         ] }),
         r && /* @__PURE__ */ e(
-          Ge,
+          Qe,
           {
-            className: h("shrink-0 text-muted-foreground/50", o ? "size-3" : "size-4")
+            className: u("shrink-0 text-muted-foreground/50", o ? "size-3" : "size-4")
           }
         )
       ]
     }
   );
 }
-function $r({
+function Pr({
   group: t,
   onEventClick: r,
   onViewMore: o,
   compact: s
 }) {
   return /* @__PURE__ */ n("div", { className: "space-y-1", children: [
-    /* @__PURE__ */ n("div", { className: h("flex items-center justify-between px-2", s ? "py-1" : "py-1.5"), children: [
+    /* @__PURE__ */ n("div", { className: u("flex items-center justify-between px-2", s ? "py-1" : "py-1.5"), children: [
       /* @__PURE__ */ e(
         "h3",
         {
-          className: h(
+          className: u(
             "font-semibold",
             s ? "text-xs" : "text-sm",
-            G(t.date) && "text-primary"
+            te(t.date) && "text-primary"
           ),
-          children: Wr(t.date)
+          children: $r(t.date)
         }
       ),
       t.hasMore && o && /* @__PURE__ */ e(
@@ -3417,96 +3480,96 @@ function $r({
         {
           type: "button",
           onClick: () => o(t.date),
-          className: h("text-primary hover:underline", s ? "text-[10px]" : "text-xs"),
+          className: u("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(Fr, { event: i, onClick: r, compact: s }, i.id)) })
+    /* @__PURE__ */ e("div", { className: "space-y-0.5", children: t.events.map((a) => /* @__PURE__ */ e(_r, { event: a, onClick: r, compact: s }, a.id)) })
   ] });
 }
-function on({
+function cn({
   events: t,
   daysAhead: r = 7,
   maxEventsPerDay: o = 3,
   onEventClick: s,
-  onViewAll: i,
-  className: l,
+  onViewAll: a,
+  className: i,
   emptyState: g,
   title: f = "Upcoming",
-  showHeader: c = !0,
+  showHeader: l = !0,
   compact: x = !1
 }) {
-  const b = Oe(), p = b?.filteredEvents, S = b?.currentDate ?? /* @__PURE__ */ new Date(), W = t ?? p ?? [], L = B(() => {
-    const T = pe(S), w = new Date(T);
-    return w.setDate(w.getDate() + r), W.filter((I) => I.endDate >= T && I.startDate < w);
-  }, [W, r, S]), D = B(
-    () => Ar(L, o),
-    [L, o]
-  ), z = L.length;
-  return D.length === 0 ? /* @__PURE__ */ n("div", { className: h("rounded-lg border bg-card", l), children: [
-    c && /* @__PURE__ */ e(
+  const y = Ue(), p = y?.filteredEvents, L = y?.currentDate ?? /* @__PURE__ */ new Date(), A = t ?? p ?? [], z = U(() => {
+    const C = ye(L), T = new Date(C);
+    return T.setDate(T.getDate() + r), A.filter((_) => _.endDate >= C && _.startDate < T);
+  }, [A, r, L]), j = U(
+    () => Or(z, o),
+    [z, o]
+  ), I = z.length;
+  return j.length === 0 ? /* @__PURE__ */ n("div", { className: u("rounded-lg border bg-card", i), children: [
+    l && /* @__PURE__ */ e(
       "div",
       {
-        className: h(
+        className: u(
           "border-b px-4 flex items-center justify-between",
           x ? "py-2" : "py-3"
         ),
-        children: /* @__PURE__ */ e("h2", { className: h("font-semibold", x ? "text-sm" : "text-base"), children: f })
+        children: /* @__PURE__ */ e("h2", { className: u("font-semibold", x ? "text-sm" : "text-base"), children: f })
       }
     ),
     /* @__PURE__ */ e(
       "div",
       {
-        className: h(
+        className: u(
           "flex flex-col items-center justify-center text-center",
           x ? "py-6 px-4" : "py-10 px-6"
         ),
-        children: g ?? /* @__PURE__ */ n(re, { children: [
+        children: g ?? /* @__PURE__ */ n(ce, { children: [
           /* @__PURE__ */ e(
-            Lr,
+            Wr,
             {
-              className: h("text-muted-foreground/50 mb-2", x ? "size-8" : "size-10")
+              className: u("text-muted-foreground/50 mb-2", x ? "size-8" : "size-10")
             }
           ),
-          /* @__PURE__ */ e("p", { className: h("text-muted-foreground", x ? "text-xs" : "text-sm"), children: "No upcoming events" })
+          /* @__PURE__ */ e("p", { className: u("text-muted-foreground", x ? "text-xs" : "text-sm"), children: "No upcoming events" })
         ] })
       }
     )
-  ] }) : /* @__PURE__ */ n("div", { className: h("rounded-lg border bg-card overflow-hidden", l), children: [
-    c && /* @__PURE__ */ n(
+  ] }) : /* @__PURE__ */ n("div", { className: u("rounded-lg border bg-card overflow-hidden", i), children: [
+    l && /* @__PURE__ */ n(
       "div",
       {
-        className: h(
+        className: u(
           "border-b px-4 flex items-center justify-between",
           x ? "py-2" : "py-3"
         ),
         children: [
           /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ e("h2", { className: h("font-semibold", x ? "text-sm" : "text-base"), children: f }),
+            /* @__PURE__ */ e("h2", { className: u("font-semibold", x ? "text-sm" : "text-base"), children: f }),
             /* @__PURE__ */ e(
               "span",
               {
-                className: h(
+                className: u(
                   "text-muted-foreground bg-muted rounded-full px-2",
                   x ? "text-[10px] py-0" : "text-xs py-0.5"
                 ),
-                children: z
+                children: I
               }
             )
           ] }),
-          i && /* @__PURE__ */ n(
+          a && /* @__PURE__ */ n(
             "button",
             {
               type: "button",
-              onClick: () => i(),
-              className: h(
+              onClick: () => a(),
+              className: u(
                 "text-primary hover:underline flex items-center gap-0.5",
                 x ? "text-xs" : "text-sm"
               ),
               children: [
                 "View all",
-                /* @__PURE__ */ e(Ge, { className: "size-3" })
+                /* @__PURE__ */ e(Qe, { className: "size-3" })
               ]
             }
           )
@@ -3516,39 +3579,39 @@ function on({
     /* @__PURE__ */ e(
       "div",
       {
-        className: h(
+        className: u(
           "divide-y overflow-auto",
           x ? "p-2 max-h-[280px]" : "p-3 max-h-[400px]"
         ),
-        children: D.map((T) => /* @__PURE__ */ e(
-          $r,
+        children: j.map((C) => /* @__PURE__ */ e(
+          Pr,
           {
-            group: T,
+            group: C,
             onEventClick: s,
-            onViewMore: i ? (w) => i(w) : void 0,
+            onViewMore: a ? (T) => a(T) : void 0,
             compact: x
           },
-          T.dateKey
+          C.dateKey
         ))
       }
     )
   ] });
 }
 export {
-  nn as A,
-  Jr as B,
-  Yr as C,
-  Zr as D,
-  Gr as E,
-  Kr as I,
-  tn as S,
-  ue as T,
-  rn as U,
-  Xr as V,
-  Qr as W,
-  Kt as Y,
-  on as a,
-  en as b,
-  qr as c
+  ln as A,
+  en as B,
+  Jr as C,
+  nn as D,
+  Xr as E,
+  Qr as I,
+  sn as S,
+  fe as T,
+  an as U,
+  tn as V,
+  rn as W,
+  Qt as Y,
+  cn as a,
+  on as b,
+  Zr as c
 };
-//# sourceMappingURL=agenda-widget-DhCPt2vI.js.map
+//# sourceMappingURL=agenda-widget-ssrwyMvF.js.map