@innosolutions/inno-calendar 1.0.54 → 1.0.55

package/dist/{agenda-widget-DHJXUnaz.js → agenda-widget-B7ryNQOt.js}

@@ -1,11 +1,11 @@
-import { jsx as e, jsxs as r, Fragment as ge } from "react/jsx-runtime";
-import { g as at, u as gt, C as pt } from "./use-calendar-Clo9DFK4.js";
-import { useCallback as W, useState as ie, useEffect as pe, forwardRef as Pe, useRef as ae, useMemo as q, useLayoutEffect as xt, useImperativeHandle as vt } from "react";
-import { c as f } from "./index-DtaLkIY8.js";
-import { P as it, p as lt, o as ct, z as de, I as wt, J as bt, B as ye, K as yt, L as Re, x as ue, F as he, y as me, k as kt, C as Nt, M as Ue, A as Ct, W as Dt, c as Mt, N as St } from "./week-view-D3PDybDq.js";
-import { j as Lt, D as Et, I as Tt, e as Ht, S as zt } from "./slot-selection-context-BwghpxKA.js";
-import { isToday as se, startOfDay as We, endOfDay as dt, getYearMonths as It, generateMonthGrid as jt, getEventsForDay as Pt, addDays as ut, formatDateISO as Wt } from "./utils.mjs";
-function At({ view: t, className: n = "" }) {
+import { jsx as e, jsxs as r, Fragment as pe } from "react/jsx-runtime";
+import { g as it, u as pt, C as xt } from "./use-calendar-Clo9DFK4.js";
+import { useCallback as $, useState as oe, useEffect as ce, forwardRef as Ae, useRef as ae, useMemo as X, useLayoutEffect as vt, useImperativeHandle as wt } from "react";
+import { c as m } from "./index-DtaLkIY8.js";
+import { P as lt, p as ct, o as dt, z as ue, I as bt, J as yt, B as ye, K as kt, L as Ue, x as he, F as me, y as fe, k as Nt, C as Dt, M as Ve, A as Ct, W as Mt, c as St, N as Et } from "./week-view-D3PDybDq.js";
+import { j as Lt, D as Tt, I as Ht, e as It, S as zt } from "./slot-selection-context-BwghpxKA.js";
+import { isToday as ie, startOfDay as Pe, endOfDay as ut, getYearMonths as jt, generateMonthGrid as At, getEventsForDay as Pt, addDays as ht, formatDateISO as Wt } from "./utils.mjs";
+function $t({ view: t, className: n = "" }) {
   return /* @__PURE__ */ e(
     "div",
     {
@@ -29,47 +29,47 @@ function At({ view: t, className: n = "" }) {
     }
   );
 }
-function Ve({ view: t, className: n }) {
-  return /* @__PURE__ */ e(At, { view: t, className: n });
+function Ye({ view: t, className: n }) {
+  return /* @__PURE__ */ e($t, { view: t, className: n });
 }
-function wr(t) {
+function kr(t) {
   const {
     events: n,
     resources: o,
     scheduleTypes: s,
-    initialView: i = "week",
-    initialDate: a,
-    initialFilters: h,
-    preferences: m,
-    locale: c,
-    slots: v,
-    renderEvent: y,
-    onViewChange: w,
-    onDateChange: L,
-    onEventClick: A,
-    onSlotSelect: j,
-    onFiltersChange: P,
+    initialView: a = "week",
+    initialDate: i,
+    initialFilters: f,
+    preferences: h,
+    locale: d,
+    slots: w,
+    renderEvent: k,
+    onViewChange: b,
+    onDateChange: I,
+    onEventClick: F,
+    onSlotSelect: P,
+    onFiltersChange: W,
     className: E,
-    children: b
-  } = t, I = at();
-  if (I)
-    return /* @__PURE__ */ e("div", { className: E, style: { position: "relative" }, children: b ?? /* @__PURE__ */ e(Ve, { view: I.view, className: E }) });
-  const O = gt({
+    children: y
+  } = t, A = it();
+  if (A)
+    return /* @__PURE__ */ e("div", { className: E, style: { position: "relative" }, children: y ?? /* @__PURE__ */ e(Ye, { view: A.view, className: E }) });
+  const O = pt({
     events: n,
     resources: o,
     scheduleTypes: s,
-    initialView: i,
-    initialDate: a,
-    initialFilters: h,
-    preferences: m,
-    locale: c,
-    onViewChange: w,
-    onDateChange: L,
-    onEventClick: A,
-    onSlotSelect: j,
-    onFiltersChange: P
+    initialView: a,
+    initialDate: i,
+    initialFilters: f,
+    preferences: h,
+    locale: d,
+    onViewChange: b,
+    onDateChange: I,
+    onEventClick: F,
+    onSlotSelect: P,
+    onFiltersChange: W
   });
-  return /* @__PURE__ */ e(pt, { value: O, children: /* @__PURE__ */ e("div", { className: E, style: { position: "relative" }, children: b ?? /* @__PURE__ */ e(Ve, { view: O.view, className: E }) }) });
+  return /* @__PURE__ */ e(xt, { value: O, children: /* @__PURE__ */ e("div", { className: E, style: { position: "relative" }, children: y ?? /* @__PURE__ */ e(Ye, { view: O.view, className: E }) }) });
 }
 function Ft({ className: t }) {
   return /* @__PURE__ */ r(
@@ -90,7 +90,7 @@ function Ft({ className: t }) {
     }
   );
 }
-function ht({ className: t }) {
+function mt({ className: t }) {
   return /* @__PURE__ */ r(
     "svg",
     {
@@ -131,7 +131,7 @@ function je({ className: t }) {
     }
   );
 }
-function $t({ className: t }) {
+function Ot({ className: t }) {
   return /* @__PURE__ */ r(
     "svg",
     {
@@ -166,7 +166,7 @@ function Te({ className: t }) {
     }
   );
 }
-function Bt({ className: t }) {
+function _t({ className: t }) {
   return /* @__PURE__ */ r(
     "svg",
     {
@@ -185,7 +185,7 @@ function Bt({ className: t }) {
     }
   );
 }
-function Ot({ className: t }) {
+function Bt({ className: t }) {
   return /* @__PURE__ */ e(
     "svg",
     {
@@ -201,7 +201,7 @@ function Ot({ className: t }) {
     }
   );
 }
-function _t({ className: t }) {
+function Rt({ className: t }) {
   return /* @__PURE__ */ r(
     "svg",
     {
@@ -222,7 +222,7 @@ function _t({ className: t }) {
     }
   );
 }
-function Rt({ className: t }) {
+function Ut({ className: t }) {
   return /* @__PURE__ */ r(
     "svg",
     {
@@ -241,7 +241,7 @@ function Rt({ className: t }) {
     }
   );
 }
-function Ut({ className: t }) {
+function Vt({ className: t }) {
   return /* @__PURE__ */ r(
     "svg",
     {
@@ -262,7 +262,7 @@ function Ut({ className: t }) {
     }
   );
 }
-function Vt({ className: t }) {
+function Yt({ className: t }) {
   return /* @__PURE__ */ r(
     "svg",
     {
@@ -284,7 +284,7 @@ function Vt({ className: t }) {
     }
   );
 }
-function Ce({ className: t }) {
+function De({ className: t }) {
   return /* @__PURE__ */ e(
     "svg",
     {
@@ -295,12 +295,12 @@ function Ce({ className: t }) {
       strokeWidth: "2",
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      className: f("animate-spin", t),
+      className: m("animate-spin", t),
       children: /* @__PURE__ */ e("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" })
     }
   );
 }
-const Yt = {
+const Kt = {
   edit: "Edit",
   delete: "Delete",
   cancel: "Cancel Event",
@@ -325,52 +325,52 @@ const Yt = {
   acceptAllEvents: "Accept all events",
   deleteConfirmTitle: "Delete Event",
   deleteConfirmDescription: "Are you sure you want to delete this event? This action cannot be undone."
-}, He = Pe(
-  ({ onClick: t, label: n, children: o, className: s, variant: i = "ghost", ...a }, h) => /* @__PURE__ */ r(ue, { children: [
-    /* @__PURE__ */ e(he, { asChild: !0, children: /* @__PURE__ */ e(
+}, He = Ae(
+  ({ onClick: t, label: n, children: o, className: s, variant: a = "ghost", ...i }, f) => /* @__PURE__ */ r(he, { children: [
+    /* @__PURE__ */ e(me, { asChild: !0, children: /* @__PURE__ */ e(
       "button",
       {
         type: "button",
-        ref: h,
+        ref: f,
         onClick: t,
-        className: f(
+        className: m(
           "h-8 w-8 rounded-full flex items-center justify-center transition-colors",
-          i === "ghost" && "hover:bg-zinc-100 dark:hover:bg-zinc-800 text-zinc-600 dark:text-zinc-400",
-          i === "destructive" && "hover:bg-red-50 dark:hover:bg-red-950/30 text-zinc-600 dark:text-zinc-400 hover:text-red-600",
+          a === "ghost" && "hover:bg-zinc-100 dark:hover:bg-zinc-800 text-zinc-600 dark:text-zinc-400",
+          a === "destructive" && "hover:bg-red-50 dark:hover:bg-red-950/30 text-zinc-600 dark:text-zinc-400 hover:text-red-600",
           s
         ),
         "aria-label": n,
-        ...a,
+        ...i,
         children: o
       }
     ) }),
-    /* @__PURE__ */ e(me, { side: "bottom", className: "text-xs", children: n })
+    /* @__PURE__ */ e(fe, { side: "bottom", className: "text-xs", children: n })
   ] })
 );
 He.displayName = "IconButton";
-function Gt({ src: t, alt: n, initials: o, className: s, isClient: i }) {
-  const [a, h] = ie(!1);
+function Gt({ src: t, alt: n, initials: o, className: s, isClient: a }) {
+  const [i, f] = oe(!1);
   return /* @__PURE__ */ e(
     "div",
     {
-      className: f(
+      className: m(
         "relative h-7 w-7 rounded-full overflow-hidden shrink-0",
         s
       ),
-      children: t && !a ? /* @__PURE__ */ e(
+      children: t && !i ? /* @__PURE__ */ e(
         "img",
         {
           src: t,
           alt: n,
           className: "h-full w-full object-cover",
-          onError: () => h(!0)
+          onError: () => f(!0)
         }
       ) : /* @__PURE__ */ e(
         "div",
         {
-          className: f(
+          className: m(
             "h-full w-full flex items-center justify-center text-[10px] font-medium",
-            i ? "bg-amber-100 dark:bg-amber-900/30 text-amber-700 dark:text-amber-300" : "bg-zinc-200 dark:bg-zinc-700 text-zinc-700 dark:text-zinc-300"
+            a ? "bg-amber-100 dark:bg-amber-900/30 text-amber-700 dark:text-amber-300" : "bg-zinc-200 dark:bg-zinc-700 text-zinc-700 dark:text-zinc-300"
           ),
           children: o
         }
@@ -378,64 +378,64 @@ function Gt({ src: t, alt: n, initials: o, className: s, isClient: i }) {
     }
   );
 }
-function Ye({
+function Ke({
   participant: t,
   isEventCanceled: n = !1,
   labels: o
 }) {
-  const s = t.name || "Unknown", i = s.split(" ").map((L) => L[0]).join("").toUpperCase().slice(0, 2), a = t.isOrganizer ?? !1, h = t.isConfirmed, m = h === !0, c = h === !1, v = t.isClient ?? !1, y = t.profilePicture || t.avatar, w = n;
+  const s = t.name || "Unknown", a = s.split(" ").map((I) => I[0]).join("").toUpperCase().slice(0, 2), i = t.isOrganizer ?? !1, f = t.isConfirmed, h = f === !0, d = f === !1, w = t.isClient ?? !1, k = t.profilePicture || t.avatar, b = n;
   return /* @__PURE__ */ r(
     "div",
     {
-      className: f(
+      className: m(
         "flex items-center gap-3 py-0",
-        w && "opacity-60"
+        b && "opacity-60"
       ),
       children: [
         /* @__PURE__ */ r("div", { className: "relative", children: [
           /* @__PURE__ */ e(
             Gt,
             {
-              src: y,
+              src: k,
               alt: s,
-              initials: i,
-              isClient: v,
-              className: f(w && "grayscale")
+              initials: a,
+              isClient: w,
+              className: m(b && "grayscale")
             }
           ),
-          w || c ? /* @__PURE__ */ e("div", { className: "absolute -bottom-0.5 -right-0.5 h-3.5 w-3.5 rounded-full bg-white dark:bg-zinc-900 flex items-center justify-center", children: /* @__PURE__ */ e("div", { className: "h-3 w-3 rounded-full bg-red-100 dark:bg-red-900/50 flex items-center justify-center", children: /* @__PURE__ */ e(je, { className: "h-2 w-2 text-red-600 dark:text-red-400 stroke-[3]" }) }) }) : m ? /* @__PURE__ */ e("div", { className: "absolute -bottom-0.5 -right-0.5 h-3.5 w-3.5 rounded-full bg-white dark:bg-zinc-900 flex items-center justify-center", children: /* @__PURE__ */ e("div", { className: "h-3 w-3 rounded-full bg-green-100 dark:bg-green-900/50 flex items-center justify-center", children: /* @__PURE__ */ e(Te, { className: "h-2 w-2 text-green-600 dark:text-green-400 stroke-[3]" }) }) }) : null
+          b || 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
         ] }),
         /* @__PURE__ */ r("div", { className: "!h-fit min-w-0 gap-0", children: [
           /* @__PURE__ */ e("div", { className: "gap-0", children: /* @__PURE__ */ e(
             "span",
             {
-              className: f(
+              className: m(
                 "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: s
             }
           ) }),
-          v && /* @__PURE__ */ e("div", { className: "text-[10px] px-1.5 w-fit py-0.5 rounded bg-amber-100 dark:bg-amber-900/30 text-amber-700 dark:text-amber-300 font-medium", children: o.client }),
-          a && !w && /* @__PURE__ */ e("div", { className: "text-xs text-zinc-500", children: o.organizer })
+          w && /* @__PURE__ */ e("div", { className: "text-[10px] px-1.5 w-fit py-0.5 rounded bg-amber-100 dark:bg-amber-900/30 text-amber-700 dark:text-amber-300 font-medium", children: o.client }),
+          i && !b && /* @__PURE__ */ e("div", { className: "text-xs text-zinc-500", children: o.organizer })
         ] })
       ]
     }
   );
 }
-function Kt({
+function Jt({
   open: t,
   onOpenChange: n,
   title: o,
   children: s
 }) {
-  return pe(() => {
+  return ce(() => {
     if (!t) return;
-    const i = (a) => {
-      a.key === "Escape" && n(!1);
+    const a = (i) => {
+      i.key === "Escape" && n(!1);
     };
-    return document.addEventListener("keydown", i), () => document.removeEventListener("keydown", i);
-  }, [t, n]), pe(() => (t ? document.body.style.overflow = "hidden" : document.body.style.overflow = "", () => {
+    return document.addEventListener("keydown", a), () => document.removeEventListener("keydown", a);
+  }, [t, n]), ce(() => (t ? document.body.style.overflow = "hidden" : document.body.style.overflow = "", () => {
     document.body.style.overflow = "";
   }), [t]), t ? /* @__PURE__ */ r("div", { className: "fixed inset-0 z-50", children: [
     /* @__PURE__ */ e(
@@ -443,8 +443,8 @@ function Kt({
       {
         className: "fixed inset-0 bg-black/50 backdrop-blur-sm",
         onClick: () => n(!1),
-        onKeyDown: (i) => {
-          (i.key === "Enter" || i.key === " ") && n(!1);
+        onKeyDown: (a) => {
+          (a.key === "Enter" || a.key === " ") && n(!1);
         }
       }
     ),
@@ -454,15 +454,15 @@ function Kt({
     ] }) })
   ] }) : null;
 }
-function Jt({
+function qt({
   open: t,
   onOpenChange: n,
   title: o,
   description: s,
-  cancelLabel: i,
-  confirmLabel: a,
-  onConfirm: h,
-  isLoading: m
+  cancelLabel: a,
+  confirmLabel: i,
+  onConfirm: f,
+  isLoading: h
 }) {
   return t ? /* @__PURE__ */ r("div", { className: "fixed inset-0 z-[60]", children: [
     /* @__PURE__ */ e(
@@ -470,8 +470,8 @@ function Jt({
       {
         className: "fixed inset-0 bg-black/50 backdrop-blur-sm",
         onClick: () => n(!1),
-        onKeyDown: (c) => {
-          (c.key === "Enter" || c.key === " ") && n(!1);
+        onKeyDown: (d) => {
+          (d.key === "Enter" || d.key === " ") && n(!1);
         }
       }
     ),
@@ -485,7 +485,7 @@ function Jt({
             variant: "outline",
             size: "sm",
             onClick: () => n(!1),
-            children: i
+            children: a
           }
         ),
         /* @__PURE__ */ r(
@@ -493,12 +493,12 @@ function Jt({
           {
             variant: "destructive",
             size: "sm",
-            onClick: h,
-            disabled: m,
+            onClick: f,
+            disabled: h,
             children: [
-              m && /* @__PURE__ */ e(Ce, { className: "h-4 w-4 mr-2" }),
-              /* @__PURE__ */ e(ht, { className: "h-4 w-4 mr-2" }),
-              a
+              h && /* @__PURE__ */ e(De, { className: "h-4 w-4 mr-2" }),
+              /* @__PURE__ */ e(mt, { className: "h-4 w-4 mr-2" }),
+              i
             ]
           }
         )
@@ -506,14 +506,14 @@ function Jt({
     ] }) })
   ] }) : null;
 }
-function qt(t, n) {
+function Xt(t, n) {
   return t.toLocaleDateString(void 0, {
     weekday: "long",
     month: "long",
     day: "numeric"
   });
 }
-function Xt(t, n) {
+function Qt(t, n) {
   const o = {
     hour: "2-digit",
     minute: "2-digit",
@@ -521,7 +521,7 @@ function Xt(t, n) {
   };
   return `${t.toLocaleTimeString(void 0, o)} – ${n.toLocaleTimeString(void 0, o)}`;
 }
-function Qt(t) {
+function Zt(t) {
   return t.toLocaleDateString(void 0, {
     day: "2-digit",
     month: "short",
@@ -530,12 +530,12 @@ function Qt(t) {
     minute: "2-digit"
   });
 }
-function Zt(t) {
-  const [n, o] = ie(() => typeof window < "u" ? window.matchMedia(t).matches : !1);
-  return pe(() => {
+function en(t) {
+  const [n, o] = oe(() => typeof window < "u" ? window.matchMedia(t).matches : !1);
+  return ce(() => {
     if (typeof window > "u") return;
-    const s = window.matchMedia(t), i = (a) => o(a.matches);
-    return s.addEventListener("change", i), () => s.removeEventListener("change", i);
+    const s = window.matchMedia(t), a = (i) => o(i.matches);
+    return s.addEventListener("change", a), () => s.removeEventListener("change", a);
   }, [t]), n;
 }
 function Ge({
@@ -543,50 +543,50 @@ function Ge({
   labels: n,
   isLoading: o,
   onClose: s,
-  onEdit: i,
-  onDelete: a,
-  onCancel: h,
-  onAccept: m,
-  onDecline: c,
-  onConfirmMeeting: v,
-  canEdit: y = !0,
-  canDelete: w = !1,
-  canCancel: L = !0,
-  isCurrentUserParticipant: A = !1,
-  isCurrentUserClient: j = !1,
-  currentUserAcceptStatus: P,
+  onEdit: a,
+  onDelete: i,
+  onCancel: f,
+  onAccept: h,
+  onDecline: d,
+  onConfirmMeeting: w,
+  canEdit: k = !0,
+  canDelete: b = !1,
+  canCancel: I = !0,
+  isCurrentUserParticipant: F = !1,
+  isCurrentUserClient: P = !1,
+  currentUserAcceptStatus: W,
   isAcceptLoading: E = !1,
-  isDeclineLoading: b = !1,
-  isConfirmLoading: I = !1,
+  isDeclineLoading: y = !1,
+  isConfirmLoading: A = !1,
   isDeleteLoading: O = !1,
   renderParticipant: R,
-  renderHeaderActions: M,
-  renderCancelReason: V,
-  renderDeleteConfirmation: p,
-  formatDate: N = qt,
-  formatTimeRange: F = Xt
+  renderHeaderActions: C,
+  renderCancelReason: _,
+  renderDeleteConfirmation: z,
+  formatDate: j = Xt,
+  formatTimeRange: V = Qt
 }) {
-  const [Y, G] = ie(!1), $ = !(t.isCanceled || t.meetingTookPlace), d = t.isRecurring ?? !1, D = t.participantDetails, _ = t.participantsNames || [], U = D && D.length > 0, z = P === !0, re = P === !1, Q = A && !j && $, De = U ? D.filter((S) => S.isConfirmed).length : t.isAccepted ? _.length : 0, ee = U ? D.length : _.length, X = t.scheduleTypeColor || t.hexColor || "#039BE5", ke = W(() => t.startDate ? N(t.startDate) : n.noDateProvided, [t.startDate, N, n.noDateProvided]), oe = W(() => t.startDate && t.endDate ? F(t.startDate, t.endDate) : null, [t.startDate, t.endDate, F]), le = () => {
-    s(), i?.(t);
+  const [K, Y] = oe(!1), x = !(t.isCanceled || t.meetingTookPlace), c = t.isRecurring ?? !1, g = t.participantDetails, L = t.participantsNames || [], B = g && g.length > 0, S = W === !0, re = W === !1, G = F && !P && x, Ce = B ? g.filter((M) => M.isConfirmed).length : t.isAccepted ? L.length : 0, ee = B ? g.length : L.length, Q = t.scheduleTypeColor || t.hexColor || "#039BE5", ke = $(() => t.startDate ? j(t.startDate) : n.noDateProvided, [t.startDate, j, n.noDateProvided]), se = $(() => t.startDate && t.endDate ? V(t.startDate, t.endDate) : null, [t.startDate, t.endDate, V]), le = () => {
+    s(), a?.(t);
   }, Me = () => {
-    s(), h?.(t);
+    s(), f?.(t);
   }, xe = () => {
-    G(!0);
-  }, g = () => {
-    a?.(t), G(!1);
+    Y(!0);
+  }, p = () => {
+    i?.(t), Y(!1);
   };
-  return o ? /* @__PURE__ */ e("div", { className: "flex h-48 items-center justify-center", children: /* @__PURE__ */ e(Ce, { className: "h-6 w-6 text-zinc-400" }) }) : /* @__PURE__ */ r(de, { delayDuration: 300, children: [
+  return o ? /* @__PURE__ */ e("div", { className: "flex h-48 items-center justify-center", children: /* @__PURE__ */ e(De, { className: "h-6 w-6 text-zinc-400" }) }) : /* @__PURE__ */ r(ue, { delayDuration: 300, children: [
     /* @__PURE__ */ r("div", { className: "flex flex-col gap-0.5 p-3", children: [
-      /* @__PURE__ */ e("div", { className: "flex items-start justify-end gap-0.5", children: M ? M({ onClose: s }) : /* @__PURE__ */ r(ge, { children: [
-        $ && y && i && /* @__PURE__ */ e(He, { onClick: le, label: n.edit, children: /* @__PURE__ */ e(Ft, { className: "h-[18px] w-[18px]" }) }),
-        $ && L && h && /* @__PURE__ */ e(He, { onClick: Me, label: n.cancel, children: /* @__PURE__ */ e($t, { className: "h-[18px] w-[18px]" }) }),
-        w && a && /* @__PURE__ */ e(
+      /* @__PURE__ */ e("div", { className: "flex items-start justify-end gap-0.5", children: C ? C({ onClose: s }) : /* @__PURE__ */ r(pe, { children: [
+        x && k && a && /* @__PURE__ */ e(He, { onClick: le, label: n.edit, children: /* @__PURE__ */ e(Ft, { className: "h-[18px] w-[18px]" }) }),
+        x && I && f && /* @__PURE__ */ e(He, { onClick: Me, label: n.cancel, children: /* @__PURE__ */ e(Ot, { className: "h-[18px] w-[18px]" }) }),
+        b && i && /* @__PURE__ */ e(
           He,
           {
             onClick: xe,
             label: n.delete,
             variant: "destructive",
-            children: /* @__PURE__ */ e(ht, { className: "h-[18px] w-[18px]" })
+            children: /* @__PURE__ */ e(mt, { className: "h-[18px] w-[18px]" })
           }
         ),
         /* @__PURE__ */ e(He, { onClick: s, label: n.close, children: /* @__PURE__ */ e(je, { className: "h-[18px] w-[18px]" }) })
@@ -596,7 +596,7 @@ function Ge({
           "div",
           {
             className: "w-4 h-4 rounded mt-1 shrink-0",
-            style: { backgroundColor: X }
+            style: { backgroundColor: Q }
           }
         ),
         /* @__PURE__ */ r("div", { className: "flex-1 min-w-0", children: [
@@ -604,7 +604,7 @@ function Ge({
             /* @__PURE__ */ e(
               "h2",
               {
-                className: f(
+                className: m(
                   "text-[22px] font-normal text-zinc-900 dark:text-zinc-100 leading-tight",
                   t.isCanceled && "line-through opacity-60"
                 ),
@@ -612,7 +612,7 @@ function Ge({
               }
             ),
             t.meetingTookPlace && /* @__PURE__ */ r("span", { className: "inline-flex items-center gap-1 px-2 py-0.5 rounded-full bg-green-100 dark:bg-green-900/30 text-green-700 dark:text-green-400 text-xs font-medium", children: [
-              /* @__PURE__ */ e(Bt, { className: "h-3 w-3" }),
+              /* @__PURE__ */ e(_t, { className: "h-3 w-3" }),
               n.completed
             ] }),
             t.isCanceled && /* @__PURE__ */ r("span", { className: "inline-flex items-center gap-1 px-2 py-0.5 rounded-full bg-red-100 dark:bg-red-900/30 text-red-700 dark:text-red-400 text-xs font-medium", children: [
@@ -622,15 +622,15 @@ function Ge({
           ] }),
           /* @__PURE__ */ r("div", { className: "mt-1 text-sm text-zinc-600 dark:text-zinc-400", children: [
             /* @__PURE__ */ e("span", { children: ke() }),
-            oe() && /* @__PURE__ */ r(ge, { children: [
+            se() && /* @__PURE__ */ r(pe, { children: [
               /* @__PURE__ */ e("span", { className: "mx-1.5", children: "·" }),
-              /* @__PURE__ */ e("span", { children: oe() })
+              /* @__PURE__ */ e("span", { children: se() })
             ] })
           ] }),
-          d && t.recurrenceSummary && /* @__PURE__ */ e("div", { className: "text-sm text-zinc-500 dark:text-zinc-500", children: t.recurrenceSummary })
+          c && t.recurrenceSummary && /* @__PURE__ */ e("div", { className: "text-sm text-zinc-500 dark:text-zinc-500", children: t.recurrenceSummary })
         ] })
       ] }) }),
-      t.isCanceled && /* @__PURE__ */ e("div", { className: "mx-4 p-3 rounded-lg bg-red-50 dark:bg-red-950/30", children: V ? V(t) : /* @__PURE__ */ e("div", { className: "flex items-start gap-0", children: /* @__PURE__ */ r("div", { className: "flex-1 min-w-0", children: [
+      t.isCanceled && /* @__PURE__ */ e("div", { className: "mx-4 p-3 rounded-lg bg-red-50 dark:bg-red-950/30", children: _ ? _(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: [
           '"',
@@ -640,16 +640,16 @@ function Ge({
         t.canceledDate && /* @__PURE__ */ r("div", { className: "mt-1.5 text-xs text-red-500/70 dark:text-red-400/60", children: [
           n.canceledOn,
           " ",
-          Qt(t.canceledDate)
+          Zt(t.canceledDate)
         ] })
       ] }) }) }),
       /* @__PURE__ */ r("div", { className: "space-y-0.5", children: [
         t.address && /* @__PURE__ */ r("div", { className: "flex items-start gap-2", children: [
-          /* @__PURE__ */ e(Rt, { className: "h-5 w-5 text-zinc-400 mt-0.5 shrink-0" }),
+          /* @__PURE__ */ e(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 })
         ] }),
-        (U || _.length > 0) && /* @__PURE__ */ r("div", { className: "flex items-start gap-2 py-0", children: [
-          /* @__PURE__ */ e(_t, { className: "h-5 w-5 text-zinc-400 mt-0.5 shrink-0" }),
+        (B || L.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: [
@@ -659,40 +659,40 @@ function Ge({
               ] }),
               ee > 0 && /* @__PURE__ */ r("span", { className: "text-xs text-zinc-500", children: [
                 "(",
-                De,
+                Ce,
                 " ",
                 n.confirmed,
                 ")"
               ] })
             ] }),
             /* @__PURE__ */ r("div", { className: "mt-2 space-y-2", children: [
-              U ? D.slice(0, 6).map(
-                (S, B) => R ? R(S, B) : /* @__PURE__ */ e(
-                  Ye,
+              B ? g.slice(0, 6).map(
+                (M, U) => R ? R(M, U) : /* @__PURE__ */ e(
+                  Ke,
                   {
-                    participant: S,
+                    participant: M,
                     isEventCanceled: t.isCanceled,
                     labels: n
                   },
-                  S.id
+                  M.id
                 )
-              ) : _.slice(0, 6).map((S, B) => {
+              ) : L.slice(0, 6).map((M, U) => {
                 const te = {
-                  id: String(B),
-                  name: S,
+                  id: String(U),
+                  name: M,
                   email: "",
                   isConfirmed: t.isAccepted,
-                  isOrganizer: B === 0,
+                  isOrganizer: U === 0,
                   isClient: !1
                 };
-                return R ? R(te, B) : /* @__PURE__ */ e(
-                  Ye,
+                return R ? R(te, U) : /* @__PURE__ */ e(
+                  Ke,
                   {
                     participant: te,
                     isEventCanceled: t.isCanceled,
                     labels: n
                   },
-                  S
+                  M
                 );
               }),
               ee > 6 && /* @__PURE__ */ r("div", { className: "text-xs text-zinc-500 py-1.5 pl-10", children: [
@@ -705,32 +705,32 @@ function Ge({
           ] })
         ] }),
         t.description && /* @__PURE__ */ r("div", { className: "flex items-start gap-2", children: [
-          /* @__PURE__ */ e(Vt, { className: "h-5 w-5 text-zinc-400 mt-0.5 shrink-0" }),
+          /* @__PURE__ */ e(Yt, { className: "h-5 w-5 text-zinc-400 mt-0.5 shrink-0" }),
           /* @__PURE__ */ e("p", { className: "text-sm text-zinc-700 dark:text-zinc-300 whitespace-pre-wrap", children: t.description })
         ] }),
         /* @__PURE__ */ r("div", { className: "flex items-start gap-2", children: [
-          /* @__PURE__ */ e(Ut, { className: "h-5 w-5 text-zinc-400 mt-0.5 shrink-0" }),
-          /* @__PURE__ */ e("div", { className: "text-sm text-zinc-700 dark:text-zinc-300", children: U && D.find((S) => S.isOrganizer)?.name || _[0] || "Calendar" })
+          /* @__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: B && g.find((M) => M.isOrganizer)?.name || L[0] || "Calendar" })
         ] })
       ] }),
-      Q && m && c && /* @__PURE__ */ e("div", { className: "border-t border-zinc-100 dark:border-zinc-800 mt-3 py-3", children: /* @__PURE__ */ r("div", { className: "flex items-center gap-2", children: [
-        d ? /* @__PURE__ */ r(wt, { children: [
-          /* @__PURE__ */ e(bt, { asChild: !0, children: /* @__PURE__ */ r("div", { className: "flex", children: [
+      G && 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: [
+        c ? /* @__PURE__ */ r(bt, { children: [
+          /* @__PURE__ */ e(yt, { asChild: !0, children: /* @__PURE__ */ r("div", { className: "flex", children: [
             /* @__PURE__ */ e(
               ye,
               {
                 size: "sm",
                 variant: "outline",
-                className: f(
+                className: m(
                   "rounded-r-none gap-1.5 h-8 !border-none !bg-green-100 text-green-800 hover:!bg-green-200",
-                  z && "!bg-green-700 !text-white hover:!bg-green-700"
+                  S && "!bg-green-700 !text-white hover:!bg-green-700"
                 ),
-                onClick: (S) => {
-                  S.stopPropagation(), z || m(t);
+                onClick: (M) => {
+                  M.stopPropagation(), S || h(t);
                 },
                 disabled: E,
-                children: E ? /* @__PURE__ */ e(Ce, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ r(ge, { children: [
-                  z && /* @__PURE__ */ e(Te, { className: "h-3.5 w-3.5" }),
+                children: E ? /* @__PURE__ */ e(De, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ r(pe, { children: [
+                  S && /* @__PURE__ */ e(Te, { className: "h-3.5 w-3.5" }),
                   n.going
                 ] })
               }
@@ -740,30 +740,30 @@ function Ge({
               {
                 size: "sm",
                 variant: "outline",
-                className: f(
+                className: m(
                   "rounded-l-none px-1.5 h-8 !border-none !bg-green-100 text-green-800 hover:!bg-green-200",
-                  z && "!bg-green-700 !text-white hover:!bg-green-700"
+                  S && "!bg-green-700 !text-white hover:!bg-green-700"
                 ),
-                children: /* @__PURE__ */ e(Ot, { className: "h-3.5 w-3.5" })
+                children: /* @__PURE__ */ e(Bt, { className: "h-3.5 w-3.5" })
               }
             )
           ] }) }),
-          /* @__PURE__ */ r(yt, { align: "start", children: [
+          /* @__PURE__ */ r(kt, { align: "start", children: [
             /* @__PURE__ */ r(
-              Re,
+              Ue,
               {
-                className: f(
+                className: m(
                   "gap-1.5 h-8 !border-none !bg-green-50 text-green-800 hover:!bg-green-100",
-                  z && "!bg-green-700 !text-white hover:!bg-green-700"
+                  S && "!bg-green-700 !text-white hover:!bg-green-700"
                 ),
-                onClick: () => m(t),
+                onClick: () => h(t),
                 children: [
                   /* @__PURE__ */ e(Te, { className: "h-3.5 w-3.5 mr-2 text-green-600" }),
                   n.acceptThisEvent
                 ]
               }
             ),
-            /* @__PURE__ */ r(Re, { onClick: () => m(t), children: [
+            /* @__PURE__ */ r(Ue, { onClick: () => h(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: f(
+            className: m(
               "gap-1.5 h-8 !border-none !bg-green-100 text-green-800 hover:!bg-green-200",
-              z && "!bg-green-700 !text-white hover:!bg-green-700"
+              S && "!bg-green-700 !text-white hover:!bg-green-700"
             ),
             onClick: () => {
-              z || m(t);
+              S || h(t);
             },
             disabled: E,
-            children: E ? /* @__PURE__ */ e(Ce, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ r(ge, { children: [
-              z && /* @__PURE__ */ e(Te, { className: "h-3.5 w-3.5" }),
+            children: E ? /* @__PURE__ */ e(De, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ r(pe, { children: [
+              S && /* @__PURE__ */ e(Te, { className: "h-3.5 w-3.5" }),
               n.going
             ] })
           }
@@ -792,195 +792,195 @@ function Ge({
           {
             size: "sm",
             variant: "outline",
-            className: f(
+            className: m(
               "gap-1.5 h-8 !border-none !bg-rose-100 text-rose-800 hover:!bg-rose-200",
               re && "!bg-rose-700 !text-white hover:!bg-rose-700"
             ),
             onClick: () => {
-              re || c(t);
+              re || d(t);
             },
-            disabled: b,
-            children: b ? /* @__PURE__ */ e(Ce, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ r(ge, { children: [
+            disabled: y,
+            children: y ? /* @__PURE__ */ e(De, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ r(pe, { children: [
               re && /* @__PURE__ */ e(je, { className: "h-3.5 w-3.5" }),
               n.notGoing
             ] })
           }
         )
       ] }) }),
-      A && z && !t.meetingTookPlace && !t.isCanceled && v && /* @__PURE__ */ e("div", { className: "border-t border-zinc-100 dark:border-zinc-800 py-3", children: /* @__PURE__ */ r(
+      F && S && !t.meetingTookPlace && !t.isCanceled && w && /* @__PURE__ */ e("div", { className: "border-t border-zinc-100 dark:border-zinc-800 py-3", children: /* @__PURE__ */ r(
         ye,
         {
           size: "sm",
           variant: "outline",
           className: "w-full h-9 hover:!bg-green-100 hover:text-green-700 text-green-700 !bg-green-100 !border-none dark:text-green-400 dark:hover:bg-green-950/30",
-          onClick: () => v(t),
-          disabled: I,
+          onClick: () => w(t),
+          disabled: A,
           children: [
-            I && /* @__PURE__ */ e(Ce, { className: "h-4 w-4 mr-2" }),
+            A && /* @__PURE__ */ e(De, { className: "h-4 w-4 mr-2" }),
             n.confirmMeeting
           ]
         }
       ) })
     ] }),
-    p ? Y && p({
-      onConfirm: g,
-      onCancel: () => G(!1),
+    z ? K && z({
+      onConfirm: p,
+      onCancel: () => Y(!1),
       isLoading: O
     }) : /* @__PURE__ */ e(
-      Jt,
+      qt,
       {
-        open: Y,
-        onOpenChange: G,
+        open: K,
+        onOpenChange: Y,
         title: n.deleteConfirmTitle,
         description: n.deleteConfirmDescription,
         cancelLabel: n.cancel,
         confirmLabel: n.delete,
-        onConfirm: g,
+        onConfirm: p,
         isLoading: O
       }
     )
   ] });
 }
-function br({
+function Nr({
   event: t,
   children: n,
   open: o,
   onOpenChange: s,
-  isLoading: i,
-  labels: a,
-  onEdit: h,
-  onDelete: m,
-  onCancel: c,
-  onAccept: v,
-  onDecline: y,
-  onConfirmMeeting: w,
-  canEdit: L = !0,
-  canDelete: A = !1,
-  canCancel: j = !0,
-  isCurrentUserParticipant: P,
+  isLoading: a,
+  labels: i,
+  onEdit: f,
+  onDelete: h,
+  onCancel: d,
+  onAccept: w,
+  onDecline: k,
+  onConfirmMeeting: b,
+  canEdit: I = !0,
+  canDelete: F = !1,
+  canCancel: P = !0,
+  isCurrentUserParticipant: W,
   isCurrentUserClient: E,
-  currentUserAcceptStatus: b,
-  isAcceptLoading: I,
+  currentUserAcceptStatus: y,
+  isAcceptLoading: A,
   isDeclineLoading: O,
   isConfirmLoading: R,
-  isDeleteLoading: M,
-  renderParticipant: V,
-  renderHeaderActions: p,
-  renderCancelReason: N,
-  renderDeleteConfirmation: F,
-  formatDate: Y,
-  formatTimeRange: G,
-  className: $,
-  width: d = 360
+  isDeleteLoading: C,
+  renderParticipant: _,
+  renderHeaderActions: z,
+  renderCancelReason: j,
+  renderDeleteConfirmation: V,
+  formatDate: K,
+  formatTimeRange: Y,
+  className: x,
+  width: c = 360
 }) {
-  const D = Zt("(min-width: 768px)"), _ = { ...Yt, ...a }, U = W(() => {
+  const g = en("(min-width: 768px)"), L = { ...Kt, ...i }, B = $(() => {
     s?.(!1);
-  }, [s]), z = {
+  }, [s]), S = {
     event: t,
-    labels: _,
-    isLoading: i,
-    onClose: U,
-    onEdit: h,
-    onDelete: m,
-    onCancel: c,
-    onAccept: v,
-    onDecline: y,
-    onConfirmMeeting: w,
-    canEdit: L,
-    canDelete: A,
-    canCancel: j,
-    isCurrentUserParticipant: P,
+    labels: L,
+    isLoading: a,
+    onClose: B,
+    onEdit: f,
+    onDelete: h,
+    onCancel: d,
+    onAccept: w,
+    onDecline: k,
+    onConfirmMeeting: b,
+    canEdit: I,
+    canDelete: F,
+    canCancel: P,
+    isCurrentUserParticipant: W,
     isCurrentUserClient: E,
-    currentUserAcceptStatus: b,
-    isAcceptLoading: I,
+    currentUserAcceptStatus: y,
+    isAcceptLoading: A,
     isDeclineLoading: O,
     isConfirmLoading: R,
-    isDeleteLoading: M,
-    renderParticipant: V,
-    renderHeaderActions: p,
-    renderCancelReason: N,
-    renderDeleteConfirmation: F,
-    formatDate: Y,
-    formatTimeRange: G
+    isDeleteLoading: C,
+    renderParticipant: _,
+    renderHeaderActions: z,
+    renderCancelReason: j,
+    renderDeleteConfirmation: V,
+    formatDate: K,
+    formatTimeRange: Y
   };
-  return D ? /* @__PURE__ */ r(it, { open: o ?? !1, onOpenChange: s ?? (() => {
+  return g ? /* @__PURE__ */ r(lt, { open: o ?? !1, onOpenChange: s ?? (() => {
   }), children: [
-    /* @__PURE__ */ e(lt, { asChild: !0, children: n }),
+    /* @__PURE__ */ e(ct, { asChild: !0, children: n }),
     /* @__PURE__ */ e(
-      ct,
+      dt,
       {
-        className: f(
+        className: m(
           "p-0 shadow-lg !rounded-2xl bg-white dark:bg-zinc-900 overflow-hidden border z-50",
-          $
+          x
         ),
-        style: { width: d },
+        style: { width: c },
         align: "center",
         side: "bottom",
         sideOffset: 4,
-        children: /* @__PURE__ */ e(Ge, { ...z })
+        children: /* @__PURE__ */ e(Ge, { ...S })
       }
     )
-  ] }) : /* @__PURE__ */ r(ge, { children: [
+  ] }) : /* @__PURE__ */ r(pe, { children: [
     n,
     /* @__PURE__ */ e(
-      Kt,
+      Jt,
       {
         open: o ?? !1,
         onOpenChange: s ?? (() => {
         }),
         title: t.title,
-        children: /* @__PURE__ */ e(Ge, { ...z })
+        children: /* @__PURE__ */ e(Ge, { ...S })
       }
     )
   ] });
 }
-const Ae = 44, Ke = 4, en = 56, Je = 8, ze = 80, Le = 140, qe = 100, Xe = 2, tn = 8, nn = 18;
-function rn(t) {
+const We = 44, Je = 4, tn = 56, qe = 8, Ie = 80, Ee = 140, Xe = 100, Qe = 2, nn = 8, rn = 18;
+function on(t) {
   return t.split(" ").map((n) => n[0]).join("").toUpperCase().slice(0, 2);
 }
-function on(t, n) {
+function sn(t, n) {
   const o = [];
   for (let s = 0; s < n; s++) {
-    const i = new Date(t);
-    i.setDate(i.getDate() + s), o.push(i);
+    const a = new Date(t);
+    a.setDate(a.getDate() + s), o.push(a);
   }
   return o;
 }
-function sn(t, n, o) {
+function an(t, n, o) {
   const s = [];
-  return t.forEach((i, a) => {
-    for (let h = n; h < o; h++)
-      s.push({ hour: h, dayIndex: a, date: i });
+  return t.forEach((a, i) => {
+    for (let f = n; f < o; f++)
+      s.push({ hour: f, dayIndex: i, date: a });
   }), s;
 }
-function Fe(t) {
+function $e(t) {
   return `${t.toString().padStart(2, "0")}:00`;
 }
-function an(t) {
+function ln(t) {
   return t.toLocaleDateString("en-US", {
     weekday: "short",
     month: "short",
     day: "numeric"
   });
 }
-function Qe(t) {
-  const n = [...t].sort((i, a) => i.startCol !== a.startCol ? i.startCol - a.startCol : a.spanCols - i.spanCols), o = [], s = [];
-  for (const i of n) {
-    let a = 0;
-    for (; s[a] !== void 0 && s[a] > i.startCol; )
-      a++;
-    s[a] = i.startCol + i.spanCols, o.push({
-      ...i,
-      stackIndex: a
+function Ze(t) {
+  const n = [...t].sort((a, i) => a.startCol !== i.startCol ? a.startCol - i.startCol : i.spanCols - a.spanCols), o = [], s = [];
+  for (const a of n) {
+    let i = 0;
+    for (; s[i] !== void 0 && s[i] > a.startCol; )
+      i++;
+    s[i] = a.startCol + a.spanCols, o.push({
+      ...a,
+      stackIndex: i
     });
   }
   return o;
 }
-function ln({ src: t, alt: n, fallback: o, className: s }) {
+function cn({ src: t, alt: n, fallback: o, className: s }) {
   return /* @__PURE__ */ e(
     "div",
     {
-      className: f(
+      className: m(
         "relative flex shrink-0 overflow-hidden rounded-sm border bg-muted",
         s
       ),
@@ -995,37 +995,37 @@ function ln({ src: t, alt: n, fallback: o, className: s }) {
     }
   );
 }
-const cn = 7;
-function Ee({
-  daysToShow: t = cn,
+const dn = 7;
+function Le({
+  daysToShow: t = dn,
   events: n,
   users: o = [],
   selectedDate: s,
-  onDateChange: i,
-  onEventClick: a,
-  onSlotClick: h,
-  onSlotSelect: m,
-  visibleHours: c,
-  className: v,
-  getEventUserId: y,
-  renderPopover: w,
-  slots: L,
-  classNames: A,
-  enableDrag: j = !0
+  onDateChange: a,
+  onEventClick: i,
+  onSlotClick: f,
+  onSlotSelect: h,
+  visibleHours: d,
+  className: w,
+  getEventUserId: k,
+  renderPopover: b,
+  slots: I,
+  classNames: F,
+  enableDrag: P = !0
 }) {
-  const P = ae(null), E = Lt(), [b, I] = ie(null), O = ae(!1), [R, M] = ie(null), V = s ?? /* @__PURE__ */ new Date(), p = !0, N = c?.from ?? tn, F = c?.to ?? nn, Y = F - N, G = q(() => {
-    const l = new Date(V);
+  const W = ae(null), E = Lt(), [y, A] = oe(null), O = ae(!1), [R, C] = oe(null), _ = s ?? /* @__PURE__ */ new Date(), z = !0, j = d?.from ?? nn, V = d?.to ?? rn, K = V - j, Y = X(() => {
+    const l = new Date(_);
     if (t === 1 || t === 3)
       return l.setHours(0, 0, 0, 0), l;
-    const u = l.getDay(), x = u === 0 ? -6 : 1 - u;
-    return l.setDate(l.getDate() + x), l.setHours(0, 0, 0, 0), l;
-  }, [V, t]), $ = q(
-    () => on(G, t),
-    [G, t]
-  ), d = q(
-    () => sn($, N, F),
-    [p, $, N, F]
-  ), _ = y ?? ((l) => {
+    const u = l.getDay(), v = u === 0 ? -6 : 1 - u;
+    return l.setDate(l.getDate() + v), l.setHours(0, 0, 0, 0), l;
+  }, [_, t]), x = X(
+    () => sn(Y, t),
+    [Y, t]
+  ), c = X(
+    () => an(x, j, V),
+    [z, x, j, V]
+  ), L = k ?? ((l) => {
     if (l.resourceId) return l.resourceId;
     const u = l.data;
     if (u?.userId) return String(u.userId);
@@ -1033,7 +1033,7 @@ function Ee({
       return String(u.user.id);
     if (l.user?.id) return l.user.id;
     if (l.participants?.[0]?.id) return l.participants[0].id;
-  }), U = q(() => {
+  }), B = X(() => {
     const l = /* @__PURE__ */ new Map();
     for (const u of o)
       l.set(u.id, {
@@ -1043,56 +1043,56 @@ function Ee({
         email: u.email
       });
     for (const u of n) {
-      const k = u.data?.user;
-      k?.id && !l.has(k.id) && l.set(k.id, {
-        id: k.id,
-        name: k.name ?? "",
-        avatar: k.avatar ?? void 0,
-        email: k.email
+      const N = u.data?.user;
+      N?.id && !l.has(N.id) && l.set(N.id, {
+        id: N.id,
+        name: N.name ?? "",
+        avatar: N.avatar ?? void 0,
+        email: N.email
       }), u.user?.id && !l.has(u.user.id) && l.set(u.user.id, {
         id: u.user.id,
         name: u.user.name,
         avatar: u.user.avatar ?? void 0,
         email: u.user.email
       });
-      for (const C of u.participants || [])
-        C.id && !l.has(C.id) && l.set(C.id, {
-          id: C.id,
-          name: C.name,
-          avatar: C.avatar ?? void 0,
-          email: C.email
+      for (const D of u.participants || [])
+        D.id && !l.has(D.id) && l.set(D.id, {
+          id: D.id,
+          name: D.name,
+          avatar: D.avatar ?? void 0,
+          email: D.email
         });
     }
     return Array.from(l.values());
-  }, [o, n]), z = q(() => {
+  }, [o, n]), S = X(() => {
     const l = [], u = /* @__PURE__ */ new Map();
-    for (const C of U)
-      u.set(C.id, []);
+    for (const D of B)
+      u.set(D.id, []);
     u.set("unassigned", []);
-    for (const C of n) {
-      const T = _(C) ?? "unassigned";
-      (u.get(T) ?? u.get("unassigned")).push(C);
+    for (const D of n) {
+      const T = L(D) ?? "unassigned";
+      (u.get(T) ?? u.get("unassigned")).push(D);
     }
-    const x = (C) => {
+    const v = (D) => {
       const T = [];
-      for (const H of C) {
-        const K = H.startDate.getHours() + H.startDate.getMinutes() / 60, Z = H.endDate.getHours() + H.endDate.getMinutes() / 60;
-        for (let J = 0; J < $.length; J++) {
-          const ne = $[J], ve = We(ne), we = dt(ne);
+      for (const H of D) {
+        const J = H.startDate.getHours() + H.startDate.getMinutes() / 60, Z = H.endDate.getHours() + H.endDate.getMinutes() / 60;
+        for (let q = 0; q < x.length; q++) {
+          const ne = x[q], ve = Pe(ne), we = ut(ne);
           if (H.startDate <= we && H.endDate >= ve) {
-            let be = N, Se = F;
-            if (H.startDate >= ve && (be = Math.max(N, K)), H.endDate <= we && (Se = Math.min(F, Z)), be = Math.max(
-              N,
-              Math.min(F, be)
+            let be = j, Se = V;
+            if (H.startDate >= ve && (be = Math.max(j, J)), H.endDate <= we && (Se = Math.min(V, Z)), be = Math.max(
+              j,
+              Math.min(V, be)
             ), Se = Math.max(
-              N,
-              Math.min(F, Se)
+              j,
+              Math.min(V, Se)
             ), Se > be) {
-              const _e = J * Y + Math.floor(be - N), ft = J * Y + Math.ceil(Se - N);
+              const Re = q * K + Math.floor(be - j), gt = q * K + Math.ceil(Se - j);
               T.push({
                 event: H,
-                startCol: _e,
-                spanCols: Math.max(1, ft - _e)
+                startCol: Re,
+                spanCols: Math.max(1, gt - Re)
               });
             }
           }
@@ -1100,21 +1100,21 @@ function Ee({
       }
       return T;
     };
-    for (const C of U) {
-      const T = u.get(C.id) ?? [], H = x(T), K = Qe(H), Z = K.reduce(
-        (J, ne) => Math.max(J, ne.stackIndex + 1),
+    for (const D of B) {
+      const T = u.get(D.id) ?? [], H = v(T), J = Ze(H), Z = J.reduce(
+        (q, ne) => Math.max(q, ne.stackIndex + 1),
         0
       );
       l.push({
-        user: C,
-        events: K,
+        user: D,
+        events: J,
         maxStack: Math.max(Z, 1)
       });
     }
-    const k = u.get("unassigned") ?? [];
-    if (k.length > 0) {
-      const C = x(k), T = Qe(C), H = T.reduce(
-        (K, Z) => Math.max(K, Z.stackIndex + 1),
+    const N = u.get("unassigned") ?? [];
+    if (N.length > 0) {
+      const D = v(N), T = Ze(D), H = T.reduce(
+        (J, Z) => Math.max(J, Z.stackIndex + 1),
         0
       );
       l.push({
@@ -1128,75 +1128,75 @@ function Ee({
         maxStack: Math.max(H, 1)
       });
     }
-    return l.filter((C) => C.events.length > 0);
+    return l.filter((D) => D.events.length > 0);
   }, [
-    U,
+    B,
     n,
-    $,
-    p,
-    Y,
-    N,
-    F,
-    _
-  ]), re = q(() => {
+    x,
+    z,
+    K,
+    j,
+    V,
+    L
+  ]), re = X(() => {
     const l = /* @__PURE__ */ new Map();
-    for (const u of z)
-      for (const x of u.events)
-        if (x.spanCols === 1) {
-          const k = l.get(x.startCol) ?? 0;
-          l.set(x.startCol, k + 1);
+    for (const u of S)
+      for (const v of u.events)
+        if (v.spanCols === 1) {
+          const N = l.get(v.startCol) ?? 0;
+          l.set(v.startCol, N + 1);
         }
     return l;
-  }, [z]), Q = q(() => {
-    const l = d.length, u = ze, x = [];
-    for (let k = 0; k < l; k++) {
-      const C = re.get(k) ?? 0;
-      C > Xe ? x.push(
-        qe + (C - Xe) * 20
-      ) : C > 0 ? x.push(Math.max(u, qe)) : x.push(u);
+  }, [S]), G = X(() => {
+    const l = c.length, u = Ie, v = [];
+    for (let N = 0; N < l; N++) {
+      const D = re.get(N) ?? 0;
+      D > Qe ? v.push(
+        Xe + (D - Qe) * 20
+      ) : D > 0 ? v.push(Math.max(u, Xe)) : v.push(u);
     }
-    return x;
+    return v;
   }, [
-    p,
-    d.length,
-    $.length,
+    z,
+    c.length,
+    x.length,
     re
-  ]), De = (l) => Math.max(
-    en,
-    l * (Ae + Ke) + Je * 2
-  ), ee = Le + Q.reduce((l, u) => l + u, 0), X = q(() => {
+  ]), Ce = (l) => Math.max(
+    tn,
+    l * (We + Je) + qe * 2
+  ), ee = Ee + G.reduce((l, u) => l + u, 0), Q = X(() => {
     const l = [0];
-    for (let u = 0; u < Q.length; u++)
-      l.push(l[u] + Q[u]);
+    for (let u = 0; u < G.length; u++)
+      l.push(l[u] + G[u]);
     return l;
-  }, [Q]);
-  xt(() => {
-    const l = P.current;
+  }, [G]);
+  vt(() => {
+    const l = W.current;
     if (!l) return;
     const u = () => {
-      let x = -1;
-      const C = (/* @__PURE__ */ new Date()).getHours();
+      let v = -1;
+      const D = (/* @__PURE__ */ new Date()).getHours();
       {
-        for (let T = 0; T < d.length; T++) {
-          const H = d[T];
-          if (H && se(H.date) && H.hour <= C && H.hour + 1 > C) {
-            x = T;
+        for (let T = 0; T < c.length; T++) {
+          const H = c[T];
+          if (H && ie(H.date) && H.hour <= D && H.hour + 1 > D) {
+            v = T;
             break;
           }
         }
-        if (x === -1)
-          for (let T = 0; T < d.length; T++) {
-            const H = d[T];
-            if (H && se(H.date)) {
-              x = T;
+        if (v === -1)
+          for (let T = 0; T < c.length; T++) {
+            const H = c[T];
+            if (H && ie(H.date)) {
+              v = T;
               break;
             }
           }
       }
-      if (x !== -1) {
-        const T = (X[x] ?? 0) + Le, H = l.clientWidth, K = Math.max(0, T - H / 3);
+      if (v !== -1) {
+        const T = (Q[v] ?? 0) + Ee, H = l.clientWidth, J = Math.max(0, T - H / 3);
         l.scrollTo({
-          left: K,
+          left: J,
           behavior: "instant"
         });
       }
@@ -1204,104 +1204,104 @@ function Ee({
     requestAnimationFrame(() => {
       requestAnimationFrame(u);
     });
-  }, [V, d, $, X, p]);
-  const ke = W(
+  }, [_, c, x, Q, z]);
+  const ke = $(
     (l, u) => {
-      const x = u.getBoundingClientRect(), k = l - x.left + u.scrollLeft;
-      for (let C = 0; C < X.length - 1; C++) {
-        const T = X[C], H = X[C + 1];
-        if (k >= T && k < H) {
-          const K = (k - T) / (H - T), Z = Math.floor(K * 60), J = Math.round(Z / 15) * 15;
-          return { colIndex: C, minute: Math.min(J, 45) };
+      const v = u.getBoundingClientRect(), N = l - v.left + u.scrollLeft;
+      for (let D = 0; D < Q.length - 1; D++) {
+        const T = Q[D], H = Q[D + 1];
+        if (N >= T && N < H) {
+          const J = (N - T) / (H - T), Z = Math.floor(J * 60), q = Math.round(Z / 15) * 15;
+          return { colIndex: D, minute: Math.min(q, 45) };
         }
       }
       return null;
     },
-    [X]
-  ), oe = W(
+    [Q]
+  ), se = $(
     (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 };
+      if (c[l]) {
+        const v = c[l], N = new Date(v.date);
+        return N.setHours(v.hour, u ?? 0, 0, 0), { date: N, hour: v.hour };
       }
       return { date: /* @__PURE__ */ new Date() };
     },
-    [p, d, $]
-  ), le = W(
+    [z, c, x]
+  ), le = $(
     (l, u) => {
       if (l.preventDefault(), l.dataTransfer.dropEffect = "move", !E?.isDragging || !E.dragState) return;
-      const x = l.currentTarget, k = ke(l.clientX, x);
-      if (!k) return;
-      const { colIndex: C, minute: T } = k, { date: H, hour: K } = oe(C, T);
-      E.updateDragPreview(H, K, T, u);
-      const { originalStartDate: Z, originalEndDate: J } = E.dragState, ne = J.getTime() - Z.getTime(), ve = d.length;
+      const v = l.currentTarget, N = ke(l.clientX, v);
+      if (!N) return;
+      const { colIndex: D, minute: T } = N, { date: H, hour: J } = se(D, T);
+      E.updateDragPreview(H, J, T, u);
+      const { originalStartDate: Z, originalEndDate: q } = E.dragState, ne = q.getTime() - Z.getTime(), ve = c.length;
       let we;
       {
         const be = ne / 36e5;
         we = Math.max(1, Math.ceil(be));
       }
-      we = Math.min(we, ve - C), M({ resourceId: u, colIndex: C, spanCols: we });
+      we = Math.min(we, ve - D), C({ resourceId: u, colIndex: D, spanCols: we });
     },
-    [E, ke, oe, p, d.length, $.length]
-  ), Me = W(
+    [E, ke, se, z, c.length, x.length]
+  ), Me = $(
     (l) => {
       const u = l.relatedTarget;
-      l.currentTarget.contains(u) || M(null);
+      l.currentTarget.contains(u) || C(null);
     },
     []
-  ), xe = W(
+  ), xe = $(
     (l, u) => {
-      l.preventDefault(), M(null), E?.isDragging && E.endDrag();
+      l.preventDefault(), C(null), E?.isDragging && E.endDrag();
     },
     [E]
-  ), g = W(
+  ), p = $(
     (l, u) => {
-      if (!b || b.resourceId !== l) return !1;
-      const x = Math.min(b.startCol, b.endCol), k = Math.max(b.startCol, b.endCol);
-      return u >= x && u <= k;
+      if (!y || y.resourceId !== l) return !1;
+      const v = Math.min(y.startCol, y.endCol), N = Math.max(y.startCol, y.endCol);
+      return u >= v && u <= N;
     },
-    [b]
-  ), S = W(
+    [y]
+  ), M = $(
     (l, u) => !R || R.resourceId !== l ? !1 : u >= R.colIndex && u < R.colIndex + R.spanCols,
     [R]
-  ), B = W(
-    (l, u, x) => {
-      x.button !== 0 && x.pointerType === "mouse" || (m || h) && (x.preventDefault(), O.current = !0, I({ resourceId: l, startCol: u, endCol: u, isSelecting: !0 }));
+  ), U = $(
+    (l, u, v) => {
+      v.button !== 0 && v.pointerType === "mouse" || (h || f) && (v.preventDefault(), O.current = !0, A({ resourceId: l, startCol: u, endCol: u, isSelecting: !0 }));
     },
-    [m, h]
-  ), te = W(
-    (l, u, x) => {
-      if (O.current && !(!b || b.resourceId !== l)) {
-        if (x.buttons === 0) {
+    [h, f]
+  ), te = $(
+    (l, u, v) => {
+      if (O.current && !(!y || y.resourceId !== l)) {
+        if (v.buttons === 0) {
           O.current = !1;
           return;
         }
-        I((k) => k ? { ...k, endCol: u } : null);
+        A((N) => N ? { ...N, endCol: u } : null);
       }
     },
-    [b]
-  ), Ne = W(() => {
-    if (!O.current || !b) return;
+    [y]
+  ), Ne = $(() => {
+    if (!O.current || !y) return;
     O.current = !1;
-    const l = Math.min(b.startCol, b.endCol), u = Math.max(b.startCol, b.endCol), x = oe(l), k = oe(u), C = new Date(x.date), T = new Date(k.date);
-    k.hour !== void 0 && T.setHours(k.hour + 1, 0, 0, 0);
+    const l = Math.min(y.startCol, y.endCol), u = Math.max(y.startCol, y.endCol), v = se(l), N = se(u), D = new Date(v.date), T = new Date(N.date);
+    N.hour !== void 0 && T.setHours(N.hour + 1, 0, 0, 0);
     const H = {
-      startDate: C,
+      startDate: D,
       endDate: T,
-      resourceId: b.resourceId
+      resourceId: y.resourceId
     };
-    l === u && h && h(x.date, x.hour, b.resourceId), m?.(H), I((K) => K ? { ...K, isSelecting: !1 } : null), setTimeout(() => I(null), 150);
-  }, [b, oe, p, h, m]);
-  return pe(() => {
+    l === u && f && f(v.date, v.hour, y.resourceId), h?.(H), A((J) => J ? { ...J, isSelecting: !1 } : null), setTimeout(() => A(null), 150);
+  }, [y, se, z, f, h]);
+  return ce(() => {
     const l = () => {
       O.current && Ne();
     };
     return window.addEventListener("pointerup", l), window.addEventListener("pointercancel", l), () => {
       window.removeEventListener("pointerup", l), window.removeEventListener("pointercancel", l);
     };
-  }, [Ne]), pe(() => {
-    E?.isDragging || M(null);
-  }, [E?.isDragging]), /* @__PURE__ */ e("div", { className: f("flex h-full flex-col", v), children: /* @__PURE__ */ e("div", { className: "ic-timeline-scroll-container flex-1", ref: P, children: /* @__PURE__ */ r("div", { className: "relative", style: { minWidth: ee }, children: [
+  }, [Ne]), ce(() => {
+    E?.isDragging || C(null);
+  }, [E?.isDragging]), /* @__PURE__ */ e("div", { className: m("flex h-full flex-col", w), children: /* @__PURE__ */ e("div", { className: "ic-timeline-scroll-container flex-1", ref: W, children: /* @__PURE__ */ r("div", { className: "relative", style: { minWidth: ee }, children: [
     // Hour mode: Day headers + Hour sub-headers - sticky wrapper with flex child (sticky + flex breaks sticky)
     /* @__PURE__ */ e("div", { className: "ic-timeline-header sticky top-0 z-20 border-b bg-background", children: t > 1 ? (
       // Multi-day: Resources cell spans both day-header + hour-header rows
@@ -1310,38 +1310,38 @@ function Ee({
           "div",
           {
             className: "flex shrink-0 items-center justify-center border-r bg-background px-2 sticky left-0 z-10",
-            style: { width: Le },
+            style: { width: Ee },
             children: /* @__PURE__ */ e("span", { className: "text-[10px] font-medium uppercase text-muted-foreground", children: "Resources" })
           }
         ),
         /* @__PURE__ */ r("div", { className: "flex min-w-0 flex-col", children: [
-          /* @__PURE__ */ e("div", { className: "flex border-b", children: $.map((l, u) => {
-            const x = se(l), k = u * Y, C = Q.slice(k, k + Y).reduce((T, H) => T + H, 0);
+          /* @__PURE__ */ e("div", { className: "flex border-b", children: x.map((l, u) => {
+            const v = ie(l), N = u * K, D = G.slice(N, N + K).reduce((T, H) => T + H, 0);
             return /* @__PURE__ */ e(
               "div",
               {
-                className: f(
+                className: m(
                   "flex shrink-0 items-center justify-center border-r py-1.5 font-medium",
-                  x ? "bg-primary/10 text-primary" : "bg-muted/30"
+                  v ? "bg-primary/10 text-primary" : "bg-muted/30"
                 ),
-                style: { width: C },
-                children: /* @__PURE__ */ e("span", { className: "text-xs", children: an(l) })
+                style: { width: D },
+                children: /* @__PURE__ */ e("span", { className: "text-xs", children: ln(l) })
               },
               `day-${l.toISOString()}`
             );
           }) }),
-          /* @__PURE__ */ e("div", { className: "flex", children: d.map((l, u) => {
-            const x = l.hour === N, k = se(l.date), C = Q[u] ?? ze;
+          /* @__PURE__ */ e("div", { className: "flex", children: c.map((l, u) => {
+            const v = l.hour === j, N = ie(l.date), D = G[u] ?? Ie;
             return /* @__PURE__ */ e(
               "div",
               {
-                className: f(
+                className: m(
                   "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"
+                  v && u > 0 ? "border-l-2 border-l-border" : "border-r border-r-border/50",
+                  N && "bg-primary/5"
                 ),
-                style: { width: C },
-                children: Fe(l.hour)
+                style: { width: D },
+                children: $e(l.hour)
               },
               `hour-${l.dayIndex}-${l.hour}`
             );
@@ -1355,36 +1355,36 @@ function Ee({
           "div",
           {
             className: "flex shrink-0 items-center border-r bg-background px-2 py-2",
-            style: { width: Le },
+            style: { width: Ee },
             children: /* @__PURE__ */ e("span", { className: "text-[10px] font-medium uppercase text-muted-foreground", children: "Resources" })
           }
         ),
-        d.map((l, u) => {
-          const x = l.hour === N, k = se(l.date), C = Q[u] ?? ze;
+        c.map((l, u) => {
+          const v = l.hour === j, N = ie(l.date), D = G[u] ?? Ie;
           return /* @__PURE__ */ e(
             "div",
             {
-              className: f(
+              className: m(
                 "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"
+                v && u > 0 ? "border-l-2 border-l-border" : "border-r border-r-border/50",
+                N && "bg-primary/5"
               ),
-              style: { width: C },
-              children: Fe(l.hour)
+              style: { width: D },
+              children: $e(l.hour)
             },
             `hour-${l.dayIndex}-${l.hour}`
           );
         })
       ] })
     ) }),
-    z.map((l) => {
-      const u = De(l.maxStack);
+    S.map((l) => {
+      const u = Ce(l.maxStack);
       return /* @__PURE__ */ r(
         "div",
         {
-          className: f(
+          className: m(
             "relative flex border-b",
-            A?.resourceRow
+            F?.resourceRow
           ),
           style: { height: u },
           children: [
@@ -1392,22 +1392,22 @@ function Ee({
               "div",
               {
                 className: "sticky left-0 z-10",
-                style: { width: Le },
+                style: { width: Ee },
                 children: /* @__PURE__ */ r(
                   "div",
                   {
-                    className: f(
+                    className: m(
                       "flex h-full items-center gap-2 sm:gap-3 border-r bg-background px-2 sm:px-4",
-                      A?.resourceHeader
+                      F?.resourceHeader
                     ),
                     children: [
                       /* @__PURE__ */ e(
-                        ln,
+                        cn,
                         {
                           className: "size-7",
                           src: l.user.avatar,
                           alt: l.user.name,
-                          fallback: rn(l.user.name)
+                          fallback: on(l.user.name)
                         }
                       ),
                       /* @__PURE__ */ e("span", { className: "truncate text-xs sm:text-sm font-medium", children: l.user.name })
@@ -1420,27 +1420,27 @@ function Ee({
               "div",
               {
                 className: "ic-timeline-grid relative flex",
-                onDragOver: (x) => le(x, l.user.id),
+                onDragOver: (v) => le(v, l.user.id),
                 onDragLeave: Me,
-                onDrop: (x) => xe(x, l.user.id),
+                onDrop: (v) => xe(v, l.user.id),
                 children: [
                   // Hour mode cells — interactive buttons for slot selection
-                  d.map((x, k) => {
-                    const C = x.hour === N && k > 0, T = Q[k] ?? ze, H = g(l.user.id, k), K = S(l.user.id, k), Z = !!(m || h);
+                  c.map((v, N) => {
+                    const D = v.hour === j && N > 0, T = G[N] ?? Ie, H = p(l.user.id, N), J = M(l.user.id, N), Z = !!(h || f);
                     return /* @__PURE__ */ e(
                       "div",
                       {
                         role: Z ? "button" : void 0,
                         tabIndex: Z ? 0 : void 0,
-                        "aria-label": Z ? `Select ${Fe(x.hour)} on ${x.date.toLocaleDateString()} for ${l.user.name}` : void 0,
-                        onPointerDown: (J) => B(l.user.id, k, J),
-                        onPointerEnter: (J) => te(l.user.id, k, J),
+                        "aria-label": Z ? `Select ${$e(v.hour)} on ${v.date.toLocaleDateString()} for ${l.user.name}` : void 0,
+                        onPointerDown: (q) => U(l.user.id, N, q),
+                        onPointerEnter: (q) => te(l.user.id, N, q),
                         onPointerUp: Ne,
-                        onKeyDown: (J) => {
-                          if (Z && (J.key === "Enter" || J.key === " ")) {
-                            J.preventDefault();
-                            const ne = oe(k);
-                            h?.(ne.date, ne.hour, l.user.id), m?.({
+                        onKeyDown: (q) => {
+                          if (Z && (q.key === "Enter" || q.key === " ")) {
+                            q.preventDefault();
+                            const ne = se(N);
+                            f?.(ne.date, ne.hour, l.user.id), h?.({
                               startDate: ne.date,
                               endDate: (() => {
                                 const ve = new Date(ne.date);
@@ -1450,52 +1450,52 @@ function Ee({
                             });
                           }
                         },
-                        className: f(
+                        className: m(
                           "shrink-0 select-none touch-none transition-colors",
                           Z && "cursor-pointer",
-                          C ? "border-l-2 border-l-border" : "border-r border-r-border/50",
-                          se(x.date) && "bg-primary/5",
+                          D ? "border-l-2 border-l-border" : "border-r border-r-border/50",
+                          ie(v.date) && "bg-primary/5",
                           // Hover — subtle feedback (only when not selecting or dragging)
-                          Z && !b?.isSelecting && !E?.isDragging && "hover:bg-blue-50/60",
+                          Z && !y?.isSelecting && !E?.isDragging && "hover:bg-blue-50/60",
                           // Slot selection highlight
                           H && "bg-blue-100/70",
                           // Drop target highlight
-                          K && "bg-primary/20 ring-2 ring-primary ring-inset"
+                          J && "bg-primary/20 ring-2 ring-primary ring-inset"
                         ),
                         style: { width: T }
                       },
-                      `cell-${x.dayIndex}-${x.hour}`
+                      `cell-${v.dayIndex}-${v.hour}`
                     );
                   }),
-                  l.events.map((x) => {
-                    const k = (X[x.startCol] ?? 0) + 2, C = X[x.startCol + x.spanCols] ?? X[X.length - 1] ?? 0, T = X[x.startCol] ?? 0, H = C - T - 4, K = Je + x.stackIndex * (Ae + Ke);
+                  l.events.map((v) => {
+                    const N = (Q[v.startCol] ?? 0) + 2, D = Q[v.startCol + v.spanCols] ?? Q[Q.length - 1] ?? 0, T = Q[v.startCol] ?? 0, H = D - T - 4, J = qe + v.stackIndex * (We + Je);
                     return /* @__PURE__ */ e(
                       "div",
                       {
                         className: "absolute",
                         style: {
-                          left: k,
+                          left: N,
                           width: Math.max(H, 0),
                           // No forced minimum - columns are guaranteed wide enough
-                          top: K,
-                          height: Ae
+                          top: J,
+                          height: We
                         },
                         children: /* @__PURE__ */ e(
-                          kt,
+                          Nt,
                           {
-                            event: x.event,
+                            event: v.event,
                             variant: "compact",
-                            enableDrag: j,
-                            onClick: a,
-                            renderPopover: w,
-                            className: f(
+                            enableDrag: P,
+                            onClick: i,
+                            renderPopover: b,
+                            className: m(
                               "h-full w-full",
-                              A?.eventCardCompact
+                              F?.eventCardCompact
                             )
                           }
                         )
                       },
-                      x.event.id
+                      v.event.id
                     );
                   })
                 ]
@@ -1506,10 +1506,10 @@ function Ee({
         l.user.id
       );
     }),
-    z.length === 0 && /* @__PURE__ */ e("div", { className: "flex items-center justify-center py-20 text-muted-foreground", children: "No users or events to display" })
+    S.length === 0 && /* @__PURE__ */ e("div", { className: "flex items-center justify-center py-20 text-muted-foreground", children: "No users or events to display" })
   ] }) }) });
 }
-const dn = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], un = [
+const un = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], hn = [
   "January",
   "February",
   "March",
@@ -1523,18 +1523,18 @@ const dn = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], un = [
   "November",
   "December"
 ];
-function Ze(t) {
+function et(t) {
   const n = t.hexColor;
   return n ? { backgroundColor: n } : {};
 }
-function hn({ day: t, date: n, events: o, isCurrentMonth: s, onDayClick: i }) {
-  const a = se(n), h = 3, m = o.length;
+function mn({ day: t, date: n, events: o, isCurrentMonth: s, onDayClick: a }) {
+  const i = ie(n), f = 3, h = o.length;
   return /* @__PURE__ */ r(
     "button",
     {
       type: "button",
-      onClick: () => i?.(n),
-      className: f(
+      onClick: () => a?.(n),
+      className: m(
         "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",
@@ -1544,208 +1544,248 @@ function hn({ day: t, date: n, events: o, isCurrentMonth: s, onDayClick: i }) {
         /* @__PURE__ */ e(
           "div",
           {
-            className: f(
+            className: m(
               "flex size-5 sm:size-6 items-center justify-center rounded-full text-[10px] sm:text-xs font-medium",
-              a && "bg-primary font-semibold text-primary-foreground"
+              i && "bg-primary font-semibold text-primary-foreground"
             ),
             children: t
           }
         ),
-        m > 0 && /* @__PURE__ */ e("div", { className: "mt-0.5 flex items-center gap-0.5", children: m <= h ? o.map((c) => /* @__PURE__ */ e(
+        h > 0 && /* @__PURE__ */ e("div", { className: "mt-0.5 flex items-center gap-0.5", children: h <= f ? o.map((d) => /* @__PURE__ */ e(
           "div",
           {
             className: "size-1 sm:size-1.5 rounded-full bg-primary",
-            style: Ze(c)
+            style: et(d)
           },
-          c.id
-        )) : /* @__PURE__ */ r(ge, { children: [
-          o.slice(0, h).map((c) => /* @__PURE__ */ e(
+          d.id
+        )) : /* @__PURE__ */ r(pe, { children: [
+          o.slice(0, f).map((d) => /* @__PURE__ */ e(
             "div",
             {
               className: "size-1 sm:size-1.5 rounded-full bg-primary",
-              style: Ze(c)
+              style: et(d)
             },
-            c.id
+            d.id
           )),
           /* @__PURE__ */ r("span", { className: "text-[6px] sm:text-[7px] font-medium text-muted-foreground", children: [
             "+",
-            m - h
+            h - f
           ] })
         ] }) })
       ]
     }
   );
 }
-function mn({
+function fn({
   date: t,
   events: n,
   onMonthClick: o,
   onDayClick: s
 }) {
-  const i = q(() => jt(t, 0), [t]);
+  const a = X(() => At(t, 0), [t]);
   return /* @__PURE__ */ r("div", { className: "flex flex-col", children: [
     /* @__PURE__ */ e(
       "button",
       {
         type: "button",
         onClick: () => o?.(t),
-        className: f(
+        className: m(
           "w-full rounded-t-lg border px-2 sm:px-3 py-1.5 sm:py-2 text-xs sm:text-sm font-semibold",
           "hover:bg-accent focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
           "transition-colors"
         ),
-        children: un[t.getMonth()]
+        children: hn[t.getMonth()]
       }
     ),
     /* @__PURE__ */ r("div", { className: "flex-1 space-y-1.5 sm:space-y-2 rounded-b-lg border border-t-0 p-2 sm:p-3", children: [
-      /* @__PURE__ */ e("div", { className: "grid grid-cols-7 gap-x-0.5 text-center", children: dn.map((a, h) => /* @__PURE__ */ r("div", { className: "text-[9px] sm:text-xs font-medium text-muted-foreground", children: [
-        /* @__PURE__ */ e("span", { className: "sm:hidden", children: a[0] }),
-        /* @__PURE__ */ e("span", { className: "hidden sm:inline", children: a })
-      ] }, h)) }),
-      /* @__PURE__ */ e("div", { className: "grid grid-cols-7 gap-x-0.5 gap-y-1", children: i.map((a, h) => {
-        const m = Pt(n, a.date);
+      /* @__PURE__ */ e("div", { className: "grid grid-cols-7 gap-x-0.5 text-center", children: un.map((i, f) => /* @__PURE__ */ r("div", { className: "text-[9px] sm:text-xs font-medium text-muted-foreground", children: [
+        /* @__PURE__ */ e("span", { className: "sm:hidden", children: i[0] }),
+        /* @__PURE__ */ e("span", { className: "hidden sm:inline", children: i })
+      ] }, f)) }),
+      /* @__PURE__ */ e("div", { className: "grid grid-cols-7 gap-x-0.5 gap-y-1", children: a.map((i, f) => {
+        const h = Pt(n, i.date);
         return /* @__PURE__ */ e(
-          hn,
+          mn,
           {
-            day: a.date.getDate(),
-            date: a.date,
-            events: m,
-            isCurrentMonth: a.isCurrentMonth,
+            day: i.date.getDate(),
+            date: i.date,
+            events: h,
+            isCurrentMonth: i.isCurrentMonth,
             onDayClick: s
           },
-          `${h + 1}-${a.date.toISOString()}`
+          `${f + 1}-${i.date.toISOString()}`
         );
       }) })
     ] })
   ] });
 }
-function fn({
+function gn({
   events: t,
   year: n,
   onMonthClick: o,
   onDayClick: s,
-  className: i,
-  slots: a,
-  classNames: h
+  className: a,
+  slots: i,
+  classNames: f
 }) {
-  const m = q(() => It(n), [n]);
-  return /* @__PURE__ */ r("div", { className: f("flex flex-col h-full", i), children: [
+  const h = X(() => jt(n), [n]);
+  return /* @__PURE__ */ r("div", { className: m("flex flex-col h-full", a), children: [
     /* @__PURE__ */ e("div", { className: "flex items-center justify-center border-b px-4 py-3", children: /* @__PURE__ */ e("h2", { className: "text-lg font-semibold", children: n }) }),
-    /* @__PURE__ */ e("div", { className: "flex-1 overflow-auto p-4", children: /* @__PURE__ */ e("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4", children: m.map((c) => /* @__PURE__ */ e(
-      mn,
+    /* @__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(
+      fn,
       {
-        date: c,
+        date: d,
         events: t,
         onMonthClick: o,
         onDayClick: s
       },
-      c.getMonth()
+      d.getMonth()
     )) }) })
   ] });
 }
-const Ie = 200, gn = 60, pn = 300, et = 3;
-function xn() {
-  return /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ e("path", { d: "m18 15-6-6-6 6" }) });
+const ze = 200, pn = 60, xn = 300, vn = 7, tt = 2, Fe = 40, wn = 18;
+function bn() {
+  return /* @__PURE__ */ e("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ e("path", { d: "m18 15-6-6-6 6" }) });
 }
-function vn() {
-  return /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ e("path", { d: "m6 9 6 6 6-6" }) });
+function yn() {
+  return /* @__PURE__ */ e("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ e("path", { d: "m6 9 6 6 6-6" }) });
 }
-function wn() {
-  return /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ e("path", { d: "m15 18-6-6 6-6" }) });
+function kn() {
+  return /* @__PURE__ */ e("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ e("path", { d: "m15 18-6-6 6-6" }) });
 }
-function bn() {
-  return /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ e("path", { d: "m9 18 6-6-6-6" }) });
+function Nn() {
+  return /* @__PURE__ */ e("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ e("path", { d: "m9 18 6-6-6-6" }) });
 }
-function yn({ containerRef: t, className: n }) {
-  const [o, s] = ie({
+function Dn({ containerRef: t, className: n }) {
+  const [o, s] = oe({
     canUp: !1,
     canDown: !1,
     canLeft: !1,
     canRight: !1
-  }), i = o.canUp || o.canDown || o.canLeft || o.canRight, a = ae(null), h = ae(null), m = ae(null), c = ae(!1), v = ae({ x: 0, y: 0 }), y = ae(0), w = W(() => {
-    const p = t.current;
-    if (!p) return;
-    const N = 4;
+  }), [a, i] = oe({ x: 0, y: 0 }), [f, h] = oe(!1), d = o.canUp || o.canDown || o.canLeft || o.canRight, w = ae(null), k = ae(null), b = ae(null), I = ae(!1), F = ae({ x: 0, y: 0 }), P = ae({ x: 0, y: 0 }), W = ae(0), E = $(() => {
+    const x = t.current;
+    if (!x) return;
+    const c = 4;
     s({
-      canUp: p.scrollTop > N,
-      canDown: p.scrollTop + p.clientHeight < p.scrollHeight - N,
-      canLeft: p.scrollLeft > N,
-      canRight: p.scrollLeft + p.clientWidth < p.scrollWidth - N
+      canUp: x.scrollTop > c,
+      canDown: x.scrollTop + x.clientHeight < x.scrollHeight - c,
+      canLeft: x.scrollLeft > c,
+      canRight: x.scrollLeft + x.clientWidth < x.scrollWidth - c
     });
   }, [t]);
-  pe(() => {
-    const p = t.current;
-    if (!p) return;
-    w(), p.addEventListener("scroll", w, { passive: !0 });
-    const N = new ResizeObserver(w);
-    N.observe(p);
-    const F = new MutationObserver(w);
-    return F.observe(p, { childList: !0, subtree: !0 }), () => {
-      p.removeEventListener("scroll", w), N.disconnect(), F.disconnect();
+  ce(() => {
+    const x = t.current;
+    if (!x) return;
+    E(), x.addEventListener("scroll", E, { passive: !0 });
+    const c = new ResizeObserver(E);
+    c.observe(x);
+    const g = new MutationObserver(E);
+    return g.observe(x, { childList: !0, subtree: !0 }), () => {
+      x.removeEventListener("scroll", E), c.disconnect(), g.disconnect();
     };
-  }, [t, w]);
-  const L = W(
-    (p, N) => {
-      t.current?.scrollBy({ left: p, top: N, behavior: "smooth" });
+  }, [t, E]);
+  const y = $(
+    (x, c) => {
+      t.current?.scrollBy({ left: x, top: c, behavior: "smooth" });
     },
     [t]
-  ), A = W(() => L(0, -Ie), [L]), j = W(() => L(0, Ie), [L]), P = W(() => L(-Ie, 0), [L]), E = W(() => L(Ie, 0), [L]), b = W(() => {
-    a.current && (clearTimeout(a.current), a.current = null), h.current && (clearInterval(h.current), h.current = null);
-  }, []), I = W(
-    (p) => {
-      p(), a.current = setTimeout(() => {
-        h.current = setInterval(p, gn);
-      }, pn);
+  ), A = $(() => y(0, -ze), [y]), O = $(() => y(0, ze), [y]), R = $(() => y(-ze, 0), [y]), C = $(() => y(ze, 0), [y]), _ = $(() => {
+    w.current && (clearTimeout(w.current), w.current = null), k.current && (clearInterval(k.current), k.current = null);
+  }, []), z = $(
+    (x) => {
+      x(), w.current = setTimeout(() => {
+        k.current = setInterval(x, pn);
+      }, xn);
     },
     []
   );
-  pe(() => b, [b]);
-  const O = W(
-    (p) => {
-      p.preventDefault(), c.current = !0, v.current = { x: p.clientX, y: p.clientY }, p.target.setPointerCapture(p.pointerId);
-      const N = () => {
-        c.current && (y.current = requestAnimationFrame(N));
+  ce(() => _, [_]), ce(() => {
+    const x = t.current;
+    if (!x) return;
+    const c = (g) => {
+      if (g.ctrlKey || g.metaKey || g.altKey) return;
+      const L = g.target.tagName;
+      if (!(L === "INPUT" || L === "TEXTAREA" || g.target.isContentEditable))
+        switch (g.key) {
+          case "ArrowUp":
+            g.preventDefault(), A();
+            break;
+          case "ArrowDown":
+            g.preventDefault(), O();
+            break;
+          case "ArrowLeft":
+            g.preventDefault(), R();
+            break;
+          case "ArrowRight":
+            g.preventDefault(), C();
+            break;
+        }
+    };
+    return x.addEventListener("keydown", c), () => x.removeEventListener("keydown", c);
+  }, [t, A, O, R, C]);
+  const j = $(() => {
+    I.current = !1, h(!1), i({ x: 0, y: 0 }), P.current = { x: 0, y: 0 }, W.current && cancelAnimationFrame(W.current);
+  }, []), V = $(
+    (x) => {
+      x.preventDefault(), I.current = !0, h(!0), F.current = { x: x.clientX, y: x.clientY }, P.current = { x: 0, y: 0 }, x.target.setPointerCapture(x.pointerId);
+      const c = () => {
+        if (!I.current) return;
+        const g = t.current;
+        if (g) {
+          const { x: L, y: B } = P.current, S = Math.sqrt(L * L + B * B);
+          if (S > tt) {
+            const G = Math.min(S / Fe, 1) * wn;
+            g.scrollLeft += L / S * G, g.scrollTop += B / S * G;
+          }
+        }
+        W.current = requestAnimationFrame(c);
       };
-      y.current = requestAnimationFrame(N);
-    },
-    []
-  ), R = W(
-    (p) => {
-      if (!c.current) return;
-      const N = t.current;
-      if (!N) return;
-      const F = (p.clientX - v.current.x) * et, Y = (p.clientY - v.current.y) * et;
-      N.scrollLeft += F, N.scrollTop += Y, v.current = { x: p.clientX, y: p.clientY };
+      W.current = requestAnimationFrame(c);
     },
     [t]
-  ), M = W(() => {
-    c.current = !1, y.current && cancelAnimationFrame(y.current);
-  }, []), V = W(
-    (p) => {
-      switch (p.key) {
+  ), K = $(
+    (x) => {
+      if (!I.current) return;
+      const c = x.clientX - F.current.x, g = x.clientY - F.current.y;
+      P.current = { x: c, y: g };
+      const L = Math.sqrt(c * c + g * g);
+      if (L < tt)
+        i({ x: 0, y: 0 });
+      else {
+        const S = Math.min(L, Fe) / Fe * vn;
+        i({
+          x: c / L * S,
+          y: g / L * S
+        });
+      }
+    },
+    []
+  ), Y = $(
+    (x) => {
+      switch (x.key) {
         case "ArrowUp":
-          p.preventDefault(), A();
+          x.preventDefault(), A();
           break;
         case "ArrowDown":
-          p.preventDefault(), j();
+          x.preventDefault(), O();
           break;
         case "ArrowLeft":
-          p.preventDefault(), P();
+          x.preventDefault(), R();
           break;
         case "ArrowRight":
-          p.preventDefault(), E();
+          x.preventDefault(), C();
           break;
       }
     },
-    [A, j, P, E]
+    [A, O, R, C]
   );
-  return i ? /* @__PURE__ */ r(
+  return d ? /* @__PURE__ */ r(
     "div",
     {
       className: `inno-scroll-nav ${n ?? ""}`,
       role: "toolbar",
       "aria-label": "Scroll navigation",
-      onKeyDown: V,
+      onKeyDown: Y,
       children: [
         /* @__PURE__ */ e(
           "button",
@@ -1754,11 +1794,11 @@ function yn({ containerRef: t, className: n }) {
             className: `inno-scroll-nav-btn inno-scroll-nav-up ${o.canUp ? "" : "inno-scroll-nav-btn-disabled"}`,
             "aria-label": "Scroll up",
             disabled: !o.canUp,
-            onPointerDown: () => I(A),
-            onPointerUp: b,
-            onPointerLeave: b,
+            onPointerDown: () => z(A),
+            onPointerUp: _,
+            onPointerLeave: _,
             tabIndex: o.canUp ? 0 : -1,
-            children: /* @__PURE__ */ e(xn, {})
+            children: /* @__PURE__ */ e(bn, {})
           }
         ),
         /* @__PURE__ */ e(
@@ -1768,26 +1808,34 @@ function yn({ containerRef: t, className: n }) {
             className: `inno-scroll-nav-btn inno-scroll-nav-left ${o.canLeft ? "" : "inno-scroll-nav-btn-disabled"}`,
             "aria-label": "Scroll left",
             disabled: !o.canLeft,
-            onPointerDown: () => I(P),
-            onPointerUp: b,
-            onPointerLeave: b,
+            onPointerDown: () => z(R),
+            onPointerUp: _,
+            onPointerLeave: _,
             tabIndex: o.canLeft ? 0 : -1,
-            children: /* @__PURE__ */ e(wn, {})
+            children: /* @__PURE__ */ e(kn, {})
           }
         ),
         /* @__PURE__ */ e(
           "button",
           {
-            ref: m,
+            ref: b,
             type: "button",
-            className: `inno-scroll-nav-joystick ${c.current ? "inno-scroll-nav-joystick-active" : ""}`,
+            className: `inno-scroll-nav-joystick ${f ? "inno-scroll-nav-joystick-active" : ""}`,
             "aria-label": "Drag to scroll freely",
-            onPointerDown: O,
-            onPointerMove: R,
-            onPointerUp: M,
-            onPointerCancel: M,
+            onPointerDown: V,
+            onPointerMove: K,
+            onPointerUp: j,
+            onPointerCancel: j,
             tabIndex: 0,
-            children: /* @__PURE__ */ e("span", { className: "inno-scroll-nav-joystick-dot" })
+            children: /* @__PURE__ */ e(
+              "span",
+              {
+                className: "inno-scroll-nav-joystick-dot",
+                style: {
+                  transform: `translate(${a.x}px, ${a.y}px)`
+                }
+              }
+            )
           }
         ),
         /* @__PURE__ */ e(
@@ -1797,11 +1845,11 @@ function yn({ containerRef: t, className: n }) {
             className: `inno-scroll-nav-btn inno-scroll-nav-right ${o.canRight ? "" : "inno-scroll-nav-btn-disabled"}`,
             "aria-label": "Scroll right",
             disabled: !o.canRight,
-            onPointerDown: () => I(E),
-            onPointerUp: b,
-            onPointerLeave: b,
+            onPointerDown: () => z(C),
+            onPointerUp: _,
+            onPointerLeave: _,
             tabIndex: o.canRight ? 0 : -1,
-            children: /* @__PURE__ */ e(bn, {})
+            children: /* @__PURE__ */ e(Nn, {})
           }
         ),
         /* @__PURE__ */ e(
@@ -1811,18 +1859,18 @@ function yn({ containerRef: t, className: n }) {
             className: `inno-scroll-nav-btn inno-scroll-nav-down ${o.canDown ? "" : "inno-scroll-nav-btn-disabled"}`,
             "aria-label": "Scroll down",
             disabled: !o.canDown,
-            onPointerDown: () => I(j),
-            onPointerUp: b,
-            onPointerLeave: b,
+            onPointerDown: () => z(O),
+            onPointerUp: _,
+            onPointerLeave: _,
             tabIndex: o.canDown ? 0 : -1,
-            children: /* @__PURE__ */ e(vn, {})
+            children: /* @__PURE__ */ e(yn, {})
           }
         )
       ]
     }
   ) : null;
 }
-function kn(t) {
+function Cn(t) {
   switch (t) {
     case "day":
     case "week":
@@ -1831,70 +1879,70 @@ function kn(t) {
       return "day";
   }
 }
-function Nn({
+function Mn({
   onEventClick: t,
   onSlotClick: n,
   onSlotSelect: o,
   onAddEvent: s,
-  className: i,
-  showHeader: a = !0,
-  minSelectionMinutes: h = 30,
-  showMoreMode: m,
-  showMoreEventsInPopover: c = !1,
-  isLoading: v = !1,
-  slots: y,
-  classNames: w,
-  settingsContent: L,
-  filterContent: A,
-  headerActions: j,
-  renderPopover: P,
+  className: a,
+  showHeader: i = !0,
+  minSelectionMinutes: f = 30,
+  showMoreMode: h,
+  showMoreEventsInPopover: d = !1,
+  isLoading: w = !1,
+  slots: k,
+  classNames: b,
+  settingsContent: I,
+  filterContent: F,
+  headerActions: P,
+  renderPopover: W,
   calendarRef: E,
-  headerConfig: b,
-  eventDetailMode: I,
+  headerConfig: y,
+  eventDetailMode: A,
   renderEventDetail: O
 }) {
-  const R = m ?? (c ? "popover" : "expand"), {
-    view: M,
-    setView: V,
-    selectedDate: p,
-    setSelectedDate: N,
-    slotDuration: F,
-    filteredEvents: Y,
-    users: G,
-    visibleHours: $,
-    workingHours: d,
-    badgeVariant: D,
-    showWorkingHoursOnly: _,
-    clearFocusEventId: U
-  } = Ht(), z = q(() => {
-    if (!_ || !d)
+  const R = h ?? (d ? "popover" : "expand"), {
+    view: C,
+    setView: _,
+    selectedDate: z,
+    setSelectedDate: j,
+    slotDuration: V,
+    filteredEvents: K,
+    users: Y,
+    visibleHours: x,
+    workingHours: c,
+    badgeVariant: g,
+    showWorkingHoursOnly: L,
+    clearFocusEventId: B
+  } = It(), S = X(() => {
+    if (!L || !c)
       return {
-        startHour: $.start,
-        endHour: $.end
+        startHour: x.start,
+        endHour: x.end
       };
-    let g = 24, S = 0;
-    for (const B of Object.keys(d)) {
-      const te = d[Number(B)];
-      !te || te.enabled === !1 || (te.from < g && (g = te.from), te.to > S && (S = te.to));
+    let p = 24, M = 0;
+    for (const U of Object.keys(c)) {
+      const te = c[Number(U)];
+      !te || te.enabled === !1 || (te.from < p && (p = te.from), te.to > M && (M = te.to));
     }
-    return g >= S ? {
-      startHour: $.start,
-      endHour: $.end
-    } : { startHour: g, endHour: S };
-  }, [_, d, $]), re = z, Q = ae(null);
-  vt(
+    return p >= M ? {
+      startHour: x.start,
+      endHour: x.end
+    } : { startHour: p, endHour: M };
+  }, [L, c, x]), re = S, G = ae(null);
+  wt(
     E,
     () => ({
       scrollToToday: () => {
-        const g = /* @__PURE__ */ new Date();
-        N(g, M), requestAnimationFrame(() => {
+        const p = /* @__PURE__ */ new Date();
+        j(p, C), requestAnimationFrame(() => {
           requestAnimationFrame(() => {
-            const S = Q.current?.querySelector(
+            const M = G.current?.querySelector(
               ".ic-timeline-scroll-container, [class*='overflow-auto']"
             );
-            if (!S) return;
-            const Ne = (g.getHours() - z.startHour) * 96;
-            Ne > 0 && S.scrollTo({
+            if (!M) return;
+            const Ne = (p.getHours() - S.startHour) * 96;
+            Ne > 0 && M.scrollTo({
               top: Math.max(0, Ne - 100),
               // Offset to show some context
               behavior: "smooth"
@@ -1903,302 +1951,302 @@ function Nn({
         });
       },
       scrollToWorkingHours: () => {
-        let g = 8;
-        if (d)
-          for (const S of Object.keys(d)) {
-            const B = d[Number(S)];
-            B?.enabled && B.from < g && (g = Math.max(B.from - 1, 0));
+        let p = 8;
+        if (c)
+          for (const M of Object.keys(c)) {
+            const U = c[Number(M)];
+            U?.enabled && U.from < p && (p = Math.max(U.from - 1, 0));
           }
         requestAnimationFrame(() => {
           requestAnimationFrame(() => {
-            const S = Q.current?.querySelector(
+            const M = G.current?.querySelector(
               ".ic-timeline-scroll-container, [class*='overflow-auto']"
             );
-            if (!S) return;
-            const te = (g - z.startHour) * 96;
-            S.scrollTo({
+            if (!M) return;
+            const te = (p - S.startHour) * 96;
+            M.scrollTo({
               top: Math.max(0, te),
               behavior: "smooth"
             });
           });
         });
       },
-      getViewRect: () => Q.current?.getBoundingClientRect() ?? null,
-      focusEvent: (g) => {
-        U(), requestAnimationFrame(() => {
-          U();
+      getViewRect: () => G.current?.getBoundingClientRect() ?? null,
+      focusEvent: (p) => {
+        B(), requestAnimationFrame(() => {
+          B();
         });
-        const S = Q.current?.querySelector(
-          `[data-event-id="${g}"]`
+        const M = G.current?.querySelector(
+          `[data-event-id="${p}"]`
         );
-        S && setTimeout(() => S.click(), 150);
+        M && setTimeout(() => M.click(), 150);
       }
     }),
     [
-      N,
-      M,
-      z,
-      d,
-      U
+      j,
+      C,
+      S,
+      c,
+      B
     ]
   );
-  const De = q(() => kn(M), [M]), ee = W(
-    (g) => {
+  const Ce = X(() => Cn(C), [C]), ee = $(
+    (p) => {
       if (o) {
-        o(g);
+        o(p);
         return;
       }
       if (n) {
-        const S = g.startDate.getHours();
-        n(g.startDate, S);
+        const M = p.startDate.getHours();
+        n(p.startDate, M);
       }
     },
     [o, n]
-  ), X = W(
-    (g) => {
-      V("day"), N(g, "day");
+  ), Q = $(
+    (p) => {
+      _("day"), j(p, "day");
     },
-    [N, V]
-  ), ke = W(
-    (g) => {
-      V("month"), N(g, "month");
+    [j, _]
+  ), ke = $(
+    (p) => {
+      _("month"), j(p, "month");
     },
-    [N, V]
-  ), oe = W(
-    (g) => {
-      t?.(g);
+    [j, _]
+  ), se = $(
+    (p) => {
+      t?.(p);
     },
     [t]
-  ), le = W(
-    (g, S, B) => {
-      n?.(g, S);
+  ), le = $(
+    (p, M, U) => {
+      n?.(p, M);
     },
     [n]
   ), Me = () => {
-    const g = Y, S = oe, B = P;
-    switch (M) {
+    const p = K, M = se, U = W;
+    switch (C) {
       case "day":
         return /* @__PURE__ */ e(
-          Mt,
+          St,
           {
-            events: g,
-            date: p,
+            events: p,
+            date: z,
             visibleHours: re,
-            workingHours: d,
-            slotDuration: F,
-            badgeVariant: D,
-            onEventClick: S,
-            renderPopover: B,
-            ...y && { slots: y },
-            ...w && { classNames: w }
+            workingHours: c,
+            slotDuration: V,
+            badgeVariant: g,
+            onEventClick: M,
+            renderPopover: U,
+            ...k && { slots: k },
+            ...b && { classNames: b }
           }
         );
       case "week":
         return /* @__PURE__ */ e(
-          Dt,
+          Mt,
           {
-            events: g,
-            date: p,
+            events: p,
+            date: z,
             visibleHours: re,
-            workingHours: d,
-            slotDuration: F,
-            badgeVariant: D,
-            onEventClick: S,
-            renderPopover: B,
-            ...y && { slots: y },
-            ...w && { classNames: w }
+            workingHours: c,
+            slotDuration: V,
+            badgeVariant: g,
+            onEventClick: M,
+            renderPopover: U,
+            ...k && { slots: k },
+            ...b && { classNames: b }
           }
         );
       case "month":
         return /* @__PURE__ */ e(
-          Ue,
+          Ve,
           {
-            events: g,
-            date: p,
-            badgeVariant: D,
-            onEventClick: S,
-            onDayClick: X,
-            renderPopover: B,
+            events: p,
+            date: z,
+            badgeVariant: g,
+            onEventClick: M,
+            onDayClick: Q,
+            renderPopover: U,
             showMoreMode: R,
-            ...y && { slots: y },
-            ...w && { classNames: w }
+            ...k && { slots: k },
+            ...b && { classNames: b }
           }
         );
       case "year":
         return /* @__PURE__ */ e(
-          fn,
+          gn,
           {
-            events: g,
-            year: p.getFullYear(),
+            events: p,
+            year: z.getFullYear(),
             onMonthClick: ke,
-            onDayClick: X,
-            ...y && { slots: y },
-            ...w && { classNames: w }
+            onDayClick: Q,
+            ...k && { slots: k },
+            ...b && { classNames: b }
           }
         );
       case "agenda":
         return /* @__PURE__ */ e(
           Ct,
           {
-            events: g,
-            date: p,
-            onEventClick: S,
-            renderPopover: B,
-            ...y && { slots: y },
-            ...w && { classNames: w }
+            events: p,
+            date: z,
+            onEventClick: M,
+            renderPopover: U,
+            ...k && { slots: k },
+            ...b && { classNames: b }
           }
         );
       // Resource views — delegate to TimelineView with matching day count
       case "resource-day":
         return /* @__PURE__ */ e(
-          Ee,
+          Le,
           {
             daysToShow: 1,
-            events: g,
-            users: G,
-            selectedDate: p,
+            events: p,
+            users: Y,
+            selectedDate: z,
             visibleHours: {
-              from: z.startHour,
-              to: z.endHour
+              from: S.startHour,
+              to: S.endHour
             },
-            onEventClick: S,
+            onEventClick: M,
             onSlotSelect: ee,
             onSlotClick: le,
-            renderPopover: B,
-            ...y && { slots: y },
-            ...w && { classNames: w }
+            renderPopover: U,
+            ...k && { slots: k },
+            ...b && { classNames: b }
           }
         );
       case "resource-week":
         return /* @__PURE__ */ e(
-          Ee,
+          Le,
           {
             daysToShow: 7,
-            events: g,
-            users: G,
-            selectedDate: p,
+            events: p,
+            users: Y,
+            selectedDate: z,
             visibleHours: {
-              from: z.startHour,
-              to: z.endHour
+              from: S.startHour,
+              to: S.endHour
             },
-            onEventClick: S,
+            onEventClick: M,
             onSlotSelect: ee,
             onSlotClick: le,
-            renderPopover: B,
-            ...y && { slots: y },
-            ...w && { classNames: w }
+            renderPopover: U,
+            ...k && { slots: k },
+            ...b && { classNames: b }
           }
         );
       // Timeline views
       case "timeline-day":
         return /* @__PURE__ */ e(
-          Ee,
+          Le,
           {
             daysToShow: 1,
-            events: g,
-            users: G,
-            selectedDate: p,
+            events: p,
+            users: Y,
+            selectedDate: z,
             visibleHours: {
-              from: z.startHour,
-              to: z.endHour
+              from: S.startHour,
+              to: S.endHour
             },
-            onEventClick: S,
+            onEventClick: M,
             onSlotSelect: ee,
             onSlotClick: le,
-            renderPopover: B,
-            ...y && { slots: y },
-            ...w && { classNames: w }
+            renderPopover: U,
+            ...k && { slots: k },
+            ...b && { classNames: b }
           }
         );
       case "timeline-3day":
         return /* @__PURE__ */ e(
-          Ee,
+          Le,
           {
             daysToShow: 3,
-            events: g,
-            users: G,
-            selectedDate: p,
+            events: p,
+            users: Y,
+            selectedDate: z,
             visibleHours: {
-              from: z.startHour,
-              to: z.endHour
+              from: S.startHour,
+              to: S.endHour
             },
-            onEventClick: S,
+            onEventClick: M,
             onSlotSelect: ee,
             onSlotClick: le,
-            renderPopover: B,
-            ...y && { slots: y },
-            ...w && { classNames: w }
+            renderPopover: U,
+            ...k && { slots: k },
+            ...b && { classNames: b }
           }
         );
       case "timeline-week":
         return /* @__PURE__ */ e(
-          Ee,
+          Le,
           {
             daysToShow: 7,
-            events: g,
-            users: G,
-            selectedDate: p,
+            events: p,
+            users: Y,
+            selectedDate: z,
             visibleHours: {
-              from: z.startHour,
-              to: z.endHour
+              from: S.startHour,
+              to: S.endHour
             },
-            onEventClick: S,
+            onEventClick: M,
             onSlotSelect: ee,
             onSlotClick: le,
-            renderPopover: B,
-            ...y && { slots: y },
-            ...w && { classNames: w }
+            renderPopover: U,
+            ...k && { slots: k },
+            ...b && { classNames: b }
           }
         );
       default:
         return /* @__PURE__ */ e(
-          Ue,
+          Ve,
           {
-            events: g,
-            date: p,
-            badgeVariant: D,
-            onEventClick: S,
-            onDayClick: X,
-            ...y && { slots: y },
-            ...w && { classNames: w }
+            events: p,
+            date: z,
+            badgeVariant: g,
+            onEventClick: M,
+            onDayClick: Q,
+            ...k && { slots: k },
+            ...b && { classNames: b }
           }
         );
     }
   }, xe = ae(null);
-  return pe(() => {
-    Q.current = xe.current;
+  return ce(() => {
+    G.current = xe.current;
   }), /* @__PURE__ */ e(
     zt,
     {
-      mode: De,
+      mode: Ce,
       onSelect: ee,
-      minDurationMinutes: h,
-      slotDurationMinutes: F,
+      minDurationMinutes: f,
+      slotDurationMinutes: V,
       enabled: !!(o || n),
       children: /* @__PURE__ */ r(
         "div",
         {
-          className: f(
+          className: m(
             "inno-calendar-root flex flex-col h-full p-4",
-            w?.root,
-            i
+            b?.root,
+            a
           ),
           children: [
-            a && /* @__PURE__ */ e(
-              Nt,
+            i && /* @__PURE__ */ e(
+              Dt,
               {
-                currentDate: p,
-                view: M,
-                events: Y,
-                onViewChange: V,
-                onNavigateToday: () => N(/* @__PURE__ */ new Date(), M),
+                currentDate: z,
+                view: C,
+                events: K,
+                onViewChange: _,
+                onNavigateToday: () => j(/* @__PURE__ */ new Date(), C),
                 onNavigatePrev: () => {
-                  const g = new Date(p);
-                  M === "day" || M === "timeline-day" || M === "resource-day" ? g.setDate(g.getDate() - 1) : M === "timeline-3day" ? g.setDate(g.getDate() - 3) : M === "week" || M === "timeline-week" || M === "resource-week" ? g.setDate(g.getDate() - 7) : M === "month" ? g.setMonth(g.getMonth() - 1) : M === "year" ? g.setFullYear(g.getFullYear() - 1) : g.setDate(g.getDate() - 7), N(g, M);
+                  const p = new Date(z);
+                  C === "day" || C === "timeline-day" || C === "resource-day" ? p.setDate(p.getDate() - 1) : C === "timeline-3day" ? p.setDate(p.getDate() - 3) : C === "week" || C === "timeline-week" || C === "resource-week" ? p.setDate(p.getDate() - 7) : C === "month" ? p.setMonth(p.getMonth() - 1) : C === "year" ? p.setFullYear(p.getFullYear() - 1) : p.setDate(p.getDate() - 7), j(p, C);
                 },
                 onNavigateNext: () => {
-                  const g = new Date(p);
-                  M === "day" || M === "timeline-day" || M === "resource-day" ? g.setDate(g.getDate() + 1) : M === "timeline-3day" ? g.setDate(g.getDate() + 3) : M === "week" || M === "timeline-week" || M === "resource-week" ? g.setDate(g.getDate() + 7) : M === "month" ? g.setMonth(g.getMonth() + 1) : M === "year" ? g.setFullYear(g.getFullYear() + 1) : g.setDate(g.getDate() + 7), N(g, M);
+                  const p = new Date(z);
+                  C === "day" || C === "timeline-day" || C === "resource-day" ? p.setDate(p.getDate() + 1) : C === "timeline-3day" ? p.setDate(p.getDate() + 3) : C === "week" || C === "timeline-week" || C === "resource-week" ? p.setDate(p.getDate() + 7) : C === "month" ? p.setMonth(p.getMonth() + 1) : C === "year" ? p.setFullYear(p.getFullYear() + 1) : p.setDate(p.getDate() + 7), j(p, C);
                 },
                 availableViews: [
                   "day",
@@ -2208,12 +2256,12 @@ function Nn({
                   "agenda"
                 ],
                 showTimelineViews: !0,
-                showSettings: !!L,
-                ...!j && s && { onAddEvent: s },
-                actions: j,
-                settingsContent: L,
-                filterContent: A,
-                ...b && { headerConfig: b }
+                showSettings: !!I,
+                ...!P && s && { onAddEvent: s },
+                actions: P,
+                settingsContent: I,
+                filterContent: F,
+                ...y && { headerConfig: y }
               }
             ),
             /* @__PURE__ */ r("div", { className: "relative flex-1 min-h-0", children: [
@@ -2221,15 +2269,15 @@ function Nn({
                 "div",
                 {
                   ref: xe,
-                  className: f(
+                  className: m(
                     "h-full border rounded-lg bg-white overflow-x-auto",
-                    w?.viewContainer
+                    b?.viewContainer
                   ),
                   children: Me()
                 }
               ),
-              v && /* @__PURE__ */ e("div", { className: "inno-calendar-loading-overlay", children: /* @__PURE__ */ e("div", { className: "inno-calendar-spinner" }) }),
-              /* @__PURE__ */ e(yn, { containerRef: xe })
+              w && /* @__PURE__ */ e("div", { className: "inno-calendar-loading-overlay", children: /* @__PURE__ */ e("div", { className: "inno-calendar-spinner" }) }),
+              /* @__PURE__ */ e(Dn, { containerRef: xe })
             ] })
           ]
         }
@@ -2237,93 +2285,93 @@ function Nn({
     }
   );
 }
-function Cn({
+function Sn({
   events: t,
   users: n = [],
   scheduleTypes: o = [],
   initialView: s = "week",
-  initialDate: i,
-  initialSelectedUserId: a,
-  initialScheduleTypeIds: h,
-  initialParticipantIds: m,
-  initialWorkingHoursView: c,
-  initialSearchQuery: v,
-  preferencesConfig: y,
-  onEventClick: w,
-  onSlotClick: L,
-  onSlotSelect: A,
-  onAddEvent: j,
-  onEventDrop: P,
+  initialDate: a,
+  initialSelectedUserId: i,
+  initialScheduleTypeIds: f,
+  initialParticipantIds: h,
+  initialWorkingHoursView: d,
+  initialSearchQuery: w,
+  preferencesConfig: k,
+  onEventClick: b,
+  onSlotClick: I,
+  onSlotSelect: F,
+  onAddEvent: P,
+  onEventDrop: W,
   onDateChange: E,
-  onViewChange: b,
-  className: I,
+  onViewChange: y,
+  className: A,
   showHeader: O = !0,
   minSelectionMinutes: R = 30,
-  showMoreMode: M,
-  showMoreEventsInPopover: V = !1,
-  isLoading: p = !1,
-  renderPopover: N,
-  slots: F,
-  classNames: Y,
-  settingsContent: G,
-  filterContent: $,
-  headerActions: d,
-  focusEventId: D,
-  headerConfig: _,
-  eventDetailMode: U,
-  renderEventDetail: z
+  showMoreMode: C,
+  showMoreEventsInPopover: _ = !1,
+  isLoading: z = !1,
+  renderPopover: j,
+  slots: V,
+  classNames: K,
+  settingsContent: Y,
+  filterContent: x,
+  headerActions: c,
+  focusEventId: g,
+  headerConfig: L,
+  eventDetailMode: B,
+  renderEventDetail: S
 }, re) {
-  return /* @__PURE__ */ e(Et, { ...P && { onEventDrop: P }, children: /* @__PURE__ */ e(
-    Tt,
+  return /* @__PURE__ */ e(Tt, { ...W && { onEventDrop: W }, children: /* @__PURE__ */ e(
+    Ht,
     {
       initialEvents: t,
       initialUsers: n,
       initialScheduleTypes: o,
       initialView: s,
-      ...i && { initialDate: i },
-      ...a && { initialSelectedUserId: a },
-      ...h && { initialScheduleTypeIds: h },
-      ...m && { initialParticipantIds: m },
-      ...c && { initialWorkingHoursView: c },
-      ...v && { initialSearchQuery: v },
-      ...y && { preferencesConfig: y },
+      ...a && { initialDate: a },
+      ...i && { initialSelectedUserId: i },
+      ...f && { initialScheduleTypeIds: f },
+      ...h && { initialParticipantIds: h },
+      ...d && { initialWorkingHoursView: d },
+      ...w && { initialSearchQuery: w },
+      ...k && { preferencesConfig: k },
       ...E && { onDateChange: E },
-      ...b && { onViewChange: b },
-      ...D && { initialFocusEventId: D },
+      ...y && { onViewChange: y },
+      ...g && { initialFocusEventId: g },
       children: /* @__PURE__ */ e(
-        Nn,
+        Mn,
         {
-          ...w && { onEventClick: w },
-          ...L && { onSlotClick: L },
-          ...A && { onSlotSelect: A },
-          ...j && { onAddEvent: j },
-          ...N && { renderPopover: N },
-          className: I,
+          ...b && { onEventClick: b },
+          ...I && { onSlotClick: I },
+          ...F && { onSlotSelect: F },
+          ...P && { onAddEvent: P },
+          ...j && { renderPopover: j },
+          className: A,
           showHeader: O,
           minSelectionMinutes: R,
-          ...M && { showMoreMode: M },
-          showMoreEventsInPopover: V,
-          isLoading: p,
-          ...F && { slots: F },
-          ...Y && { classNames: Y },
-          settingsContent: G,
-          filterContent: $,
-          headerActions: d,
+          ...C && { showMoreMode: C },
+          showMoreEventsInPopover: _,
+          isLoading: z,
+          ...V && { slots: V },
+          ...K && { classNames: K },
+          settingsContent: Y,
+          filterContent: x,
+          headerActions: c,
           calendarRef: re,
-          ..._ && { headerConfig: _ },
-          ...U && { eventDetailMode: U },
-          ...z && { renderEventDetail: z }
+          ...L && { headerConfig: L },
+          ...B && { eventDetailMode: B },
+          ...S && { renderEventDetail: S }
         }
       )
     }
   ) });
 }
-const yr = Pe(Cn), fe = Pe(
+const Dr = Ae(Sn), ge = Ae(
   ({ className: t, children: n, ...o }, s) => /* @__PURE__ */ e(
     "select",
     {
       ref: s,
-      className: f(
+      className: m(
         "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",
@@ -2336,20 +2384,20 @@ const yr = Pe(Cn), fe = Pe(
     }
   )
 );
-fe.displayName = "Select";
-const ce = Pe(({ className: t, ...n }, o) => /* @__PURE__ */ e(
+ge.displayName = "Select";
+const de = Ae(({ className: t, ...n }, o) => /* @__PURE__ */ e(
   "label",
   {
     ref: o,
-    className: f(
+    className: m(
       "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
       t
     ),
     ...n
   }
 ));
-ce.displayName = "Label";
-function Dn({ className: t }) {
+de.displayName = "Label";
+function En({ className: t }) {
   return /* @__PURE__ */ r(
     "svg",
     {
@@ -2371,7 +2419,7 @@ function Dn({ className: t }) {
     }
   );
 }
-function Mn({ className: t }) {
+function Ln({ className: t }) {
   return /* @__PURE__ */ r(
     "svg",
     {
@@ -2392,50 +2440,50 @@ function Mn({ className: t }) {
     }
   );
 }
-const Sn = [
+const Tn = [
   { value: 15, label: "15 minutes" },
   { value: 30, label: "30 minutes" },
   { value: 60, label: "1 hour" }
 ];
-function kr({
+function Cr({
   value: t,
   onChange: n,
   isLocked: o = !1,
   className: s,
-  labels: i = {}
+  labels: a = {}
 }) {
-  const a = {
+  const i = {
     title: "Slot duration",
     lockedMessage: "This setting is locked by the administrator",
     infoMessage: "Set the time slot duration for day and week calendar views.",
-    ...i
-  }, h = (m) => {
-    o || n(Number(m.target.value));
+    ...a
+  }, f = (h) => {
+    o || n(Number(h.target.value));
   };
-  return /* @__PURE__ */ r("div", { className: f("flex flex-col gap-3", s), children: [
+  return /* @__PURE__ */ r("div", { className: m("flex flex-col gap-3", s), children: [
     /* @__PURE__ */ r("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ e(ce, { className: "text-sm font-semibold", children: a.title }),
-      o ? /* @__PURE__ */ e(de, { delayDuration: 100, children: /* @__PURE__ */ r(ue, { children: [
-        /* @__PURE__ */ e(he, { children: /* @__PURE__ */ e(Mn, { className: "size-3 text-muted-foreground" }) }),
-        /* @__PURE__ */ e(me, { children: /* @__PURE__ */ e("p", { children: a.lockedMessage }) })
-      ] }) }) : /* @__PURE__ */ e(de, { delayDuration: 100, children: /* @__PURE__ */ r(ue, { children: [
-        /* @__PURE__ */ e(he, { children: /* @__PURE__ */ e(Dn, { className: "size-3 text-muted-foreground" }) }),
-        /* @__PURE__ */ e(me, { className: "max-w-64 text-center", children: /* @__PURE__ */ e("p", { children: a.infoMessage }) })
+      /* @__PURE__ */ e(de, { className: "text-sm font-semibold", children: i.title }),
+      o ? /* @__PURE__ */ e(ue, { delayDuration: 100, children: /* @__PURE__ */ r(he, { children: [
+        /* @__PURE__ */ e(me, { children: /* @__PURE__ */ e(Ln, { className: "size-3 text-muted-foreground" }) }),
+        /* @__PURE__ */ e(fe, { children: /* @__PURE__ */ e("p", { children: i.lockedMessage }) })
+      ] }) }) : /* @__PURE__ */ e(ue, { delayDuration: 100, children: /* @__PURE__ */ r(he, { children: [
+        /* @__PURE__ */ e(me, { children: /* @__PURE__ */ e(En, { className: "size-3 text-muted-foreground" }) }),
+        /* @__PURE__ */ e(fe, { className: "max-w-64 text-center", children: /* @__PURE__ */ e("p", { children: i.infoMessage }) })
       ] }) })
     ] }),
     /* @__PURE__ */ e(
-      fe,
+      ge,
       {
         value: t.toString(),
-        onChange: h,
+        onChange: f,
         disabled: o,
         className: "h-9 w-[128px] text-sm",
-        children: Sn.map((m) => /* @__PURE__ */ e("option", { value: m.value.toString(), children: m.label }, m.value))
+        children: Tn.map((h) => /* @__PURE__ */ e("option", { value: h.value.toString(), children: h.label }, h.value))
       }
     )
   ] });
 }
-function Ln({ className: t }) {
+function Hn({ className: t }) {
   return /* @__PURE__ */ r(
     "svg",
     {
@@ -2457,7 +2505,7 @@ function Ln({ className: t }) {
     }
   );
 }
-function En({ className: t }) {
+function In({ className: t }) {
   return /* @__PURE__ */ r(
     "svg",
     {
@@ -2478,19 +2526,19 @@ function En({ className: t }) {
     }
   );
 }
-const Tn = [
+const zn = [
   { value: "dot", label: "Dot indicator" },
   { value: "colored", label: "Full color" },
   { value: "mixed", label: "Mixed" }
 ];
-function Nr({
+function Mr({
   value: t,
   onChange: n,
   isLocked: o = !1,
   className: s,
-  labels: i = {}
+  labels: a = {}
 }) {
-  const a = {
+  const i = {
     title: "Event display",
     lockedMessage: "This setting is locked by the administrator",
     infoMessage: "Choose how events are displayed. Dot shows a small indicator, colored fills the entire event, mixed uses both.",
@@ -2499,34 +2547,34 @@ function Nr({
       colored: "Full color",
       mixed: "Mixed"
     },
-    ...i
-  }, h = (c) => a.options?.[c] ?? c, m = (c) => {
-    o || n(c.target.value);
+    ...a
+  }, f = (d) => i.options?.[d] ?? d, h = (d) => {
+    o || n(d.target.value);
   };
-  return /* @__PURE__ */ r("div", { className: f("flex flex-col gap-3", s), children: [
+  return /* @__PURE__ */ r("div", { className: m("flex flex-col gap-3", s), children: [
     /* @__PURE__ */ r("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ e(ce, { className: "text-sm font-semibold", children: a.title }),
-      o ? /* @__PURE__ */ e(de, { delayDuration: 100, children: /* @__PURE__ */ r(ue, { children: [
-        /* @__PURE__ */ e(he, { children: /* @__PURE__ */ e(En, { className: "size-3 text-muted-foreground" }) }),
-        /* @__PURE__ */ e(me, { children: /* @__PURE__ */ e("p", { children: a.lockedMessage }) })
-      ] }) }) : /* @__PURE__ */ e(de, { delayDuration: 100, children: /* @__PURE__ */ r(ue, { children: [
-        /* @__PURE__ */ e(he, { children: /* @__PURE__ */ e(Ln, { className: "size-3 text-muted-foreground" }) }),
-        /* @__PURE__ */ e(me, { className: "max-w-64 text-center", children: /* @__PURE__ */ e("p", { children: a.infoMessage }) })
+      /* @__PURE__ */ e(de, { className: "text-sm font-semibold", children: i.title }),
+      o ? /* @__PURE__ */ e(ue, { delayDuration: 100, children: /* @__PURE__ */ r(he, { children: [
+        /* @__PURE__ */ e(me, { children: /* @__PURE__ */ e(In, { className: "size-3 text-muted-foreground" }) }),
+        /* @__PURE__ */ e(fe, { children: /* @__PURE__ */ e("p", { children: i.lockedMessage }) })
+      ] }) }) : /* @__PURE__ */ e(ue, { delayDuration: 100, children: /* @__PURE__ */ r(he, { children: [
+        /* @__PURE__ */ e(me, { children: /* @__PURE__ */ e(Hn, { className: "size-3 text-muted-foreground" }) }),
+        /* @__PURE__ */ e(fe, { className: "max-w-64 text-center", children: /* @__PURE__ */ e("p", { children: i.infoMessage }) })
       ] }) })
     ] }),
     /* @__PURE__ */ e(
-      fe,
+      ge,
       {
         value: t,
-        onChange: m,
+        onChange: h,
         disabled: o,
         className: "h-9 w-[128px] text-sm",
-        children: Tn.map((c) => /* @__PURE__ */ e("option", { value: c.value, children: h(c.value) }, c.value))
+        children: zn.map((d) => /* @__PURE__ */ e("option", { value: d.value, children: f(d.value) }, d.value))
       }
     )
   ] });
 }
-function Hn({ className: t }) {
+function jn({ className: t }) {
   return /* @__PURE__ */ r(
     "svg",
     {
@@ -2548,7 +2596,7 @@ function Hn({ className: t }) {
     }
   );
 }
-function zn({ className: t }) {
+function An({ className: t }) {
   return /* @__PURE__ */ r(
     "svg",
     {
@@ -2569,86 +2617,86 @@ function zn({ className: t }) {
     }
   );
 }
-function In() {
+function Pn() {
   return Array.from({ length: 25 }, (t, n) => ({
     value: n,
     label: `${String(n).padStart(2, "0")}:00`
   }));
 }
-function Cr({
+function Sr({
   value: t,
   onChange: n,
   isLocked: o = !1,
   className: s,
-  labels: i = {}
+  labels: a = {}
 }) {
-  const a = {
+  const i = {
     title: "Visible hours",
     from: "From",
     to: "To",
     lockedMessage: "This setting is locked by the administrator",
     infoMessage: "Set the visible hour range for day and week views. Hours outside this range will be hidden.",
-    ...i
-  }, h = In(), m = (v) => {
+    ...a
+  }, f = Pn(), h = (w) => {
     if (o) return;
-    const y = Number(v.target.value);
-    y < t.endHour && n({ ...t, startHour: y });
-  }, c = (v) => {
+    const k = Number(w.target.value);
+    k < t.endHour && n({ ...t, startHour: k });
+  }, d = (w) => {
     if (o) return;
-    const y = Number(v.target.value);
-    y > t.startHour && n({ ...t, endHour: y });
+    const k = Number(w.target.value);
+    k > t.startHour && n({ ...t, endHour: k });
   };
-  return /* @__PURE__ */ r("div", { className: f("flex flex-col gap-3", s), children: [
+  return /* @__PURE__ */ r("div", { className: m("flex flex-col gap-3", s), children: [
     /* @__PURE__ */ r("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ e(ce, { className: "text-sm font-semibold", children: a.title }),
-      o ? /* @__PURE__ */ e(de, { delayDuration: 100, children: /* @__PURE__ */ r(ue, { children: [
-        /* @__PURE__ */ e(he, { children: /* @__PURE__ */ e(zn, { className: "size-3 text-muted-foreground" }) }),
-        /* @__PURE__ */ e(me, { children: /* @__PURE__ */ e("p", { children: a.lockedMessage }) })
-      ] }) }) : /* @__PURE__ */ e(de, { delayDuration: 100, children: /* @__PURE__ */ r(ue, { children: [
-        /* @__PURE__ */ e(he, { children: /* @__PURE__ */ e(Hn, { className: "size-3 text-muted-foreground" }) }),
-        /* @__PURE__ */ e(me, { className: "max-w-64 text-center", children: /* @__PURE__ */ e("p", { children: a.infoMessage }) })
+      /* @__PURE__ */ e(de, { className: "text-sm font-semibold", children: i.title }),
+      o ? /* @__PURE__ */ e(ue, { delayDuration: 100, children: /* @__PURE__ */ r(he, { children: [
+        /* @__PURE__ */ e(me, { children: /* @__PURE__ */ e(An, { className: "size-3 text-muted-foreground" }) }),
+        /* @__PURE__ */ e(fe, { children: /* @__PURE__ */ e("p", { children: i.lockedMessage }) })
+      ] }) }) : /* @__PURE__ */ e(ue, { delayDuration: 100, children: /* @__PURE__ */ r(he, { children: [
+        /* @__PURE__ */ e(me, { children: /* @__PURE__ */ e(jn, { className: "size-3 text-muted-foreground" }) }),
+        /* @__PURE__ */ e(fe, { className: "max-w-64 text-center", children: /* @__PURE__ */ e("p", { children: i.infoMessage }) })
       ] }) })
     ] }),
     /* @__PURE__ */ r("div", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ r("div", { className: "flex flex-col gap-1", children: [
-        /* @__PURE__ */ e(ce, { className: "text-xs text-muted-foreground", children: a.from }),
+        /* @__PURE__ */ e(de, { className: "text-xs text-muted-foreground", children: i.from }),
         /* @__PURE__ */ e(
-          fe,
+          ge,
           {
             value: t.startHour.toString(),
-            onChange: m,
+            onChange: h,
             disabled: o,
             className: "h-9 w-[88px] text-sm",
-            children: h.map((v) => /* @__PURE__ */ e(
+            children: f.map((w) => /* @__PURE__ */ e(
               "option",
               {
-                value: v.value.toString(),
-                disabled: v.value >= t.endHour,
-                children: v.label
+                value: w.value.toString(),
+                disabled: w.value >= t.endHour,
+                children: w.label
               },
-              v.value
+              w.value
             ))
           }
         )
       ] }),
       /* @__PURE__ */ e("span", { className: "mt-5 text-muted-foreground", children: "—" }),
       /* @__PURE__ */ r("div", { className: "flex flex-col gap-1", children: [
-        /* @__PURE__ */ e(ce, { className: "text-xs text-muted-foreground", children: a.to }),
+        /* @__PURE__ */ e(de, { className: "text-xs text-muted-foreground", children: i.to }),
         /* @__PURE__ */ e(
-          fe,
+          ge,
           {
             value: t.endHour.toString(),
-            onChange: c,
+            onChange: d,
             disabled: o,
             className: "h-9 w-[88px] text-sm",
-            children: h.map((v) => /* @__PURE__ */ e(
+            children: f.map((w) => /* @__PURE__ */ e(
               "option",
               {
-                value: v.value.toString(),
-                disabled: v.value <= t.startHour,
-                children: v.label
+                value: w.value.toString(),
+                disabled: w.value <= t.startHour,
+                children: w.label
               },
-              v.value
+              w.value
             ))
           }
         )
@@ -2656,7 +2704,7 @@ function Cr({
     ] })
   ] });
 }
-function jn({ className: t }) {
+function Wn({ className: t }) {
   return /* @__PURE__ */ r(
     "svg",
     {
@@ -2678,7 +2726,7 @@ function jn({ className: t }) {
     }
   );
 }
-function Pn({ className: t }) {
+function $n({ className: t }) {
   return /* @__PURE__ */ r(
     "svg",
     {
@@ -2699,7 +2747,7 @@ function Pn({ className: t }) {
     }
   );
 }
-function Wn({ className: t }) {
+function Fn({ className: t }) {
   return /* @__PURE__ */ e(
     "svg",
     {
@@ -2717,7 +2765,7 @@ function Wn({ className: t }) {
     }
   );
 }
-const An = [
+const On = [
   "monday",
   "tuesday",
   "wednesday",
@@ -2726,13 +2774,13 @@ const An = [
   "saturday",
   "sunday"
 ];
-function Fn() {
+function _n() {
   return Array.from({ length: 25 }, (t, n) => ({
     value: n,
     label: `${String(n).padStart(2, "0")}:00`
   }));
 }
-const tt = {
+const nt = {
   sunday: "Sun",
   monday: "Mon",
   tuesday: "Tue",
@@ -2741,17 +2789,17 @@ const tt = {
   friday: "Fri",
   saturday: "Sat"
 };
-function $n({ dayLabel: t, config: n, onChange: o, disabled: s, hourOptions: i }) {
-  const a = () => {
+function Bn({ dayLabel: t, config: n, onChange: o, disabled: s, hourOptions: a }) {
+  const i = () => {
     s || o({ ...n, enabled: !n.enabled });
-  }, h = (c) => {
+  }, f = (d) => {
     if (s) return;
-    const v = Number(c.target.value);
-    v < n.to && o({ ...n, from: v });
-  }, m = (c) => {
+    const w = Number(d.target.value);
+    w < n.to && o({ ...n, from: w });
+  }, h = (d) => {
     if (s) return;
-    const v = Number(c.target.value);
-    v > n.from && o({ ...n, to: v });
+    const w = Number(d.target.value);
+    w > n.from && o({ ...n, to: w });
   };
   return /* @__PURE__ */ r("div", { className: "flex items-center gap-2", children: [
     /* @__PURE__ */ e(
@@ -2761,81 +2809,81 @@ function $n({ dayLabel: t, config: n, onChange: o, disabled: s, hourOptions: i }
         role: "checkbox",
         "aria-checked": n.enabled,
         "aria-label": `Enable ${t}`,
-        onClick: a,
+        onClick: i,
         disabled: s,
-        className: f(
+        className: m(
           "flex size-5 shrink-0 items-center justify-center rounded border transition-colors",
           n.enabled ? "border-primary bg-primary text-primary-foreground" : "border-input bg-background",
           s && "cursor-not-allowed opacity-50"
         ),
-        children: n.enabled && /* @__PURE__ */ e(Wn, { className: "size-3" })
+        children: n.enabled && /* @__PURE__ */ e(Fn, { className: "size-3" })
       }
     ),
-    /* @__PURE__ */ e("span", { className: f("w-10 text-sm", !n.enabled && "text-muted-foreground"), children: t }),
+    /* @__PURE__ */ e("span", { className: m("w-10 text-sm", !n.enabled && "text-muted-foreground"), children: t }),
     /* @__PURE__ */ e(
-      fe,
+      ge,
       {
         value: n.from.toString(),
-        onChange: h,
+        onChange: f,
         disabled: s || !n.enabled,
         className: "h-8 w-[76px] text-xs",
-        children: i.map((c) => /* @__PURE__ */ e("option", { value: c.value.toString(), disabled: c.value >= n.to, children: c.label }, c.value))
+        children: a.map((d) => /* @__PURE__ */ e("option", { value: d.value.toString(), disabled: d.value >= n.to, children: d.label }, d.value))
       }
     ),
     /* @__PURE__ */ e("span", { className: "text-xs text-muted-foreground", children: "—" }),
     /* @__PURE__ */ e(
-      fe,
+      ge,
       {
         value: n.to.toString(),
-        onChange: m,
+        onChange: h,
         disabled: s || !n.enabled,
         className: "h-8 w-[76px] text-xs",
-        children: i.map((c) => /* @__PURE__ */ e("option", { value: c.value.toString(), disabled: c.value <= n.from, children: c.label }, c.value))
+        children: a.map((d) => /* @__PURE__ */ e("option", { value: d.value.toString(), disabled: d.value <= n.from, children: d.label }, d.value))
       }
     )
   ] });
 }
-function Dr({
+function Er({
   value: t,
   onChange: n,
   isLocked: o = !1,
   className: s,
-  labels: i = {}
+  labels: a = {}
 }) {
-  const a = {
+  const i = {
     title: "Working hours",
     lockedMessage: "This setting is locked by the administrator",
     infoMessage: "Configure working hours for each day of the week. Non-working hours will be grayed out in day and week views.",
-    days: tt,
-    ...i
-  }, h = Fn(), m = (c, v) => {
-    o || n({ ...t, [c]: v });
+    days: nt,
+    ...a
+  }, f = _n(), h = (d, w) => {
+    o || n({ ...t, [d]: w });
   };
-  return /* @__PURE__ */ r("div", { className: f("flex flex-col gap-3", s), children: [
+  return /* @__PURE__ */ r("div", { className: m("flex flex-col gap-3", s), children: [
     /* @__PURE__ */ r("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ e(ce, { className: "text-sm font-semibold", children: a.title }),
-      o ? /* @__PURE__ */ e(de, { delayDuration: 100, children: /* @__PURE__ */ r(ue, { children: [
-        /* @__PURE__ */ e(he, { children: /* @__PURE__ */ e(Pn, { className: "size-3 text-muted-foreground" }) }),
-        /* @__PURE__ */ e(me, { children: /* @__PURE__ */ e("p", { children: a.lockedMessage }) })
-      ] }) }) : /* @__PURE__ */ e(de, { delayDuration: 100, children: /* @__PURE__ */ r(ue, { children: [
-        /* @__PURE__ */ e(he, { children: /* @__PURE__ */ e(jn, { className: "size-3 text-muted-foreground" }) }),
-        /* @__PURE__ */ e(me, { className: "max-w-64 text-center", children: /* @__PURE__ */ e("p", { children: a.infoMessage }) })
+      /* @__PURE__ */ e(de, { className: "text-sm font-semibold", children: i.title }),
+      o ? /* @__PURE__ */ e(ue, { delayDuration: 100, children: /* @__PURE__ */ r(he, { children: [
+        /* @__PURE__ */ e(me, { children: /* @__PURE__ */ e($n, { className: "size-3 text-muted-foreground" }) }),
+        /* @__PURE__ */ e(fe, { children: /* @__PURE__ */ e("p", { children: i.lockedMessage }) })
+      ] }) }) : /* @__PURE__ */ e(ue, { delayDuration: 100, children: /* @__PURE__ */ r(he, { children: [
+        /* @__PURE__ */ e(me, { children: /* @__PURE__ */ e(Wn, { className: "size-3 text-muted-foreground" }) }),
+        /* @__PURE__ */ e(fe, { className: "max-w-64 text-center", children: /* @__PURE__ */ e("p", { children: i.infoMessage }) })
       ] }) })
     ] }),
-    /* @__PURE__ */ e("div", { className: "flex flex-col gap-2", children: An.map((c) => /* @__PURE__ */ e(
-      $n,
+    /* @__PURE__ */ e("div", { className: "flex flex-col gap-2", children: On.map((d) => /* @__PURE__ */ e(
+      Bn,
       {
-        dayLabel: a.days?.[c] ?? tt[c],
-        config: t[c],
-        onChange: (v) => m(c, v),
+        dayLabel: i.days?.[d] ?? nt[d],
+        config: t[d],
+        onChange: (w) => h(d, w),
         disabled: o,
-        hourOptions: h
+        hourOptions: f
       },
-      c
+      d
     )) })
   ] });
 }
-const Mr = {
+const Lr = {
   sunday: { enabled: !1, from: 8, to: 18 },
   monday: { enabled: !0, from: 8, to: 18 },
   tuesday: { enabled: !0, from: 8, to: 18 },
@@ -2844,7 +2892,7 @@ const Mr = {
   friday: { enabled: !0, from: 8, to: 18 },
   saturday: { enabled: !1, from: 8, to: 18 }
 };
-function $e({ className: t }) {
+function Oe({ className: t }) {
   return /* @__PURE__ */ e(
     "svg",
     {
@@ -2860,7 +2908,7 @@ function $e({ className: t }) {
     }
   );
 }
-function Bn({ className: t }) {
+function Rn({ className: t }) {
   return /* @__PURE__ */ r(
     "svg",
     {
@@ -2879,7 +2927,7 @@ function Bn({ className: t }) {
     }
   );
 }
-function On({ className: t }) {
+function Un({ className: t }) {
   return /* @__PURE__ */ r(
     "svg",
     {
@@ -2898,7 +2946,7 @@ function On({ className: t }) {
     }
   );
 }
-function Be({ checked: t, onCheckedChange: n, className: o, children: s }) {
+function _e({ checked: t, onCheckedChange: n, className: o, children: s }) {
   return /* @__PURE__ */ e(
     "button",
     {
@@ -2911,12 +2959,12 @@ function Be({ checked: t, onCheckedChange: n, className: o, children: s }) {
     }
   );
 }
-function _n({ src: t, alt: n, fallback: o, className: s }) {
-  const [i, a] = ie(!1);
-  return !t || i ? /* @__PURE__ */ e(
+function Vn({ src: t, alt: n, fallback: o, className: s }) {
+  const [a, i] = oe(!1);
+  return !t || a ? /* @__PURE__ */ e(
     "div",
     {
-      className: f(
+      className: m(
         "flex items-center justify-center bg-zinc-200 text-zinc-600 font-medium text-sm",
         s
       ),
@@ -2927,32 +2975,32 @@ function _n({ src: t, alt: n, fallback: o, className: s }) {
     {
       src: t,
       alt: n || "",
-      className: f("object-cover", s),
-      onError: () => a(!0)
+      className: m("object-cover", s),
+      onError: () => i(!0)
     }
   );
 }
-function nt({ value: t, onChange: n, placeholder: o, className: s }) {
-  return /* @__PURE__ */ r("div", { className: f("relative", s), children: [
-    /* @__PURE__ */ e(Bn, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }),
+function rt({ value: t, onChange: n, placeholder: o, className: s }) {
+  return /* @__PURE__ */ r("div", { className: m("relative", s), 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",
       {
         type: "text",
         value: t,
-        onChange: (i) => n(i.target.value),
+        onChange: (a) => n(a.target.value),
         placeholder: o,
         className: "h-9 w-full rounded-lg border border-border bg-white pl-9 pr-3 text-sm placeholder:text-muted-foreground focus:border-primary focus:outline-none focus:ring-1 focus:ring-primary"
       }
     )
   ] });
 }
-function rt(t, n, o, s = 0.3) {
+function ot(t, n, o, s = 0.3) {
   if (!n.trim()) return t;
-  const i = n.toLowerCase();
-  return t.filter((a) => o(a).some((m) => m ? m.toLowerCase().includes(i) : !1));
+  const a = n.toLowerCase();
+  return t.filter((i) => o(i).some((h) => h ? h.toLowerCase().includes(a) : !1));
 }
-const Rn = {
+const Yn = {
   title: "Filters",
   subtitle: "Filter calendar events",
   scheduleTypes: "Event Types",
@@ -2965,73 +3013,73 @@ const Rn = {
   noScheduleTypes: "No event types found",
   noParticipants: "No participants found"
 };
-function Sr({
+function Tr({
   scheduleTypes: t,
   users: n,
   selectedScheduleTypeIds: o,
   onScheduleTypeChange: s,
-  selectedUserIds: i,
-  onUserChange: a,
-  onClearAll: h,
-  className: m,
-  scheduleTypesLoading: c = !1,
-  usersLoading: v = !1,
-  labels: y,
-  getScheduleTypeName: w
+  selectedUserIds: a,
+  onUserChange: i,
+  onClearAll: f,
+  className: h,
+  scheduleTypesLoading: d = !1,
+  usersLoading: w = !1,
+  labels: k,
+  getScheduleTypeName: b
 }) {
-  const L = { ...Rn, ...y }, [A, j] = ie(""), [P, E] = ie(""), b = q(() => A.trim() ? rt(t, A, (d) => [
-    d.name,
-    w?.(d) || d.name
-  ]) : t, [t, A, w]), I = q(() => P.trim() ? rt(n, P, (d) => [d.name, d.email || ""]) : n, [n, P]), O = b.length > 0 && b.every((d) => o.includes(d.id)), R = I.length > 0 && I.every((d) => i.includes(d.id)), M = o.length + i.length, V = (d, D) => {
-    const _ = D ? [...o, d] : o.filter((U) => U !== d);
-    s(_);
-  }, p = () => {
+  const I = { ...Yn, ...k }, [F, P] = oe(""), [W, E] = oe(""), y = X(() => F.trim() ? ot(t, F, (c) => [
+    c.name,
+    b?.(c) || c.name
+  ]) : t, [t, F, b]), A = X(() => W.trim() ? ot(n, W, (c) => [c.name, c.email || ""]) : n, [n, W]), O = y.length > 0 && y.every((c) => o.includes(c.id)), R = A.length > 0 && A.every((c) => a.includes(c.id)), C = o.length + a.length, _ = (c, g) => {
+    const L = g ? [...o, c] : o.filter((B) => B !== c);
+    s(L);
+  }, z = () => {
     if (O) {
-      const d = new Set(b.map((D) => D.id));
-      s(o.filter((D) => !d.has(D)));
+      const c = new Set(y.map((g) => g.id));
+      s(o.filter((g) => !c.has(g)));
     } else {
-      const d = /* @__PURE__ */ new Set([
+      const c = /* @__PURE__ */ new Set([
         ...o,
-        ...b.map((D) => D.id)
+        ...y.map((g) => g.id)
       ]);
-      s(Array.from(d));
+      s(Array.from(c));
     }
-  }, N = (d, D) => {
-    const _ = D ? [...i, d] : i.filter((U) => U !== d);
-    a(_);
-  }, F = () => {
+  }, j = (c, g) => {
+    const L = g ? [...a, c] : a.filter((B) => B !== c);
+    i(L);
+  }, V = () => {
     if (R) {
-      const d = new Set(I.map((D) => D.id));
-      a(i.filter((D) => !d.has(D)));
+      const c = new Set(A.map((g) => g.id));
+      i(a.filter((g) => !c.has(g)));
     } else {
-      const d = /* @__PURE__ */ new Set([...i, ...I.map((D) => D.id)]);
-      a(Array.from(d));
+      const c = /* @__PURE__ */ new Set([...a, ...A.map((g) => g.id)]);
+      i(Array.from(c));
     }
-  }, Y = () => {
-    s([]), a([]), h?.();
-  }, G = (d) => w ? w(d) : d.name, $ = (d) => d.colorHex || d.color || "#069AD7";
+  }, K = () => {
+    s([]), i([]), f?.();
+  }, Y = (c) => b ? b(c) : c.name, x = (c) => c.colorHex || c.color || "#069AD7";
   return /* @__PURE__ */ r(
     "div",
     {
-      className: f(
+      className: m(
         "flex min-w-72 max-w-72 flex-col rounded-lg border bg-white shadow-sm",
-        m
+        h
       ),
       children: [
         /* @__PURE__ */ r("header", { className: "flex items-start justify-between gap-2 px-4 pb-2 pt-4", children: [
           /* @__PURE__ */ r("div", { className: "flex flex-col", children: [
-            /* @__PURE__ */ e("h3", { className: "text-base font-semibold text-foreground", children: L.title }),
-            /* @__PURE__ */ e("p", { className: "text-xs text-muted-foreground", children: L.subtitle })
+            /* @__PURE__ */ e("h3", { className: "text-base font-semibold text-foreground", children: I.title }),
+            /* @__PURE__ */ e("p", { className: "text-xs text-muted-foreground", children: I.subtitle })
           ] }),
-          M > 0 && /* @__PURE__ */ r(
+          C > 0 && /* @__PURE__ */ r(
             "button",
             {
               type: "button",
-              onClick: Y,
+              onClick: K,
               className: "flex h-auto items-center gap-1 rounded-md px-2 py-1 text-xs font-medium text-destructive transition-colors hover:bg-destructive/10",
               children: [
-                /* @__PURE__ */ e(On, { className: "h-3.5 w-3.5" }),
-                L.clearAll
+                /* @__PURE__ */ e(Un, { className: "h-3.5 w-3.5" }),
+                I.clearAll
               ]
             }
           )
@@ -3039,29 +3087,29 @@ function Sr({
         /* @__PURE__ */ e("div", { className: "h-px w-full bg-border/60" }),
         /* @__PURE__ */ r("section", { className: "flex flex-col", children: [
           /* @__PURE__ */ r("div", { className: "flex items-center justify-between px-4 py-3", children: [
-            /* @__PURE__ */ e("h4", { className: "text-sm font-medium text-foreground", children: L.scheduleTypes }),
+            /* @__PURE__ */ e("h4", { className: "text-sm font-medium text-foreground", children: I.scheduleTypes }),
             /* @__PURE__ */ e(
               "button",
               {
                 type: "button",
-                onClick: p,
+                onClick: z,
                 className: "text-xs font-medium text-primary transition-colors hover:text-primary/80",
-                children: O ? L.unselectAll : L.selectAll
+                children: O ? I.unselectAll : I.selectAll
               }
             )
           ] }),
           t.length > 6 && /* @__PURE__ */ e("div", { className: "px-4 pb-3", children: /* @__PURE__ */ e(
-            nt,
+            rt,
             {
-              value: A,
-              onChange: j,
-              placeholder: L.searchScheduleTypes
+              value: F,
+              onChange: P,
+              placeholder: I.searchScheduleTypes
             }
           ) }),
           /* @__PURE__ */ r("div", { className: "flex max-h-[220px] flex-col gap-2 overflow-y-auto px-4 pb-2 scrollbar-thin", children: [
-            c ? (
+            d ? (
               // Loading skeletons
-              Array.from({ length: 4 }).map((d, D) => /* @__PURE__ */ r(
+              Array.from({ length: 4 }).map((c, g) => /* @__PURE__ */ r(
                 "div",
                 {
                   className: "flex animate-pulse items-center gap-2 rounded-md border border-border/60 bg-muted/40 p-2",
@@ -3070,80 +3118,80 @@ function Sr({
                     /* @__PURE__ */ e("div", { className: "h-3 w-24 rounded bg-muted-foreground/20" })
                   ]
                 },
-                `skeleton-${D}`
+                `skeleton-${g}`
               ))
-            ) : b.map((d) => {
-              const D = o.includes(d.id), _ = $(d);
+            ) : y.map((c) => {
+              const g = o.includes(c.id), L = x(c);
               return /* @__PURE__ */ r(
-                Be,
+                _e,
                 {
-                  checked: D,
-                  onCheckedChange: (U) => V(d.id, U),
-                  className: f(
+                  checked: g,
+                  onCheckedChange: (B) => _(c.id, B),
+                  className: m(
                     "relative flex w-full cursor-pointer items-center justify-between gap-3 rounded-md border border-border bg-white px-3 py-2 transition-colors hover:border-primary/50",
-                    D && "border-primary bg-primary/5"
+                    g && "border-primary bg-primary/5"
                   ),
                   children: [
                     /* @__PURE__ */ r("div", { className: "flex items-center gap-2", children: [
                       /* @__PURE__ */ e(
                         "span",
                         {
-                          className: f(
+                          className: m(
                             "flex h-4 w-4 items-center justify-center rounded border border-border text-xs transition-colors",
-                            D && "border-primary bg-primary text-primary-foreground"
+                            g && "border-primary bg-primary text-primary-foreground"
                           ),
-                          children: D && /* @__PURE__ */ e($e, { className: "h-3 w-3" })
+                          children: g && /* @__PURE__ */ e(Oe, { className: "h-3 w-3" })
                         }
                       ),
-                      /* @__PURE__ */ e("span", { className: "text-sm font-medium text-foreground", children: G(d) })
+                      /* @__PURE__ */ e("span", { className: "text-sm font-medium text-foreground", children: Y(c) })
                     ] }),
                     /* @__PURE__ */ e(
                       "div",
                       {
                         className: "h-4 w-4 rounded-full border",
                         style: {
-                          backgroundColor: _,
-                          borderColor: _
+                          backgroundColor: L,
+                          borderColor: L
                         }
                       }
                     )
                   ]
                 },
-                d.id
+                c.id
               );
             }),
-            !c && b.length === 0 && /* @__PURE__ */ e("p", { className: "px-2 py-1 text-xs text-muted-foreground", children: L.noScheduleTypes })
+            !d && y.length === 0 && /* @__PURE__ */ e("p", { className: "px-2 py-1 text-xs text-muted-foreground", children: I.noScheduleTypes })
           ] })
         ] }),
         /* @__PURE__ */ e("div", { className: "h-px w-full bg-border/60" }),
         /* @__PURE__ */ r("section", { className: "flex flex-col", children: [
           /* @__PURE__ */ r("div", { className: "flex items-center justify-between px-4 py-3", children: [
-            /* @__PURE__ */ e("h4", { className: "text-sm font-medium text-foreground", children: L.participants }),
+            /* @__PURE__ */ e("h4", { className: "text-sm font-medium text-foreground", children: I.participants }),
             /* @__PURE__ */ e(
-              Be,
+              _e,
               {
                 checked: R,
-                onCheckedChange: () => F(),
-                className: f(
+                onCheckedChange: () => V(),
+                className: m(
                   "flex h-5 w-5 items-center justify-center rounded border border-border bg-white transition-colors hover:border-primary/50",
                   R && "border-primary bg-primary text-primary-foreground"
                 ),
-                children: R && /* @__PURE__ */ e($e, { className: "h-3.5 w-3.5" })
+                children: R && /* @__PURE__ */ e(Oe, { className: "h-3.5 w-3.5" })
               }
             )
           ] }),
           /* @__PURE__ */ e("div", { className: "px-4 pb-3", children: /* @__PURE__ */ e(
-            nt,
+            rt,
             {
-              value: P,
+              value: W,
               onChange: E,
-              placeholder: L.searchParticipants
+              placeholder: I.searchParticipants
             }
           ) }),
           /* @__PURE__ */ r("div", { className: "flex max-h-[400px] flex-col gap-2 overflow-y-auto px-4 pb-4 scrollbar-thin", children: [
-            v ? (
+            w ? (
               // Loading skeletons
-              Array.from({ length: 4 }).map((d, D) => /* @__PURE__ */ r(
+              Array.from({ length: 4 }).map((c, g) => /* @__PURE__ */ r(
                 "div",
                 {
                   className: "flex animate-pulse items-center gap-3 rounded-md border border-border/60 bg-muted/40 p-3",
@@ -3156,65 +3204,65 @@ function Sr({
                     ] })
                   ]
                 },
-                `p-skeleton-${D}`
+                `p-skeleton-${g}`
               ))
-            ) : I.map((d) => {
-              const D = i.includes(d.id);
+            ) : A.map((c) => {
+              const g = a.includes(c.id);
               return /* @__PURE__ */ r(
-                Be,
+                _e,
                 {
-                  checked: D,
-                  onCheckedChange: (_) => N(d.id, _),
-                  className: f(
+                  checked: g,
+                  onCheckedChange: (L) => j(c.id, L),
+                  className: m(
                     "relative flex w-full cursor-pointer items-start gap-2 rounded-lg border border-border bg-white p-2 transition-colors hover:border-primary/50",
-                    D && "border-primary bg-zinc-50"
+                    g && "border-primary bg-zinc-50"
                   ),
                   children: [
                     /* @__PURE__ */ e(
                       "span",
                       {
-                        className: f(
+                        className: m(
                           "flex h-4 w-4 flex-shrink-0 items-center justify-center rounded border border-border transition-colors",
-                          D && "border-primary bg-primary text-primary-foreground"
+                          g && "border-primary bg-primary text-primary-foreground"
                         ),
-                        children: D && /* @__PURE__ */ e($e, { className: "h-2.5 w-2.5" })
+                        children: g && /* @__PURE__ */ e(Oe, { className: "h-2.5 w-2.5" })
                       }
                     ),
                     /* @__PURE__ */ r("div", { className: "flex flex-1 items-start gap-2", children: [
                       /* @__PURE__ */ e(
-                        _n,
+                        Vn,
                         {
-                          src: d.avatar ?? null,
-                          alt: d.name,
-                          fallback: d.name?.[0]?.toUpperCase() ?? "?",
+                          src: c.avatar ?? null,
+                          alt: c.name,
+                          fallback: c.name?.[0]?.toUpperCase() ?? "?",
                           className: "h-10 w-10 rounded-lg"
                         }
                       ),
                       /* @__PURE__ */ r("div", { className: "flex max-w-[140px] flex-col gap-0.5 overflow-hidden", children: [
-                        /* @__PURE__ */ e("span", { className: "line-clamp-1 text-sm font-medium text-foreground", children: d.name }),
+                        /* @__PURE__ */ e("span", { className: "line-clamp-1 text-sm font-medium text-foreground", children: c.name }),
                         /* @__PURE__ */ e(
                           "span",
                           {
                             className: "truncate text-[11px] text-muted-foreground",
-                            title: d.email,
-                            children: d.email
+                            title: c.email,
+                            children: c.email
                           }
                         )
                       ] })
                     ] })
                   ]
                 },
-                d.id
+                c.id
               );
             }),
-            !v && I.length === 0 && /* @__PURE__ */ e("p", { className: "px-4 text-xs text-muted-foreground", children: L.noParticipants })
+            !w && A.length === 0 && /* @__PURE__ */ e("p", { className: "px-4 text-xs text-muted-foreground", children: I.noParticipants })
           ] })
         ] })
       ]
     }
   );
 }
-function Un({ className: t }) {
+function Kn({ className: t }) {
   return /* @__PURE__ */ r(
     "svg",
     {
@@ -3235,43 +3283,43 @@ function Un({ className: t }) {
     }
   );
 }
-function Lr({
+function Hr({
   scheduleTypes: t,
   value: n,
   onChange: o,
   allLabel: s = "All types",
-  className: i,
-  label: a
+  className: a,
+  label: i
 }) {
-  const h = (c) => {
-    o(c.target.value);
-  }, m = t.find((c) => String(c.id) === n);
-  return /* @__PURE__ */ r("div", { className: f("flex flex-col gap-1", i), children: [
-    a && /* @__PURE__ */ e(ce, { className: "text-xs text-muted-foreground", children: a }),
+  const f = (d) => {
+    o(d.target.value);
+  }, h = t.find((d) => String(d.id) === n);
+  return /* @__PURE__ */ r("div", { className: m("flex flex-col gap-1", a), children: [
+    i && /* @__PURE__ */ e(de, { className: "text-xs text-muted-foreground", children: i }),
     /* @__PURE__ */ r("div", { className: "relative", children: [
-      m ? /* @__PURE__ */ e(
+      h ? /* @__PURE__ */ e(
         "span",
         {
           className: "pointer-events-none absolute left-2.5 top-1/2 size-3 -translate-y-1/2 rounded-full",
-          style: { backgroundColor: m.color }
+          style: { backgroundColor: h.color }
         }
-      ) : /* @__PURE__ */ e(Un, { className: "pointer-events-none absolute left-2.5 top-1/2 size-4 -translate-y-1/2 text-muted-foreground" }),
+      ) : /* @__PURE__ */ e(Kn, { className: "pointer-events-none absolute left-2.5 top-1/2 size-4 -translate-y-1/2 text-muted-foreground" }),
       /* @__PURE__ */ r(
-        fe,
+        ge,
         {
           value: n,
-          onChange: h,
+          onChange: f,
           className: "h-9 w-full min-w-[140px] pl-8 pr-8 text-sm",
           children: [
             /* @__PURE__ */ e("option", { value: "all", children: s }),
-            t.map((c) => /* @__PURE__ */ e("option", { value: String(c.id), children: c.label }, c.id))
+            t.map((d) => /* @__PURE__ */ e("option", { value: String(d.id), children: d.label }, d.id))
           ]
         }
       )
     ] })
   ] });
 }
-function Vn({ className: t }) {
+function Gn({ className: t }) {
   return /* @__PURE__ */ r(
     "svg",
     {
@@ -3294,37 +3342,37 @@ function Vn({ className: t }) {
     }
   );
 }
-function Er({
+function Ir({
   users: t,
   value: n,
   onChange: o,
   allLabel: s = "All users",
-  className: i,
-  label: a
+  className: a,
+  label: i
 }) {
-  const h = (m) => {
-    o(m.target.value);
+  const f = (h) => {
+    o(h.target.value);
   };
-  return /* @__PURE__ */ r("div", { className: f("flex flex-col gap-1", i), children: [
-    a && /* @__PURE__ */ e(ce, { className: "text-xs text-muted-foreground", children: a }),
+  return /* @__PURE__ */ r("div", { className: m("flex flex-col gap-1", a), children: [
+    i && /* @__PURE__ */ e(de, { className: "text-xs text-muted-foreground", children: i }),
     /* @__PURE__ */ r("div", { className: "relative", children: [
-      /* @__PURE__ */ e(Vn, { className: "pointer-events-none absolute left-2.5 top-1/2 size-4 -translate-y-1/2 text-muted-foreground" }),
+      /* @__PURE__ */ e(Gn, { className: "pointer-events-none absolute left-2.5 top-1/2 size-4 -translate-y-1/2 text-muted-foreground" }),
       /* @__PURE__ */ r(
-        fe,
+        ge,
         {
           value: n,
-          onChange: h,
+          onChange: f,
           className: "h-9 w-full min-w-[120px] pl-8 pr-8 text-sm",
           children: [
             /* @__PURE__ */ e("option", { value: "all", children: s }),
-            t.map((m) => /* @__PURE__ */ e("option", { value: m.id, children: m.name }, m.id))
+            t.map((h) => /* @__PURE__ */ e("option", { value: h.id, children: h.name }, h.id))
           ]
         }
       )
     ] })
   ] });
 }
-function Yn({ className: t }) {
+function Jn({ className: t }) {
   return /* @__PURE__ */ r(
     "svg",
     {
@@ -3351,7 +3399,7 @@ function Yn({ className: t }) {
     }
   );
 }
-function Gn({ className: t }) {
+function qn({ className: t }) {
   return /* @__PURE__ */ r(
     "svg",
     {
@@ -3374,7 +3422,7 @@ function Gn({ className: t }) {
     }
   );
 }
-function Kn({ className: t }) {
+function Xn({ className: t }) {
   return /* @__PURE__ */ e(
     "svg",
     {
@@ -3390,7 +3438,7 @@ function Kn({ className: t }) {
     }
   );
 }
-function Jn({ className: t }) {
+function Qn({ className: t }) {
   return /* @__PURE__ */ r(
     "svg",
     {
@@ -3410,25 +3458,25 @@ function Jn({ className: t }) {
     }
   );
 }
-function qn(t) {
+function Zn(t) {
   const n = t.getFullYear(), o = String(t.getMonth() + 1).padStart(2, "0"), s = String(t.getDate()).padStart(2, "0");
   return `${n}-${o}-${s}`;
 }
-function ot(t) {
-  const n = t.getHours(), o = t.getMinutes(), s = n >= 12 ? "PM" : "AM", i = n % 12 || 12, a = String(o).padStart(2, "0");
-  return `${i}:${a} ${s}`;
+function st(t) {
+  const n = t.getHours(), o = t.getMinutes(), s = n >= 12 ? "PM" : "AM", a = n % 12 || 12, i = String(o).padStart(2, "0");
+  return `${a}:${i} ${s}`;
 }
-function Xn(t) {
-  const n = ot(t.startDate), o = ot(t.endDate);
+function er(t) {
+  const n = st(t.startDate), o = st(t.endDate);
   return `${n} - ${o}`;
 }
-function Qn(t) {
-  const n = ut(/* @__PURE__ */ new Date(), 1);
+function tr(t) {
+  const n = ht(/* @__PURE__ */ new Date(), 1);
   return t.getFullYear() === n.getFullYear() && t.getMonth() === n.getMonth() && t.getDate() === n.getDate();
 }
-function Zn(t) {
-  if (se(t)) return "Today";
-  if (Qn(t)) return "Tomorrow";
+function nr(t) {
+  if (ie(t)) return "Today";
+  if (tr(t)) return "Tomorrow";
   const n = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"], o = [
     "Jan",
     "Feb",
@@ -3442,41 +3490,41 @@ function Zn(t) {
     "Oct",
     "Nov",
     "Dec"
-  ], s = n[t.getDay()], i = o[t.getMonth()], a = t.getDate();
-  return `${s}, ${i} ${a}`;
+  ], s = n[t.getDay()], a = o[t.getMonth()], i = t.getDate();
+  return `${s}, ${a} ${i}`;
 }
-function er(t, n) {
+function rr(t, n) {
   const o = /* @__PURE__ */ new Map();
   for (const s of t) {
-    const i = qn(s.startDate), a = o.get(i) ?? [];
-    a.push(s), o.set(i, a);
+    const a = Zn(s.startDate), i = o.get(a) ?? [];
+    i.push(s), o.set(a, i);
   }
-  return Array.from(o.entries()).map(([s, i]) => {
-    const a = [...i].sort(
-      (m, c) => m.startDate.getTime() - c.startDate.getTime()
-    ), h = n > 0 ? a.slice(0, n) : a;
+  return Array.from(o.entries()).map(([s, a]) => {
+    const i = [...a].sort(
+      (h, d) => h.startDate.getTime() - d.startDate.getTime()
+    ), f = n > 0 ? i.slice(0, n) : i;
     return {
       date: new Date(s),
       dateKey: s,
-      events: h,
-      hasMore: n > 0 && a.length > n
+      events: f,
+      hasMore: n > 0 && i.length > n
     };
-  }).sort((s, i) => s.date.getTime() - i.date.getTime());
+  }).sort((s, a) => s.date.getTime() - a.date.getTime());
 }
-function tr(t) {
-  const n = We(/* @__PURE__ */ new Date()), o = dt(/* @__PURE__ */ new Date());
+function or(t) {
+  const n = Pe(/* @__PURE__ */ new Date()), o = ut(/* @__PURE__ */ new Date());
   return t.filter((s) => s.startDate >= n && s.startDate <= o).length;
 }
-function Oe({ className: t }) {
-  return /* @__PURE__ */ e("div", { className: f("animate-pulse rounded-md bg-muted", t) });
+function Be({ className: t }) {
+  return /* @__PURE__ */ e("div", { className: m("animate-pulse rounded-md bg-muted", t) });
 }
-function nr({ event: t, onClick: n }) {
+function sr({ event: t, onClick: n }) {
   return /* @__PURE__ */ r(
     "button",
     {
       type: "button",
       onClick: () => n?.(t),
-      className: f(
+      className: m(
         "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"
@@ -3491,112 +3539,112 @@ function nr({ event: t, onClick: n }) {
         ),
         /* @__PURE__ */ r("div", { className: "min-w-0 flex-1", children: [
           /* @__PURE__ */ e("p", { className: "text-sm font-medium truncate", children: t.title }),
-          /* @__PURE__ */ e("p", { className: "text-xs text-muted-foreground truncate", children: Xn(t) })
+          /* @__PURE__ */ e("p", { className: "text-xs text-muted-foreground truncate", children: er(t) })
         ] }),
-        n && /* @__PURE__ */ e(Kn, { className: "shrink-0 size-4 text-muted-foreground/50 mt-1" })
+        n && /* @__PURE__ */ e(Xn, { className: "shrink-0 size-4 text-muted-foreground/50 mt-1" })
       ]
     }
   );
 }
-function rr({ group: t, onEventClick: 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: f("text-xs font-semibold", se(t.date) && "text-primary"), children: Zn(t.date) }),
+      /* @__PURE__ */ e("h3", { className: m("text-xs font-semibold", ie(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(nr, { event: o, onClick: n }, o.id)) })
+    /* @__PURE__ */ e("div", { className: "space-y-0.5", children: t.events.map((o) => /* @__PURE__ */ e(sr, { event: o, onClick: n }, o.id)) })
   ] });
 }
-function Tr({
+function zr({
   events: t,
   isLoading: n = !1,
   className: o,
   daysAhead: s = 7,
-  maxEventsPerDay: i = 3,
-  onEventClick: a,
-  onNavigateToAgenda: h
+  maxEventsPerDay: a = 3,
+  onEventClick: i,
+  onNavigateToAgenda: f
 }) {
-  const [m, c] = ie(!1), v = q(() => {
-    const j = We(/* @__PURE__ */ new Date()), P = ut(j, s);
-    return t.filter((E) => E.endDate >= j && E.startDate < P);
-  }, [t, s]), y = q(
-    () => er(v, i),
-    [v, i]
-  ), w = q(() => tr(t), [t]), L = (j) => {
-    c(!1), a?.(j);
-  }, A = () => {
-    c(!1), h?.();
+  const [h, d] = oe(!1), w = X(() => {
+    const P = Pe(/* @__PURE__ */ new Date()), W = ht(P, s);
+    return t.filter((E) => E.endDate >= P && E.startDate < W);
+  }, [t, s]), k = X(
+    () => rr(w, a),
+    [w, a]
+  ), b = X(() => or(t), [t]), I = (P) => {
+    d(!1), i?.(P);
+  }, F = () => {
+    d(!1), f?.();
   };
-  return /* @__PURE__ */ r(it, { open: m, onOpenChange: c, children: [
+  return /* @__PURE__ */ r(lt, { open: h, onOpenChange: d, children: [
     /* @__PURE__ */ r(
-      lt,
+      ct,
       {
-        className: f(
+        className: m(
           "relative rounded-xl hover:text-zinc-700 hover:!bg-zinc-300 !bg-zinc-200 text-zinc-600 shadow-none !px-2.5 p-2 max-h-10",
           o
         ),
         children: [
-          /* @__PURE__ */ e(Yn, { className: "h-4 w-4" }),
-          w > 0 && /* @__PURE__ */ e(
-            St,
+          /* @__PURE__ */ e(Jn, { className: "h-4 w-4" }),
+          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
             }
           )
         ]
       }
     ),
-    /* @__PURE__ */ r(ct, { className: "w-80 rounded-xl p-0", align: "end", side: "bottom", sideOffset: 8, children: [
+    /* @__PURE__ */ r(dt, { className: "w-80 rounded-xl p-0", align: "end", side: "bottom", sideOffset: 8, children: [
       /* @__PURE__ */ r("div", { className: "flex items-center justify-between border-b p-4", children: [
         /* @__PURE__ */ r("div", { children: [
           /* @__PURE__ */ e("h3", { className: "text-sm font-semibold", children: "Upcoming" }),
-          /* @__PURE__ */ e("p", { className: "text-xs text-muted-foreground", children: w > 0 ? `${w} event${w > 1 ? "s" : ""} today` : "No events today" })
+          /* @__PURE__ */ e("p", { className: "text-xs text-muted-foreground", children: b > 0 ? `${b} event${b > 1 ? "s" : ""} today` : "No events today" })
         ] }),
-        h && /* @__PURE__ */ r(
+        f && /* @__PURE__ */ r(
           "button",
           {
             type: "button",
-            onClick: A,
+            onClick: F,
             className: "text-xs text-primary hover:underline flex items-center gap-1",
             children: [
               "View all",
-              /* @__PURE__ */ e(Jn, { className: "size-3" })
+              /* @__PURE__ */ e(Qn, { className: "size-3" })
             ]
           }
         )
       ] }),
-      /* @__PURE__ */ e("div", { className: "max-h-80 overflow-y-auto p-2", children: n ? /* @__PURE__ */ e("div", { className: "space-y-2 p-2", children: Array.from({ length: 3 }).map((j, P) => /* @__PURE__ */ r("div", { className: "flex space-x-3", children: [
-        /* @__PURE__ */ e(Oe, { className: "h-2 w-2 rounded-full mt-2" }),
+      /* @__PURE__ */ 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(Be, { className: "h-2 w-2 rounded-full mt-2" }),
         /* @__PURE__ */ r("div", { className: "flex-1 space-y-2", children: [
-          /* @__PURE__ */ e(Oe, { className: "h-4 w-full" }),
-          /* @__PURE__ */ e(Oe, { className: "h-3 w-3/4" })
+          /* @__PURE__ */ e(Be, { className: "h-4 w-full" }),
+          /* @__PURE__ */ e(Be, { className: "h-3 w-3/4" })
         ] })
-      ] }, P)) }) : y.length === 0 ? /* @__PURE__ */ r("div", { className: "flex flex-col items-center justify-center py-8 text-center", children: [
-        /* @__PURE__ */ e(Gn, { className: "mb-2 h-8 w-8 text-muted-foreground/50" }),
+      ] }, W)) }) : k.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 ",
           s,
           " days"
         ] })
-      ] }) : /* @__PURE__ */ e("div", { className: "space-y-3 divide-y", children: y.map((j) => /* @__PURE__ */ e(
-        rr,
+      ] }) : /* @__PURE__ */ e("div", { className: "space-y-3 divide-y", children: k.map((P) => /* @__PURE__ */ e(
+        ar,
         {
-          group: j,
-          onEventClick: L
+          group: P,
+          onEventClick: I
         },
-        j.dateKey
+        P.dateKey
       )) }) })
     ] })
   ] });
 }
-function or({ className: t }) {
+function ir({ className: t }) {
   return /* @__PURE__ */ r(
     "svg",
     {
@@ -3621,7 +3669,7 @@ function or({ className: t }) {
     }
   );
 }
-function mt({ className: t }) {
+function ft({ className: t }) {
   return /* @__PURE__ */ e(
     "svg",
     {
@@ -3639,53 +3687,53 @@ function mt({ className: t }) {
     }
   );
 }
-function sr(t) {
+function lr(t) {
   const n = /* @__PURE__ */ new Date();
   return n.setDate(n.getDate() + 1), t.getFullYear() === n.getFullYear() && t.getMonth() === n.getMonth() && t.getDate() === n.getDate();
 }
-function st(t) {
+function at(t) {
   const n = t.getHours(), o = t.getMinutes(), s = n >= 12 ? "PM" : "AM";
   return `${n % 12 || 12}:${o.toString().padStart(2, "0")} ${s}`;
 }
-function ar(t) {
+function cr(t) {
   return new Intl.DateTimeFormat("en-US", {
     weekday: "long",
     month: "short",
     day: "numeric"
   }).format(t);
 }
-function ir(t) {
-  const n = st(t.startDate), o = st(t.endDate);
+function dr(t) {
+  const n = at(t.startDate), o = at(t.endDate);
   return `${n} - ${o}`;
 }
-function lr(t) {
-  return se(t) ? "Today" : sr(t) ? "Tomorrow" : ar(t);
+function ur(t) {
+  return ie(t) ? "Today" : lr(t) ? "Tomorrow" : cr(t);
 }
-function cr(t, n) {
+function hr(t, n) {
   const o = /* @__PURE__ */ new Map();
   for (const s of t) {
-    const i = Wt(s.startDate), a = o.get(i) ?? [];
-    a.push(s), o.set(i, a);
+    const a = Wt(s.startDate), i = o.get(a) ?? [];
+    i.push(s), o.set(a, i);
   }
-  return Array.from(o.entries()).map(([s, i]) => {
-    const a = [...i].sort(
-      (m, c) => m.startDate.getTime() - c.startDate.getTime()
-    ), h = n > 0 ? a.slice(0, n) : a;
+  return Array.from(o.entries()).map(([s, a]) => {
+    const i = [...a].sort(
+      (h, d) => h.startDate.getTime() - d.startDate.getTime()
+    ), f = n > 0 ? i.slice(0, n) : i;
     return {
       date: new Date(s),
       dateKey: s,
-      events: h,
-      hasMore: n > 0 && a.length > n
+      events: f,
+      hasMore: n > 0 && i.length > n
     };
-  }).sort((s, i) => s.date.getTime() - i.date.getTime());
+  }).sort((s, a) => s.date.getTime() - a.date.getTime());
 }
-function dr({ event: t, onClick: n, compact: o }) {
+function mr({ event: t, onClick: n, compact: o }) {
   return /* @__PURE__ */ r(
     "button",
     {
       type: "button",
       onClick: () => n?.(t),
-      className: f(
+      className: m(
         "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",
@@ -3695,41 +3743,41 @@ function dr({ event: t, onClick: n, compact: o }) {
         /* @__PURE__ */ e(
           "div",
           {
-            className: f("shrink-0 rounded-full mt-1", o ? "size-2" : "size-2.5"),
+            className: m("shrink-0 rounded-full mt-1", o ? "size-2" : "size-2.5"),
             style: { backgroundColor: t.color ?? "#3b82f6" }
           }
         ),
         /* @__PURE__ */ r("div", { className: "min-w-0 flex-1", children: [
-          /* @__PURE__ */ e("p", { className: f("font-medium truncate", o ? "text-xs" : "text-sm"), children: t.title }),
-          /* @__PURE__ */ e("p", { className: f("text-muted-foreground truncate", o ? "text-[10px]" : "text-xs"), children: ir(t) })
+          /* @__PURE__ */ e("p", { className: m("font-medium truncate", o ? "text-xs" : "text-sm"), children: t.title }),
+          /* @__PURE__ */ e("p", { className: m("text-muted-foreground truncate", o ? "text-[10px]" : "text-xs"), children: dr(t) })
         ] }),
         n && /* @__PURE__ */ e(
-          mt,
+          ft,
           {
-            className: f("shrink-0 text-muted-foreground/50", o ? "size-3" : "size-4")
+            className: m("shrink-0 text-muted-foreground/50", o ? "size-3" : "size-4")
           }
         )
       ]
     }
   );
 }
-function ur({
+function fr({
   group: t,
   onEventClick: n,
   onViewMore: o,
   compact: s
 }) {
   return /* @__PURE__ */ r("div", { className: "space-y-1", children: [
-    /* @__PURE__ */ r("div", { className: f("flex items-center justify-between px-2", s ? "py-1" : "py-1.5"), children: [
+    /* @__PURE__ */ r("div", { className: m("flex items-center justify-between px-2", s ? "py-1" : "py-1.5"), children: [
       /* @__PURE__ */ e(
         "h3",
         {
-          className: f(
+          className: m(
             "font-semibold",
             s ? "text-xs" : "text-sm",
-            se(t.date) && "text-primary"
+            ie(t.date) && "text-primary"
           ),
-          children: lr(t.date)
+          children: ur(t.date)
         }
       ),
       t.hasMore && o && /* @__PURE__ */ e(
@@ -3737,96 +3785,96 @@ function ur({
         {
           type: "button",
           onClick: () => o(t.date),
-          className: f("text-primary hover:underline", s ? "text-[10px]" : "text-xs"),
+          className: m("text-primary hover:underline", s ? "text-[10px]" : "text-xs"),
           children: "+more"
         }
       )
     ] }),
-    /* @__PURE__ */ e("div", { className: "space-y-0.5", children: t.events.map((i) => /* @__PURE__ */ e(dr, { event: i, onClick: n, compact: s }, i.id)) })
+    /* @__PURE__ */ e("div", { className: "space-y-0.5", children: t.events.map((a) => /* @__PURE__ */ e(mr, { event: a, onClick: n, compact: s }, a.id)) })
   ] });
 }
-function Hr({
+function jr({
   events: t,
   daysAhead: n = 7,
   maxEventsPerDay: o = 3,
   onEventClick: s,
-  onViewAll: i,
-  className: a,
-  emptyState: h,
-  title: m = "Upcoming",
-  showHeader: c = !0,
-  compact: v = !1
+  onViewAll: a,
+  className: i,
+  emptyState: f,
+  title: h = "Upcoming",
+  showHeader: d = !0,
+  compact: w = !1
 }) {
-  const y = at(), w = y?.filteredEvents, L = y?.currentDate ?? /* @__PURE__ */ new Date(), A = t ?? w ?? [], j = q(() => {
-    const b = We(L), I = new Date(b);
-    return I.setDate(I.getDate() + n), A.filter((O) => O.endDate >= b && O.startDate < I);
-  }, [A, n, L]), P = q(
-    () => cr(j, o),
-    [j, o]
-  ), E = j.length;
-  return P.length === 0 ? /* @__PURE__ */ r("div", { className: f("rounded-lg border bg-card", a), children: [
-    c && /* @__PURE__ */ e(
+  const k = it(), b = k?.filteredEvents, I = k?.currentDate ?? /* @__PURE__ */ new Date(), F = t ?? b ?? [], P = X(() => {
+    const y = Pe(I), A = new Date(y);
+    return A.setDate(A.getDate() + n), F.filter((O) => O.endDate >= y && O.startDate < A);
+  }, [F, n, I]), W = X(
+    () => hr(P, o),
+    [P, o]
+  ), E = P.length;
+  return W.length === 0 ? /* @__PURE__ */ r("div", { className: m("rounded-lg border bg-card", i), children: [
+    d && /* @__PURE__ */ e(
       "div",
       {
-        className: f(
+        className: m(
           "border-b px-4 flex items-center justify-between",
-          v ? "py-2" : "py-3"
+          w ? "py-2" : "py-3"
         ),
-        children: /* @__PURE__ */ e("h2", { className: f("font-semibold", v ? "text-sm" : "text-base"), children: m })
+        children: /* @__PURE__ */ e("h2", { className: m("font-semibold", w ? "text-sm" : "text-base"), children: h })
       }
     ),
     /* @__PURE__ */ e(
       "div",
       {
-        className: f(
+        className: m(
           "flex flex-col items-center justify-center text-center",
-          v ? "py-6 px-4" : "py-10 px-6"
+          w ? "py-6 px-4" : "py-10 px-6"
         ),
-        children: h ?? /* @__PURE__ */ r(ge, { children: [
+        children: f ?? /* @__PURE__ */ r(pe, { children: [
           /* @__PURE__ */ e(
-            or,
+            ir,
             {
-              className: f("text-muted-foreground/50 mb-2", v ? "size-8" : "size-10")
+              className: m("text-muted-foreground/50 mb-2", w ? "size-8" : "size-10")
             }
           ),
-          /* @__PURE__ */ e("p", { className: f("text-muted-foreground", v ? "text-xs" : "text-sm"), children: "No upcoming events" })
+          /* @__PURE__ */ e("p", { className: m("text-muted-foreground", w ? "text-xs" : "text-sm"), children: "No upcoming events" })
         ] })
       }
     )
-  ] }) : /* @__PURE__ */ r("div", { className: f("rounded-lg border bg-card overflow-hidden", a), children: [
-    c && /* @__PURE__ */ r(
+  ] }) : /* @__PURE__ */ r("div", { className: m("rounded-lg border bg-card overflow-hidden", i), children: [
+    d && /* @__PURE__ */ r(
       "div",
       {
-        className: f(
+        className: m(
           "border-b px-4 flex items-center justify-between",
-          v ? "py-2" : "py-3"
+          w ? "py-2" : "py-3"
         ),
         children: [
           /* @__PURE__ */ r("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ e("h2", { className: f("font-semibold", v ? "text-sm" : "text-base"), children: m }),
+            /* @__PURE__ */ e("h2", { className: m("font-semibold", w ? "text-sm" : "text-base"), children: h }),
             /* @__PURE__ */ e(
               "span",
               {
-                className: f(
+                className: m(
                   "text-muted-foreground bg-muted rounded-full px-2",
-                  v ? "text-[10px] py-0" : "text-xs py-0.5"
+                  w ? "text-[10px] py-0" : "text-xs py-0.5"
                 ),
                 children: E
               }
             )
           ] }),
-          i && /* @__PURE__ */ r(
+          a && /* @__PURE__ */ r(
             "button",
             {
               type: "button",
-              onClick: () => i(),
-              className: f(
+              onClick: () => a(),
+              className: m(
                 "text-primary hover:underline flex items-center gap-0.5",
-                v ? "text-xs" : "text-sm"
+                w ? "text-xs" : "text-sm"
               ),
               children: [
                 "View all",
-                /* @__PURE__ */ e(mt, { className: "size-3" })
+                /* @__PURE__ */ e(ft, { className: "size-3" })
               ]
             }
           )
@@ -3836,39 +3884,39 @@ function Hr({
     /* @__PURE__ */ e(
       "div",
       {
-        className: f(
+        className: m(
           "divide-y overflow-auto",
-          v ? "p-2 max-h-[280px]" : "p-3 max-h-[400px]"
+          w ? "p-2 max-h-[280px]" : "p-3 max-h-[400px]"
         ),
-        children: P.map((b) => /* @__PURE__ */ e(
-          ur,
+        children: W.map((y) => /* @__PURE__ */ e(
+          fr,
           {
-            group: b,
+            group: y,
             onEventClick: s,
-            onViewMore: i ? (I) => i(I) : void 0,
-            compact: v
+            onViewMore: a ? (A) => a(A) : void 0,
+            compact: w
           },
-          b.dateKey
+          y.dateKey
         ))
       }
     )
   ] });
 }
 export {
-  Tr as A,
-  Nr as B,
-  wr as C,
-  Mr as D,
-  br as E,
-  yr as I,
-  Lr as S,
-  Ee as T,
-  Er as U,
-  Cr as V,
-  Dr as W,
-  fn as Y,
-  Hr as a,
-  Sr as b,
-  kr as c
+  zr as A,
+  Mr as B,
+  kr as C,
+  Lr as D,
+  Nr as E,
+  Dr as I,
+  Hr as S,
+  Le as T,
+  Ir as U,
+  Sr as V,
+  Er as W,
+  gn as Y,
+  jr as a,
+  Tr as b,
+  Cr as c
 };
-//# sourceMappingURL=agenda-widget-DHJXUnaz.js.map
+//# sourceMappingURL=agenda-widget-B7ryNQOt.js.map