@innosolutions/inno-calendar 1.0.34 → 1.0.37

package/dist/{agenda-widget-BwL7DItQ.js → agenda-widget-BKIaXFpN.js}

@@ -1,11 +1,11 @@
-import { jsx as e, jsxs as n, Fragment as ae } from "react/jsx-runtime";
-import { o as Pe, c as Ze, C as qe, I as et, j as tt } from "./use-calendar-DR2emWYC.js";
-import { useCallback as ie, useState as q, useEffect as ge, forwardRef as Ce, useRef as Oe, useMemo as $ } from "react";
-import { c as h } from "./index-DtaLkIY8.js";
-import { P as Re, h as Ve, g as Ue, l as ee, p as rt, q as nt, B as ce, r as st, s as De, j as te, m as re, k as ne, c as ot, C as at, M as Me, A as it, W as lt, b as ct, t as dt } from "./week-view-jpcXSE6k.js";
-import { D as ut, S as ht } from "./slot-selection-context-D2eu2o-7.js";
-import { isToday as le, startOfDay as xe, endOfDay as Ye, getYearMonths as mt, generateMonthGrid as ft, getEventsForDay as gt, addDays as Ge, formatDateISO as xt } from "./utils.mjs";
-function pt({ view: t, className: r = "" }) {
+import { jsx as e, jsxs as n, Fragment as oe } from "react/jsx-runtime";
+import { o as Oe, c as Ke, C as qe, I as Je, j as Xe } from "./use-calendar-DR2emWYC.js";
+import { useCallback as se, useState as ae, useEffect as he, forwardRef as fe, useRef as ke, useMemo as O, useLayoutEffect as Qe, useImperativeHandle as Ze } from "react";
+import { c as m } from "./index-DtaLkIY8.js";
+import { P as _e, h as Pe, g as Re, l as Z, p as et, q as tt, B as ie, r as rt, s as Ce, j as ee, m as te, k as re, c as nt, C as ot, M as De, A as st, W as at, b as it, t as lt } from "./week-view-1EUqFIRS.js";
+import { D as ct, S as dt } from "./slot-selection-context-D2eu2o-7.js";
+import { isToday as q, startOfDay as ge, endOfDay as Ve, getYearMonths as ut, generateMonthGrid as ht, getEventsForDay as mt, addDays as Ue, formatDateISO as ft } from "./utils.mjs";
+function gt({ view: t, className: r = "" }) {
   return /* @__PURE__ */ e(
     "div",
     {
@@ -29,49 +29,49 @@ function pt({ view: t, className: r = "" }) {
     }
   );
 }
-function Ee({ view: t, className: r }) {
-  return /* @__PURE__ */ e(pt, { view: t, className: r });
+function Me({ view: t, className: r }) {
+  return /* @__PURE__ */ e(gt, { view: t, className: r });
 }
-function Ur(t) {
+function Vr(t) {
   const {
     events: r,
-    resources: s,
-    scheduleTypes: o,
+    resources: o,
+    scheduleTypes: s,
     initialView: a = "week",
     initialDate: i,
-    initialFilters: g,
-    preferences: f,
+    initialFilters: x,
+    preferences: g,
     locale: c,
     slots: d,
     renderEvent: w,
     onViewChange: C,
-    onDateChange: M,
-    onEventClick: z,
-    onSlotSelect: E,
-    onFiltersChange: p,
-    className: N,
-    children: b
-  } = t, D = Pe();
-  if (D)
-    return /* @__PURE__ */ e("div", { className: N, style: { position: "relative" }, children: b ?? /* @__PURE__ */ e(Ee, { view: D.view, className: N }) });
-  const S = Ze({
+    onDateChange: z,
+    onEventClick: I,
+    onSlotSelect: H,
+    onFiltersChange: N,
+    className: p,
+    children: D
+  } = t, k = Oe();
+  if (k)
+    return /* @__PURE__ */ e("div", { className: p, style: { position: "relative" }, children: D ?? /* @__PURE__ */ e(Me, { view: k.view, className: p }) });
+  const S = Ke({
     events: r,
-    resources: s,
-    scheduleTypes: o,
+    resources: o,
+    scheduleTypes: s,
     initialView: a,
     initialDate: i,
-    initialFilters: g,
-    preferences: f,
+    initialFilters: x,
+    preferences: g,
     locale: c,
     onViewChange: C,
-    onDateChange: M,
-    onEventClick: z,
-    onSlotSelect: E,
-    onFiltersChange: p
+    onDateChange: z,
+    onEventClick: I,
+    onSlotSelect: H,
+    onFiltersChange: N
   });
-  return /* @__PURE__ */ e(qe, { value: S, children: /* @__PURE__ */ e("div", { className: N, style: { position: "relative" }, children: b ?? /* @__PURE__ */ e(Ee, { view: S.view, className: N }) }) });
+  return /* @__PURE__ */ e(qe, { value: S, children: /* @__PURE__ */ e("div", { className: p, style: { position: "relative" }, children: D ?? /* @__PURE__ */ e(Me, { view: S.view, className: p }) }) });
 }
-function vt({ className: t }) {
+function xt({ className: t }) {
   return /* @__PURE__ */ n(
     "svg",
     {
@@ -90,7 +90,7 @@ function vt({ className: t }) {
     }
   );
 }
-function Ke({ className: t }) {
+function Ye({ className: t }) {
   return /* @__PURE__ */ n(
     "svg",
     {
@@ -112,7 +112,7 @@ function Ke({ className: t }) {
     }
   );
 }
-function fe({ className: t }) {
+function me({ className: t }) {
   return /* @__PURE__ */ n(
     "svg",
     {
@@ -131,7 +131,7 @@ function fe({ className: t }) {
     }
   );
 }
-function wt({ className: t }) {
+function pt({ className: t }) {
   return /* @__PURE__ */ n(
     "svg",
     {
@@ -150,7 +150,7 @@ function wt({ className: t }) {
     }
   );
 }
-function he({ className: t }) {
+function de({ className: t }) {
   return /* @__PURE__ */ e(
     "svg",
     {
@@ -166,7 +166,7 @@ function he({ className: t }) {
     }
   );
 }
-function bt({ className: t }) {
+function vt({ className: t }) {
   return /* @__PURE__ */ n(
     "svg",
     {
@@ -185,7 +185,7 @@ function bt({ className: t }) {
     }
   );
 }
-function yt({ className: t }) {
+function wt({ className: t }) {
   return /* @__PURE__ */ e(
     "svg",
     {
@@ -201,7 +201,7 @@ function yt({ className: t }) {
     }
   );
 }
-function kt({ className: t }) {
+function bt({ className: t }) {
   return /* @__PURE__ */ n(
     "svg",
     {
@@ -222,7 +222,7 @@ function kt({ className: t }) {
     }
   );
 }
-function Nt({ className: t }) {
+function yt({ className: t }) {
   return /* @__PURE__ */ n(
     "svg",
     {
@@ -241,7 +241,7 @@ function Nt({ className: t }) {
     }
   );
 }
-function Ct({ className: t }) {
+function kt({ className: t }) {
   return /* @__PURE__ */ n(
     "svg",
     {
@@ -262,7 +262,7 @@ function Ct({ className: t }) {
     }
   );
 }
-function Dt({ className: t }) {
+function Nt({ className: t }) {
   return /* @__PURE__ */ n(
     "svg",
     {
@@ -284,7 +284,7 @@ function Dt({ className: t }) {
     }
   );
 }
-function de({ className: t }) {
+function le({ className: t }) {
   return /* @__PURE__ */ e(
     "svg",
     {
@@ -295,12 +295,12 @@ function de({ className: t }) {
       strokeWidth: "2",
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      className: h("animate-spin", t),
+      className: m("animate-spin", t),
       children: /* @__PURE__ */ e("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" })
     }
   );
 }
-const Mt = {
+const Ct = {
   edit: "Edit",
   delete: "Delete",
   cancel: "Cancel Event",
@@ -325,37 +325,37 @@ const Mt = {
   acceptAllEvents: "Accept all events",
   deleteConfirmTitle: "Delete Event",
   deleteConfirmDescription: "Are you sure you want to delete this event? This action cannot be undone."
-}, me = Ce(
-  ({ onClick: t, label: r, children: s, className: o, variant: a = "ghost", ...i }, g) => /* @__PURE__ */ n(te, { children: [
-    /* @__PURE__ */ e(re, { asChild: !0, children: /* @__PURE__ */ e(
+}, ue = fe(
+  ({ onClick: t, label: r, children: o, className: s, variant: a = "ghost", ...i }, x) => /* @__PURE__ */ n(ee, { children: [
+    /* @__PURE__ */ e(te, { asChild: !0, children: /* @__PURE__ */ e(
       "button",
       {
         type: "button",
-        ref: g,
+        ref: x,
         onClick: t,
-        className: h(
+        className: m(
           "h-8 w-8 rounded-full flex items-center justify-center transition-colors",
           a === "ghost" && "hover:bg-zinc-100 dark:hover:bg-zinc-800 text-zinc-600 dark:text-zinc-400",
           a === "destructive" && "hover:bg-red-50 dark:hover:bg-red-950/30 text-zinc-600 dark:text-zinc-400 hover:text-red-600",
-          o
+          s
         ),
         "aria-label": r,
         ...i,
-        children: s
+        children: o
       }
     ) }),
-    /* @__PURE__ */ e(ne, { side: "bottom", className: "text-xs", children: r })
+    /* @__PURE__ */ e(re, { side: "bottom", className: "text-xs", children: r })
   ] })
 );
-me.displayName = "IconButton";
-function Et({ src: t, alt: r, initials: s, className: o, isClient: a }) {
-  const [i, g] = q(!1);
+ue.displayName = "IconButton";
+function Dt({ src: t, alt: r, initials: o, className: s, isClient: a }) {
+  const [i, x] = ae(!1);
   return /* @__PURE__ */ e(
     "div",
     {
-      className: h(
+      className: m(
         "relative h-7 w-7 rounded-full overflow-hidden shrink-0",
-        o
+        s
       ),
       children: t && !i ? /* @__PURE__ */ e(
         "img",
@@ -363,16 +363,16 @@ function Et({ src: t, alt: r, initials: s, className: o, isClient: a }) {
           src: t,
           alt: r,
           className: "h-full w-full object-cover",
-          onError: () => g(!0)
+          onError: () => x(!0)
         }
       ) : /* @__PURE__ */ e(
         "div",
         {
-          className: h(
+          className: m(
             "h-full w-full flex items-center justify-center text-[10px] font-medium",
             a ? "bg-amber-100 dark:bg-amber-900/30 text-amber-700 dark:text-amber-300" : "bg-zinc-200 dark:bg-zinc-700 text-zinc-700 dark:text-zinc-300"
           ),
-          children: s
+          children: o
         }
       )
     }
@@ -381,61 +381,61 @@ function Et({ src: t, alt: r, initials: s, className: o, isClient: a }) {
 function Se({
   participant: t,
   isEventCanceled: r = !1,
-  labels: s
+  labels: o
 }) {
-  const o = t.name || "Unknown", a = o.split(" ").map((M) => M[0]).join("").toUpperCase().slice(0, 2), i = t.isOrganizer ?? !1, g = t.isConfirmed, f = g === !0, c = g === !1, d = t.isClient ?? !1, w = t.profilePicture || t.avatar, C = r;
+  const s = t.name || "Unknown", a = s.split(" ").map((z) => z[0]).join("").toUpperCase().slice(0, 2), i = t.isOrganizer ?? !1, x = t.isConfirmed, g = x === !0, c = x === !1, d = t.isClient ?? !1, w = t.profilePicture || t.avatar, C = r;
   return /* @__PURE__ */ n(
     "div",
     {
-      className: h(
+      className: m(
         "flex items-center gap-3 py-0",
         C && "opacity-60"
       ),
       children: [
         /* @__PURE__ */ n("div", { className: "relative", children: [
           /* @__PURE__ */ e(
-            Et,
+            Dt,
             {
               src: w,
-              alt: o,
+              alt: s,
               initials: a,
               isClient: d,
-              className: h(C && "grayscale")
+              className: m(C && "grayscale")
             }
           ),
-          C || 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(fe, { className: "h-2 w-2 text-red-600 dark:text-red-400 stroke-[3]" }) }) }) : f ? /* @__PURE__ */ e("div", { className: "absolute -bottom-0.5 -right-0.5 h-3.5 w-3.5 rounded-full bg-white dark:bg-zinc-900 flex items-center justify-center", children: /* @__PURE__ */ e("div", { className: "h-3 w-3 rounded-full bg-green-100 dark:bg-green-900/50 flex items-center justify-center", children: /* @__PURE__ */ e(he, { className: "h-2 w-2 text-green-600 dark:text-green-400 stroke-[3]" }) }) }) : null
+          C || 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(me, { className: "h-2 w-2 text-red-600 dark:text-red-400 stroke-[3]" }) }) }) : g ? /* @__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(de, { className: "h-2 w-2 text-green-600 dark:text-green-400 stroke-[3]" }) }) }) : null
         ] }),
         /* @__PURE__ */ n("div", { className: "!h-fit min-w-0 gap-0", children: [
           /* @__PURE__ */ e("div", { className: "gap-0", children: /* @__PURE__ */ e(
             "span",
             {
-              className: h(
+              className: m(
                 "text-sm text-zinc-900 dark:text-zinc-100 truncate",
                 C && "line-through text-zinc-500 dark:text-zinc-500"
               ),
-              children: o
+              children: s
             }
           ) }),
-          d && /* @__PURE__ */ e("div", { className: "text-[10px] px-1.5 w-fit py-0.5 rounded bg-amber-100 dark:bg-amber-900/30 text-amber-700 dark:text-amber-300 font-medium", children: s.client }),
-          i && !C && /* @__PURE__ */ e("div", { className: "text-xs text-zinc-500", children: s.organizer })
+          d && /* @__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 && !C && /* @__PURE__ */ e("div", { className: "text-xs text-zinc-500", children: o.organizer })
         ] })
       ]
     }
   );
 }
-function St({
+function Mt({
   open: t,
   onOpenChange: r,
-  title: s,
-  children: o
+  title: o,
+  children: s
 }) {
-  return ge(() => {
+  return he(() => {
     if (!t) return;
     const a = (i) => {
       i.key === "Escape" && r(!1);
     };
     return document.addEventListener("keydown", a), () => document.removeEventListener("keydown", a);
-  }, [t, r]), ge(() => (t ? document.body.style.overflow = "hidden" : document.body.style.overflow = "", () => {
+  }, [t, r]), he(() => (t ? document.body.style.overflow = "hidden" : document.body.style.overflow = "", () => {
     document.body.style.overflow = "";
   }), [t]), t ? /* @__PURE__ */ n("div", { className: "fixed inset-0 z-50", children: [
     /* @__PURE__ */ e(
@@ -449,20 +449,20 @@ function St({
       }
     ),
     /* @__PURE__ */ e("div", { className: "fixed inset-x-4 top-[50%] translate-y-[-50%] max-w-md mx-auto", children: /* @__PURE__ */ n("div", { className: "bg-white dark:bg-zinc-900 rounded-2xl shadow-xl overflow-hidden", children: [
-      s && /* @__PURE__ */ e("div", { className: "sr-only", children: s }),
-      o
+      o && /* @__PURE__ */ e("div", { className: "sr-only", children: o }),
+      s
     ] }) })
   ] }) : null;
 }
-function zt({
+function St({
   open: t,
   onOpenChange: r,
-  title: s,
-  description: o,
+  title: o,
+  description: s,
   cancelLabel: a,
   confirmLabel: i,
-  onConfirm: g,
-  isLoading: f
+  onConfirm: x,
+  isLoading: g
 }) {
   return t ? /* @__PURE__ */ n("div", { className: "fixed inset-0 z-[60]", children: [
     /* @__PURE__ */ e(
@@ -476,11 +476,11 @@ function zt({
       }
     ),
     /* @__PURE__ */ e("div", { className: "fixed inset-x-4 top-[50%] translate-y-[-50%] max-w-md mx-auto", children: /* @__PURE__ */ n("div", { className: "bg-white dark:bg-zinc-900 rounded-lg shadow-xl p-6", children: [
-      /* @__PURE__ */ e("h2", { className: "text-lg font-semibold text-zinc-900 dark:text-zinc-100", children: s }),
-      /* @__PURE__ */ e("p", { className: "mt-2 text-sm text-zinc-600 dark:text-zinc-400", children: o }),
+      /* @__PURE__ */ e("h2", { className: "text-lg font-semibold text-zinc-900 dark:text-zinc-100", children: o }),
+      /* @__PURE__ */ e("p", { className: "mt-2 text-sm text-zinc-600 dark:text-zinc-400", children: s }),
       /* @__PURE__ */ n("div", { className: "mt-4 flex justify-end gap-3", children: [
         /* @__PURE__ */ e(
-          ce,
+          ie,
           {
             variant: "outline",
             size: "sm",
@@ -489,15 +489,15 @@ function zt({
           }
         ),
         /* @__PURE__ */ n(
-          ce,
+          ie,
           {
             variant: "destructive",
             size: "sm",
-            onClick: g,
-            disabled: f,
+            onClick: x,
+            disabled: g,
             children: [
-              f && /* @__PURE__ */ e(de, { className: "h-4 w-4 mr-2" }),
-              /* @__PURE__ */ e(Ke, { className: "h-4 w-4 mr-2" }),
+              g && /* @__PURE__ */ e(le, { className: "h-4 w-4 mr-2" }),
+              /* @__PURE__ */ e(Ye, { className: "h-4 w-4 mr-2" }),
               i
             ]
           }
@@ -506,22 +506,22 @@ function zt({
     ] }) })
   ] }) : null;
 }
-function Lt(t, r) {
+function Et(t, r) {
   return t.toLocaleDateString(void 0, {
     weekday: "long",
     month: "long",
     day: "numeric"
   });
 }
-function Ht(t, r) {
-  const s = {
+function zt(t, r) {
+  const o = {
     hour: "2-digit",
     minute: "2-digit",
     hour12: !1
   };
-  return `${t.toLocaleTimeString(void 0, s)} – ${r.toLocaleTimeString(void 0, s)}`;
+  return `${t.toLocaleTimeString(void 0, o)} – ${r.toLocaleTimeString(void 0, o)}`;
 }
-function Tt(t) {
+function Lt(t) {
   return t.toLocaleDateString(void 0, {
     day: "2-digit",
     month: "short",
@@ -530,73 +530,73 @@ function Tt(t) {
     minute: "2-digit"
   });
 }
-function jt(t) {
-  const [r, s] = q(() => typeof window < "u" ? window.matchMedia(t).matches : !1);
-  return ge(() => {
+function Ht(t) {
+  const [r, o] = ae(() => typeof window < "u" ? window.matchMedia(t).matches : !1);
+  return he(() => {
     if (typeof window > "u") return;
-    const o = window.matchMedia(t), a = (i) => s(i.matches);
-    return o.addEventListener("change", a), () => o.removeEventListener("change", a);
+    const s = window.matchMedia(t), a = (i) => o(i.matches);
+    return s.addEventListener("change", a), () => s.removeEventListener("change", a);
   }, [t]), r;
 }
-function ze({
+function Ee({
   event: t,
   labels: r,
-  isLoading: s,
-  onClose: o,
+  isLoading: o,
+  onClose: s,
   onEdit: a,
   onDelete: i,
-  onCancel: g,
-  onAccept: f,
+  onCancel: x,
+  onAccept: g,
   onDecline: c,
   onConfirmMeeting: d,
   canEdit: w = !0,
   canDelete: C = !1,
-  canCancel: M = !0,
-  isCurrentUserParticipant: z = !1,
-  isCurrentUserClient: E = !1,
-  currentUserAcceptStatus: p,
-  isAcceptLoading: N = !1,
-  isDeclineLoading: b = !1,
-  isConfirmLoading: D = !1,
+  canCancel: z = !0,
+  isCurrentUserParticipant: I = !1,
+  isCurrentUserClient: H = !1,
+  currentUserAcceptStatus: N,
+  isAcceptLoading: p = !1,
+  isDeclineLoading: D = !1,
+  isConfirmLoading: k = !1,
   isDeleteLoading: S = !1,
-  renderParticipant: I,
-  renderHeaderActions: Y,
-  renderCancelReason: _,
-  renderDeleteConfirmation: W,
-  formatDate: A = Lt,
-  formatTimeRange: V = Ht
+  renderParticipant: T,
+  renderHeaderActions: G,
+  renderCancelReason: V,
+  renderDeleteConfirmation: B,
+  formatDate: j = Et,
+  formatTimeRange: P = zt
 }) {
-  const [L, U] = q(!1), G = !(t.isCanceled || t.meetingTookPlace), x = t.isRecurring ?? !1, l = t.participantDetails, m = t.participantsNames || [], v = l && l.length > 0, y = p === !0, k = p === !1, B = z && !E && G, T = v ? l.filter((j) => j.isConfirmed).length : t.isAccepted ? m.length : 0, P = v ? l.length : m.length, Q = t.scheduleTypeColor || t.hexColor || "#039BE5", J = ie(() => t.startDate ? A(t.startDate) : r.noDateProvided, [t.startDate, A, r.noDateProvided]), u = ie(() => t.startDate && t.endDate ? V(t.startDate, t.endDate) : null, [t.startDate, t.endDate, V]), H = () => {
-    o(), a?.(t);
-  }, R = () => {
-    o(), g?.(t);
+  const [$, W] = ae(!1), U = !(t.isCanceled || t.meetingTookPlace), f = t.isRecurring ?? !1, l = t.participantDetails, h = t.participantsNames || [], v = l && l.length > 0, b = N === !0, y = N === !1, L = I && !H && U, M = v ? l.filter((R) => R.isConfirmed).length : t.isAccepted ? h.length : 0, _ = v ? l.length : h.length, J = t.scheduleTypeColor || t.hexColor || "#039BE5", K = se(() => t.startDate ? j(t.startDate) : r.noDateProvided, [t.startDate, j, r.noDateProvided]), u = se(() => t.startDate && t.endDate ? P(t.startDate, t.endDate) : null, [t.startDate, t.endDate, P]), E = () => {
+    s(), a?.(t);
+  }, A = () => {
+    s(), x?.(t);
   }, F = () => {
-    U(!0);
-  }, K = () => {
-    i?.(t), U(!1);
+    W(!0);
+  }, Y = () => {
+    i?.(t), W(!1);
   };
-  return s ? /* @__PURE__ */ e("div", { className: "flex h-48 items-center justify-center", children: /* @__PURE__ */ e(de, { className: "h-6 w-6 text-zinc-400" }) }) : /* @__PURE__ */ n(ee, { delayDuration: 300, children: [
+  return o ? /* @__PURE__ */ e("div", { className: "flex h-48 items-center justify-center", children: /* @__PURE__ */ e(le, { className: "h-6 w-6 text-zinc-400" }) }) : /* @__PURE__ */ n(Z, { delayDuration: 300, children: [
     /* @__PURE__ */ n("div", { className: "flex flex-col gap-0.5 p-3", children: [
-      /* @__PURE__ */ e("div", { className: "flex items-start justify-end gap-0.5", children: Y ? Y({ onClose: o }) : /* @__PURE__ */ n(ae, { children: [
-        G && w && a && /* @__PURE__ */ e(me, { onClick: H, label: r.edit, children: /* @__PURE__ */ e(vt, { className: "h-[18px] w-[18px]" }) }),
-        G && M && g && /* @__PURE__ */ e(me, { onClick: R, label: r.cancel, children: /* @__PURE__ */ e(wt, { className: "h-[18px] w-[18px]" }) }),
+      /* @__PURE__ */ e("div", { className: "flex items-start justify-end gap-0.5", children: G ? G({ onClose: s }) : /* @__PURE__ */ n(oe, { children: [
+        U && w && a && /* @__PURE__ */ e(ue, { onClick: E, label: r.edit, children: /* @__PURE__ */ e(xt, { className: "h-[18px] w-[18px]" }) }),
+        U && z && x && /* @__PURE__ */ e(ue, { onClick: A, label: r.cancel, children: /* @__PURE__ */ e(pt, { className: "h-[18px] w-[18px]" }) }),
         C && i && /* @__PURE__ */ e(
-          me,
+          ue,
           {
             onClick: F,
             label: r.delete,
             variant: "destructive",
-            children: /* @__PURE__ */ e(Ke, { className: "h-[18px] w-[18px]" })
+            children: /* @__PURE__ */ e(Ye, { className: "h-[18px] w-[18px]" })
           }
         ),
-        /* @__PURE__ */ e(me, { onClick: o, label: r.close, children: /* @__PURE__ */ e(fe, { className: "h-[18px] w-[18px]" }) })
+        /* @__PURE__ */ e(ue, { onClick: s, label: r.close, children: /* @__PURE__ */ e(me, { className: "h-[18px] w-[18px]" }) })
       ] }) }),
       /* @__PURE__ */ e("div", { children: /* @__PURE__ */ n("div", { className: "flex items-start gap-2", children: [
         /* @__PURE__ */ e(
           "div",
           {
             className: "w-4 h-4 rounded mt-1 shrink-0",
-            style: { backgroundColor: Q }
+            style: { backgroundColor: J }
           }
         ),
         /* @__PURE__ */ n("div", { className: "flex-1 min-w-0", children: [
@@ -604,7 +604,7 @@ function ze({
             /* @__PURE__ */ e(
               "h2",
               {
-                className: h(
+                className: m(
                   "text-[22px] font-normal text-zinc-900 dark:text-zinc-100 leading-tight",
                   t.isCanceled && "line-through opacity-60"
                 ),
@@ -612,25 +612,25 @@ function ze({
               }
             ),
             t.meetingTookPlace && /* @__PURE__ */ n("span", { className: "inline-flex items-center gap-1 px-2 py-0.5 rounded-full bg-green-100 dark:bg-green-900/30 text-green-700 dark:text-green-400 text-xs font-medium", children: [
-              /* @__PURE__ */ e(bt, { className: "h-3 w-3" }),
+              /* @__PURE__ */ e(vt, { className: "h-3 w-3" }),
               r.completed
             ] }),
             t.isCanceled && /* @__PURE__ */ n("span", { className: "inline-flex items-center gap-1 px-2 py-0.5 rounded-full bg-red-100 dark:bg-red-900/30 text-red-700 dark:text-red-400 text-xs font-medium", children: [
-              /* @__PURE__ */ e(fe, { className: "h-3 w-3" }),
+              /* @__PURE__ */ e(me, { className: "h-3 w-3" }),
               r.canceled
             ] })
           ] }),
           /* @__PURE__ */ n("div", { className: "mt-1 text-sm text-zinc-600 dark:text-zinc-400", children: [
-            /* @__PURE__ */ e("span", { children: J() }),
-            u() && /* @__PURE__ */ n(ae, { children: [
+            /* @__PURE__ */ e("span", { children: K() }),
+            u() && /* @__PURE__ */ n(oe, { children: [
               /* @__PURE__ */ e("span", { className: "mx-1.5", children: "·" }),
               /* @__PURE__ */ e("span", { children: u() })
             ] })
           ] }),
-          x && t.recurrenceSummary && /* @__PURE__ */ e("div", { className: "text-sm text-zinc-500 dark:text-zinc-500", children: t.recurrenceSummary })
+          f && 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: _ ? _(t) : /* @__PURE__ */ e("div", { className: "flex items-start gap-0", children: /* @__PURE__ */ n("div", { className: "flex-1 min-w-0", children: [
+      t.isCanceled && /* @__PURE__ */ e("div", { className: "mx-4 p-3 rounded-lg bg-red-50 dark:bg-red-950/30", children: V ? V(t) : /* @__PURE__ */ e("div", { className: "flex items-start gap-0", children: /* @__PURE__ */ n("div", { className: "flex-1 min-w-0", children: [
         /* @__PURE__ */ e("div", { className: "text-sm font-medium text-red-700 dark:text-red-400", children: r.cancellationNote }),
         t.cancelReason && /* @__PURE__ */ n("div", { className: "mt-1 text-sm text-red-600/80 dark:text-red-400/80 italic", children: [
           '"',
@@ -640,26 +640,26 @@ function ze({
         t.canceledDate && /* @__PURE__ */ n("div", { className: "mt-1.5 text-xs text-red-500/70 dark:text-red-400/60", children: [
           r.canceledOn,
           " ",
-          Tt(t.canceledDate)
+          Lt(t.canceledDate)
         ] })
       ] }) }) }),
       /* @__PURE__ */ n("div", { className: "space-y-0.5", children: [
         t.address && /* @__PURE__ */ n("div", { className: "flex items-start gap-2", children: [
-          /* @__PURE__ */ e(Nt, { className: "h-5 w-5 text-zinc-400 mt-0.5 shrink-0" }),
+          /* @__PURE__ */ e(yt, { className: "h-5 w-5 text-zinc-400 mt-0.5 shrink-0" }),
           /* @__PURE__ */ e("span", { className: "text-sm text-zinc-700 dark:text-zinc-300", children: t.address })
         ] }),
-        (v || m.length > 0) && /* @__PURE__ */ n("div", { className: "flex items-start gap-2 py-0", children: [
-          /* @__PURE__ */ e(kt, { className: "h-5 w-5 text-zinc-400 mt-0.5 shrink-0" }),
+        (v || h.length > 0) && /* @__PURE__ */ n("div", { className: "flex items-start gap-2 py-0", children: [
+          /* @__PURE__ */ e(bt, { className: "h-5 w-5 text-zinc-400 mt-0.5 shrink-0" }),
           /* @__PURE__ */ n("div", { className: "flex-1", children: [
             /* @__PURE__ */ n("div", { className: "flex items-center gap-0", children: [
               /* @__PURE__ */ n("span", { className: "text-sm text-zinc-900 dark:text-zinc-100 font-medium", children: [
-                P,
+                _,
                 " ",
-                P !== 1 ? r.guests : r.guest
+                _ !== 1 ? r.guests : r.guest
               ] }),
-              P > 0 && /* @__PURE__ */ n("span", { className: "text-xs text-zinc-500", children: [
+              _ > 0 && /* @__PURE__ */ n("span", { className: "text-xs text-zinc-500", children: [
                 "(",
-                T,
+                M,
                 " ",
                 r.confirmed,
                 ")"
@@ -667,37 +667,37 @@ function ze({
             ] }),
             /* @__PURE__ */ n("div", { className: "mt-2 space-y-2", children: [
               v ? l.slice(0, 6).map(
-                (j, X) => I ? I(j, X) : /* @__PURE__ */ e(
+                (R, X) => T ? T(R, X) : /* @__PURE__ */ e(
                   Se,
                   {
-                    participant: j,
+                    participant: R,
                     isEventCanceled: t.isCanceled,
                     labels: r
                   },
-                  j.id
+                  R.id
                 )
-              ) : m.slice(0, 6).map((j, X) => {
-                const O = {
+              ) : h.slice(0, 6).map((R, X) => {
+                const Ne = {
                   id: String(X),
-                  name: j,
+                  name: R,
                   email: "",
                   isConfirmed: t.isAccepted,
                   isOrganizer: X === 0,
                   isClient: !1
                 };
-                return I ? I(O, X) : /* @__PURE__ */ e(
+                return T ? T(Ne, X) : /* @__PURE__ */ e(
                   Se,
                   {
-                    participant: O,
+                    participant: Ne,
                     isEventCanceled: t.isCanceled,
                     labels: r
                   },
-                  j
+                  R
                 );
               }),
-              P > 6 && /* @__PURE__ */ n("div", { className: "text-xs text-zinc-500 py-1.5 pl-10", children: [
+              _ > 6 && /* @__PURE__ */ n("div", { className: "text-xs text-zinc-500 py-1.5 pl-10", children: [
                 "+",
-                P - 6,
+                _ - 6,
                 " ",
                 r.more
               ] })
@@ -705,258 +705,258 @@ function ze({
           ] })
         ] }),
         t.description && /* @__PURE__ */ n("div", { className: "flex items-start gap-2", children: [
-          /* @__PURE__ */ e(Dt, { className: "h-5 w-5 text-zinc-400 mt-0.5 shrink-0" }),
+          /* @__PURE__ */ e(Nt, { className: "h-5 w-5 text-zinc-400 mt-0.5 shrink-0" }),
           /* @__PURE__ */ e("p", { className: "text-sm text-zinc-700 dark:text-zinc-300 whitespace-pre-wrap", children: t.description })
         ] }),
         /* @__PURE__ */ n("div", { className: "flex items-start gap-2", children: [
-          /* @__PURE__ */ e(Ct, { className: "h-5 w-5 text-zinc-400 mt-0.5 shrink-0" }),
-          /* @__PURE__ */ e("div", { className: "text-sm text-zinc-700 dark:text-zinc-300", children: v && l.find((j) => j.isOrganizer)?.name || m[0] || "Calendar" })
+          /* @__PURE__ */ e(kt, { className: "h-5 w-5 text-zinc-400 mt-0.5 shrink-0" }),
+          /* @__PURE__ */ e("div", { className: "text-sm text-zinc-700 dark:text-zinc-300", children: v && l.find((R) => R.isOrganizer)?.name || h[0] || "Calendar" })
         ] })
       ] }),
-      B && f && c && /* @__PURE__ */ e("div", { className: "border-t border-zinc-100 dark:border-zinc-800 mt-3 py-3", children: /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: [
-        x ? /* @__PURE__ */ n(rt, { children: [
-          /* @__PURE__ */ e(nt, { asChild: !0, children: /* @__PURE__ */ n("div", { className: "flex", children: [
+      L && g && c && /* @__PURE__ */ e("div", { className: "border-t border-zinc-100 dark:border-zinc-800 mt-3 py-3", children: /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: [
+        f ? /* @__PURE__ */ n(et, { children: [
+          /* @__PURE__ */ e(tt, { asChild: !0, children: /* @__PURE__ */ n("div", { className: "flex", children: [
             /* @__PURE__ */ e(
-              ce,
+              ie,
               {
                 size: "sm",
                 variant: "outline",
-                className: h(
+                className: m(
                   "rounded-r-none gap-1.5 h-8 !border-none !bg-green-100 text-green-800 hover:!bg-green-200",
-                  y && "!bg-green-700 !text-white hover:!bg-green-700"
+                  b && "!bg-green-700 !text-white hover:!bg-green-700"
                 ),
-                onClick: (j) => {
-                  j.stopPropagation(), y || f(t);
+                onClick: (R) => {
+                  R.stopPropagation(), b || g(t);
                 },
-                disabled: N,
-                children: N ? /* @__PURE__ */ e(de, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ n(ae, { children: [
-                  y && /* @__PURE__ */ e(he, { className: "h-3.5 w-3.5" }),
+                disabled: p,
+                children: p ? /* @__PURE__ */ e(le, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ n(oe, { children: [
+                  b && /* @__PURE__ */ e(de, { className: "h-3.5 w-3.5" }),
                   r.going
                 ] })
               }
             ),
             /* @__PURE__ */ e(
-              ce,
+              ie,
               {
                 size: "sm",
                 variant: "outline",
-                className: h(
+                className: m(
                   "rounded-l-none px-1.5 h-8 !border-none !bg-green-100 text-green-800 hover:!bg-green-200",
-                  y && "!bg-green-700 !text-white hover:!bg-green-700"
+                  b && "!bg-green-700 !text-white hover:!bg-green-700"
                 ),
-                children: /* @__PURE__ */ e(yt, { className: "h-3.5 w-3.5" })
+                children: /* @__PURE__ */ e(wt, { className: "h-3.5 w-3.5" })
               }
             )
           ] }) }),
-          /* @__PURE__ */ n(st, { align: "start", children: [
+          /* @__PURE__ */ n(rt, { align: "start", children: [
             /* @__PURE__ */ n(
-              De,
+              Ce,
               {
-                className: h(
+                className: m(
                   "gap-1.5 h-8 !border-none !bg-green-50 text-green-800 hover:!bg-green-100",
-                  y && "!bg-green-700 !text-white hover:!bg-green-700"
+                  b && "!bg-green-700 !text-white hover:!bg-green-700"
                 ),
-                onClick: () => f(t),
+                onClick: () => g(t),
                 children: [
-                  /* @__PURE__ */ e(he, { className: "h-3.5 w-3.5 mr-2 text-green-600" }),
+                  /* @__PURE__ */ e(de, { className: "h-3.5 w-3.5 mr-2 text-green-600" }),
                   r.acceptThisEvent
                 ]
               }
             ),
-            /* @__PURE__ */ n(De, { onClick: () => f(t), children: [
-              /* @__PURE__ */ e(he, { className: "h-3.5 w-3.5 mr-2 text-green-600" }),
+            /* @__PURE__ */ n(Ce, { onClick: () => g(t), children: [
+              /* @__PURE__ */ e(de, { className: "h-3.5 w-3.5 mr-2 text-green-600" }),
               r.acceptAllEvents
             ] })
           ] })
         ] }) : /* @__PURE__ */ e(
-          ce,
+          ie,
           {
             size: "sm",
             variant: "outline",
-            className: h(
+            className: m(
               "gap-1.5 h-8 !border-none !bg-green-100 text-green-800 hover:!bg-green-200",
-              y && "!bg-green-700 !text-white hover:!bg-green-700"
+              b && "!bg-green-700 !text-white hover:!bg-green-700"
             ),
             onClick: () => {
-              y || f(t);
+              b || g(t);
             },
-            disabled: N,
-            children: N ? /* @__PURE__ */ e(de, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ n(ae, { children: [
-              y && /* @__PURE__ */ e(he, { className: "h-3.5 w-3.5" }),
+            disabled: p,
+            children: p ? /* @__PURE__ */ e(le, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ n(oe, { children: [
+              b && /* @__PURE__ */ e(de, { className: "h-3.5 w-3.5" }),
               r.going
             ] })
           }
         ),
         /* @__PURE__ */ e(
-          ce,
+          ie,
           {
             size: "sm",
             variant: "outline",
-            className: h(
+            className: m(
               "gap-1.5 h-8 !border-none !bg-rose-100 text-rose-800 hover:!bg-rose-200",
-              k && "!bg-rose-700 !text-white hover:!bg-rose-700"
+              y && "!bg-rose-700 !text-white hover:!bg-rose-700"
             ),
             onClick: () => {
-              k || c(t);
+              y || c(t);
             },
-            disabled: b,
-            children: b ? /* @__PURE__ */ e(de, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ n(ae, { children: [
-              k && /* @__PURE__ */ e(fe, { className: "h-3.5 w-3.5" }),
+            disabled: D,
+            children: D ? /* @__PURE__ */ e(le, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ n(oe, { children: [
+              y && /* @__PURE__ */ e(me, { className: "h-3.5 w-3.5" }),
               r.notGoing
             ] })
           }
         )
       ] }) }),
-      z && y && !t.meetingTookPlace && !t.isCanceled && d && /* @__PURE__ */ e("div", { className: "border-t border-zinc-100 dark:border-zinc-800 py-3", children: /* @__PURE__ */ n(
-        ce,
+      I && b && !t.meetingTookPlace && !t.isCanceled && d && /* @__PURE__ */ e("div", { className: "border-t border-zinc-100 dark:border-zinc-800 py-3", children: /* @__PURE__ */ n(
+        ie,
         {
           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: () => d(t),
-          disabled: D,
+          disabled: k,
           children: [
-            D && /* @__PURE__ */ e(de, { className: "h-4 w-4 mr-2" }),
+            k && /* @__PURE__ */ e(le, { className: "h-4 w-4 mr-2" }),
             r.confirmMeeting
           ]
         }
       ) })
     ] }),
-    W ? L && W({
-      onConfirm: K,
-      onCancel: () => U(!1),
+    B ? $ && B({
+      onConfirm: Y,
+      onCancel: () => W(!1),
       isLoading: S
     }) : /* @__PURE__ */ e(
-      zt,
+      St,
       {
-        open: L,
-        onOpenChange: U,
+        open: $,
+        onOpenChange: W,
         title: r.deleteConfirmTitle,
         description: r.deleteConfirmDescription,
         cancelLabel: r.cancel,
         confirmLabel: r.delete,
-        onConfirm: K,
+        onConfirm: Y,
         isLoading: S
       }
     )
   ] });
 }
-function Yr({
+function Ur({
   event: t,
   children: r,
-  open: s,
-  onOpenChange: o,
+  open: o,
+  onOpenChange: s,
   isLoading: a,
   labels: i,
-  onEdit: g,
-  onDelete: f,
+  onEdit: x,
+  onDelete: g,
   onCancel: c,
   onAccept: d,
   onDecline: w,
   onConfirmMeeting: C,
-  canEdit: M = !0,
-  canDelete: z = !1,
-  canCancel: E = !0,
-  isCurrentUserParticipant: p,
-  isCurrentUserClient: N,
-  currentUserAcceptStatus: b,
-  isAcceptLoading: D,
+  canEdit: z = !0,
+  canDelete: I = !1,
+  canCancel: H = !0,
+  isCurrentUserParticipant: N,
+  isCurrentUserClient: p,
+  currentUserAcceptStatus: D,
+  isAcceptLoading: k,
   isDeclineLoading: S,
-  isConfirmLoading: I,
-  isDeleteLoading: Y,
-  renderParticipant: _,
-  renderHeaderActions: W,
-  renderCancelReason: A,
-  renderDeleteConfirmation: V,
-  formatDate: L,
-  formatTimeRange: U,
-  className: G,
-  width: x = 360
+  isConfirmLoading: T,
+  isDeleteLoading: G,
+  renderParticipant: V,
+  renderHeaderActions: B,
+  renderCancelReason: j,
+  renderDeleteConfirmation: P,
+  formatDate: $,
+  formatTimeRange: W,
+  className: U,
+  width: f = 360
 }) {
-  const l = jt("(min-width: 768px)"), m = { ...Mt, ...i }, v = ie(() => {
-    o?.(!1);
-  }, [o]), y = {
+  const l = Ht("(min-width: 768px)"), h = { ...Ct, ...i }, v = se(() => {
+    s?.(!1);
+  }, [s]), b = {
     event: t,
-    labels: m,
+    labels: h,
     isLoading: a,
     onClose: v,
-    onEdit: g,
-    onDelete: f,
+    onEdit: x,
+    onDelete: g,
     onCancel: c,
     onAccept: d,
     onDecline: w,
     onConfirmMeeting: C,
-    canEdit: M,
-    canDelete: z,
-    canCancel: E,
-    isCurrentUserParticipant: p,
-    isCurrentUserClient: N,
-    currentUserAcceptStatus: b,
-    isAcceptLoading: D,
+    canEdit: z,
+    canDelete: I,
+    canCancel: H,
+    isCurrentUserParticipant: N,
+    isCurrentUserClient: p,
+    currentUserAcceptStatus: D,
+    isAcceptLoading: k,
     isDeclineLoading: S,
-    isConfirmLoading: I,
-    isDeleteLoading: Y,
-    renderParticipant: _,
-    renderHeaderActions: W,
-    renderCancelReason: A,
-    renderDeleteConfirmation: V,
-    formatDate: L,
-    formatTimeRange: U
+    isConfirmLoading: T,
+    isDeleteLoading: G,
+    renderParticipant: V,
+    renderHeaderActions: B,
+    renderCancelReason: j,
+    renderDeleteConfirmation: P,
+    formatDate: $,
+    formatTimeRange: W
   };
-  return l ? /* @__PURE__ */ n(Re, { open: s ?? !1, onOpenChange: o ?? (() => {
+  return l ? /* @__PURE__ */ n(_e, { open: o ?? !1, onOpenChange: s ?? (() => {
   }), children: [
-    /* @__PURE__ */ e(Ve, { asChild: !0, children: r }),
+    /* @__PURE__ */ e(Pe, { asChild: !0, children: r }),
     /* @__PURE__ */ e(
-      Ue,
+      Re,
       {
-        className: h(
+        className: m(
           "p-0 shadow-lg !rounded-2xl bg-white dark:bg-zinc-900 overflow-hidden border z-50",
-          G
+          U
         ),
-        style: { width: x },
+        style: { width: f },
         align: "center",
         side: "bottom",
         sideOffset: 4,
-        children: /* @__PURE__ */ e(ze, { ...y })
+        children: /* @__PURE__ */ e(Ee, { ...b })
       }
     )
-  ] }) : /* @__PURE__ */ n(ae, { children: [
+  ] }) : /* @__PURE__ */ n(oe, { children: [
     r,
     /* @__PURE__ */ e(
-      St,
+      Mt,
       {
-        open: s ?? !1,
-        onOpenChange: o ?? (() => {
+        open: o ?? !1,
+        onOpenChange: s ?? (() => {
         }),
         title: t.title,
-        children: /* @__PURE__ */ e(ze, { ...y })
+        children: /* @__PURE__ */ e(Ee, { ...b })
       }
     )
   ] });
 }
-const ve = 44, Le = 4, It = 56, He = 8, we = 80, ue = 140, Te = 100, je = 2, Wt = 8, At = 18;
-function Bt(t) {
+const xe = 44, ze = 4, Tt = 56, Le = 8, pe = 80, ce = 140, He = 100, Te = 2, It = 8, jt = 18;
+function Wt(t) {
   return t.split(" ").map((r) => r[0]).join("").toUpperCase().slice(0, 2);
 }
-function $t(t, r) {
-  const s = [];
-  for (let o = 0; o < r; o++) {
+function At(t, r) {
+  const o = [];
+  for (let s = 0; s < r; s++) {
     const a = new Date(t);
-    a.setDate(a.getDate() + o), s.push(a);
+    a.setDate(a.getDate() + s), o.push(a);
   }
-  return s;
+  return o;
 }
-function Ft(t, r, s) {
-  const o = [];
+function Ft(t, r, o) {
+  const s = [];
   return t.forEach((a, i) => {
-    for (let g = r; g < s; g++)
-      o.push({ hour: g, dayIndex: i, date: a });
-  }), o;
+    for (let x = r; x < o; x++)
+      s.push({ hour: x, dayIndex: i, date: a });
+  }), s;
 }
-function _t(t) {
+function Bt(t) {
   return `${t.toString().padStart(2, "0")}:00`;
 }
-function Pt(t) {
+function $t(t) {
   return t.toLocaleDateString("en-US", {
     weekday: "short",
     month: "short",
@@ -964,25 +964,25 @@ function Pt(t) {
   });
 }
 function Ie(t) {
-  const r = [...t].sort((a, i) => a.startCol !== i.startCol ? a.startCol - i.startCol : i.spanCols - a.spanCols), s = [], o = [];
+  const r = [...t].sort((a, i) => a.startCol !== i.startCol ? a.startCol - i.startCol : i.spanCols - a.spanCols), o = [], s = [];
   for (const a of r) {
     let i = 0;
-    for (; o[i] !== void 0 && o[i] > a.startCol; )
+    for (; s[i] !== void 0 && s[i] > a.startCol; )
       i++;
-    o[i] = a.startCol + a.spanCols, s.push({
+    s[i] = a.startCol + a.spanCols, o.push({
       ...a,
       stackIndex: i
     });
   }
-  return s;
+  return o;
 }
-function Ot({ src: t, alt: r, fallback: s, className: o }) {
+function Ot({ src: t, alt: r, fallback: o, className: s }) {
   return /* @__PURE__ */ e(
     "div",
     {
-      className: h(
+      className: m(
         "relative flex shrink-0 overflow-hidden rounded-sm border bg-muted",
-        o
+        s
       ),
       children: t ? /* @__PURE__ */ e(
         "img",
@@ -991,126 +991,126 @@ function Ot({ src: t, alt: r, fallback: s, className: o }) {
           alt: r,
           className: "aspect-square h-full w-full object-cover"
         }
-      ) : /* @__PURE__ */ e("div", { className: "flex h-full w-full items-center justify-center bg-muted text-muted-foreground", children: s })
+      ) : /* @__PURE__ */ e("div", { className: "flex h-full w-full items-center justify-center bg-muted text-muted-foreground", children: o })
     }
   );
 }
-const Rt = 7;
-function be({
-  daysToShow: t = Rt,
+const _t = 7;
+function ve({
+  daysToShow: t = _t,
   events: r,
-  users: s = [],
-  selectedDate: o,
+  users: o = [],
+  selectedDate: s,
   onDateChange: a,
   onEventClick: i,
-  visibleHours: g,
-  className: f,
+  visibleHours: x,
+  className: g,
   getEventUserId: c,
   renderPopover: d,
   slots: w,
   classNames: C
 }) {
-  const M = Oe(null), z = o ?? /* @__PURE__ */ new Date(), E = !0, p = g?.from ?? Wt, N = g?.to ?? At, b = N - p, D = $(() => {
-    const l = new Date(z);
+  const z = ke(null), I = s ?? /* @__PURE__ */ new Date(), H = !0, N = x?.from ?? It, p = x?.to ?? jt, D = p - N, k = O(() => {
+    const l = new Date(I);
     if (t === 1 || t === 3)
       return l.setHours(0, 0, 0, 0), l;
-    const m = l.getDay(), v = m === 0 ? -6 : 1 - m;
+    const h = l.getDay(), v = h === 0 ? -6 : 1 - h;
     return l.setDate(l.getDate() + v), l.setHours(0, 0, 0, 0), l;
-  }, [z, t]), S = $(
-    () => $t(D, t),
-    [D, t]
-  ), I = $(
-    () => Ft(S, p, N),
-    [E, S, p, N]
-  ), _ = c ?? ((l) => {
-    const m = l.data;
-    if (m?.userId) return String(m.userId);
-    if (m?.user && typeof m.user == "object" && m.user.id)
-      return String(m.user.id);
+  }, [I, t]), S = O(
+    () => At(k, t),
+    [k, t]
+  ), T = O(
+    () => Ft(S, N, p),
+    [H, S, N, p]
+  ), V = c ?? ((l) => {
+    const h = l.data;
+    if (h?.userId) return String(h.userId);
+    if (h?.user && typeof h.user == "object" && h.user.id)
+      return String(h.user.id);
     if (l.user?.id) return l.user.id;
     if (l.participants?.[0]?.id) return l.participants[0].id;
-  }), W = $(() => {
+  }), B = O(() => {
     const l = /* @__PURE__ */ new Map();
-    for (const m of s)
-      l.set(m.id, {
-        id: m.id,
-        name: m.name,
-        avatar: m.avatar ?? void 0,
-        email: m.email
+    for (const h of o)
+      l.set(h.id, {
+        id: h.id,
+        name: h.name,
+        avatar: h.avatar ?? void 0,
+        email: h.email
       });
-    for (const m of r) {
-      const y = m.data?.user;
-      y?.id && !l.has(y.id) && l.set(y.id, {
-        id: y.id,
-        name: y.name ?? "",
-        avatar: y.avatar ?? void 0,
-        email: y.email
-      }), m.user?.id && !l.has(m.user.id) && l.set(m.user.id, {
-        id: m.user.id,
-        name: m.user.name,
-        avatar: m.user.avatar ?? void 0,
-        email: m.user.email
+    for (const h of r) {
+      const b = h.data?.user;
+      b?.id && !l.has(b.id) && l.set(b.id, {
+        id: b.id,
+        name: b.name ?? "",
+        avatar: b.avatar ?? void 0,
+        email: b.email
+      }), h.user?.id && !l.has(h.user.id) && l.set(h.user.id, {
+        id: h.user.id,
+        name: h.user.name,
+        avatar: h.user.avatar ?? void 0,
+        email: h.user.email
       });
-      for (const k of m.participants || [])
-        k.id && !l.has(k.id) && l.set(k.id, {
-          id: k.id,
-          name: k.name,
-          avatar: k.avatar ?? void 0,
-          email: k.email
+      for (const y of h.participants || [])
+        y.id && !l.has(y.id) && l.set(y.id, {
+          id: y.id,
+          name: y.name,
+          avatar: y.avatar ?? void 0,
+          email: y.email
         });
     }
     return Array.from(l.values());
-  }, [s, r]), A = $(() => {
-    const l = [], m = /* @__PURE__ */ new Map();
-    for (const k of W)
-      m.set(k.id, []);
-    m.set("unassigned", []);
-    for (const k of r) {
-      const B = _(k) ?? "unassigned";
-      (m.get(B) ?? m.get("unassigned")).push(k);
+  }, [o, r]), j = O(() => {
+    const l = [], h = /* @__PURE__ */ new Map();
+    for (const y of B)
+      h.set(y.id, []);
+    h.set("unassigned", []);
+    for (const y of r) {
+      const L = V(y) ?? "unassigned";
+      (h.get(L) ?? h.get("unassigned")).push(y);
     }
-    const v = (k) => {
-      const B = [];
-      for (const T of k) {
-        const P = T.startDate.getHours() + T.startDate.getMinutes() / 60, Q = T.endDate.getHours() + T.endDate.getMinutes() / 60;
-        for (let J = 0; J < S.length; J++) {
-          const u = S[J], H = xe(u), R = Ye(u);
-          if (T.startDate <= R && T.endDate >= H) {
-            let F = p, K = N;
-            if (T.startDate >= H && (F = Math.max(p, P)), T.endDate <= R && (K = Math.min(N, Q)), F = Math.max(
-              p,
-              Math.min(N, F)
-            ), K = Math.max(
-              p,
-              Math.min(N, K)
-            ), K > F) {
-              const j = J * b + Math.floor(F - p), X = J * b + Math.ceil(K - p);
-              B.push({
-                event: T,
-                startCol: j,
-                spanCols: Math.max(1, X - j)
+    const v = (y) => {
+      const L = [];
+      for (const M of y) {
+        const _ = M.startDate.getHours() + M.startDate.getMinutes() / 60, J = M.endDate.getHours() + M.endDate.getMinutes() / 60;
+        for (let K = 0; K < S.length; K++) {
+          const u = S[K], E = ge(u), A = Ve(u);
+          if (M.startDate <= A && M.endDate >= E) {
+            let F = N, Y = p;
+            if (M.startDate >= E && (F = Math.max(N, _)), M.endDate <= A && (Y = Math.min(p, J)), F = Math.max(
+              N,
+              Math.min(p, F)
+            ), Y = Math.max(
+              N,
+              Math.min(p, Y)
+            ), Y > F) {
+              const R = K * D + Math.floor(F - N), X = K * D + Math.ceil(Y - N);
+              L.push({
+                event: M,
+                startCol: R,
+                spanCols: Math.max(1, X - R)
               });
             }
           }
         }
       }
-      return B;
+      return L;
     };
-    for (const k of W) {
-      const B = m.get(k.id) ?? [], T = v(B), P = Ie(T), Q = P.reduce(
-        (J, u) => Math.max(J, u.stackIndex + 1),
+    for (const y of B) {
+      const L = h.get(y.id) ?? [], M = v(L), _ = Ie(M), J = _.reduce(
+        (K, u) => Math.max(K, u.stackIndex + 1),
         0
       );
       l.push({
-        user: k,
-        events: P,
-        maxStack: Math.max(Q, 1)
+        user: y,
+        events: _,
+        maxStack: Math.max(J, 1)
       });
     }
-    const y = m.get("unassigned") ?? [];
-    if (y.length > 0) {
-      const k = v(y), B = Ie(k), T = B.reduce(
-        (P, Q) => Math.max(P, Q.stackIndex + 1),
+    const b = h.get("unassigned") ?? [];
+    if (b.length > 0) {
+      const y = v(b), L = Ie(y), M = L.reduce(
+        (_, J) => Math.max(_, J.stackIndex + 1),
         0
       );
       l.push({
@@ -1120,53 +1120,87 @@ function be({
           avatar: void 0,
           email: void 0
         },
-        events: B,
-        maxStack: Math.max(T, 1)
+        events: L,
+        maxStack: Math.max(M, 1)
       });
     }
-    return l.filter((k) => k.events.length > 0);
+    return l.filter((y) => y.events.length > 0);
   }, [
-    W,
+    B,
     r,
     S,
-    E,
-    b,
-    p,
+    H,
+    D,
     N,
-    _
-  ]), V = $(() => {
+    p,
+    V
+  ]), P = O(() => {
     const l = /* @__PURE__ */ new Map();
-    for (const m of A)
-      for (const v of m.events)
+    for (const h of j)
+      for (const v of h.events)
         if (v.spanCols === 1) {
-          const y = l.get(v.startCol) ?? 0;
-          l.set(v.startCol, y + 1);
+          const b = l.get(v.startCol) ?? 0;
+          l.set(v.startCol, b + 1);
         }
     return l;
-  }, [A]), L = $(() => {
-    const l = I.length, m = we, v = [];
-    for (let y = 0; y < l; y++) {
-      const k = V.get(y) ?? 0;
-      k > je ? v.push(
-        Te + (k - je) * 20
-      ) : k > 0 ? v.push(Math.max(m, Te)) : v.push(m);
+  }, [j]), $ = O(() => {
+    const l = T.length, h = pe, v = [];
+    for (let b = 0; b < l; b++) {
+      const y = P.get(b) ?? 0;
+      y > Te ? v.push(
+        He + (y - Te) * 20
+      ) : y > 0 ? v.push(Math.max(h, He)) : v.push(h);
     }
     return v;
   }, [
-    E,
-    I.length,
+    H,
+    T.length,
     S.length,
-    V
-  ]), U = (l) => Math.max(
-    It,
-    l * (ve + Le) + He * 2
-  ), G = ue + L.reduce((l, m) => l + m, 0), x = $(() => {
+    P
+  ]), W = (l) => Math.max(
+    Tt,
+    l * (xe + ze) + Le * 2
+  ), U = ce + $.reduce((l, h) => l + h, 0), f = O(() => {
     const l = [0];
-    for (let m = 0; m < L.length; m++)
-      l.push(l[m] + L[m]);
+    for (let h = 0; h < $.length; h++)
+      l.push(l[h] + $[h]);
     return l;
-  }, [L]);
-  return /* @__PURE__ */ e("div", { className: h("flex h-full flex-col", f), children: /* @__PURE__ */ e("div", { className: "ic-timeline-scroll-container flex-1", ref: M, children: /* @__PURE__ */ n("div", { className: "relative", style: { minWidth: G }, children: [
+  }, [$]);
+  return Qe(() => {
+    const l = z.current;
+    if (!l) return;
+    const h = () => {
+      let v = -1;
+      const y = (/* @__PURE__ */ new Date()).getHours();
+      {
+        for (let L = 0; L < T.length; L++) {
+          const M = T[L];
+          if (M && q(M.date) && M.hour <= y && M.hour + 1 > y) {
+            v = L;
+            break;
+          }
+        }
+        if (v === -1)
+          for (let L = 0; L < T.length; L++) {
+            const M = T[L];
+            if (M && q(M.date)) {
+              v = L;
+              break;
+            }
+          }
+      }
+      if (v !== -1) {
+        const L = (f[v] ?? 0) + ce, M = l.clientWidth, _ = Math.max(0, L - M / 3);
+        l.scrollTo({
+          left: _,
+          behavior: "instant"
+        });
+      }
+    };
+    requestAnimationFrame(() => {
+      requestAnimationFrame(h);
+    });
+  }, [I, T, S, f, H]), /* @__PURE__ */ e("div", { className: m("flex h-full flex-col", g), children: /* @__PURE__ */ e("div", { className: "ic-timeline-scroll-container flex-1", ref: z, children: /* @__PURE__ */ n("div", { className: "relative", style: { minWidth: U }, children: [
     // Hour mode: Day headers + Hour sub-headers - sticky wrapper with flex child (sticky + flex breaks sticky)
     /* @__PURE__ */ e("div", { className: "ic-timeline-header sticky top-0 z-20 border-b bg-background", children: /* @__PURE__ */ n("div", { className: "flex flex-col", children: [
       t > 1 && /* @__PURE__ */ n("div", { className: "flex border-b", children: [
@@ -1174,80 +1208,76 @@ function be({
           "div",
           {
             className: "flex shrink-0 items-center border-r bg-background px-2 py-1",
-            style: { width: ue },
+            style: { width: ce },
             children: /* @__PURE__ */ e("span", { className: "text-[10px] font-medium uppercase text-muted-foreground", children: "Resources" })
           }
         ),
-        S.map((l, m) => {
-          const v = le(l), y = m * b, k = L.slice(y, y + b).reduce((B, T) => B + T, 0);
+        S.map((l, h) => {
+          const v = q(l), b = h * D, y = $.slice(b, b + D).reduce((L, M) => L + M, 0);
           return /* @__PURE__ */ e(
             "div",
             {
-              className: h(
+              className: m(
                 "flex shrink-0 items-center justify-center border-r py-1.5 font-medium",
                 v ? "bg-primary/10 text-primary" : "bg-muted/30"
               ),
-              style: { width: k },
-              children: /* @__PURE__ */ e("span", { className: "text-xs", children: Pt(l) })
+              style: { width: y },
+              children: /* @__PURE__ */ e("span", { className: "text-xs", children: $t(l) })
             },
             `day-${l.toISOString()}`
           );
         })
       ] }),
       /* @__PURE__ */ n("div", { className: "flex", children: [
-        t === 1 && /* @__PURE__ */ e(
-          "div",
-          {
-            className: "flex shrink-0 items-center border-r bg-background px-2 py-2",
-            style: { width: ue },
-            children: /* @__PURE__ */ e("span", { className: "text-[10px] font-medium uppercase text-muted-foreground", children: "Resources" })
-          }
-        ),
-        t > 1 && /* @__PURE__ */ e(
+        /* @__PURE__ */ e(
           "div",
           {
-            className: "sticky left-0 z-10 border-r bg-background",
-            style: { width: ue }
+            className: m(
+              "flex shrink-0 items-center border-r bg-background px-2 py-2",
+              t > 1 && "sticky left-0 z-10"
+            ),
+            style: { width: ce },
+            children: t === 1 && /* @__PURE__ */ e("span", { className: "text-[10px] font-medium uppercase text-muted-foreground", children: "Resources" })
           }
         ),
-        I.map((l, m) => {
-          const v = l.hour === p, y = le(l.date), k = L[m] ?? we;
+        T.map((l, h) => {
+          const v = l.hour === N, b = q(l.date), y = $[h] ?? pe;
           return /* @__PURE__ */ e(
             "div",
             {
-              className: h(
+              className: m(
                 "flex shrink-0 items-center justify-center py-1.5 text-[10px] text-muted-foreground",
-                v && m > 0 ? "border-l-2 border-l-border" : "border-r border-r-border/50",
-                y && "bg-primary/5"
+                v && h > 0 ? "border-l-2 border-l-border" : "border-r border-r-border/50",
+                b && "bg-primary/5"
               ),
-              style: { width: k },
-              children: _t(l.hour)
+              style: { width: y },
+              children: Bt(l.hour)
             },
             `hour-${l.dayIndex}-${l.hour}`
           );
         })
       ] })
     ] }) }),
-    A.map((l) => {
-      const m = U(l.maxStack);
+    j.map((l) => {
+      const h = W(l.maxStack);
       return /* @__PURE__ */ n(
         "div",
         {
-          className: h(
+          className: m(
             "relative flex border-b",
             C?.resourceRow
           ),
-          style: { height: m },
+          style: { height: h },
           children: [
             /* @__PURE__ */ e(
               "div",
               {
                 className: "sticky left-0 z-10",
-                style: { width: ue },
+                style: { width: ce },
                 children: /* @__PURE__ */ n(
                   "div",
                   {
-                    className: h(
+                    className: m(
                       "flex h-full items-center gap-2 sm:gap-3 border-r bg-background px-2 sm:px-4",
                       C?.resourceHeader
                     ),
@@ -1258,7 +1288,7 @@ function be({
                           className: "size-7",
                           src: l.user.avatar,
                           alt: l.user.name,
-                          fallback: Bt(l.user.name)
+                          fallback: Wt(l.user.name)
                         }
                       ),
                       /* @__PURE__ */ e("span", { className: "truncate text-xs sm:text-sm font-medium", children: l.user.name })
@@ -1269,42 +1299,42 @@ function be({
             ),
             /* @__PURE__ */ n("div", { className: "relative flex", children: [
               // Hour mode cells
-              I.map((v, y) => {
-                const k = v.hour === p && y > 0, B = L[y] ?? we;
+              T.map((v, b) => {
+                const y = v.hour === N && b > 0, L = $[b] ?? pe;
                 return /* @__PURE__ */ e(
                   "div",
                   {
-                    className: h(
+                    className: m(
                       "shrink-0",
-                      k ? "border-l-2 border-l-border" : "border-r border-r-border/50",
-                      le(v.date) && "bg-primary/5"
+                      y ? "border-l-2 border-l-border" : "border-r border-r-border/50",
+                      q(v.date) && "bg-primary/5"
                     ),
-                    style: { width: B }
+                    style: { width: L }
                   },
                   `cell-${v.dayIndex}-${v.hour}`
                 );
               }),
               l.events.map((v) => {
-                const y = (x[v.startCol] ?? 0) + 2, k = x[v.startCol + v.spanCols] ?? x[x.length - 1] ?? 0, B = x[v.startCol] ?? 0, T = k - B - 4, P = He + v.stackIndex * (ve + Le);
+                const b = (f[v.startCol] ?? 0) + 2, y = f[v.startCol + v.spanCols] ?? f[f.length - 1] ?? 0, L = f[v.startCol] ?? 0, M = y - L - 4, _ = Le + v.stackIndex * (xe + ze);
                 return /* @__PURE__ */ e(
                   "div",
                   {
                     className: "absolute",
                     style: {
-                      left: y,
-                      width: Math.max(T, 0),
+                      left: b,
+                      width: Math.max(M, 0),
                       // No forced minimum - columns are guaranteed wide enough
-                      top: P,
-                      height: ve
+                      top: _,
+                      height: xe
                     },
                     children: /* @__PURE__ */ e(
-                      ot,
+                      nt,
                       {
                         event: v.event,
                         variant: "compact",
                         onClick: i,
                         renderPopover: d,
-                        className: h(
+                        className: m(
                           "h-full w-full",
                           C?.eventCardCompact
                         )
@@ -1320,10 +1350,10 @@ function be({
         l.user.id
       );
     }),
-    A.length === 0 && /* @__PURE__ */ e("div", { className: "flex items-center justify-center py-20 text-muted-foreground", children: "No users or events to display" })
+    j.length === 0 && /* @__PURE__ */ e("div", { className: "flex items-center justify-center py-20 text-muted-foreground", children: "No users or events to display" })
   ] }) }) });
 }
-const Vt = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], Ut = [
+const Pt = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], Rt = [
   "January",
   "February",
   "March",
@@ -1337,127 +1367,127 @@ const Vt = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], Ut = [
   "November",
   "December"
 ];
-function We(t) {
+function je(t) {
   const r = t.hexColor;
   return r ? { backgroundColor: r } : {};
 }
-function Yt({ day: t, date: r, events: s, isCurrentMonth: o, onDayClick: a }) {
-  const i = le(r), g = 3, f = s.length;
+function Vt({ day: t, date: r, events: o, isCurrentMonth: s, onDayClick: a }) {
+  const i = q(r), x = 3, g = o.length;
   return /* @__PURE__ */ n(
     "button",
     {
       type: "button",
       onClick: () => a?.(r),
-      className: h(
+      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",
-        !o && "opacity-40"
+        !s && "opacity-40"
       ),
       children: [
         /* @__PURE__ */ e(
           "div",
           {
-            className: h(
+            className: m(
               "flex size-5 sm:size-6 items-center justify-center rounded-full text-[10px] sm:text-xs font-medium",
               i && "bg-primary font-semibold text-primary-foreground"
             ),
             children: t
           }
         ),
-        f > 0 && /* @__PURE__ */ e("div", { className: "mt-0.5 flex items-center gap-0.5", children: f <= g ? s.map((c) => /* @__PURE__ */ e(
+        g > 0 && /* @__PURE__ */ e("div", { className: "mt-0.5 flex items-center gap-0.5", children: g <= x ? o.map((c) => /* @__PURE__ */ e(
           "div",
           {
             className: "size-1 sm:size-1.5 rounded-full bg-primary",
-            style: We(c)
+            style: je(c)
           },
           c.id
-        )) : /* @__PURE__ */ n(ae, { children: [
-          s.slice(0, g).map((c) => /* @__PURE__ */ e(
+        )) : /* @__PURE__ */ n(oe, { children: [
+          o.slice(0, x).map((c) => /* @__PURE__ */ e(
             "div",
             {
               className: "size-1 sm:size-1.5 rounded-full bg-primary",
-              style: We(c)
+              style: je(c)
             },
             c.id
           )),
           /* @__PURE__ */ n("span", { className: "text-[6px] sm:text-[7px] font-medium text-muted-foreground", children: [
             "+",
-            f - g
+            g - x
           ] })
         ] }) })
       ]
     }
   );
 }
-function Gt({
+function Ut({
   date: t,
   events: r,
-  onMonthClick: s,
-  onDayClick: o
+  onMonthClick: o,
+  onDayClick: s
 }) {
-  const a = $(() => ft(t, 0), [t]);
+  const a = O(() => ht(t, 0), [t]);
   return /* @__PURE__ */ n("div", { className: "flex flex-col", children: [
     /* @__PURE__ */ e(
       "button",
       {
         type: "button",
-        onClick: () => s?.(t),
-        className: h(
+        onClick: () => o?.(t),
+        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: Ut[t.getMonth()]
+        children: Rt[t.getMonth()]
       }
     ),
     /* @__PURE__ */ n("div", { className: "flex-1 space-y-1.5 sm:space-y-2 rounded-b-lg border border-t-0 p-2 sm:p-3", children: [
-      /* @__PURE__ */ e("div", { className: "grid grid-cols-7 gap-x-0.5 text-center", children: Vt.map((i, g) => /* @__PURE__ */ n("div", { className: "text-[9px] sm:text-xs font-medium text-muted-foreground", children: [
+      /* @__PURE__ */ e("div", { className: "grid grid-cols-7 gap-x-0.5 text-center", children: Pt.map((i, x) => /* @__PURE__ */ n("div", { className: "text-[9px] sm:text-xs font-medium text-muted-foreground", children: [
         /* @__PURE__ */ e("span", { className: "sm:hidden", children: i[0] }),
         /* @__PURE__ */ e("span", { className: "hidden sm:inline", children: i })
-      ] }, g)) }),
-      /* @__PURE__ */ e("div", { className: "grid grid-cols-7 gap-x-0.5 gap-y-1", children: a.map((i, g) => {
-        const f = gt(r, i.date);
+      ] }, x)) }),
+      /* @__PURE__ */ e("div", { className: "grid grid-cols-7 gap-x-0.5 gap-y-1", children: a.map((i, x) => {
+        const g = mt(r, i.date);
         return /* @__PURE__ */ e(
-          Yt,
+          Vt,
           {
             day: i.date.getDate(),
             date: i.date,
-            events: f,
+            events: g,
             isCurrentMonth: i.isCurrentMonth,
-            onDayClick: o
+            onDayClick: s
           },
-          `${g + 1}-${i.date.toISOString()}`
+          `${x + 1}-${i.date.toISOString()}`
         );
       }) })
     ] })
   ] });
 }
-function Kt({
+function Yt({
   events: t,
   year: r,
-  onMonthClick: s,
-  onDayClick: o,
+  onMonthClick: o,
+  onDayClick: s,
   className: a,
   slots: i,
-  classNames: g
+  classNames: x
 }) {
-  const f = $(() => mt(r), [r]);
-  return /* @__PURE__ */ n("div", { className: h("flex flex-col h-full", a), children: [
+  const g = O(() => ut(r), [r]);
+  return /* @__PURE__ */ n("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: r }) }),
-    /* @__PURE__ */ e("div", { className: "flex-1 overflow-auto p-4", children: /* @__PURE__ */ e("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4", children: f.map((c) => /* @__PURE__ */ e(
-      Gt,
+    /* @__PURE__ */ e("div", { className: "flex-1 overflow-auto p-4", children: /* @__PURE__ */ e("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4", children: g.map((c) => /* @__PURE__ */ e(
+      Ut,
       {
         date: c,
         events: t,
-        onMonthClick: s,
-        onDayClick: o
+        onMonthClick: o,
+        onDayClick: s
       },
       c.getMonth()
     )) }) })
   ] });
 }
-function Jt(t) {
+function Gt(t) {
   switch (t) {
     case "day":
     case "week":
@@ -1466,147 +1496,194 @@ function Jt(t) {
       return "day";
   }
 }
-function Xt({
+function Kt({
   onEventClick: t,
   onSlotClick: r,
-  onSlotSelect: s,
-  onAddEvent: o,
+  onSlotSelect: o,
+  onAddEvent: s,
   className: a,
   showHeader: i = !0,
-  minSelectionMinutes: g = 30,
-  showMoreEventsInPopover: f = !1,
+  minSelectionMinutes: x = 30,
+  showMoreEventsInPopover: g = !1,
   isLoading: c = !1,
   slots: d,
   classNames: w,
   settingsContent: C,
-  filterContent: M,
-  headerActions: z,
-  renderPopover: E
+  filterContent: z,
+  headerActions: I,
+  renderPopover: H,
+  calendarRef: N
 }) {
   const {
     view: p,
-    setView: N,
-    selectedDate: b,
-    setSelectedDate: D,
-    slotDuration: S,
-    filteredEvents: I,
-    users: Y,
-    visibleHours: _,
-    workingHours: W,
-    badgeVariant: A,
-    showWorkingHoursOnly: V
-  } = tt(), L = $(() => {
-    if (!V || !W)
+    setView: D,
+    selectedDate: k,
+    setSelectedDate: S,
+    slotDuration: T,
+    filteredEvents: G,
+    users: V,
+    visibleHours: B,
+    workingHours: j,
+    badgeVariant: P,
+    showWorkingHoursOnly: $
+  } = Xe(), W = O(() => {
+    if (!$ || !j)
       return {
-        startHour: _.start,
-        endHour: _.end
+        startHour: B.start,
+        endHour: B.end
       };
-    let u = 24, H = 0;
-    for (const R of Object.keys(W)) {
-      const F = W[Number(R)];
-      !F || F.enabled === !1 || (F.from < u && (u = F.from), F.to > H && (H = F.to));
+    let u = 24, E = 0;
+    for (const A of Object.keys(j)) {
+      const F = j[Number(A)];
+      !F || F.enabled === !1 || (F.from < u && (u = F.from), F.to > E && (E = F.to));
     }
-    return u >= H ? {
-      startHour: _.start,
-      endHour: _.end
-    } : { startHour: u, endHour: H };
-  }, [V, W, _]), U = L, G = $(() => Jt(p), [p]), x = ie(
+    return u >= E ? {
+      startHour: B.start,
+      endHour: B.end
+    } : { startHour: u, endHour: E };
+  }, [$, j, B]), U = W, f = ke(null);
+  Ze(
+    N,
+    () => ({
+      scrollToToday: () => {
+        const u = /* @__PURE__ */ new Date();
+        S(u, p), requestAnimationFrame(() => {
+          requestAnimationFrame(() => {
+            const E = f.current?.querySelector(
+              ".ic-timeline-scroll-container, [class*='overflow-auto']"
+            );
+            if (!E) return;
+            const Y = (u.getHours() - W.startHour) * 96;
+            Y > 0 && E.scrollTo({
+              top: Math.max(0, Y - 100),
+              // Offset to show some context
+              behavior: "smooth"
+            });
+          });
+        });
+      },
+      scrollToWorkingHours: () => {
+        let u = 8;
+        if (j)
+          for (const E of Object.keys(j)) {
+            const A = j[Number(E)];
+            A?.enabled && A.from < u && (u = Math.max(A.from - 1, 0));
+          }
+        requestAnimationFrame(() => {
+          requestAnimationFrame(() => {
+            const E = f.current?.querySelector(
+              ".ic-timeline-scroll-container, [class*='overflow-auto']"
+            );
+            if (!E) return;
+            const F = (u - W.startHour) * 96;
+            E.scrollTo({
+              top: Math.max(0, F),
+              behavior: "smooth"
+            });
+          });
+        });
+      },
+      getViewRect: () => f.current?.getBoundingClientRect() ?? null
+    }),
+    [S, p, W, j]
+  );
+  const l = O(() => Gt(p), [p]), h = se(
     (u) => {
-      if (s) {
-        s(u);
+      if (o) {
+        o(u);
         return;
       }
       if (r) {
-        const H = u.startDate.getHours();
-        r(u.startDate, H);
+        const E = u.startDate.getHours();
+        r(u.startDate, E);
       }
     },
-    [s, r]
-  ), l = ie(
+    [o, r]
+  ), v = se(
     (u) => {
-      N("day"), D(u, "day");
+      D("day"), S(u, "day");
     },
-    [D, N]
-  ), m = ie(
+    [S, D]
+  ), b = se(
     (u) => {
-      N("month"), D(u, "month");
+      D("month"), S(u, "month");
     },
-    [D, N]
-  ), v = ie(
+    [S, D]
+  ), y = se(
     (u) => {
       t?.(u);
     },
     [t]
-  ), y = () => {
-    const u = I, H = v, R = E;
+  ), L = () => {
+    const u = G, E = y, A = H;
     switch (p) {
       case "day":
         return /* @__PURE__ */ e(
-          ct,
+          it,
           {
             events: u,
-            date: b,
+            date: k,
             visibleHours: U,
-            workingHours: W,
-            slotDuration: S,
-            badgeVariant: A,
-            onEventClick: H,
-            renderPopover: R,
+            workingHours: j,
+            slotDuration: T,
+            badgeVariant: P,
+            onEventClick: E,
+            renderPopover: A,
             ...d && { slots: d },
             ...w && { classNames: w }
           }
         );
       case "week":
         return /* @__PURE__ */ e(
-          lt,
+          at,
           {
             events: u,
-            date: b,
+            date: k,
             visibleHours: U,
-            workingHours: W,
-            slotDuration: S,
-            badgeVariant: A,
-            onEventClick: H,
-            renderPopover: R,
+            workingHours: j,
+            slotDuration: T,
+            badgeVariant: P,
+            onEventClick: E,
+            renderPopover: A,
             ...d && { slots: d },
             ...w && { classNames: w }
           }
         );
       case "month":
         return /* @__PURE__ */ e(
-          Me,
+          De,
           {
             events: u,
-            date: b,
-            badgeVariant: A,
-            onEventClick: H,
-            onDayClick: l,
-            renderPopover: R,
-            showMoreEventsInPopover: f,
+            date: k,
+            badgeVariant: P,
+            onEventClick: E,
+            onDayClick: v,
+            renderPopover: A,
+            showMoreEventsInPopover: g,
             ...d && { slots: d },
             ...w && { classNames: w }
           }
         );
       case "year":
         return /* @__PURE__ */ e(
-          Kt,
+          Yt,
           {
             events: u,
-            year: b.getFullYear(),
-            onMonthClick: m,
-            onDayClick: l,
+            year: k.getFullYear(),
+            onMonthClick: b,
+            onDayClick: v,
             ...d && { slots: d },
             ...w && { classNames: w }
           }
         );
       case "agenda":
         return /* @__PURE__ */ e(
-          it,
+          st,
           {
             events: u,
-            date: b,
-            onEventClick: H,
-            renderPopover: R,
+            date: k,
+            onEventClick: E,
+            renderPopover: A,
             ...d && { slots: d },
             ...w && { classNames: w }
           }
@@ -1614,146 +1691,125 @@ function Xt({
       // Timeline views
       case "timeline-day":
         return /* @__PURE__ */ e(
-          be,
+          ve,
           {
             daysToShow: 1,
             events: u,
-            users: Y,
-            selectedDate: b,
+            users: V,
+            selectedDate: k,
             visibleHours: {
-              from: L.startHour,
-              to: L.endHour
+              from: W.startHour,
+              to: W.endHour
             },
-            onEventClick: H,
-            renderPopover: R,
+            onEventClick: E,
+            renderPopover: A,
             ...d && { slots: d },
             ...w && { classNames: w }
           }
         );
       case "timeline-3day":
         return /* @__PURE__ */ e(
-          be,
+          ve,
           {
             daysToShow: 3,
             events: u,
-            users: Y,
-            selectedDate: b,
+            users: V,
+            selectedDate: k,
             visibleHours: {
-              from: L.startHour,
-              to: L.endHour
+              from: W.startHour,
+              to: W.endHour
             },
-            onEventClick: H,
-            renderPopover: R,
+            onEventClick: E,
+            renderPopover: A,
             ...d && { slots: d },
             ...w && { classNames: w }
           }
         );
       case "timeline-week":
         return /* @__PURE__ */ e(
-          be,
+          ve,
           {
             daysToShow: 7,
             events: u,
-            users: Y,
-            selectedDate: b,
+            users: V,
+            selectedDate: k,
             visibleHours: {
-              from: L.startHour,
-              to: L.endHour
+              from: W.startHour,
+              to: W.endHour
             },
-            onEventClick: H,
-            renderPopover: R,
+            onEventClick: E,
+            renderPopover: A,
             ...d && { slots: d },
             ...w && { classNames: w }
           }
         );
       default:
         return /* @__PURE__ */ e(
-          Me,
+          De,
           {
             events: u,
-            date: b,
-            badgeVariant: A,
-            onEventClick: H,
-            onDayClick: l,
+            date: k,
+            badgeVariant: P,
+            onEventClick: E,
+            onDayClick: v,
             ...d && { slots: d },
             ...w && { classNames: w }
           }
         );
     }
-  }, k = Oe(null), [B, T] = q(!1), [P, Q] = q(null);
-  ge(() => {
-    const u = k.current;
+  }, M = ke(null), [_, J] = ae(!1);
+  he(() => {
+    f.current = M.current;
+  }), he(() => {
+    const u = M.current;
     if (!u) return;
-    const H = () => {
-      for (const O of Array.from(u.children))
-        if (O instanceof HTMLElement && O.scrollHeight > O.clientHeight + 2) {
-          for (const oe of Array.from(O.children))
-            if (oe instanceof HTMLElement && oe.scrollHeight > oe.clientHeight + 2)
-              return oe;
-          return O;
-        }
-      return null;
-    }, R = () => {
-      const { scrollLeft: O, scrollWidth: oe, clientWidth: pe } = u;
-      T(O + pe < oe - 2);
-    }, F = () => {
-      const O = u.scrollHeight > u.clientHeight + 2 ? u : H();
-      if (O) {
-        const oe = u.getBoundingClientRect(), pe = O.getBoundingClientRect(), Xe = O.scrollTop + O.clientHeight / 2, Qe = pe.top - oe.top + Xe;
-        Q(Qe);
-      } else
-        Q(null);
-    }, K = () => {
-      R(), F();
+    const E = () => {
+      const { scrollLeft: Y, scrollWidth: R, clientWidth: X } = u;
+      J(Y + X < R - 4);
     };
-    K(), u.addEventListener("scroll", K, { passive: !0 });
-    const j = H();
-    j && j !== u && j.addEventListener("scroll", F, {
-      passive: !0
-    });
-    const X = new ResizeObserver(K);
-    X.observe(u);
-    for (const O of Array.from(u.children))
-      X.observe(O);
-    return () => {
-      u.removeEventListener("scroll", K), j && j !== u && j.removeEventListener("scroll", F), X.disconnect();
+    E(), u.addEventListener("scroll", E, { passive: !0 });
+    const A = new ResizeObserver(E);
+    A.observe(u);
+    const F = new MutationObserver(E);
+    return F.observe(u, { childList: !0, subtree: !0 }), () => {
+      u.removeEventListener("scroll", E), A.disconnect(), F.disconnect();
     };
   }, [p]);
-  const J = ie(() => {
-    k.current?.scrollBy({ left: 250, behavior: "smooth" });
+  const K = se(() => {
+    M.current?.scrollBy({ left: 300, behavior: "smooth" });
   }, []);
   return /* @__PURE__ */ e(
-    ht,
+    dt,
     {
-      mode: G,
-      onSelect: x,
-      minDurationMinutes: g,
-      slotDurationMinutes: S,
-      enabled: !!(s || r),
+      mode: l,
+      onSelect: h,
+      minDurationMinutes: x,
+      slotDurationMinutes: T,
+      enabled: !!(o || r),
       children: /* @__PURE__ */ n(
         "div",
         {
-          className: h(
+          className: m(
             "inno-calendar-root flex flex-col h-full p-4",
             w?.root,
             a
           ),
           children: [
             i && /* @__PURE__ */ e(
-              at,
+              ot,
               {
-                currentDate: b,
+                currentDate: k,
                 view: p,
-                events: I,
-                onViewChange: N,
-                onNavigateToday: () => D(/* @__PURE__ */ new Date(), p),
+                events: G,
+                onViewChange: D,
+                onNavigateToday: () => S(/* @__PURE__ */ new Date(), p),
                 onNavigatePrev: () => {
-                  const u = new Date(b);
-                  p === "day" || p === "timeline-day" ? u.setDate(u.getDate() - 1) : p === "timeline-3day" ? u.setDate(u.getDate() - 3) : p === "week" || p === "timeline-week" ? u.setDate(u.getDate() - 7) : p === "month" ? u.setMonth(u.getMonth() - 1) : p === "year" ? u.setFullYear(u.getFullYear() - 1) : u.setDate(u.getDate() - 7), D(u, p);
+                  const u = new Date(k);
+                  p === "day" || p === "timeline-day" ? u.setDate(u.getDate() - 1) : p === "timeline-3day" ? u.setDate(u.getDate() - 3) : p === "week" || p === "timeline-week" ? u.setDate(u.getDate() - 7) : p === "month" ? u.setMonth(u.getMonth() - 1) : p === "year" ? u.setFullYear(u.getFullYear() - 1) : u.setDate(u.getDate() - 7), S(u, p);
                 },
                 onNavigateNext: () => {
-                  const u = new Date(b);
-                  p === "day" || p === "timeline-day" ? u.setDate(u.getDate() + 1) : p === "timeline-3day" ? u.setDate(u.getDate() + 3) : p === "week" || p === "timeline-week" ? u.setDate(u.getDate() + 7) : p === "month" ? u.setMonth(u.getMonth() + 1) : p === "year" ? u.setFullYear(u.getFullYear() + 1) : u.setDate(u.getDate() + 7), D(u, p);
+                  const u = new Date(k);
+                  p === "day" || p === "timeline-day" ? u.setDate(u.getDate() + 1) : p === "timeline-3day" ? u.setDate(u.getDate() + 3) : p === "week" || p === "timeline-week" ? u.setDate(u.getDate() + 7) : p === "month" ? u.setMonth(u.getMonth() + 1) : p === "year" ? u.setFullYear(u.getFullYear() + 1) : u.setDate(u.getDate() + 7), S(u, p);
                 },
                 availableViews: [
                   "day",
@@ -1764,36 +1820,33 @@ function Xt({
                 ],
                 showTimelineViews: !0,
                 showSettings: !!C,
-                ...!z && o && { onAddEvent: o },
-                actions: z,
+                ...!I && s && { onAddEvent: s },
+                actions: I,
                 settingsContent: C,
-                filterContent: M
+                filterContent: z
               }
             ),
             /* @__PURE__ */ n("div", { className: "relative flex-1 min-h-0", children: [
               /* @__PURE__ */ e(
                 "div",
                 {
-                  ref: k,
-                  className: h(
+                  ref: M,
+                  className: m(
                     "h-full border rounded-lg bg-white overflow-x-auto",
                     w?.viewContainer
                   ),
-                  children: y()
+                  children: L()
                 }
               ),
               c && /* @__PURE__ */ e("div", { className: "inno-calendar-loading-overlay", children: /* @__PURE__ */ e("div", { className: "inno-calendar-spinner" }) }),
-              B && /* @__PURE__ */ e(
+              _ && /* @__PURE__ */ e(
                 "button",
                 {
                   type: "button",
-                  onClick: J,
+                  onClick: K,
                   className: "inno-scroll-right-btn",
                   "aria-label": "Scroll right",
-                  ...P !== null && {
-                    style: { top: P, transform: "translateY(-50%)" }
-                  },
-                  children: /* @__PURE__ */ e(
+                  children: /* @__PURE__ */ n(
                     "svg",
                     {
                       xmlns: "http://www.w3.org/2000/svg",
@@ -1805,7 +1858,11 @@ function Xt({
                       strokeWidth: "2",
                       strokeLinecap: "round",
                       strokeLinejoin: "round",
-                      children: /* @__PURE__ */ e("path", { d: "m9 18 6-6-6-6" })
+                      "aria-hidden": "true",
+                      children: [
+                        /* @__PURE__ */ e("title", { children: "Scroll right" }),
+                        /* @__PURE__ */ e("path", { d: "m9 18 6-6-6-6" })
+                      ]
                     }
                   )
                 }
@@ -1817,82 +1874,83 @@ function Xt({
     }
   );
 }
-function Gr({
+function qt({
   events: t,
   users: r = [],
-  scheduleTypes: s = [],
-  initialView: o = "week",
+  scheduleTypes: o = [],
+  initialView: s = "week",
   initialDate: a,
   initialSelectedUserId: i,
-  initialScheduleTypeIds: g,
-  initialParticipantIds: f,
+  initialScheduleTypeIds: x,
+  initialParticipantIds: g,
   initialWorkingHoursView: c,
   initialSearchQuery: d,
   preferencesConfig: w,
   onEventClick: C,
-  onSlotClick: M,
-  onSlotSelect: z,
-  onAddEvent: E,
-  onEventDrop: p,
-  onDateChange: N,
-  onViewChange: b,
-  className: D,
+  onSlotClick: z,
+  onSlotSelect: I,
+  onAddEvent: H,
+  onEventDrop: N,
+  onDateChange: p,
+  onViewChange: D,
+  className: k,
   showHeader: S = !0,
-  minSelectionMinutes: I = 30,
-  showMoreEventsInPopover: Y = !1,
-  isLoading: _ = !1,
-  renderPopover: W,
-  slots: A,
-  classNames: V,
-  settingsContent: L,
-  filterContent: U,
-  headerActions: G
-}) {
-  return /* @__PURE__ */ e(ut, { ...p && { onEventDrop: p }, children: /* @__PURE__ */ e(
-    et,
+  minSelectionMinutes: T = 30,
+  showMoreEventsInPopover: G = !1,
+  isLoading: V = !1,
+  renderPopover: B,
+  slots: j,
+  classNames: P,
+  settingsContent: $,
+  filterContent: W,
+  headerActions: U
+}, f) {
+  return /* @__PURE__ */ e(ct, { ...N && { onEventDrop: N }, children: /* @__PURE__ */ e(
+    Je,
     {
       initialEvents: t,
       initialUsers: r,
-      initialScheduleTypes: s,
-      initialView: o,
+      initialScheduleTypes: o,
+      initialView: s,
       ...a && { initialDate: a },
       ...i && { initialSelectedUserId: i },
-      ...g && { initialScheduleTypeIds: g },
-      ...f && { initialParticipantIds: f },
+      ...x && { initialScheduleTypeIds: x },
+      ...g && { initialParticipantIds: g },
       ...c && { initialWorkingHoursView: c },
       ...d && { initialSearchQuery: d },
       ...w && { preferencesConfig: w },
-      ...N && { onDateChange: N },
-      ...b && { onViewChange: b },
+      ...p && { onDateChange: p },
+      ...D && { onViewChange: D },
       children: /* @__PURE__ */ e(
-        Xt,
+        Kt,
         {
           ...C && { onEventClick: C },
-          ...M && { onSlotClick: M },
-          ...z && { onSlotSelect: z },
-          ...E && { onAddEvent: E },
-          ...W && { renderPopover: W },
-          className: D,
+          ...z && { onSlotClick: z },
+          ...I && { onSlotSelect: I },
+          ...H && { onAddEvent: H },
+          ...B && { renderPopover: B },
+          className: k,
           showHeader: S,
-          minSelectionMinutes: I,
-          showMoreEventsInPopover: Y,
-          isLoading: _,
-          ...A && { slots: A },
-          ...V && { classNames: V },
-          settingsContent: L,
-          filterContent: U,
-          headerActions: G
+          minSelectionMinutes: T,
+          showMoreEventsInPopover: G,
+          isLoading: V,
+          ...j && { slots: j },
+          ...P && { classNames: P },
+          settingsContent: $,
+          filterContent: W,
+          headerActions: U,
+          calendarRef: f
         }
       )
     }
   ) });
 }
-const se = Ce(
-  ({ className: t, children: r, ...s }, o) => /* @__PURE__ */ e(
+const Yr = fe(qt), ne = fe(
+  ({ className: t, children: r, ...o }, s) => /* @__PURE__ */ e(
     "select",
     {
-      ref: o,
-      className: h(
+      ref: s,
+      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",
@@ -1900,25 +1958,25 @@ const se = Ce(
         "[&>option]:bg-background",
         t
       ),
-      ...s,
+      ...o,
       children: r
     }
   )
 );
-se.displayName = "Select";
-const Z = Ce(({ className: t, ...r }, s) => /* @__PURE__ */ e(
+ne.displayName = "Select";
+const Q = fe(({ className: t, ...r }, o) => /* @__PURE__ */ e(
   "label",
   {
-    ref: s,
-    className: h(
+    ref: o,
+    className: m(
       "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
       t
     ),
     ...r
   }
 ));
-Z.displayName = "Label";
-function Qt({ className: t }) {
+Q.displayName = "Label";
+function Jt({ className: t }) {
   return /* @__PURE__ */ n(
     "svg",
     {
@@ -1940,7 +1998,7 @@ function Qt({ className: t }) {
     }
   );
 }
-function Zt({ className: t }) {
+function Xt({ className: t }) {
   return /* @__PURE__ */ n(
     "svg",
     {
@@ -1961,16 +2019,16 @@ function Zt({ className: t }) {
     }
   );
 }
-const qt = [
+const Qt = [
   { value: 15, label: "15 minutes" },
   { value: 30, label: "30 minutes" },
   { value: 60, label: "1 hour" }
 ];
-function Kr({
+function Gr({
   value: t,
   onChange: r,
-  isLocked: s = !1,
-  className: o,
+  isLocked: o = !1,
+  className: s,
   labels: a = {}
 }) {
   const i = {
@@ -1978,33 +2036,33 @@ function Kr({
     lockedMessage: "This setting is locked by the administrator",
     infoMessage: "Set the time slot duration for day and week calendar views.",
     ...a
-  }, g = (f) => {
-    s || r(Number(f.target.value));
+  }, x = (g) => {
+    o || r(Number(g.target.value));
   };
-  return /* @__PURE__ */ n("div", { className: h("flex flex-col gap-3", o), children: [
+  return /* @__PURE__ */ n("div", { className: m("flex flex-col gap-3", s), children: [
     /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ e(Z, { className: "text-sm font-semibold", children: i.title }),
-      s ? /* @__PURE__ */ e(ee, { delayDuration: 100, children: /* @__PURE__ */ n(te, { children: [
-        /* @__PURE__ */ e(re, { children: /* @__PURE__ */ e(Zt, { className: "size-3 text-muted-foreground" }) }),
-        /* @__PURE__ */ e(ne, { children: /* @__PURE__ */ e("p", { children: i.lockedMessage }) })
-      ] }) }) : /* @__PURE__ */ e(ee, { delayDuration: 100, children: /* @__PURE__ */ n(te, { children: [
-        /* @__PURE__ */ e(re, { children: /* @__PURE__ */ e(Qt, { className: "size-3 text-muted-foreground" }) }),
-        /* @__PURE__ */ e(ne, { className: "max-w-64 text-center", children: /* @__PURE__ */ e("p", { children: i.infoMessage }) })
+      /* @__PURE__ */ e(Q, { className: "text-sm font-semibold", children: i.title }),
+      o ? /* @__PURE__ */ e(Z, { delayDuration: 100, children: /* @__PURE__ */ n(ee, { children: [
+        /* @__PURE__ */ e(te, { children: /* @__PURE__ */ e(Xt, { className: "size-3 text-muted-foreground" }) }),
+        /* @__PURE__ */ e(re, { children: /* @__PURE__ */ e("p", { children: i.lockedMessage }) })
+      ] }) }) : /* @__PURE__ */ e(Z, { delayDuration: 100, children: /* @__PURE__ */ n(ee, { children: [
+        /* @__PURE__ */ e(te, { children: /* @__PURE__ */ e(Jt, { className: "size-3 text-muted-foreground" }) }),
+        /* @__PURE__ */ e(re, { className: "max-w-64 text-center", children: /* @__PURE__ */ e("p", { children: i.infoMessage }) })
       ] }) })
     ] }),
     /* @__PURE__ */ e(
-      se,
+      ne,
       {
         value: t.toString(),
-        onChange: g,
-        disabled: s,
+        onChange: x,
+        disabled: o,
         className: "h-9 w-[128px] text-sm",
-        children: qt.map((f) => /* @__PURE__ */ e("option", { value: f.value.toString(), children: f.label }, f.value))
+        children: Qt.map((g) => /* @__PURE__ */ e("option", { value: g.value.toString(), children: g.label }, g.value))
       }
     )
   ] });
 }
-function er({ className: t }) {
+function Zt({ className: t }) {
   return /* @__PURE__ */ n(
     "svg",
     {
@@ -2026,7 +2084,7 @@ function er({ className: t }) {
     }
   );
 }
-function tr({ className: t }) {
+function er({ className: t }) {
   return /* @__PURE__ */ n(
     "svg",
     {
@@ -2047,16 +2105,16 @@ function tr({ className: t }) {
     }
   );
 }
-const rr = [
+const tr = [
   { value: "dot", label: "Dot indicator" },
   { value: "colored", label: "Full color" },
   { value: "mixed", label: "Mixed" }
 ];
-function Jr({
+function Kr({
   value: t,
   onChange: r,
-  isLocked: s = !1,
-  className: o,
+  isLocked: o = !1,
+  className: s,
   labels: a = {}
 }) {
   const i = {
@@ -2069,33 +2127,33 @@ function Jr({
       mixed: "Mixed"
     },
     ...a
-  }, g = (c) => i.options?.[c] ?? c, f = (c) => {
-    s || r(c.target.value);
+  }, x = (c) => i.options?.[c] ?? c, g = (c) => {
+    o || r(c.target.value);
   };
-  return /* @__PURE__ */ n("div", { className: h("flex flex-col gap-3", o), children: [
+  return /* @__PURE__ */ n("div", { className: m("flex flex-col gap-3", s), children: [
     /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ e(Z, { className: "text-sm font-semibold", children: i.title }),
-      s ? /* @__PURE__ */ e(ee, { delayDuration: 100, children: /* @__PURE__ */ n(te, { children: [
-        /* @__PURE__ */ e(re, { children: /* @__PURE__ */ e(tr, { className: "size-3 text-muted-foreground" }) }),
-        /* @__PURE__ */ e(ne, { children: /* @__PURE__ */ e("p", { children: i.lockedMessage }) })
-      ] }) }) : /* @__PURE__ */ e(ee, { delayDuration: 100, children: /* @__PURE__ */ n(te, { children: [
-        /* @__PURE__ */ e(re, { children: /* @__PURE__ */ e(er, { className: "size-3 text-muted-foreground" }) }),
-        /* @__PURE__ */ e(ne, { className: "max-w-64 text-center", children: /* @__PURE__ */ e("p", { children: i.infoMessage }) })
+      /* @__PURE__ */ e(Q, { className: "text-sm font-semibold", children: i.title }),
+      o ? /* @__PURE__ */ e(Z, { delayDuration: 100, children: /* @__PURE__ */ n(ee, { children: [
+        /* @__PURE__ */ e(te, { children: /* @__PURE__ */ e(er, { className: "size-3 text-muted-foreground" }) }),
+        /* @__PURE__ */ e(re, { children: /* @__PURE__ */ e("p", { children: i.lockedMessage }) })
+      ] }) }) : /* @__PURE__ */ e(Z, { delayDuration: 100, children: /* @__PURE__ */ n(ee, { children: [
+        /* @__PURE__ */ e(te, { children: /* @__PURE__ */ e(Zt, { className: "size-3 text-muted-foreground" }) }),
+        /* @__PURE__ */ e(re, { className: "max-w-64 text-center", children: /* @__PURE__ */ e("p", { children: i.infoMessage }) })
       ] }) })
     ] }),
     /* @__PURE__ */ e(
-      se,
+      ne,
       {
         value: t,
-        onChange: f,
-        disabled: s,
+        onChange: g,
+        disabled: o,
         className: "h-9 w-[128px] text-sm",
-        children: rr.map((c) => /* @__PURE__ */ e("option", { value: c.value, children: g(c.value) }, c.value))
+        children: tr.map((c) => /* @__PURE__ */ e("option", { value: c.value, children: x(c.value) }, c.value))
       }
     )
   ] });
 }
-function nr({ className: t }) {
+function rr({ className: t }) {
   return /* @__PURE__ */ n(
     "svg",
     {
@@ -2117,7 +2175,7 @@ function nr({ className: t }) {
     }
   );
 }
-function sr({ className: t }) {
+function nr({ className: t }) {
   return /* @__PURE__ */ n(
     "svg",
     {
@@ -2144,11 +2202,11 @@ function or() {
     label: `${String(r).padStart(2, "0")}:00`
   }));
 }
-function Xr({
+function qr({
   value: t,
   onChange: r,
-  isLocked: s = !1,
-  className: o,
+  isLocked: o = !1,
+  className: s,
   labels: a = {}
 }) {
   const i = {
@@ -2158,37 +2216,37 @@ function Xr({
     lockedMessage: "This setting is locked by the administrator",
     infoMessage: "Set the visible hour range for day and week views. Hours outside this range will be hidden.",
     ...a
-  }, g = or(), f = (d) => {
-    if (s) return;
+  }, x = or(), g = (d) => {
+    if (o) return;
     const w = Number(d.target.value);
     w < t.endHour && r({ ...t, startHour: w });
   }, c = (d) => {
-    if (s) return;
+    if (o) return;
     const w = Number(d.target.value);
     w > t.startHour && r({ ...t, endHour: w });
   };
-  return /* @__PURE__ */ n("div", { className: h("flex flex-col gap-3", o), children: [
+  return /* @__PURE__ */ n("div", { className: m("flex flex-col gap-3", s), children: [
     /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ e(Z, { className: "text-sm font-semibold", children: i.title }),
-      s ? /* @__PURE__ */ e(ee, { delayDuration: 100, children: /* @__PURE__ */ n(te, { children: [
-        /* @__PURE__ */ e(re, { children: /* @__PURE__ */ e(sr, { className: "size-3 text-muted-foreground" }) }),
-        /* @__PURE__ */ e(ne, { children: /* @__PURE__ */ e("p", { children: i.lockedMessage }) })
-      ] }) }) : /* @__PURE__ */ e(ee, { delayDuration: 100, children: /* @__PURE__ */ n(te, { children: [
-        /* @__PURE__ */ e(re, { children: /* @__PURE__ */ e(nr, { className: "size-3 text-muted-foreground" }) }),
-        /* @__PURE__ */ e(ne, { className: "max-w-64 text-center", children: /* @__PURE__ */ e("p", { children: i.infoMessage }) })
+      /* @__PURE__ */ e(Q, { className: "text-sm font-semibold", children: i.title }),
+      o ? /* @__PURE__ */ e(Z, { delayDuration: 100, children: /* @__PURE__ */ n(ee, { children: [
+        /* @__PURE__ */ e(te, { children: /* @__PURE__ */ e(nr, { className: "size-3 text-muted-foreground" }) }),
+        /* @__PURE__ */ e(re, { children: /* @__PURE__ */ e("p", { children: i.lockedMessage }) })
+      ] }) }) : /* @__PURE__ */ e(Z, { delayDuration: 100, children: /* @__PURE__ */ n(ee, { children: [
+        /* @__PURE__ */ e(te, { children: /* @__PURE__ */ e(rr, { className: "size-3 text-muted-foreground" }) }),
+        /* @__PURE__ */ e(re, { className: "max-w-64 text-center", children: /* @__PURE__ */ e("p", { children: i.infoMessage }) })
       ] }) })
     ] }),
     /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ n("div", { className: "flex flex-col gap-1", children: [
-        /* @__PURE__ */ e(Z, { className: "text-xs text-muted-foreground", children: i.from }),
+        /* @__PURE__ */ e(Q, { className: "text-xs text-muted-foreground", children: i.from }),
         /* @__PURE__ */ e(
-          se,
+          ne,
           {
             value: t.startHour.toString(),
-            onChange: f,
-            disabled: s,
+            onChange: g,
+            disabled: o,
             className: "h-9 w-[88px] text-sm",
-            children: g.map((d) => /* @__PURE__ */ e(
+            children: x.map((d) => /* @__PURE__ */ e(
               "option",
               {
                 value: d.value.toString(),
@@ -2202,15 +2260,15 @@ function Xr({
       ] }),
       /* @__PURE__ */ e("span", { className: "mt-5 text-muted-foreground", children: "—" }),
       /* @__PURE__ */ n("div", { className: "flex flex-col gap-1", children: [
-        /* @__PURE__ */ e(Z, { className: "text-xs text-muted-foreground", children: i.to }),
+        /* @__PURE__ */ e(Q, { className: "text-xs text-muted-foreground", children: i.to }),
         /* @__PURE__ */ e(
-          se,
+          ne,
           {
             value: t.endHour.toString(),
             onChange: c,
-            disabled: s,
+            disabled: o,
             className: "h-9 w-[88px] text-sm",
-            children: g.map((d) => /* @__PURE__ */ e(
+            children: x.map((d) => /* @__PURE__ */ e(
               "option",
               {
                 value: d.value.toString(),
@@ -2225,7 +2283,7 @@ function Xr({
     ] })
   ] });
 }
-function ar({ className: t }) {
+function sr({ className: t }) {
   return /* @__PURE__ */ n(
     "svg",
     {
@@ -2247,7 +2305,7 @@ function ar({ className: t }) {
     }
   );
 }
-function ir({ className: t }) {
+function ar({ className: t }) {
   return /* @__PURE__ */ n(
     "svg",
     {
@@ -2268,7 +2326,7 @@ function ir({ className: t }) {
     }
   );
 }
-function lr({ className: t }) {
+function ir({ className: t }) {
   return /* @__PURE__ */ e(
     "svg",
     {
@@ -2286,7 +2344,7 @@ function lr({ className: t }) {
     }
   );
 }
-const cr = [
+const lr = [
   "monday",
   "tuesday",
   "wednesday",
@@ -2295,13 +2353,13 @@ const cr = [
   "saturday",
   "sunday"
 ];
-function dr() {
+function cr() {
   return Array.from({ length: 25 }, (t, r) => ({
     value: r,
     label: `${String(r).padStart(2, "0")}:00`
   }));
 }
-const Ae = {
+const We = {
   sunday: "Sun",
   monday: "Mon",
   tuesday: "Tue",
@@ -2310,17 +2368,17 @@ const Ae = {
   friday: "Fri",
   saturday: "Sat"
 };
-function ur({ dayLabel: t, config: r, onChange: s, disabled: o, hourOptions: a }) {
+function dr({ dayLabel: t, config: r, onChange: o, disabled: s, hourOptions: a }) {
   const i = () => {
-    o || s({ ...r, enabled: !r.enabled });
-  }, g = (c) => {
-    if (o) return;
+    s || o({ ...r, enabled: !r.enabled });
+  }, x = (c) => {
+    if (s) return;
     const d = Number(c.target.value);
-    d < r.to && s({ ...r, from: d });
-  }, f = (c) => {
-    if (o) return;
+    d < r.to && o({ ...r, from: d });
+  }, g = (c) => {
+    if (s) return;
     const d = Number(c.target.value);
-    d > r.from && s({ ...r, to: d });
+    d > r.from && o({ ...r, to: d });
   };
   return /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: [
     /* @__PURE__ */ e(
@@ -2331,80 +2389,80 @@ function ur({ dayLabel: t, config: r, onChange: s, disabled: o, hourOptions: a }
         "aria-checked": r.enabled,
         "aria-label": `Enable ${t}`,
         onClick: i,
-        disabled: o,
-        className: h(
+        disabled: s,
+        className: m(
           "flex size-5 shrink-0 items-center justify-center rounded border transition-colors",
           r.enabled ? "border-primary bg-primary text-primary-foreground" : "border-input bg-background",
-          o && "cursor-not-allowed opacity-50"
+          s && "cursor-not-allowed opacity-50"
         ),
-        children: r.enabled && /* @__PURE__ */ e(lr, { className: "size-3" })
+        children: r.enabled && /* @__PURE__ */ e(ir, { className: "size-3" })
       }
     ),
-    /* @__PURE__ */ e("span", { className: h("w-10 text-sm", !r.enabled && "text-muted-foreground"), children: t }),
+    /* @__PURE__ */ e("span", { className: m("w-10 text-sm", !r.enabled && "text-muted-foreground"), children: t }),
     /* @__PURE__ */ e(
-      se,
+      ne,
       {
         value: r.from.toString(),
-        onChange: g,
-        disabled: o || !r.enabled,
+        onChange: x,
+        disabled: s || !r.enabled,
         className: "h-8 w-[76px] text-xs",
         children: a.map((c) => /* @__PURE__ */ e("option", { value: c.value.toString(), disabled: c.value >= r.to, children: c.label }, c.value))
       }
     ),
     /* @__PURE__ */ e("span", { className: "text-xs text-muted-foreground", children: "—" }),
     /* @__PURE__ */ e(
-      se,
+      ne,
       {
         value: r.to.toString(),
-        onChange: f,
-        disabled: o || !r.enabled,
+        onChange: g,
+        disabled: s || !r.enabled,
         className: "h-8 w-[76px] text-xs",
         children: a.map((c) => /* @__PURE__ */ e("option", { value: c.value.toString(), disabled: c.value <= r.from, children: c.label }, c.value))
       }
     )
   ] });
 }
-function Qr({
+function Jr({
   value: t,
   onChange: r,
-  isLocked: s = !1,
-  className: o,
+  isLocked: o = !1,
+  className: s,
   labels: 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: Ae,
+    days: We,
     ...a
-  }, g = dr(), f = (c, d) => {
-    s || r({ ...t, [c]: d });
+  }, x = cr(), g = (c, d) => {
+    o || r({ ...t, [c]: d });
   };
-  return /* @__PURE__ */ n("div", { className: h("flex flex-col gap-3", o), children: [
+  return /* @__PURE__ */ n("div", { className: m("flex flex-col gap-3", s), children: [
     /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ e(Z, { className: "text-sm font-semibold", children: i.title }),
-      s ? /* @__PURE__ */ e(ee, { delayDuration: 100, children: /* @__PURE__ */ n(te, { children: [
-        /* @__PURE__ */ e(re, { children: /* @__PURE__ */ e(ir, { className: "size-3 text-muted-foreground" }) }),
-        /* @__PURE__ */ e(ne, { children: /* @__PURE__ */ e("p", { children: i.lockedMessage }) })
-      ] }) }) : /* @__PURE__ */ e(ee, { delayDuration: 100, children: /* @__PURE__ */ n(te, { children: [
-        /* @__PURE__ */ e(re, { children: /* @__PURE__ */ e(ar, { className: "size-3 text-muted-foreground" }) }),
-        /* @__PURE__ */ e(ne, { className: "max-w-64 text-center", children: /* @__PURE__ */ e("p", { children: i.infoMessage }) })
+      /* @__PURE__ */ e(Q, { className: "text-sm font-semibold", children: i.title }),
+      o ? /* @__PURE__ */ e(Z, { delayDuration: 100, children: /* @__PURE__ */ n(ee, { children: [
+        /* @__PURE__ */ e(te, { children: /* @__PURE__ */ e(ar, { className: "size-3 text-muted-foreground" }) }),
+        /* @__PURE__ */ e(re, { children: /* @__PURE__ */ e("p", { children: i.lockedMessage }) })
+      ] }) }) : /* @__PURE__ */ e(Z, { delayDuration: 100, children: /* @__PURE__ */ n(ee, { children: [
+        /* @__PURE__ */ e(te, { children: /* @__PURE__ */ e(sr, { className: "size-3 text-muted-foreground" }) }),
+        /* @__PURE__ */ e(re, { className: "max-w-64 text-center", children: /* @__PURE__ */ e("p", { children: i.infoMessage }) })
       ] }) })
     ] }),
-    /* @__PURE__ */ e("div", { className: "flex flex-col gap-2", children: cr.map((c) => /* @__PURE__ */ e(
-      ur,
+    /* @__PURE__ */ e("div", { className: "flex flex-col gap-2", children: lr.map((c) => /* @__PURE__ */ e(
+      dr,
       {
-        dayLabel: i.days?.[c] ?? Ae[c],
+        dayLabel: i.days?.[c] ?? We[c],
         config: t[c],
-        onChange: (d) => f(c, d),
-        disabled: s,
-        hourOptions: g
+        onChange: (d) => g(c, d),
+        disabled: o,
+        hourOptions: x
       },
       c
     )) })
   ] });
 }
-const Zr = {
+const Xr = {
   sunday: { enabled: !1, from: 8, to: 18 },
   monday: { enabled: !0, from: 8, to: 18 },
   tuesday: { enabled: !0, from: 8, to: 18 },
@@ -2413,7 +2471,7 @@ const Zr = {
   friday: { enabled: !0, from: 8, to: 18 },
   saturday: { enabled: !1, from: 8, to: 18 }
 };
-function ye({ className: t }) {
+function we({ className: t }) {
   return /* @__PURE__ */ e(
     "svg",
     {
@@ -2429,7 +2487,7 @@ function ye({ className: t }) {
     }
   );
 }
-function hr({ className: t }) {
+function ur({ className: t }) {
   return /* @__PURE__ */ n(
     "svg",
     {
@@ -2448,7 +2506,7 @@ function hr({ className: t }) {
     }
   );
 }
-function mr({ className: t }) {
+function hr({ className: t }) {
   return /* @__PURE__ */ n(
     "svg",
     {
@@ -2467,7 +2525,7 @@ function mr({ className: t }) {
     }
   );
 }
-function ke({ checked: t, onCheckedChange: r, className: s, children: o }) {
+function be({ checked: t, onCheckedChange: r, className: o, children: s }) {
   return /* @__PURE__ */ e(
     "button",
     {
@@ -2475,53 +2533,53 @@ function ke({ checked: t, onCheckedChange: r, className: s, children: o }) {
       role: "checkbox",
       "aria-checked": t,
       onClick: () => r(!t),
-      className: s,
-      children: o
+      className: o,
+      children: s
     }
   );
 }
-function fr({ src: t, alt: r, fallback: s, className: o }) {
-  const [a, i] = q(!1);
+function mr({ src: t, alt: r, fallback: o, className: s }) {
+  const [a, i] = ae(!1);
   return !t || a ? /* @__PURE__ */ e(
     "div",
     {
-      className: h(
+      className: m(
         "flex items-center justify-center bg-zinc-200 text-zinc-600 font-medium text-sm",
-        o
+        s
       ),
-      children: s || "?"
+      children: o || "?"
     }
   ) : /* @__PURE__ */ e(
     "img",
     {
       src: t,
       alt: r || "",
-      className: h("object-cover", o),
+      className: m("object-cover", s),
       onError: () => i(!0)
     }
   );
 }
-function Be({ value: t, onChange: r, placeholder: s, className: o }) {
-  return /* @__PURE__ */ n("div", { className: h("relative", o), children: [
-    /* @__PURE__ */ e(hr, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }),
+function Ae({ value: t, onChange: r, placeholder: o, className: s }) {
+  return /* @__PURE__ */ n("div", { className: m("relative", s), children: [
+    /* @__PURE__ */ e(ur, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }),
     /* @__PURE__ */ e(
       "input",
       {
         type: "text",
         value: t,
         onChange: (a) => r(a.target.value),
-        placeholder: s,
+        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 $e(t, r, s, o = 0.3) {
+function Fe(t, r, o, s = 0.3) {
   if (!r.trim()) return t;
   const a = r.toLowerCase();
-  return t.filter((i) => s(i).some((f) => f ? f.toLowerCase().includes(a) : !1));
+  return t.filter((i) => o(i).some((g) => g ? g.toLowerCase().includes(a) : !1));
 }
-const gr = {
+const fr = {
   title: "Filters",
   subtitle: "Filter calendar events",
   scheduleTypes: "Event Types",
@@ -2534,73 +2592,73 @@ const gr = {
   noScheduleTypes: "No event types found",
   noParticipants: "No participants found"
 };
-function qr({
+function Qr({
   scheduleTypes: t,
   users: r,
-  selectedScheduleTypeIds: s,
-  onScheduleTypeChange: o,
+  selectedScheduleTypeIds: o,
+  onScheduleTypeChange: s,
   selectedUserIds: a,
   onUserChange: i,
-  onClearAll: g,
-  className: f,
+  onClearAll: x,
+  className: g,
   scheduleTypesLoading: c = !1,
   usersLoading: d = !1,
   labels: w,
   getScheduleTypeName: C
 }) {
-  const M = { ...gr, ...w }, [z, E] = q(""), [p, N] = q(""), b = $(() => z.trim() ? $e(t, z, (x) => [
-    x.name,
-    C?.(x) || x.name
-  ]) : t, [t, z, C]), D = $(() => p.trim() ? $e(r, p, (x) => [x.name, x.email || ""]) : r, [r, p]), S = b.length > 0 && b.every((x) => s.includes(x.id)), I = D.length > 0 && D.every((x) => a.includes(x.id)), Y = s.length + a.length, _ = (x, l) => {
-    const m = l ? [...s, x] : s.filter((v) => v !== x);
-    o(m);
-  }, W = () => {
+  const z = { ...fr, ...w }, [I, H] = ae(""), [N, p] = ae(""), D = O(() => I.trim() ? Fe(t, I, (f) => [
+    f.name,
+    C?.(f) || f.name
+  ]) : t, [t, I, C]), k = O(() => N.trim() ? Fe(r, N, (f) => [f.name, f.email || ""]) : r, [r, N]), S = D.length > 0 && D.every((f) => o.includes(f.id)), T = k.length > 0 && k.every((f) => a.includes(f.id)), G = o.length + a.length, V = (f, l) => {
+    const h = l ? [...o, f] : o.filter((v) => v !== f);
+    s(h);
+  }, B = () => {
     if (S) {
-      const x = new Set(b.map((l) => l.id));
-      o(s.filter((l) => !x.has(l)));
+      const f = new Set(D.map((l) => l.id));
+      s(o.filter((l) => !f.has(l)));
     } else {
-      const x = /* @__PURE__ */ new Set([
-        ...s,
-        ...b.map((l) => l.id)
+      const f = /* @__PURE__ */ new Set([
+        ...o,
+        ...D.map((l) => l.id)
       ]);
-      o(Array.from(x));
+      s(Array.from(f));
     }
-  }, A = (x, l) => {
-    const m = l ? [...a, x] : a.filter((v) => v !== x);
-    i(m);
-  }, V = () => {
-    if (I) {
-      const x = new Set(D.map((l) => l.id));
-      i(a.filter((l) => !x.has(l)));
+  }, j = (f, l) => {
+    const h = l ? [...a, f] : a.filter((v) => v !== f);
+    i(h);
+  }, P = () => {
+    if (T) {
+      const f = new Set(k.map((l) => l.id));
+      i(a.filter((l) => !f.has(l)));
     } else {
-      const x = /* @__PURE__ */ new Set([...a, ...D.map((l) => l.id)]);
-      i(Array.from(x));
+      const f = /* @__PURE__ */ new Set([...a, ...k.map((l) => l.id)]);
+      i(Array.from(f));
     }
-  }, L = () => {
-    o([]), i([]), g?.();
-  }, U = (x) => C ? C(x) : x.name, G = (x) => x.colorHex || x.color || "#069AD7";
+  }, $ = () => {
+    s([]), i([]), x?.();
+  }, W = (f) => C ? C(f) : f.name, U = (f) => f.colorHex || f.color || "#069AD7";
   return /* @__PURE__ */ n(
     "div",
     {
-      className: h(
+      className: m(
         "flex min-w-72 max-w-72 flex-col rounded-lg border bg-white shadow-sm",
-        f
+        g
       ),
       children: [
         /* @__PURE__ */ n("header", { className: "flex items-start justify-between gap-2 px-4 pb-2 pt-4", children: [
           /* @__PURE__ */ n("div", { className: "flex flex-col", children: [
-            /* @__PURE__ */ e("h3", { className: "text-base font-semibold text-foreground", children: M.title }),
-            /* @__PURE__ */ e("p", { className: "text-xs text-muted-foreground", children: M.subtitle })
+            /* @__PURE__ */ e("h3", { className: "text-base font-semibold text-foreground", children: z.title }),
+            /* @__PURE__ */ e("p", { className: "text-xs text-muted-foreground", children: z.subtitle })
           ] }),
-          Y > 0 && /* @__PURE__ */ n(
+          G > 0 && /* @__PURE__ */ n(
             "button",
             {
               type: "button",
-              onClick: L,
+              onClick: $,
               className: "flex h-auto items-center gap-1 rounded-md px-2 py-1 text-xs font-medium text-destructive transition-colors hover:bg-destructive/10",
               children: [
-                /* @__PURE__ */ e(mr, { className: "h-3.5 w-3.5" }),
-                M.clearAll
+                /* @__PURE__ */ e(hr, { className: "h-3.5 w-3.5" }),
+                z.clearAll
               ]
             }
           )
@@ -2608,29 +2666,29 @@ function qr({
         /* @__PURE__ */ e("div", { className: "h-px w-full bg-border/60" }),
         /* @__PURE__ */ n("section", { className: "flex flex-col", children: [
           /* @__PURE__ */ n("div", { className: "flex items-center justify-between px-4 py-3", children: [
-            /* @__PURE__ */ e("h4", { className: "text-sm font-medium text-foreground", children: M.scheduleTypes }),
+            /* @__PURE__ */ e("h4", { className: "text-sm font-medium text-foreground", children: z.scheduleTypes }),
             /* @__PURE__ */ e(
               "button",
               {
                 type: "button",
-                onClick: W,
+                onClick: B,
                 className: "text-xs font-medium text-primary transition-colors hover:text-primary/80",
-                children: S ? M.unselectAll : M.selectAll
+                children: S ? z.unselectAll : z.selectAll
               }
             )
           ] }),
           t.length > 6 && /* @__PURE__ */ e("div", { className: "px-4 pb-3", children: /* @__PURE__ */ e(
-            Be,
+            Ae,
             {
-              value: z,
-              onChange: E,
-              placeholder: M.searchScheduleTypes
+              value: I,
+              onChange: H,
+              placeholder: z.searchScheduleTypes
             }
           ) }),
           /* @__PURE__ */ n("div", { className: "flex max-h-[220px] flex-col gap-2 overflow-y-auto px-4 pb-2 scrollbar-thin", children: [
             c ? (
               // Loading skeletons
-              Array.from({ length: 4 }).map((x, l) => /* @__PURE__ */ n(
+              Array.from({ length: 4 }).map((f, l) => /* @__PURE__ */ n(
                 "div",
                 {
                   className: "flex animate-pulse items-center gap-2 rounded-md border border-border/60 bg-muted/40 p-2",
@@ -2641,14 +2699,14 @@ function qr({
                 },
                 `skeleton-${l}`
               ))
-            ) : b.map((x) => {
-              const l = s.includes(x.id), m = G(x);
+            ) : D.map((f) => {
+              const l = o.includes(f.id), h = U(f);
               return /* @__PURE__ */ n(
-                ke,
+                be,
                 {
                   checked: l,
-                  onCheckedChange: (v) => _(x.id, v),
-                  className: h(
+                  onCheckedChange: (v) => V(f.id, v),
+                  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",
                     l && "border-primary bg-primary/5"
                   ),
@@ -2657,62 +2715,62 @@ function qr({
                       /* @__PURE__ */ e(
                         "span",
                         {
-                          className: h(
+                          className: m(
                             "flex h-4 w-4 items-center justify-center rounded border border-border text-xs transition-colors",
                             l && "border-primary bg-primary text-primary-foreground"
                           ),
-                          children: l && /* @__PURE__ */ e(ye, { className: "h-3 w-3" })
+                          children: l && /* @__PURE__ */ e(we, { className: "h-3 w-3" })
                         }
                       ),
-                      /* @__PURE__ */ e("span", { className: "text-sm font-medium text-foreground", children: U(x) })
+                      /* @__PURE__ */ e("span", { className: "text-sm font-medium text-foreground", children: W(f) })
                     ] }),
                     /* @__PURE__ */ e(
                       "div",
                       {
                         className: "h-4 w-4 rounded-full border",
                         style: {
-                          backgroundColor: m,
-                          borderColor: m
+                          backgroundColor: h,
+                          borderColor: h
                         }
                       }
                     )
                   ]
                 },
-                x.id
+                f.id
               );
             }),
-            !c && b.length === 0 && /* @__PURE__ */ e("p", { className: "px-2 py-1 text-xs text-muted-foreground", children: M.noScheduleTypes })
+            !c && D.length === 0 && /* @__PURE__ */ e("p", { className: "px-2 py-1 text-xs text-muted-foreground", children: z.noScheduleTypes })
           ] })
         ] }),
         /* @__PURE__ */ e("div", { className: "h-px w-full bg-border/60" }),
         /* @__PURE__ */ n("section", { className: "flex flex-col", children: [
           /* @__PURE__ */ n("div", { className: "flex items-center justify-between px-4 py-3", children: [
-            /* @__PURE__ */ e("h4", { className: "text-sm font-medium text-foreground", children: M.participants }),
+            /* @__PURE__ */ e("h4", { className: "text-sm font-medium text-foreground", children: z.participants }),
             /* @__PURE__ */ e(
-              ke,
+              be,
               {
-                checked: I,
-                onCheckedChange: () => V(),
-                className: h(
+                checked: T,
+                onCheckedChange: () => P(),
+                className: m(
                   "flex h-5 w-5 items-center justify-center rounded border border-border bg-white transition-colors hover:border-primary/50",
-                  I && "border-primary bg-primary text-primary-foreground"
+                  T && "border-primary bg-primary text-primary-foreground"
                 ),
-                children: I && /* @__PURE__ */ e(ye, { className: "h-3.5 w-3.5" })
+                children: T && /* @__PURE__ */ e(we, { className: "h-3.5 w-3.5" })
               }
             )
           ] }),
           /* @__PURE__ */ e("div", { className: "px-4 pb-3", children: /* @__PURE__ */ e(
-            Be,
+            Ae,
             {
-              value: p,
-              onChange: N,
-              placeholder: M.searchParticipants
+              value: N,
+              onChange: p,
+              placeholder: z.searchParticipants
             }
           ) }),
           /* @__PURE__ */ n("div", { className: "flex max-h-[400px] flex-col gap-2 overflow-y-auto px-4 pb-4 scrollbar-thin", children: [
             d ? (
               // Loading skeletons
-              Array.from({ length: 4 }).map((x, l) => /* @__PURE__ */ n(
+              Array.from({ length: 4 }).map((f, l) => /* @__PURE__ */ n(
                 "div",
                 {
                   className: "flex animate-pulse items-center gap-3 rounded-md border border-border/60 bg-muted/40 p-3",
@@ -2727,14 +2785,14 @@ function qr({
                 },
                 `p-skeleton-${l}`
               ))
-            ) : D.map((x) => {
-              const l = a.includes(x.id);
+            ) : k.map((f) => {
+              const l = a.includes(f.id);
               return /* @__PURE__ */ n(
-                ke,
+                be,
                 {
                   checked: l,
-                  onCheckedChange: (m) => A(x.id, m),
-                  className: h(
+                  onCheckedChange: (h) => j(f.id, h),
+                  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",
                     l && "border-primary bg-zinc-50"
                   ),
@@ -2742,48 +2800,48 @@ function qr({
                     /* @__PURE__ */ e(
                       "span",
                       {
-                        className: h(
+                        className: m(
                           "flex h-4 w-4 flex-shrink-0 items-center justify-center rounded border border-border transition-colors",
                           l && "border-primary bg-primary text-primary-foreground"
                         ),
-                        children: l && /* @__PURE__ */ e(ye, { className: "h-2.5 w-2.5" })
+                        children: l && /* @__PURE__ */ e(we, { className: "h-2.5 w-2.5" })
                       }
                     ),
                     /* @__PURE__ */ n("div", { className: "flex flex-1 items-start gap-2", children: [
                       /* @__PURE__ */ e(
-                        fr,
+                        mr,
                         {
-                          src: x.avatar ?? null,
-                          alt: x.name,
-                          fallback: x.name?.[0]?.toUpperCase() ?? "?",
+                          src: f.avatar ?? null,
+                          alt: f.name,
+                          fallback: f.name?.[0]?.toUpperCase() ?? "?",
                           className: "h-10 w-10 rounded-lg"
                         }
                       ),
                       /* @__PURE__ */ n("div", { className: "flex max-w-[140px] flex-col gap-0.5 overflow-hidden", children: [
-                        /* @__PURE__ */ e("span", { className: "line-clamp-1 text-sm font-medium text-foreground", children: x.name }),
+                        /* @__PURE__ */ e("span", { className: "line-clamp-1 text-sm font-medium text-foreground", children: f.name }),
                         /* @__PURE__ */ e(
                           "span",
                           {
                             className: "truncate text-[11px] text-muted-foreground",
-                            title: x.email,
-                            children: x.email
+                            title: f.email,
+                            children: f.email
                           }
                         )
                       ] })
                     ] })
                   ]
                 },
-                x.id
+                f.id
               );
             }),
-            !d && D.length === 0 && /* @__PURE__ */ e("p", { className: "px-4 text-xs text-muted-foreground", children: M.noParticipants })
+            !d && k.length === 0 && /* @__PURE__ */ e("p", { className: "px-4 text-xs text-muted-foreground", children: z.noParticipants })
           ] })
         ] })
       ]
     }
   );
 }
-function xr({ className: t }) {
+function gr({ className: t }) {
   return /* @__PURE__ */ n(
     "svg",
     {
@@ -2804,35 +2862,35 @@ function xr({ className: t }) {
     }
   );
 }
-function en({
+function Zr({
   scheduleTypes: t,
   value: r,
-  onChange: s,
-  allLabel: o = "All types",
+  onChange: o,
+  allLabel: s = "All types",
   className: a,
   label: i
 }) {
-  const g = (c) => {
-    s(c.target.value);
-  }, f = t.find((c) => String(c.id) === r);
-  return /* @__PURE__ */ n("div", { className: h("flex flex-col gap-1", a), children: [
-    i && /* @__PURE__ */ e(Z, { className: "text-xs text-muted-foreground", children: i }),
+  const x = (c) => {
+    o(c.target.value);
+  }, g = t.find((c) => String(c.id) === r);
+  return /* @__PURE__ */ n("div", { className: m("flex flex-col gap-1", a), children: [
+    i && /* @__PURE__ */ e(Q, { className: "text-xs text-muted-foreground", children: i }),
     /* @__PURE__ */ n("div", { className: "relative", children: [
-      f ? /* @__PURE__ */ e(
+      g ? /* @__PURE__ */ e(
         "span",
         {
           className: "pointer-events-none absolute left-2.5 top-1/2 size-3 -translate-y-1/2 rounded-full",
-          style: { backgroundColor: f.color }
+          style: { backgroundColor: g.color }
         }
-      ) : /* @__PURE__ */ e(xr, { className: "pointer-events-none absolute left-2.5 top-1/2 size-4 -translate-y-1/2 text-muted-foreground" }),
+      ) : /* @__PURE__ */ e(gr, { className: "pointer-events-none absolute left-2.5 top-1/2 size-4 -translate-y-1/2 text-muted-foreground" }),
       /* @__PURE__ */ n(
-        se,
+        ne,
         {
           value: r,
-          onChange: g,
+          onChange: x,
           className: "h-9 w-full min-w-[140px] pl-8 pr-8 text-sm",
           children: [
-            /* @__PURE__ */ e("option", { value: "all", children: o }),
+            /* @__PURE__ */ e("option", { value: "all", children: s }),
             t.map((c) => /* @__PURE__ */ e("option", { value: String(c.id), children: c.label }, c.id))
           ]
         }
@@ -2840,7 +2898,7 @@ function en({
     ] })
   ] });
 }
-function pr({ className: t }) {
+function xr({ className: t }) {
   return /* @__PURE__ */ n(
     "svg",
     {
@@ -2863,37 +2921,37 @@ function pr({ className: t }) {
     }
   );
 }
-function tn({
+function en({
   users: t,
   value: r,
-  onChange: s,
-  allLabel: o = "All users",
+  onChange: o,
+  allLabel: s = "All users",
   className: a,
   label: i
 }) {
-  const g = (f) => {
-    s(f.target.value);
+  const x = (g) => {
+    o(g.target.value);
   };
-  return /* @__PURE__ */ n("div", { className: h("flex flex-col gap-1", a), children: [
-    i && /* @__PURE__ */ e(Z, { className: "text-xs text-muted-foreground", children: i }),
+  return /* @__PURE__ */ n("div", { className: m("flex flex-col gap-1", a), children: [
+    i && /* @__PURE__ */ e(Q, { className: "text-xs text-muted-foreground", children: i }),
     /* @__PURE__ */ n("div", { className: "relative", children: [
-      /* @__PURE__ */ e(pr, { className: "pointer-events-none absolute left-2.5 top-1/2 size-4 -translate-y-1/2 text-muted-foreground" }),
+      /* @__PURE__ */ e(xr, { className: "pointer-events-none absolute left-2.5 top-1/2 size-4 -translate-y-1/2 text-muted-foreground" }),
       /* @__PURE__ */ n(
-        se,
+        ne,
         {
           value: r,
-          onChange: g,
+          onChange: x,
           className: "h-9 w-full min-w-[120px] pl-8 pr-8 text-sm",
           children: [
-            /* @__PURE__ */ e("option", { value: "all", children: o }),
-            t.map((f) => /* @__PURE__ */ e("option", { value: f.id, children: f.name }, f.id))
+            /* @__PURE__ */ e("option", { value: "all", children: s }),
+            t.map((g) => /* @__PURE__ */ e("option", { value: g.id, children: g.name }, g.id))
           ]
         }
       )
     ] })
   ] });
 }
-function vr({ className: t }) {
+function pr({ className: t }) {
   return /* @__PURE__ */ n(
     "svg",
     {
@@ -2920,7 +2978,7 @@ function vr({ className: t }) {
     }
   );
 }
-function wr({ className: t }) {
+function vr({ className: t }) {
   return /* @__PURE__ */ n(
     "svg",
     {
@@ -2943,7 +3001,7 @@ function wr({ className: t }) {
     }
   );
 }
-function br({ className: t }) {
+function wr({ className: t }) {
   return /* @__PURE__ */ e(
     "svg",
     {
@@ -2959,7 +3017,7 @@ function br({ className: t }) {
     }
   );
 }
-function yr({ className: t }) {
+function br({ className: t }) {
   return /* @__PURE__ */ n(
     "svg",
     {
@@ -2979,26 +3037,26 @@ function yr({ className: t }) {
     }
   );
 }
-function kr(t) {
-  const r = t.getFullYear(), s = String(t.getMonth() + 1).padStart(2, "0"), o = String(t.getDate()).padStart(2, "0");
-  return `${r}-${s}-${o}`;
+function yr(t) {
+  const r = t.getFullYear(), o = String(t.getMonth() + 1).padStart(2, "0"), s = String(t.getDate()).padStart(2, "0");
+  return `${r}-${o}-${s}`;
 }
-function Fe(t) {
-  const r = t.getHours(), s = t.getMinutes(), o = r >= 12 ? "PM" : "AM", a = r % 12 || 12, i = String(s).padStart(2, "0");
-  return `${a}:${i} ${o}`;
+function Be(t) {
+  const r = t.getHours(), o = t.getMinutes(), s = r >= 12 ? "PM" : "AM", a = r % 12 || 12, i = String(o).padStart(2, "0");
+  return `${a}:${i} ${s}`;
 }
-function Nr(t) {
-  const r = Fe(t.startDate), s = Fe(t.endDate);
-  return `${r} - ${s}`;
+function kr(t) {
+  const r = Be(t.startDate), o = Be(t.endDate);
+  return `${r} - ${o}`;
 }
-function Cr(t) {
-  const r = Ge(/* @__PURE__ */ new Date(), 1);
+function Nr(t) {
+  const r = Ue(/* @__PURE__ */ new Date(), 1);
   return t.getFullYear() === r.getFullYear() && t.getMonth() === r.getMonth() && t.getDate() === r.getDate();
 }
-function Dr(t) {
-  if (le(t)) return "Today";
-  if (Cr(t)) return "Tomorrow";
-  const r = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"], s = [
+function Cr(t) {
+  if (q(t)) return "Today";
+  if (Nr(t)) return "Tomorrow";
+  const r = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"], o = [
     "Jan",
     "Feb",
     "Mar",
@@ -3011,33 +3069,33 @@ function Dr(t) {
     "Oct",
     "Nov",
     "Dec"
-  ], o = r[t.getDay()], a = s[t.getMonth()], i = t.getDate();
-  return `${o}, ${a} ${i}`;
-}
-function Mr(t, r) {
-  const s = /* @__PURE__ */ new Map();
-  for (const o of t) {
-    const a = kr(o.startDate), i = s.get(a) ?? [];
-    i.push(o), s.set(a, i);
+  ], s = r[t.getDay()], a = o[t.getMonth()], i = t.getDate();
+  return `${s}, ${a} ${i}`;
+}
+function Dr(t, r) {
+  const o = /* @__PURE__ */ new Map();
+  for (const s of t) {
+    const a = yr(s.startDate), i = o.get(a) ?? [];
+    i.push(s), o.set(a, i);
   }
-  return Array.from(s.entries()).map(([o, a]) => {
+  return Array.from(o.entries()).map(([s, a]) => {
     const i = [...a].sort(
-      (f, c) => f.startDate.getTime() - c.startDate.getTime()
-    ), g = r > 0 ? i.slice(0, r) : i;
+      (g, c) => g.startDate.getTime() - c.startDate.getTime()
+    ), x = r > 0 ? i.slice(0, r) : i;
     return {
-      date: new Date(o),
-      dateKey: o,
-      events: g,
+      date: new Date(s),
+      dateKey: s,
+      events: x,
       hasMore: r > 0 && i.length > r
     };
-  }).sort((o, a) => o.date.getTime() - a.date.getTime());
+  }).sort((s, a) => s.date.getTime() - a.date.getTime());
 }
-function Er(t) {
-  const r = xe(/* @__PURE__ */ new Date()), s = Ye(/* @__PURE__ */ new Date());
-  return t.filter((o) => o.startDate >= r && o.startDate <= s).length;
+function Mr(t) {
+  const r = ge(/* @__PURE__ */ new Date()), o = Ve(/* @__PURE__ */ new Date());
+  return t.filter((s) => s.startDate >= r && s.startDate <= o).length;
 }
-function Ne({ className: t }) {
-  return /* @__PURE__ */ e("div", { className: h("animate-pulse rounded-md bg-muted", t) });
+function ye({ className: t }) {
+  return /* @__PURE__ */ e("div", { className: m("animate-pulse rounded-md bg-muted", t) });
 }
 function Sr({ event: t, onClick: r }) {
   return /* @__PURE__ */ n(
@@ -3045,7 +3103,7 @@ function Sr({ event: t, onClick: r }) {
     {
       type: "button",
       onClick: () => r?.(t),
-      className: h(
+      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"
@@ -3060,58 +3118,58 @@ function Sr({ event: t, onClick: r }) {
         ),
         /* @__PURE__ */ n("div", { className: "min-w-0 flex-1", children: [
           /* @__PURE__ */ e("p", { className: "text-sm font-medium truncate", children: t.title }),
-          /* @__PURE__ */ e("p", { className: "text-xs text-muted-foreground truncate", children: Nr(t) })
+          /* @__PURE__ */ e("p", { className: "text-xs text-muted-foreground truncate", children: kr(t) })
         ] }),
-        r && /* @__PURE__ */ e(br, { className: "shrink-0 size-4 text-muted-foreground/50 mt-1" })
+        r && /* @__PURE__ */ e(wr, { className: "shrink-0 size-4 text-muted-foreground/50 mt-1" })
       ]
     }
   );
 }
-function zr({ group: t, onEventClick: r }) {
+function Er({ group: t, onEventClick: r }) {
   return /* @__PURE__ */ n("div", { className: "space-y-1", children: [
     /* @__PURE__ */ n("div", { className: "flex items-center justify-between px-2 py-1.5", children: [
-      /* @__PURE__ */ e("h3", { className: h("text-xs font-semibold", le(t.date) && "text-primary"), children: Dr(t.date) }),
+      /* @__PURE__ */ e("h3", { className: m("text-xs font-semibold", q(t.date) && "text-primary"), children: Cr(t.date) }),
       t.hasMore && /* @__PURE__ */ n("span", { className: "text-[10px] text-muted-foreground", children: [
         "+",
         t.events.length,
         " more"
       ] })
     ] }),
-    /* @__PURE__ */ e("div", { className: "space-y-0.5", children: t.events.map((s) => /* @__PURE__ */ e(Sr, { event: s, onClick: r }, s.id)) })
+    /* @__PURE__ */ e("div", { className: "space-y-0.5", children: t.events.map((o) => /* @__PURE__ */ e(Sr, { event: o, onClick: r }, o.id)) })
   ] });
 }
-function rn({
+function tn({
   events: t,
   isLoading: r = !1,
-  className: s,
-  daysAhead: o = 7,
+  className: o,
+  daysAhead: s = 7,
   maxEventsPerDay: a = 3,
   onEventClick: i,
-  onNavigateToAgenda: g
+  onNavigateToAgenda: x
 }) {
-  const [f, c] = q(!1), d = $(() => {
-    const E = xe(/* @__PURE__ */ new Date()), p = Ge(E, o);
-    return t.filter((N) => N.endDate >= E && N.startDate < p);
-  }, [t, o]), w = $(
-    () => Mr(d, a),
+  const [g, c] = ae(!1), d = O(() => {
+    const H = ge(/* @__PURE__ */ new Date()), N = Ue(H, s);
+    return t.filter((p) => p.endDate >= H && p.startDate < N);
+  }, [t, s]), w = O(
+    () => Dr(d, a),
     [d, a]
-  ), C = $(() => Er(t), [t]), M = (E) => {
-    c(!1), i?.(E);
-  }, z = () => {
-    c(!1), g?.();
+  ), C = O(() => Mr(t), [t]), z = (H) => {
+    c(!1), i?.(H);
+  }, I = () => {
+    c(!1), x?.();
   };
-  return /* @__PURE__ */ n(Re, { open: f, onOpenChange: c, children: [
+  return /* @__PURE__ */ n(_e, { open: g, onOpenChange: c, children: [
     /* @__PURE__ */ n(
-      Ve,
+      Pe,
       {
-        className: h(
+        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",
-          s
+          o
         ),
         children: [
-          /* @__PURE__ */ e(vr, { className: "h-4 w-4" }),
+          /* @__PURE__ */ e(pr, { className: "h-4 w-4" }),
           C > 0 && /* @__PURE__ */ e(
-            dt,
+            lt,
             {
               variant: "destructive",
               className: "absolute -right-4 -top-4 m-3 flex h-5 w-5 items-center justify-center rounded-full bg-primary p-0 text-[10px] font-medium hover:bg-primary",
@@ -3121,51 +3179,51 @@ function rn({
         ]
       }
     ),
-    /* @__PURE__ */ n(Ue, { className: "w-80 rounded-xl p-0", align: "end", side: "bottom", sideOffset: 8, children: [
+    /* @__PURE__ */ n(Re, { className: "w-80 rounded-xl p-0", align: "end", side: "bottom", sideOffset: 8, children: [
       /* @__PURE__ */ n("div", { className: "flex items-center justify-between border-b p-4", children: [
         /* @__PURE__ */ n("div", { children: [
           /* @__PURE__ */ e("h3", { className: "text-sm font-semibold", children: "Upcoming" }),
           /* @__PURE__ */ e("p", { className: "text-xs text-muted-foreground", children: C > 0 ? `${C} event${C > 1 ? "s" : ""} today` : "No events today" })
         ] }),
-        g && /* @__PURE__ */ n(
+        x && /* @__PURE__ */ n(
           "button",
           {
             type: "button",
-            onClick: z,
+            onClick: I,
             className: "text-xs text-primary hover:underline flex items-center gap-1",
             children: [
               "View all",
-              /* @__PURE__ */ e(yr, { className: "size-3" })
+              /* @__PURE__ */ e(br, { className: "size-3" })
             ]
           }
         )
       ] }),
-      /* @__PURE__ */ e("div", { className: "max-h-80 overflow-y-auto p-2", children: r ? /* @__PURE__ */ e("div", { className: "space-y-2 p-2", children: Array.from({ length: 3 }).map((E, p) => /* @__PURE__ */ n("div", { className: "flex space-x-3", children: [
-        /* @__PURE__ */ e(Ne, { className: "h-2 w-2 rounded-full mt-2" }),
+      /* @__PURE__ */ e("div", { className: "max-h-80 overflow-y-auto p-2", children: r ? /* @__PURE__ */ e("div", { className: "space-y-2 p-2", children: Array.from({ length: 3 }).map((H, N) => /* @__PURE__ */ n("div", { className: "flex space-x-3", children: [
+        /* @__PURE__ */ e(ye, { className: "h-2 w-2 rounded-full mt-2" }),
         /* @__PURE__ */ n("div", { className: "flex-1 space-y-2", children: [
-          /* @__PURE__ */ e(Ne, { className: "h-4 w-full" }),
-          /* @__PURE__ */ e(Ne, { className: "h-3 w-3/4" })
+          /* @__PURE__ */ e(ye, { className: "h-4 w-full" }),
+          /* @__PURE__ */ e(ye, { className: "h-3 w-3/4" })
         ] })
-      ] }, p)) }) : w.length === 0 ? /* @__PURE__ */ n("div", { className: "flex flex-col items-center justify-center py-8 text-center", children: [
-        /* @__PURE__ */ e(wr, { className: "mb-2 h-8 w-8 text-muted-foreground/50" }),
+      ] }, N)) }) : w.length === 0 ? /* @__PURE__ */ n("div", { className: "flex flex-col items-center justify-center py-8 text-center", children: [
+        /* @__PURE__ */ e(vr, { className: "mb-2 h-8 w-8 text-muted-foreground/50" }),
         /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: "No upcoming events" }),
         /* @__PURE__ */ n("p", { className: "text-xs text-muted-foreground/70", children: [
           "Your schedule is clear for the next ",
-          o,
+          s,
           " days"
         ] })
-      ] }) : /* @__PURE__ */ e("div", { className: "space-y-3 divide-y", children: w.map((E) => /* @__PURE__ */ e(
-        zr,
+      ] }) : /* @__PURE__ */ e("div", { className: "space-y-3 divide-y", children: w.map((H) => /* @__PURE__ */ e(
+        Er,
         {
-          group: E,
-          onEventClick: M
+          group: H,
+          onEventClick: z
         },
-        E.dateKey
+        H.dateKey
       )) }) })
     ] })
   ] });
 }
-function Lr({ className: t }) {
+function zr({ className: t }) {
   return /* @__PURE__ */ n(
     "svg",
     {
@@ -3190,7 +3248,7 @@ function Lr({ className: t }) {
     }
   );
 }
-function Je({ className: t }) {
+function Ge({ className: t }) {
   return /* @__PURE__ */ e(
     "svg",
     {
@@ -3208,179 +3266,179 @@ function Je({ className: t }) {
     }
   );
 }
-function Hr(t) {
+function Lr(t) {
   const r = /* @__PURE__ */ new Date();
   return r.setDate(r.getDate() + 1), t.getFullYear() === r.getFullYear() && t.getMonth() === r.getMonth() && t.getDate() === r.getDate();
 }
-function _e(t) {
-  const r = t.getHours(), s = t.getMinutes(), o = r >= 12 ? "PM" : "AM";
-  return `${r % 12 || 12}:${s.toString().padStart(2, "0")} ${o}`;
+function $e(t) {
+  const r = t.getHours(), o = t.getMinutes(), s = r >= 12 ? "PM" : "AM";
+  return `${r % 12 || 12}:${o.toString().padStart(2, "0")} ${s}`;
 }
-function Tr(t) {
+function Hr(t) {
   return new Intl.DateTimeFormat("en-US", {
     weekday: "long",
     month: "short",
     day: "numeric"
   }).format(t);
 }
-function jr(t) {
-  const r = _e(t.startDate), s = _e(t.endDate);
-  return `${r} - ${s}`;
+function Tr(t) {
+  const r = $e(t.startDate), o = $e(t.endDate);
+  return `${r} - ${o}`;
 }
 function Ir(t) {
-  return le(t) ? "Today" : Hr(t) ? "Tomorrow" : Tr(t);
+  return q(t) ? "Today" : Lr(t) ? "Tomorrow" : Hr(t);
 }
-function Wr(t, r) {
-  const s = /* @__PURE__ */ new Map();
-  for (const o of t) {
-    const a = xt(o.startDate), i = s.get(a) ?? [];
-    i.push(o), s.set(a, i);
+function jr(t, r) {
+  const o = /* @__PURE__ */ new Map();
+  for (const s of t) {
+    const a = ft(s.startDate), i = o.get(a) ?? [];
+    i.push(s), o.set(a, i);
   }
-  return Array.from(s.entries()).map(([o, a]) => {
+  return Array.from(o.entries()).map(([s, a]) => {
     const i = [...a].sort(
-      (f, c) => f.startDate.getTime() - c.startDate.getTime()
-    ), g = r > 0 ? i.slice(0, r) : i;
+      (g, c) => g.startDate.getTime() - c.startDate.getTime()
+    ), x = r > 0 ? i.slice(0, r) : i;
     return {
-      date: new Date(o),
-      dateKey: o,
-      events: g,
+      date: new Date(s),
+      dateKey: s,
+      events: x,
       hasMore: r > 0 && i.length > r
     };
-  }).sort((o, a) => o.date.getTime() - a.date.getTime());
+  }).sort((s, a) => s.date.getTime() - a.date.getTime());
 }
-function Ar({ event: t, onClick: r, compact: s }) {
+function Wr({ event: t, onClick: r, compact: o }) {
   return /* @__PURE__ */ n(
     "button",
     {
       type: "button",
       onClick: () => r?.(t),
-      className: h(
+      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",
-        s ? "p-2" : "p-3"
+        o ? "p-2" : "p-3"
       ),
       children: [
         /* @__PURE__ */ e(
           "div",
           {
-            className: h("shrink-0 rounded-full mt-1", s ? "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__ */ n("div", { className: "min-w-0 flex-1", children: [
-          /* @__PURE__ */ e("p", { className: h("font-medium truncate", s ? "text-xs" : "text-sm"), children: t.title }),
-          /* @__PURE__ */ e("p", { className: h("text-muted-foreground truncate", s ? "text-[10px]" : "text-xs"), children: jr(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: Tr(t) })
         ] }),
         r && /* @__PURE__ */ e(
-          Je,
+          Ge,
           {
-            className: h("shrink-0 text-muted-foreground/50", s ? "size-3" : "size-4")
+            className: m("shrink-0 text-muted-foreground/50", o ? "size-3" : "size-4")
           }
         )
       ]
     }
   );
 }
-function Br({
+function Ar({
   group: t,
   onEventClick: r,
-  onViewMore: s,
-  compact: o
+  onViewMore: o,
+  compact: s
 }) {
   return /* @__PURE__ */ n("div", { className: "space-y-1", children: [
-    /* @__PURE__ */ n("div", { className: h("flex items-center justify-between px-2", o ? "py-1" : "py-1.5"), children: [
+    /* @__PURE__ */ n("div", { className: m("flex items-center justify-between px-2", s ? "py-1" : "py-1.5"), children: [
       /* @__PURE__ */ e(
         "h3",
         {
-          className: h(
+          className: m(
             "font-semibold",
-            o ? "text-xs" : "text-sm",
-            le(t.date) && "text-primary"
+            s ? "text-xs" : "text-sm",
+            q(t.date) && "text-primary"
           ),
           children: Ir(t.date)
         }
       ),
-      t.hasMore && s && /* @__PURE__ */ e(
+      t.hasMore && o && /* @__PURE__ */ e(
         "button",
         {
           type: "button",
-          onClick: () => s(t.date),
-          className: h("text-primary hover:underline", o ? "text-[10px]" : "text-xs"),
+          onClick: () => o(t.date),
+          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((a) => /* @__PURE__ */ e(Ar, { event: a, onClick: r, compact: o }, a.id)) })
+    /* @__PURE__ */ e("div", { className: "space-y-0.5", children: t.events.map((a) => /* @__PURE__ */ e(Wr, { event: a, onClick: r, compact: s }, a.id)) })
   ] });
 }
-function nn({
+function rn({
   events: t,
   daysAhead: r = 7,
-  maxEventsPerDay: s = 3,
-  onEventClick: o,
+  maxEventsPerDay: o = 3,
+  onEventClick: s,
   onViewAll: a,
   className: i,
-  emptyState: g,
-  title: f = "Upcoming",
+  emptyState: x,
+  title: g = "Upcoming",
   showHeader: c = !0,
   compact: d = !1
 }) {
-  const w = Pe(), C = w?.filteredEvents, M = w?.currentDate ?? /* @__PURE__ */ new Date(), z = t ?? C ?? [], E = $(() => {
-    const b = xe(M), D = new Date(b);
-    return D.setDate(D.getDate() + r), z.filter((S) => S.endDate >= b && S.startDate < D);
-  }, [z, r, M]), p = $(
-    () => Wr(E, s),
-    [E, s]
-  ), N = E.length;
-  return p.length === 0 ? /* @__PURE__ */ n("div", { className: h("rounded-lg border bg-card", i), children: [
+  const w = Oe(), C = w?.filteredEvents, z = w?.currentDate ?? /* @__PURE__ */ new Date(), I = t ?? C ?? [], H = O(() => {
+    const D = ge(z), k = new Date(D);
+    return k.setDate(k.getDate() + r), I.filter((S) => S.endDate >= D && S.startDate < k);
+  }, [I, r, z]), N = O(
+    () => jr(H, o),
+    [H, o]
+  ), p = H.length;
+  return N.length === 0 ? /* @__PURE__ */ n("div", { className: m("rounded-lg border bg-card", i), children: [
     c && /* @__PURE__ */ e(
       "div",
       {
-        className: h(
+        className: m(
           "border-b px-4 flex items-center justify-between",
           d ? "py-2" : "py-3"
         ),
-        children: /* @__PURE__ */ e("h2", { className: h("font-semibold", d ? "text-sm" : "text-base"), children: f })
+        children: /* @__PURE__ */ e("h2", { className: m("font-semibold", d ? "text-sm" : "text-base"), children: g })
       }
     ),
     /* @__PURE__ */ e(
       "div",
       {
-        className: h(
+        className: m(
           "flex flex-col items-center justify-center text-center",
           d ? "py-6 px-4" : "py-10 px-6"
         ),
-        children: g ?? /* @__PURE__ */ n(ae, { children: [
+        children: x ?? /* @__PURE__ */ n(oe, { children: [
           /* @__PURE__ */ e(
-            Lr,
+            zr,
             {
-              className: h("text-muted-foreground/50 mb-2", d ? "size-8" : "size-10")
+              className: m("text-muted-foreground/50 mb-2", d ? "size-8" : "size-10")
             }
           ),
-          /* @__PURE__ */ e("p", { className: h("text-muted-foreground", d ? "text-xs" : "text-sm"), children: "No upcoming events" })
+          /* @__PURE__ */ e("p", { className: m("text-muted-foreground", d ? "text-xs" : "text-sm"), children: "No upcoming events" })
         ] })
       }
     )
-  ] }) : /* @__PURE__ */ n("div", { className: h("rounded-lg border bg-card overflow-hidden", i), children: [
+  ] }) : /* @__PURE__ */ n("div", { className: m("rounded-lg border bg-card overflow-hidden", i), children: [
     c && /* @__PURE__ */ n(
       "div",
       {
-        className: h(
+        className: m(
           "border-b px-4 flex items-center justify-between",
           d ? "py-2" : "py-3"
         ),
         children: [
           /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ e("h2", { className: h("font-semibold", d ? "text-sm" : "text-base"), children: f }),
+            /* @__PURE__ */ e("h2", { className: m("font-semibold", d ? "text-sm" : "text-base"), children: g }),
             /* @__PURE__ */ e(
               "span",
               {
-                className: h(
+                className: m(
                   "text-muted-foreground bg-muted rounded-full px-2",
                   d ? "text-[10px] py-0" : "text-xs py-0.5"
                 ),
-                children: N
+                children: p
               }
             )
           ] }),
@@ -3389,13 +3447,13 @@ function nn({
             {
               type: "button",
               onClick: () => a(),
-              className: h(
+              className: m(
                 "text-primary hover:underline flex items-center gap-0.5",
                 d ? "text-xs" : "text-sm"
               ),
               children: [
                 "View all",
-                /* @__PURE__ */ e(Je, { className: "size-3" })
+                /* @__PURE__ */ e(Ge, { className: "size-3" })
               ]
             }
           )
@@ -3405,39 +3463,39 @@ function nn({
     /* @__PURE__ */ e(
       "div",
       {
-        className: h(
+        className: m(
           "divide-y overflow-auto",
           d ? "p-2 max-h-[280px]" : "p-3 max-h-[400px]"
         ),
-        children: p.map((b) => /* @__PURE__ */ e(
-          Br,
+        children: N.map((D) => /* @__PURE__ */ e(
+          Ar,
           {
-            group: b,
-            onEventClick: o,
-            onViewMore: a ? (D) => a(D) : void 0,
+            group: D,
+            onEventClick: s,
+            onViewMore: a ? (k) => a(k) : void 0,
             compact: d
           },
-          b.dateKey
+          D.dateKey
         ))
       }
     )
   ] });
 }
 export {
-  rn as A,
-  Jr as B,
-  Ur as C,
-  Zr as D,
-  Yr as E,
-  Gr as I,
-  en as S,
-  be as T,
-  tn as U,
-  Xr as V,
-  Qr as W,
-  Kt as Y,
-  nn as a,
-  qr as b,
-  Kr as c
+  tn as A,
+  Kr as B,
+  Vr as C,
+  Xr as D,
+  Ur as E,
+  Yr as I,
+  Zr as S,
+  ve as T,
+  en as U,
+  qr as V,
+  Jr as W,
+  Yt as Y,
+  rn as a,
+  Qr as b,
+  Gr as c
 };
-//# sourceMappingURL=agenda-widget-BwL7DItQ.js.map
+//# sourceMappingURL=agenda-widget-BKIaXFpN.js.map