@innosolutions/inno-calendar 1.0.31 → 1.0.33

package/dist/{agenda-widget-D-tiHHd7.js → agenda-widget-BXcLo1aO.js}

@@ -1,11 +1,11 @@
-import { jsx as e, jsxs as n, Fragment as te } from "react/jsx-runtime";
-import { o as _e, c as Ke, C as Je, I as Xe, j as Qe } from "./use-calendar-QYGDcRjd.js";
-import { useCallback as re, useState as se, useEffect as me, forwardRef as ye, useRef as Fe, useMemo as B } from "react";
-import { c as u } from "./index-DtaLkIY8.js";
-import { P as Pe, h as Oe, g as Re, l as J, p as Ze, q as qe, B as ae, r as et, s as Ne, j as X, m as Q, k as Z, c as tt, C as rt, M as Ce, A as nt, W as st, b as ot, t as at } from "./week-view-BSLUyXtw.js";
-import { D as it, S as lt } from "./slot-selection-context-D2eu2o-7.js";
-import { isToday as ne, startOfDay as fe, endOfDay as Ve, getYearMonths as ct, generateMonthGrid as dt, getEventsForDay as ut, addDays as Ue, formatDateISO as ht } from "./utils.mjs";
-function mt({ view: t, className: r = "" }) {
+import { jsx as e, jsxs as n, Fragment as ie } from "react/jsx-runtime";
+import { o as Pe, c as Ze, C as qe, I as et, j as tt } from "./use-calendar-QYGDcRjd.js";
+import { useCallback as ae, 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 it, M as Me, A as at, W as lt, b as ct, t as dt } from "./week-view-CJeYvlpO.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 = "" }) {
   return /* @__PURE__ */ e(
     "div",
     {
@@ -29,16 +29,16 @@ function mt({ view: t, className: r = "" }) {
     }
   );
 }
-function De({ view: t, className: r }) {
-  return /* @__PURE__ */ e(mt, { view: t, className: r });
+function Ee({ view: t, className: r }) {
+  return /* @__PURE__ */ e(pt, { view: t, className: r });
 }
-function Pr(t) {
+function Ur(t) {
   const {
     events: r,
     resources: s,
     scheduleTypes: o,
-    initialView: a = "week",
-    initialDate: i,
+    initialView: i = "week",
+    initialDate: a,
     initialFilters: g,
     preferences: f,
     locale: c,
@@ -46,32 +46,32 @@ function Pr(t) {
     renderEvent: w,
     onViewChange: k,
     onDateChange: M,
-    onEventClick: L,
-    onSlotSelect: z,
+    onEventClick: z,
+    onSlotSelect: E,
     onFiltersChange: p,
     className: y,
     children: b
-  } = t, N = _e();
+  } = t, N = Pe();
   if (N)
-    return /* @__PURE__ */ e("div", { className: y, style: { position: "relative" }, children: b ?? /* @__PURE__ */ e(De, { view: N.view, className: y }) });
-  const S = Ke({
+    return /* @__PURE__ */ e("div", { className: y, style: { position: "relative" }, children: b ?? /* @__PURE__ */ e(Ee, { view: N.view, className: y }) });
+  const S = Ze({
     events: r,
     resources: s,
     scheduleTypes: o,
-    initialView: a,
-    initialDate: i,
+    initialView: i,
+    initialDate: a,
     initialFilters: g,
     preferences: f,
     locale: c,
     onViewChange: k,
     onDateChange: M,
-    onEventClick: L,
-    onSlotSelect: z,
+    onEventClick: z,
+    onSlotSelect: E,
     onFiltersChange: p
   });
-  return /* @__PURE__ */ e(Je, { value: S, children: /* @__PURE__ */ e("div", { className: y, style: { position: "relative" }, children: b ?? /* @__PURE__ */ e(De, { view: S.view, className: y }) }) });
+  return /* @__PURE__ */ e(qe, { value: S, children: /* @__PURE__ */ e("div", { className: y, style: { position: "relative" }, children: b ?? /* @__PURE__ */ e(Ee, { view: S.view, className: y }) }) });
 }
-function ft({ className: t }) {
+function vt({ className: t }) {
   return /* @__PURE__ */ n(
     "svg",
     {
@@ -90,7 +90,7 @@ function ft({ className: t }) {
     }
   );
 }
-function Ye({ className: t }) {
+function Ke({ className: t }) {
   return /* @__PURE__ */ n(
     "svg",
     {
@@ -112,7 +112,7 @@ function Ye({ className: t }) {
     }
   );
 }
-function he({ className: t }) {
+function fe({ className: t }) {
   return /* @__PURE__ */ n(
     "svg",
     {
@@ -131,7 +131,7 @@ function he({ className: t }) {
     }
   );
 }
-function gt({ className: t }) {
+function wt({ className: t }) {
   return /* @__PURE__ */ n(
     "svg",
     {
@@ -150,7 +150,7 @@ function gt({ className: t }) {
     }
   );
 }
-function de({ className: t }) {
+function he({ className: t }) {
   return /* @__PURE__ */ e(
     "svg",
     {
@@ -166,7 +166,7 @@ function de({ className: t }) {
     }
   );
 }
-function xt({ className: t }) {
+function bt({ className: t }) {
   return /* @__PURE__ */ n(
     "svg",
     {
@@ -185,7 +185,7 @@ function xt({ className: t }) {
     }
   );
 }
-function pt({ className: t }) {
+function yt({ className: t }) {
   return /* @__PURE__ */ e(
     "svg",
     {
@@ -201,7 +201,7 @@ function pt({ className: t }) {
     }
   );
 }
-function vt({ className: t }) {
+function kt({ className: t }) {
   return /* @__PURE__ */ n(
     "svg",
     {
@@ -222,7 +222,7 @@ function vt({ className: t }) {
     }
   );
 }
-function wt({ className: t }) {
+function Nt({ className: t }) {
   return /* @__PURE__ */ n(
     "svg",
     {
@@ -241,7 +241,7 @@ function wt({ className: t }) {
     }
   );
 }
-function bt({ className: t }) {
+function Ct({ className: t }) {
   return /* @__PURE__ */ n(
     "svg",
     {
@@ -262,7 +262,7 @@ function bt({ className: t }) {
     }
   );
 }
-function yt({ className: t }) {
+function Dt({ className: t }) {
   return /* @__PURE__ */ n(
     "svg",
     {
@@ -284,7 +284,7 @@ function yt({ className: t }) {
     }
   );
 }
-function le({ className: t }) {
+function de({ className: t }) {
   return /* @__PURE__ */ e(
     "svg",
     {
@@ -295,12 +295,12 @@ function le({ className: t }) {
       strokeWidth: "2",
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      className: u("animate-spin", t),
+      className: h("animate-spin", t),
       children: /* @__PURE__ */ e("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" })
     }
   );
 }
-const kt = {
+const Mt = {
   edit: "Edit",
   delete: "Delete",
   cancel: "Cancel Event",
@@ -325,32 +325,32 @@ const kt = {
   acceptAllEvents: "Accept all events",
   deleteConfirmTitle: "Delete Event",
   deleteConfirmDescription: "Are you sure you want to delete this event? This action cannot be undone."
-}, ue = ye(
-  ({ onClick: t, label: r, children: s, className: o, variant: a = "ghost", ...i }, g) => /* @__PURE__ */ n(X, { children: [
-    /* @__PURE__ */ e(Q, { asChild: !0, children: /* @__PURE__ */ e(
+}, me = Ce(
+  ({ onClick: t, label: r, children: s, className: o, variant: i = "ghost", ...a }, g) => /* @__PURE__ */ n(te, { children: [
+    /* @__PURE__ */ e(re, { asChild: !0, children: /* @__PURE__ */ e(
       "button",
       {
         type: "button",
         ref: g,
         onClick: t,
-        className: u(
+        className: h(
           "h-8 w-8 rounded-full flex items-center justify-center transition-colors",
-          a === "ghost" && "hover:bg-zinc-100 dark:hover:bg-zinc-800 text-zinc-600 dark:text-zinc-400",
-          a === "destructive" && "hover:bg-red-50 dark:hover:bg-red-950/30 text-zinc-600 dark:text-zinc-400 hover:text-red-600",
+          i === "ghost" && "hover:bg-zinc-100 dark:hover:bg-zinc-800 text-zinc-600 dark:text-zinc-400",
+          i === "destructive" && "hover:bg-red-50 dark:hover:bg-red-950/30 text-zinc-600 dark:text-zinc-400 hover:text-red-600",
           o
         ),
         "aria-label": r,
-        ...i,
+        ...a,
         children: s
       }
     ) }),
-    /* @__PURE__ */ e(Z, { side: "bottom", className: "text-xs", children: r })
+    /* @__PURE__ */ e(ne, { side: "bottom", className: "text-xs", children: r })
   ] })
 );
-ue.displayName = "IconButton";
-function Nt({ src: t, alt: r, initials: s, className: o, isClient: a }) {
-  const [i, g] = se(!1);
-  return /* @__PURE__ */ e("div", { className: u("relative h-7 w-7 rounded-full overflow-hidden shrink-0", o), children: t && !i ? /* @__PURE__ */ e(
+me.displayName = "IconButton";
+function Et({ src: t, alt: r, initials: s, className: o, isClient: i }) {
+  const [a, g] = q(!1);
+  return /* @__PURE__ */ e("div", { className: h("relative h-7 w-7 rounded-full overflow-hidden shrink-0", o), children: t && !a ? /* @__PURE__ */ e(
     "img",
     {
       src: t,
@@ -361,35 +361,35 @@ function Nt({ src: t, alt: r, initials: s, className: o, isClient: a }) {
   ) : /* @__PURE__ */ e(
     "div",
     {
-      className: u(
+      className: h(
         "h-full w-full flex items-center justify-center text-[10px] font-medium",
-        a ? "bg-amber-100 dark:bg-amber-900/30 text-amber-700 dark:text-amber-300" : "bg-zinc-200 dark:bg-zinc-700 text-zinc-700 dark:text-zinc-300"
+        i ? "bg-amber-100 dark:bg-amber-900/30 text-amber-700 dark:text-amber-300" : "bg-zinc-200 dark:bg-zinc-700 text-zinc-700 dark:text-zinc-300"
       ),
       children: s
     }
   ) });
 }
-function Me({ participant: t, isEventCanceled: r = !1, labels: s }) {
-  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, k = r;
-  return /* @__PURE__ */ n("div", { className: u("flex items-center gap-3 py-0", k && "opacity-60"), children: [
+function Se({ participant: t, isEventCanceled: r = !1, labels: s }) {
+  const o = t.name || "Unknown", i = o.split(" ").map((M) => M[0]).join("").toUpperCase().slice(0, 2), a = t.isOrganizer ?? !1, g = t.isConfirmed, f = g === !0, c = g === !1, d = t.isClient ?? !1, w = t.profilePicture || t.avatar, k = r;
+  return /* @__PURE__ */ n("div", { className: h("flex items-center gap-3 py-0", k && "opacity-60"), children: [
     /* @__PURE__ */ n("div", { className: "relative", children: [
       /* @__PURE__ */ e(
-        Nt,
+        Et,
         {
           src: w,
           alt: o,
-          initials: a,
+          initials: i,
           isClient: d,
-          className: u(k && "grayscale")
+          className: h(k && "grayscale")
         }
       ),
-      k || 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(he, { 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(de, { className: "h-2 w-2 text-green-600 dark:text-green-400 stroke-[3]" }) }) }) : null
+      k || 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
     ] }),
     /* @__PURE__ */ n("div", { className: "!h-fit min-w-0 gap-0", children: [
       /* @__PURE__ */ e("div", { className: "gap-0", children: /* @__PURE__ */ e(
         "span",
         {
-          className: u(
+          className: h(
             "text-sm text-zinc-900 dark:text-zinc-100 truncate",
             k && "line-through text-zinc-500 dark:text-zinc-500"
           ),
@@ -397,18 +397,18 @@ function Me({ participant: t, isEventCanceled: r = !1, labels: 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 && !k && /* @__PURE__ */ e("div", { className: "text-xs text-zinc-500", children: s.organizer })
+      a && !k && /* @__PURE__ */ e("div", { className: "text-xs text-zinc-500", children: s.organizer })
     ] })
   ] });
 }
-function Ct({ open: t, onOpenChange: r, title: s, children: o }) {
-  return me(() => {
+function St({ open: t, onOpenChange: r, title: s, children: o }) {
+  return ge(() => {
     if (!t) return;
-    const a = (i) => {
-      i.key === "Escape" && r(!1);
+    const i = (a) => {
+      a.key === "Escape" && r(!1);
     };
-    return document.addEventListener("keydown", a), () => document.removeEventListener("keydown", a);
-  }, [t, r]), me(() => (t ? document.body.style.overflow = "hidden" : document.body.style.overflow = "", () => {
+    return document.addEventListener("keydown", i), () => document.removeEventListener("keydown", i);
+  }, [t, r]), ge(() => (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(
@@ -416,8 +416,8 @@ function Ct({ open: t, onOpenChange: r, title: s, children: o }) {
       {
         className: "fixed inset-0 bg-black/50 backdrop-blur-sm",
         onClick: () => r(!1),
-        onKeyDown: (a) => {
-          (a.key === "Enter" || a.key === " ") && r(!1);
+        onKeyDown: (i) => {
+          (i.key === "Enter" || i.key === " ") && r(!1);
         }
       }
     ),
@@ -427,13 +427,13 @@ function Ct({ open: t, onOpenChange: r, title: s, children: o }) {
     ] }) })
   ] }) : null;
 }
-function Dt({
+function zt({
   open: t,
   onOpenChange: r,
   title: s,
   description: o,
-  cancelLabel: a,
-  confirmLabel: i,
+  cancelLabel: i,
+  confirmLabel: a,
   onConfirm: g,
   isLoading: f
 }) {
@@ -452,24 +452,24 @@ function Dt({
       /* @__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__ */ n("div", { className: "mt-4 flex justify-end gap-3", children: [
-        /* @__PURE__ */ e(ae, { variant: "outline", size: "sm", onClick: () => r(!1), children: a }),
-        /* @__PURE__ */ n(ae, { variant: "destructive", size: "sm", onClick: g, disabled: f, children: [
-          f && /* @__PURE__ */ e(le, { className: "h-4 w-4 mr-2" }),
-          /* @__PURE__ */ e(Ye, { className: "h-4 w-4 mr-2" }),
-          i
+        /* @__PURE__ */ e(ce, { variant: "outline", size: "sm", onClick: () => r(!1), children: i }),
+        /* @__PURE__ */ n(ce, { variant: "destructive", size: "sm", onClick: g, disabled: f, children: [
+          f && /* @__PURE__ */ e(de, { className: "h-4 w-4 mr-2" }),
+          /* @__PURE__ */ e(Ke, { className: "h-4 w-4 mr-2" }),
+          a
         ] })
       ] })
     ] }) })
   ] }) : null;
 }
-function Mt(t, r) {
+function Lt(t, r) {
   return t.toLocaleDateString(void 0, {
     weekday: "long",
     month: "long",
     day: "numeric"
   });
 }
-function Et(t, r) {
+function Ht(t, r) {
   const s = {
     hour: "2-digit",
     minute: "2-digit",
@@ -477,7 +477,7 @@ function Et(t, r) {
   };
   return `${t.toLocaleTimeString(void 0, s)} – ${r.toLocaleTimeString(void 0, s)}`;
 }
-function zt(t) {
+function Tt(t) {
   return t.toLocaleDateString(void 0, {
     day: "2-digit",
     month: "short",
@@ -486,21 +486,21 @@ function zt(t) {
     minute: "2-digit"
   });
 }
-function St(t) {
-  const [r, s] = se(() => typeof window < "u" ? window.matchMedia(t).matches : !1);
-  return me(() => {
+function jt(t) {
+  const [r, s] = q(() => typeof window < "u" ? window.matchMedia(t).matches : !1);
+  return ge(() => {
     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 o = window.matchMedia(t), i = (a) => s(a.matches);
+    return o.addEventListener("change", i), () => o.removeEventListener("change", i);
   }, [t]), r;
 }
-function Ee({
+function ze({
   event: t,
   labels: r,
   isLoading: s,
   onClose: o,
-  onEdit: a,
-  onDelete: i,
+  onEdit: i,
+  onDelete: a,
   onCancel: g,
   onAccept: f,
   onDecline: c,
@@ -508,43 +508,43 @@ function Ee({
   canEdit: w = !0,
   canDelete: k = !1,
   canCancel: M = !0,
-  isCurrentUserParticipant: L = !1,
-  isCurrentUserClient: z = !1,
+  isCurrentUserParticipant: z = !1,
+  isCurrentUserClient: E = !1,
   currentUserAcceptStatus: p,
   isAcceptLoading: y = !1,
   isDeclineLoading: b = !1,
   isConfirmLoading: N = !1,
   isDeleteLoading: S = !1,
-  renderParticipant: j,
-  renderHeaderActions: U,
+  renderParticipant: I,
+  renderHeaderActions: Y,
   renderCancelReason: _,
   renderDeleteConfirmation: W,
-  formatDate: A = Mt,
-  formatTimeRange: P = Et
+  formatDate: A = Lt,
+  formatTimeRange: V = Ht
 }) {
-  const [T, O] = se(!1), Y = !(t.isCanceled || t.meetingTookPlace), x = t.isRecurring ?? !1, l = t.participantDetails, h = t.participantsNames || [], v = l && l.length > 0, C = p === !0, D = p === !1, $ = L && !z && Y, H = v ? l.filter((V) => V.isConfirmed).length : t.isAccepted ? h.length : 0, F = v ? l.length : h.length, m = t.scheduleTypeColor || t.hexColor || "#039BE5", E = re(() => t.startDate ? A(t.startDate) : r.noDateProvided, [t.startDate, A, r.noDateProvided]), I = re(() => t.startDate && t.endDate ? P(t.startDate, t.endDate) : null, [t.startDate, t.endDate, P]), R = () => {
-    o(), a?.(t);
-  }, ie = () => {
+  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, C = p === !0, D = 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 = ae(() => t.startDate ? A(t.startDate) : r.noDateProvided, [t.startDate, A, r.noDateProvided]), u = ae(() => t.startDate && t.endDate ? V(t.startDate, t.endDate) : null, [t.startDate, t.endDate, V]), H = () => {
+    o(), i?.(t);
+  }, R = () => {
     o(), g?.(t);
-  }, G = () => {
-    O(!0);
-  }, ee = () => {
-    i?.(t), O(!1);
+  }, F = () => {
+    U(!0);
+  }, K = () => {
+    a?.(t), U(!1);
   };
-  return s ? /* @__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(J, { delayDuration: 300, children: [
+  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: [
     /* @__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: U ? U({ onClose: o }) : /* @__PURE__ */ n(te, { children: [
-        Y && w && a && /* @__PURE__ */ e(ue, { onClick: R, label: r.edit, children: /* @__PURE__ */ e(ft, { className: "h-[18px] w-[18px]" }) }),
-        Y && M && g && /* @__PURE__ */ e(ue, { onClick: ie, label: r.cancel, children: /* @__PURE__ */ e(gt, { className: "h-[18px] w-[18px]" }) }),
-        k && i && /* @__PURE__ */ e(ue, { onClick: G, label: r.delete, variant: "destructive", children: /* @__PURE__ */ e(Ye, { className: "h-[18px] w-[18px]" }) }),
-        /* @__PURE__ */ e(ue, { onClick: o, label: r.close, children: /* @__PURE__ */ e(he, { className: "h-[18px] w-[18px]" }) })
+      /* @__PURE__ */ e("div", { className: "flex items-start justify-end gap-0.5", children: Y ? Y({ onClose: o }) : /* @__PURE__ */ n(ie, { children: [
+        G && w && i && /* @__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]" }) }),
+        k && a && /* @__PURE__ */ e(me, { onClick: F, label: r.delete, variant: "destructive", children: /* @__PURE__ */ e(Ke, { className: "h-[18px] w-[18px]" }) }),
+        /* @__PURE__ */ e(me, { onClick: o, label: r.close, children: /* @__PURE__ */ e(fe, { 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: m }
+            style: { backgroundColor: Q }
           }
         ),
         /* @__PURE__ */ n("div", { className: "flex-1 min-w-0", children: [
@@ -552,7 +552,7 @@ function Ee({
             /* @__PURE__ */ e(
               "h2",
               {
-                className: u(
+                className: h(
                   "text-[22px] font-normal text-zinc-900 dark:text-zinc-100 leading-tight",
                   t.isCanceled && "line-through opacity-60"
                 ),
@@ -560,19 +560,19 @@ function Ee({
               }
             ),
             t.meetingTookPlace && /* @__PURE__ */ n("span", { className: "inline-flex items-center gap-1 px-2 py-0.5 rounded-full bg-green-100 dark:bg-green-900/30 text-green-700 dark:text-green-400 text-xs font-medium", children: [
-              /* @__PURE__ */ e(xt, { className: "h-3 w-3" }),
+              /* @__PURE__ */ e(bt, { className: "h-3 w-3" }),
               r.completed
             ] }),
             t.isCanceled && /* @__PURE__ */ n("span", { className: "inline-flex items-center gap-1 px-2 py-0.5 rounded-full bg-red-100 dark:bg-red-900/30 text-red-700 dark:text-red-400 text-xs font-medium", children: [
-              /* @__PURE__ */ e(he, { className: "h-3 w-3" }),
+              /* @__PURE__ */ e(fe, { 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: E() }),
-            I() && /* @__PURE__ */ n(te, { children: [
+            /* @__PURE__ */ e("span", { children: J() }),
+            u() && /* @__PURE__ */ n(ie, { children: [
               /* @__PURE__ */ e("span", { className: "mx-1.5", children: "·" }),
-              /* @__PURE__ */ e("span", { children: I() })
+              /* @__PURE__ */ e("span", { children: u() })
             ] })
           ] }),
           x && t.recurrenceSummary && /* @__PURE__ */ e("div", { className: "text-sm text-zinc-500 dark:text-zinc-500", children: t.recurrenceSummary })
@@ -588,26 +588,26 @@ function Ee({
         t.canceledDate && /* @__PURE__ */ n("div", { className: "mt-1.5 text-xs text-red-500/70 dark:text-red-400/60", children: [
           r.canceledOn,
           " ",
-          zt(t.canceledDate)
+          Tt(t.canceledDate)
         ] })
       ] }) }) }),
       /* @__PURE__ */ n("div", { className: "space-y-0.5", children: [
         t.address && /* @__PURE__ */ n("div", { className: "flex items-start gap-2", children: [
-          /* @__PURE__ */ e(wt, { className: "h-5 w-5 text-zinc-400 mt-0.5 shrink-0" }),
+          /* @__PURE__ */ e(Nt, { className: "h-5 w-5 text-zinc-400 mt-0.5 shrink-0" }),
           /* @__PURE__ */ e("span", { className: "text-sm text-zinc-700 dark:text-zinc-300", children: t.address })
         ] }),
-        (v || h.length > 0) && /* @__PURE__ */ n("div", { className: "flex items-start gap-2 py-0", children: [
-          /* @__PURE__ */ e(vt, { className: "h-5 w-5 text-zinc-400 mt-0.5 shrink-0" }),
+        (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" }),
           /* @__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: [
-                F,
+                P,
                 " ",
-                F !== 1 ? r.guests : r.guest
+                P !== 1 ? r.guests : r.guest
               ] }),
-              F > 0 && /* @__PURE__ */ n("span", { className: "text-xs text-zinc-500", children: [
+              P > 0 && /* @__PURE__ */ n("span", { className: "text-xs text-zinc-500", children: [
                 "(",
-                H,
+                T,
                 " ",
                 r.confirmed,
                 ")"
@@ -615,37 +615,37 @@ function Ee({
             ] }),
             /* @__PURE__ */ n("div", { className: "mt-2 space-y-2", children: [
               v ? l.slice(0, 6).map(
-                (V, oe) => j ? j(V, oe) : /* @__PURE__ */ e(
-                  Me,
+                (j, X) => I ? I(j, X) : /* @__PURE__ */ e(
+                  Se,
                   {
-                    participant: V,
+                    participant: j,
                     isEventCanceled: t.isCanceled,
                     labels: r
                   },
-                  V.id
+                  j.id
                 )
-              ) : h.slice(0, 6).map((V, oe) => {
-                const ke = {
-                  id: String(oe),
-                  name: V,
+              ) : m.slice(0, 6).map((j, X) => {
+                const O = {
+                  id: String(X),
+                  name: j,
                   email: "",
                   isConfirmed: t.isAccepted,
-                  isOrganizer: oe === 0,
+                  isOrganizer: X === 0,
                   isClient: !1
                 };
-                return j ? j(ke, oe) : /* @__PURE__ */ e(
-                  Me,
+                return I ? I(O, X) : /* @__PURE__ */ e(
+                  Se,
                   {
-                    participant: ke,
+                    participant: O,
                     isEventCanceled: t.isCanceled,
                     labels: r
                   },
-                  V
+                  j
                 );
               }),
-              F > 6 && /* @__PURE__ */ n("div", { className: "text-xs text-zinc-500 py-1.5 pl-10", children: [
+              P > 6 && /* @__PURE__ */ n("div", { className: "text-xs text-zinc-500 py-1.5 pl-10", children: [
                 "+",
-                F - 6,
+                P - 6,
                 " ",
                 r.more
               ] })
@@ -653,75 +653,75 @@ function Ee({
           ] })
         ] }),
         t.description && /* @__PURE__ */ n("div", { className: "flex items-start gap-2", children: [
-          /* @__PURE__ */ e(yt, { className: "h-5 w-5 text-zinc-400 mt-0.5 shrink-0" }),
+          /* @__PURE__ */ e(Dt, { className: "h-5 w-5 text-zinc-400 mt-0.5 shrink-0" }),
           /* @__PURE__ */ e("p", { className: "text-sm text-zinc-700 dark:text-zinc-300 whitespace-pre-wrap", children: t.description })
         ] }),
         /* @__PURE__ */ n("div", { className: "flex items-start gap-2", children: [
-          /* @__PURE__ */ e(bt, { 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((V) => V.isOrganizer)?.name || h[0] || "Calendar" })
+          /* @__PURE__ */ e(Ct, { className: "h-5 w-5 text-zinc-400 mt-0.5 shrink-0" }),
+          /* @__PURE__ */ e("div", { className: "text-sm text-zinc-700 dark:text-zinc-300", children: v && l.find((j) => j.isOrganizer)?.name || m[0] || "Calendar" })
         ] })
       ] }),
-      $ && 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(Ze, { children: [
-          /* @__PURE__ */ e(qe, { asChild: !0, children: /* @__PURE__ */ n("div", { className: "flex", children: [
+      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: [
             /* @__PURE__ */ e(
-              ae,
+              ce,
               {
                 size: "sm",
                 variant: "outline",
-                className: u(
+                className: h(
                   "rounded-r-none gap-1.5 h-8 !border-none !bg-green-100 text-green-800 hover:!bg-green-200",
                   C && "!bg-green-700 !text-white hover:!bg-green-700"
                 ),
-                onClick: (V) => {
-                  V.stopPropagation(), C || f(t);
+                onClick: (j) => {
+                  j.stopPropagation(), C || f(t);
                 },
                 disabled: y,
-                children: y ? /* @__PURE__ */ e(le, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ n(te, { children: [
-                  C && /* @__PURE__ */ e(de, { className: "h-3.5 w-3.5" }),
+                children: y ? /* @__PURE__ */ e(de, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ n(ie, { children: [
+                  C && /* @__PURE__ */ e(he, { className: "h-3.5 w-3.5" }),
                   r.going
                 ] })
               }
             ),
             /* @__PURE__ */ e(
-              ae,
+              ce,
               {
                 size: "sm",
                 variant: "outline",
-                className: u(
+                className: h(
                   "rounded-l-none px-1.5 h-8 !border-none !bg-green-100 text-green-800 hover:!bg-green-200",
                   C && "!bg-green-700 !text-white hover:!bg-green-700"
                 ),
-                children: /* @__PURE__ */ e(pt, { className: "h-3.5 w-3.5" })
+                children: /* @__PURE__ */ e(yt, { className: "h-3.5 w-3.5" })
               }
             )
           ] }) }),
-          /* @__PURE__ */ n(et, { align: "start", children: [
+          /* @__PURE__ */ n(st, { align: "start", children: [
             /* @__PURE__ */ n(
-              Ne,
+              De,
               {
-                className: u(
+                className: h(
                   "gap-1.5 h-8 !border-none !bg-green-50 text-green-800 hover:!bg-green-100",
                   C && "!bg-green-700 !text-white hover:!bg-green-700"
                 ),
                 onClick: () => f(t),
                 children: [
-                  /* @__PURE__ */ e(de, { className: "h-3.5 w-3.5 mr-2 text-green-600" }),
+                  /* @__PURE__ */ e(he, { className: "h-3.5 w-3.5 mr-2 text-green-600" }),
                   r.acceptThisEvent
                 ]
               }
             ),
-            /* @__PURE__ */ n(Ne, { onClick: () => f(t), children: [
-              /* @__PURE__ */ e(de, { className: "h-3.5 w-3.5 mr-2 text-green-600" }),
+            /* @__PURE__ */ n(De, { onClick: () => f(t), children: [
+              /* @__PURE__ */ e(he, { className: "h-3.5 w-3.5 mr-2 text-green-600" }),
               r.acceptAllEvents
             ] })
           ] })
         ] }) : /* @__PURE__ */ e(
-          ae,
+          ce,
           {
             size: "sm",
             variant: "outline",
-            className: u(
+            className: h(
               "gap-1.5 h-8 !border-none !bg-green-100 text-green-800 hover:!bg-green-200",
               C && "!bg-green-700 !text-white hover:!bg-green-700"
             ),
@@ -729,18 +729,18 @@ function Ee({
               C || f(t);
             },
             disabled: y,
-            children: y ? /* @__PURE__ */ e(le, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ n(te, { children: [
-              C && /* @__PURE__ */ e(de, { className: "h-3.5 w-3.5" }),
+            children: y ? /* @__PURE__ */ e(de, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ n(ie, { children: [
+              C && /* @__PURE__ */ e(he, { className: "h-3.5 w-3.5" }),
               r.going
             ] })
           }
         ),
         /* @__PURE__ */ e(
-          ae,
+          ce,
           {
             size: "sm",
             variant: "outline",
-            className: u(
+            className: h(
               "gap-1.5 h-8 !border-none !bg-rose-100 text-rose-800 hover:!bg-rose-200",
               D && "!bg-rose-700 !text-white hover:!bg-rose-700"
             ),
@@ -748,15 +748,15 @@ function Ee({
               D || c(t);
             },
             disabled: b,
-            children: b ? /* @__PURE__ */ e(le, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ n(te, { children: [
-              D && /* @__PURE__ */ e(he, { className: "h-3.5 w-3.5" }),
+            children: b ? /* @__PURE__ */ e(de, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ n(ie, { children: [
+              D && /* @__PURE__ */ e(fe, { className: "h-3.5 w-3.5" }),
               r.notGoing
             ] })
           }
         )
       ] }) }),
-      L && C && !t.meetingTookPlace && !t.isCanceled && d && /* @__PURE__ */ e("div", { className: "border-t border-zinc-100 dark:border-zinc-800 py-3", children: /* @__PURE__ */ n(
-        ae,
+      z && C && !t.meetingTookPlace && !t.isCanceled && d && /* @__PURE__ */ e("div", { className: "border-t border-zinc-100 dark:border-zinc-800 py-3", children: /* @__PURE__ */ n(
+        ce,
         {
           size: "sm",
           variant: "outline",
@@ -764,38 +764,38 @@ function Ee({
           onClick: () => d(t),
           disabled: N,
           children: [
-            N && /* @__PURE__ */ e(le, { className: "h-4 w-4 mr-2" }),
+            N && /* @__PURE__ */ e(de, { className: "h-4 w-4 mr-2" }),
             r.confirmMeeting
           ]
         }
       ) })
     ] }),
-    W ? T && W({
-      onConfirm: ee,
-      onCancel: () => O(!1),
+    W ? L && W({
+      onConfirm: K,
+      onCancel: () => U(!1),
       isLoading: S
     }) : /* @__PURE__ */ e(
-      Dt,
+      zt,
       {
-        open: T,
-        onOpenChange: O,
+        open: L,
+        onOpenChange: U,
         title: r.deleteConfirmTitle,
         description: r.deleteConfirmDescription,
         cancelLabel: r.cancel,
         confirmLabel: r.delete,
-        onConfirm: ee,
+        onConfirm: K,
         isLoading: S
       }
     )
   ] });
 }
-function Or({
+function Yr({
   event: t,
   children: r,
   open: s,
   onOpenChange: o,
-  isLoading: a,
-  labels: i,
+  isLoading: i,
+  labels: a,
   onEdit: g,
   onDelete: f,
   onCancel: c,
@@ -803,30 +803,30 @@ function Or({
   onDecline: w,
   onConfirmMeeting: k,
   canEdit: M = !0,
-  canDelete: L = !1,
-  canCancel: z = !0,
+  canDelete: z = !1,
+  canCancel: E = !0,
   isCurrentUserParticipant: p,
   isCurrentUserClient: y,
   currentUserAcceptStatus: b,
   isAcceptLoading: N,
   isDeclineLoading: S,
-  isConfirmLoading: j,
-  isDeleteLoading: U,
+  isConfirmLoading: I,
+  isDeleteLoading: Y,
   renderParticipant: _,
   renderHeaderActions: W,
   renderCancelReason: A,
-  renderDeleteConfirmation: P,
-  formatDate: T,
-  formatTimeRange: O,
-  className: Y,
+  renderDeleteConfirmation: V,
+  formatDate: L,
+  formatTimeRange: U,
+  className: G,
   width: x = 360
 }) {
-  const l = St("(min-width: 768px)"), h = { ...kt, ...i }, v = re(() => {
+  const l = jt("(min-width: 768px)"), m = { ...Mt, ...a }, v = ae(() => {
     o?.(!1);
   }, [o]), C = {
     event: t,
-    labels: h,
-    isLoading: a,
+    labels: m,
+    isLoading: i,
     onClose: v,
     onEdit: g,
     onDelete: f,
@@ -835,112 +835,112 @@ function Or({
     onDecline: w,
     onConfirmMeeting: k,
     canEdit: M,
-    canDelete: L,
-    canCancel: z,
+    canDelete: z,
+    canCancel: E,
     isCurrentUserParticipant: p,
     isCurrentUserClient: y,
     currentUserAcceptStatus: b,
     isAcceptLoading: N,
     isDeclineLoading: S,
-    isConfirmLoading: j,
-    isDeleteLoading: U,
+    isConfirmLoading: I,
+    isDeleteLoading: Y,
     renderParticipant: _,
     renderHeaderActions: W,
     renderCancelReason: A,
-    renderDeleteConfirmation: P,
-    formatDate: T,
-    formatTimeRange: O
+    renderDeleteConfirmation: V,
+    formatDate: L,
+    formatTimeRange: U
   };
-  return l ? /* @__PURE__ */ n(Pe, { open: s ?? !1, onOpenChange: o ?? (() => {
+  return l ? /* @__PURE__ */ n(Re, { open: s ?? !1, onOpenChange: o ?? (() => {
   }), children: [
-    /* @__PURE__ */ e(Oe, { asChild: !0, children: r }),
+    /* @__PURE__ */ e(Ve, { asChild: !0, children: r }),
     /* @__PURE__ */ e(
-      Re,
+      Ue,
       {
-        className: u(
+        className: h(
           "p-0 shadow-lg !rounded-2xl bg-white dark:bg-zinc-900 overflow-hidden border z-50",
-          Y
+          G
         ),
         style: { width: x },
         align: "center",
         side: "bottom",
         sideOffset: 4,
-        children: /* @__PURE__ */ e(Ee, { ...C })
+        children: /* @__PURE__ */ e(ze, { ...C })
       }
     )
-  ] }) : /* @__PURE__ */ n(te, { children: [
+  ] }) : /* @__PURE__ */ n(ie, { children: [
     r,
     /* @__PURE__ */ e(
-      Ct,
+      St,
       {
         open: s ?? !1,
         onOpenChange: o ?? (() => {
         }),
         title: t.title,
-        children: /* @__PURE__ */ e(Ee, { ...C })
+        children: /* @__PURE__ */ e(ze, { ...C })
       }
     )
   ] });
 }
-const ge = 44, ze = 4, Lt = 56, Se = 8, xe = 80, ce = 140, Le = 100, Te = 2, Tt = 8, Ht = 18;
-function jt(t) {
+const ve = 44, Le = 4, It = 56, He = 8, we = 80, ue = 140, Te = 100, je = 2, Wt = 8, At = 18;
+function Bt(t) {
   return t.split(" ").map((r) => r[0]).join("").toUpperCase().slice(0, 2);
 }
-function It(t, r) {
+function $t(t, r) {
   const s = [];
   for (let o = 0; o < r; o++) {
-    const a = new Date(t);
-    a.setDate(a.getDate() + o), s.push(a);
+    const i = new Date(t);
+    i.setDate(i.getDate() + o), s.push(i);
   }
   return s;
 }
-function Wt(t, r, s) {
+function Ft(t, r, s) {
   const o = [];
-  return t.forEach((a, i) => {
+  return t.forEach((i, a) => {
     for (let g = r; g < s; g++)
-      o.push({ hour: g, dayIndex: i, date: a });
+      o.push({ hour: g, dayIndex: a, date: i });
   }), o;
 }
-function At(t) {
+function _t(t) {
   return `${t.toString().padStart(2, "0")}:00`;
 }
-function $t(t) {
+function Pt(t) {
   return t.toLocaleDateString("en-US", {
     weekday: "short",
     month: "short",
     day: "numeric"
   });
 }
-function He(t) {
-  const r = [...t].sort((a, i) => a.startCol !== i.startCol ? a.startCol - i.startCol : i.spanCols - a.spanCols), s = [], o = [];
-  for (const a of r) {
-    let i = 0;
-    for (; o[i] !== void 0 && o[i] > a.startCol; )
-      i++;
-    o[i] = a.startCol + a.spanCols, s.push({
-      ...a,
-      stackIndex: i
+function Ie(t) {
+  const r = [...t].sort((i, a) => i.startCol !== a.startCol ? i.startCol - a.startCol : a.spanCols - i.spanCols), s = [], o = [];
+  for (const i of r) {
+    let a = 0;
+    for (; o[a] !== void 0 && o[a] > i.startCol; )
+      a++;
+    o[a] = i.startCol + i.spanCols, s.push({
+      ...i,
+      stackIndex: a
     });
   }
   return s;
 }
-function Bt({ src: t, alt: r, fallback: s, className: o }) {
+function Ot({ src: t, alt: r, fallback: s, className: o }) {
   return /* @__PURE__ */ e(
     "div",
     {
-      className: u("relative flex shrink-0 overflow-hidden rounded-sm border bg-muted", o),
+      className: h("relative flex shrink-0 overflow-hidden rounded-sm border bg-muted", o),
       children: t ? /* @__PURE__ */ e("img", { src: t, 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 })
     }
   );
 }
-const _t = 7;
-function pe({
-  daysToShow: t = _t,
+const Rt = 7;
+function be({
+  daysToShow: t = Rt,
   events: r,
   users: s = [],
   selectedDate: o,
-  onDateChange: a,
-  onEventClick: i,
+  onDateChange: i,
+  onEventClick: a,
   visibleHours: g,
   className: f,
   getEventUserId: c,
@@ -948,42 +948,42 @@ function pe({
   slots: w,
   classNames: k
 }) {
-  const M = Fe(null), L = o ?? /* @__PURE__ */ new Date(), z = !0, p = g?.from ?? Tt, y = g?.to ?? Ht, b = y - p, N = B(() => {
-    const l = new Date(L);
+  const M = Oe(null), z = o ?? /* @__PURE__ */ new Date(), E = !0, p = g?.from ?? Wt, y = g?.to ?? At, b = y - p, N = $(() => {
+    const l = new Date(z);
     if (t === 1 || t === 3)
       return l.setHours(0, 0, 0, 0), l;
-    const h = l.getDay(), v = h === 0 ? -6 : 1 - h;
+    const m = l.getDay(), v = m === 0 ? -6 : 1 - m;
     return l.setDate(l.getDate() + v), l.setHours(0, 0, 0, 0), l;
-  }, [L, t]), S = B(
-    () => It(N, t),
+  }, [z, t]), S = $(
+    () => $t(N, t),
     [N, t]
-  ), j = B(
-    () => Wt(S, p, y),
-    [z, S, p, y]
+  ), I = $(
+    () => Ft(S, p, y),
+    [E, S, p, y]
   ), _ = c ?? ((l) => {
     if (l.user?.id) return l.user.id;
-    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);
+    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);
     if (l.participants?.[0]?.id) return l.participants[0].id;
-  }), W = B(() => {
+  }), W = $(() => {
     const l = /* @__PURE__ */ new Map();
-    for (const h of s)
-      l.set(h.id, {
-        id: h.id,
-        name: h.name,
-        avatar: h.avatar ?? void 0,
-        email: h.email
+    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 r) {
-      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 m of r) {
+      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 v of h.participants || [])
+      for (const v of m.participants || [])
         v.id && !l.has(v.id) && l.set(v.id, {
           id: v.id,
           name: v.name,
@@ -992,47 +992,47 @@ function pe({
         });
     }
     return Array.from(l.values());
-  }, [s, r]), A = B(() => {
-    const l = [], h = /* @__PURE__ */ new Map();
+  }, [s, r]), A = $(() => {
+    const l = [], m = /* @__PURE__ */ new Map();
     for (const D of W)
-      h.set(D.id, []);
-    h.set("unassigned", []);
+      m.set(D.id, []);
+    m.set("unassigned", []);
     for (const D of r) {
-      const $ = _(D) ?? "unassigned";
-      (h.get($) ?? h.get("unassigned")).push(D);
+      const B = _(D) ?? "unassigned";
+      (m.get(B) ?? m.get("unassigned")).push(D);
     }
     const v = (D) => {
-      const $ = [];
-      for (const H of D) {
-        const F = H.startDate.getHours() + H.startDate.getMinutes() / 60, m = H.endDate.getHours() + H.endDate.getMinutes() / 60;
-        for (let E = 0; E < S.length; E++) {
-          const I = S[E], R = fe(I), ie = Ve(I);
-          if (H.startDate <= ie && H.endDate >= R) {
-            let G = p, ee = y;
-            if (H.startDate >= R && (G = Math.max(p, F)), H.endDate <= ie && (ee = Math.min(y, m)), G = Math.max(p, Math.min(y, G)), ee = Math.max(p, Math.min(y, ee)), ee > G) {
-              const V = E * b + Math.floor(G - p), oe = E * b + Math.ceil(ee - p);
-              $.push({
-                event: H,
-                startCol: V,
-                spanCols: Math.max(1, oe - V)
+      const B = [];
+      for (const T of D) {
+        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 = y;
+            if (T.startDate >= H && (F = Math.max(p, P)), T.endDate <= R && (K = Math.min(y, Q)), F = Math.max(p, Math.min(y, F)), K = Math.max(p, Math.min(y, 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)
               });
             }
           }
         }
       }
-      return $;
+      return B;
     };
     for (const D of W) {
-      const $ = h.get(D.id) ?? [], H = v($), F = He(H), m = F.reduce((E, I) => Math.max(E, I.stackIndex + 1), 0);
+      const B = m.get(D.id) ?? [], T = v(B), P = Ie(T), Q = P.reduce((J, u) => Math.max(J, u.stackIndex + 1), 0);
       l.push({
         user: D,
-        events: F,
-        maxStack: Math.max(m, 1)
+        events: P,
+        maxStack: Math.max(Q, 1)
       });
     }
-    const C = h.get("unassigned") ?? [];
+    const C = m.get("unassigned") ?? [];
     if (C.length > 0) {
-      const D = v(C), $ = He(D), H = $.reduce((F, m) => Math.max(F, m.stackIndex + 1), 0);
+      const D = v(C), B = Ie(D), T = B.reduce((P, Q) => Math.max(P, Q.stackIndex + 1), 0);
       l.push({
         user: {
           id: "unassigned",
@@ -1040,8 +1040,8 @@ function pe({
           avatar: void 0,
           email: void 0
         },
-        events: $,
-        maxStack: Math.max(H, 1)
+        events: B,
+        maxStack: Math.max(T, 1)
       });
     }
     return l.filter((D) => D.events.length > 0);
@@ -1049,36 +1049,36 @@ function pe({
     W,
     r,
     S,
-    z,
+    E,
     b,
     p,
     y,
     _
-  ]), P = B(() => {
+  ]), V = $(() => {
     const l = /* @__PURE__ */ new Map();
-    for (const h of A)
-      for (const v of h.events)
+    for (const m of A)
+      for (const v of m.events)
         if (v.spanCols === 1) {
           const C = l.get(v.startCol) ?? 0;
           l.set(v.startCol, C + 1);
         }
     return l;
-  }, [A]), T = B(() => {
-    const l = j.length, h = xe, v = [];
+  }, [A]), L = $(() => {
+    const l = I.length, m = we, v = [];
     for (let C = 0; C < l; C++) {
-      const D = P.get(C) ?? 0;
-      D > Te ? v.push(
-        Le + (D - Te) * 20
-      ) : D > 0 ? v.push(Math.max(h, Le)) : v.push(h);
+      const D = V.get(C) ?? 0;
+      D > je ? v.push(
+        Te + (D - je) * 20
+      ) : D > 0 ? v.push(Math.max(m, Te)) : v.push(m);
     }
     return v;
-  }, [z, j.length, S.length, P]), O = (l) => Math.max(Lt, l * (ge + ze) + Se * 2), Y = ce + T.reduce((l, h) => l + h, 0), x = B(() => {
+  }, [E, I.length, S.length, V]), U = (l) => Math.max(It, l * (ve + Le) + He * 2), G = ue + L.reduce((l, m) => l + m, 0), x = $(() => {
     const l = [0];
-    for (let h = 0; h < T.length; h++)
-      l.push(l[h] + T[h]);
+    for (let m = 0; m < L.length; m++)
+      l.push(l[m] + L[m]);
     return l;
-  }, [T]);
-  return /* @__PURE__ */ e("div", { className: u("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: Y }, children: [
+  }, [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: [
     // 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: [
@@ -1086,21 +1086,21 @@ function pe({
           "div",
           {
             className: "flex shrink-0 items-center border-r bg-background px-2 py-1",
-            style: { width: ce },
+            style: { width: ue },
             children: /* @__PURE__ */ e("span", { className: "text-[10px] font-medium uppercase text-muted-foreground", children: "Resources" })
           }
         ),
-        S.map((l, h) => {
-          const v = ne(l), C = h * b, D = T.slice(C, C + b).reduce(($, H) => $ + H, 0);
+        S.map((l, m) => {
+          const v = le(l), C = m * b, D = L.slice(C, C + b).reduce((B, T) => B + T, 0);
           return /* @__PURE__ */ e(
             "div",
             {
-              className: u(
+              className: h(
                 "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: D },
-              children: /* @__PURE__ */ e("span", { className: "text-xs", children: $t(l) })
+              children: /* @__PURE__ */ e("span", { className: "text-xs", children: Pt(l) })
             },
             `day-${l.toISOString()}`
           );
@@ -1111,7 +1111,7 @@ function pe({
           "div",
           {
             className: "flex shrink-0 items-center border-r bg-background px-2 py-2",
-            style: { width: ce },
+            style: { width: ue },
             children: /* @__PURE__ */ e("span", { className: "text-[10px] font-medium uppercase text-muted-foreground", children: "Resources" })
           }
         ),
@@ -1119,21 +1119,21 @@ function pe({
           "div",
           {
             className: "sticky left-0 z-10 border-r bg-background",
-            style: { width: ce }
+            style: { width: ue }
           }
         ),
-        j.map((l, h) => {
-          const v = l.hour === p, C = ne(l.date), D = T[h] ?? xe;
+        I.map((l, m) => {
+          const v = l.hour === p, C = le(l.date), D = L[m] ?? we;
           return /* @__PURE__ */ e(
             "div",
             {
-              className: u(
+              className: h(
                 "flex shrink-0 items-center justify-center py-1.5 text-[10px] text-muted-foreground",
-                v && h > 0 ? "border-l-2 border-l-border" : "border-r border-r-border/50",
+                v && m > 0 ? "border-l-2 border-l-border" : "border-r border-r-border/50",
                 C && "bg-primary/5"
               ),
               style: { width: D },
-              children: At(l.hour)
+              children: _t(l.hour)
             },
             `hour-${l.dayIndex}-${l.hour}`
           );
@@ -1141,28 +1141,28 @@ function pe({
       ] })
     ] }) }),
     A.map((l) => {
-      const h = O(l.maxStack);
+      const m = U(l.maxStack);
       return /* @__PURE__ */ n(
         "div",
         {
-          className: u("relative flex border-b", k?.resourceRow),
-          style: { height: h },
+          className: h("relative flex border-b", k?.resourceRow),
+          style: { height: m },
           children: [
-            /* @__PURE__ */ e("div", { className: "sticky left-0 z-10", style: { width: ce }, children: /* @__PURE__ */ n(
+            /* @__PURE__ */ e("div", { className: "sticky left-0 z-10", style: { width: ue }, children: /* @__PURE__ */ n(
               "div",
               {
-                className: u(
+                className: h(
                   "flex h-full items-center gap-2 sm:gap-3 border-r bg-background px-2 sm:px-4",
                   k?.resourceHeader
                 ),
                 children: [
                   /* @__PURE__ */ e(
-                    Bt,
+                    Ot,
                     {
                       className: "size-7",
                       src: l.user.avatar,
                       alt: l.user.name,
-                      fallback: jt(l.user.name)
+                      fallback: Bt(l.user.name)
                     }
                   ),
                   /* @__PURE__ */ e("span", { className: "truncate text-xs sm:text-sm font-medium", children: l.user.name })
@@ -1171,42 +1171,42 @@ function pe({
             ) }),
             /* @__PURE__ */ n("div", { className: "relative flex", children: [
               // Hour mode cells
-              j.map((v, C) => {
-                const D = v.hour === p && C > 0, $ = T[C] ?? xe;
+              I.map((v, C) => {
+                const D = v.hour === p && C > 0, B = L[C] ?? we;
                 return /* @__PURE__ */ e(
                   "div",
                   {
-                    className: u(
+                    className: h(
                       "shrink-0",
                       D ? "border-l-2 border-l-border" : "border-r border-r-border/50",
-                      ne(v.date) && "bg-primary/5"
+                      le(v.date) && "bg-primary/5"
                     ),
-                    style: { width: $ }
+                    style: { width: B }
                   },
                   `cell-${v.dayIndex}-${v.hour}`
                 );
               }),
               l.events.map((v) => {
-                const C = (x[v.startCol] ?? 0) + 2, D = x[v.startCol + v.spanCols] ?? x[x.length - 1] ?? 0, $ = x[v.startCol] ?? 0, H = D - $ - 4, F = Se + v.stackIndex * (ge + ze);
+                const C = (x[v.startCol] ?? 0) + 2, D = x[v.startCol + v.spanCols] ?? x[x.length - 1] ?? 0, B = x[v.startCol] ?? 0, T = D - B - 4, P = He + v.stackIndex * (ve + Le);
                 return /* @__PURE__ */ e(
                   "div",
                   {
                     className: "absolute",
                     style: {
                       left: C,
-                      width: Math.max(H, 0),
+                      width: Math.max(T, 0),
                       // No forced minimum - columns are guaranteed wide enough
-                      top: F,
-                      height: ge
+                      top: P,
+                      height: ve
                     },
                     children: /* @__PURE__ */ e(
-                      tt,
+                      ot,
                       {
                         event: v.event,
                         variant: "compact",
-                        onClick: i,
+                        onClick: a,
                         renderPopover: d,
-                        className: u("h-full w-full", k?.eventCardCompact)
+                        className: h("h-full w-full", k?.eventCardCompact)
                       }
                     )
                   },
@@ -1222,7 +1222,7 @@ function pe({
     A.length === 0 && /* @__PURE__ */ e("div", { className: "flex items-center justify-center py-20 text-muted-foreground", children: "No users or events to display" })
   ] }) }) });
 }
-const Ft = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], Pt = [
+const Vt = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], Ut = [
   "January",
   "February",
   "March",
@@ -1236,18 +1236,18 @@ const Ft = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], Pt = [
   "November",
   "December"
 ];
-function je(t) {
+function We(t) {
   const r = t.hexColor;
   return r ? { backgroundColor: r } : {};
 }
-function Ot({ day: t, date: r, events: s, isCurrentMonth: o, onDayClick: a }) {
-  const i = ne(r), g = 3, f = s.length;
+function Yt({ day: t, date: r, events: s, isCurrentMonth: o, onDayClick: i }) {
+  const a = le(r), g = 3, f = s.length;
   return /* @__PURE__ */ n(
     "button",
     {
       type: "button",
-      onClick: () => a?.(r),
-      className: u(
+      onClick: () => i?.(r),
+      className: h(
         "flex h-9 sm:h-11 flex-1 flex-col items-center justify-start gap-0.5 rounded-md pt-0.5 sm:pt-1",
         "hover:bg-accent focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
         "transition-colors",
@@ -1257,9 +1257,9 @@ function Ot({ day: t, date: r, events: s, isCurrentMonth: o, onDayClick: a }) {
         /* @__PURE__ */ e(
           "div",
           {
-            className: u(
+            className: h(
               "flex size-5 sm:size-6 items-center justify-center rounded-full text-[10px] sm:text-xs font-medium",
-              i && "bg-primary font-semibold text-primary-foreground"
+              a && "bg-primary font-semibold text-primary-foreground"
             ),
             children: t
           }
@@ -1268,15 +1268,15 @@ function Ot({ day: t, date: r, events: s, isCurrentMonth: o, onDayClick: a }) {
           "div",
           {
             className: "size-1 sm:size-1.5 rounded-full bg-primary",
-            style: je(c)
+            style: We(c)
           },
           c.id
-        )) : /* @__PURE__ */ n(te, { children: [
+        )) : /* @__PURE__ */ n(ie, { children: [
           s.slice(0, g).map((c) => /* @__PURE__ */ e(
             "div",
             {
               className: "size-1 sm:size-1.5 rounded-full bg-primary",
-              style: je(c)
+              style: We(c)
             },
             c.id
           )),
@@ -1289,63 +1289,63 @@ function Ot({ day: t, date: r, events: s, isCurrentMonth: o, onDayClick: a }) {
     }
   );
 }
-function Rt({
+function Gt({
   date: t,
   events: r,
   onMonthClick: s,
   onDayClick: o
 }) {
-  const a = B(() => dt(t, 0), [t]);
+  const i = $(() => ft(t, 0), [t]);
   return /* @__PURE__ */ n("div", { className: "flex flex-col", children: [
     /* @__PURE__ */ e(
       "button",
       {
         type: "button",
         onClick: () => s?.(t),
-        className: u(
+        className: h(
           "w-full rounded-t-lg border px-2 sm:px-3 py-1.5 sm:py-2 text-xs sm:text-sm font-semibold",
           "hover:bg-accent focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
           "transition-colors"
         ),
-        children: Pt[t.getMonth()]
+        children: Ut[t.getMonth()]
       }
     ),
     /* @__PURE__ */ n("div", { className: "flex-1 space-y-1.5 sm:space-y-2 rounded-b-lg border border-t-0 p-2 sm:p-3", children: [
-      /* @__PURE__ */ e("div", { className: "grid grid-cols-7 gap-x-0.5 text-center", children: Ft.map((i, g) => /* @__PURE__ */ n("div", { className: "text-[9px] sm:text-xs font-medium text-muted-foreground", children: [
-        /* @__PURE__ */ e("span", { className: "sm:hidden", children: i[0] }),
-        /* @__PURE__ */ e("span", { className: "hidden sm:inline", children: i })
+      /* @__PURE__ */ e("div", { className: "grid grid-cols-7 gap-x-0.5 text-center", children: Vt.map((a, g) => /* @__PURE__ */ n("div", { className: "text-[9px] sm:text-xs font-medium text-muted-foreground", children: [
+        /* @__PURE__ */ e("span", { className: "sm:hidden", children: a[0] }),
+        /* @__PURE__ */ e("span", { className: "hidden sm:inline", children: a })
       ] }, g)) }),
-      /* @__PURE__ */ e("div", { className: "grid grid-cols-7 gap-x-0.5 gap-y-1", children: a.map((i, g) => {
-        const f = ut(r, i.date);
+      /* @__PURE__ */ e("div", { className: "grid grid-cols-7 gap-x-0.5 gap-y-1", children: i.map((a, g) => {
+        const f = gt(r, a.date);
         return /* @__PURE__ */ e(
-          Ot,
+          Yt,
           {
-            day: i.date.getDate(),
-            date: i.date,
+            day: a.date.getDate(),
+            date: a.date,
             events: f,
-            isCurrentMonth: i.isCurrentMonth,
+            isCurrentMonth: a.isCurrentMonth,
             onDayClick: o
           },
-          `${g + 1}-${i.date.toISOString()}`
+          `${g + 1}-${a.date.toISOString()}`
         );
       }) })
     ] })
   ] });
 }
-function Vt({
+function Kt({
   events: t,
   year: r,
   onMonthClick: s,
   onDayClick: o,
-  className: a,
-  slots: i,
+  className: i,
+  slots: a,
   classNames: g
 }) {
-  const f = B(() => ct(r), [r]);
-  return /* @__PURE__ */ n("div", { className: u("flex flex-col h-full", a), children: [
+  const f = $(() => mt(r), [r]);
+  return /* @__PURE__ */ n("div", { className: h("flex flex-col h-full", i), children: [
     /* @__PURE__ */ e("div", { className: "flex items-center justify-center border-b px-4 py-3", children: /* @__PURE__ */ e("h2", { className: "text-lg font-semibold", children: r }) }),
     /* @__PURE__ */ e("div", { className: "flex-1 overflow-auto p-4", children: /* @__PURE__ */ e("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4", children: f.map((c) => /* @__PURE__ */ e(
-      Rt,
+      Gt,
       {
         date: c,
         events: t,
@@ -1356,7 +1356,7 @@ function Vt({
     )) }) })
   ] });
 }
-function Ut(t) {
+function Jt(t) {
   switch (t) {
     case "day":
     case "week":
@@ -1365,13 +1365,13 @@ function Ut(t) {
       return "day";
   }
 }
-function Yt({
+function Xt({
   onEventClick: t,
   onSlotClick: r,
   onSlotSelect: s,
   onAddEvent: o,
-  className: a,
-  showHeader: i = !0,
+  className: i,
+  showHeader: a = !0,
   minSelectionMinutes: g = 30,
   showMoreEventsInPopover: f = !1,
   isLoading: c = !1,
@@ -1379,8 +1379,8 @@ function Yt({
   classNames: w,
   settingsContent: k,
   filterContent: M,
-  headerActions: L,
-  renderPopover: z
+  headerActions: z,
+  renderPopover: E
 }) {
   const {
     view: p,
@@ -1388,93 +1388,93 @@ function Yt({
     selectedDate: b,
     setSelectedDate: N,
     slotDuration: S,
-    filteredEvents: j,
-    users: U,
+    filteredEvents: I,
+    users: Y,
     visibleHours: _,
     workingHours: W,
     badgeVariant: A,
-    showWorkingHoursOnly: P
-  } = Qe(), T = B(() => {
-    if (!P || !W)
+    showWorkingHoursOnly: V
+  } = tt(), L = $(() => {
+    if (!V || !W)
       return { startHour: _.start, endHour: _.end };
-    let m = 24, E = 0;
-    for (const I of Object.keys(W)) {
-      const R = W[Number(I)];
-      !R || R.enabled === !1 || (R.from < m && (m = R.from), R.to > E && (E = R.to));
+    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));
     }
-    return m >= E ? { startHour: _.start, endHour: _.end } : { startHour: m, endHour: E };
-  }, [P, W, _]), O = T, Y = B(() => Ut(p), [p]), x = re(
-    (m) => {
+    return u >= H ? { startHour: _.start, endHour: _.end } : { startHour: u, endHour: H };
+  }, [V, W, _]), U = L, G = $(() => Jt(p), [p]), x = ae(
+    (u) => {
       if (s) {
-        s(m);
+        s(u);
         return;
       }
       if (r) {
-        const E = m.startDate.getHours();
-        r(m.startDate, E);
+        const H = u.startDate.getHours();
+        r(u.startDate, H);
       }
     },
     [s, r]
-  ), l = re(
-    (m) => {
-      y("day"), N(m, "day");
+  ), l = ae(
+    (u) => {
+      y("day"), N(u, "day");
     },
     [N, y]
-  ), h = re(
-    (m) => {
-      y("month"), N(m, "month");
+  ), m = ae(
+    (u) => {
+      y("month"), N(u, "month");
     },
     [N, y]
-  ), v = re(
-    (m) => {
-      t?.(m);
+  ), v = ae(
+    (u) => {
+      t?.(u);
     },
     [t]
   ), C = () => {
-    const m = j, E = v, I = z;
+    const u = I, H = v, R = E;
     switch (p) {
       case "day":
         return /* @__PURE__ */ e(
-          ot,
+          ct,
           {
-            events: m,
+            events: u,
             date: b,
-            visibleHours: O,
+            visibleHours: U,
             workingHours: W,
             slotDuration: S,
             badgeVariant: A,
-            onEventClick: E,
-            renderPopover: I,
+            onEventClick: H,
+            renderPopover: R,
             ...d && { slots: d },
             ...w && { classNames: w }
           }
         );
       case "week":
         return /* @__PURE__ */ e(
-          st,
+          lt,
           {
-            events: m,
+            events: u,
             date: b,
-            visibleHours: O,
+            visibleHours: U,
             workingHours: W,
             slotDuration: S,
             badgeVariant: A,
-            onEventClick: E,
-            renderPopover: I,
+            onEventClick: H,
+            renderPopover: R,
             ...d && { slots: d },
             ...w && { classNames: w }
           }
         );
       case "month":
         return /* @__PURE__ */ e(
-          Ce,
+          Me,
           {
-            events: m,
+            events: u,
             date: b,
             badgeVariant: A,
-            onEventClick: E,
+            onEventClick: H,
             onDayClick: l,
-            renderPopover: I,
+            renderPopover: R,
             showMoreEventsInPopover: f,
             ...d && { slots: d },
             ...w && { classNames: w }
@@ -1482,11 +1482,11 @@ function Yt({
         );
       case "year":
         return /* @__PURE__ */ e(
-          Vt,
+          Kt,
           {
-            events: m,
+            events: u,
             year: b.getFullYear(),
-            onMonthClick: h,
+            onMonthClick: m,
             onDayClick: l,
             ...d && { slots: d },
             ...w && { classNames: w }
@@ -1494,12 +1494,12 @@ function Yt({
         );
       case "agenda":
         return /* @__PURE__ */ e(
-          nt,
+          at,
           {
-            events: m,
+            events: u,
             date: b,
-            onEventClick: E,
-            renderPopover: I,
+            onEventClick: H,
+            renderPopover: R,
             ...d && { slots: d },
             ...w && { classNames: w }
           }
@@ -1507,116 +1507,136 @@ function Yt({
       // Timeline views
       case "timeline-day":
         return /* @__PURE__ */ e(
-          pe,
+          be,
           {
             daysToShow: 1,
-            events: m,
-            users: U,
+            events: u,
+            users: Y,
             selectedDate: b,
             visibleHours: {
-              from: T.startHour,
-              to: T.endHour
+              from: L.startHour,
+              to: L.endHour
             },
-            onEventClick: E,
-            renderPopover: I,
+            onEventClick: H,
+            renderPopover: R,
             ...d && { slots: d },
             ...w && { classNames: w }
           }
         );
       case "timeline-3day":
         return /* @__PURE__ */ e(
-          pe,
+          be,
           {
             daysToShow: 3,
-            events: m,
-            users: U,
+            events: u,
+            users: Y,
             selectedDate: b,
             visibleHours: {
-              from: T.startHour,
-              to: T.endHour
+              from: L.startHour,
+              to: L.endHour
             },
-            onEventClick: E,
-            renderPopover: I,
+            onEventClick: H,
+            renderPopover: R,
             ...d && { slots: d },
             ...w && { classNames: w }
           }
         );
       case "timeline-week":
         return /* @__PURE__ */ e(
-          pe,
+          be,
           {
             daysToShow: 7,
-            events: m,
-            users: U,
+            events: u,
+            users: Y,
             selectedDate: b,
             visibleHours: {
-              from: T.startHour,
-              to: T.endHour
+              from: L.startHour,
+              to: L.endHour
             },
-            onEventClick: E,
-            renderPopover: I,
+            onEventClick: H,
+            renderPopover: R,
             ...d && { slots: d },
             ...w && { classNames: w }
           }
         );
       default:
         return /* @__PURE__ */ e(
-          Ce,
+          Me,
           {
-            events: m,
+            events: u,
             date: b,
             badgeVariant: A,
-            onEventClick: E,
+            onEventClick: H,
             onDayClick: l,
             ...d && { slots: d },
             ...w && { classNames: w }
           }
         );
     }
-  }, D = Fe(null), [$, H] = se(!1);
-  me(() => {
-    const m = D.current;
-    if (!m) return;
-    const E = () => {
-      const { scrollLeft: R, scrollWidth: ie, clientWidth: G } = m;
-      H(R + G < ie - 2);
+  }, D = Oe(null), [B, T] = q(!1), [P, Q] = q(null);
+  ge(() => {
+    const u = D.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();
     };
-    E(), m.addEventListener("scroll", E, { passive: !0 });
-    const I = new ResizeObserver(E);
-    I.observe(m);
-    for (const R of Array.from(m.children))
-      I.observe(R);
+    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 () => {
-      m.removeEventListener("scroll", E), I.disconnect();
+      u.removeEventListener("scroll", K), j && j !== u && j.removeEventListener("scroll", F), X.disconnect();
     };
   }, [p]);
-  const F = re(() => {
+  const J = ae(() => {
     D.current?.scrollBy({ left: 250, behavior: "smooth" });
   }, []);
   return /* @__PURE__ */ e(
-    lt,
+    ht,
     {
-      mode: Y,
+      mode: G,
       onSelect: x,
       minDurationMinutes: g,
       slotDurationMinutes: S,
       enabled: !!(s || r),
-      children: /* @__PURE__ */ n("div", { className: u("inno-calendar-root flex flex-col h-full p-4", w?.root, a), children: [
-        i && /* @__PURE__ */ e(
-          rt,
+      children: /* @__PURE__ */ n("div", { className: h("inno-calendar-root flex flex-col h-full p-4", w?.root, i), children: [
+        a && /* @__PURE__ */ e(
+          it,
           {
             currentDate: b,
             view: p,
-            events: j,
+            events: I,
             onViewChange: y,
             onNavigateToday: () => N(/* @__PURE__ */ new Date(), p),
             onNavigatePrev: () => {
-              const m = new Date(b);
-              p === "day" || p === "timeline-day" ? m.setDate(m.getDate() - 1) : p === "timeline-3day" ? m.setDate(m.getDate() - 3) : p === "week" || p === "timeline-week" ? m.setDate(m.getDate() - 7) : p === "month" ? m.setMonth(m.getMonth() - 1) : p === "year" ? m.setFullYear(m.getFullYear() - 1) : m.setDate(m.getDate() - 7), N(m, p);
+              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), N(u, p);
             },
             onNavigateNext: () => {
-              const m = new Date(b);
-              p === "day" || p === "timeline-day" ? m.setDate(m.getDate() + 1) : p === "timeline-3day" ? m.setDate(m.getDate() + 3) : p === "week" || p === "timeline-week" ? m.setDate(m.getDate() + 7) : p === "month" ? m.setMonth(m.getMonth() + 1) : p === "year" ? m.setFullYear(m.getFullYear() + 1) : m.setDate(m.getDate() + 7), N(m, p);
+              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), N(u, p);
             },
             availableViews: [
               "day",
@@ -1627,8 +1647,8 @@ function Yt({
             ],
             showTimelineViews: !0,
             showSettings: !!k,
-            ...!L && o && { onAddEvent: o },
-            actions: L,
+            ...!z && o && { onAddEvent: o },
+            actions: z,
             settingsContent: k,
             filterContent: M
           }
@@ -1638,7 +1658,7 @@ function Yt({
             "div",
             {
               ref: D,
-              className: u(
+              className: h(
                 "h-full border rounded-lg bg-white overflow-x-auto",
                 w?.viewContainer
               ),
@@ -1646,13 +1666,16 @@ function Yt({
             }
           ),
           c && /* @__PURE__ */ e("div", { className: "inno-calendar-loading-overlay", children: /* @__PURE__ */ e("div", { className: "inno-calendar-spinner" }) }),
-          $ && /* @__PURE__ */ e(
+          B && /* @__PURE__ */ e(
             "button",
             {
               type: "button",
-              onClick: F,
+              onClick: J,
               className: "inno-scroll-right-btn",
               "aria-label": "Scroll right",
+              ...P !== null && {
+                style: { top: P, transform: "translateY(-50%)" }
+              },
               children: /* @__PURE__ */ e(
                 "svg",
                 {
@@ -1675,13 +1698,13 @@ function Yt({
     }
   );
 }
-function Rr({
+function Gr({
   events: t,
   users: r = [],
   scheduleTypes: s = [],
   initialView: o = "week",
-  initialDate: a,
-  initialSelectedUserId: i,
+  initialDate: i,
+  initialSelectedUserId: a,
   initialScheduleTypeIds: g,
   initialParticipantIds: f,
   initialWorkingHoursView: c,
@@ -1689,32 +1712,32 @@ function Rr({
   preferencesConfig: w,
   onEventClick: k,
   onSlotClick: M,
-  onSlotSelect: L,
-  onAddEvent: z,
+  onSlotSelect: z,
+  onAddEvent: E,
   onEventDrop: p,
   onDateChange: y,
   onViewChange: b,
   className: N,
   showHeader: S = !0,
-  minSelectionMinutes: j = 30,
-  showMoreEventsInPopover: U = !1,
+  minSelectionMinutes: I = 30,
+  showMoreEventsInPopover: Y = !1,
   isLoading: _ = !1,
   renderPopover: W,
   slots: A,
-  classNames: P,
-  settingsContent: T,
-  filterContent: O,
-  headerActions: Y
+  classNames: V,
+  settingsContent: L,
+  filterContent: U,
+  headerActions: G
 }) {
-  return /* @__PURE__ */ e(it, { ...p && { onEventDrop: p }, children: /* @__PURE__ */ e(
-    Xe,
+  return /* @__PURE__ */ e(ut, { ...p && { onEventDrop: p }, children: /* @__PURE__ */ e(
+    et,
     {
       initialEvents: t,
       initialUsers: r,
       initialScheduleTypes: s,
       initialView: o,
-      ...a && { initialDate: a },
-      ...i && { initialSelectedUserId: i },
+      ...i && { initialDate: i },
+      ...a && { initialSelectedUserId: a },
       ...g && { initialScheduleTypeIds: g },
       ...f && { initialParticipantIds: f },
       ...c && { initialWorkingHoursView: c },
@@ -1723,34 +1746,34 @@ function Rr({
       ...y && { onDateChange: y },
       ...b && { onViewChange: b },
       children: /* @__PURE__ */ e(
-        Yt,
+        Xt,
         {
           ...k && { onEventClick: k },
           ...M && { onSlotClick: M },
-          ...L && { onSlotSelect: L },
-          ...z && { onAddEvent: z },
+          ...z && { onSlotSelect: z },
+          ...E && { onAddEvent: E },
           ...W && { renderPopover: W },
           className: N,
           showHeader: S,
-          minSelectionMinutes: j,
-          showMoreEventsInPopover: U,
+          minSelectionMinutes: I,
+          showMoreEventsInPopover: Y,
           isLoading: _,
           ...A && { slots: A },
-          ...P && { classNames: P },
-          settingsContent: T,
-          filterContent: O,
-          headerActions: Y
+          ...V && { classNames: V },
+          settingsContent: L,
+          filterContent: U,
+          headerActions: G
         }
       )
     }
   ) });
 }
-const q = ye(
+const se = Ce(
   ({ className: t, children: r, ...s }, o) => /* @__PURE__ */ e(
     "select",
     {
       ref: o,
-      className: u(
+      className: h(
         "flex h-9 w-full rounded-md border border-input bg-background px-3 py-1 text-sm shadow-sm",
         "ring-offset-background",
         "focus:outline-none focus:ring-1 focus:ring-ring",
@@ -1763,20 +1786,20 @@ const q = ye(
     }
   )
 );
-q.displayName = "Select";
-const K = ye(({ className: t, ...r }, s) => /* @__PURE__ */ e(
+se.displayName = "Select";
+const Z = Ce(({ className: t, ...r }, s) => /* @__PURE__ */ e(
   "label",
   {
     ref: s,
-    className: u(
+    className: h(
       "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
       t
     ),
     ...r
   }
 ));
-K.displayName = "Label";
-function Gt({ className: t }) {
+Z.displayName = "Label";
+function Qt({ className: t }) {
   return /* @__PURE__ */ n(
     "svg",
     {
@@ -1798,7 +1821,7 @@ function Gt({ className: t }) {
     }
   );
 }
-function Kt({ className: t }) {
+function Zt({ className: t }) {
   return /* @__PURE__ */ n(
     "svg",
     {
@@ -1819,50 +1842,50 @@ function Kt({ className: t }) {
     }
   );
 }
-const Jt = [
+const qt = [
   { value: 15, label: "15 minutes" },
   { value: 30, label: "30 minutes" },
   { value: 60, label: "1 hour" }
 ];
-function Vr({
+function Kr({
   value: t,
   onChange: r,
   isLocked: s = !1,
   className: o,
-  labels: a = {}
+  labels: i = {}
 }) {
-  const i = {
+  const a = {
     title: "Slot duration",
     lockedMessage: "This setting is locked by the administrator",
     infoMessage: "Set the time slot duration for day and week calendar views.",
-    ...a
+    ...i
   }, g = (f) => {
     s || r(Number(f.target.value));
   };
-  return /* @__PURE__ */ n("div", { className: u("flex flex-col gap-3", o), children: [
+  return /* @__PURE__ */ n("div", { className: h("flex flex-col gap-3", o), children: [
     /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ e(K, { className: "text-sm font-semibold", children: i.title }),
-      s ? /* @__PURE__ */ e(J, { delayDuration: 100, children: /* @__PURE__ */ n(X, { children: [
-        /* @__PURE__ */ e(Q, { children: /* @__PURE__ */ e(Kt, { className: "size-3 text-muted-foreground" }) }),
-        /* @__PURE__ */ e(Z, { children: /* @__PURE__ */ e("p", { children: i.lockedMessage }) })
-      ] }) }) : /* @__PURE__ */ e(J, { delayDuration: 100, children: /* @__PURE__ */ n(X, { children: [
-        /* @__PURE__ */ e(Q, { children: /* @__PURE__ */ e(Gt, { className: "size-3 text-muted-foreground" }) }),
-        /* @__PURE__ */ e(Z, { className: "max-w-64 text-center", children: /* @__PURE__ */ e("p", { children: i.infoMessage }) })
+      /* @__PURE__ */ e(Z, { className: "text-sm font-semibold", children: a.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: a.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: a.infoMessage }) })
       ] }) })
     ] }),
     /* @__PURE__ */ e(
-      q,
+      se,
       {
         value: t.toString(),
         onChange: g,
         disabled: s,
         className: "h-9 w-[128px] text-sm",
-        children: Jt.map((f) => /* @__PURE__ */ e("option", { value: f.value.toString(), children: f.label }, f.value))
+        children: qt.map((f) => /* @__PURE__ */ e("option", { value: f.value.toString(), children: f.label }, f.value))
       }
     )
   ] });
 }
-function Xt({ className: t }) {
+function er({ className: t }) {
   return /* @__PURE__ */ n(
     "svg",
     {
@@ -1884,7 +1907,7 @@ function Xt({ className: t }) {
     }
   );
 }
-function Qt({ className: t }) {
+function tr({ className: t }) {
   return /* @__PURE__ */ n(
     "svg",
     {
@@ -1905,19 +1928,19 @@ function Qt({ className: t }) {
     }
   );
 }
-const Zt = [
+const rr = [
   { value: "dot", label: "Dot indicator" },
   { value: "colored", label: "Full color" },
   { value: "mixed", label: "Mixed" }
 ];
-function Ur({
+function Jr({
   value: t,
   onChange: r,
   isLocked: s = !1,
   className: o,
-  labels: a = {}
+  labels: i = {}
 }) {
-  const i = {
+  const a = {
     title: "Event display",
     lockedMessage: "This setting is locked by the administrator",
     infoMessage: "Choose how events are displayed. Dot shows a small indicator, colored fills the entire event, mixed uses both.",
@@ -1926,34 +1949,34 @@ function Ur({
       colored: "Full color",
       mixed: "Mixed"
     },
-    ...a
-  }, g = (c) => i.options?.[c] ?? c, f = (c) => {
+    ...i
+  }, g = (c) => a.options?.[c] ?? c, f = (c) => {
     s || r(c.target.value);
   };
-  return /* @__PURE__ */ n("div", { className: u("flex flex-col gap-3", o), children: [
+  return /* @__PURE__ */ n("div", { className: h("flex flex-col gap-3", o), children: [
     /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ e(K, { className: "text-sm font-semibold", children: i.title }),
-      s ? /* @__PURE__ */ e(J, { delayDuration: 100, children: /* @__PURE__ */ n(X, { children: [
-        /* @__PURE__ */ e(Q, { children: /* @__PURE__ */ e(Qt, { className: "size-3 text-muted-foreground" }) }),
-        /* @__PURE__ */ e(Z, { children: /* @__PURE__ */ e("p", { children: i.lockedMessage }) })
-      ] }) }) : /* @__PURE__ */ e(J, { delayDuration: 100, children: /* @__PURE__ */ n(X, { children: [
-        /* @__PURE__ */ e(Q, { children: /* @__PURE__ */ e(Xt, { className: "size-3 text-muted-foreground" }) }),
-        /* @__PURE__ */ e(Z, { className: "max-w-64 text-center", children: /* @__PURE__ */ e("p", { children: i.infoMessage }) })
+      /* @__PURE__ */ e(Z, { className: "text-sm font-semibold", children: a.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: a.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: a.infoMessage }) })
       ] }) })
     ] }),
     /* @__PURE__ */ e(
-      q,
+      se,
       {
         value: t,
         onChange: f,
         disabled: s,
         className: "h-9 w-[128px] text-sm",
-        children: Zt.map((c) => /* @__PURE__ */ e("option", { value: c.value, children: g(c.value) }, c.value))
+        children: rr.map((c) => /* @__PURE__ */ e("option", { value: c.value, children: g(c.value) }, c.value))
       }
     )
   ] });
 }
-function qt({ className: t }) {
+function nr({ className: t }) {
   return /* @__PURE__ */ n(
     "svg",
     {
@@ -1975,7 +1998,7 @@ function qt({ className: t }) {
     }
   );
 }
-function er({ className: t }) {
+function sr({ className: t }) {
   return /* @__PURE__ */ n(
     "svg",
     {
@@ -1996,27 +2019,27 @@ function er({ className: t }) {
     }
   );
 }
-function tr() {
+function or() {
   return Array.from({ length: 25 }, (t, r) => ({
     value: r,
     label: `${String(r).padStart(2, "0")}:00`
   }));
 }
-function Yr({
+function Xr({
   value: t,
   onChange: r,
   isLocked: s = !1,
   className: o,
-  labels: a = {}
+  labels: i = {}
 }) {
-  const i = {
+  const a = {
     title: "Visible hours",
     from: "From",
     to: "To",
     lockedMessage: "This setting is locked by the administrator",
     infoMessage: "Set the visible hour range for day and week views. Hours outside this range will be hidden.",
-    ...a
-  }, g = tr(), f = (d) => {
+    ...i
+  }, g = or(), f = (d) => {
     if (s) return;
     const w = Number(d.target.value);
     w < t.endHour && r({ ...t, startHour: w });
@@ -2025,22 +2048,22 @@ function Yr({
     const w = Number(d.target.value);
     w > t.startHour && r({ ...t, endHour: w });
   };
-  return /* @__PURE__ */ n("div", { className: u("flex flex-col gap-3", o), children: [
+  return /* @__PURE__ */ n("div", { className: h("flex flex-col gap-3", o), children: [
     /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ e(K, { className: "text-sm font-semibold", children: i.title }),
-      s ? /* @__PURE__ */ e(J, { delayDuration: 100, children: /* @__PURE__ */ n(X, { children: [
-        /* @__PURE__ */ e(Q, { children: /* @__PURE__ */ e(er, { className: "size-3 text-muted-foreground" }) }),
-        /* @__PURE__ */ e(Z, { children: /* @__PURE__ */ e("p", { children: i.lockedMessage }) })
-      ] }) }) : /* @__PURE__ */ e(J, { delayDuration: 100, children: /* @__PURE__ */ n(X, { children: [
-        /* @__PURE__ */ e(Q, { children: /* @__PURE__ */ e(qt, { className: "size-3 text-muted-foreground" }) }),
-        /* @__PURE__ */ e(Z, { className: "max-w-64 text-center", children: /* @__PURE__ */ e("p", { children: i.infoMessage }) })
+      /* @__PURE__ */ e(Z, { className: "text-sm font-semibold", children: a.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: a.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: a.infoMessage }) })
       ] }) })
     ] }),
     /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ n("div", { className: "flex flex-col gap-1", children: [
-        /* @__PURE__ */ e(K, { className: "text-xs text-muted-foreground", children: i.from }),
+        /* @__PURE__ */ e(Z, { className: "text-xs text-muted-foreground", children: a.from }),
         /* @__PURE__ */ e(
-          q,
+          se,
           {
             value: t.startHour.toString(),
             onChange: f,
@@ -2060,9 +2083,9 @@ function Yr({
       ] }),
       /* @__PURE__ */ e("span", { className: "mt-5 text-muted-foreground", children: "—" }),
       /* @__PURE__ */ n("div", { className: "flex flex-col gap-1", children: [
-        /* @__PURE__ */ e(K, { className: "text-xs text-muted-foreground", children: i.to }),
+        /* @__PURE__ */ e(Z, { className: "text-xs text-muted-foreground", children: a.to }),
         /* @__PURE__ */ e(
-          q,
+          se,
           {
             value: t.endHour.toString(),
             onChange: c,
@@ -2083,7 +2106,7 @@ function Yr({
     ] })
   ] });
 }
-function rr({ className: t }) {
+function ir({ className: t }) {
   return /* @__PURE__ */ n(
     "svg",
     {
@@ -2105,7 +2128,7 @@ function rr({ className: t }) {
     }
   );
 }
-function nr({ className: t }) {
+function ar({ className: t }) {
   return /* @__PURE__ */ n(
     "svg",
     {
@@ -2126,7 +2149,7 @@ function nr({ className: t }) {
     }
   );
 }
-function sr({ className: t }) {
+function lr({ className: t }) {
   return /* @__PURE__ */ e(
     "svg",
     {
@@ -2144,7 +2167,7 @@ function sr({ className: t }) {
     }
   );
 }
-const or = [
+const cr = [
   "monday",
   "tuesday",
   "wednesday",
@@ -2153,13 +2176,13 @@ const or = [
   "saturday",
   "sunday"
 ];
-function ar() {
+function dr() {
   return Array.from({ length: 25 }, (t, r) => ({
     value: r,
     label: `${String(r).padStart(2, "0")}:00`
   }));
 }
-const Ie = {
+const Ae = {
   sunday: "Sun",
   monday: "Mon",
   tuesday: "Tue",
@@ -2168,8 +2191,8 @@ const Ie = {
   friday: "Fri",
   saturday: "Sat"
 };
-function ir({ dayLabel: t, config: r, onChange: s, disabled: o, hourOptions: a }) {
-  const i = () => {
+function ur({ dayLabel: t, config: r, onChange: s, disabled: o, hourOptions: i }) {
+  const a = () => {
     o || s({ ...r, enabled: !r.enabled });
   }, g = (c) => {
     if (o) return;
@@ -2188,71 +2211,71 @@ function ir({ dayLabel: t, config: r, onChange: s, disabled: o, hourOptions: a }
         role: "checkbox",
         "aria-checked": r.enabled,
         "aria-label": `Enable ${t}`,
-        onClick: i,
+        onClick: a,
         disabled: o,
-        className: u(
+        className: h(
           "flex size-5 shrink-0 items-center justify-center rounded border transition-colors",
           r.enabled ? "border-primary bg-primary text-primary-foreground" : "border-input bg-background",
           o && "cursor-not-allowed opacity-50"
         ),
-        children: r.enabled && /* @__PURE__ */ e(sr, { className: "size-3" })
+        children: r.enabled && /* @__PURE__ */ e(lr, { className: "size-3" })
       }
     ),
-    /* @__PURE__ */ e("span", { className: u("w-10 text-sm", !r.enabled && "text-muted-foreground"), children: t }),
+    /* @__PURE__ */ e("span", { className: h("w-10 text-sm", !r.enabled && "text-muted-foreground"), children: t }),
     /* @__PURE__ */ e(
-      q,
+      se,
       {
         value: r.from.toString(),
         onChange: g,
         disabled: o || !r.enabled,
         className: "h-8 w-[76px] text-xs",
-        children: a.map((c) => /* @__PURE__ */ e("option", { value: c.value.toString(), disabled: c.value >= r.to, children: c.label }, c.value))
+        children: i.map((c) => /* @__PURE__ */ e("option", { value: c.value.toString(), disabled: c.value >= r.to, children: c.label }, c.value))
       }
     ),
     /* @__PURE__ */ e("span", { className: "text-xs text-muted-foreground", children: "—" }),
     /* @__PURE__ */ e(
-      q,
+      se,
       {
         value: r.to.toString(),
         onChange: f,
         disabled: o || !r.enabled,
         className: "h-8 w-[76px] text-xs",
-        children: a.map((c) => /* @__PURE__ */ e("option", { value: c.value.toString(), disabled: c.value <= r.from, children: c.label }, c.value))
+        children: i.map((c) => /* @__PURE__ */ e("option", { value: c.value.toString(), disabled: c.value <= r.from, children: c.label }, c.value))
       }
     )
   ] });
 }
-function Gr({
+function Qr({
   value: t,
   onChange: r,
   isLocked: s = !1,
   className: o,
-  labels: a = {}
+  labels: i = {}
 }) {
-  const i = {
+  const a = {
     title: "Working hours",
     lockedMessage: "This setting is locked by the administrator",
     infoMessage: "Configure working hours for each day of the week. Non-working hours will be grayed out in day and week views.",
-    days: Ie,
-    ...a
-  }, g = ar(), f = (c, d) => {
+    days: Ae,
+    ...i
+  }, g = dr(), f = (c, d) => {
     s || r({ ...t, [c]: d });
   };
-  return /* @__PURE__ */ n("div", { className: u("flex flex-col gap-3", o), children: [
+  return /* @__PURE__ */ n("div", { className: h("flex flex-col gap-3", o), children: [
     /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ e(K, { className: "text-sm font-semibold", children: i.title }),
-      s ? /* @__PURE__ */ e(J, { delayDuration: 100, children: /* @__PURE__ */ n(X, { children: [
-        /* @__PURE__ */ e(Q, { children: /* @__PURE__ */ e(nr, { className: "size-3 text-muted-foreground" }) }),
-        /* @__PURE__ */ e(Z, { children: /* @__PURE__ */ e("p", { children: i.lockedMessage }) })
-      ] }) }) : /* @__PURE__ */ e(J, { delayDuration: 100, children: /* @__PURE__ */ n(X, { children: [
-        /* @__PURE__ */ e(Q, { children: /* @__PURE__ */ e(rr, { className: "size-3 text-muted-foreground" }) }),
-        /* @__PURE__ */ e(Z, { className: "max-w-64 text-center", children: /* @__PURE__ */ e("p", { children: i.infoMessage }) })
+      /* @__PURE__ */ e(Z, { className: "text-sm font-semibold", children: a.title }),
+      s ? /* @__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, { children: /* @__PURE__ */ e("p", { children: a.lockedMessage }) })
+      ] }) }) : /* @__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, { className: "max-w-64 text-center", children: /* @__PURE__ */ e("p", { children: a.infoMessage }) })
       ] }) })
     ] }),
-    /* @__PURE__ */ e("div", { className: "flex flex-col gap-2", children: or.map((c) => /* @__PURE__ */ e(
-      ir,
+    /* @__PURE__ */ e("div", { className: "flex flex-col gap-2", children: cr.map((c) => /* @__PURE__ */ e(
+      ur,
       {
-        dayLabel: i.days?.[c] ?? Ie[c],
+        dayLabel: a.days?.[c] ?? Ae[c],
         config: t[c],
         onChange: (d) => f(c, d),
         disabled: s,
@@ -2262,7 +2285,7 @@ function Gr({
     )) })
   ] });
 }
-const Kr = {
+const Zr = {
   sunday: { enabled: !1, from: 8, to: 18 },
   monday: { enabled: !0, from: 8, to: 18 },
   tuesday: { enabled: !0, from: 8, to: 18 },
@@ -2271,7 +2294,7 @@ const Kr = {
   friday: { enabled: !0, from: 8, to: 18 },
   saturday: { enabled: !1, from: 8, to: 18 }
 };
-function ve({ className: t }) {
+function ye({ className: t }) {
   return /* @__PURE__ */ e(
     "svg",
     {
@@ -2287,7 +2310,7 @@ function ve({ className: t }) {
     }
   );
 }
-function lr({ className: t }) {
+function hr({ className: t }) {
   return /* @__PURE__ */ n(
     "svg",
     {
@@ -2306,7 +2329,7 @@ function lr({ className: t }) {
     }
   );
 }
-function cr({ className: t }) {
+function mr({ className: t }) {
   return /* @__PURE__ */ n(
     "svg",
     {
@@ -2325,7 +2348,7 @@ function cr({ className: t }) {
     }
   );
 }
-function we({ checked: t, onCheckedChange: r, className: s, children: o }) {
+function ke({ checked: t, onCheckedChange: r, className: s, children: o }) {
   return /* @__PURE__ */ e(
     "button",
     {
@@ -2338,12 +2361,12 @@ function we({ checked: t, onCheckedChange: r, className: s, children: o }) {
     }
   );
 }
-function dr({ src: t, alt: r, fallback: s, className: o }) {
-  const [a, i] = se(!1);
-  return !t || a ? /* @__PURE__ */ e(
+function fr({ src: t, alt: r, fallback: s, className: o }) {
+  const [i, a] = q(!1);
+  return !t || i ? /* @__PURE__ */ e(
     "div",
     {
-      className: u(
+      className: h(
         "flex items-center justify-center bg-zinc-200 text-zinc-600 font-medium text-sm",
         o
       ),
@@ -2354,32 +2377,32 @@ function dr({ src: t, alt: r, fallback: s, className: o }) {
     {
       src: t,
       alt: r || "",
-      className: u("object-cover", o),
-      onError: () => i(!0)
+      className: h("object-cover", o),
+      onError: () => a(!0)
     }
   );
 }
-function We({ value: t, onChange: r, placeholder: s, className: o }) {
-  return /* @__PURE__ */ n("div", { className: u("relative", o), children: [
-    /* @__PURE__ */ e(lr, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }),
+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" }),
     /* @__PURE__ */ e(
       "input",
       {
         type: "text",
         value: t,
-        onChange: (a) => r(a.target.value),
+        onChange: (i) => r(i.target.value),
         placeholder: s,
         className: "h-9 w-full rounded-lg border border-border bg-white pl-9 pr-3 text-sm placeholder:text-muted-foreground focus:border-primary focus:outline-none focus:ring-1 focus:ring-primary"
       }
     )
   ] });
 }
-function Ae(t, r, s, o = 0.3) {
+function $e(t, r, s, o = 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));
+  const i = r.toLowerCase();
+  return t.filter((a) => s(a).some((f) => f ? f.toLowerCase().includes(i) : !1));
 }
-const ur = {
+const gr = {
   title: "Filters",
   subtitle: "Filter calendar events",
   scheduleTypes: "Event Types",
@@ -2392,13 +2415,13 @@ const ur = {
   noScheduleTypes: "No event types found",
   noParticipants: "No participants found"
 };
-function Jr({
+function qr({
   scheduleTypes: t,
   users: r,
   selectedScheduleTypeIds: s,
   onScheduleTypeChange: o,
-  selectedUserIds: a,
-  onUserChange: i,
+  selectedUserIds: i,
+  onUserChange: a,
   onClearAll: g,
   className: f,
   scheduleTypesLoading: c = !1,
@@ -2406,12 +2429,12 @@ function Jr({
   labels: w,
   getScheduleTypeName: k
 }) {
-  const M = { ...ur, ...w }, [L, z] = se(""), [p, y] = se(""), b = B(() => L.trim() ? Ae(t, L, (x) => [
+  const M = { ...gr, ...w }, [z, E] = q(""), [p, y] = q(""), b = $(() => z.trim() ? $e(t, z, (x) => [
     x.name,
     k?.(x) || x.name
-  ]) : t, [t, L, k]), N = B(() => p.trim() ? Ae(r, p, (x) => [x.name, x.email || ""]) : r, [r, p]), S = b.length > 0 && b.every((x) => s.includes(x.id)), j = N.length > 0 && N.every((x) => a.includes(x.id)), U = s.length + a.length, _ = (x, l) => {
-    const h = l ? [...s, x] : s.filter((v) => v !== x);
-    o(h);
+  ]) : t, [t, z, k]), N = $(() => 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 = N.length > 0 && N.every((x) => i.includes(x.id)), Y = s.length + i.length, _ = (x, l) => {
+    const m = l ? [...s, x] : s.filter((v) => v !== x);
+    o(m);
   }, W = () => {
     if (S) {
       const x = new Set(b.map((l) => l.id));
@@ -2424,23 +2447,23 @@ function Jr({
       o(Array.from(x));
     }
   }, A = (x, l) => {
-    const h = l ? [...a, x] : a.filter((v) => v !== x);
-    i(h);
-  }, P = () => {
-    if (j) {
+    const m = l ? [...i, x] : i.filter((v) => v !== x);
+    a(m);
+  }, V = () => {
+    if (I) {
       const x = new Set(N.map((l) => l.id));
-      i(a.filter((l) => !x.has(l)));
+      a(i.filter((l) => !x.has(l)));
     } else {
-      const x = /* @__PURE__ */ new Set([...a, ...N.map((l) => l.id)]);
-      i(Array.from(x));
+      const x = /* @__PURE__ */ new Set([...i, ...N.map((l) => l.id)]);
+      a(Array.from(x));
     }
-  }, T = () => {
-    o([]), i([]), g?.();
-  }, O = (x) => k ? k(x) : x.name, Y = (x) => x.colorHex || x.color || "#069AD7";
+  }, L = () => {
+    o([]), a([]), g?.();
+  }, U = (x) => k ? k(x) : x.name, G = (x) => x.colorHex || x.color || "#069AD7";
   return /* @__PURE__ */ n(
     "div",
     {
-      className: u(
+      className: h(
         "flex min-w-72 max-w-72 flex-col rounded-lg border bg-white shadow-sm",
         f
       ),
@@ -2450,14 +2473,14 @@ function Jr({
             /* @__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 })
           ] }),
-          U > 0 && /* @__PURE__ */ n(
+          Y > 0 && /* @__PURE__ */ n(
             "button",
             {
               type: "button",
-              onClick: T,
+              onClick: L,
               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(cr, { className: "h-3.5 w-3.5" }),
+                /* @__PURE__ */ e(mr, { className: "h-3.5 w-3.5" }),
                 M.clearAll
               ]
             }
@@ -2478,10 +2501,10 @@ function Jr({
             )
           ] }),
           t.length > 6 && /* @__PURE__ */ e("div", { className: "px-4 pb-3", children: /* @__PURE__ */ e(
-            We,
+            Be,
             {
-              value: L,
-              onChange: z,
+              value: z,
+              onChange: E,
               placeholder: M.searchScheduleTypes
             }
           ) }),
@@ -2500,13 +2523,13 @@ function Jr({
                 `skeleton-${l}`
               ))
             ) : b.map((x) => {
-              const l = s.includes(x.id), h = Y(x);
+              const l = s.includes(x.id), m = G(x);
               return /* @__PURE__ */ n(
-                we,
+                ke,
                 {
                   checked: l,
                   onCheckedChange: (v) => _(x.id, v),
-                  className: u(
+                  className: h(
                     "relative flex w-full cursor-pointer items-center justify-between gap-3 rounded-md border border-border bg-white px-3 py-2 transition-colors hover:border-primary/50",
                     l && "border-primary bg-primary/5"
                   ),
@@ -2515,22 +2538,22 @@ function Jr({
                       /* @__PURE__ */ e(
                         "span",
                         {
-                          className: u(
+                          className: h(
                             "flex h-4 w-4 items-center justify-center rounded border border-border text-xs transition-colors",
                             l && "border-primary bg-primary text-primary-foreground"
                           ),
-                          children: l && /* @__PURE__ */ e(ve, { className: "h-3 w-3" })
+                          children: l && /* @__PURE__ */ e(ye, { className: "h-3 w-3" })
                         }
                       ),
-                      /* @__PURE__ */ e("span", { className: "text-sm font-medium text-foreground", children: O(x) })
+                      /* @__PURE__ */ e("span", { className: "text-sm font-medium text-foreground", children: U(x) })
                     ] }),
                     /* @__PURE__ */ e(
                       "div",
                       {
                         className: "h-4 w-4 rounded-full border",
                         style: {
-                          backgroundColor: h,
-                          borderColor: h
+                          backgroundColor: m,
+                          borderColor: m
                         }
                       }
                     )
@@ -2547,20 +2570,20 @@ function Jr({
           /* @__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(
-              we,
+              ke,
               {
-                checked: j,
-                onCheckedChange: () => P(),
-                className: u(
+                checked: I,
+                onCheckedChange: () => V(),
+                className: h(
                   "flex h-5 w-5 items-center justify-center rounded border border-border bg-white transition-colors hover:border-primary/50",
-                  j && "border-primary bg-primary text-primary-foreground"
+                  I && "border-primary bg-primary text-primary-foreground"
                 ),
-                children: j && /* @__PURE__ */ e(ve, { className: "h-3.5 w-3.5" })
+                children: I && /* @__PURE__ */ e(ye, { className: "h-3.5 w-3.5" })
               }
             )
           ] }),
           /* @__PURE__ */ e("div", { className: "px-4 pb-3", children: /* @__PURE__ */ e(
-            We,
+            Be,
             {
               value: p,
               onChange: y,
@@ -2586,13 +2609,13 @@ function Jr({
                 `p-skeleton-${l}`
               ))
             ) : N.map((x) => {
-              const l = a.includes(x.id);
+              const l = i.includes(x.id);
               return /* @__PURE__ */ n(
-                we,
+                ke,
                 {
                   checked: l,
-                  onCheckedChange: (h) => A(x.id, h),
-                  className: u(
+                  onCheckedChange: (m) => A(x.id, m),
+                  className: h(
                     "relative flex w-full cursor-pointer items-start gap-2 rounded-lg border border-border bg-white p-2 transition-colors hover:border-primary/50",
                     l && "border-primary bg-zinc-50"
                   ),
@@ -2600,16 +2623,16 @@ function Jr({
                     /* @__PURE__ */ e(
                       "span",
                       {
-                        className: u(
+                        className: h(
                           "flex h-4 w-4 flex-shrink-0 items-center justify-center rounded border border-border transition-colors",
                           l && "border-primary bg-primary text-primary-foreground"
                         ),
-                        children: l && /* @__PURE__ */ e(ve, { className: "h-2.5 w-2.5" })
+                        children: l && /* @__PURE__ */ e(ye, { className: "h-2.5 w-2.5" })
                       }
                     ),
                     /* @__PURE__ */ n("div", { className: "flex flex-1 items-start gap-2", children: [
                       /* @__PURE__ */ e(
-                        dr,
+                        fr,
                         {
                           src: x.avatar ?? null,
                           alt: x.name,
@@ -2641,7 +2664,7 @@ function Jr({
     }
   );
 }
-function hr({ className: t }) {
+function xr({ className: t }) {
   return /* @__PURE__ */ n(
     "svg",
     {
@@ -2662,19 +2685,19 @@ function hr({ className: t }) {
     }
   );
 }
-function Xr({
+function en({
   scheduleTypes: t,
   value: r,
   onChange: s,
   allLabel: o = "All types",
-  className: a,
-  label: i
+  className: i,
+  label: a
 }) {
   const g = (c) => {
     s(c.target.value);
   }, f = t.find((c) => String(c.id) === r);
-  return /* @__PURE__ */ n("div", { className: u("flex flex-col gap-1", a), children: [
-    i && /* @__PURE__ */ e(K, { className: "text-xs text-muted-foreground", children: i }),
+  return /* @__PURE__ */ n("div", { className: h("flex flex-col gap-1", i), children: [
+    a && /* @__PURE__ */ e(Z, { className: "text-xs text-muted-foreground", children: a }),
     /* @__PURE__ */ n("div", { className: "relative", children: [
       f ? /* @__PURE__ */ e(
         "span",
@@ -2682,9 +2705,9 @@ function Xr({
           className: "pointer-events-none absolute left-2.5 top-1/2 size-3 -translate-y-1/2 rounded-full",
           style: { backgroundColor: f.color }
         }
-      ) : /* @__PURE__ */ e(hr, { 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(
-        q,
+        se,
         {
           value: r,
           onChange: g,
@@ -2698,7 +2721,7 @@ function Xr({
     ] })
   ] });
 }
-function mr({ className: t }) {
+function pr({ className: t }) {
   return /* @__PURE__ */ n(
     "svg",
     {
@@ -2721,23 +2744,23 @@ function mr({ className: t }) {
     }
   );
 }
-function Qr({
+function tn({
   users: t,
   value: r,
   onChange: s,
   allLabel: o = "All users",
-  className: a,
-  label: i
+  className: i,
+  label: a
 }) {
   const g = (f) => {
     s(f.target.value);
   };
-  return /* @__PURE__ */ n("div", { className: u("flex flex-col gap-1", a), children: [
-    i && /* @__PURE__ */ e(K, { className: "text-xs text-muted-foreground", children: i }),
+  return /* @__PURE__ */ n("div", { className: h("flex flex-col gap-1", i), children: [
+    a && /* @__PURE__ */ e(Z, { className: "text-xs text-muted-foreground", children: a }),
     /* @__PURE__ */ n("div", { className: "relative", children: [
-      /* @__PURE__ */ e(mr, { className: "pointer-events-none absolute left-2.5 top-1/2 size-4 -translate-y-1/2 text-muted-foreground" }),
+      /* @__PURE__ */ e(pr, { className: "pointer-events-none absolute left-2.5 top-1/2 size-4 -translate-y-1/2 text-muted-foreground" }),
       /* @__PURE__ */ n(
-        q,
+        se,
         {
           value: r,
           onChange: g,
@@ -2751,7 +2774,7 @@ function Qr({
     ] })
   ] });
 }
-function fr({ className: t }) {
+function vr({ className: t }) {
   return /* @__PURE__ */ n(
     "svg",
     {
@@ -2778,7 +2801,7 @@ function fr({ className: t }) {
     }
   );
 }
-function gr({ className: t }) {
+function wr({ className: t }) {
   return /* @__PURE__ */ n(
     "svg",
     {
@@ -2801,7 +2824,7 @@ function gr({ className: t }) {
     }
   );
 }
-function xr({ className: t }) {
+function br({ className: t }) {
   return /* @__PURE__ */ e(
     "svg",
     {
@@ -2817,7 +2840,7 @@ function xr({ className: t }) {
     }
   );
 }
-function pr({ className: t }) {
+function yr({ className: t }) {
   return /* @__PURE__ */ n(
     "svg",
     {
@@ -2837,25 +2860,25 @@ function pr({ className: t }) {
     }
   );
 }
-function vr(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 $e(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 Fe(t) {
+  const r = t.getHours(), s = t.getMinutes(), o = r >= 12 ? "PM" : "AM", i = r % 12 || 12, a = String(s).padStart(2, "0");
+  return `${i}:${a} ${o}`;
 }
-function wr(t) {
-  const r = $e(t.startDate), s = $e(t.endDate);
+function Nr(t) {
+  const r = Fe(t.startDate), s = Fe(t.endDate);
   return `${r} - ${s}`;
 }
-function br(t) {
-  const r = Ue(/* @__PURE__ */ new Date(), 1);
+function Cr(t) {
+  const r = Ge(/* @__PURE__ */ new Date(), 1);
   return t.getFullYear() === r.getFullYear() && t.getMonth() === r.getMonth() && t.getDate() === r.getDate();
 }
-function yr(t) {
-  if (ne(t)) return "Today";
-  if (br(t)) return "Tomorrow";
+function Dr(t) {
+  if (le(t)) return "Today";
+  if (Cr(t)) return "Tomorrow";
   const r = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"], s = [
     "Jan",
     "Feb",
@@ -2869,41 +2892,41 @@ function yr(t) {
     "Oct",
     "Nov",
     "Dec"
-  ], o = r[t.getDay()], a = s[t.getMonth()], i = t.getDate();
-  return `${o}, ${a} ${i}`;
+  ], o = r[t.getDay()], i = s[t.getMonth()], a = t.getDate();
+  return `${o}, ${i} ${a}`;
 }
-function kr(t, r) {
+function Mr(t, r) {
   const s = /* @__PURE__ */ new Map();
   for (const o of t) {
-    const a = vr(o.startDate), i = s.get(a) ?? [];
-    i.push(o), s.set(a, i);
+    const i = kr(o.startDate), a = s.get(i) ?? [];
+    a.push(o), s.set(i, a);
   }
-  return Array.from(s.entries()).map(([o, a]) => {
-    const i = [...a].sort(
+  return Array.from(s.entries()).map(([o, i]) => {
+    const a = [...i].sort(
       (f, c) => f.startDate.getTime() - c.startDate.getTime()
-    ), g = r > 0 ? i.slice(0, r) : i;
+    ), g = r > 0 ? a.slice(0, r) : a;
     return {
       date: new Date(o),
       dateKey: o,
       events: g,
-      hasMore: r > 0 && i.length > r
+      hasMore: r > 0 && a.length > r
     };
-  }).sort((o, a) => o.date.getTime() - a.date.getTime());
+  }).sort((o, i) => o.date.getTime() - i.date.getTime());
 }
-function Nr(t) {
-  const r = fe(/* @__PURE__ */ new Date()), s = Ve(/* @__PURE__ */ new Date());
+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 be({ className: t }) {
-  return /* @__PURE__ */ e("div", { className: u("animate-pulse rounded-md bg-muted", t) });
+function Ne({ className: t }) {
+  return /* @__PURE__ */ e("div", { className: h("animate-pulse rounded-md bg-muted", t) });
 }
-function Cr({ event: t, onClick: r }) {
+function Sr({ event: t, onClick: r }) {
   return /* @__PURE__ */ n(
     "button",
     {
       type: "button",
       onClick: () => r?.(t),
-      className: u(
+      className: h(
         "w-full text-left rounded-lg transition-colors",
         "hover:bg-accent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
         "flex items-start gap-3 p-2"
@@ -2918,58 +2941,58 @@ function Cr({ 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: wr(t) })
+          /* @__PURE__ */ e("p", { className: "text-xs text-muted-foreground truncate", children: Nr(t) })
         ] }),
-        r && /* @__PURE__ */ e(xr, { className: "shrink-0 size-4 text-muted-foreground/50 mt-1" })
+        r && /* @__PURE__ */ e(br, { className: "shrink-0 size-4 text-muted-foreground/50 mt-1" })
       ]
     }
   );
 }
-function Dr({ group: t, onEventClick: r }) {
+function zr({ 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: u("text-xs font-semibold", ne(t.date) && "text-primary"), children: yr(t.date) }),
+      /* @__PURE__ */ e("h3", { className: h("text-xs font-semibold", le(t.date) && "text-primary"), children: Dr(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(Cr, { event: s, onClick: r }, s.id)) })
+    /* @__PURE__ */ e("div", { className: "space-y-0.5", children: t.events.map((s) => /* @__PURE__ */ e(Sr, { event: s, onClick: r }, s.id)) })
   ] });
 }
-function Zr({
+function rn({
   events: t,
   isLoading: r = !1,
   className: s,
   daysAhead: o = 7,
-  maxEventsPerDay: a = 3,
-  onEventClick: i,
+  maxEventsPerDay: i = 3,
+  onEventClick: a,
   onNavigateToAgenda: g
 }) {
-  const [f, c] = se(!1), d = B(() => {
-    const z = fe(/* @__PURE__ */ new Date()), p = Ue(z, o);
-    return t.filter((y) => y.endDate >= z && y.startDate < p);
-  }, [t, o]), w = B(
-    () => kr(d, a),
-    [d, a]
-  ), k = B(() => Nr(t), [t]), M = (z) => {
-    c(!1), i?.(z);
-  }, L = () => {
+  const [f, c] = q(!1), d = $(() => {
+    const E = xe(/* @__PURE__ */ new Date()), p = Ge(E, o);
+    return t.filter((y) => y.endDate >= E && y.startDate < p);
+  }, [t, o]), w = $(
+    () => Mr(d, i),
+    [d, i]
+  ), k = $(() => Er(t), [t]), M = (E) => {
+    c(!1), a?.(E);
+  }, z = () => {
     c(!1), g?.();
   };
-  return /* @__PURE__ */ n(Pe, { open: f, onOpenChange: c, children: [
+  return /* @__PURE__ */ n(Re, { open: f, onOpenChange: c, children: [
     /* @__PURE__ */ n(
-      Oe,
+      Ve,
       {
-        className: u(
+        className: h(
           "relative rounded-xl hover:text-zinc-700 hover:!bg-zinc-300 !bg-zinc-200 text-zinc-600 shadow-none !px-2.5 p-2 max-h-10",
           s
         ),
         children: [
-          /* @__PURE__ */ e(fr, { className: "h-4 w-4" }),
+          /* @__PURE__ */ e(vr, { className: "h-4 w-4" }),
           k > 0 && /* @__PURE__ */ e(
-            at,
+            dt,
             {
               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",
@@ -2979,7 +3002,7 @@ function Zr({
         ]
       }
     ),
-    /* @__PURE__ */ n(Re, { className: "w-80 rounded-xl p-0", align: "end", side: "bottom", sideOffset: 8, children: [
+    /* @__PURE__ */ n(Ue, { 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" }),
@@ -2989,41 +3012,41 @@ function Zr({
           "button",
           {
             type: "button",
-            onClick: L,
+            onClick: z,
             className: "text-xs text-primary hover:underline flex items-center gap-1",
             children: [
               "View all",
-              /* @__PURE__ */ e(pr, { className: "size-3" })
+              /* @__PURE__ */ e(yr, { className: "size-3" })
             ]
           }
         )
       ] }),
-      /* @__PURE__ */ e("div", { className: "max-h-80 overflow-y-auto p-2", children: r ? /* @__PURE__ */ e("div", { className: "space-y-2 p-2", children: Array.from({ length: 3 }).map((z, p) => /* @__PURE__ */ n("div", { className: "flex space-x-3", children: [
-        /* @__PURE__ */ e(be, { 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((E, p) => /* @__PURE__ */ n("div", { className: "flex space-x-3", children: [
+        /* @__PURE__ */ e(Ne, { className: "h-2 w-2 rounded-full mt-2" }),
         /* @__PURE__ */ n("div", { className: "flex-1 space-y-2", children: [
-          /* @__PURE__ */ e(be, { className: "h-4 w-full" }),
-          /* @__PURE__ */ e(be, { className: "h-3 w-3/4" })
+          /* @__PURE__ */ e(Ne, { className: "h-4 w-full" }),
+          /* @__PURE__ */ e(Ne, { 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(gr, { className: "mb-2 h-8 w-8 text-muted-foreground/50" }),
+        /* @__PURE__ */ e(wr, { 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,
           " days"
         ] })
-      ] }) : /* @__PURE__ */ e("div", { className: "space-y-3 divide-y", children: w.map((z) => /* @__PURE__ */ e(
-        Dr,
+      ] }) : /* @__PURE__ */ e("div", { className: "space-y-3 divide-y", children: w.map((E) => /* @__PURE__ */ e(
+        zr,
         {
-          group: z,
+          group: E,
           onEventClick: M
         },
-        z.dateKey
+        E.dateKey
       )) }) })
     ] })
   ] });
 }
-function Mr({ className: t }) {
+function Lr({ className: t }) {
   return /* @__PURE__ */ n(
     "svg",
     {
@@ -3048,7 +3071,7 @@ function Mr({ className: t }) {
     }
   );
 }
-function Ge({ className: t }) {
+function Je({ className: t }) {
   return /* @__PURE__ */ e(
     "svg",
     {
@@ -3066,53 +3089,53 @@ function Ge({ className: t }) {
     }
   );
 }
-function Er(t) {
+function Hr(t) {
   const r = /* @__PURE__ */ new Date();
   return r.setDate(r.getDate() + 1), t.getFullYear() === r.getFullYear() && t.getMonth() === r.getMonth() && t.getDate() === r.getDate();
 }
-function Be(t) {
+function _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 zr(t) {
+function Tr(t) {
   return new Intl.DateTimeFormat("en-US", {
     weekday: "long",
     month: "short",
     day: "numeric"
   }).format(t);
 }
-function Sr(t) {
-  const r = Be(t.startDate), s = Be(t.endDate);
+function jr(t) {
+  const r = _e(t.startDate), s = _e(t.endDate);
   return `${r} - ${s}`;
 }
-function Lr(t) {
-  return ne(t) ? "Today" : Er(t) ? "Tomorrow" : zr(t);
+function Ir(t) {
+  return le(t) ? "Today" : Hr(t) ? "Tomorrow" : Tr(t);
 }
-function Tr(t, r) {
+function Wr(t, r) {
   const s = /* @__PURE__ */ new Map();
   for (const o of t) {
-    const a = ht(o.startDate), i = s.get(a) ?? [];
-    i.push(o), s.set(a, i);
+    const i = xt(o.startDate), a = s.get(i) ?? [];
+    a.push(o), s.set(i, a);
   }
-  return Array.from(s.entries()).map(([o, a]) => {
-    const i = [...a].sort(
+  return Array.from(s.entries()).map(([o, i]) => {
+    const a = [...i].sort(
       (f, c) => f.startDate.getTime() - c.startDate.getTime()
-    ), g = r > 0 ? i.slice(0, r) : i;
+    ), g = r > 0 ? a.slice(0, r) : a;
     return {
       date: new Date(o),
       dateKey: o,
       events: g,
-      hasMore: r > 0 && i.length > r
+      hasMore: r > 0 && a.length > r
     };
-  }).sort((o, a) => o.date.getTime() - a.date.getTime());
+  }).sort((o, i) => o.date.getTime() - i.date.getTime());
 }
-function Hr({ event: t, onClick: r, compact: s }) {
+function Ar({ event: t, onClick: r, compact: s }) {
   return /* @__PURE__ */ n(
     "button",
     {
       type: "button",
       onClick: () => r?.(t),
-      className: u(
+      className: h(
         "w-full text-left rounded-lg transition-colors",
         "hover:bg-accent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
         "flex items-start gap-3",
@@ -3122,41 +3145,41 @@ function Hr({ event: t, onClick: r, compact: s }) {
         /* @__PURE__ */ e(
           "div",
           {
-            className: u("shrink-0 rounded-full mt-1", s ? "size-2" : "size-2.5"),
+            className: h("shrink-0 rounded-full mt-1", s ? "size-2" : "size-2.5"),
             style: { backgroundColor: t.color ?? "#3b82f6" }
           }
         ),
         /* @__PURE__ */ n("div", { className: "min-w-0 flex-1", children: [
-          /* @__PURE__ */ e("p", { className: u("font-medium truncate", s ? "text-xs" : "text-sm"), children: t.title }),
-          /* @__PURE__ */ e("p", { className: u("text-muted-foreground truncate", s ? "text-[10px]" : "text-xs"), children: Sr(t) })
+          /* @__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) })
         ] }),
         r && /* @__PURE__ */ e(
-          Ge,
+          Je,
           {
-            className: u("shrink-0 text-muted-foreground/50", s ? "size-3" : "size-4")
+            className: h("shrink-0 text-muted-foreground/50", s ? "size-3" : "size-4")
           }
         )
       ]
     }
   );
 }
-function jr({
+function Br({
   group: t,
   onEventClick: r,
   onViewMore: s,
   compact: o
 }) {
   return /* @__PURE__ */ n("div", { className: "space-y-1", children: [
-    /* @__PURE__ */ n("div", { className: u("flex items-center justify-between px-2", o ? "py-1" : "py-1.5"), children: [
+    /* @__PURE__ */ n("div", { className: h("flex items-center justify-between px-2", o ? "py-1" : "py-1.5"), children: [
       /* @__PURE__ */ e(
         "h3",
         {
-          className: u(
+          className: h(
             "font-semibold",
             o ? "text-xs" : "text-sm",
-            ne(t.date) && "text-primary"
+            le(t.date) && "text-primary"
           ),
-          children: Lr(t.date)
+          children: Ir(t.date)
         }
       ),
       t.hasMore && s && /* @__PURE__ */ e(
@@ -3164,77 +3187,77 @@ function jr({
         {
           type: "button",
           onClick: () => s(t.date),
-          className: u("text-primary hover:underline", o ? "text-[10px]" : "text-xs"),
+          className: h("text-primary hover:underline", o ? "text-[10px]" : "text-xs"),
           children: "+more"
         }
       )
     ] }),
-    /* @__PURE__ */ e("div", { className: "space-y-0.5", children: t.events.map((a) => /* @__PURE__ */ e(Hr, { event: a, onClick: r, compact: o }, a.id)) })
+    /* @__PURE__ */ e("div", { className: "space-y-0.5", children: t.events.map((i) => /* @__PURE__ */ e(Ar, { event: i, onClick: r, compact: o }, i.id)) })
   ] });
 }
-function qr({
+function nn({
   events: t,
   daysAhead: r = 7,
   maxEventsPerDay: s = 3,
   onEventClick: o,
-  onViewAll: a,
-  className: i,
+  onViewAll: i,
+  className: a,
   emptyState: g,
   title: f = "Upcoming",
   showHeader: c = !0,
   compact: d = !1
 }) {
-  const w = _e(), k = w?.filteredEvents, M = w?.currentDate ?? /* @__PURE__ */ new Date(), L = t ?? k ?? [], z = B(() => {
-    const b = fe(M), N = new Date(b);
-    return N.setDate(N.getDate() + r), L.filter((S) => S.endDate >= b && S.startDate < N);
-  }, [L, r, M]), p = B(
-    () => Tr(z, s),
-    [z, s]
-  ), y = z.length;
-  return p.length === 0 ? /* @__PURE__ */ n("div", { className: u("rounded-lg border bg-card", i), children: [
+  const w = Pe(), k = w?.filteredEvents, M = w?.currentDate ?? /* @__PURE__ */ new Date(), z = t ?? k ?? [], E = $(() => {
+    const b = xe(M), N = new Date(b);
+    return N.setDate(N.getDate() + r), z.filter((S) => S.endDate >= b && S.startDate < N);
+  }, [z, r, M]), p = $(
+    () => Wr(E, s),
+    [E, s]
+  ), y = E.length;
+  return p.length === 0 ? /* @__PURE__ */ n("div", { className: h("rounded-lg border bg-card", a), children: [
     c && /* @__PURE__ */ e(
       "div",
       {
-        className: u(
+        className: h(
           "border-b px-4 flex items-center justify-between",
           d ? "py-2" : "py-3"
         ),
-        children: /* @__PURE__ */ e("h2", { className: u("font-semibold", d ? "text-sm" : "text-base"), children: f })
+        children: /* @__PURE__ */ e("h2", { className: h("font-semibold", d ? "text-sm" : "text-base"), children: f })
       }
     ),
     /* @__PURE__ */ e(
       "div",
       {
-        className: u(
+        className: h(
           "flex flex-col items-center justify-center text-center",
           d ? "py-6 px-4" : "py-10 px-6"
         ),
-        children: g ?? /* @__PURE__ */ n(te, { children: [
+        children: g ?? /* @__PURE__ */ n(ie, { children: [
           /* @__PURE__ */ e(
-            Mr,
+            Lr,
             {
-              className: u("text-muted-foreground/50 mb-2", d ? "size-8" : "size-10")
+              className: h("text-muted-foreground/50 mb-2", d ? "size-8" : "size-10")
             }
           ),
-          /* @__PURE__ */ e("p", { className: u("text-muted-foreground", d ? "text-xs" : "text-sm"), children: "No upcoming events" })
+          /* @__PURE__ */ e("p", { className: h("text-muted-foreground", d ? "text-xs" : "text-sm"), children: "No upcoming events" })
         ] })
       }
     )
-  ] }) : /* @__PURE__ */ n("div", { className: u("rounded-lg border bg-card overflow-hidden", i), children: [
+  ] }) : /* @__PURE__ */ n("div", { className: h("rounded-lg border bg-card overflow-hidden", a), children: [
     c && /* @__PURE__ */ n(
       "div",
       {
-        className: u(
+        className: h(
           "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: u("font-semibold", d ? "text-sm" : "text-base"), children: f }),
+            /* @__PURE__ */ e("h2", { className: h("font-semibold", d ? "text-sm" : "text-base"), children: f }),
             /* @__PURE__ */ e(
               "span",
               {
-                className: u(
+                className: h(
                   "text-muted-foreground bg-muted rounded-full px-2",
                   d ? "text-[10px] py-0" : "text-xs py-0.5"
                 ),
@@ -3242,18 +3265,18 @@ function qr({
               }
             )
           ] }),
-          a && /* @__PURE__ */ n(
+          i && /* @__PURE__ */ n(
             "button",
             {
               type: "button",
-              onClick: () => a(),
-              className: u(
+              onClick: () => i(),
+              className: h(
                 "text-primary hover:underline flex items-center gap-0.5",
                 d ? "text-xs" : "text-sm"
               ),
               children: [
                 "View all",
-                /* @__PURE__ */ e(Ge, { className: "size-3" })
+                /* @__PURE__ */ e(Je, { className: "size-3" })
               ]
             }
           )
@@ -3263,16 +3286,16 @@ function qr({
     /* @__PURE__ */ e(
       "div",
       {
-        className: u(
+        className: h(
           "divide-y overflow-auto",
           d ? "p-2 max-h-[280px]" : "p-3 max-h-[400px]"
         ),
         children: p.map((b) => /* @__PURE__ */ e(
-          jr,
+          Br,
           {
             group: b,
             onEventClick: o,
-            onViewMore: a ? (N) => a(N) : void 0,
+            onViewMore: i ? (N) => i(N) : void 0,
             compact: d
           },
           b.dateKey
@@ -3282,20 +3305,20 @@ function qr({
   ] });
 }
 export {
-  Zr as A,
-  Ur as B,
-  Pr as C,
-  Kr as D,
-  Or as E,
-  Rr as I,
-  Xr as S,
-  pe as T,
-  Qr as U,
-  Yr as V,
-  Gr as W,
-  Vt as Y,
-  qr as a,
-  Jr as b,
-  Vr as c
+  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
 };
-//# sourceMappingURL=agenda-widget-D-tiHHd7.js.map
+//# sourceMappingURL=agenda-widget-BXcLo1aO.js.map