@innosolutions/inno-calendar 1.0.60 → 1.0.62

package/dist/{agenda-widget-COpTIR70.js → agenda-widget-Couk7jMB.js}

@@ -1,9 +1,9 @@
-import { jsx as e, jsxs as r, Fragment as we } from "react/jsx-runtime";
+import { jsx as e, jsxs as r, Fragment as be } from "react/jsx-runtime";
 import { g as it, u as pt, C as xt } from "./use-calendar-D8XaVe44.js";
-import { useCallback as F, useState as ie, useEffect as de, forwardRef as Ae, useRef as ae, useMemo as Q, useLayoutEffect as vt, useImperativeHandle as wt } from "react";
-import { c as g } from "./index-DtaLkIY8.js";
-import { P as lt, p as ct, o as dt, z as me, I as bt, J as yt, B as Ce, K as kt, L as Ue, x as fe, F as ge, y as pe, k as Nt, C as Ct, M as Ve, A as Dt, W as Mt, c as St, N as Et } from "./week-view-CNbtlkE_.js";
-import { j as Lt, D as Tt, I as Ht, e as zt, S as It } from "./slot-selection-context-CKGT_45R.js";
+import { useCallback as O, useState as ie, useEffect as de, forwardRef as Ae, useRef as ae, useMemo as te, useLayoutEffect as vt, useImperativeHandle as wt } from "react";
+import { c as p } from "./index-DtaLkIY8.js";
+import { P as lt, p as ct, o as dt, z as fe, I as bt, J as yt, B as Ce, K as kt, L as Ue, x as ge, F as pe, y as xe, k as Nt, C as Ct, M as Ve, A as Dt, W as Mt, c as St, N as Et } from "./week-view-DY167Wok.js";
+import { j as Lt, D as Tt, I as Ht, e as zt, S as It } from "./slot-selection-context-CRstOosL.js";
 import { az as ce, aQ as Pe, I as ut, an as jt, Z as At, a8 as Pt, n as ht, T as Wt } from "./position-utils-DMVQFywD.js";
 function Ft({ view: t, className: n = "" }) {
   return /* @__PURE__ */ e(
@@ -35,41 +35,41 @@ function Ye({ view: t, className: n }) {
 function kr(t) {
   const {
     events: n,
-    resources: o,
-    scheduleTypes: a,
+    resources: s,
+    scheduleTypes: o,
     initialView: i = "week",
-    initialDate: l,
-    initialFilters: p,
-    preferences: h,
-    locale: d,
+    initialDate: a,
+    initialFilters: f,
+    preferences: m,
+    locale: c,
     slots: v,
-    renderEvent: b,
-    onViewChange: w,
+    renderEvent: y,
+    onViewChange: b,
     onDateChange: A,
     onEventClick: $,
     onSlotSelect: P,
-    onFiltersChange: W,
+    onFiltersChange: F,
     className: T,
-    children: y
-  } = t, z = it();
-  if (z)
-    return /* @__PURE__ */ e("div", { className: T, style: { position: "relative" }, children: y ?? /* @__PURE__ */ e(Ye, { view: z.view, className: T }) });
-  const O = pt({
+    children: C
+  } = t, j = it();
+  if (j)
+    return /* @__PURE__ */ e("div", { className: T, style: { position: "relative" }, children: C ?? /* @__PURE__ */ e(Ye, { view: j.view, className: T }) });
+  const W = pt({
     events: n,
-    resources: o,
-    scheduleTypes: a,
+    resources: s,
+    scheduleTypes: o,
     initialView: i,
-    initialDate: l,
-    initialFilters: p,
-    preferences: h,
-    locale: d,
-    onViewChange: w,
+    initialDate: a,
+    initialFilters: f,
+    preferences: m,
+    locale: c,
+    onViewChange: b,
     onDateChange: A,
     onEventClick: $,
     onSlotSelect: P,
-    onFiltersChange: W
+    onFiltersChange: F
   });
-  return /* @__PURE__ */ e(xt, { value: O, children: /* @__PURE__ */ e("div", { className: T, style: { position: "relative" }, children: y ?? /* @__PURE__ */ e(Ye, { view: O.view, className: T }) }) });
+  return /* @__PURE__ */ e(xt, { value: W, children: /* @__PURE__ */ e("div", { className: T, style: { position: "relative" }, children: C ?? /* @__PURE__ */ e(Ye, { view: W.view, className: T }) }) });
 }
 function $t({ className: t }) {
   return /* @__PURE__ */ r(
@@ -295,7 +295,7 @@ function Me({ className: t }) {
       strokeWidth: "2",
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      className: g("animate-spin", t),
+      className: p("animate-spin", t),
       children: /* @__PURE__ */ e("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" })
     }
   );
@@ -326,53 +326,53 @@ const Kt = {
   deleteConfirmTitle: "Delete Event",
   deleteConfirmDescription: "Are you sure you want to delete this event? This action cannot be undone."
 }, He = Ae(
-  ({ onClick: t, label: n, children: o, className: a, variant: i = "ghost", ...l }, p) => /* @__PURE__ */ r(fe, { children: [
-    /* @__PURE__ */ e(ge, { asChild: !0, children: /* @__PURE__ */ e(
+  ({ onClick: t, label: n, children: s, className: o, variant: i = "ghost", ...a }, f) => /* @__PURE__ */ r(ge, { children: [
+    /* @__PURE__ */ e(pe, { asChild: !0, children: /* @__PURE__ */ e(
       "button",
       {
         type: "button",
-        ref: p,
+        ref: f,
         onClick: t,
-        className: g(
+        className: p(
           "h-8 w-8 rounded-full flex items-center justify-center transition-colors",
           i === "ghost" && "hover:bg-zinc-100 dark:hover:bg-zinc-800 text-zinc-600 dark:text-zinc-400",
           i === "destructive" && "hover:bg-red-50 dark:hover:bg-red-950/30 text-zinc-600 dark:text-zinc-400 hover:text-red-600",
-          a
+          o
         ),
         "aria-label": n,
-        ...l,
-        children: o
+        ...a,
+        children: s
       }
     ) }),
-    /* @__PURE__ */ e(pe, { side: "bottom", className: "text-xs", children: n })
+    /* @__PURE__ */ e(xe, { side: "bottom", className: "text-xs", children: n })
   ] })
 );
 He.displayName = "IconButton";
-function Gt({ src: t, alt: n, initials: o, className: a, isClient: i }) {
-  const [l, p] = ie(!1);
+function Gt({ src: t, alt: n, initials: s, className: o, isClient: i }) {
+  const [a, f] = ie(!1);
   return /* @__PURE__ */ e(
     "div",
     {
-      className: g(
+      className: p(
         "relative h-7 w-7 rounded-full overflow-hidden shrink-0",
-        a
+        o
       ),
-      children: t && !l ? /* @__PURE__ */ e(
+      children: t && !a ? /* @__PURE__ */ e(
         "img",
         {
           src: t,
           alt: n,
           className: "h-full w-full object-cover",
-          onError: () => p(!0)
+          onError: () => f(!0)
         }
       ) : /* @__PURE__ */ e(
         "div",
         {
-          className: g(
+          className: p(
             "h-full w-full flex items-center justify-center text-[10px] font-medium",
             i ? "bg-amber-100 dark:bg-amber-900/30 text-amber-700 dark:text-amber-300" : "bg-zinc-200 dark:bg-zinc-700 text-zinc-700 dark:text-zinc-300"
           ),
-          children: o
+          children: s
         }
       )
     }
@@ -381,43 +381,43 @@ function Gt({ src: t, alt: n, initials: o, className: a, isClient: i }) {
 function Ke({
   participant: t,
   isEventCanceled: n = !1,
-  labels: o
+  labels: s
 }) {
-  const a = t.name || "Unknown", i = a.split(" ").map((A) => A[0]).join("").toUpperCase().slice(0, 2), l = t.isOrganizer ?? !1, p = t.isConfirmed, h = p === !0, d = p === !1, v = t.isClient ?? !1, b = t.profilePicture || t.avatar, w = n;
+  const o = t.name || "Unknown", i = o.split(" ").map((A) => A[0]).join("").toUpperCase().slice(0, 2), a = t.isOrganizer ?? !1, f = t.isConfirmed, m = f === !0, c = f === !1, v = t.isClient ?? !1, y = t.profilePicture || t.avatar, b = n;
   return /* @__PURE__ */ r(
     "div",
     {
-      className: g(
+      className: p(
         "flex items-center gap-3 py-0",
-        w && "opacity-60"
+        b && "opacity-60"
       ),
       children: [
         /* @__PURE__ */ r("div", { className: "relative", children: [
           /* @__PURE__ */ e(
             Gt,
             {
-              src: b,
-              alt: a,
+              src: y,
+              alt: o,
               initials: i,
               isClient: v,
-              className: g(w && "grayscale")
+              className: p(b && "grayscale")
             }
           ),
-          w || d ? /* @__PURE__ */ e("div", { className: "absolute -bottom-0.5 -right-0.5 h-3.5 w-3.5 rounded-full bg-white dark:bg-zinc-900 flex items-center justify-center", children: /* @__PURE__ */ e("div", { className: "h-3 w-3 rounded-full bg-red-100 dark:bg-red-900/50 flex items-center justify-center", children: /* @__PURE__ */ e(je, { className: "h-2 w-2 text-red-600 dark:text-red-400 stroke-[3]" }) }) }) : h ? /* @__PURE__ */ e("div", { className: "absolute -bottom-0.5 -right-0.5 h-3.5 w-3.5 rounded-full bg-white dark:bg-zinc-900 flex items-center justify-center", children: /* @__PURE__ */ e("div", { className: "h-3 w-3 rounded-full bg-green-100 dark:bg-green-900/50 flex items-center justify-center", children: /* @__PURE__ */ e(Te, { className: "h-2 w-2 text-green-600 dark:text-green-400 stroke-[3]" }) }) }) : null
+          b || c ? /* @__PURE__ */ e("div", { className: "absolute -bottom-0.5 -right-0.5 h-3.5 w-3.5 rounded-full bg-white dark:bg-zinc-900 flex items-center justify-center", children: /* @__PURE__ */ e("div", { className: "h-3 w-3 rounded-full bg-red-100 dark:bg-red-900/50 flex items-center justify-center", children: /* @__PURE__ */ e(je, { className: "h-2 w-2 text-red-600 dark:text-red-400 stroke-[3]" }) }) }) : m ? /* @__PURE__ */ e("div", { className: "absolute -bottom-0.5 -right-0.5 h-3.5 w-3.5 rounded-full bg-white dark:bg-zinc-900 flex items-center justify-center", children: /* @__PURE__ */ e("div", { className: "h-3 w-3 rounded-full bg-green-100 dark:bg-green-900/50 flex items-center justify-center", children: /* @__PURE__ */ e(Te, { className: "h-2 w-2 text-green-600 dark:text-green-400 stroke-[3]" }) }) }) : null
         ] }),
         /* @__PURE__ */ r("div", { className: "!h-fit min-w-0 gap-0", children: [
           /* @__PURE__ */ e("div", { className: "gap-0", children: /* @__PURE__ */ e(
             "span",
             {
-              className: g(
+              className: p(
                 "text-sm text-zinc-900 dark:text-zinc-100 truncate",
-                w && "line-through text-zinc-500 dark:text-zinc-500"
+                b && "line-through text-zinc-500 dark:text-zinc-500"
               ),
-              children: a
+              children: o
             }
           ) }),
-          v && /* @__PURE__ */ e("div", { className: "text-[10px] px-1.5 w-fit py-0.5 rounded bg-amber-100 dark:bg-amber-900/30 text-amber-700 dark:text-amber-300 font-medium", children: o.client }),
-          l && !w && /* @__PURE__ */ e("div", { className: "text-xs text-zinc-500", children: o.organizer })
+          v && /* @__PURE__ */ e("div", { className: "text-[10px] px-1.5 w-fit py-0.5 rounded bg-amber-100 dark:bg-amber-900/30 text-amber-700 dark:text-amber-300 font-medium", children: s.client }),
+          a && !b && /* @__PURE__ */ e("div", { className: "text-xs text-zinc-500", children: s.organizer })
         ] })
       ]
     }
@@ -426,13 +426,13 @@ function Ke({
 function Jt({
   open: t,
   onOpenChange: n,
-  title: o,
-  children: a
+  title: s,
+  children: o
 }) {
   return de(() => {
     if (!t) return;
-    const i = (l) => {
-      l.key === "Escape" && n(!1);
+    const i = (a) => {
+      a.key === "Escape" && n(!1);
     };
     return document.addEventListener("keydown", i), () => document.removeEventListener("keydown", i);
   }, [t, n]), de(() => (t ? document.body.style.overflow = "hidden" : document.body.style.overflow = "", () => {
@@ -449,20 +449,20 @@ function Jt({
       }
     ),
     /* @__PURE__ */ e("div", { className: "fixed inset-x-4 top-[50%] translate-y-[-50%] max-w-md mx-auto", children: /* @__PURE__ */ r("div", { className: "bg-white dark:bg-zinc-900 rounded-2xl shadow-xl overflow-hidden", children: [
-      o && /* @__PURE__ */ e("div", { className: "sr-only", children: o }),
-      a
+      s && /* @__PURE__ */ e("div", { className: "sr-only", children: s }),
+      o
     ] }) })
   ] }) : null;
 }
 function qt({
   open: t,
   onOpenChange: n,
-  title: o,
-  description: a,
+  title: s,
+  description: o,
   cancelLabel: i,
-  confirmLabel: l,
-  onConfirm: p,
-  isLoading: h
+  confirmLabel: a,
+  onConfirm: f,
+  isLoading: m
 }) {
   return t ? /* @__PURE__ */ r("div", { className: "fixed inset-0 z-[60]", children: [
     /* @__PURE__ */ e(
@@ -470,14 +470,14 @@ function qt({
       {
         className: "fixed inset-0 bg-black/50 backdrop-blur-sm",
         onClick: () => n(!1),
-        onKeyDown: (d) => {
-          (d.key === "Enter" || d.key === " ") && n(!1);
+        onKeyDown: (c) => {
+          (c.key === "Enter" || c.key === " ") && n(!1);
         }
       }
     ),
     /* @__PURE__ */ e("div", { className: "fixed inset-x-4 top-[50%] translate-y-[-50%] max-w-md mx-auto", children: /* @__PURE__ */ r("div", { className: "bg-white dark:bg-zinc-900 rounded-lg shadow-xl p-6", children: [
-      /* @__PURE__ */ e("h2", { className: "text-lg font-semibold text-zinc-900 dark:text-zinc-100", children: o }),
-      /* @__PURE__ */ e("p", { className: "mt-2 text-sm text-zinc-600 dark:text-zinc-400", children: a }),
+      /* @__PURE__ */ e("h2", { className: "text-lg font-semibold text-zinc-900 dark:text-zinc-100", children: s }),
+      /* @__PURE__ */ e("p", { className: "mt-2 text-sm text-zinc-600 dark:text-zinc-400", children: o }),
       /* @__PURE__ */ r("div", { className: "mt-4 flex justify-end gap-3", children: [
         /* @__PURE__ */ e(
           Ce,
@@ -493,12 +493,12 @@ function qt({
           {
             variant: "destructive",
             size: "sm",
-            onClick: p,
-            disabled: h,
+            onClick: f,
+            disabled: m,
             children: [
-              h && /* @__PURE__ */ e(Me, { className: "h-4 w-4 mr-2" }),
+              m && /* @__PURE__ */ e(Me, { className: "h-4 w-4 mr-2" }),
               /* @__PURE__ */ e(mt, { className: "h-4 w-4 mr-2" }),
-              l
+              a
             ]
           }
         )
@@ -514,12 +514,12 @@ function Xt(t, n) {
   });
 }
 function Qt(t, n) {
-  const o = {
+  const s = {
     hour: "2-digit",
     minute: "2-digit",
     hour12: !1
   };
-  return `${t.toLocaleTimeString(void 0, o)} – ${n.toLocaleTimeString(void 0, o)}`;
+  return `${t.toLocaleTimeString(void 0, s)} – ${n.toLocaleTimeString(void 0, s)}`;
 }
 function Zt(t) {
   return t.toLocaleDateString(void 0, {
@@ -531,72 +531,72 @@ function Zt(t) {
   });
 }
 function en(t) {
-  const [n, o] = ie(() => typeof window < "u" ? window.matchMedia(t).matches : !1);
+  const [n, s] = ie(() => typeof window < "u" ? window.matchMedia(t).matches : !1);
   return de(() => {
     if (typeof window > "u") return;
-    const a = window.matchMedia(t), i = (l) => o(l.matches);
-    return a.addEventListener("change", i), () => a.removeEventListener("change", i);
+    const o = window.matchMedia(t), i = (a) => s(a.matches);
+    return o.addEventListener("change", i), () => o.removeEventListener("change", i);
   }, [t]), n;
 }
 function Ge({
   event: t,
   labels: n,
-  isLoading: o,
-  onClose: a,
+  isLoading: s,
+  onClose: o,
   onEdit: i,
-  onDelete: l,
-  onCancel: p,
-  onAccept: h,
-  onDecline: d,
+  onDelete: a,
+  onCancel: f,
+  onAccept: m,
+  onDecline: c,
   onConfirmMeeting: v,
-  canEdit: b = !0,
-  canDelete: w = !1,
+  canEdit: y = !0,
+  canDelete: b = !1,
   canCancel: A = !0,
   isCurrentUserParticipant: $ = !1,
   isCurrentUserClient: P = !1,
-  currentUserAcceptStatus: W,
+  currentUserAcceptStatus: F,
   isAcceptLoading: T = !1,
-  isDeclineLoading: y = !1,
-  isConfirmLoading: z = !1,
-  isDeleteLoading: O = !1,
+  isDeclineLoading: C = !1,
+  isConfirmLoading: j = !1,
+  isDeleteLoading: W = !1,
   renderParticipant: _,
-  renderHeaderActions: D,
-  renderCancelReason: K,
-  renderDeleteConfirmation: E,
-  formatDate: H = Xt,
+  renderHeaderActions: M,
+  renderCancelReason: G,
+  renderDeleteConfirmation: H,
+  formatDate: L = Xt,
   formatTimeRange: V = Qt
 }) {
-  const [J, G] = ie(!1), B = !(t.isCanceled || t.meetingTookPlace), s = t.isRecurring ?? !1, m = t.participantDetails, N = t.participantsNames || [], L = m && m.length > 0, S = W === !0, Y = W === !1, R = $ && !P && B, se = L ? m.filter((M) => M.isConfirmed).length : t.isAccepted ? N.length : 0, ee = L ? m.length : N.length, Z = t.scheduleTypeColor || t.hexColor || "#039BE5", ve = F(() => t.startDate ? H(t.startDate) : n.noDateProvided, [t.startDate, H, n.noDateProvided]), ne = F(() => t.startDate && t.endDate ? V(t.startDate, t.endDate) : null, [t.startDate, t.endDate, V]), le = () => {
-    a(), i?.(t);
-  }, be = () => {
-    a(), p?.(t);
-  }, ue = () => {
-    G(!0);
-  }, f = () => {
-    l?.(t), G(!1);
+  const [X, Q] = ie(!1), B = !(t.isCanceled || t.meetingTookPlace), d = t.isRecurring ?? !1, N = t.participantDetails, h = t.participantsNames || [], D = N && N.length > 0, w = F === !0, R = F === !1, K = $ && !P && B, Z = D ? N.filter((E) => E.isConfirmed).length : t.isAccepted ? h.length : 0, Y = D ? N.length : h.length, J = t.scheduleTypeColor || t.hexColor || "#039BE5", ue = O(() => t.startDate ? L(t.startDate) : n.noDateProvided, [t.startDate, L, n.noDateProvided]), se = O(() => t.startDate && t.endDate ? V(t.startDate, t.endDate) : null, [t.startDate, t.endDate, V]), le = () => {
+    o(), i?.(t);
+  }, we = () => {
+    o(), f?.(t);
+  }, he = () => {
+    Q(!0);
+  }, g = () => {
+    a?.(t), Q(!1);
   };
-  return o ? /* @__PURE__ */ e("div", { className: "flex h-48 items-center justify-center", children: /* @__PURE__ */ e(Me, { className: "h-6 w-6 text-zinc-400" }) }) : /* @__PURE__ */ r(me, { delayDuration: 300, children: [
+  return s ? /* @__PURE__ */ e("div", { className: "flex h-48 items-center justify-center", children: /* @__PURE__ */ e(Me, { className: "h-6 w-6 text-zinc-400" }) }) : /* @__PURE__ */ r(fe, { delayDuration: 300, children: [
     /* @__PURE__ */ r("div", { className: "flex flex-col gap-0.5 p-3", children: [
-      /* @__PURE__ */ e("div", { className: "flex items-start justify-end gap-0.5", children: D ? D({ onClose: a }) : /* @__PURE__ */ r(we, { children: [
-        B && b && i && /* @__PURE__ */ e(He, { onClick: le, label: n.edit, children: /* @__PURE__ */ e($t, { className: "h-[18px] w-[18px]" }) }),
-        B && A && p && /* @__PURE__ */ e(He, { onClick: be, label: n.cancel, children: /* @__PURE__ */ e(Ot, { className: "h-[18px] w-[18px]" }) }),
-        w && l && /* @__PURE__ */ e(
+      /* @__PURE__ */ e("div", { className: "flex items-start justify-end gap-0.5", children: M ? M({ onClose: o }) : /* @__PURE__ */ r(be, { children: [
+        B && y && i && /* @__PURE__ */ e(He, { onClick: le, label: n.edit, children: /* @__PURE__ */ e($t, { className: "h-[18px] w-[18px]" }) }),
+        B && A && f && /* @__PURE__ */ e(He, { onClick: we, label: n.cancel, children: /* @__PURE__ */ e(Ot, { className: "h-[18px] w-[18px]" }) }),
+        b && a && /* @__PURE__ */ e(
           He,
           {
-            onClick: ue,
+            onClick: he,
             label: n.delete,
             variant: "destructive",
             children: /* @__PURE__ */ e(mt, { className: "h-[18px] w-[18px]" })
           }
         ),
-        /* @__PURE__ */ e(He, { onClick: a, label: n.close, children: /* @__PURE__ */ e(je, { className: "h-[18px] w-[18px]" }) })
+        /* @__PURE__ */ e(He, { onClick: o, label: n.close, children: /* @__PURE__ */ e(je, { className: "h-[18px] w-[18px]" }) })
       ] }) }),
       /* @__PURE__ */ e("div", { children: /* @__PURE__ */ r("div", { className: "flex items-start gap-2", children: [
         /* @__PURE__ */ e(
           "div",
           {
             className: "w-4 h-4 rounded mt-1 shrink-0",
-            style: { backgroundColor: Z }
+            style: { backgroundColor: J }
           }
         ),
         /* @__PURE__ */ r("div", { className: "flex-1 min-w-0", children: [
@@ -604,7 +604,7 @@ function Ge({
             /* @__PURE__ */ e(
               "h2",
               {
-                className: g(
+                className: p(
                   "text-[22px] font-normal text-zinc-900 dark:text-zinc-100 leading-tight",
                   t.isCanceled && "line-through opacity-60"
                 ),
@@ -621,16 +621,16 @@ function Ge({
             ] })
           ] }),
           /* @__PURE__ */ r("div", { className: "mt-1 text-sm text-zinc-600 dark:text-zinc-400", children: [
-            /* @__PURE__ */ e("span", { children: ve() }),
-            ne() && /* @__PURE__ */ r(we, { children: [
+            /* @__PURE__ */ e("span", { children: ue() }),
+            se() && /* @__PURE__ */ r(be, { children: [
               /* @__PURE__ */ e("span", { className: "mx-1.5", children: "·" }),
-              /* @__PURE__ */ e("span", { children: ne() })
+              /* @__PURE__ */ e("span", { children: se() })
             ] })
           ] }),
-          s && t.recurrenceSummary && /* @__PURE__ */ e("div", { className: "text-sm text-zinc-500 dark:text-zinc-500", children: t.recurrenceSummary })
+          d && t.recurrenceSummary && /* @__PURE__ */ e("div", { className: "text-sm text-zinc-500 dark:text-zinc-500", children: t.recurrenceSummary })
         ] })
       ] }) }),
-      t.isCanceled && /* @__PURE__ */ e("div", { className: "mx-4 p-3 rounded-lg bg-red-50 dark:bg-red-950/30", children: K ? K(t) : /* @__PURE__ */ e("div", { className: "flex items-start gap-0", children: /* @__PURE__ */ r("div", { className: "flex-1 min-w-0", children: [
+      t.isCanceled && /* @__PURE__ */ e("div", { className: "mx-4 p-3 rounded-lg bg-red-50 dark:bg-red-950/30", children: G ? G(t) : /* @__PURE__ */ e("div", { className: "flex items-start gap-0", children: /* @__PURE__ */ r("div", { className: "flex-1 min-w-0", children: [
         /* @__PURE__ */ e("div", { className: "text-sm font-medium text-red-700 dark:text-red-400", children: n.cancellationNote }),
         t.cancelReason && /* @__PURE__ */ r("div", { className: "mt-1 text-sm text-red-600/80 dark:text-red-400/80 italic", children: [
           '"',
@@ -648,38 +648,38 @@ function Ge({
           /* @__PURE__ */ e(Ut, { 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 })
         ] }),
-        (L || N.length > 0) && /* @__PURE__ */ r("div", { className: "flex items-start gap-2 py-0", children: [
+        (D || h.length > 0) && /* @__PURE__ */ r("div", { className: "flex items-start gap-2 py-0", children: [
           /* @__PURE__ */ e(Rt, { className: "h-5 w-5 text-zinc-400 mt-0.5 shrink-0" }),
           /* @__PURE__ */ r("div", { className: "flex-1", children: [
             /* @__PURE__ */ r("div", { className: "flex items-center gap-0", children: [
               /* @__PURE__ */ r("span", { className: "text-sm text-zinc-900 dark:text-zinc-100 font-medium", children: [
-                ee,
+                Y,
                 " ",
-                ee !== 1 ? n.guests : n.guest
+                Y !== 1 ? n.guests : n.guest
               ] }),
-              ee > 0 && /* @__PURE__ */ r("span", { className: "text-xs text-zinc-500", children: [
+              Y > 0 && /* @__PURE__ */ r("span", { className: "text-xs text-zinc-500", children: [
                 "(",
-                se,
+                Z,
                 " ",
                 n.confirmed,
                 ")"
               ] })
             ] }),
             /* @__PURE__ */ r("div", { className: "mt-2 space-y-2", children: [
-              L ? m.slice(0, 6).map(
-                (M, U) => _ ? _(M, U) : /* @__PURE__ */ e(
+              D ? N.slice(0, 6).map(
+                (E, U) => _ ? _(E, U) : /* @__PURE__ */ e(
                   Ke,
                   {
-                    participant: M,
+                    participant: E,
                     isEventCanceled: t.isCanceled,
                     labels: n
                   },
-                  M.id
+                  E.id
                 )
-              ) : N.slice(0, 6).map((M, U) => {
+              ) : h.slice(0, 6).map((E, U) => {
                 const re = {
                   id: String(U),
-                  name: M,
+                  name: E,
                   email: "",
                   isConfirmed: t.isAccepted,
                   isOrganizer: U === 0,
@@ -692,12 +692,12 @@ function Ge({
                     isEventCanceled: t.isCanceled,
                     labels: n
                   },
-                  M
+                  E
                 );
               }),
-              ee > 6 && /* @__PURE__ */ r("div", { className: "text-xs text-zinc-500 py-1.5 pl-10", children: [
+              Y > 6 && /* @__PURE__ */ r("div", { className: "text-xs text-zinc-500 py-1.5 pl-10", children: [
                 "+",
-                ee - 6,
+                Y - 6,
                 " ",
                 n.more
               ] })
@@ -710,27 +710,27 @@ function Ge({
         ] }),
         /* @__PURE__ */ r("div", { className: "flex items-start gap-2", children: [
           /* @__PURE__ */ e(Vt, { className: "h-5 w-5 text-zinc-400 mt-0.5 shrink-0" }),
-          /* @__PURE__ */ e("div", { className: "text-sm text-zinc-700 dark:text-zinc-300", children: L && m.find((M) => M.isOrganizer)?.name || N[0] || "Calendar" })
+          /* @__PURE__ */ e("div", { className: "text-sm text-zinc-700 dark:text-zinc-300", children: D && N.find((E) => E.isOrganizer)?.name || h[0] || "Calendar" })
         ] })
       ] }),
-      R && h && d && /* @__PURE__ */ e("div", { className: "border-t border-zinc-100 dark:border-zinc-800 mt-3 py-3", children: /* @__PURE__ */ r("div", { className: "flex items-center gap-2", children: [
-        s ? /* @__PURE__ */ r(bt, { children: [
+      K && m && c && /* @__PURE__ */ e("div", { className: "border-t border-zinc-100 dark:border-zinc-800 mt-3 py-3", children: /* @__PURE__ */ r("div", { className: "flex items-center gap-2", children: [
+        d ? /* @__PURE__ */ r(bt, { children: [
           /* @__PURE__ */ e(yt, { asChild: !0, children: /* @__PURE__ */ r("div", { className: "flex", children: [
             /* @__PURE__ */ e(
               Ce,
               {
                 size: "sm",
                 variant: "outline",
-                className: g(
+                className: p(
                   "rounded-r-none gap-1.5 h-8 !border-none !bg-green-100 text-green-800 hover:!bg-green-200",
-                  S && "!bg-green-700 !text-white hover:!bg-green-700"
+                  w && "!bg-green-700 !text-white hover:!bg-green-700"
                 ),
-                onClick: (M) => {
-                  M.stopPropagation(), S || h(t);
+                onClick: (E) => {
+                  E.stopPropagation(), w || m(t);
                 },
                 disabled: T,
-                children: T ? /* @__PURE__ */ e(Me, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ r(we, { children: [
-                  S && /* @__PURE__ */ e(Te, { className: "h-3.5 w-3.5" }),
+                children: T ? /* @__PURE__ */ e(Me, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ r(be, { children: [
+                  w && /* @__PURE__ */ e(Te, { className: "h-3.5 w-3.5" }),
                   n.going
                 ] })
               }
@@ -740,9 +740,9 @@ function Ge({
               {
                 size: "sm",
                 variant: "outline",
-                className: g(
+                className: p(
                   "rounded-l-none px-1.5 h-8 !border-none !bg-green-100 text-green-800 hover:!bg-green-200",
-                  S && "!bg-green-700 !text-white hover:!bg-green-700"
+                  w && "!bg-green-700 !text-white hover:!bg-green-700"
                 ),
                 children: /* @__PURE__ */ e(Bt, { className: "h-3.5 w-3.5" })
               }
@@ -752,18 +752,18 @@ function Ge({
             /* @__PURE__ */ r(
               Ue,
               {
-                className: g(
+                className: p(
                   "gap-1.5 h-8 !border-none !bg-green-50 text-green-800 hover:!bg-green-100",
-                  S && "!bg-green-700 !text-white hover:!bg-green-700"
+                  w && "!bg-green-700 !text-white hover:!bg-green-700"
                 ),
-                onClick: () => h(t),
+                onClick: () => m(t),
                 children: [
                   /* @__PURE__ */ e(Te, { className: "h-3.5 w-3.5 mr-2 text-green-600" }),
                   n.acceptThisEvent
                 ]
               }
             ),
-            /* @__PURE__ */ r(Ue, { onClick: () => h(t), children: [
+            /* @__PURE__ */ r(Ue, { onClick: () => m(t), children: [
               /* @__PURE__ */ e(Te, { className: "h-3.5 w-3.5 mr-2 text-green-600" }),
               n.acceptAllEvents
             ] })
@@ -773,16 +773,16 @@ function Ge({
           {
             size: "sm",
             variant: "outline",
-            className: g(
+            className: p(
               "gap-1.5 h-8 !border-none !bg-green-100 text-green-800 hover:!bg-green-200",
-              S && "!bg-green-700 !text-white hover:!bg-green-700"
+              w && "!bg-green-700 !text-white hover:!bg-green-700"
             ),
             onClick: () => {
-              S || h(t);
+              w || m(t);
             },
             disabled: T,
-            children: T ? /* @__PURE__ */ e(Me, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ r(we, { children: [
-              S && /* @__PURE__ */ e(Te, { className: "h-3.5 w-3.5" }),
+            children: T ? /* @__PURE__ */ e(Me, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ r(be, { children: [
+              w && /* @__PURE__ */ e(Te, { className: "h-3.5 w-3.5" }),
               n.going
             ] })
           }
@@ -792,51 +792,51 @@ function Ge({
           {
             size: "sm",
             variant: "outline",
-            className: g(
+            className: p(
               "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"
+              R && "!bg-rose-700 !text-white hover:!bg-rose-700"
             ),
             onClick: () => {
-              Y || d(t);
+              R || c(t);
             },
-            disabled: y,
-            children: y ? /* @__PURE__ */ e(Me, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ r(we, { children: [
-              Y && /* @__PURE__ */ e(je, { className: "h-3.5 w-3.5" }),
+            disabled: C,
+            children: C ? /* @__PURE__ */ e(Me, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ r(be, { children: [
+              R && /* @__PURE__ */ e(je, { className: "h-3.5 w-3.5" }),
               n.notGoing
             ] })
           }
         )
       ] }) }),
-      $ && S && !t.meetingTookPlace && !t.isCanceled && v && /* @__PURE__ */ e("div", { className: "border-t border-zinc-100 dark:border-zinc-800 py-3", children: /* @__PURE__ */ r(
+      $ && w && !t.meetingTookPlace && !t.isCanceled && v && /* @__PURE__ */ e("div", { className: "border-t border-zinc-100 dark:border-zinc-800 py-3", children: /* @__PURE__ */ r(
         Ce,
         {
           size: "sm",
           variant: "outline",
           className: "w-full h-9 hover:!bg-green-100 hover:text-green-700 text-green-700 !bg-green-100 !border-none dark:text-green-400 dark:hover:bg-green-950/30",
           onClick: () => v(t),
-          disabled: z,
+          disabled: j,
           children: [
-            z && /* @__PURE__ */ e(Me, { className: "h-4 w-4 mr-2" }),
+            j && /* @__PURE__ */ e(Me, { className: "h-4 w-4 mr-2" }),
             n.confirmMeeting
           ]
         }
       ) })
     ] }),
-    E ? J && E({
-      onConfirm: f,
-      onCancel: () => G(!1),
-      isLoading: O
+    H ? X && H({
+      onConfirm: g,
+      onCancel: () => Q(!1),
+      isLoading: W
     }) : /* @__PURE__ */ e(
       qt,
       {
-        open: J,
-        onOpenChange: G,
+        open: X,
+        onOpenChange: Q,
         title: n.deleteConfirmTitle,
         description: n.deleteConfirmDescription,
         cancelLabel: n.cancel,
         confirmLabel: n.delete,
-        onConfirm: f,
-        isLoading: O
+        onConfirm: g,
+        isLoading: W
       }
     )
   ] });
@@ -844,92 +844,92 @@ function Ge({
 function Nr({
   event: t,
   children: n,
-  open: o,
-  onOpenChange: a,
+  open: s,
+  onOpenChange: o,
   isLoading: i,
-  labels: l,
-  onEdit: p,
-  onDelete: h,
-  onCancel: d,
+  labels: a,
+  onEdit: f,
+  onDelete: m,
+  onCancel: c,
   onAccept: v,
-  onDecline: b,
-  onConfirmMeeting: w,
+  onDecline: y,
+  onConfirmMeeting: b,
   canEdit: A = !0,
   canDelete: $ = !1,
   canCancel: P = !0,
-  isCurrentUserParticipant: W,
+  isCurrentUserParticipant: F,
   isCurrentUserClient: T,
-  currentUserAcceptStatus: y,
-  isAcceptLoading: z,
-  isDeclineLoading: O,
+  currentUserAcceptStatus: C,
+  isAcceptLoading: j,
+  isDeclineLoading: W,
   isConfirmLoading: _,
-  isDeleteLoading: D,
-  renderParticipant: K,
-  renderHeaderActions: E,
-  renderCancelReason: H,
+  isDeleteLoading: M,
+  renderParticipant: G,
+  renderHeaderActions: H,
+  renderCancelReason: L,
   renderDeleteConfirmation: V,
-  formatDate: J,
-  formatTimeRange: G,
+  formatDate: X,
+  formatTimeRange: Q,
   className: B,
-  width: s = 360
+  width: d = 360
 }) {
-  const m = en("(min-width: 768px)"), N = { ...Kt, ...l }, L = F(() => {
-    a?.(!1);
-  }, [a]), S = {
+  const N = en("(min-width: 768px)"), h = { ...Kt, ...a }, D = O(() => {
+    o?.(!1);
+  }, [o]), w = {
     event: t,
-    labels: N,
+    labels: h,
     isLoading: i,
-    onClose: L,
-    onEdit: p,
-    onDelete: h,
-    onCancel: d,
+    onClose: D,
+    onEdit: f,
+    onDelete: m,
+    onCancel: c,
     onAccept: v,
-    onDecline: b,
-    onConfirmMeeting: w,
+    onDecline: y,
+    onConfirmMeeting: b,
     canEdit: A,
     canDelete: $,
     canCancel: P,
-    isCurrentUserParticipant: W,
+    isCurrentUserParticipant: F,
     isCurrentUserClient: T,
-    currentUserAcceptStatus: y,
-    isAcceptLoading: z,
-    isDeclineLoading: O,
+    currentUserAcceptStatus: C,
+    isAcceptLoading: j,
+    isDeclineLoading: W,
     isConfirmLoading: _,
-    isDeleteLoading: D,
-    renderParticipant: K,
-    renderHeaderActions: E,
-    renderCancelReason: H,
+    isDeleteLoading: M,
+    renderParticipant: G,
+    renderHeaderActions: H,
+    renderCancelReason: L,
     renderDeleteConfirmation: V,
-    formatDate: J,
-    formatTimeRange: G
+    formatDate: X,
+    formatTimeRange: Q
   };
-  return m ? /* @__PURE__ */ r(lt, { open: o ?? !1, onOpenChange: a ?? (() => {
+  return N ? /* @__PURE__ */ r(lt, { open: s ?? !1, onOpenChange: o ?? (() => {
   }), children: [
     /* @__PURE__ */ e(ct, { asChild: !0, children: n }),
     /* @__PURE__ */ e(
       dt,
       {
-        className: g(
+        className: p(
           "p-0 shadow-lg !rounded-2xl bg-white dark:bg-zinc-900 overflow-hidden border z-50",
           B
         ),
-        style: { width: s },
+        style: { width: d },
         align: "center",
         side: "bottom",
         sideOffset: 4,
-        children: /* @__PURE__ */ e(Ge, { ...S })
+        children: /* @__PURE__ */ e(Ge, { ...w })
       }
     )
-  ] }) : /* @__PURE__ */ r(we, { children: [
+  ] }) : /* @__PURE__ */ r(be, { children: [
     n,
     /* @__PURE__ */ e(
       Jt,
       {
-        open: o ?? !1,
-        onOpenChange: a ?? (() => {
+        open: s ?? !1,
+        onOpenChange: o ?? (() => {
         }),
         title: t.title,
-        children: /* @__PURE__ */ e(Ge, { ...S })
+        children: /* @__PURE__ */ e(Ge, { ...w })
       }
     )
   ] });
@@ -939,19 +939,19 @@ function on(t) {
   return t.split(" ").map((n) => n[0]).join("").toUpperCase().slice(0, 2);
 }
 function sn(t, n) {
-  const o = [];
-  for (let a = 0; a < n; a++) {
+  const s = [];
+  for (let o = 0; o < n; o++) {
     const i = new Date(t);
-    i.setDate(i.getDate() + a), o.push(i);
+    i.setDate(i.getDate() + o), s.push(i);
   }
-  return o;
+  return s;
 }
-function an(t, n, o) {
-  const a = [];
-  return t.forEach((i, l) => {
-    for (let p = n; p < o; p++)
-      a.push({ hour: p, dayIndex: l, date: i });
-  }), a;
+function an(t, n, s) {
+  const o = [];
+  return t.forEach((i, a) => {
+    for (let f = n; f < s; f++)
+      o.push({ hour: f, dayIndex: a, date: i });
+  }), o;
 }
 function Fe(t) {
   return `${t.toString().padStart(2, "0")}:00`;
@@ -964,25 +964,25 @@ function ln(t) {
   });
 }
 function Ze(t) {
-  const n = [...t].sort((i, l) => i.startCol !== l.startCol ? i.startCol - l.startCol : l.spanCols - i.spanCols), o = [], a = [];
+  const n = [...t].sort((i, a) => i.startCol !== a.startCol ? i.startCol - a.startCol : a.spanCols - i.spanCols), s = [], o = [];
   for (const i of n) {
-    let l = 0;
-    for (; a[l] !== void 0 && a[l] > i.startCol; )
-      l++;
-    a[l] = i.startCol + i.spanCols, o.push({
+    let a = 0;
+    for (; o[a] !== void 0 && o[a] > i.startCol; )
+      a++;
+    o[a] = i.startCol + i.spanCols, s.push({
       ...i,
-      stackIndex: l
+      stackIndex: a
     });
   }
-  return o;
+  return s;
 }
-function cn({ src: t, alt: n, fallback: o, className: a }) {
+function cn({ src: t, alt: n, fallback: s, className: o }) {
   return /* @__PURE__ */ e(
     "div",
     {
-      className: g(
+      className: p(
         "relative flex shrink-0 overflow-hidden rounded-sm border bg-muted",
-        a
+        o
       ),
       children: t ? /* @__PURE__ */ e(
         "img",
@@ -991,7 +991,7 @@ function cn({ src: t, alt: n, fallback: o, className: a }) {
           alt: n,
           className: "aspect-square h-full w-full object-cover"
         }
-      ) : /* @__PURE__ */ e("div", { className: "flex h-full w-full items-center justify-center bg-muted text-muted-foreground", children: o })
+      ) : /* @__PURE__ */ e("div", { className: "flex h-full w-full items-center justify-center bg-muted text-muted-foreground", children: s })
     }
   );
 }
@@ -999,44 +999,44 @@ const dn = 7;
 function Le({
   daysToShow: t = dn,
   events: n,
-  users: o = [],
-  selectedDate: a,
+  users: s = [],
+  selectedDate: o,
   onDateChange: i,
-  onEventClick: l,
-  onSlotClick: p,
-  onSlotSelect: h,
-  visibleHours: d,
+  onEventClick: a,
+  onSlotClick: f,
+  onSlotSelect: m,
+  visibleHours: c,
   className: v,
-  getEventUserId: b,
-  renderPopover: w,
+  getEventUserId: y,
+  renderPopover: b,
   slots: A,
   classNames: $,
   enableDrag: P = !0
 }) {
-  const W = ae(null), T = Lt(), [y, z] = ie(null), O = ae(!1), [_, D] = ie(null), K = a ?? /* @__PURE__ */ new Date(), E = !0, H = d?.from ?? nn, V = d?.to ?? rn, J = V - H, G = Q(() => {
-    const c = new Date(K);
+  const F = ae(null), T = Lt(), [C, j] = ie(null), W = ae(!1), [_, M] = ie(null), G = o ?? /* @__PURE__ */ new Date(), H = !0, L = c?.from ?? nn, V = c?.to ?? rn, X = V - L, Q = te(() => {
+    const l = new Date(G);
     if (t === 1 || t === 3)
-      return c.setHours(0, 0, 0, 0), c;
-    const u = c.getDay(), x = u === 0 ? -6 : 1 - u;
-    return c.setDate(c.getDate() + x), c.setHours(0, 0, 0, 0), c;
-  }, [K, t]), B = Q(
-    () => sn(G, t),
-    [G, t]
-  ), s = Q(
-    () => an(B, H, V),
-    [E, B, H, V]
-  ), N = b ?? ((c) => {
-    if (c.resourceId) return c.resourceId;
-    const u = c.data;
+      return l.setHours(0, 0, 0, 0), l;
+    const u = l.getDay(), x = u === 0 ? -6 : 1 - u;
+    return l.setDate(l.getDate() + x), l.setHours(0, 0, 0, 0), l;
+  }, [G, t]), B = te(
+    () => sn(Q, t),
+    [Q, t]
+  ), d = te(
+    () => an(B, L, V),
+    [H, B, L, V]
+  ), h = y ?? ((l) => {
+    if (l.resourceId) return l.resourceId;
+    const u = l.data;
     if (u?.userId) return String(u.userId);
     if (u?.user && typeof u.user == "object" && u.user.id)
       return String(u.user.id);
-    if (c.user?.id) return c.user.id;
-    if (c.participants?.[0]?.id) return c.participants[0].id;
-  }), L = Q(() => {
-    const c = /* @__PURE__ */ new Map();
-    for (const u of o)
-      c.set(u.id, {
+    if (l.user?.id) return l.user.id;
+    if (l.participants?.[0]?.id) return l.participants[0].id;
+  }), D = te(() => {
+    const l = /* @__PURE__ */ new Map();
+    for (const u of s)
+      l.set(u.id, {
         id: u.id,
         name: u.name,
         avatar: u.avatar ?? void 0,
@@ -1044,53 +1044,53 @@ function Le({
       });
     for (const u of n) {
       const k = u.data?.user;
-      k?.id && !c.has(k.id) && c.set(k.id, {
+      k?.id && !l.has(k.id) && l.set(k.id, {
         id: k.id,
         name: k.name ?? "",
         avatar: k.avatar ?? void 0,
         email: k.email
-      }), u.user?.id && !c.has(u.user.id) && c.set(u.user.id, {
+      }), u.user?.id && !l.has(u.user.id) && l.set(u.user.id, {
         id: u.user.id,
         name: u.user.name,
         avatar: u.user.avatar ?? void 0,
         email: u.user.email
       });
-      for (const C of u.participants || [])
-        C.id && !c.has(C.id) && c.set(C.id, {
-          id: C.id,
-          name: C.name,
-          avatar: C.avatar ?? void 0,
-          email: C.email
+      for (const S of u.participants || [])
+        S.id && !l.has(S.id) && l.set(S.id, {
+          id: S.id,
+          name: S.name,
+          avatar: S.avatar ?? void 0,
+          email: S.email
         });
     }
-    return Array.from(c.values());
-  }, [o, n]), S = Q(() => {
-    const c = [], u = /* @__PURE__ */ new Map();
-    for (const C of L)
-      u.set(C.id, []);
+    return Array.from(l.values());
+  }, [s, n]), w = te(() => {
+    const l = [], u = /* @__PURE__ */ new Map();
+    for (const S of D)
+      u.set(S.id, []);
     u.set("unassigned", []);
-    for (const C of n) {
-      const I = N(C) ?? "unassigned";
-      (u.get(I) ?? u.get("unassigned")).push(C);
+    for (const S of n) {
+      const z = h(S) ?? "unassigned";
+      (u.get(z) ?? u.get("unassigned")).push(S);
     }
-    const x = (C) => {
-      const I = [];
-      for (const j of C) {
-        const q = j.startDate.getHours() + j.startDate.getMinutes() / 60, te = j.endDate.getHours() + j.endDate.getMinutes() / 60;
-        for (let X = 0; X < B.length; X++) {
-          const oe = B[X], ye = Pe(oe), ke = ut(oe);
-          if (j.startDate <= ke && j.endDate >= ye) {
-            let Ne = H, Se = V;
-            if (j.startDate >= ye && (Ne = Math.max(H, q)), j.endDate <= ke && (Se = Math.min(V, te)), Ne = Math.max(
-              H,
+    const x = (S) => {
+      const z = [];
+      for (const I of S) {
+        const ee = I.startDate.getHours() + I.startDate.getMinutes() / 60, ne = I.endDate.getHours() + I.endDate.getMinutes() / 60;
+        for (let q = 0; q < B.length; q++) {
+          const oe = B[q], ye = Pe(oe), ke = ut(oe);
+          if (I.startDate <= ke && I.endDate >= ye) {
+            let Ne = L, Se = V;
+            if (I.startDate >= ye && (Ne = Math.max(L, ee)), I.endDate <= ke && (Se = Math.min(V, ne)), Ne = Math.max(
+              L,
               Math.min(V, Ne)
             ), Se = Math.max(
-              H,
+              L,
               Math.min(V, Se)
             ), Se > Ne) {
-              const Re = X * J + Math.floor(Ne - H), gt = X * J + Math.ceil(Se - H);
-              I.push({
-                event: j,
+              const Re = q * X + Math.floor(Ne - L), gt = q * X + Math.ceil(Se - L);
+              z.push({
+                event: I,
                 startCol: Re,
                 spanCols: Math.max(1, gt - Re)
               });
@@ -1098,105 +1098,105 @@ function Le({
           }
         }
       }
-      return I;
+      return z;
     };
-    for (const C of L) {
-      const I = u.get(C.id) ?? [], j = x(I), q = Ze(j), te = q.reduce(
-        (X, oe) => Math.max(X, oe.stackIndex + 1),
+    for (const S of D) {
+      const z = u.get(S.id) ?? [], I = x(z), ee = Ze(I), ne = ee.reduce(
+        (q, oe) => Math.max(q, oe.stackIndex + 1),
         0
       );
-      c.push({
-        user: C,
-        events: q,
-        maxStack: Math.max(te, 1)
+      l.push({
+        user: S,
+        events: ee,
+        maxStack: Math.max(ne, 1)
       });
     }
     const k = u.get("unassigned") ?? [];
     if (k.length > 0) {
-      const C = x(k), I = Ze(C), j = I.reduce(
-        (q, te) => Math.max(q, te.stackIndex + 1),
+      const S = x(k), z = Ze(S), I = z.reduce(
+        (ee, ne) => Math.max(ee, ne.stackIndex + 1),
         0
       );
-      c.push({
+      l.push({
         user: {
           id: "unassigned",
           name: "Unassigned",
           avatar: void 0,
           email: void 0
         },
-        events: I,
-        maxStack: Math.max(j, 1)
+        events: z,
+        maxStack: Math.max(I, 1)
       });
     }
-    return c.filter((C) => C.events.length > 0);
+    return l;
   }, [
-    L,
+    D,
     n,
     B,
-    E,
-    J,
     H,
+    X,
+    L,
     V,
-    N
-  ]), Y = Q(() => {
-    const c = /* @__PURE__ */ new Map();
-    for (const u of S)
+    h
+  ]), R = te(() => {
+    const l = /* @__PURE__ */ new Map();
+    for (const u of w)
       for (const x of u.events)
         if (x.spanCols === 1) {
-          const k = c.get(x.startCol) ?? 0;
-          c.set(x.startCol, k + 1);
+          const k = l.get(x.startCol) ?? 0;
+          l.set(x.startCol, k + 1);
         }
-    return c;
-  }, [S]), R = Q(() => {
-    const c = s.length, u = ze, x = [];
-    for (let k = 0; k < c; k++) {
-      const C = Y.get(k) ?? 0;
-      C > Qe ? x.push(
-        Xe + (C - Qe) * 20
-      ) : C > 0 ? x.push(Math.max(u, Xe)) : x.push(u);
+    return l;
+  }, [w]), K = te(() => {
+    const l = d.length, u = ze, x = [];
+    for (let k = 0; k < l; k++) {
+      const S = R.get(k) ?? 0;
+      S > Qe ? x.push(
+        Xe + (S - Qe) * 20
+      ) : S > 0 ? x.push(Math.max(u, Xe)) : x.push(u);
     }
     return x;
   }, [
-    E,
-    s.length,
+    H,
+    d.length,
     B.length,
-    Y
-  ]), se = (c) => Math.max(
+    R
+  ]), Z = (l) => Math.max(
     tn,
-    c * (We + Je) + qe * 2
-  ), ee = Ee + R.reduce((c, u) => c + u, 0), Z = Q(() => {
-    const c = [0];
-    for (let u = 0; u < R.length; u++)
-      c.push(c[u] + R[u]);
-    return c;
-  }, [R]);
+    l * (We + Je) + qe * 2
+  ), Y = Ee + K.reduce((l, u) => l + u, 0), J = te(() => {
+    const l = [0];
+    for (let u = 0; u < K.length; u++)
+      l.push(l[u] + K[u]);
+    return l;
+  }, [K]);
   vt(() => {
-    const c = W.current;
-    if (!c) return;
+    const l = F.current;
+    if (!l) return;
     const u = () => {
       let x = -1;
-      const C = (/* @__PURE__ */ new Date()).getHours();
+      const S = (/* @__PURE__ */ new Date()).getHours();
       {
-        for (let I = 0; I < s.length; I++) {
-          const j = s[I];
-          if (j && ce(j.date) && j.hour <= C && j.hour + 1 > C) {
-            x = I;
+        for (let z = 0; z < d.length; z++) {
+          const I = d[z];
+          if (I && ce(I.date) && I.hour <= S && I.hour + 1 > S) {
+            x = z;
             break;
           }
         }
         if (x === -1)
-          for (let I = 0; I < s.length; I++) {
-            const j = s[I];
-            if (j && ce(j.date)) {
-              x = I;
+          for (let z = 0; z < d.length; z++) {
+            const I = d[z];
+            if (I && ce(I.date)) {
+              x = z;
               break;
             }
           }
       }
       if (x !== -1) {
-        const I = (Z[x] ?? 0) + Ee, j = c.clientWidth, q = Math.max(0, I - j / 3);
-        c.scrollTo({
-          left: q,
+        const z = (J[x] ?? 0) + Ee, I = l.clientWidth, ee = Math.max(0, z - I / 3);
+        l.scrollTo({
+          left: ee,
           behavior: "instant"
         });
       }
@@ -1204,104 +1204,104 @@ function Le({
     requestAnimationFrame(() => {
       requestAnimationFrame(u);
     });
-  }, [K, s, B, Z, E]);
-  const ve = F(
-    (c, u) => {
-      const x = u.getBoundingClientRect(), k = c - x.left + u.scrollLeft;
-      for (let C = 0; C < Z.length - 1; C++) {
-        const I = Z[C], j = Z[C + 1];
-        if (k >= I && k < j) {
-          const q = (k - I) / (j - I), te = Math.floor(q * 60), X = Math.round(te / 15) * 15;
-          return { colIndex: C, minute: Math.min(X, 45) };
+  }, [G, d, B, J, H]);
+  const ue = O(
+    (l, u) => {
+      const x = u.getBoundingClientRect(), k = l - x.left + u.scrollLeft;
+      for (let S = 0; S < J.length - 1; S++) {
+        const z = J[S], I = J[S + 1];
+        if (k >= z && k < I) {
+          const ee = (k - z) / (I - z), ne = Math.floor(ee * 60), q = Math.round(ne / 15) * 15;
+          return { colIndex: S, minute: Math.min(q, 45) };
         }
       }
       return null;
     },
-    [Z]
-  ), ne = F(
-    (c, u) => {
-      if (s[c]) {
-        const x = s[c], k = new Date(x.date);
+    [J]
+  ), se = O(
+    (l, u) => {
+      if (d[l]) {
+        const x = d[l], k = new Date(x.date);
         return k.setHours(x.hour, u ?? 0, 0, 0), { date: k, hour: x.hour };
       }
       return { date: /* @__PURE__ */ new Date() };
     },
-    [E, s, B]
-  ), le = F(
-    (c, u) => {
-      if (c.preventDefault(), c.dataTransfer.dropEffect = "move", !T?.isDragging || !T.dragState) return;
-      const x = c.currentTarget, k = ve(c.clientX, x);
+    [H, d, B]
+  ), le = O(
+    (l, u) => {
+      if (l.preventDefault(), l.dataTransfer.dropEffect = "move", !T?.isDragging || !T.dragState) return;
+      const x = l.currentTarget, k = ue(l.clientX, x);
       if (!k) return;
-      const { colIndex: C, minute: I } = k, { date: j, hour: q } = ne(C, I);
-      T.updateDragPreview(j, q, I, u);
-      const { originalStartDate: te, originalEndDate: X } = T.dragState, oe = X.getTime() - te.getTime(), ye = s.length;
+      const { colIndex: S, minute: z } = k, { date: I, hour: ee } = se(S, z);
+      T.updateDragPreview(I, ee, z, u);
+      const { originalStartDate: ne, originalEndDate: q } = T.dragState, oe = q.getTime() - ne.getTime(), ye = d.length;
       let ke;
       {
         const Ne = oe / 36e5;
         ke = Math.max(1, Math.ceil(Ne));
       }
-      ke = Math.min(ke, ye - C), D({ resourceId: u, colIndex: C, spanCols: ke });
+      ke = Math.min(ke, ye - S), M({ resourceId: u, colIndex: S, spanCols: ke });
     },
-    [T, ve, ne, E, s.length, B.length]
-  ), be = F(
-    (c) => {
-      const u = c.relatedTarget;
-      c.currentTarget.contains(u) || D(null);
+    [T, ue, se, H, d.length, B.length]
+  ), we = O(
+    (l) => {
+      const u = l.relatedTarget;
+      l.currentTarget.contains(u) || M(null);
     },
     []
-  ), ue = F(
-    (c, u) => {
-      c.preventDefault(), D(null), T?.isDragging && T.endDrag();
+  ), he = O(
+    (l, u) => {
+      l.preventDefault(), M(null), T?.isDragging && T.endDrag();
     },
     [T]
-  ), f = F(
-    (c, u) => {
-      if (!y || y.resourceId !== c) return !1;
-      const x = Math.min(y.startCol, y.endCol), k = Math.max(y.startCol, y.endCol);
+  ), g = O(
+    (l, u) => {
+      if (!C || C.resourceId !== l) return !1;
+      const x = Math.min(C.startCol, C.endCol), k = Math.max(C.startCol, C.endCol);
       return u >= x && u <= k;
     },
-    [y]
-  ), M = F(
-    (c, u) => !_ || _.resourceId !== c ? !1 : u >= _.colIndex && u < _.colIndex + _.spanCols,
+    [C]
+  ), E = O(
+    (l, u) => !_ || _.resourceId !== l ? !1 : u >= _.colIndex && u < _.colIndex + _.spanCols,
     [_]
-  ), U = F(
-    (c, u, x) => {
-      x.button !== 0 && x.pointerType === "mouse" || (h || p) && (x.preventDefault(), O.current = !0, z({ resourceId: c, startCol: u, endCol: u, isSelecting: !0 }));
+  ), U = O(
+    (l, u, x) => {
+      x.button !== 0 && x.pointerType === "mouse" || (m || f) && (x.preventDefault(), W.current = !0, j({ resourceId: l, startCol: u, endCol: u, isSelecting: !0 }));
     },
-    [h, p]
-  ), re = F(
-    (c, u, x) => {
-      if (O.current && !(!y || y.resourceId !== c)) {
+    [m, f]
+  ), re = O(
+    (l, u, x) => {
+      if (W.current && !(!C || C.resourceId !== l)) {
         if (x.buttons === 0) {
-          O.current = !1;
+          W.current = !1;
           return;
         }
-        z((k) => k ? { ...k, endCol: u } : null);
+        j((k) => k ? { ...k, endCol: u } : null);
       }
     },
-    [y]
-  ), De = F(() => {
-    if (!O.current || !y) return;
-    O.current = !1;
-    const c = Math.min(y.startCol, y.endCol), u = Math.max(y.startCol, y.endCol), x = ne(c), k = ne(u), C = new Date(x.date), I = new Date(k.date);
-    k.hour !== void 0 && I.setHours(k.hour + 1, 0, 0, 0);
-    const j = {
-      startDate: C,
-      endDate: I,
-      resourceId: y.resourceId
+    [C]
+  ), De = O(() => {
+    if (!W.current || !C) return;
+    W.current = !1;
+    const l = Math.min(C.startCol, C.endCol), u = Math.max(C.startCol, C.endCol), x = se(l), k = se(u), S = new Date(x.date), z = new Date(k.date);
+    k.hour !== void 0 && z.setHours(k.hour + 1, 0, 0, 0);
+    const I = {
+      startDate: S,
+      endDate: z,
+      resourceId: C.resourceId
     };
-    c === u && p && p(x.date, x.hour, y.resourceId), h?.(j), z((q) => q ? { ...q, isSelecting: !1 } : null), setTimeout(() => z(null), 150);
-  }, [y, ne, E, p, h]);
+    l === u && f && f(x.date, x.hour, C.resourceId), m?.(I), j((ee) => ee ? { ...ee, isSelecting: !1 } : null), setTimeout(() => j(null), 150);
+  }, [C, se, H, f, m]);
   return de(() => {
-    const c = () => {
-      O.current && De();
+    const l = () => {
+      W.current && De();
     };
-    return window.addEventListener("pointerup", c), window.addEventListener("pointercancel", c), () => {
-      window.removeEventListener("pointerup", c), window.removeEventListener("pointercancel", c);
+    return window.addEventListener("pointerup", l), window.addEventListener("pointercancel", l), () => {
+      window.removeEventListener("pointerup", l), window.removeEventListener("pointercancel", l);
     };
   }, [De]), de(() => {
-    T?.isDragging || D(null);
-  }, [T?.isDragging]), /* @__PURE__ */ e("div", { className: g("flex h-full flex-col", v), children: /* @__PURE__ */ e("div", { className: "ic-timeline-scroll-container flex-1", ref: W, children: /* @__PURE__ */ r("div", { className: "relative", style: { minWidth: ee }, children: [
+    T?.isDragging || M(null);
+  }, [T?.isDragging]), /* @__PURE__ */ e("div", { className: p("flex h-full flex-col", v), children: /* @__PURE__ */ e("div", { className: "ic-timeline-scroll-container flex-1", ref: F, children: /* @__PURE__ */ r("div", { className: "relative", style: { minWidth: Y }, children: [
     // Hour mode: Day headers + Hour sub-headers - sticky wrapper with flex child (sticky + flex breaks sticky)
     /* @__PURE__ */ e("div", { className: "ic-timeline-header sticky top-0 z-20 border-b bg-background", children: t > 1 ? (
       // Multi-day: Resources cell spans both day-header + hour-header rows
@@ -1315,35 +1315,35 @@ function Le({
           }
         ),
         /* @__PURE__ */ r("div", { className: "flex min-w-0 flex-col", children: [
-          /* @__PURE__ */ e("div", { className: "flex border-b", children: B.map((c, u) => {
-            const x = ce(c), k = u * J, C = R.slice(k, k + J).reduce((I, j) => I + j, 0);
+          /* @__PURE__ */ e("div", { className: "flex border-b", children: B.map((l, u) => {
+            const x = ce(l), k = u * X, S = K.slice(k, k + X).reduce((z, I) => z + I, 0);
             return /* @__PURE__ */ e(
               "div",
               {
-                className: g(
+                className: p(
                   "flex shrink-0 items-center justify-center border-r py-1.5 font-medium",
                   x ? "bg-primary/10 text-primary" : "bg-muted/30"
                 ),
-                style: { width: C },
-                children: /* @__PURE__ */ e("span", { className: "text-xs", children: ln(c) })
+                style: { width: S },
+                children: /* @__PURE__ */ e("span", { className: "text-xs", children: ln(l) })
               },
-              `day-${c.toISOString()}`
+              `day-${l.toISOString()}`
             );
           }) }),
-          /* @__PURE__ */ e("div", { className: "flex", children: s.map((c, u) => {
-            const x = c.hour === H, k = ce(c.date), C = R[u] ?? ze;
+          /* @__PURE__ */ e("div", { className: "flex", children: d.map((l, u) => {
+            const x = l.hour === L, k = ce(l.date), S = K[u] ?? ze;
             return /* @__PURE__ */ e(
               "div",
               {
-                className: g(
+                className: p(
                   "flex shrink-0 items-center justify-center py-1.5 text-[10px] text-muted-foreground",
                   x && u > 0 ? "border-l-2 border-l-border" : "border-r border-r-border/50",
                   k && "bg-primary/5"
                 ),
-                style: { width: C },
-                children: Fe(c.hour)
+                style: { width: S },
+                children: Fe(l.hour)
               },
-              `hour-${c.dayIndex}-${c.hour}`
+              `hour-${l.dayIndex}-${l.hour}`
             );
           }) })
         ] })
@@ -1359,30 +1359,30 @@ function Le({
             children: /* @__PURE__ */ e("span", { className: "text-[10px] font-medium uppercase text-muted-foreground", children: "Resources" })
           }
         ),
-        s.map((c, u) => {
-          const x = c.hour === H, k = ce(c.date), C = R[u] ?? ze;
+        d.map((l, u) => {
+          const x = l.hour === L, k = ce(l.date), S = K[u] ?? ze;
           return /* @__PURE__ */ e(
             "div",
             {
-              className: g(
+              className: p(
                 "flex shrink-0 items-center justify-center py-1.5 text-[10px] text-muted-foreground",
                 x && u > 0 ? "border-l-2 border-l-border" : "border-r border-r-border/50",
                 k && "bg-primary/5"
               ),
-              style: { width: C },
-              children: Fe(c.hour)
+              style: { width: S },
+              children: Fe(l.hour)
             },
-            `hour-${c.dayIndex}-${c.hour}`
+            `hour-${l.dayIndex}-${l.hour}`
           );
         })
       ] })
     ) }),
-    S.map((c) => {
-      const u = se(c.maxStack);
+    w.map((l) => {
+      const u = Z(l.maxStack);
       return /* @__PURE__ */ r(
         "div",
         {
-          className: g(
+          className: p(
             "relative flex border-b",
             $?.resourceRow
           ),
@@ -1396,7 +1396,7 @@ function Le({
                 children: /* @__PURE__ */ r(
                   "div",
                   {
-                    className: g(
+                    className: p(
                       "flex h-full items-center gap-2 sm:gap-3 border-r bg-background px-2 sm:px-4",
                       $?.resourceHeader
                     ),
@@ -1405,12 +1405,12 @@ function Le({
                         cn,
                         {
                           className: "size-7",
-                          src: c.user.avatar,
-                          alt: c.user.name,
-                          fallback: on(c.user.name)
+                          src: l.user.avatar,
+                          alt: l.user.name,
+                          fallback: on(l.user.name)
                         }
                       ),
-                      /* @__PURE__ */ e("span", { className: "truncate text-xs sm:text-sm font-medium", children: c.user.name })
+                      /* @__PURE__ */ e("span", { className: "truncate text-xs sm:text-sm font-medium", children: l.user.name })
                     ]
                   }
                 )
@@ -1420,75 +1420,83 @@ function Le({
               "div",
               {
                 className: "ic-timeline-grid relative flex",
-                onDragOver: (x) => le(x, c.user.id),
-                onDragLeave: be,
-                onDrop: (x) => ue(x, c.user.id),
+                onDragOver: (x) => le(x, l.user.id),
+                onDragLeave: we,
+                onDrop: (x) => he(x, l.user.id),
                 children: [
                   // Hour mode cells — interactive buttons for slot selection
-                  s.map((x, k) => {
-                    const C = x.hour === H && k > 0, I = R[k] ?? ze, j = f(c.user.id, k), q = M(c.user.id, k), te = !!(h || p);
+                  d.map((x, k) => {
+                    const S = x.hour === L && k > 0, z = K[k] ?? ze, I = g(l.user.id, k), ee = E(l.user.id, k), ne = !!(m || f);
                     return /* @__PURE__ */ e(
                       "div",
                       {
-                        role: te ? "button" : void 0,
-                        tabIndex: te ? 0 : void 0,
-                        "aria-label": te ? `Select ${Fe(x.hour)} on ${x.date.toLocaleDateString()} for ${c.user.name}` : void 0,
-                        onPointerDown: (X) => U(c.user.id, k, X),
-                        onPointerEnter: (X) => re(c.user.id, k, X),
+                        role: ne ? "button" : void 0,
+                        tabIndex: ne ? 0 : void 0,
+                        "aria-label": ne ? `Select ${Fe(x.hour)} on ${x.date.toLocaleDateString()} for ${l.user.name}` : void 0,
+                        onPointerDown: (q) => U(l.user.id, k, q),
+                        onPointerEnter: (q) => re(l.user.id, k, q),
                         onPointerUp: De,
-                        onKeyDown: (X) => {
-                          if (te && (X.key === "Enter" || X.key === " ")) {
-                            X.preventDefault();
-                            const oe = ne(k);
-                            p?.(oe.date, oe.hour, c.user.id), h?.({
+                        onKeyDown: (q) => {
+                          if (ne && (q.key === "Enter" || q.key === " ")) {
+                            q.preventDefault();
+                            const oe = se(k);
+                            f?.(oe.date, oe.hour, l.user.id), m?.({
                               startDate: oe.date,
                               endDate: (() => {
                                 const ye = new Date(oe.date);
                                 return oe.hour !== void 0 && ye.setHours(oe.hour + 1, 0, 0, 0), ye;
                               })(),
-                              resourceId: c.user.id
+                              resourceId: l.user.id
                             });
                           }
                         },
-                        className: g(
+                        className: p(
                           "shrink-0 select-none touch-none transition-colors",
-                          te && "cursor-pointer",
-                          C ? "border-l-2 border-l-border" : "border-r border-r-border/50",
+                          ne && "cursor-pointer",
+                          S ? "border-l-2 border-l-border" : "border-r border-r-border/50",
                           ce(x.date) && "bg-primary/5",
                           // Hover — subtle feedback (only when not selecting or dragging)
-                          te && !y?.isSelecting && !T?.isDragging && "hover:bg-blue-50/60",
+                          ne && !C?.isSelecting && !T?.isDragging && "hover:bg-blue-50/60",
                           // Slot selection highlight
-                          j && "bg-blue-100/70",
+                          I && "bg-blue-100/70",
                           // Drop target highlight
-                          q && "bg-primary/20 ring-2 ring-primary ring-inset"
+                          ee && "bg-primary/20 ring-2 ring-primary ring-inset"
                         ),
-                        style: { width: I }
+                        style: { width: z }
                       },
                       `cell-${x.dayIndex}-${x.hour}`
                     );
                   }),
-                  c.events.map((x) => {
-                    const k = (Z[x.startCol] ?? 0) + 2, C = Z[x.startCol + x.spanCols] ?? Z[Z.length - 1] ?? 0, I = Z[x.startCol] ?? 0, j = C - I - 4, q = qe + x.stackIndex * (We + Je);
+                  l.events.map((x) => {
+                    const k = (J[x.startCol] ?? 0) + 2, S = J[x.startCol + x.spanCols] ?? J[J.length - 1] ?? 0, z = J[x.startCol] ?? 0, I = S - z - 4, ee = qe + x.stackIndex * (We + Je), ne = t === 1 ? "timeline-day" : t === 3 ? "timeline-3day" : "timeline-week", q = A?.eventCard;
                     return /* @__PURE__ */ e(
                       "div",
                       {
                         className: "absolute",
                         style: {
                           left: k,
-                          width: Math.max(j, 0),
+                          width: Math.max(I, 0),
                           // No forced minimum - columns are guaranteed wide enough
-                          top: q,
+                          top: ee,
                           height: We
                         },
-                        children: /* @__PURE__ */ e(
+                        children: q ? /* @__PURE__ */ e(
+                          q,
+                          {
+                            event: x.event,
+                            view: ne,
+                            isCompact: !0,
+                            onClick: () => a?.(x.event)
+                          }
+                        ) : /* @__PURE__ */ e(
                           Nt,
                           {
                             event: x.event,
                             variant: "compact",
                             enableDrag: P,
-                            onClick: l,
-                            renderPopover: w,
-                            className: g(
+                            onClick: a,
+                            renderPopover: b,
+                            className: p(
                               "h-full w-full",
                               $?.eventCardCompact
                             )
@@ -1503,10 +1511,10 @@ function Le({
             )
           ]
         },
-        c.user.id
+        l.user.id
       );
     }),
-    S.length === 0 && /* @__PURE__ */ e("div", { className: "flex items-center justify-center py-20 text-muted-foreground", children: "No users or events to display" })
+    w.length === 0 && /* @__PURE__ */ e("div", { className: "flex items-center justify-center py-20 text-muted-foreground", children: "No users or events to display" })
   ] }) }) });
 }
 const un = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], hn = [
@@ -1527,49 +1535,49 @@ function et(t) {
   const n = t.hexColor;
   return n ? { backgroundColor: n } : {};
 }
-function mn({ day: t, date: n, events: o, isCurrentMonth: a, onDayClick: i }) {
-  const l = ce(n), p = 3, h = o.length;
+function mn({ day: t, date: n, events: s, isCurrentMonth: o, onDayClick: i }) {
+  const a = ce(n), f = 3, m = s.length;
   return /* @__PURE__ */ r(
     "button",
     {
       type: "button",
       onClick: () => i?.(n),
-      className: g(
+      className: p(
         "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",
-        !a && "opacity-40"
+        !o && "opacity-40"
       ),
       children: [
         /* @__PURE__ */ e(
           "div",
           {
-            className: g(
+            className: p(
               "flex size-5 sm:size-6 items-center justify-center rounded-full text-[10px] sm:text-xs font-medium",
-              l && "bg-primary font-semibold text-primary-foreground"
+              a && "bg-primary font-semibold text-primary-foreground"
             ),
             children: t
           }
         ),
-        h > 0 && /* @__PURE__ */ e("div", { className: "mt-0.5 flex items-center gap-0.5", children: h <= p ? o.map((d) => /* @__PURE__ */ e(
+        m > 0 && /* @__PURE__ */ e("div", { className: "mt-0.5 flex items-center gap-0.5", children: m <= f ? s.map((c) => /* @__PURE__ */ e(
           "div",
           {
             className: "size-1 sm:size-1.5 rounded-full bg-primary",
-            style: et(d)
+            style: et(c)
           },
-          d.id
-        )) : /* @__PURE__ */ r(we, { children: [
-          o.slice(0, p).map((d) => /* @__PURE__ */ e(
+          c.id
+        )) : /* @__PURE__ */ r(be, { children: [
+          s.slice(0, f).map((c) => /* @__PURE__ */ e(
             "div",
             {
               className: "size-1 sm:size-1.5 rounded-full bg-primary",
-              style: et(d)
+              style: et(c)
             },
-            d.id
+            c.id
           )),
           /* @__PURE__ */ r("span", { className: "text-[6px] sm:text-[7px] font-medium text-muted-foreground", children: [
             "+",
-            h - p
+            m - f
           ] })
         ] }) })
       ]
@@ -1579,17 +1587,17 @@ function mn({ day: t, date: n, events: o, isCurrentMonth: a, onDayClick: i }) {
 function fn({
   date: t,
   events: n,
-  onMonthClick: o,
-  onDayClick: a
+  onMonthClick: s,
+  onDayClick: o
 }) {
-  const i = Q(() => At(t, 0), [t]);
+  const i = te(() => At(t, 0), [t]);
   return /* @__PURE__ */ r("div", { className: "flex flex-col", children: [
     /* @__PURE__ */ e(
       "button",
       {
         type: "button",
-        onClick: () => o?.(t),
-        className: g(
+        onClick: () => s?.(t),
+        className: p(
           "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"
@@ -1598,22 +1606,22 @@ function fn({
       }
     ),
     /* @__PURE__ */ r("div", { className: "flex-1 space-y-1.5 sm:space-y-2 rounded-b-lg border border-t-0 p-2 sm:p-3", children: [
-      /* @__PURE__ */ e("div", { className: "grid grid-cols-7 gap-x-0.5 text-center", children: un.map((l, p) => /* @__PURE__ */ r("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 })
-      ] }, p)) }),
-      /* @__PURE__ */ e("div", { className: "grid grid-cols-7 gap-x-0.5 gap-y-1", children: i.map((l, p) => {
-        const h = Pt(n, l.date);
+      /* @__PURE__ */ e("div", { className: "grid grid-cols-7 gap-x-0.5 text-center", children: un.map((a, f) => /* @__PURE__ */ r("div", { className: "text-[9px] sm:text-xs font-medium text-muted-foreground", children: [
+        /* @__PURE__ */ e("span", { className: "sm:hidden", children: a[0] }),
+        /* @__PURE__ */ e("span", { className: "hidden sm:inline", children: a })
+      ] }, f)) }),
+      /* @__PURE__ */ e("div", { className: "grid grid-cols-7 gap-x-0.5 gap-y-1", children: i.map((a, f) => {
+        const m = Pt(n, a.date);
         return /* @__PURE__ */ e(
           mn,
           {
-            day: l.date.getDate(),
-            date: l.date,
-            events: h,
-            isCurrentMonth: l.isCurrentMonth,
-            onDayClick: a
+            day: a.date.getDate(),
+            date: a.date,
+            events: m,
+            isCurrentMonth: a.isCurrentMonth,
+            onDayClick: o
           },
-          `${p + 1}-${l.date.toISOString()}`
+          `${f + 1}-${a.date.toISOString()}`
         );
       }) })
     ] })
@@ -1622,24 +1630,24 @@ function fn({
 function gn({
   events: t,
   year: n,
-  onMonthClick: o,
-  onDayClick: a,
+  onMonthClick: s,
+  onDayClick: o,
   className: i,
-  slots: l,
-  classNames: p
+  slots: a,
+  classNames: f
 }) {
-  const h = Q(() => jt(n), [n]);
-  return /* @__PURE__ */ r("div", { className: g("flex flex-col h-full", i), children: [
+  const m = te(() => jt(n), [n]);
+  return /* @__PURE__ */ r("div", { className: p("flex flex-col h-full", i), children: [
     /* @__PURE__ */ e("div", { className: "flex items-center justify-center border-b px-4 py-3", children: /* @__PURE__ */ e("h2", { className: "text-lg font-semibold", children: n }) }),
-    /* @__PURE__ */ e("div", { className: "flex-1 overflow-auto p-4", children: /* @__PURE__ */ e("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4", children: h.map((d) => /* @__PURE__ */ e(
+    /* @__PURE__ */ e("div", { className: "flex-1 overflow-auto p-4", children: /* @__PURE__ */ e("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4", children: m.map((c) => /* @__PURE__ */ e(
       fn,
       {
-        date: d,
+        date: c,
         events: t,
-        onMonthClick: o,
-        onDayClick: a
+        onMonthClick: s,
+        onDayClick: o
       },
-      d.getMonth()
+      c.getMonth()
     )) }) })
   ] });
 }
@@ -1714,246 +1722,256 @@ function Nn() {
 }
 function Cn({
   containerRef: t,
-  className: n
+  currentDate: n,
+  className: s
 }) {
-  const [o, a] = ie({
+  const [o, i] = ie({
     canUp: !1,
     canDown: !1,
     canLeft: !1,
     canRight: !1
-  }), [i, l] = ie({ x: 0, y: 0 }), [p, h] = ie(!1), d = o.canUp || o.canDown || o.canLeft || o.canRight, v = ae(null), b = ae(null), w = ae(null), A = ae(!1), $ = ae({ x: 0, y: 0 }), P = ae({ x: 0, y: 0 }), W = ae(0), T = ae(null), y = F(() => {
-    const s = t.current;
-    if (!s) return;
-    const m = 4;
-    a({
-      canUp: s.scrollTop > m,
-      canDown: s.scrollTop + s.clientHeight < s.scrollHeight - m,
-      canLeft: s.scrollLeft > m,
-      canRight: s.scrollLeft + s.clientWidth < s.scrollWidth - m
+  }), [a, f] = ie({ x: 0, y: 0 }), [m, c] = ie(!1), v = o.canUp || o.canDown || o.canLeft || o.canRight, y = ae(null), b = ae(null), A = ae(null), $ = ae(!1), P = ae({ x: 0, y: 0 }), F = ae({ x: 0, y: 0 }), T = ae(0), C = ae(null), j = O(() => {
+    const h = t.current;
+    if (!h) return;
+    const D = 4;
+    i({
+      canUp: h.scrollTop > D,
+      canDown: h.scrollTop + h.clientHeight < h.scrollHeight - D,
+      canLeft: h.scrollLeft > D,
+      canRight: h.scrollLeft + h.clientWidth < h.scrollWidth - D
     });
   }, [t]);
   de(() => {
-    const s = t.current;
-    if (!s) return;
-    y(), s.addEventListener("scroll", y, { passive: !0 });
-    const m = new ResizeObserver(y);
-    m.observe(s);
-    const N = new MutationObserver(y);
-    return N.observe(s, { childList: !0, subtree: !0 }), () => {
-      s.removeEventListener("scroll", y), m.disconnect(), N.disconnect();
+    const h = t.current;
+    if (!h) return;
+    j(), h.addEventListener("scroll", j, { passive: !0 });
+    const D = new ResizeObserver(j);
+    D.observe(h);
+    const w = new MutationObserver(j);
+    return w.observe(h, { childList: !0, subtree: !0 }), () => {
+      h.removeEventListener("scroll", j), D.disconnect(), w.disconnect();
     };
-  }, [t, y]);
-  const z = F(
-    (s, m) => {
-      t.current?.scrollBy({ left: s, top: m, behavior: "smooth" });
+  }, [t, j]);
+  const W = O(
+    (h, D) => {
+      t.current?.scrollBy({ left: h, top: D, behavior: "smooth" });
     },
     [t]
-  ), O = F(() => z(0, -Ie), [z]), _ = F(() => z(0, Ie), [z]), D = F(() => z(-Ie, 0), [z]), K = F(() => z(Ie, 0), [z]), E = F(() => {
-    v.current && (clearTimeout(v.current), v.current = null), b.current && (clearInterval(b.current), b.current = null);
-  }, []), H = F((s) => {
-    s(), v.current = setTimeout(() => {
-      b.current = setInterval(s, pn);
+  ), _ = O(() => W(0, -Ie), [W]), M = O(() => W(0, Ie), [W]), G = O(() => W(-Ie, 0), [W]), H = O(() => W(Ie, 0), [W]), L = O(() => {
+    y.current && (clearTimeout(y.current), y.current = null), b.current && (clearInterval(b.current), b.current = null);
+  }, []), V = O((h) => {
+    h(), y.current = setTimeout(() => {
+      b.current = setInterval(h, pn);
     }, xn);
   }, []);
-  de(() => E, [E]), de(() => {
-    const s = t.current;
-    if (!s) return;
-    const m = (N) => {
-      if (N.ctrlKey || N.metaKey || N.altKey) return;
-      const L = N.target.tagName;
-      if (!(L === "INPUT" || L === "TEXTAREA" || N.target.isContentEditable))
-        switch (N.key) {
+  de(() => L, [L]), de(() => {
+    const h = t.current;
+    if (!h) return;
+    const D = (w) => {
+      if (w.ctrlKey || w.metaKey || w.altKey) return;
+      const R = w.target.tagName;
+      if (!(R === "INPUT" || R === "TEXTAREA" || w.target.isContentEditable))
+        switch (w.key) {
           case "ArrowUp":
-            N.preventDefault(), O();
+            w.preventDefault(), _();
             break;
           case "ArrowDown":
-            N.preventDefault(), _();
+            w.preventDefault(), M();
             break;
           case "ArrowLeft":
-            N.preventDefault(), D();
+            w.preventDefault(), G();
             break;
           case "ArrowRight":
-            N.preventDefault(), K();
+            w.preventDefault(), H();
             break;
         }
     };
-    return s.addEventListener("keydown", m), () => s.removeEventListener("keydown", m);
-  }, [t, O, _, D, K]), de(() => {
-    if (!d) return;
-    const s = T.current;
-    if (!s) return;
-    let m = 0;
-    const N = () => {
-      const R = s.offsetParent;
-      if (!R) return;
-      const se = R.getBoundingClientRect(), ee = window.innerHeight;
-      if (se.height <= ee) {
-        s.style.removeProperty("top"), s.style.removeProperty("bottom");
+    return h.addEventListener("keydown", D), () => h.removeEventListener("keydown", D);
+  }, [t, _, M, G, H]), de(() => {
+    if (!v) return;
+    const h = C.current;
+    if (!h) return;
+    let D = 0;
+    const w = () => {
+      const Y = h.offsetParent;
+      if (!Y) return;
+      const J = Y.getBoundingClientRect(), ue = window.innerHeight;
+      if (J.height <= ue) {
+        h.style.removeProperty("top"), h.style.removeProperty("bottom");
         return;
       }
-      const ve = Math.min(se.bottom, ee) - se.top, ne = s.offsetHeight, le = ve - ne - 12, be = 12, ue = R.clientHeight - ne - 12, f = Math.max(be, Math.min(le, ue));
-      s.style.top = `${f}px`, s.style.bottom = "auto";
-    }, L = () => {
-      cancelAnimationFrame(m), m = requestAnimationFrame(N);
-    }, S = [window];
-    let Y = s.parentElement;
-    for (; Y; ) {
-      const R = getComputedStyle(Y);
-      /(auto|scroll)/.test(R.overflow + R.overflowY) && S.push(Y), Y = Y.parentElement;
+      const le = Math.min(J.bottom, ue) - J.top, we = h.offsetHeight, he = le - we - 12, g = 12, E = Y.clientHeight - we - 12, U = Math.max(g, Math.min(he, E));
+      h.style.top = `${U}px`, h.style.bottom = "auto";
+    }, R = () => {
+      cancelAnimationFrame(D), D = requestAnimationFrame(w);
+    }, K = [window];
+    let Z = h.parentElement;
+    for (; Z; ) {
+      const Y = getComputedStyle(Z);
+      /(auto|scroll)/.test(Y.overflow + Y.overflowY) && K.push(Z), Z = Z.parentElement;
     }
-    for (const R of S)
-      R.addEventListener("scroll", L, { passive: !0 });
-    return window.addEventListener("resize", L, { passive: !0 }), N(), () => {
-      cancelAnimationFrame(m);
-      for (const R of S)
-        R.removeEventListener("scroll", L);
-      window.removeEventListener("resize", L);
+    for (const Y of K)
+      Y.addEventListener("scroll", R, { passive: !0 });
+    return window.addEventListener("resize", R, { passive: !0 }), w(), () => {
+      cancelAnimationFrame(D);
+      for (const Y of K)
+        Y.removeEventListener("scroll", R);
+      window.removeEventListener("resize", R);
     };
-  }, [d]);
-  const V = F(() => {
-    A.current = !1, h(!1), l({ x: 0, y: 0 }), P.current = { x: 0, y: 0 }, W.current && cancelAnimationFrame(W.current);
-  }, []), J = F(
-    (s) => {
-      s.preventDefault(), A.current = !0, h(!0), $.current = { x: s.clientX, y: s.clientY }, P.current = { x: 0, y: 0 }, s.target.setPointerCapture(s.pointerId);
-      const m = () => {
-        if (!A.current) return;
-        const N = t.current;
-        if (N) {
-          const { x: L, y: S } = P.current, Y = Math.sqrt(L * L + S * S);
-          if (Y > tt) {
-            const se = Math.min(Y / $e, 1) * wn;
-            N.scrollLeft += L / Y * se, N.scrollTop += S / Y * se;
+  }, [v]);
+  const X = O(() => {
+    $.current = !1, c(!1), f({ x: 0, y: 0 }), F.current = { x: 0, y: 0 }, T.current && cancelAnimationFrame(T.current);
+  }, []), Q = O(
+    (h) => {
+      h.preventDefault(), $.current = !0, c(!0), P.current = { x: h.clientX, y: h.clientY }, F.current = { x: 0, y: 0 }, h.target.setPointerCapture(h.pointerId);
+      const D = () => {
+        if (!$.current) return;
+        const w = t.current;
+        if (w) {
+          const { x: R, y: K } = F.current, Z = Math.sqrt(R * R + K * K);
+          if (Z > tt) {
+            const J = Math.min(Z / $e, 1) * wn;
+            w.scrollLeft += R / Z * J, w.scrollTop += K / Z * J;
           }
         }
-        W.current = requestAnimationFrame(m);
+        T.current = requestAnimationFrame(D);
       };
-      W.current = requestAnimationFrame(m);
+      T.current = requestAnimationFrame(D);
     },
     [t]
-  ), G = F((s) => {
-    if (!A.current) return;
-    const m = s.clientX - $.current.x, N = s.clientY - $.current.y;
-    P.current = { x: m, y: N };
-    const L = Math.sqrt(m * m + N * N);
-    if (L < tt)
-      l({ x: 0, y: 0 });
+  ), B = O((h) => {
+    if (!$.current) return;
+    const D = h.clientX - P.current.x, w = h.clientY - P.current.y;
+    F.current = { x: D, y: w };
+    const R = Math.sqrt(D * D + w * w);
+    if (R < tt)
+      f({ x: 0, y: 0 });
     else {
-      const Y = Math.min(L, $e) / $e * vn;
-      l({
-        x: m / L * Y,
-        y: N / L * Y
+      const Z = Math.min(R, $e) / $e * vn;
+      f({
+        x: D / R * Z,
+        y: w / R * Z
       });
     }
-  }, []), B = F(
-    (s) => {
-      switch (s.key) {
+  }, []), d = O(
+    (h) => {
+      switch (h.key) {
         case "ArrowUp":
-          s.preventDefault(), O();
+          h.preventDefault(), _();
           break;
         case "ArrowDown":
-          s.preventDefault(), _();
+          h.preventDefault(), M();
           break;
         case "ArrowLeft":
-          s.preventDefault(), D();
+          h.preventDefault(), G();
           break;
         case "ArrowRight":
-          s.preventDefault(), K();
+          h.preventDefault(), H();
           break;
       }
     },
-    [O, _, D, K]
+    [_, M, G, H]
   );
-  return d ? /* @__PURE__ */ r(
+  if (!v) return null;
+  const N = n ? n.toLocaleDateString(void 0, {
+    weekday: "short",
+    month: "short",
+    day: "numeric"
+  }) : null;
+  return /* @__PURE__ */ r(
     "div",
     {
-      ref: T,
-      className: `inno-scroll-nav ${n ?? ""}`,
+      ref: C,
+      className: `inno-scroll-nav-wrapper ${s ?? ""}`,
       role: "toolbar",
       "aria-label": "Scroll navigation",
-      onKeyDown: B,
+      onKeyDown: d,
       children: [
-        /* @__PURE__ */ e(
-          "button",
-          {
-            type: "button",
-            className: `inno-scroll-nav-btn inno-scroll-nav-up ${o.canUp ? "" : "inno-scroll-nav-btn-disabled"}`,
-            "aria-label": "Scroll up",
-            disabled: !o.canUp,
-            onPointerDown: () => H(O),
-            onPointerUp: E,
-            onPointerLeave: E,
-            tabIndex: o.canUp ? 0 : -1,
-            children: /* @__PURE__ */ e(bn, {})
-          }
-        ),
-        /* @__PURE__ */ e(
-          "button",
-          {
-            type: "button",
-            className: `inno-scroll-nav-btn inno-scroll-nav-left ${o.canLeft ? "" : "inno-scroll-nav-btn-disabled"}`,
-            "aria-label": "Scroll left",
-            disabled: !o.canLeft,
-            onPointerDown: () => H(D),
-            onPointerUp: E,
-            onPointerLeave: E,
-            tabIndex: o.canLeft ? 0 : -1,
-            children: /* @__PURE__ */ e(kn, {})
-          }
-        ),
-        /* @__PURE__ */ e(
-          "button",
-          {
-            ref: w,
-            type: "button",
-            className: `inno-scroll-nav-joystick ${p ? "inno-scroll-nav-joystick-active" : ""}`,
-            "aria-label": "Drag to scroll freely",
-            onPointerDown: J,
-            onPointerMove: G,
-            onPointerUp: V,
-            onPointerCancel: V,
-            tabIndex: 0,
-            children: /* @__PURE__ */ e(
-              "span",
-              {
-                className: "inno-scroll-nav-joystick-dot",
-                style: {
-                  transform: `translate(${i.x}px, ${i.y}px)`
+        N && /* @__PURE__ */ e("div", { className: "inno-scroll-nav-date", "aria-live": "polite", children: N }),
+        /* @__PURE__ */ r("div", { className: "inno-scroll-nav", children: [
+          /* @__PURE__ */ e(
+            "button",
+            {
+              type: "button",
+              className: `inno-scroll-nav-btn inno-scroll-nav-up ${o.canUp ? "" : "inno-scroll-nav-btn-disabled"}`,
+              "aria-label": "Scroll up",
+              disabled: !o.canUp,
+              onPointerDown: () => V(_),
+              onPointerUp: L,
+              onPointerLeave: L,
+              tabIndex: o.canUp ? 0 : -1,
+              children: /* @__PURE__ */ e(bn, {})
+            }
+          ),
+          /* @__PURE__ */ e(
+            "button",
+            {
+              type: "button",
+              className: `inno-scroll-nav-btn inno-scroll-nav-left ${o.canLeft ? "" : "inno-scroll-nav-btn-disabled"}`,
+              "aria-label": "Scroll left",
+              disabled: !o.canLeft,
+              onPointerDown: () => V(G),
+              onPointerUp: L,
+              onPointerLeave: L,
+              tabIndex: o.canLeft ? 0 : -1,
+              children: /* @__PURE__ */ e(kn, {})
+            }
+          ),
+          /* @__PURE__ */ e(
+            "button",
+            {
+              ref: A,
+              type: "button",
+              className: `inno-scroll-nav-joystick ${m ? "inno-scroll-nav-joystick-active" : ""}`,
+              "aria-label": "Drag to scroll freely",
+              onPointerDown: Q,
+              onPointerMove: B,
+              onPointerUp: X,
+              onPointerCancel: X,
+              tabIndex: 0,
+              children: /* @__PURE__ */ e(
+                "span",
+                {
+                  className: "inno-scroll-nav-joystick-dot",
+                  style: {
+                    transform: `translate(${a.x}px, ${a.y}px)`
+                  }
                 }
-              }
-            )
-          }
-        ),
-        /* @__PURE__ */ e(
-          "button",
-          {
-            type: "button",
-            className: `inno-scroll-nav-btn inno-scroll-nav-right ${o.canRight ? "" : "inno-scroll-nav-btn-disabled"}`,
-            "aria-label": "Scroll right",
-            disabled: !o.canRight,
-            onPointerDown: () => H(K),
-            onPointerUp: E,
-            onPointerLeave: E,
-            tabIndex: o.canRight ? 0 : -1,
-            children: /* @__PURE__ */ e(Nn, {})
-          }
-        ),
-        /* @__PURE__ */ e(
-          "button",
-          {
-            type: "button",
-            className: `inno-scroll-nav-btn inno-scroll-nav-down ${o.canDown ? "" : "inno-scroll-nav-btn-disabled"}`,
-            "aria-label": "Scroll down",
-            disabled: !o.canDown,
-            onPointerDown: () => H(_),
-            onPointerUp: E,
-            onPointerLeave: E,
-            tabIndex: o.canDown ? 0 : -1,
-            children: /* @__PURE__ */ e(yn, {})
-          }
-        )
+              )
+            }
+          ),
+          /* @__PURE__ */ e(
+            "button",
+            {
+              type: "button",
+              className: `inno-scroll-nav-btn inno-scroll-nav-right ${o.canRight ? "" : "inno-scroll-nav-btn-disabled"}`,
+              "aria-label": "Scroll right",
+              disabled: !o.canRight,
+              onPointerDown: () => V(H),
+              onPointerUp: L,
+              onPointerLeave: L,
+              tabIndex: o.canRight ? 0 : -1,
+              children: /* @__PURE__ */ e(Nn, {})
+            }
+          ),
+          /* @__PURE__ */ e(
+            "button",
+            {
+              type: "button",
+              className: `inno-scroll-nav-btn inno-scroll-nav-down ${o.canDown ? "" : "inno-scroll-nav-btn-disabled"}`,
+              "aria-label": "Scroll down",
+              disabled: !o.canDown,
+              onPointerDown: () => V(M),
+              onPointerUp: L,
+              onPointerLeave: L,
+              tabIndex: o.canDown ? 0 : -1,
+              children: /* @__PURE__ */ e(yn, {})
+            }
+          )
+        ] })
       ]
     }
-  ) : null;
+  );
 }
 function Dn(t) {
   switch (t) {
@@ -1967,67 +1985,67 @@ function Dn(t) {
 function Mn({
   onEventClick: t,
   onSlotClick: n,
-  onSlotSelect: o,
-  onAddEvent: a,
+  onSlotSelect: s,
+  onAddEvent: o,
   className: i,
-  showHeader: l = !0,
-  minSelectionMinutes: p = 30,
-  showMoreMode: h,
-  showMoreEventsInPopover: d = !1,
+  showHeader: a = !0,
+  minSelectionMinutes: f = 30,
+  showMoreMode: m,
+  showMoreEventsInPopover: c = !1,
   isLoading: v = !1,
-  slots: b,
-  classNames: w,
+  slots: y,
+  classNames: b,
   settingsContent: A,
   filterContent: $,
   headerActions: P,
-  renderPopover: W,
+  renderPopover: F,
   calendarRef: T,
-  headerConfig: y,
-  eventDetailMode: z,
-  renderEventDetail: O
+  headerConfig: C,
+  eventDetailMode: j,
+  renderEventDetail: W
 }) {
-  const _ = h ?? (d ? "popover" : "expand"), {
-    view: D,
-    setView: K,
-    selectedDate: E,
-    setSelectedDate: H,
+  const _ = m ?? (c ? "popover" : "expand"), {
+    view: M,
+    setView: G,
+    selectedDate: H,
+    setSelectedDate: L,
     slotDuration: V,
-    filteredEvents: J,
-    users: G,
+    filteredEvents: X,
+    users: Q,
     visibleHours: B,
-    workingHours: s,
-    badgeVariant: m,
-    showWorkingHoursOnly: N,
-    clearFocusEventId: L
-  } = zt(), S = Q(() => {
-    if (!N || !s)
+    workingHours: d,
+    badgeVariant: N,
+    showWorkingHoursOnly: h,
+    clearFocusEventId: D
+  } = zt(), w = te(() => {
+    if (!h || !d)
       return {
         startHour: B.start,
         endHour: B.end
       };
-    let f = 24, M = 0;
-    for (const U of Object.keys(s)) {
-      const re = s[Number(U)];
-      !re || re.enabled === !1 || (re.from < f && (f = re.from), re.to > M && (M = re.to));
+    let g = 24, E = 0;
+    for (const U of Object.keys(d)) {
+      const re = d[Number(U)];
+      !re || re.enabled === !1 || (re.from < g && (g = re.from), re.to > E && (E = re.to));
     }
-    return f >= M ? {
+    return g >= E ? {
       startHour: B.start,
       endHour: B.end
-    } : { startHour: f, endHour: M };
-  }, [N, s, B]), Y = S, R = ae(null);
+    } : { startHour: g, endHour: E };
+  }, [h, d, B]), R = w, K = ae(null);
   wt(
     T,
     () => ({
       scrollToToday: () => {
-        const f = /* @__PURE__ */ new Date();
-        H(f, D), requestAnimationFrame(() => {
+        const g = /* @__PURE__ */ new Date();
+        L(g, M), requestAnimationFrame(() => {
           requestAnimationFrame(() => {
-            const M = R.current?.querySelector(
+            const E = K.current?.querySelector(
               ".ic-timeline-scroll-container, [class*='overflow-auto']"
             );
-            if (!M) return;
-            const De = (f.getHours() - S.startHour) * 96;
-            De > 0 && M.scrollTo({
+            if (!E) return;
+            const De = (g.getHours() - w.startHour) * 96;
+            De > 0 && E.scrollTo({
               top: Math.max(0, De - 100),
               // Offset to show some context
               behavior: "smooth"
@@ -2036,149 +2054,149 @@ function Mn({
         });
       },
       scrollToWorkingHours: () => {
-        let f = 8;
-        if (s)
-          for (const M of Object.keys(s)) {
-            const U = s[Number(M)];
-            U?.enabled && U.from < f && (f = Math.max(U.from - 1, 0));
+        let g = 8;
+        if (d)
+          for (const E of Object.keys(d)) {
+            const U = d[Number(E)];
+            U?.enabled && U.from < g && (g = Math.max(U.from - 1, 0));
           }
         requestAnimationFrame(() => {
           requestAnimationFrame(() => {
-            const M = R.current?.querySelector(
+            const E = K.current?.querySelector(
               ".ic-timeline-scroll-container, [class*='overflow-auto']"
             );
-            if (!M) return;
-            const re = (f - S.startHour) * 96;
-            M.scrollTo({
+            if (!E) return;
+            const re = (g - w.startHour) * 96;
+            E.scrollTo({
               top: Math.max(0, re),
               behavior: "smooth"
             });
           });
         });
       },
-      getViewRect: () => R.current?.getBoundingClientRect() ?? null,
-      focusEvent: (f) => {
-        L(), requestAnimationFrame(() => {
-          L();
+      getViewRect: () => K.current?.getBoundingClientRect() ?? null,
+      focusEvent: (g) => {
+        D(), requestAnimationFrame(() => {
+          D();
         });
-        const M = R.current?.querySelector(
-          `[data-event-id="${f}"]`
+        const E = K.current?.querySelector(
+          `[data-event-id="${g}"]`
         );
-        M && setTimeout(() => M.click(), 150);
+        E && setTimeout(() => E.click(), 150);
       }
     }),
     [
-      H,
-      D,
-      S,
-      s,
-      L
+      L,
+      M,
+      w,
+      d,
+      D
     ]
   );
-  const se = Q(() => Dn(D), [D]), ee = F(
-    (f) => {
-      if (o) {
-        o(f);
+  const Z = te(() => Dn(M), [M]), Y = O(
+    (g) => {
+      if (s) {
+        s(g);
         return;
       }
       if (n) {
-        const M = f.startDate.getHours();
-        n(f.startDate, M);
+        const E = g.startDate.getHours();
+        n(g.startDate, E);
       }
     },
-    [o, n]
-  ), Z = F(
-    (f) => {
-      K("day"), H(f, "day");
+    [s, n]
+  ), J = O(
+    (g) => {
+      G("day"), L(g, "day");
     },
-    [H, K]
-  ), ve = F(
-    (f) => {
-      K("month"), H(f, "month");
+    [L, G]
+  ), ue = O(
+    (g) => {
+      G("month"), L(g, "month");
     },
-    [H, K]
-  ), ne = F(
-    (f) => {
-      t?.(f);
+    [L, G]
+  ), se = O(
+    (g) => {
+      t?.(g);
     },
     [t]
-  ), le = F(
-    (f, M, U) => {
-      n?.(f, M);
+  ), le = O(
+    (g, E, U) => {
+      n?.(g, E);
     },
     [n]
-  ), be = () => {
-    const f = J, M = ne, U = W;
-    switch (D) {
+  ), we = () => {
+    const g = X, E = se, U = F;
+    switch (M) {
       case "day":
         return /* @__PURE__ */ e(
           St,
           {
-            events: f,
-            date: E,
-            visibleHours: Y,
-            workingHours: s,
+            events: g,
+            date: H,
+            visibleHours: R,
+            workingHours: d,
             slotDuration: V,
-            badgeVariant: m,
-            onEventClick: M,
+            badgeVariant: N,
+            onEventClick: E,
             renderPopover: U,
-            ...b && { slots: b },
-            ...w && { classNames: w }
+            ...y && { slots: y },
+            ...b && { classNames: b }
           }
         );
       case "week":
         return /* @__PURE__ */ e(
           Mt,
           {
-            events: f,
-            date: E,
-            visibleHours: Y,
-            workingHours: s,
+            events: g,
+            date: H,
+            visibleHours: R,
+            workingHours: d,
             slotDuration: V,
-            badgeVariant: m,
-            onEventClick: M,
+            badgeVariant: N,
+            onEventClick: E,
             renderPopover: U,
-            ...b && { slots: b },
-            ...w && { classNames: w }
+            ...y && { slots: y },
+            ...b && { classNames: b }
           }
         );
       case "month":
         return /* @__PURE__ */ e(
           Ve,
           {
-            events: f,
-            date: E,
-            badgeVariant: m,
-            onEventClick: M,
-            onDayClick: Z,
+            events: g,
+            date: H,
+            badgeVariant: N,
+            onEventClick: E,
+            onDayClick: J,
             renderPopover: U,
             showMoreMode: _,
-            ...b && { slots: b },
-            ...w && { classNames: w }
+            ...y && { slots: y },
+            ...b && { classNames: b }
           }
         );
       case "year":
         return /* @__PURE__ */ e(
           gn,
           {
-            events: f,
-            year: E.getFullYear(),
-            onMonthClick: ve,
-            onDayClick: Z,
-            ...b && { slots: b },
-            ...w && { classNames: w }
+            events: g,
+            year: H.getFullYear(),
+            onMonthClick: ue,
+            onDayClick: J,
+            ...y && { slots: y },
+            ...b && { classNames: b }
           }
         );
       case "agenda":
         return /* @__PURE__ */ e(
           Dt,
           {
-            events: f,
-            date: E,
-            onEventClick: M,
+            events: g,
+            date: H,
+            onEventClick: E,
             renderPopover: U,
-            ...b && { slots: b },
-            ...w && { classNames: w }
+            ...y && { slots: y },
+            ...b && { classNames: b }
           }
         );
       // Resource views — delegate to TimelineView with matching day count
@@ -2187,19 +2205,19 @@ function Mn({
           Le,
           {
             daysToShow: 1,
-            events: f,
-            users: G,
-            selectedDate: E,
+            events: g,
+            users: Q,
+            selectedDate: H,
             visibleHours: {
-              from: S.startHour,
-              to: S.endHour
+              from: w.startHour,
+              to: w.endHour
             },
-            onEventClick: M,
-            onSlotSelect: ee,
+            onEventClick: E,
+            onSlotSelect: Y,
             onSlotClick: le,
             renderPopover: U,
-            ...b && { slots: b },
-            ...w && { classNames: w }
+            ...y && { slots: y },
+            ...b && { classNames: b }
           }
         );
       case "resource-week":
@@ -2207,19 +2225,19 @@ function Mn({
           Le,
           {
             daysToShow: 7,
-            events: f,
-            users: G,
-            selectedDate: E,
+            events: g,
+            users: Q,
+            selectedDate: H,
             visibleHours: {
-              from: S.startHour,
-              to: S.endHour
+              from: w.startHour,
+              to: w.endHour
             },
-            onEventClick: M,
-            onSlotSelect: ee,
+            onEventClick: E,
+            onSlotSelect: Y,
             onSlotClick: le,
             renderPopover: U,
-            ...b && { slots: b },
-            ...w && { classNames: w }
+            ...y && { slots: y },
+            ...b && { classNames: b }
           }
         );
       // Timeline views
@@ -2228,19 +2246,19 @@ function Mn({
           Le,
           {
             daysToShow: 1,
-            events: f,
-            users: G,
-            selectedDate: E,
+            events: g,
+            users: Q,
+            selectedDate: H,
             visibleHours: {
-              from: S.startHour,
-              to: S.endHour
+              from: w.startHour,
+              to: w.endHour
             },
-            onEventClick: M,
-            onSlotSelect: ee,
+            onEventClick: E,
+            onSlotSelect: Y,
             onSlotClick: le,
             renderPopover: U,
-            ...b && { slots: b },
-            ...w && { classNames: w }
+            ...y && { slots: y },
+            ...b && { classNames: b }
           }
         );
       case "timeline-3day":
@@ -2248,19 +2266,19 @@ function Mn({
           Le,
           {
             daysToShow: 3,
-            events: f,
-            users: G,
-            selectedDate: E,
+            events: g,
+            users: Q,
+            selectedDate: H,
             visibleHours: {
-              from: S.startHour,
-              to: S.endHour
+              from: w.startHour,
+              to: w.endHour
             },
-            onEventClick: M,
-            onSlotSelect: ee,
+            onEventClick: E,
+            onSlotSelect: Y,
             onSlotClick: le,
             renderPopover: U,
-            ...b && { slots: b },
-            ...w && { classNames: w }
+            ...y && { slots: y },
+            ...b && { classNames: b }
           }
         );
       case "timeline-week":
@@ -2268,70 +2286,70 @@ function Mn({
           Le,
           {
             daysToShow: 7,
-            events: f,
-            users: G,
-            selectedDate: E,
+            events: g,
+            users: Q,
+            selectedDate: H,
             visibleHours: {
-              from: S.startHour,
-              to: S.endHour
+              from: w.startHour,
+              to: w.endHour
             },
-            onEventClick: M,
-            onSlotSelect: ee,
+            onEventClick: E,
+            onSlotSelect: Y,
             onSlotClick: le,
             renderPopover: U,
-            ...b && { slots: b },
-            ...w && { classNames: w }
+            ...y && { slots: y },
+            ...b && { classNames: b }
           }
         );
       default:
         return /* @__PURE__ */ e(
           Ve,
           {
-            events: f,
-            date: E,
-            badgeVariant: m,
-            onEventClick: M,
-            onDayClick: Z,
-            ...b && { slots: b },
-            ...w && { classNames: w }
+            events: g,
+            date: H,
+            badgeVariant: N,
+            onEventClick: E,
+            onDayClick: J,
+            ...y && { slots: y },
+            ...b && { classNames: b }
           }
         );
     }
-  }, ue = ae(null);
+  }, he = ae(null);
   return de(() => {
-    R.current = ue.current;
+    K.current = he.current;
   }), /* @__PURE__ */ e(
     It,
     {
-      mode: se,
-      onSelect: ee,
-      minDurationMinutes: p,
+      mode: Z,
+      onSelect: Y,
+      minDurationMinutes: f,
       slotDurationMinutes: V,
-      enabled: !!(o || n),
+      enabled: !!(s || n),
       children: /* @__PURE__ */ r(
         "div",
         {
-          className: g(
+          className: p(
             "inno-calendar-root flex flex-col h-full p-4",
-            w?.root,
+            b?.root,
             i
           ),
           children: [
-            l && /* @__PURE__ */ e(
+            a && /* @__PURE__ */ e(
               Ct,
               {
-                currentDate: E,
-                view: D,
-                events: J,
-                onViewChange: K,
-                onNavigateToday: () => H(/* @__PURE__ */ new Date(), D),
+                currentDate: H,
+                view: M,
+                events: X,
+                onViewChange: G,
+                onNavigateToday: () => L(/* @__PURE__ */ new Date(), M),
                 onNavigatePrev: () => {
-                  const f = new Date(E);
-                  D === "day" || D === "timeline-day" || D === "resource-day" ? f.setDate(f.getDate() - 1) : D === "timeline-3day" ? f.setDate(f.getDate() - 3) : D === "week" || D === "timeline-week" || D === "resource-week" ? f.setDate(f.getDate() - 7) : D === "month" ? f.setMonth(f.getMonth() - 1) : D === "year" ? f.setFullYear(f.getFullYear() - 1) : f.setDate(f.getDate() - 7), H(f, D);
+                  const g = new Date(H);
+                  M === "day" || M === "timeline-day" || M === "resource-day" ? g.setDate(g.getDate() - 1) : M === "timeline-3day" ? g.setDate(g.getDate() - 3) : M === "week" || M === "timeline-week" || M === "resource-week" ? g.setDate(g.getDate() - 7) : M === "month" ? g.setMonth(g.getMonth() - 1) : M === "year" ? g.setFullYear(g.getFullYear() - 1) : g.setDate(g.getDate() - 7), L(g, M);
                 },
                 onNavigateNext: () => {
-                  const f = new Date(E);
-                  D === "day" || D === "timeline-day" || D === "resource-day" ? f.setDate(f.getDate() + 1) : D === "timeline-3day" ? f.setDate(f.getDate() + 3) : D === "week" || D === "timeline-week" || D === "resource-week" ? f.setDate(f.getDate() + 7) : D === "month" ? f.setMonth(f.getMonth() + 1) : D === "year" ? f.setFullYear(f.getFullYear() + 1) : f.setDate(f.getDate() + 7), H(f, D);
+                  const g = new Date(H);
+                  M === "day" || M === "timeline-day" || M === "resource-day" ? g.setDate(g.getDate() + 1) : M === "timeline-3day" ? g.setDate(g.getDate() + 3) : M === "week" || M === "timeline-week" || M === "resource-week" ? g.setDate(g.getDate() + 7) : M === "month" ? g.setMonth(g.getMonth() + 1) : M === "year" ? g.setFullYear(g.getFullYear() + 1) : g.setDate(g.getDate() + 7), L(g, M);
                 },
                 availableViews: [
                   "day",
@@ -2342,27 +2360,27 @@ function Mn({
                 ],
                 showTimelineViews: !0,
                 showSettings: !!A,
-                ...!P && a && { onAddEvent: a },
+                ...!P && o && { onAddEvent: o },
                 actions: P,
                 settingsContent: A,
                 filterContent: $,
-                ...y && { headerConfig: y }
+                ...C && { headerConfig: C }
               }
             ),
             /* @__PURE__ */ r("div", { className: "relative flex-1 min-h-0", children: [
               /* @__PURE__ */ e(
                 "div",
                 {
-                  ref: ue,
-                  className: g(
+                  ref: he,
+                  className: p(
                     "h-full border rounded-lg bg-white overflow-x-auto",
-                    w?.viewContainer
+                    b?.viewContainer
                   ),
-                  children: be()
+                  children: we()
                 }
               ),
               v && /* @__PURE__ */ e("div", { className: "inno-calendar-loading-overlay", children: /* @__PURE__ */ e("div", { className: "inno-calendar-spinner" }) }),
-              /* @__PURE__ */ e(Cn, { containerRef: ue })
+              /* @__PURE__ */ e(Cn, { containerRef: he, currentDate: H })
             ] })
           ]
         }
@@ -2373,90 +2391,90 @@ function Mn({
 function Sn({
   events: t,
   users: n = [],
-  scheduleTypes: o = [],
-  initialView: a = "week",
+  scheduleTypes: s = [],
+  initialView: o = "week",
   initialDate: i,
-  initialSelectedUserId: l,
-  initialScheduleTypeIds: p,
-  initialParticipantIds: h,
-  initialWorkingHoursView: d,
+  initialSelectedUserId: a,
+  initialScheduleTypeIds: f,
+  initialParticipantIds: m,
+  initialWorkingHoursView: c,
   initialSearchQuery: v,
-  preferencesConfig: b,
-  onEventClick: w,
+  preferencesConfig: y,
+  onEventClick: b,
   onSlotClick: A,
   onSlotSelect: $,
   onAddEvent: P,
-  onEventDrop: W,
+  onEventDrop: F,
   onDateChange: T,
-  onViewChange: y,
-  className: z,
-  showHeader: O = !0,
+  onViewChange: C,
+  className: j,
+  showHeader: W = !0,
   minSelectionMinutes: _ = 30,
-  showMoreMode: D,
-  showMoreEventsInPopover: K = !1,
-  isLoading: E = !1,
-  renderPopover: H,
+  showMoreMode: M,
+  showMoreEventsInPopover: G = !1,
+  isLoading: H = !1,
+  renderPopover: L,
   slots: V,
-  classNames: J,
-  settingsContent: G,
+  classNames: X,
+  settingsContent: Q,
   filterContent: B,
-  headerActions: s,
-  focusEventId: m,
-  headerConfig: N,
-  eventDetailMode: L,
-  renderEventDetail: S
-}, Y) {
-  return /* @__PURE__ */ e(Tt, { ...W && { onEventDrop: W }, children: /* @__PURE__ */ e(
+  headerActions: d,
+  focusEventId: N,
+  headerConfig: h,
+  eventDetailMode: D,
+  renderEventDetail: w
+}, R) {
+  return /* @__PURE__ */ e(Tt, { ...F && { onEventDrop: F }, children: /* @__PURE__ */ e(
     Ht,
     {
       initialEvents: t,
       initialUsers: n,
-      initialScheduleTypes: o,
-      initialView: a,
+      initialScheduleTypes: s,
+      initialView: o,
       ...i && { initialDate: i },
-      ...l && { initialSelectedUserId: l },
-      ...p && { initialScheduleTypeIds: p },
-      ...h && { initialParticipantIds: h },
-      ...d && { initialWorkingHoursView: d },
+      ...a && { initialSelectedUserId: a },
+      ...f && { initialScheduleTypeIds: f },
+      ...m && { initialParticipantIds: m },
+      ...c && { initialWorkingHoursView: c },
       ...v && { initialSearchQuery: v },
-      ...b && { preferencesConfig: b },
+      ...y && { preferencesConfig: y },
       ...T && { onDateChange: T },
-      ...y && { onViewChange: y },
-      ...m && { initialFocusEventId: m },
+      ...C && { onViewChange: C },
+      ...N && { initialFocusEventId: N },
       children: /* @__PURE__ */ e(
         Mn,
         {
-          ...w && { onEventClick: w },
+          ...b && { onEventClick: b },
           ...A && { onSlotClick: A },
           ...$ && { onSlotSelect: $ },
           ...P && { onAddEvent: P },
-          ...H && { renderPopover: H },
-          className: z,
-          showHeader: O,
+          ...L && { renderPopover: L },
+          className: j,
+          showHeader: W,
           minSelectionMinutes: _,
-          ...D && { showMoreMode: D },
-          showMoreEventsInPopover: K,
-          isLoading: E,
+          ...M && { showMoreMode: M },
+          showMoreEventsInPopover: G,
+          isLoading: H,
           ...V && { slots: V },
-          ...J && { classNames: J },
-          settingsContent: G,
+          ...X && { classNames: X },
+          settingsContent: Q,
           filterContent: B,
-          headerActions: s,
-          calendarRef: Y,
-          ...N && { headerConfig: N },
-          ...L && { eventDetailMode: L },
-          ...S && { renderEventDetail: S }
+          headerActions: d,
+          calendarRef: R,
+          ...h && { headerConfig: h },
+          ...D && { eventDetailMode: D },
+          ...w && { renderEventDetail: w }
         }
       )
     }
   ) });
 }
-const Cr = Ae(Sn), xe = Ae(
-  ({ className: t, children: n, ...o }, a) => /* @__PURE__ */ e(
+const Cr = Ae(Sn), ve = Ae(
+  ({ className: t, children: n, ...s }, o) => /* @__PURE__ */ e(
     "select",
     {
-      ref: a,
-      className: g(
+      ref: o,
+      className: p(
         "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",
@@ -2464,24 +2482,24 @@ const Cr = Ae(Sn), xe = Ae(
         "[&>option]:bg-background",
         t
       ),
-      ...o,
+      ...s,
       children: n
     }
   )
 );
-xe.displayName = "Select";
-const he = Ae(({ className: t, ...n }, o) => /* @__PURE__ */ e(
+ve.displayName = "Select";
+const me = Ae(({ className: t, ...n }, s) => /* @__PURE__ */ e(
   "label",
   {
-    ref: o,
-    className: g(
+    ref: s,
+    className: p(
       "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
       t
     ),
     ...n
   }
 ));
-he.displayName = "Label";
+me.displayName = "Label";
 function En({ className: t }) {
   return /* @__PURE__ */ r(
     "svg",
@@ -2533,37 +2551,37 @@ const Tn = [
 function Dr({
   value: t,
   onChange: n,
-  isLocked: o = !1,
-  className: a,
+  isLocked: s = !1,
+  className: o,
   labels: i = {}
 }) {
-  const l = {
+  const a = {
     title: "Slot duration",
     lockedMessage: "This setting is locked by the administrator",
     infoMessage: "Set the time slot duration for day and week calendar views.",
     ...i
-  }, p = (h) => {
-    o || n(Number(h.target.value));
+  }, f = (m) => {
+    s || n(Number(m.target.value));
   };
-  return /* @__PURE__ */ r("div", { className: g("flex flex-col gap-3", a), children: [
+  return /* @__PURE__ */ r("div", { className: p("flex flex-col gap-3", o), children: [
     /* @__PURE__ */ r("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ e(he, { className: "text-sm font-semibold", children: l.title }),
-      o ? /* @__PURE__ */ e(me, { delayDuration: 100, children: /* @__PURE__ */ r(fe, { children: [
-        /* @__PURE__ */ e(ge, { children: /* @__PURE__ */ e(Ln, { className: "size-3 text-muted-foreground" }) }),
-        /* @__PURE__ */ e(pe, { children: /* @__PURE__ */ e("p", { children: l.lockedMessage }) })
-      ] }) }) : /* @__PURE__ */ e(me, { delayDuration: 100, children: /* @__PURE__ */ r(fe, { children: [
-        /* @__PURE__ */ e(ge, { children: /* @__PURE__ */ e(En, { className: "size-3 text-muted-foreground" }) }),
-        /* @__PURE__ */ e(pe, { className: "max-w-64 text-center", children: /* @__PURE__ */ e("p", { children: l.infoMessage }) })
+      /* @__PURE__ */ e(me, { className: "text-sm font-semibold", children: a.title }),
+      s ? /* @__PURE__ */ e(fe, { delayDuration: 100, children: /* @__PURE__ */ r(ge, { children: [
+        /* @__PURE__ */ e(pe, { children: /* @__PURE__ */ e(Ln, { className: "size-3 text-muted-foreground" }) }),
+        /* @__PURE__ */ e(xe, { children: /* @__PURE__ */ e("p", { children: a.lockedMessage }) })
+      ] }) }) : /* @__PURE__ */ e(fe, { delayDuration: 100, children: /* @__PURE__ */ r(ge, { children: [
+        /* @__PURE__ */ e(pe, { children: /* @__PURE__ */ e(En, { className: "size-3 text-muted-foreground" }) }),
+        /* @__PURE__ */ e(xe, { className: "max-w-64 text-center", children: /* @__PURE__ */ e("p", { children: a.infoMessage }) })
       ] }) })
     ] }),
     /* @__PURE__ */ e(
-      xe,
+      ve,
       {
         value: t.toString(),
-        onChange: p,
-        disabled: o,
+        onChange: f,
+        disabled: s,
         className: "h-9 w-[128px] text-sm",
-        children: Tn.map((h) => /* @__PURE__ */ e("option", { value: h.value.toString(), children: h.label }, h.value))
+        children: Tn.map((m) => /* @__PURE__ */ e("option", { value: m.value.toString(), children: m.label }, m.value))
       }
     )
   ] });
@@ -2619,11 +2637,11 @@ const In = [
 function Mr({
   value: t,
   onChange: n,
-  isLocked: o = !1,
-  className: a,
+  isLocked: s = !1,
+  className: o,
   labels: i = {}
 }) {
-  const l = {
+  const a = {
     title: "Event display",
     lockedMessage: "This setting is locked by the administrator",
     infoMessage: "Choose how events are displayed. Dot shows a small indicator, colored fills the entire event, mixed uses both.",
@@ -2633,28 +2651,28 @@ function Mr({
       mixed: "Mixed"
     },
     ...i
-  }, p = (d) => l.options?.[d] ?? d, h = (d) => {
-    o || n(d.target.value);
+  }, f = (c) => a.options?.[c] ?? c, m = (c) => {
+    s || n(c.target.value);
   };
-  return /* @__PURE__ */ r("div", { className: g("flex flex-col gap-3", a), children: [
+  return /* @__PURE__ */ r("div", { className: p("flex flex-col gap-3", o), children: [
     /* @__PURE__ */ r("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ e(he, { className: "text-sm font-semibold", children: l.title }),
-      o ? /* @__PURE__ */ e(me, { delayDuration: 100, children: /* @__PURE__ */ r(fe, { children: [
-        /* @__PURE__ */ e(ge, { children: /* @__PURE__ */ e(zn, { className: "size-3 text-muted-foreground" }) }),
-        /* @__PURE__ */ e(pe, { children: /* @__PURE__ */ e("p", { children: l.lockedMessage }) })
-      ] }) }) : /* @__PURE__ */ e(me, { delayDuration: 100, children: /* @__PURE__ */ r(fe, { children: [
-        /* @__PURE__ */ e(ge, { children: /* @__PURE__ */ e(Hn, { className: "size-3 text-muted-foreground" }) }),
-        /* @__PURE__ */ e(pe, { className: "max-w-64 text-center", children: /* @__PURE__ */ e("p", { children: l.infoMessage }) })
+      /* @__PURE__ */ e(me, { className: "text-sm font-semibold", children: a.title }),
+      s ? /* @__PURE__ */ e(fe, { delayDuration: 100, children: /* @__PURE__ */ r(ge, { children: [
+        /* @__PURE__ */ e(pe, { children: /* @__PURE__ */ e(zn, { className: "size-3 text-muted-foreground" }) }),
+        /* @__PURE__ */ e(xe, { children: /* @__PURE__ */ e("p", { children: a.lockedMessage }) })
+      ] }) }) : /* @__PURE__ */ e(fe, { delayDuration: 100, children: /* @__PURE__ */ r(ge, { children: [
+        /* @__PURE__ */ e(pe, { children: /* @__PURE__ */ e(Hn, { className: "size-3 text-muted-foreground" }) }),
+        /* @__PURE__ */ e(xe, { className: "max-w-64 text-center", children: /* @__PURE__ */ e("p", { children: a.infoMessage }) })
       ] }) })
     ] }),
     /* @__PURE__ */ e(
-      xe,
+      ve,
       {
         value: t,
-        onChange: h,
-        disabled: o,
+        onChange: m,
+        disabled: s,
         className: "h-9 w-[128px] text-sm",
-        children: In.map((d) => /* @__PURE__ */ e("option", { value: d.value, children: p(d.value) }, d.value))
+        children: In.map((c) => /* @__PURE__ */ e("option", { value: c.value, children: f(c.value) }, c.value))
       }
     )
   ] });
@@ -2711,48 +2729,48 @@ function Pn() {
 function Sr({
   value: t,
   onChange: n,
-  isLocked: o = !1,
-  className: a,
+  isLocked: s = !1,
+  className: o,
   labels: i = {}
 }) {
-  const l = {
+  const a = {
     title: "Visible hours",
     from: "From",
     to: "To",
     lockedMessage: "This setting is locked by the administrator",
     infoMessage: "Set the visible hour range for day and week views. Hours outside this range will be hidden.",
     ...i
-  }, p = Pn(), h = (v) => {
-    if (o) return;
-    const b = Number(v.target.value);
-    b < t.endHour && n({ ...t, startHour: b });
-  }, d = (v) => {
-    if (o) return;
-    const b = Number(v.target.value);
-    b > t.startHour && n({ ...t, endHour: b });
+  }, f = Pn(), m = (v) => {
+    if (s) return;
+    const y = Number(v.target.value);
+    y < t.endHour && n({ ...t, startHour: y });
+  }, c = (v) => {
+    if (s) return;
+    const y = Number(v.target.value);
+    y > t.startHour && n({ ...t, endHour: y });
   };
-  return /* @__PURE__ */ r("div", { className: g("flex flex-col gap-3", a), children: [
+  return /* @__PURE__ */ r("div", { className: p("flex flex-col gap-3", o), children: [
     /* @__PURE__ */ r("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ e(he, { className: "text-sm font-semibold", children: l.title }),
-      o ? /* @__PURE__ */ e(me, { delayDuration: 100, children: /* @__PURE__ */ r(fe, { children: [
-        /* @__PURE__ */ e(ge, { children: /* @__PURE__ */ e(An, { className: "size-3 text-muted-foreground" }) }),
-        /* @__PURE__ */ e(pe, { children: /* @__PURE__ */ e("p", { children: l.lockedMessage }) })
-      ] }) }) : /* @__PURE__ */ e(me, { delayDuration: 100, children: /* @__PURE__ */ r(fe, { children: [
-        /* @__PURE__ */ e(ge, { children: /* @__PURE__ */ e(jn, { className: "size-3 text-muted-foreground" }) }),
-        /* @__PURE__ */ e(pe, { className: "max-w-64 text-center", children: /* @__PURE__ */ e("p", { children: l.infoMessage }) })
+      /* @__PURE__ */ e(me, { className: "text-sm font-semibold", children: a.title }),
+      s ? /* @__PURE__ */ e(fe, { delayDuration: 100, children: /* @__PURE__ */ r(ge, { children: [
+        /* @__PURE__ */ e(pe, { children: /* @__PURE__ */ e(An, { className: "size-3 text-muted-foreground" }) }),
+        /* @__PURE__ */ e(xe, { children: /* @__PURE__ */ e("p", { children: a.lockedMessage }) })
+      ] }) }) : /* @__PURE__ */ e(fe, { delayDuration: 100, children: /* @__PURE__ */ r(ge, { children: [
+        /* @__PURE__ */ e(pe, { children: /* @__PURE__ */ e(jn, { className: "size-3 text-muted-foreground" }) }),
+        /* @__PURE__ */ e(xe, { className: "max-w-64 text-center", children: /* @__PURE__ */ e("p", { children: a.infoMessage }) })
       ] }) })
     ] }),
     /* @__PURE__ */ r("div", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ r("div", { className: "flex flex-col gap-1", children: [
-        /* @__PURE__ */ e(he, { className: "text-xs text-muted-foreground", children: l.from }),
+        /* @__PURE__ */ e(me, { className: "text-xs text-muted-foreground", children: a.from }),
         /* @__PURE__ */ e(
-          xe,
+          ve,
           {
             value: t.startHour.toString(),
-            onChange: h,
-            disabled: o,
+            onChange: m,
+            disabled: s,
             className: "h-9 w-[88px] text-sm",
-            children: p.map((v) => /* @__PURE__ */ e(
+            children: f.map((v) => /* @__PURE__ */ e(
               "option",
               {
                 value: v.value.toString(),
@@ -2766,15 +2784,15 @@ function Sr({
       ] }),
       /* @__PURE__ */ e("span", { className: "mt-5 text-muted-foreground", children: "—" }),
       /* @__PURE__ */ r("div", { className: "flex flex-col gap-1", children: [
-        /* @__PURE__ */ e(he, { className: "text-xs text-muted-foreground", children: l.to }),
+        /* @__PURE__ */ e(me, { className: "text-xs text-muted-foreground", children: a.to }),
         /* @__PURE__ */ e(
-          xe,
+          ve,
           {
             value: t.endHour.toString(),
-            onChange: d,
-            disabled: o,
+            onChange: c,
+            disabled: s,
             className: "h-9 w-[88px] text-sm",
-            children: p.map((v) => /* @__PURE__ */ e(
+            children: f.map((v) => /* @__PURE__ */ e(
               "option",
               {
                 value: v.value.toString(),
@@ -2874,17 +2892,17 @@ const nt = {
   friday: "Fri",
   saturday: "Sat"
 };
-function Bn({ dayLabel: t, config: n, onChange: o, disabled: a, hourOptions: i }) {
-  const l = () => {
-    a || o({ ...n, enabled: !n.enabled });
-  }, p = (d) => {
-    if (a) return;
-    const v = Number(d.target.value);
-    v < n.to && o({ ...n, from: v });
-  }, h = (d) => {
-    if (a) return;
-    const v = Number(d.target.value);
-    v > n.from && o({ ...n, to: v });
+function Bn({ dayLabel: t, config: n, onChange: s, disabled: o, hourOptions: i }) {
+  const a = () => {
+    o || s({ ...n, enabled: !n.enabled });
+  }, f = (c) => {
+    if (o) return;
+    const v = Number(c.target.value);
+    v < n.to && s({ ...n, from: v });
+  }, m = (c) => {
+    if (o) return;
+    const v = Number(c.target.value);
+    v > n.from && s({ ...n, to: v });
   };
   return /* @__PURE__ */ r("div", { className: "flex items-center gap-2", children: [
     /* @__PURE__ */ e(
@@ -2894,36 +2912,36 @@ function Bn({ dayLabel: t, config: n, onChange: o, disabled: a, hourOptions: i }
         role: "checkbox",
         "aria-checked": n.enabled,
         "aria-label": `Enable ${t}`,
-        onClick: l,
-        disabled: a,
-        className: g(
+        onClick: a,
+        disabled: o,
+        className: p(
           "flex size-5 shrink-0 items-center justify-center rounded border transition-colors",
           n.enabled ? "border-primary bg-primary text-primary-foreground" : "border-input bg-background",
-          a && "cursor-not-allowed opacity-50"
+          o && "cursor-not-allowed opacity-50"
         ),
         children: n.enabled && /* @__PURE__ */ e($n, { className: "size-3" })
       }
     ),
-    /* @__PURE__ */ e("span", { className: g("w-10 text-sm", !n.enabled && "text-muted-foreground"), children: t }),
+    /* @__PURE__ */ e("span", { className: p("w-10 text-sm", !n.enabled && "text-muted-foreground"), children: t }),
     /* @__PURE__ */ e(
-      xe,
+      ve,
       {
         value: n.from.toString(),
-        onChange: p,
-        disabled: a || !n.enabled,
+        onChange: f,
+        disabled: o || !n.enabled,
         className: "h-8 w-[76px] text-xs",
-        children: i.map((d) => /* @__PURE__ */ e("option", { value: d.value.toString(), disabled: d.value >= n.to, children: d.label }, d.value))
+        children: i.map((c) => /* @__PURE__ */ e("option", { value: c.value.toString(), disabled: c.value >= n.to, children: c.label }, c.value))
       }
     ),
     /* @__PURE__ */ e("span", { className: "text-xs text-muted-foreground", children: "—" }),
     /* @__PURE__ */ e(
-      xe,
+      ve,
       {
         value: n.to.toString(),
-        onChange: h,
-        disabled: a || !n.enabled,
+        onChange: m,
+        disabled: o || !n.enabled,
         className: "h-8 w-[76px] text-xs",
-        children: i.map((d) => /* @__PURE__ */ e("option", { value: d.value.toString(), disabled: d.value <= n.from, children: d.label }, d.value))
+        children: i.map((c) => /* @__PURE__ */ e("option", { value: c.value.toString(), disabled: c.value <= n.from, children: c.label }, c.value))
       }
     )
   ] });
@@ -2931,40 +2949,40 @@ function Bn({ dayLabel: t, config: n, onChange: o, disabled: a, hourOptions: i }
 function Er({
   value: t,
   onChange: n,
-  isLocked: o = !1,
-  className: a,
+  isLocked: s = !1,
+  className: o,
   labels: i = {}
 }) {
-  const l = {
+  const a = {
     title: "Working hours",
     lockedMessage: "This setting is locked by the administrator",
     infoMessage: "Configure working hours for each day of the week. Non-working hours will be grayed out in day and week views.",
     days: nt,
     ...i
-  }, p = _n(), h = (d, v) => {
-    o || n({ ...t, [d]: v });
+  }, f = _n(), m = (c, v) => {
+    s || n({ ...t, [c]: v });
   };
-  return /* @__PURE__ */ r("div", { className: g("flex flex-col gap-3", a), children: [
+  return /* @__PURE__ */ r("div", { className: p("flex flex-col gap-3", o), children: [
     /* @__PURE__ */ r("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ e(he, { className: "text-sm font-semibold", children: l.title }),
-      o ? /* @__PURE__ */ e(me, { delayDuration: 100, children: /* @__PURE__ */ r(fe, { children: [
-        /* @__PURE__ */ e(ge, { children: /* @__PURE__ */ e(Fn, { className: "size-3 text-muted-foreground" }) }),
-        /* @__PURE__ */ e(pe, { children: /* @__PURE__ */ e("p", { children: l.lockedMessage }) })
-      ] }) }) : /* @__PURE__ */ e(me, { delayDuration: 100, children: /* @__PURE__ */ r(fe, { children: [
-        /* @__PURE__ */ e(ge, { children: /* @__PURE__ */ e(Wn, { className: "size-3 text-muted-foreground" }) }),
-        /* @__PURE__ */ e(pe, { className: "max-w-64 text-center", children: /* @__PURE__ */ e("p", { children: l.infoMessage }) })
+      /* @__PURE__ */ e(me, { className: "text-sm font-semibold", children: a.title }),
+      s ? /* @__PURE__ */ e(fe, { delayDuration: 100, children: /* @__PURE__ */ r(ge, { children: [
+        /* @__PURE__ */ e(pe, { children: /* @__PURE__ */ e(Fn, { className: "size-3 text-muted-foreground" }) }),
+        /* @__PURE__ */ e(xe, { children: /* @__PURE__ */ e("p", { children: a.lockedMessage }) })
+      ] }) }) : /* @__PURE__ */ e(fe, { delayDuration: 100, children: /* @__PURE__ */ r(ge, { children: [
+        /* @__PURE__ */ e(pe, { children: /* @__PURE__ */ e(Wn, { className: "size-3 text-muted-foreground" }) }),
+        /* @__PURE__ */ e(xe, { className: "max-w-64 text-center", children: /* @__PURE__ */ e("p", { children: a.infoMessage }) })
       ] }) })
     ] }),
-    /* @__PURE__ */ e("div", { className: "flex flex-col gap-2", children: On.map((d) => /* @__PURE__ */ e(
+    /* @__PURE__ */ e("div", { className: "flex flex-col gap-2", children: On.map((c) => /* @__PURE__ */ e(
       Bn,
       {
-        dayLabel: l.days?.[d] ?? nt[d],
-        config: t[d],
-        onChange: (v) => h(d, v),
-        disabled: o,
-        hourOptions: p
+        dayLabel: a.days?.[c] ?? nt[c],
+        config: t[c],
+        onChange: (v) => m(c, v),
+        disabled: s,
+        hourOptions: f
       },
-      d
+      c
     )) })
   ] });
 }
@@ -3031,7 +3049,7 @@ function Un({ className: t }) {
     }
   );
 }
-function _e({ checked: t, onCheckedChange: n, className: o, children: a }) {
+function _e({ checked: t, onCheckedChange: n, className: s, children: o }) {
   return /* @__PURE__ */ e(
     "button",
     {
@@ -3039,34 +3057,34 @@ function _e({ checked: t, onCheckedChange: n, className: o, children: a }) {
       role: "checkbox",
       "aria-checked": t,
       onClick: () => n(!t),
-      className: o,
-      children: a
+      className: s,
+      children: o
     }
   );
 }
-function Vn({ src: t, alt: n, fallback: o, className: a }) {
-  const [i, l] = ie(!1);
+function Vn({ src: t, alt: n, fallback: s, className: o }) {
+  const [i, a] = ie(!1);
   return !t || i ? /* @__PURE__ */ e(
     "div",
     {
-      className: g(
+      className: p(
         "flex items-center justify-center bg-zinc-200 text-zinc-600 font-medium text-sm",
-        a
+        o
       ),
-      children: o || "?"
+      children: s || "?"
     }
   ) : /* @__PURE__ */ e(
     "img",
     {
       src: t,
       alt: n || "",
-      className: g("object-cover", a),
-      onError: () => l(!0)
+      className: p("object-cover", o),
+      onError: () => a(!0)
     }
   );
 }
-function rt({ value: t, onChange: n, placeholder: o, className: a }) {
-  return /* @__PURE__ */ r("div", { className: g("relative", a), children: [
+function rt({ value: t, onChange: n, placeholder: s, className: o }) {
+  return /* @__PURE__ */ r("div", { className: p("relative", o), children: [
     /* @__PURE__ */ e(Rn, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }),
     /* @__PURE__ */ e(
       "input",
@@ -3074,16 +3092,16 @@ function rt({ value: t, onChange: n, placeholder: o, className: a }) {
         type: "text",
         value: t,
         onChange: (i) => n(i.target.value),
-        placeholder: o,
+        placeholder: s,
         className: "h-9 w-full rounded-lg border border-border bg-white pl-9 pr-3 text-sm placeholder:text-muted-foreground focus:border-primary focus:outline-none focus:ring-1 focus:ring-primary"
       }
     )
   ] });
 }
-function ot(t, n, o, a = 0.3) {
+function ot(t, n, s, o = 0.3) {
   if (!n.trim()) return t;
   const i = n.toLowerCase();
-  return t.filter((l) => o(l).some((h) => h ? h.toLowerCase().includes(i) : !1));
+  return t.filter((a) => s(a).some((m) => m ? m.toLowerCase().includes(i) : !1));
 }
 const Yn = {
   title: "Filters",
@@ -3101,54 +3119,54 @@ const Yn = {
 function Tr({
   scheduleTypes: t,
   users: n,
-  selectedScheduleTypeIds: o,
-  onScheduleTypeChange: a,
+  selectedScheduleTypeIds: s,
+  onScheduleTypeChange: o,
   selectedUserIds: i,
-  onUserChange: l,
-  onClearAll: p,
-  className: h,
-  scheduleTypesLoading: d = !1,
+  onUserChange: a,
+  onClearAll: f,
+  className: m,
+  scheduleTypesLoading: c = !1,
   usersLoading: v = !1,
-  labels: b,
-  getScheduleTypeName: w
+  labels: y,
+  getScheduleTypeName: b
 }) {
-  const A = { ...Yn, ...b }, [$, P] = ie(""), [W, T] = ie(""), y = Q(() => $.trim() ? ot(t, $, (s) => [
-    s.name,
-    w?.(s) || s.name
-  ]) : t, [t, $, w]), z = Q(() => W.trim() ? ot(n, W, (s) => [s.name, s.email || ""]) : n, [n, W]), O = y.length > 0 && y.every((s) => o.includes(s.id)), _ = z.length > 0 && z.every((s) => i.includes(s.id)), D = o.length + i.length, K = (s, m) => {
-    const N = m ? [...o, s] : o.filter((L) => L !== s);
-    a(N);
-  }, E = () => {
-    if (O) {
-      const s = new Set(y.map((m) => m.id));
-      a(o.filter((m) => !s.has(m)));
+  const A = { ...Yn, ...y }, [$, P] = ie(""), [F, T] = ie(""), C = te(() => $.trim() ? ot(t, $, (d) => [
+    d.name,
+    b?.(d) || d.name
+  ]) : t, [t, $, b]), j = te(() => F.trim() ? ot(n, F, (d) => [d.name, d.email || ""]) : n, [n, F]), W = C.length > 0 && C.every((d) => s.includes(d.id)), _ = j.length > 0 && j.every((d) => i.includes(d.id)), M = s.length + i.length, G = (d, N) => {
+    const h = N ? [...s, d] : s.filter((D) => D !== d);
+    o(h);
+  }, H = () => {
+    if (W) {
+      const d = new Set(C.map((N) => N.id));
+      o(s.filter((N) => !d.has(N)));
     } else {
-      const s = /* @__PURE__ */ new Set([
-        ...o,
-        ...y.map((m) => m.id)
+      const d = /* @__PURE__ */ new Set([
+        ...s,
+        ...C.map((N) => N.id)
       ]);
-      a(Array.from(s));
+      o(Array.from(d));
     }
-  }, H = (s, m) => {
-    const N = m ? [...i, s] : i.filter((L) => L !== s);
-    l(N);
+  }, L = (d, N) => {
+    const h = N ? [...i, d] : i.filter((D) => D !== d);
+    a(h);
   }, V = () => {
     if (_) {
-      const s = new Set(z.map((m) => m.id));
-      l(i.filter((m) => !s.has(m)));
+      const d = new Set(j.map((N) => N.id));
+      a(i.filter((N) => !d.has(N)));
     } else {
-      const s = /* @__PURE__ */ new Set([...i, ...z.map((m) => m.id)]);
-      l(Array.from(s));
+      const d = /* @__PURE__ */ new Set([...i, ...j.map((N) => N.id)]);
+      a(Array.from(d));
     }
-  }, J = () => {
-    a([]), l([]), p?.();
-  }, G = (s) => w ? w(s) : s.name, B = (s) => s.colorHex || s.color || "#069AD7";
+  }, X = () => {
+    o([]), a([]), f?.();
+  }, Q = (d) => b ? b(d) : d.name, B = (d) => d.colorHex || d.color || "#069AD7";
   return /* @__PURE__ */ r(
     "div",
     {
-      className: g(
+      className: p(
         "flex min-w-72 max-w-72 flex-col rounded-lg border bg-white shadow-sm",
-        h
+        m
       ),
       children: [
         /* @__PURE__ */ r("header", { className: "flex items-start justify-between gap-2 px-4 pb-2 pt-4", children: [
@@ -3156,11 +3174,11 @@ function Tr({
             /* @__PURE__ */ e("h3", { className: "text-base font-semibold text-foreground", children: A.title }),
             /* @__PURE__ */ e("p", { className: "text-xs text-muted-foreground", children: A.subtitle })
           ] }),
-          D > 0 && /* @__PURE__ */ r(
+          M > 0 && /* @__PURE__ */ r(
             "button",
             {
               type: "button",
-              onClick: J,
+              onClick: X,
               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(Un, { className: "h-3.5 w-3.5" }),
@@ -3177,9 +3195,9 @@ function Tr({
               "button",
               {
                 type: "button",
-                onClick: E,
+                onClick: H,
                 className: "text-xs font-medium text-primary transition-colors hover:text-primary/80",
-                children: O ? A.unselectAll : A.selectAll
+                children: W ? A.unselectAll : A.selectAll
               }
             )
           ] }),
@@ -3192,9 +3210,9 @@ function Tr({
             }
           ) }),
           /* @__PURE__ */ r("div", { className: "flex max-h-[220px] flex-col gap-2 overflow-y-auto px-4 pb-2 scrollbar-thin", children: [
-            d ? (
+            c ? (
               // Loading skeletons
-              Array.from({ length: 4 }).map((s, m) => /* @__PURE__ */ r(
+              Array.from({ length: 4 }).map((d, N) => /* @__PURE__ */ r(
                 "div",
                 {
                   className: "flex animate-pulse items-center gap-2 rounded-md border border-border/60 bg-muted/40 p-2",
@@ -3203,49 +3221,49 @@ function Tr({
                     /* @__PURE__ */ e("div", { className: "h-3 w-24 rounded bg-muted-foreground/20" })
                   ]
                 },
-                `skeleton-${m}`
+                `skeleton-${N}`
               ))
-            ) : y.map((s) => {
-              const m = o.includes(s.id), N = B(s);
+            ) : C.map((d) => {
+              const N = s.includes(d.id), h = B(d);
               return /* @__PURE__ */ r(
                 _e,
                 {
-                  checked: m,
-                  onCheckedChange: (L) => K(s.id, L),
-                  className: g(
+                  checked: N,
+                  onCheckedChange: (D) => G(d.id, D),
+                  className: p(
                     "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",
-                    m && "border-primary bg-primary/5"
+                    N && "border-primary bg-primary/5"
                   ),
                   children: [
                     /* @__PURE__ */ r("div", { className: "flex items-center gap-2", children: [
                       /* @__PURE__ */ e(
                         "span",
                         {
-                          className: g(
+                          className: p(
                             "flex h-4 w-4 items-center justify-center rounded border border-border text-xs transition-colors",
-                            m && "border-primary bg-primary text-primary-foreground"
+                            N && "border-primary bg-primary text-primary-foreground"
                           ),
-                          children: m && /* @__PURE__ */ e(Oe, { className: "h-3 w-3" })
+                          children: N && /* @__PURE__ */ e(Oe, { className: "h-3 w-3" })
                         }
                       ),
-                      /* @__PURE__ */ e("span", { className: "text-sm font-medium text-foreground", children: G(s) })
+                      /* @__PURE__ */ e("span", { className: "text-sm font-medium text-foreground", children: Q(d) })
                     ] }),
                     /* @__PURE__ */ e(
                       "div",
                       {
                         className: "h-4 w-4 rounded-full border",
                         style: {
-                          backgroundColor: N,
-                          borderColor: N
+                          backgroundColor: h,
+                          borderColor: h
                         }
                       }
                     )
                   ]
                 },
-                s.id
+                d.id
               );
             }),
-            !d && y.length === 0 && /* @__PURE__ */ e("p", { className: "px-2 py-1 text-xs text-muted-foreground", children: A.noScheduleTypes })
+            !c && C.length === 0 && /* @__PURE__ */ e("p", { className: "px-2 py-1 text-xs text-muted-foreground", children: A.noScheduleTypes })
           ] })
         ] }),
         /* @__PURE__ */ e("div", { className: "h-px w-full bg-border/60" }),
@@ -3257,7 +3275,7 @@ function Tr({
               {
                 checked: _,
                 onCheckedChange: () => V(),
-                className: g(
+                className: p(
                   "flex h-5 w-5 items-center justify-center rounded border border-border bg-white transition-colors hover:border-primary/50",
                   _ && "border-primary bg-primary text-primary-foreground"
                 ),
@@ -3268,7 +3286,7 @@ function Tr({
           /* @__PURE__ */ e("div", { className: "px-4 pb-3", children: /* @__PURE__ */ e(
             rt,
             {
-              value: W,
+              value: F,
               onChange: T,
               placeholder: A.searchParticipants
             }
@@ -3276,7 +3294,7 @@ function Tr({
           /* @__PURE__ */ r("div", { className: "flex max-h-[400px] flex-col gap-2 overflow-y-auto px-4 pb-4 scrollbar-thin", children: [
             v ? (
               // Loading skeletons
-              Array.from({ length: 4 }).map((s, m) => /* @__PURE__ */ r(
+              Array.from({ length: 4 }).map((d, N) => /* @__PURE__ */ r(
                 "div",
                 {
                   className: "flex animate-pulse items-center gap-3 rounded-md border border-border/60 bg-muted/40 p-3",
@@ -3289,58 +3307,58 @@ function Tr({
                     ] })
                   ]
                 },
-                `p-skeleton-${m}`
+                `p-skeleton-${N}`
               ))
-            ) : z.map((s) => {
-              const m = i.includes(s.id);
+            ) : j.map((d) => {
+              const N = i.includes(d.id);
               return /* @__PURE__ */ r(
                 _e,
                 {
-                  checked: m,
-                  onCheckedChange: (N) => H(s.id, N),
-                  className: g(
+                  checked: N,
+                  onCheckedChange: (h) => L(d.id, h),
+                  className: p(
                     "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",
-                    m && "border-primary bg-zinc-50"
+                    N && "border-primary bg-zinc-50"
                   ),
                   children: [
                     /* @__PURE__ */ e(
                       "span",
                       {
-                        className: g(
+                        className: p(
                           "flex h-4 w-4 flex-shrink-0 items-center justify-center rounded border border-border transition-colors",
-                          m && "border-primary bg-primary text-primary-foreground"
+                          N && "border-primary bg-primary text-primary-foreground"
                         ),
-                        children: m && /* @__PURE__ */ e(Oe, { className: "h-2.5 w-2.5" })
+                        children: N && /* @__PURE__ */ e(Oe, { className: "h-2.5 w-2.5" })
                       }
                     ),
                     /* @__PURE__ */ r("div", { className: "flex flex-1 items-start gap-2", children: [
                       /* @__PURE__ */ e(
                         Vn,
                         {
-                          src: s.avatar ?? null,
-                          alt: s.name,
-                          fallback: s.name?.[0]?.toUpperCase() ?? "?",
+                          src: d.avatar ?? null,
+                          alt: d.name,
+                          fallback: d.name?.[0]?.toUpperCase() ?? "?",
                           className: "h-10 w-10 rounded-lg"
                         }
                       ),
                       /* @__PURE__ */ r("div", { className: "flex max-w-[140px] flex-col gap-0.5 overflow-hidden", children: [
-                        /* @__PURE__ */ e("span", { className: "line-clamp-1 text-sm font-medium text-foreground", children: s.name }),
+                        /* @__PURE__ */ e("span", { className: "line-clamp-1 text-sm font-medium text-foreground", children: d.name }),
                         /* @__PURE__ */ e(
                           "span",
                           {
                             className: "truncate text-[11px] text-muted-foreground",
-                            title: s.email,
-                            children: s.email
+                            title: d.email,
+                            children: d.email
                           }
                         )
                       ] })
                     ] })
                   ]
                 },
-                s.id
+                d.id
               );
             }),
-            !v && z.length === 0 && /* @__PURE__ */ e("p", { className: "px-4 text-xs text-muted-foreground", children: A.noParticipants })
+            !v && j.length === 0 && /* @__PURE__ */ e("p", { className: "px-4 text-xs text-muted-foreground", children: A.noParticipants })
           ] })
         ] })
       ]
@@ -3371,33 +3389,33 @@ function Kn({ className: t }) {
 function Hr({
   scheduleTypes: t,
   value: n,
-  onChange: o,
-  allLabel: a = "All types",
+  onChange: s,
+  allLabel: o = "All types",
   className: i,
-  label: l
+  label: a
 }) {
-  const p = (d) => {
-    o(d.target.value);
-  }, h = t.find((d) => String(d.id) === n);
-  return /* @__PURE__ */ r("div", { className: g("flex flex-col gap-1", i), children: [
-    l && /* @__PURE__ */ e(he, { className: "text-xs text-muted-foreground", children: l }),
+  const f = (c) => {
+    s(c.target.value);
+  }, m = t.find((c) => String(c.id) === n);
+  return /* @__PURE__ */ r("div", { className: p("flex flex-col gap-1", i), children: [
+    a && /* @__PURE__ */ e(me, { className: "text-xs text-muted-foreground", children: a }),
     /* @__PURE__ */ r("div", { className: "relative", children: [
-      h ? /* @__PURE__ */ e(
+      m ? /* @__PURE__ */ e(
         "span",
         {
           className: "pointer-events-none absolute left-2.5 top-1/2 size-3 -translate-y-1/2 rounded-full",
-          style: { backgroundColor: h.color }
+          style: { backgroundColor: m.color }
         }
       ) : /* @__PURE__ */ e(Kn, { className: "pointer-events-none absolute left-2.5 top-1/2 size-4 -translate-y-1/2 text-muted-foreground" }),
       /* @__PURE__ */ r(
-        xe,
+        ve,
         {
           value: n,
-          onChange: p,
+          onChange: f,
           className: "h-9 w-full min-w-[140px] pl-8 pr-8 text-sm",
           children: [
-            /* @__PURE__ */ e("option", { value: "all", children: a }),
-            t.map((d) => /* @__PURE__ */ e("option", { value: String(d.id), children: d.label }, d.id))
+            /* @__PURE__ */ e("option", { value: "all", children: o }),
+            t.map((c) => /* @__PURE__ */ e("option", { value: String(c.id), children: c.label }, c.id))
           ]
         }
       )
@@ -3430,27 +3448,27 @@ function Gn({ className: t }) {
 function zr({
   users: t,
   value: n,
-  onChange: o,
-  allLabel: a = "All users",
+  onChange: s,
+  allLabel: o = "All users",
   className: i,
-  label: l
+  label: a
 }) {
-  const p = (h) => {
-    o(h.target.value);
+  const f = (m) => {
+    s(m.target.value);
   };
-  return /* @__PURE__ */ r("div", { className: g("flex flex-col gap-1", i), children: [
-    l && /* @__PURE__ */ e(he, { className: "text-xs text-muted-foreground", children: l }),
+  return /* @__PURE__ */ r("div", { className: p("flex flex-col gap-1", i), children: [
+    a && /* @__PURE__ */ e(me, { className: "text-xs text-muted-foreground", children: a }),
     /* @__PURE__ */ r("div", { className: "relative", children: [
       /* @__PURE__ */ e(Gn, { className: "pointer-events-none absolute left-2.5 top-1/2 size-4 -translate-y-1/2 text-muted-foreground" }),
       /* @__PURE__ */ r(
-        xe,
+        ve,
         {
           value: n,
-          onChange: p,
+          onChange: f,
           className: "h-9 w-full min-w-[120px] pl-8 pr-8 text-sm",
           children: [
-            /* @__PURE__ */ e("option", { value: "all", children: a }),
-            t.map((h) => /* @__PURE__ */ e("option", { value: h.id, children: h.name }, h.id))
+            /* @__PURE__ */ e("option", { value: "all", children: o }),
+            t.map((m) => /* @__PURE__ */ e("option", { value: m.id, children: m.name }, m.id))
           ]
         }
       )
@@ -3544,16 +3562,16 @@ function Qn({ className: t }) {
   );
 }
 function Zn(t) {
-  const n = t.getFullYear(), o = String(t.getMonth() + 1).padStart(2, "0"), a = String(t.getDate()).padStart(2, "0");
-  return `${n}-${o}-${a}`;
+  const n = t.getFullYear(), s = String(t.getMonth() + 1).padStart(2, "0"), o = String(t.getDate()).padStart(2, "0");
+  return `${n}-${s}-${o}`;
 }
 function st(t) {
-  const n = t.getHours(), o = t.getMinutes(), a = n >= 12 ? "PM" : "AM", i = n % 12 || 12, l = String(o).padStart(2, "0");
-  return `${i}:${l} ${a}`;
+  const n = t.getHours(), s = t.getMinutes(), o = n >= 12 ? "PM" : "AM", i = n % 12 || 12, a = String(s).padStart(2, "0");
+  return `${i}:${a} ${o}`;
 }
 function er(t) {
-  const n = st(t.startDate), o = st(t.endDate);
-  return `${n} - ${o}`;
+  const n = st(t.startDate), s = st(t.endDate);
+  return `${n} - ${s}`;
 }
 function tr(t) {
   const n = ht(/* @__PURE__ */ new Date(), 1);
@@ -3562,7 +3580,7 @@ function tr(t) {
 function nr(t) {
   if (ce(t)) return "Today";
   if (tr(t)) return "Tomorrow";
-  const n = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"], o = [
+  const n = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"], s = [
     "Jan",
     "Feb",
     "Mar",
@@ -3575,33 +3593,33 @@ function nr(t) {
     "Oct",
     "Nov",
     "Dec"
-  ], a = n[t.getDay()], i = o[t.getMonth()], l = t.getDate();
-  return `${a}, ${i} ${l}`;
+  ], o = n[t.getDay()], i = s[t.getMonth()], a = t.getDate();
+  return `${o}, ${i} ${a}`;
 }
 function rr(t, n) {
-  const o = /* @__PURE__ */ new Map();
-  for (const a of t) {
-    const i = Zn(a.startDate), l = o.get(i) ?? [];
-    l.push(a), o.set(i, l);
+  const s = /* @__PURE__ */ new Map();
+  for (const o of t) {
+    const i = Zn(o.startDate), a = s.get(i) ?? [];
+    a.push(o), s.set(i, a);
   }
-  return Array.from(o.entries()).map(([a, i]) => {
-    const l = [...i].sort(
-      (h, d) => h.startDate.getTime() - d.startDate.getTime()
-    ), p = n > 0 ? l.slice(0, n) : l;
+  return Array.from(s.entries()).map(([o, i]) => {
+    const a = [...i].sort(
+      (m, c) => m.startDate.getTime() - c.startDate.getTime()
+    ), f = n > 0 ? a.slice(0, n) : a;
     return {
-      date: new Date(a),
-      dateKey: a,
-      events: p,
-      hasMore: n > 0 && l.length > n
+      date: new Date(o),
+      dateKey: o,
+      events: f,
+      hasMore: n > 0 && a.length > n
     };
-  }).sort((a, i) => a.date.getTime() - i.date.getTime());
+  }).sort((o, i) => o.date.getTime() - i.date.getTime());
 }
 function or(t) {
-  const n = Pe(/* @__PURE__ */ new Date()), o = ut(/* @__PURE__ */ new Date());
-  return t.filter((a) => a.startDate >= n && a.startDate <= o).length;
+  const n = Pe(/* @__PURE__ */ new Date()), s = ut(/* @__PURE__ */ new Date());
+  return t.filter((o) => o.startDate >= n && o.startDate <= s).length;
 }
 function Be({ className: t }) {
-  return /* @__PURE__ */ e("div", { className: g("animate-pulse rounded-md bg-muted", t) });
+  return /* @__PURE__ */ e("div", { className: p("animate-pulse rounded-md bg-muted", t) });
 }
 function sr({ event: t, onClick: n }) {
   return /* @__PURE__ */ r(
@@ -3609,7 +3627,7 @@ function sr({ event: t, onClick: n }) {
     {
       type: "button",
       onClick: () => n?.(t),
-      className: g(
+      className: p(
         "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"
@@ -3634,52 +3652,52 @@ function sr({ event: t, onClick: n }) {
 function ar({ group: t, onEventClick: n }) {
   return /* @__PURE__ */ r("div", { className: "space-y-1", children: [
     /* @__PURE__ */ r("div", { className: "flex items-center justify-between px-2 py-1.5", children: [
-      /* @__PURE__ */ e("h3", { className: g("text-xs font-semibold", ce(t.date) && "text-primary"), children: nr(t.date) }),
+      /* @__PURE__ */ e("h3", { className: p("text-xs font-semibold", ce(t.date) && "text-primary"), children: nr(t.date) }),
       t.hasMore && /* @__PURE__ */ r("span", { className: "text-[10px] text-muted-foreground", children: [
         "+",
         t.events.length,
         " more"
       ] })
     ] }),
-    /* @__PURE__ */ e("div", { className: "space-y-0.5", children: t.events.map((o) => /* @__PURE__ */ e(sr, { event: o, onClick: n }, o.id)) })
+    /* @__PURE__ */ e("div", { className: "space-y-0.5", children: t.events.map((s) => /* @__PURE__ */ e(sr, { event: s, onClick: n }, s.id)) })
   ] });
 }
 function Ir({
   events: t,
   isLoading: n = !1,
-  className: o,
-  daysAhead: a = 7,
+  className: s,
+  daysAhead: o = 7,
   maxEventsPerDay: i = 3,
-  onEventClick: l,
-  onNavigateToAgenda: p
+  onEventClick: a,
+  onNavigateToAgenda: f
 }) {
-  const [h, d] = ie(!1), v = Q(() => {
-    const P = Pe(/* @__PURE__ */ new Date()), W = ht(P, a);
-    return t.filter((T) => T.endDate >= P && T.startDate < W);
-  }, [t, a]), b = Q(
+  const [m, c] = ie(!1), v = te(() => {
+    const P = Pe(/* @__PURE__ */ new Date()), F = ht(P, o);
+    return t.filter((T) => T.endDate >= P && T.startDate < F);
+  }, [t, o]), y = te(
     () => rr(v, i),
     [v, i]
-  ), w = Q(() => or(t), [t]), A = (P) => {
-    d(!1), l?.(P);
+  ), b = te(() => or(t), [t]), A = (P) => {
+    c(!1), a?.(P);
   }, $ = () => {
-    d(!1), p?.();
+    c(!1), f?.();
   };
-  return /* @__PURE__ */ r(lt, { open: h, onOpenChange: d, children: [
+  return /* @__PURE__ */ r(lt, { open: m, onOpenChange: c, children: [
     /* @__PURE__ */ r(
       ct,
       {
-        className: g(
+        className: p(
           "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
+          s
         ),
         children: [
           /* @__PURE__ */ e(Jn, { className: "h-4 w-4" }),
-          w > 0 && /* @__PURE__ */ e(
+          b > 0 && /* @__PURE__ */ e(
             Et,
             {
               variant: "destructive",
               className: "absolute -right-4 -top-4 m-3 flex h-5 w-5 items-center justify-center rounded-full bg-primary p-0 text-[10px] font-medium hover:bg-primary",
-              children: w > 99 ? "99+" : w
+              children: b > 99 ? "99+" : b
             }
           )
         ]
@@ -3689,9 +3707,9 @@ function Ir({
       /* @__PURE__ */ r("div", { className: "flex items-center justify-between border-b p-4", children: [
         /* @__PURE__ */ r("div", { children: [
           /* @__PURE__ */ e("h3", { className: "text-sm font-semibold", children: "Upcoming" }),
-          /* @__PURE__ */ e("p", { className: "text-xs text-muted-foreground", children: w > 0 ? `${w} event${w > 1 ? "s" : ""} today` : "No events today" })
+          /* @__PURE__ */ e("p", { className: "text-xs text-muted-foreground", children: b > 0 ? `${b} event${b > 1 ? "s" : ""} today` : "No events today" })
         ] }),
-        p && /* @__PURE__ */ r(
+        f && /* @__PURE__ */ r(
           "button",
           {
             type: "button",
@@ -3704,21 +3722,21 @@ function Ir({
           }
         )
       ] }),
-      /* @__PURE__ */ e("div", { className: "max-h-80 overflow-y-auto p-2", children: n ? /* @__PURE__ */ e("div", { className: "space-y-2 p-2", children: Array.from({ length: 3 }).map((P, W) => /* @__PURE__ */ r("div", { className: "flex space-x-3", children: [
+      /* @__PURE__ */ e("div", { className: "max-h-80 overflow-y-auto p-2", children: n ? /* @__PURE__ */ e("div", { className: "space-y-2 p-2", children: Array.from({ length: 3 }).map((P, F) => /* @__PURE__ */ r("div", { className: "flex space-x-3", children: [
         /* @__PURE__ */ e(Be, { className: "h-2 w-2 rounded-full mt-2" }),
         /* @__PURE__ */ r("div", { className: "flex-1 space-y-2", children: [
           /* @__PURE__ */ e(Be, { className: "h-4 w-full" }),
           /* @__PURE__ */ e(Be, { className: "h-3 w-3/4" })
         ] })
-      ] }, W)) }) : b.length === 0 ? /* @__PURE__ */ r("div", { className: "flex flex-col items-center justify-center py-8 text-center", children: [
+      ] }, F)) }) : y.length === 0 ? /* @__PURE__ */ r("div", { className: "flex flex-col items-center justify-center py-8 text-center", children: [
         /* @__PURE__ */ e(qn, { className: "mb-2 h-8 w-8 text-muted-foreground/50" }),
         /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: "No upcoming events" }),
         /* @__PURE__ */ r("p", { className: "text-xs text-muted-foreground/70", children: [
           "Your schedule is clear for the next ",
-          a,
+          o,
           " days"
         ] })
-      ] }) : /* @__PURE__ */ e("div", { className: "space-y-3 divide-y", children: b.map((P) => /* @__PURE__ */ e(
+      ] }) : /* @__PURE__ */ e("div", { className: "space-y-3 divide-y", children: y.map((P) => /* @__PURE__ */ e(
         ar,
         {
           group: P,
@@ -3777,8 +3795,8 @@ function lr(t) {
   return n.setDate(n.getDate() + 1), t.getFullYear() === n.getFullYear() && t.getMonth() === n.getMonth() && t.getDate() === n.getDate();
 }
 function at(t) {
-  const n = t.getHours(), o = t.getMinutes(), a = n >= 12 ? "PM" : "AM";
-  return `${n % 12 || 12}:${o.toString().padStart(2, "0")} ${a}`;
+  const n = t.getHours(), s = t.getMinutes(), o = n >= 12 ? "PM" : "AM";
+  return `${n % 12 || 12}:${s.toString().padStart(2, "0")} ${o}`;
 }
 function cr(t) {
   return new Intl.DateTimeFormat("en-US", {
@@ -3788,58 +3806,58 @@ function cr(t) {
   }).format(t);
 }
 function dr(t) {
-  const n = at(t.startDate), o = at(t.endDate);
-  return `${n} - ${o}`;
+  const n = at(t.startDate), s = at(t.endDate);
+  return `${n} - ${s}`;
 }
 function ur(t) {
   return ce(t) ? "Today" : lr(t) ? "Tomorrow" : cr(t);
 }
 function hr(t, n) {
-  const o = /* @__PURE__ */ new Map();
-  for (const a of t) {
-    const i = Wt(a.startDate), l = o.get(i) ?? [];
-    l.push(a), o.set(i, l);
+  const s = /* @__PURE__ */ new Map();
+  for (const o of t) {
+    const i = Wt(o.startDate), a = s.get(i) ?? [];
+    a.push(o), s.set(i, a);
   }
-  return Array.from(o.entries()).map(([a, i]) => {
-    const l = [...i].sort(
-      (h, d) => h.startDate.getTime() - d.startDate.getTime()
-    ), p = n > 0 ? l.slice(0, n) : l;
+  return Array.from(s.entries()).map(([o, i]) => {
+    const a = [...i].sort(
+      (m, c) => m.startDate.getTime() - c.startDate.getTime()
+    ), f = n > 0 ? a.slice(0, n) : a;
     return {
-      date: new Date(a),
-      dateKey: a,
-      events: p,
-      hasMore: n > 0 && l.length > n
+      date: new Date(o),
+      dateKey: o,
+      events: f,
+      hasMore: n > 0 && a.length > n
     };
-  }).sort((a, i) => a.date.getTime() - i.date.getTime());
+  }).sort((o, i) => o.date.getTime() - i.date.getTime());
 }
-function mr({ event: t, onClick: n, compact: o }) {
+function mr({ event: t, onClick: n, compact: s }) {
   return /* @__PURE__ */ r(
     "button",
     {
       type: "button",
       onClick: () => n?.(t),
-      className: g(
+      className: p(
         "w-full text-left rounded-lg transition-colors",
         "hover:bg-accent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
         "flex items-start gap-3",
-        o ? "p-2" : "p-3"
+        s ? "p-2" : "p-3"
       ),
       children: [
         /* @__PURE__ */ e(
           "div",
           {
-            className: g("shrink-0 rounded-full mt-1", o ? "size-2" : "size-2.5"),
+            className: p("shrink-0 rounded-full mt-1", s ? "size-2" : "size-2.5"),
             style: { backgroundColor: t.color ?? "#3b82f6" }
           }
         ),
         /* @__PURE__ */ r("div", { className: "min-w-0 flex-1", children: [
-          /* @__PURE__ */ e("p", { className: g("font-medium truncate", o ? "text-xs" : "text-sm"), children: t.title }),
-          /* @__PURE__ */ e("p", { className: g("text-muted-foreground truncate", o ? "text-[10px]" : "text-xs"), children: dr(t) })
+          /* @__PURE__ */ e("p", { className: p("font-medium truncate", s ? "text-xs" : "text-sm"), children: t.title }),
+          /* @__PURE__ */ e("p", { className: p("text-muted-foreground truncate", s ? "text-[10px]" : "text-xs"), children: dr(t) })
         ] }),
         n && /* @__PURE__ */ e(
           ft,
           {
-            className: g("shrink-0 text-muted-foreground/50", o ? "size-3" : "size-4")
+            className: p("shrink-0 text-muted-foreground/50", s ? "size-3" : "size-4")
           }
         )
       ]
@@ -3849,98 +3867,98 @@ function mr({ event: t, onClick: n, compact: o }) {
 function fr({
   group: t,
   onEventClick: n,
-  onViewMore: o,
-  compact: a
+  onViewMore: s,
+  compact: o
 }) {
   return /* @__PURE__ */ r("div", { className: "space-y-1", children: [
-    /* @__PURE__ */ r("div", { className: g("flex items-center justify-between px-2", a ? "py-1" : "py-1.5"), children: [
+    /* @__PURE__ */ r("div", { className: p("flex items-center justify-between px-2", o ? "py-1" : "py-1.5"), children: [
       /* @__PURE__ */ e(
         "h3",
         {
-          className: g(
+          className: p(
             "font-semibold",
-            a ? "text-xs" : "text-sm",
+            o ? "text-xs" : "text-sm",
             ce(t.date) && "text-primary"
           ),
           children: ur(t.date)
         }
       ),
-      t.hasMore && o && /* @__PURE__ */ e(
+      t.hasMore && s && /* @__PURE__ */ e(
         "button",
         {
           type: "button",
-          onClick: () => o(t.date),
-          className: g("text-primary hover:underline", a ? "text-[10px]" : "text-xs"),
+          onClick: () => s(t.date),
+          className: p("text-primary hover:underline", o ? "text-[10px]" : "text-xs"),
           children: "+more"
         }
       )
     ] }),
-    /* @__PURE__ */ e("div", { className: "space-y-0.5", children: t.events.map((i) => /* @__PURE__ */ e(mr, { event: i, onClick: n, compact: a }, i.id)) })
+    /* @__PURE__ */ e("div", { className: "space-y-0.5", children: t.events.map((i) => /* @__PURE__ */ e(mr, { event: i, onClick: n, compact: o }, i.id)) })
   ] });
 }
 function jr({
   events: t,
   daysAhead: n = 7,
-  maxEventsPerDay: o = 3,
-  onEventClick: a,
+  maxEventsPerDay: s = 3,
+  onEventClick: o,
   onViewAll: i,
-  className: l,
-  emptyState: p,
-  title: h = "Upcoming",
-  showHeader: d = !0,
+  className: a,
+  emptyState: f,
+  title: m = "Upcoming",
+  showHeader: c = !0,
   compact: v = !1
 }) {
-  const b = it(), w = b?.filteredEvents, A = b?.currentDate ?? /* @__PURE__ */ new Date(), $ = t ?? w ?? [], P = Q(() => {
-    const y = Pe(A), z = new Date(y);
-    return z.setDate(z.getDate() + n), $.filter((O) => O.endDate >= y && O.startDate < z);
-  }, [$, n, A]), W = Q(
-    () => hr(P, o),
-    [P, o]
+  const y = it(), b = y?.filteredEvents, A = y?.currentDate ?? /* @__PURE__ */ new Date(), $ = t ?? b ?? [], P = te(() => {
+    const C = Pe(A), j = new Date(C);
+    return j.setDate(j.getDate() + n), $.filter((W) => W.endDate >= C && W.startDate < j);
+  }, [$, n, A]), F = te(
+    () => hr(P, s),
+    [P, s]
   ), T = P.length;
-  return W.length === 0 ? /* @__PURE__ */ r("div", { className: g("rounded-lg border bg-card", l), children: [
-    d && /* @__PURE__ */ e(
+  return F.length === 0 ? /* @__PURE__ */ r("div", { className: p("rounded-lg border bg-card", a), children: [
+    c && /* @__PURE__ */ e(
       "div",
       {
-        className: g(
+        className: p(
           "border-b px-4 flex items-center justify-between",
           v ? "py-2" : "py-3"
         ),
-        children: /* @__PURE__ */ e("h2", { className: g("font-semibold", v ? "text-sm" : "text-base"), children: h })
+        children: /* @__PURE__ */ e("h2", { className: p("font-semibold", v ? "text-sm" : "text-base"), children: m })
       }
     ),
     /* @__PURE__ */ e(
       "div",
       {
-        className: g(
+        className: p(
           "flex flex-col items-center justify-center text-center",
           v ? "py-6 px-4" : "py-10 px-6"
         ),
-        children: p ?? /* @__PURE__ */ r(we, { children: [
+        children: f ?? /* @__PURE__ */ r(be, { children: [
           /* @__PURE__ */ e(
             ir,
             {
-              className: g("text-muted-foreground/50 mb-2", v ? "size-8" : "size-10")
+              className: p("text-muted-foreground/50 mb-2", v ? "size-8" : "size-10")
             }
           ),
-          /* @__PURE__ */ e("p", { className: g("text-muted-foreground", v ? "text-xs" : "text-sm"), children: "No upcoming events" })
+          /* @__PURE__ */ e("p", { className: p("text-muted-foreground", v ? "text-xs" : "text-sm"), children: "No upcoming events" })
         ] })
       }
     )
-  ] }) : /* @__PURE__ */ r("div", { className: g("rounded-lg border bg-card overflow-hidden", l), children: [
-    d && /* @__PURE__ */ r(
+  ] }) : /* @__PURE__ */ r("div", { className: p("rounded-lg border bg-card overflow-hidden", a), children: [
+    c && /* @__PURE__ */ r(
       "div",
       {
-        className: g(
+        className: p(
           "border-b px-4 flex items-center justify-between",
           v ? "py-2" : "py-3"
         ),
         children: [
           /* @__PURE__ */ r("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ e("h2", { className: g("font-semibold", v ? "text-sm" : "text-base"), children: h }),
+            /* @__PURE__ */ e("h2", { className: p("font-semibold", v ? "text-sm" : "text-base"), children: m }),
             /* @__PURE__ */ e(
               "span",
               {
-                className: g(
+                className: p(
                   "text-muted-foreground bg-muted rounded-full px-2",
                   v ? "text-[10px] py-0" : "text-xs py-0.5"
                 ),
@@ -3953,7 +3971,7 @@ function jr({
             {
               type: "button",
               onClick: () => i(),
-              className: g(
+              className: p(
                 "text-primary hover:underline flex items-center gap-0.5",
                 v ? "text-xs" : "text-sm"
               ),
@@ -3969,19 +3987,19 @@ function jr({
     /* @__PURE__ */ e(
       "div",
       {
-        className: g(
+        className: p(
           "divide-y overflow-auto",
           v ? "p-2 max-h-[280px]" : "p-3 max-h-[400px]"
         ),
-        children: W.map((y) => /* @__PURE__ */ e(
+        children: F.map((C) => /* @__PURE__ */ e(
           fr,
           {
-            group: y,
-            onEventClick: a,
-            onViewMore: i ? (z) => i(z) : void 0,
+            group: C,
+            onEventClick: o,
+            onViewMore: i ? (j) => i(j) : void 0,
             compact: v
           },
-          y.dateKey
+          C.dateKey
         ))
       }
     )
@@ -4004,4 +4022,4 @@ export {
   Tr as b,
   Dr as c
 };
-//# sourceMappingURL=agenda-widget-COpTIR70.js.map
+//# sourceMappingURL=agenda-widget-Couk7jMB.js.map