@innosolutions/inno-calendar 1.0.48 → 1.0.49

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

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