@innosolutions/inno-calendar 1.0.28 → 1.0.30

package/dist/{agenda-widget-C0z2Ph-W.js → agenda-widget-CXPj7VIZ.js}

@@ -1,10 +1,10 @@
-import { jsx as e, jsxs as n, Fragment as Q } from "react/jsx-runtime";
-import { o as _e, c as Ge, C as Ke, I as Je, j as Xe } from "./use-calendar-QYGDcRjd.js";
-import { useCallback as se, useState as ae, useEffect as be, forwardRef as ye, useRef as Qe, useMemo as W } from "react";
+import { jsx as e, jsxs as n, Fragment as q } 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 ee, useState as re, useEffect as me, forwardRef as ye, useRef as Fe, useMemo as B } from "react";
 import { c as h } from "./index-DtaLkIY8.js";
-import { P as Fe, h as Pe, g as Oe, l as U, p as Ze, q as qe, B as ne, r as et, s as Ne, j as Y, m as G, k as K, c as tt, C as rt, M as Ce, A as nt, W as st, b as at, t as ot } from "./week-view-CO_GA3pb.js";
+import { P as Pe, h as Oe, g as Re, l as G, p as Ze, q as qe, B as oe, r as et, s as Ne, j as K, m as J, k as X, 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 Z, startOfDay as me, endOfDay as Ve, getYearMonths as dt, generateMonthGrid as ct, getEventsForDay as ut, addDays as Re, formatDateISO as ht } from "./utils.mjs";
+import { isToday as te, 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 = "" }) {
   return /* @__PURE__ */ e(
     "div",
@@ -36,29 +36,29 @@ function Pr(t) {
   const {
     events: r,
     resources: s,
-    scheduleTypes: a,
-    initialView: o = "week",
+    scheduleTypes: o,
+    initialView: a = "week",
     initialDate: i,
     initialFilters: g,
     preferences: f,
     locale: l,
-    slots: u,
-    renderEvent: M,
+    slots: d,
+    renderEvent: z,
     onViewChange: N,
     onDateChange: C,
     onEventClick: L,
     onSlotSelect: v,
-    onFiltersChange: y,
-    className: b,
-    children: k
-  } = t, D = _e();
-  if (D)
-    return /* @__PURE__ */ e("div", { className: b, style: { position: "relative" }, children: k ?? /* @__PURE__ */ e(De, { view: D.view, className: b }) });
-  const S = Ge({
+    onFiltersChange: b,
+    className: w,
+    children: y
+  } = t, M = _e();
+  if (M)
+    return /* @__PURE__ */ e("div", { className: w, style: { position: "relative" }, children: y ?? /* @__PURE__ */ e(De, { view: M.view, className: w }) });
+  const S = Ke({
     events: r,
     resources: s,
-    scheduleTypes: a,
-    initialView: o,
+    scheduleTypes: o,
+    initialView: a,
     initialDate: i,
     initialFilters: g,
     preferences: f,
@@ -67,9 +67,9 @@ function Pr(t) {
     onDateChange: C,
     onEventClick: L,
     onSlotSelect: v,
-    onFiltersChange: y
+    onFiltersChange: b
   });
-  return /* @__PURE__ */ e(Ke, { value: S, children: /* @__PURE__ */ e("div", { className: b, style: { position: "relative" }, children: k ?? /* @__PURE__ */ e(De, { view: S.view, className: b }) }) });
+  return /* @__PURE__ */ e(Je, { value: S, children: /* @__PURE__ */ e("div", { className: w, style: { position: "relative" }, children: y ?? /* @__PURE__ */ e(De, { view: S.view, className: w }) }) });
 }
 function ft({ className: t }) {
   return /* @__PURE__ */ n(
@@ -90,7 +90,7 @@ function ft({ className: t }) {
     }
   );
 }
-function Ue({ className: t }) {
+function Ye({ className: t }) {
   return /* @__PURE__ */ n(
     "svg",
     {
@@ -150,7 +150,7 @@ function gt({ className: t }) {
     }
   );
 }
-function le({ className: t }) {
+function de({ className: t }) {
   return /* @__PURE__ */ e(
     "svg",
     {
@@ -284,7 +284,7 @@ function yt({ className: t }) {
     }
   );
 }
-function oe({ className: t }) {
+function le({ className: t }) {
   return /* @__PURE__ */ e(
     "svg",
     {
@@ -325,9 +325,9 @@ const kt = {
   acceptAllEvents: "Accept all events",
   deleteConfirmTitle: "Delete Event",
   deleteConfirmDescription: "Are you sure you want to delete this event? This action cannot be undone."
-}, de = ye(
-  ({ onClick: t, label: r, children: s, className: a, variant: o = "ghost", ...i }, g) => /* @__PURE__ */ n(Y, { children: [
-    /* @__PURE__ */ e(G, { asChild: !0, children: /* @__PURE__ */ e(
+}, ue = ye(
+  ({ onClick: t, label: r, children: s, className: o, variant: a = "ghost", ...i }, g) => /* @__PURE__ */ n(K, { children: [
+    /* @__PURE__ */ e(J, { asChild: !0, children: /* @__PURE__ */ e(
       "button",
       {
         type: "button",
@@ -335,22 +335,22 @@ const kt = {
         onClick: t,
         className: h(
           "h-8 w-8 rounded-full flex items-center justify-center transition-colors",
-          o === "ghost" && "hover:bg-zinc-100 dark:hover:bg-zinc-800 text-zinc-600 dark:text-zinc-400",
-          o === "destructive" && "hover:bg-red-50 dark:hover:bg-red-950/30 text-zinc-600 dark:text-zinc-400 hover:text-red-600",
-          a
+          a === "ghost" && "hover:bg-zinc-100 dark:hover:bg-zinc-800 text-zinc-600 dark:text-zinc-400",
+          a === "destructive" && "hover:bg-red-50 dark:hover:bg-red-950/30 text-zinc-600 dark:text-zinc-400 hover:text-red-600",
+          o
         ),
         "aria-label": r,
         ...i,
         children: s
       }
     ) }),
-    /* @__PURE__ */ e(K, { side: "bottom", className: "text-xs", children: r })
+    /* @__PURE__ */ e(X, { side: "bottom", className: "text-xs", children: r })
   ] })
 );
-de.displayName = "IconButton";
-function Nt({ src: t, alt: r, initials: s, className: a, isClient: o }) {
-  const [i, g] = ae(!1);
-  return /* @__PURE__ */ e("div", { className: h("relative h-7 w-7 rounded-full overflow-hidden shrink-0", a), children: t && !i ? /* @__PURE__ */ e(
+ue.displayName = "IconButton";
+function Nt({ src: t, alt: r, initials: s, className: o, isClient: a }) {
+  const [i, g] = re(!1);
+  return /* @__PURE__ */ e("div", { className: h("relative h-7 w-7 rounded-full overflow-hidden shrink-0", o), children: t && !i ? /* @__PURE__ */ e(
     "img",
     {
       src: t,
@@ -363,27 +363,27 @@ function Nt({ src: t, alt: r, initials: s, className: a, isClient: o }) {
     {
       className: h(
         "h-full w-full flex items-center justify-center text-[10px] font-medium",
-        o ? "bg-amber-100 dark:bg-amber-900/30 text-amber-700 dark:text-amber-300" : "bg-zinc-200 dark:bg-zinc-700 text-zinc-700 dark:text-zinc-300"
+        a ? "bg-amber-100 dark:bg-amber-900/30 text-amber-700 dark:text-amber-300" : "bg-zinc-200 dark:bg-zinc-700 text-zinc-700 dark:text-zinc-300"
       ),
       children: s
     }
   ) });
 }
 function Me({ participant: t, isEventCanceled: r = !1, labels: s }) {
-  const a = t.name || "Unknown", o = a.split(" ").map((C) => C[0]).join("").toUpperCase().slice(0, 2), i = t.isOrganizer ?? !1, g = t.isConfirmed, f = g === !0, l = g === !1, u = t.isClient ?? !1, M = t.profilePicture || t.avatar, N = r;
+  const o = t.name || "Unknown", a = o.split(" ").map((C) => C[0]).join("").toUpperCase().slice(0, 2), i = t.isOrganizer ?? !1, g = t.isConfirmed, f = g === !0, l = g === !1, d = t.isClient ?? !1, z = t.profilePicture || t.avatar, N = r;
   return /* @__PURE__ */ n("div", { className: h("flex items-center gap-3 py-0", N && "opacity-60"), children: [
     /* @__PURE__ */ n("div", { className: "relative", children: [
       /* @__PURE__ */ e(
         Nt,
         {
-          src: M,
-          alt: a,
-          initials: o,
-          isClient: u,
+          src: z,
+          alt: o,
+          initials: a,
+          isClient: d,
           className: h(N && "grayscale")
         }
       ),
-      N || l ? /* @__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(le, { className: "h-2 w-2 text-green-600 dark:text-green-400 stroke-[3]" }) }) }) : null
+      N || l ? /* @__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
     ] }),
     /* @__PURE__ */ n("div", { className: "!h-fit min-w-0 gap-0", children: [
       /* @__PURE__ */ e("div", { className: "gap-0", children: /* @__PURE__ */ e(
@@ -393,22 +393,22 @@ function Me({ participant: t, isEventCanceled: r = !1, labels: s }) {
             "text-sm text-zinc-900 dark:text-zinc-100 truncate",
             N && "line-through text-zinc-500 dark:text-zinc-500"
           ),
-          children: a
+          children: o
         }
       ) }),
-      u && /* @__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 }),
+      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 && !N && /* @__PURE__ */ e("div", { className: "text-xs text-zinc-500", children: s.organizer })
     ] })
   ] });
 }
-function Ct({ open: t, onOpenChange: r, title: s, children: a }) {
-  return be(() => {
+function Ct({ open: t, onOpenChange: r, title: s, children: o }) {
+  return me(() => {
     if (!t) return;
-    const o = (i) => {
+    const a = (i) => {
       i.key === "Escape" && r(!1);
     };
-    return document.addEventListener("keydown", o), () => document.removeEventListener("keydown", o);
-  }, [t, r]), be(() => (t ? document.body.style.overflow = "hidden" : document.body.style.overflow = "", () => {
+    return document.addEventListener("keydown", a), () => document.removeEventListener("keydown", a);
+  }, [t, r]), me(() => (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,14 +416,14 @@ function Ct({ open: t, onOpenChange: r, title: s, children: a }) {
       {
         className: "fixed inset-0 bg-black/50 backdrop-blur-sm",
         onClick: () => r(!1),
-        onKeyDown: (o) => {
-          (o.key === "Enter" || o.key === " ") && r(!1);
+        onKeyDown: (a) => {
+          (a.key === "Enter" || a.key === " ") && r(!1);
         }
       }
     ),
     /* @__PURE__ */ e("div", { className: "fixed inset-x-4 top-[50%] translate-y-[-50%] max-w-md mx-auto", children: /* @__PURE__ */ n("div", { className: "bg-white dark:bg-zinc-900 rounded-2xl shadow-xl overflow-hidden", children: [
       s && /* @__PURE__ */ e("div", { className: "sr-only", children: s }),
-      a
+      o
     ] }) })
   ] }) : null;
 }
@@ -431,8 +431,8 @@ function Dt({
   open: t,
   onOpenChange: r,
   title: s,
-  description: a,
-  cancelLabel: o,
+  description: o,
+  cancelLabel: a,
   confirmLabel: i,
   onConfirm: g,
   isLoading: f
@@ -450,12 +450,12 @@ function Dt({
     ),
     /* @__PURE__ */ e("div", { className: "fixed inset-x-4 top-[50%] translate-y-[-50%] max-w-md mx-auto", children: /* @__PURE__ */ n("div", { className: "bg-white dark:bg-zinc-900 rounded-lg shadow-xl p-6", children: [
       /* @__PURE__ */ e("h2", { className: "text-lg font-semibold text-zinc-900 dark:text-zinc-100", children: s }),
-      /* @__PURE__ */ e("p", { className: "mt-2 text-sm text-zinc-600 dark:text-zinc-400", children: a }),
+      /* @__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(ne, { variant: "outline", size: "sm", onClick: () => r(!1), children: o }),
-        /* @__PURE__ */ n(ne, { variant: "destructive", size: "sm", onClick: g, disabled: f, children: [
-          f && /* @__PURE__ */ e(oe, { className: "h-4 w-4 mr-2" }),
-          /* @__PURE__ */ e(Ue, { className: "h-4 w-4 mr-2" }),
+        /* @__PURE__ */ e(oe, { variant: "outline", size: "sm", onClick: () => r(!1), children: a }),
+        /* @__PURE__ */ n(oe, { 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
         ] })
       ] })
@@ -469,7 +469,7 @@ function Mt(t, r) {
     day: "numeric"
   });
 }
-function zt(t, r) {
+function Et(t, r) {
   const s = {
     hour: "2-digit",
     minute: "2-digit",
@@ -477,7 +477,7 @@ function zt(t, r) {
   };
   return `${t.toLocaleTimeString(void 0, s)} – ${r.toLocaleTimeString(void 0, s)}`;
 }
-function Et(t) {
+function zt(t) {
   return t.toLocaleDateString(void 0, {
     day: "2-digit",
     month: "short",
@@ -487,64 +487,64 @@ function Et(t) {
   });
 }
 function St(t) {
-  const [r, s] = ae(() => typeof window < "u" ? window.matchMedia(t).matches : !1);
-  return be(() => {
+  const [r, s] = re(() => typeof window < "u" ? window.matchMedia(t).matches : !1);
+  return me(() => {
     if (typeof window > "u") return;
-    const a = window.matchMedia(t), o = (i) => s(i.matches);
-    return a.addEventListener("change", o), () => a.removeEventListener("change", o);
+    const o = window.matchMedia(t), a = (i) => s(i.matches);
+    return o.addEventListener("change", a), () => o.removeEventListener("change", a);
   }, [t]), r;
 }
-function ze({
+function Ee({
   event: t,
   labels: r,
   isLoading: s,
-  onClose: a,
-  onEdit: o,
+  onClose: o,
+  onEdit: a,
   onDelete: i,
   onCancel: g,
   onAccept: f,
   onDecline: l,
-  onConfirmMeeting: u,
-  canEdit: M = !0,
+  onConfirmMeeting: d,
+  canEdit: z = !0,
   canDelete: N = !1,
   canCancel: C = !0,
   isCurrentUserParticipant: L = !1,
   isCurrentUserClient: v = !1,
-  currentUserAcceptStatus: y,
-  isAcceptLoading: b = !1,
-  isDeclineLoading: k = !1,
-  isConfirmLoading: D = !1,
+  currentUserAcceptStatus: b,
+  isAcceptLoading: w = !1,
+  isDeclineLoading: y = !1,
+  isConfirmLoading: M = !1,
   isDeleteLoading: S = !1,
-  renderParticipant: T,
-  renderHeaderActions: B,
-  renderCancelReason: H,
-  renderDeleteConfirmation: A,
-  formatDate: $ = Mt,
-  formatTimeRange: j = zt
+  renderParticipant: H,
+  renderHeaderActions: O,
+  renderCancelReason: I,
+  renderDeleteConfirmation: _,
+  formatDate: P = Mt,
+  formatTimeRange: W = Et
 }) {
-  const [I, F] = ae(!1), O = !(t.isCanceled || t.meetingTookPlace), x = t.isRecurring ?? !1, d = t.participantDetails, m = t.participantsNames || [], p = d && d.length > 0, c = y === !0, w = y === !1, z = L && !v && O, E = p ? d.filter((_) => _.isConfirmed).length : t.isAccepted ? m.length : 0, P = p ? d.length : m.length, q = t.scheduleTypeColor || t.hexColor || "#039BE5", V = se(() => t.startDate ? $(t.startDate) : r.noDateProvided, [t.startDate, $, r.noDateProvided]), ee = se(() => t.startDate && t.endDate ? j(t.startDate, t.endDate) : null, [t.startDate, t.endDate, j]), ce = () => {
-    a(), o?.(t);
-  }, ue = () => {
-    a(), g?.(t);
-  }, te = () => {
-    F(!0);
-  }, X = () => {
-    i?.(t), F(!1);
+  const [A, V] = re(!1), U = !(t.isCanceled || t.meetingTookPlace), x = t.isRecurring ?? !1, c = t.participantDetails, m = t.participantsNames || [], p = c && c.length > 0, k = b === !0, D = b === !1, $ = L && !v && U, j = p ? c.filter((R) => R.isConfirmed).length : t.isAccepted ? m.length : 0, u = p ? c.length : m.length, E = t.scheduleTypeColor || t.hexColor || "#039BE5", T = ee(() => t.startDate ? P(t.startDate) : r.noDateProvided, [t.startDate, P, r.noDateProvided]), F = ee(() => t.startDate && t.endDate ? W(t.startDate, t.endDate) : null, [t.startDate, t.endDate, W]), ae = () => {
+    o(), a?.(t);
+  }, ie = () => {
+    o(), g?.(t);
+  }, ne = () => {
+    V(!0);
+  }, Z = () => {
+    i?.(t), V(!1);
   };
-  return s ? /* @__PURE__ */ e("div", { className: "flex h-48 items-center justify-center", children: /* @__PURE__ */ e(oe, { className: "h-6 w-6 text-zinc-400" }) }) : /* @__PURE__ */ n(U, { delayDuration: 300, children: [
+  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(G, { 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: B ? B({ onClose: a }) : /* @__PURE__ */ n(Q, { children: [
-        O && M && o && /* @__PURE__ */ e(de, { onClick: ce, label: r.edit, children: /* @__PURE__ */ e(ft, { className: "h-[18px] w-[18px]" }) }),
-        O && C && g && /* @__PURE__ */ e(de, { onClick: ue, label: r.cancel, children: /* @__PURE__ */ e(gt, { className: "h-[18px] w-[18px]" }) }),
-        N && i && /* @__PURE__ */ e(de, { onClick: te, label: r.delete, variant: "destructive", children: /* @__PURE__ */ e(Ue, { className: "h-[18px] w-[18px]" }) }),
-        /* @__PURE__ */ e(de, { onClick: a, 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: O ? O({ onClose: o }) : /* @__PURE__ */ n(q, { children: [
+        U && z && a && /* @__PURE__ */ e(ue, { onClick: ae, label: r.edit, children: /* @__PURE__ */ e(ft, { className: "h-[18px] w-[18px]" }) }),
+        U && C && g && /* @__PURE__ */ e(ue, { onClick: ie, label: r.cancel, children: /* @__PURE__ */ e(gt, { className: "h-[18px] w-[18px]" }) }),
+        N && i && /* @__PURE__ */ e(ue, { onClick: ne, 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", { children: /* @__PURE__ */ n("div", { className: "flex items-start gap-2", children: [
         /* @__PURE__ */ e(
           "div",
           {
             className: "w-4 h-4 rounded mt-1 shrink-0",
-            style: { backgroundColor: q }
+            style: { backgroundColor: E }
           }
         ),
         /* @__PURE__ */ n("div", { className: "flex-1 min-w-0", children: [
@@ -569,16 +569,16 @@ function ze({
             ] })
           ] }),
           /* @__PURE__ */ n("div", { className: "mt-1 text-sm text-zinc-600 dark:text-zinc-400", children: [
-            /* @__PURE__ */ e("span", { children: V() }),
-            ee() && /* @__PURE__ */ n(Q, { children: [
+            /* @__PURE__ */ e("span", { children: T() }),
+            F() && /* @__PURE__ */ n(q, { children: [
               /* @__PURE__ */ e("span", { className: "mx-1.5", children: "·" }),
-              /* @__PURE__ */ e("span", { children: ee() })
+              /* @__PURE__ */ e("span", { children: F() })
             ] })
           ] }),
           x && t.recurrenceSummary && /* @__PURE__ */ e("div", { className: "text-sm text-zinc-500 dark:text-zinc-500", children: t.recurrenceSummary })
         ] })
       ] }) }),
-      t.isCanceled && /* @__PURE__ */ e("div", { className: "mx-4 p-3 rounded-lg bg-red-50 dark:bg-red-950/30", children: H ? H(t) : /* @__PURE__ */ e("div", { className: "flex items-start gap-0", children: /* @__PURE__ */ n("div", { className: "flex-1 min-w-0", children: [
+      t.isCanceled && /* @__PURE__ */ e("div", { className: "mx-4 p-3 rounded-lg bg-red-50 dark:bg-red-950/30", children: I ? I(t) : /* @__PURE__ */ e("div", { className: "flex items-start gap-0", children: /* @__PURE__ */ n("div", { className: "flex-1 min-w-0", children: [
         /* @__PURE__ */ e("div", { className: "text-sm font-medium text-red-700 dark:text-red-400", children: r.cancellationNote }),
         t.cancelReason && /* @__PURE__ */ n("div", { className: "mt-1 text-sm text-red-600/80 dark:text-red-400/80 italic", children: [
           '"',
@@ -588,7 +588,7 @@ function ze({
         t.canceledDate && /* @__PURE__ */ n("div", { className: "mt-1.5 text-xs text-red-500/70 dark:text-red-400/60", children: [
           r.canceledOn,
           " ",
-          Et(t.canceledDate)
+          zt(t.canceledDate)
         ] })
       ] }) }) }),
       /* @__PURE__ */ n("div", { className: "space-y-0.5", children: [
@@ -601,51 +601,51 @@ function ze({
           /* @__PURE__ */ n("div", { className: "flex-1", children: [
             /* @__PURE__ */ n("div", { className: "flex items-center gap-0", children: [
               /* @__PURE__ */ n("span", { className: "text-sm text-zinc-900 dark:text-zinc-100 font-medium", children: [
-                P,
+                u,
                 " ",
-                P !== 1 ? r.guests : r.guest
+                u !== 1 ? r.guests : r.guest
               ] }),
-              P > 0 && /* @__PURE__ */ n("span", { className: "text-xs text-zinc-500", children: [
+              u > 0 && /* @__PURE__ */ n("span", { className: "text-xs text-zinc-500", children: [
                 "(",
-                E,
+                j,
                 " ",
                 r.confirmed,
                 ")"
               ] })
             ] }),
             /* @__PURE__ */ n("div", { className: "mt-2 space-y-2", children: [
-              p ? d.slice(0, 6).map(
-                (_, re) => T ? T(_, re) : /* @__PURE__ */ e(
+              p ? c.slice(0, 6).map(
+                (R, se) => H ? H(R, se) : /* @__PURE__ */ e(
                   Me,
                   {
-                    participant: _,
+                    participant: R,
                     isEventCanceled: t.isCanceled,
                     labels: r
                   },
-                  _.id
+                  R.id
                 )
-              ) : m.slice(0, 6).map((_, re) => {
+              ) : m.slice(0, 6).map((R, se) => {
                 const ke = {
-                  id: String(re),
-                  name: _,
+                  id: String(se),
+                  name: R,
                   email: "",
                   isConfirmed: t.isAccepted,
-                  isOrganizer: re === 0,
+                  isOrganizer: se === 0,
                   isClient: !1
                 };
-                return T ? T(ke, re) : /* @__PURE__ */ e(
+                return H ? H(ke, se) : /* @__PURE__ */ e(
                   Me,
                   {
                     participant: ke,
                     isEventCanceled: t.isCanceled,
                     labels: r
                   },
-                  _
+                  R
                 );
               }),
-              P > 6 && /* @__PURE__ */ n("div", { className: "text-xs text-zinc-500 py-1.5 pl-10", children: [
+              u > 6 && /* @__PURE__ */ n("div", { className: "text-xs text-zinc-500 py-1.5 pl-10", children: [
                 "+",
-                P - 6,
+                u - 6,
                 " ",
                 r.more
               ] })
@@ -658,39 +658,39 @@ function ze({
         ] }),
         /* @__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: p && d.find((_) => _.isOrganizer)?.name || m[0] || "Calendar" })
+          /* @__PURE__ */ e("div", { className: "text-sm text-zinc-700 dark:text-zinc-300", children: p && c.find((R) => R.isOrganizer)?.name || m[0] || "Calendar" })
         ] })
       ] }),
-      z && f && l && /* @__PURE__ */ e("div", { className: "border-t border-zinc-100 dark:border-zinc-800 mt-3 py-3", children: /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: [
+      $ && f && l && /* @__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: [
             /* @__PURE__ */ e(
-              ne,
+              oe,
               {
                 size: "sm",
                 variant: "outline",
                 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"
+                  k && "!bg-green-700 !text-white hover:!bg-green-700"
                 ),
-                onClick: (_) => {
-                  _.stopPropagation(), c || f(t);
+                onClick: (R) => {
+                  R.stopPropagation(), k || f(t);
                 },
-                disabled: b,
-                children: b ? /* @__PURE__ */ e(oe, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ n(Q, { children: [
-                  c && /* @__PURE__ */ e(le, { className: "h-3.5 w-3.5" }),
+                disabled: w,
+                children: w ? /* @__PURE__ */ e(le, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ n(q, { children: [
+                  k && /* @__PURE__ */ e(de, { className: "h-3.5 w-3.5" }),
                   r.going
                 ] })
               }
             ),
             /* @__PURE__ */ e(
-              ne,
+              oe,
               {
                 size: "sm",
                 variant: "outline",
                 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"
+                  k && "!bg-green-700 !text-white hover:!bg-green-700"
                 ),
                 children: /* @__PURE__ */ e(pt, { className: "h-3.5 w-3.5" })
               }
@@ -702,88 +702,88 @@ function ze({
               {
                 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"
+                  k && "!bg-green-700 !text-white hover:!bg-green-700"
                 ),
                 onClick: () => f(t),
                 children: [
-                  /* @__PURE__ */ e(le, { className: "h-3.5 w-3.5 mr-2 text-green-600" }),
+                  /* @__PURE__ */ e(de, { className: "h-3.5 w-3.5 mr-2 text-green-600" }),
                   r.acceptThisEvent
                 ]
               }
             ),
             /* @__PURE__ */ n(Ne, { onClick: () => f(t), children: [
-              /* @__PURE__ */ e(le, { className: "h-3.5 w-3.5 mr-2 text-green-600" }),
+              /* @__PURE__ */ e(de, { className: "h-3.5 w-3.5 mr-2 text-green-600" }),
               r.acceptAllEvents
             ] })
           ] })
         ] }) : /* @__PURE__ */ e(
-          ne,
+          oe,
           {
             size: "sm",
             variant: "outline",
             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"
+              k && "!bg-green-700 !text-white hover:!bg-green-700"
             ),
             onClick: () => {
-              c || f(t);
+              k || f(t);
             },
-            disabled: b,
-            children: b ? /* @__PURE__ */ e(oe, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ n(Q, { children: [
-              c && /* @__PURE__ */ e(le, { className: "h-3.5 w-3.5" }),
+            disabled: w,
+            children: w ? /* @__PURE__ */ e(le, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ n(q, { children: [
+              k && /* @__PURE__ */ e(de, { className: "h-3.5 w-3.5" }),
               r.going
             ] })
           }
         ),
         /* @__PURE__ */ e(
-          ne,
+          oe,
           {
             size: "sm",
             variant: "outline",
             className: h(
               "gap-1.5 h-8 !border-none !bg-rose-100 text-rose-800 hover:!bg-rose-200",
-              w && "!bg-rose-700 !text-white hover:!bg-rose-700"
+              D && "!bg-rose-700 !text-white hover:!bg-rose-700"
             ),
             onClick: () => {
-              w || l(t);
+              D || l(t);
             },
-            disabled: k,
-            children: k ? /* @__PURE__ */ e(oe, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ n(Q, { children: [
-              w && /* @__PURE__ */ e(he, { className: "h-3.5 w-3.5" }),
+            disabled: y,
+            children: y ? /* @__PURE__ */ e(le, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ n(q, { children: [
+              D && /* @__PURE__ */ e(he, { className: "h-3.5 w-3.5" }),
               r.notGoing
             ] })
           }
         )
       ] }) }),
-      L && c && !t.meetingTookPlace && !t.isCanceled && u && /* @__PURE__ */ e("div", { className: "border-t border-zinc-100 dark:border-zinc-800 py-3", children: /* @__PURE__ */ n(
-        ne,
+      L && k && !t.meetingTookPlace && !t.isCanceled && d && /* @__PURE__ */ e("div", { className: "border-t border-zinc-100 dark:border-zinc-800 py-3", children: /* @__PURE__ */ n(
+        oe,
         {
           size: "sm",
           variant: "outline",
           className: "w-full h-9 hover:!bg-green-100 hover:text-green-700 text-green-700 !bg-green-100 !border-none dark:text-green-400 dark:hover:bg-green-950/30",
-          onClick: () => u(t),
-          disabled: D,
+          onClick: () => d(t),
+          disabled: M,
           children: [
-            D && /* @__PURE__ */ e(oe, { className: "h-4 w-4 mr-2" }),
+            M && /* @__PURE__ */ e(le, { className: "h-4 w-4 mr-2" }),
             r.confirmMeeting
           ]
         }
       ) })
     ] }),
-    A ? I && A({
-      onConfirm: X,
-      onCancel: () => F(!1),
+    _ ? A && _({
+      onConfirm: Z,
+      onCancel: () => V(!1),
       isLoading: S
     }) : /* @__PURE__ */ e(
       Dt,
       {
-        open: I,
-        onOpenChange: F,
+        open: A,
+        onOpenChange: V,
         title: r.deleteConfirmTitle,
         description: r.deleteConfirmDescription,
         cancelLabel: r.cancel,
         confirmLabel: r.delete,
-        onConfirm: X,
+        onConfirm: Z,
         isLoading: S
       }
     )
@@ -793,113 +793,113 @@ function Or({
   event: t,
   children: r,
   open: s,
-  onOpenChange: a,
-  isLoading: o,
+  onOpenChange: o,
+  isLoading: a,
   labels: i,
   onEdit: g,
   onDelete: f,
   onCancel: l,
-  onAccept: u,
-  onDecline: M,
+  onAccept: d,
+  onDecline: z,
   onConfirmMeeting: N,
   canEdit: C = !0,
   canDelete: L = !1,
   canCancel: v = !0,
-  isCurrentUserParticipant: y,
-  isCurrentUserClient: b,
-  currentUserAcceptStatus: k,
-  isAcceptLoading: D,
+  isCurrentUserParticipant: b,
+  isCurrentUserClient: w,
+  currentUserAcceptStatus: y,
+  isAcceptLoading: M,
   isDeclineLoading: S,
-  isConfirmLoading: T,
-  isDeleteLoading: B,
-  renderParticipant: H,
-  renderHeaderActions: A,
-  renderCancelReason: $,
-  renderDeleteConfirmation: j,
-  formatDate: I,
-  formatTimeRange: F,
-  className: O,
+  isConfirmLoading: H,
+  isDeleteLoading: O,
+  renderParticipant: I,
+  renderHeaderActions: _,
+  renderCancelReason: P,
+  renderDeleteConfirmation: W,
+  formatDate: A,
+  formatTimeRange: V,
+  className: U,
   width: x = 360
 }) {
-  const d = St("(min-width: 768px)"), m = { ...kt, ...i }, p = se(() => {
-    a?.(!1);
-  }, [a]), c = {
+  const c = St("(min-width: 768px)"), m = { ...kt, ...i }, p = ee(() => {
+    o?.(!1);
+  }, [o]), k = {
     event: t,
     labels: m,
-    isLoading: o,
+    isLoading: a,
     onClose: p,
     onEdit: g,
     onDelete: f,
     onCancel: l,
-    onAccept: u,
-    onDecline: M,
+    onAccept: d,
+    onDecline: z,
     onConfirmMeeting: N,
     canEdit: C,
     canDelete: L,
     canCancel: v,
-    isCurrentUserParticipant: y,
-    isCurrentUserClient: b,
-    currentUserAcceptStatus: k,
-    isAcceptLoading: D,
+    isCurrentUserParticipant: b,
+    isCurrentUserClient: w,
+    currentUserAcceptStatus: y,
+    isAcceptLoading: M,
     isDeclineLoading: S,
-    isConfirmLoading: T,
-    isDeleteLoading: B,
-    renderParticipant: H,
-    renderHeaderActions: A,
-    renderCancelReason: $,
-    renderDeleteConfirmation: j,
-    formatDate: I,
-    formatTimeRange: F
+    isConfirmLoading: H,
+    isDeleteLoading: O,
+    renderParticipant: I,
+    renderHeaderActions: _,
+    renderCancelReason: P,
+    renderDeleteConfirmation: W,
+    formatDate: A,
+    formatTimeRange: V
   };
-  return d ? /* @__PURE__ */ n(Fe, { open: s ?? !1, onOpenChange: a ?? (() => {
+  return c ? /* @__PURE__ */ n(Pe, { open: s ?? !1, onOpenChange: o ?? (() => {
   }), children: [
-    /* @__PURE__ */ e(Pe, { asChild: !0, children: r }),
+    /* @__PURE__ */ e(Oe, { asChild: !0, children: r }),
     /* @__PURE__ */ e(
-      Oe,
+      Re,
       {
         className: h(
           "p-0 shadow-lg !rounded-2xl bg-white dark:bg-zinc-900 overflow-hidden border z-50",
-          O
+          U
         ),
         style: { width: x },
         align: "center",
         side: "bottom",
         sideOffset: 4,
-        children: /* @__PURE__ */ e(ze, { ...c })
+        children: /* @__PURE__ */ e(Ee, { ...k })
       }
     )
-  ] }) : /* @__PURE__ */ n(Q, { children: [
+  ] }) : /* @__PURE__ */ n(q, { children: [
     r,
     /* @__PURE__ */ e(
       Ct,
       {
         open: s ?? !1,
-        onOpenChange: a ?? (() => {
+        onOpenChange: o ?? (() => {
         }),
         title: t.title,
-        children: /* @__PURE__ */ e(ze, { ...c })
+        children: /* @__PURE__ */ e(Ee, { ...k })
       }
     )
   ] });
 }
-const fe = 44, Ee = 4, Lt = 56, Se = 8, ge = 80, ie = 140, Le = 100, Te = 2, Tt = 8, Ht = 18;
+const ge = 44, ze = 4, Lt = 56, Se = 8, xe = 80, ce = 140, Le = 100, Te = 2, Tt = 8, Ht = 18;
 function jt(t) {
   return t.split(" ").map((r) => r[0]).join("").toUpperCase().slice(0, 2);
 }
 function It(t, r) {
   const s = [];
-  for (let a = 0; a < r; a++) {
-    const o = new Date(t);
-    o.setDate(o.getDate() + a), s.push(o);
+  for (let o = 0; o < r; o++) {
+    const a = new Date(t);
+    a.setDate(a.getDate() + o), s.push(a);
   }
   return s;
 }
 function Wt(t, r, s) {
-  const a = [];
-  return t.forEach((o, i) => {
+  const o = [];
+  return t.forEach((a, i) => {
     for (let g = r; g < s; g++)
-      a.push({ hour: g, dayIndex: i, date: o });
-  }), a;
+      o.push({ hour: g, dayIndex: i, date: a });
+  }), o;
 }
 function At(t) {
   return `${t.toString().padStart(2, "0")}:00`;
@@ -912,173 +912,173 @@ function $t(t) {
   });
 }
 function He(t) {
-  const r = [...t].sort((o, i) => o.startCol !== i.startCol ? o.startCol - i.startCol : i.spanCols - o.spanCols), s = [], a = [];
-  for (const o of r) {
+  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 (; a[i] !== void 0 && a[i] > o.startCol; )
+    for (; o[i] !== void 0 && o[i] > a.startCol; )
       i++;
-    a[i] = o.startCol + o.spanCols, s.push({
-      ...o,
+    o[i] = a.startCol + a.spanCols, s.push({
+      ...a,
       stackIndex: i
     });
   }
   return s;
 }
-function Bt({ src: t, alt: r, fallback: s, className: a }) {
+function Bt({ src: t, alt: r, fallback: s, className: o }) {
   return /* @__PURE__ */ e(
     "div",
     {
-      className: h("relative flex shrink-0 overflow-hidden rounded-sm border bg-muted", a),
+      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 xe({
+function pe({
   daysToShow: t = _t,
   events: r,
   users: s = [],
-  selectedDate: a,
-  onDateChange: o,
+  selectedDate: o,
+  onDateChange: a,
   onEventClick: i,
   visibleHours: g,
   className: f,
   getEventUserId: l,
-  renderPopover: u,
-  slots: M,
+  renderPopover: d,
+  slots: z,
   classNames: N
 }) {
-  const C = Qe(null), L = a ?? /* @__PURE__ */ new Date(), v = !0, y = g?.from ?? Tt, b = g?.to ?? Ht, k = b - y, D = W(() => {
-    const d = new Date(L);
+  const C = Fe(null), L = o ?? /* @__PURE__ */ new Date(), v = !0, b = g?.from ?? Tt, w = g?.to ?? Ht, y = w - b, M = B(() => {
+    const c = new Date(L);
     if (t === 1 || t === 3)
-      return d.setHours(0, 0, 0, 0), d;
-    const m = d.getDay(), p = m === 0 ? -6 : 1 - m;
-    return d.setDate(d.getDate() + p), d.setHours(0, 0, 0, 0), d;
-  }, [L, t]), S = W(
-    () => It(D, t),
-    [D, t]
-  ), T = W(
-    () => Wt(S, y, b),
-    [v, S, y, b]
-  ), H = l ?? ((d) => {
-    if (d.user?.id) return d.user.id;
-    const m = d.data;
+      return c.setHours(0, 0, 0, 0), c;
+    const m = c.getDay(), p = m === 0 ? -6 : 1 - m;
+    return c.setDate(c.getDate() + p), c.setHours(0, 0, 0, 0), c;
+  }, [L, t]), S = B(
+    () => It(M, t),
+    [M, t]
+  ), H = B(
+    () => Wt(S, b, w),
+    [v, S, b, w]
+  ), I = l ?? ((c) => {
+    if (c.user?.id) return c.user.id;
+    const m = c.data;
     if (m?.userId) return String(m.userId);
     if (m?.user && typeof m.user == "object" && m.user.id)
       return String(m.user.id);
-    if (d.participants?.[0]?.id) return d.participants[0].id;
-  }), A = W(() => {
-    const d = /* @__PURE__ */ new Map();
+    if (c.participants?.[0]?.id) return c.participants[0].id;
+  }), _ = B(() => {
+    const c = /* @__PURE__ */ new Map();
     for (const m of s)
-      d.set(m.id, {
+      c.set(m.id, {
         id: m.id,
         name: m.name,
         avatar: m.avatar ?? void 0,
         email: m.email
       });
     for (const m of r) {
-      m.user?.id && !d.has(m.user.id) && d.set(m.user.id, {
+      m.user?.id && !c.has(m.user.id) && c.set(m.user.id, {
         id: m.user.id,
         name: m.user.name,
         avatar: m.user.avatar ?? void 0,
         email: m.user.email
       });
       for (const p of m.participants || [])
-        p.id && !d.has(p.id) && d.set(p.id, {
+        p.id && !c.has(p.id) && c.set(p.id, {
           id: p.id,
           name: p.name,
           avatar: p.avatar ?? void 0,
           email: p.email
         });
     }
-    return Array.from(d.values());
-  }, [s, r]), $ = W(() => {
-    const d = [], m = /* @__PURE__ */ new Map();
-    for (const w of A)
-      m.set(w.id, []);
+    return Array.from(c.values());
+  }, [s, r]), P = B(() => {
+    const c = [], m = /* @__PURE__ */ new Map();
+    for (const D of _)
+      m.set(D.id, []);
     m.set("unassigned", []);
-    for (const w of r) {
-      const z = H(w) ?? "unassigned";
-      (m.get(z) ?? m.get("unassigned")).push(w);
+    for (const D of r) {
+      const $ = I(D) ?? "unassigned";
+      (m.get($) ?? m.get("unassigned")).push(D);
     }
-    const p = (w) => {
-      const z = [];
-      for (const E of w) {
-        const P = E.startDate.getHours() + E.startDate.getMinutes() / 60, q = E.endDate.getHours() + E.endDate.getMinutes() / 60;
-        for (let V = 0; V < S.length; V++) {
-          const ee = S[V], ce = me(ee), ue = Ve(ee);
-          if (E.startDate <= ue && E.endDate >= ce) {
-            let te = y, X = b;
-            if (E.startDate >= ce && (te = Math.max(y, P)), E.endDate <= ue && (X = Math.min(b, q)), te = Math.max(y, Math.min(b, te)), X = Math.max(y, Math.min(b, X)), X > te) {
-              const _ = V * k + Math.floor(te - y), re = V * k + Math.ceil(X - y);
-              z.push({
-                event: E,
-                startCol: _,
-                spanCols: Math.max(1, re - _)
+    const p = (D) => {
+      const $ = [];
+      for (const j of D) {
+        const u = j.startDate.getHours() + j.startDate.getMinutes() / 60, E = j.endDate.getHours() + j.endDate.getMinutes() / 60;
+        for (let T = 0; T < S.length; T++) {
+          const F = S[T], ae = fe(F), ie = Ve(F);
+          if (j.startDate <= ie && j.endDate >= ae) {
+            let ne = b, Z = w;
+            if (j.startDate >= ae && (ne = Math.max(b, u)), j.endDate <= ie && (Z = Math.min(w, E)), ne = Math.max(b, Math.min(w, ne)), Z = Math.max(b, Math.min(w, Z)), Z > ne) {
+              const R = T * y + Math.floor(ne - b), se = T * y + Math.ceil(Z - b);
+              $.push({
+                event: j,
+                startCol: R,
+                spanCols: Math.max(1, se - R)
               });
             }
           }
         }
       }
-      return z;
+      return $;
     };
-    for (const w of A) {
-      const z = m.get(w.id) ?? [], E = p(z), P = He(E), q = P.reduce((V, ee) => Math.max(V, ee.stackIndex + 1), 0);
-      d.push({
-        user: w,
-        events: P,
-        maxStack: Math.max(q, 1)
+    for (const D of _) {
+      const $ = m.get(D.id) ?? [], j = p($), u = He(j), E = u.reduce((T, F) => Math.max(T, F.stackIndex + 1), 0);
+      c.push({
+        user: D,
+        events: u,
+        maxStack: Math.max(E, 1)
       });
     }
-    const c = m.get("unassigned") ?? [];
-    if (c.length > 0) {
-      const w = p(c), z = He(w), E = z.reduce((P, q) => Math.max(P, q.stackIndex + 1), 0);
-      d.push({
+    const k = m.get("unassigned") ?? [];
+    if (k.length > 0) {
+      const D = p(k), $ = He(D), j = $.reduce((u, E) => Math.max(u, E.stackIndex + 1), 0);
+      c.push({
         user: {
           id: "unassigned",
           name: "Unassigned",
           avatar: void 0,
           email: void 0
         },
-        events: z,
-        maxStack: Math.max(E, 1)
+        events: $,
+        maxStack: Math.max(j, 1)
       });
     }
-    return d.filter((w) => w.events.length > 0);
+    return c.filter((D) => D.events.length > 0);
   }, [
-    A,
+    _,
     r,
     S,
     v,
-    k,
     y,
     b,
-    H
-  ]), j = W(() => {
-    const d = /* @__PURE__ */ new Map();
-    for (const m of $)
+    w,
+    I
+  ]), W = B(() => {
+    const c = /* @__PURE__ */ new Map();
+    for (const m of P)
       for (const p of m.events)
         if (p.spanCols === 1) {
-          const c = d.get(p.startCol) ?? 0;
-          d.set(p.startCol, c + 1);
+          const k = c.get(p.startCol) ?? 0;
+          c.set(p.startCol, k + 1);
         }
-    return d;
-  }, [$]), I = W(() => {
-    const d = T.length, m = ge, p = [];
-    for (let c = 0; c < d; c++) {
-      const w = j.get(c) ?? 0;
-      w > Te ? p.push(
-        Le + (w - Te) * 20
-      ) : w > 0 ? p.push(Math.max(m, Le)) : p.push(m);
+    return c;
+  }, [P]), A = B(() => {
+    const c = H.length, m = xe, p = [];
+    for (let k = 0; k < c; k++) {
+      const D = W.get(k) ?? 0;
+      D > Te ? p.push(
+        Le + (D - Te) * 20
+      ) : D > 0 ? p.push(Math.max(m, Le)) : p.push(m);
     }
     return p;
-  }, [v, T.length, S.length, j]), F = (d) => Math.max(Lt, d * (fe + Ee) + Se * 2), O = ie + I.reduce((d, m) => d + m, 0), x = W(() => {
-    const d = [0];
-    for (let m = 0; m < I.length; m++)
-      d.push(d[m] + I[m]);
-    return d;
-  }, [I]);
-  return /* @__PURE__ */ e("div", { className: h("flex h-full flex-col", f), children: /* @__PURE__ */ e("div", { className: "ic-timeline-scroll-container flex-1", ref: C, children: /* @__PURE__ */ n("div", { className: "relative", style: { minWidth: O }, children: [
+  }, [v, H.length, S.length, W]), V = (c) => Math.max(Lt, c * (ge + ze) + Se * 2), U = ce + A.reduce((c, m) => c + m, 0), x = B(() => {
+    const c = [0];
+    for (let m = 0; m < A.length; m++)
+      c.push(c[m] + A[m]);
+    return c;
+  }, [A]);
+  return /* @__PURE__ */ e("div", { className: h("flex h-full flex-col", f), children: /* @__PURE__ */ e("div", { className: "ic-timeline-scroll-container flex-1", ref: C, children: /* @__PURE__ */ n("div", { className: "relative", style: { minWidth: U }, children: [
     // Hour mode: Day headers + Hour sub-headers - sticky wrapper with flex child (sticky + flex breaks sticky)
     /* @__PURE__ */ e("div", { className: "ic-timeline-header sticky top-0 z-20 border-b bg-background", children: /* @__PURE__ */ n("div", { className: "flex flex-col", children: [
       t > 1 && /* @__PURE__ */ n("div", { className: "flex border-b", children: [
@@ -1086,12 +1086,12 @@ function xe({
           "div",
           {
             className: "flex shrink-0 items-center border-r bg-background px-2 py-1",
-            style: { width: ie },
+            style: { width: ce },
             children: /* @__PURE__ */ e("span", { className: "text-[10px] font-medium uppercase text-muted-foreground", children: "Resources" })
           }
         ),
-        S.map((d, m) => {
-          const p = Z(d), c = m * k, w = I.slice(c, c + k).reduce((z, E) => z + E, 0);
+        S.map((c, m) => {
+          const p = te(c), k = m * y, D = A.slice(k, k + y).reduce(($, j) => $ + j, 0);
           return /* @__PURE__ */ e(
             "div",
             {
@@ -1099,10 +1099,10 @@ function xe({
                 "flex shrink-0 items-center justify-center border-r py-1.5 font-medium",
                 p ? "bg-primary/10 text-primary" : "bg-muted/30"
               ),
-              style: { width: w },
-              children: /* @__PURE__ */ e("span", { className: "text-xs", children: $t(d) })
+              style: { width: D },
+              children: /* @__PURE__ */ e("span", { className: "text-xs", children: $t(c) })
             },
-            `day-${d.toISOString()}`
+            `day-${c.toISOString()}`
           );
         })
       ] }),
@@ -1111,7 +1111,7 @@ function xe({
           "div",
           {
             className: "flex shrink-0 items-center border-r bg-background px-2 py-2",
-            style: { width: ie },
+            style: { width: ce },
             children: /* @__PURE__ */ e("span", { className: "text-[10px] font-medium uppercase text-muted-foreground", children: "Resources" })
           }
         ),
@@ -1119,36 +1119,36 @@ function xe({
           "div",
           {
             className: "sticky left-0 z-10 border-r bg-background",
-            style: { width: ie }
+            style: { width: ce }
           }
         ),
-        T.map((d, m) => {
-          const p = d.hour === y, c = Z(d.date), w = I[m] ?? ge;
+        H.map((c, m) => {
+          const p = c.hour === b, k = te(c.date), D = A[m] ?? xe;
           return /* @__PURE__ */ e(
             "div",
             {
               className: h(
                 "flex shrink-0 items-center justify-center py-1.5 text-[10px] text-muted-foreground",
                 p && m > 0 ? "border-l-2 border-l-border" : "border-r border-r-border/50",
-                c && "bg-primary/5"
+                k && "bg-primary/5"
               ),
-              style: { width: w },
-              children: At(d.hour)
+              style: { width: D },
+              children: At(c.hour)
             },
-            `hour-${d.dayIndex}-${d.hour}`
+            `hour-${c.dayIndex}-${c.hour}`
           );
         })
       ] })
     ] }) }),
-    $.map((d) => {
-      const m = F(d.maxStack);
+    P.map((c) => {
+      const m = V(c.maxStack);
       return /* @__PURE__ */ n(
         "div",
         {
           className: h("relative flex border-b", N?.resourceRow),
           style: { height: m },
           children: [
-            /* @__PURE__ */ e("div", { className: "sticky left-0 z-10", style: { width: ie }, children: /* @__PURE__ */ n(
+            /* @__PURE__ */ e("div", { className: "sticky left-0 z-10", style: { width: ce }, children: /* @__PURE__ */ n(
               "div",
               {
                 className: h(
@@ -1160,44 +1160,44 @@ function xe({
                     Bt,
                     {
                       className: "size-7",
-                      src: d.user.avatar,
-                      alt: d.user.name,
-                      fallback: jt(d.user.name)
+                      src: c.user.avatar,
+                      alt: c.user.name,
+                      fallback: jt(c.user.name)
                     }
                   ),
-                  /* @__PURE__ */ e("span", { className: "truncate text-xs sm:text-sm font-medium", children: d.user.name })
+                  /* @__PURE__ */ e("span", { className: "truncate text-xs sm:text-sm font-medium", children: c.user.name })
                 ]
               }
             ) }),
             /* @__PURE__ */ n("div", { className: "relative flex", children: [
               // Hour mode cells
-              T.map((p, c) => {
-                const w = p.hour === y && c > 0, z = I[c] ?? ge;
+              H.map((p, k) => {
+                const D = p.hour === b && k > 0, $ = A[k] ?? xe;
                 return /* @__PURE__ */ e(
                   "div",
                   {
                     className: h(
                       "shrink-0",
-                      w ? "border-l-2 border-l-border" : "border-r border-r-border/50",
-                      Z(p.date) && "bg-primary/5"
+                      D ? "border-l-2 border-l-border" : "border-r border-r-border/50",
+                      te(p.date) && "bg-primary/5"
                     ),
-                    style: { width: z }
+                    style: { width: $ }
                   },
                   `cell-${p.dayIndex}-${p.hour}`
                 );
               }),
-              d.events.map((p) => {
-                const c = (x[p.startCol] ?? 0) + 2, w = x[p.startCol + p.spanCols] ?? x[x.length - 1] ?? 0, z = x[p.startCol] ?? 0, E = w - z - 4, P = Se + p.stackIndex * (fe + Ee);
+              c.events.map((p) => {
+                const k = (x[p.startCol] ?? 0) + 2, D = x[p.startCol + p.spanCols] ?? x[x.length - 1] ?? 0, $ = x[p.startCol] ?? 0, j = D - $ - 4, u = Se + p.stackIndex * (ge + ze);
                 return /* @__PURE__ */ e(
                   "div",
                   {
                     className: "absolute",
                     style: {
-                      left: c,
-                      width: Math.max(E, 0),
+                      left: k,
+                      width: Math.max(j, 0),
                       // No forced minimum - columns are guaranteed wide enough
-                      top: P,
-                      height: fe
+                      top: u,
+                      height: ge
                     },
                     children: /* @__PURE__ */ e(
                       tt,
@@ -1205,7 +1205,7 @@ function xe({
                         event: p.event,
                         variant: "compact",
                         onClick: i,
-                        renderPopover: u,
+                        renderPopover: d,
                         className: h("h-full w-full", N?.eventCardCompact)
                       }
                     )
@@ -1216,10 +1216,10 @@ function xe({
             ] })
           ]
         },
-        d.user.id
+        c.user.id
       );
     }),
-    $.length === 0 && /* @__PURE__ */ e("div", { className: "flex items-center justify-center py-20 text-muted-foreground", children: "No users or events to display" })
+    P.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 = [
@@ -1240,18 +1240,18 @@ function je(t) {
   const r = t.hexColor;
   return r ? { backgroundColor: r } : {};
 }
-function Ot({ day: t, date: r, events: s, isCurrentMonth: a, onDayClick: o }) {
-  const i = Z(r), g = 3, f = s.length;
+function Ot({ day: t, date: r, events: s, isCurrentMonth: o, onDayClick: a }) {
+  const i = te(r), g = 3, f = s.length;
   return /* @__PURE__ */ n(
     "button",
     {
       type: "button",
-      onClick: () => o?.(r),
+      onClick: () => a?.(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",
-        !a && "opacity-40"
+        !o && "opacity-40"
       ),
       children: [
         /* @__PURE__ */ e(
@@ -1271,7 +1271,7 @@ function Ot({ day: t, date: r, events: s, isCurrentMonth: a, onDayClick: o }) {
             style: je(l)
           },
           l.id
-        )) : /* @__PURE__ */ n(Q, { children: [
+        )) : /* @__PURE__ */ n(q, { children: [
           s.slice(0, g).map((l) => /* @__PURE__ */ e(
             "div",
             {
@@ -1289,13 +1289,13 @@ function Ot({ day: t, date: r, events: s, isCurrentMonth: a, onDayClick: o }) {
     }
   );
 }
-function Vt({
+function Rt({
   date: t,
   events: r,
   onMonthClick: s,
-  onDayClick: a
+  onDayClick: o
 }) {
-  const o = W(() => ct(t, 0), [t]);
+  const a = B(() => dt(t, 0), [t]);
   return /* @__PURE__ */ n("div", { className: "flex flex-col", children: [
     /* @__PURE__ */ e(
       "button",
@@ -1315,7 +1315,7 @@ function Vt({
         /* @__PURE__ */ e("span", { className: "sm:hidden", children: i[0] }),
         /* @__PURE__ */ e("span", { className: "hidden sm:inline", children: i })
       ] }, g)) }),
-      /* @__PURE__ */ e("div", { className: "grid grid-cols-7 gap-x-0.5 gap-y-1", children: o.map((i, 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);
         return /* @__PURE__ */ e(
           Ot,
@@ -1324,7 +1324,7 @@ function Vt({
             date: i.date,
             events: f,
             isCurrentMonth: i.isCurrentMonth,
-            onDayClick: a
+            onDayClick: o
           },
           `${g + 1}-${i.date.toISOString()}`
         );
@@ -1332,25 +1332,25 @@ function Vt({
     ] })
   ] });
 }
-function Rt({
+function Vt({
   events: t,
   year: r,
   onMonthClick: s,
-  onDayClick: a,
-  className: o,
+  onDayClick: o,
+  className: a,
   slots: i,
   classNames: g
 }) {
-  const f = W(() => dt(r), [r]);
-  return /* @__PURE__ */ n("div", { className: h("flex flex-col h-full", o), children: [
+  const f = B(() => ct(r), [r]);
+  return /* @__PURE__ */ n("div", { className: h("flex flex-col h-full", a), children: [
     /* @__PURE__ */ e("div", { className: "flex items-center justify-center border-b px-4 py-3", children: /* @__PURE__ */ e("h2", { className: "text-lg font-semibold", children: r }) }),
     /* @__PURE__ */ e("div", { className: "flex-1 overflow-auto p-4", children: /* @__PURE__ */ e("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4", children: f.map((l) => /* @__PURE__ */ e(
-      Vt,
+      Rt,
       {
         date: l,
         events: t,
         onMonthClick: s,
-        onDayClick: a
+        onDayClick: o
       },
       l.getMonth()
     )) }) })
@@ -1369,234 +1369,253 @@ function Yt({
   onEventClick: t,
   onSlotClick: r,
   onSlotSelect: s,
-  onAddEvent: a,
-  className: o,
+  onAddEvent: o,
+  className: a,
   showHeader: i = !0,
   minSelectionMinutes: g = 30,
   showMoreEventsInPopover: f = !1,
   slots: l,
-  classNames: u,
-  settingsContent: M,
+  classNames: d,
+  settingsContent: z,
   filterContent: N,
   headerActions: C,
   renderPopover: L
 }) {
   const {
     view: v,
-    setView: y,
-    selectedDate: b,
-    setSelectedDate: k,
-    slotDuration: D,
+    setView: b,
+    selectedDate: w,
+    setSelectedDate: y,
+    slotDuration: M,
     filteredEvents: S,
-    users: T,
-    visibleHours: B,
-    workingHours: H,
-    badgeVariant: A,
-    showWorkingHoursOnly: $
-  } = Xe(), j = W(() => {
-    if (!$ || !H)
-      return { startHour: B.start, endHour: B.end };
-    let c = 24, w = 0;
-    for (const z of Object.keys(H)) {
-      const E = H[Number(z)];
-      !E || E.enabled === !1 || (E.from < c && (c = E.from), E.to > w && (w = E.to));
+    users: H,
+    visibleHours: O,
+    workingHours: I,
+    badgeVariant: _,
+    showWorkingHoursOnly: P
+  } = Qe(), W = B(() => {
+    if (!P || !I)
+      return { startHour: O.start, endHour: O.end };
+    let u = 24, E = 0;
+    for (const T of Object.keys(I)) {
+      const F = I[Number(T)];
+      !F || F.enabled === !1 || (F.from < u && (u = F.from), F.to > E && (E = F.to));
     }
-    return c >= w ? { startHour: B.start, endHour: B.end } : { startHour: c, endHour: w };
-  }, [$, H, B]), I = j, F = W(() => Ut(v), [v]), O = se(
-    (c) => {
+    return u >= E ? { startHour: O.start, endHour: O.end } : { startHour: u, endHour: E };
+  }, [P, I, O]), A = W, V = B(() => Ut(v), [v]), U = ee(
+    (u) => {
       if (s) {
-        s(c);
+        s(u);
         return;
       }
       if (r) {
-        const w = c.startDate.getHours();
-        r(c.startDate, w);
+        const E = u.startDate.getHours();
+        r(u.startDate, E);
       }
     },
     [s, r]
-  ), x = se(
-    (c) => {
-      y("day"), k(c, "day");
+  ), x = ee(
+    (u) => {
+      b("day"), y(u, "day");
     },
-    [k, y]
-  ), d = se(
-    (c) => {
-      y("month"), k(c, "month");
+    [y, b]
+  ), c = ee(
+    (u) => {
+      b("month"), y(u, "month");
     },
-    [k, y]
-  ), m = se(
-    (c) => {
-      t?.(c);
+    [y, b]
+  ), m = ee(
+    (u) => {
+      t?.(u);
     },
     [t]
   ), p = () => {
-    const c = S, w = m, z = L;
+    const u = S, E = m, T = L;
     switch (v) {
       case "day":
         return /* @__PURE__ */ e(
-          at,
+          ot,
           {
-            events: c,
-            date: b,
-            visibleHours: I,
-            workingHours: H,
-            slotDuration: D,
-            badgeVariant: A,
-            onEventClick: w,
-            renderPopover: z,
+            events: u,
+            date: w,
+            visibleHours: A,
+            workingHours: I,
+            slotDuration: M,
+            badgeVariant: _,
+            onEventClick: E,
+            renderPopover: T,
             ...l && { slots: l },
-            ...u && { classNames: u }
+            ...d && { classNames: d }
           }
         );
       case "week":
         return /* @__PURE__ */ e(
           st,
           {
-            events: c,
-            date: b,
-            visibleHours: I,
-            workingHours: H,
-            slotDuration: D,
-            badgeVariant: A,
-            onEventClick: w,
-            renderPopover: z,
+            events: u,
+            date: w,
+            visibleHours: A,
+            workingHours: I,
+            slotDuration: M,
+            badgeVariant: _,
+            onEventClick: E,
+            renderPopover: T,
             ...l && { slots: l },
-            ...u && { classNames: u }
+            ...d && { classNames: d }
           }
         );
       case "month":
         return /* @__PURE__ */ e(
           Ce,
           {
-            events: c,
-            date: b,
-            badgeVariant: A,
-            onEventClick: w,
+            events: u,
+            date: w,
+            badgeVariant: _,
+            onEventClick: E,
             onDayClick: x,
-            renderPopover: z,
+            renderPopover: T,
             showMoreEventsInPopover: f,
             ...l && { slots: l },
-            ...u && { classNames: u }
+            ...d && { classNames: d }
           }
         );
       case "year":
         return /* @__PURE__ */ e(
-          Rt,
+          Vt,
           {
-            events: c,
-            year: b.getFullYear(),
-            onMonthClick: d,
+            events: u,
+            year: w.getFullYear(),
+            onMonthClick: c,
             onDayClick: x,
             ...l && { slots: l },
-            ...u && { classNames: u }
+            ...d && { classNames: d }
           }
         );
       case "agenda":
         return /* @__PURE__ */ e(
           nt,
           {
-            events: c,
-            date: b,
-            onEventClick: w,
-            renderPopover: z,
+            events: u,
+            date: w,
+            onEventClick: E,
+            renderPopover: T,
             ...l && { slots: l },
-            ...u && { classNames: u }
+            ...d && { classNames: d }
           }
         );
       // Timeline views
       case "timeline-day":
         return /* @__PURE__ */ e(
-          xe,
+          pe,
           {
             daysToShow: 1,
-            events: c,
-            users: T,
-            selectedDate: b,
+            events: u,
+            users: H,
+            selectedDate: w,
             visibleHours: {
-              from: j.startHour,
-              to: j.endHour
+              from: W.startHour,
+              to: W.endHour
             },
-            onEventClick: w,
-            renderPopover: z,
+            onEventClick: E,
+            renderPopover: T,
             ...l && { slots: l },
-            ...u && { classNames: u }
+            ...d && { classNames: d }
           }
         );
       case "timeline-3day":
         return /* @__PURE__ */ e(
-          xe,
+          pe,
           {
             daysToShow: 3,
-            events: c,
-            users: T,
-            selectedDate: b,
+            events: u,
+            users: H,
+            selectedDate: w,
             visibleHours: {
-              from: j.startHour,
-              to: j.endHour
+              from: W.startHour,
+              to: W.endHour
             },
-            onEventClick: w,
-            renderPopover: z,
+            onEventClick: E,
+            renderPopover: T,
             ...l && { slots: l },
-            ...u && { classNames: u }
+            ...d && { classNames: d }
           }
         );
       case "timeline-week":
         return /* @__PURE__ */ e(
-          xe,
+          pe,
           {
             daysToShow: 7,
-            events: c,
-            users: T,
-            selectedDate: b,
+            events: u,
+            users: H,
+            selectedDate: w,
             visibleHours: {
-              from: j.startHour,
-              to: j.endHour
+              from: W.startHour,
+              to: W.endHour
             },
-            onEventClick: w,
-            renderPopover: z,
+            onEventClick: E,
+            renderPopover: T,
             ...l && { slots: l },
-            ...u && { classNames: u }
+            ...d && { classNames: d }
           }
         );
       default:
         return /* @__PURE__ */ e(
           Ce,
           {
-            events: c,
-            date: b,
-            badgeVariant: A,
-            onEventClick: w,
+            events: u,
+            date: w,
+            badgeVariant: _,
+            onEventClick: E,
             onDayClick: x,
             ...l && { slots: l },
-            ...u && { classNames: u }
+            ...d && { classNames: d }
           }
         );
     }
-  };
+  }, k = Fe(null), [D, $] = re(!1);
+  me(() => {
+    const u = k.current;
+    if (!u) return;
+    const E = () => {
+      const { scrollLeft: F, scrollWidth: ae, clientWidth: ie } = u;
+      $(F + ie < ae - 2);
+    };
+    E(), u.addEventListener("scroll", E, { passive: !0 });
+    const T = new ResizeObserver(E);
+    T.observe(u);
+    for (const F of Array.from(u.children))
+      T.observe(F);
+    return () => {
+      u.removeEventListener("scroll", E), T.disconnect();
+    };
+  }, [v]);
+  const j = ee(() => {
+    k.current?.scrollBy({ left: 250, behavior: "smooth" });
+  }, []);
   return /* @__PURE__ */ e(
     lt,
     {
-      mode: F,
-      onSelect: O,
+      mode: V,
+      onSelect: U,
       minDurationMinutes: g,
-      slotDurationMinutes: D,
+      slotDurationMinutes: M,
       enabled: !!(s || r),
-      children: /* @__PURE__ */ n("div", { className: h("flex flex-col h-full p-4", u?.root, o), children: [
+      children: /* @__PURE__ */ n("div", { className: h("inno-calendar-root flex flex-col h-full p-4", d?.root, a), children: [
         i && /* @__PURE__ */ e(
           rt,
           {
-            currentDate: b,
+            currentDate: w,
             view: v,
             events: S,
-            onViewChange: y,
-            onNavigateToday: () => k(/* @__PURE__ */ new Date(), v),
+            onViewChange: b,
+            onNavigateToday: () => y(/* @__PURE__ */ new Date(), v),
             onNavigatePrev: () => {
-              const c = new Date(b);
-              v === "day" || v === "timeline-day" ? c.setDate(c.getDate() - 1) : v === "timeline-3day" ? c.setDate(c.getDate() - 3) : v === "week" || v === "timeline-week" ? c.setDate(c.getDate() - 7) : v === "month" ? c.setMonth(c.getMonth() - 1) : v === "year" ? c.setFullYear(c.getFullYear() - 1) : c.setDate(c.getDate() - 7), k(c, v);
+              const u = new Date(w);
+              v === "day" || v === "timeline-day" ? u.setDate(u.getDate() - 1) : v === "timeline-3day" ? u.setDate(u.getDate() - 3) : v === "week" || v === "timeline-week" ? u.setDate(u.getDate() - 7) : v === "month" ? u.setMonth(u.getMonth() - 1) : v === "year" ? u.setFullYear(u.getFullYear() - 1) : u.setDate(u.getDate() - 7), y(u, v);
             },
             onNavigateNext: () => {
-              const c = new Date(b);
-              v === "day" || v === "timeline-day" ? c.setDate(c.getDate() + 1) : v === "timeline-3day" ? c.setDate(c.getDate() + 3) : v === "week" || v === "timeline-week" ? c.setDate(c.getDate() + 7) : v === "month" ? c.setMonth(c.getMonth() + 1) : v === "year" ? c.setFullYear(c.getFullYear() + 1) : c.setDate(c.getDate() + 7), k(c, v);
+              const u = new Date(w);
+              v === "day" || v === "timeline-day" ? u.setDate(u.getDate() + 1) : v === "timeline-3day" ? u.setDate(u.getDate() + 3) : v === "week" || v === "timeline-week" ? u.setDate(u.getDate() + 7) : v === "month" ? u.setMonth(u.getMonth() + 1) : v === "year" ? u.setFullYear(u.getFullYear() + 1) : u.setDate(u.getDate() + 7), y(u, v);
             },
             availableViews: [
               "day",
@@ -1606,73 +1625,100 @@ function Yt({
               "agenda"
             ],
             showTimelineViews: !0,
-            showSettings: !!M,
-            ...!C && a && { onAddEvent: a },
+            showSettings: !!z,
+            ...!C && o && { onAddEvent: o },
             actions: C,
-            settingsContent: M,
+            settingsContent: z,
             filterContent: N
           }
         ),
-        /* @__PURE__ */ e(
-          "div",
-          {
-            className: h(
-              "flex-1 border rounded-lg bg-white overflow-x-auto",
-              u?.viewContainer
-            ),
-            children: p()
-          }
-        )
+        /* @__PURE__ */ n("div", { className: "relative flex-1 min-h-0", children: [
+          /* @__PURE__ */ e(
+            "div",
+            {
+              ref: k,
+              className: h(
+                "h-full border rounded-lg bg-white overflow-x-auto",
+                d?.viewContainer
+              ),
+              children: p()
+            }
+          ),
+          D && /* @__PURE__ */ e(
+            "button",
+            {
+              type: "button",
+              onClick: j,
+              className: "inno-scroll-right-btn",
+              "aria-label": "Scroll right",
+              children: /* @__PURE__ */ e(
+                "svg",
+                {
+                  xmlns: "http://www.w3.org/2000/svg",
+                  width: "16",
+                  height: "16",
+                  viewBox: "0 0 24 24",
+                  fill: "none",
+                  stroke: "currentColor",
+                  strokeWidth: "2",
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  children: /* @__PURE__ */ e("path", { d: "m9 18 6-6-6-6" })
+                }
+              )
+            }
+          )
+        ] })
       ] })
     }
   );
 }
-function Vr({
+function Rr({
   events: t,
   users: r = [],
   scheduleTypes: s = [],
-  initialView: a = "week",
-  initialDate: o,
+  initialView: o = "week",
+  initialDate: a,
   initialSelectedUserId: i,
   initialScheduleTypeIds: g,
   initialParticipantIds: f,
   initialWorkingHoursView: l,
-  initialSearchQuery: u,
-  preferencesConfig: M,
+  initialSearchQuery: d,
+  preferencesConfig: z,
   onEventClick: N,
   onSlotClick: C,
   onSlotSelect: L,
   onAddEvent: v,
-  onEventDrop: y,
-  onDateChange: b,
-  onViewChange: k,
-  className: D,
+  onEventDrop: b,
+  onDateChange: w,
+  onViewChange: y,
+  className: M,
   showHeader: S = !0,
-  minSelectionMinutes: T = 30,
-  showMoreEventsInPopover: B = !1,
-  renderPopover: H,
-  slots: A,
-  classNames: $,
-  settingsContent: j,
-  filterContent: I,
-  headerActions: F
+  minSelectionMinutes: H = 30,
+  showMoreEventsInPopover: O = !1,
+  renderPopover: I,
+  slots: _,
+  classNames: P,
+  settingsContent: W,
+  filterContent: A,
+  headerActions: V
 }) {
-  return /* @__PURE__ */ e(it, { ...y && { onEventDrop: y }, children: /* @__PURE__ */ e(
-    Je,
+  return /* @__PURE__ */ e(it, { ...b && { onEventDrop: b }, children: /* @__PURE__ */ e(
+    Xe,
     {
       initialEvents: t,
       initialUsers: r,
       initialScheduleTypes: s,
-      initialView: a,
-      ...o && { initialDate: o },
+      initialView: o,
+      ...a && { initialDate: a },
       ...i && { initialSelectedUserId: i },
       ...g && { initialScheduleTypeIds: g },
       ...f && { initialParticipantIds: f },
       ...l && { initialWorkingHoursView: l },
-      ...u && { initialSearchQuery: u },
-      ...M && { preferencesConfig: M },
-      ...b && { onDateChange: b },
-      ...k && { onViewChange: k },
+      ...d && { initialSearchQuery: d },
+      ...z && { preferencesConfig: z },
+      ...w && { onDateChange: w },
+      ...y && { onViewChange: y },
       children: /* @__PURE__ */ e(
         Yt,
         {
@@ -1680,26 +1726,26 @@ function Vr({
           ...C && { onSlotClick: C },
           ...L && { onSlotSelect: L },
           ...v && { onAddEvent: v },
-          ...H && { renderPopover: H },
-          className: D,
+          ...I && { renderPopover: I },
+          className: M,
           showHeader: S,
-          minSelectionMinutes: T,
-          showMoreEventsInPopover: B,
-          ...A && { slots: A },
-          ...$ && { classNames: $ },
-          settingsContent: j,
-          filterContent: I,
-          headerActions: F
+          minSelectionMinutes: H,
+          showMoreEventsInPopover: O,
+          ..._ && { slots: _ },
+          ...P && { classNames: P },
+          settingsContent: W,
+          filterContent: A,
+          headerActions: V
         }
       )
     }
   ) });
 }
-const J = ye(
-  ({ className: t, children: r, ...s }, a) => /* @__PURE__ */ e(
+const Q = ye(
+  ({ className: t, children: r, ...s }, o) => /* @__PURE__ */ e(
     "select",
     {
-      ref: a,
+      ref: o,
       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",
@@ -1713,8 +1759,8 @@ const J = ye(
     }
   )
 );
-J.displayName = "Select";
-const R = ye(({ className: t, ...r }, s) => /* @__PURE__ */ e(
+Q.displayName = "Select";
+const Y = ye(({ className: t, ...r }, s) => /* @__PURE__ */ e(
   "label",
   {
     ref: s,
@@ -1725,7 +1771,7 @@ const R = ye(({ className: t, ...r }, s) => /* @__PURE__ */ e(
     ...r
   }
 ));
-R.displayName = "Label";
+Y.displayName = "Label";
 function Gt({ className: t }) {
   return /* @__PURE__ */ n(
     "svg",
@@ -1774,34 +1820,34 @@ const Jt = [
   { value: 30, label: "30 minutes" },
   { value: 60, label: "1 hour" }
 ];
-function Rr({
+function Vr({
   value: t,
   onChange: r,
   isLocked: s = !1,
-  className: a,
-  labels: o = {}
+  className: o,
+  labels: a = {}
 }) {
   const i = {
     title: "Slot duration",
     lockedMessage: "This setting is locked by the administrator",
     infoMessage: "Set the time slot duration for day and week calendar views.",
-    ...o
+    ...a
   }, g = (f) => {
     s || r(Number(f.target.value));
   };
-  return /* @__PURE__ */ n("div", { className: h("flex flex-col gap-3", a), 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(R, { className: "text-sm font-semibold", children: i.title }),
-      s ? /* @__PURE__ */ e(U, { delayDuration: 100, children: /* @__PURE__ */ n(Y, { children: [
-        /* @__PURE__ */ e(G, { children: /* @__PURE__ */ e(Kt, { className: "size-3 text-muted-foreground" }) }),
-        /* @__PURE__ */ e(K, { children: /* @__PURE__ */ e("p", { children: i.lockedMessage }) })
-      ] }) }) : /* @__PURE__ */ e(U, { delayDuration: 100, children: /* @__PURE__ */ n(Y, { children: [
-        /* @__PURE__ */ e(G, { children: /* @__PURE__ */ e(Gt, { className: "size-3 text-muted-foreground" }) }),
-        /* @__PURE__ */ e(K, { className: "max-w-64 text-center", children: /* @__PURE__ */ e("p", { children: i.infoMessage }) })
+      /* @__PURE__ */ e(Y, { className: "text-sm font-semibold", children: i.title }),
+      s ? /* @__PURE__ */ e(G, { delayDuration: 100, children: /* @__PURE__ */ n(K, { children: [
+        /* @__PURE__ */ e(J, { children: /* @__PURE__ */ e(Kt, { className: "size-3 text-muted-foreground" }) }),
+        /* @__PURE__ */ e(X, { children: /* @__PURE__ */ e("p", { children: i.lockedMessage }) })
+      ] }) }) : /* @__PURE__ */ e(G, { delayDuration: 100, children: /* @__PURE__ */ n(K, { children: [
+        /* @__PURE__ */ e(J, { children: /* @__PURE__ */ e(Gt, { className: "size-3 text-muted-foreground" }) }),
+        /* @__PURE__ */ e(X, { className: "max-w-64 text-center", children: /* @__PURE__ */ e("p", { children: i.infoMessage }) })
       ] }) })
     ] }),
     /* @__PURE__ */ e(
-      J,
+      Q,
       {
         value: t.toString(),
         onChange: g,
@@ -1864,8 +1910,8 @@ function Ur({
   value: t,
   onChange: r,
   isLocked: s = !1,
-  className: a,
-  labels: o = {}
+  className: o,
+  labels: a = {}
 }) {
   const i = {
     title: "Event display",
@@ -1876,23 +1922,23 @@ function Ur({
       colored: "Full color",
       mixed: "Mixed"
     },
-    ...o
+    ...a
   }, g = (l) => i.options?.[l] ?? l, f = (l) => {
     s || r(l.target.value);
   };
-  return /* @__PURE__ */ n("div", { className: h("flex flex-col gap-3", a), 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(R, { className: "text-sm font-semibold", children: i.title }),
-      s ? /* @__PURE__ */ e(U, { delayDuration: 100, children: /* @__PURE__ */ n(Y, { children: [
-        /* @__PURE__ */ e(G, { children: /* @__PURE__ */ e(Qt, { className: "size-3 text-muted-foreground" }) }),
-        /* @__PURE__ */ e(K, { children: /* @__PURE__ */ e("p", { children: i.lockedMessage }) })
-      ] }) }) : /* @__PURE__ */ e(U, { delayDuration: 100, children: /* @__PURE__ */ n(Y, { children: [
-        /* @__PURE__ */ e(G, { children: /* @__PURE__ */ e(Xt, { className: "size-3 text-muted-foreground" }) }),
-        /* @__PURE__ */ e(K, { className: "max-w-64 text-center", children: /* @__PURE__ */ e("p", { children: i.infoMessage }) })
+      /* @__PURE__ */ e(Y, { className: "text-sm font-semibold", children: i.title }),
+      s ? /* @__PURE__ */ e(G, { delayDuration: 100, children: /* @__PURE__ */ n(K, { children: [
+        /* @__PURE__ */ e(J, { children: /* @__PURE__ */ e(Qt, { className: "size-3 text-muted-foreground" }) }),
+        /* @__PURE__ */ e(X, { children: /* @__PURE__ */ e("p", { children: i.lockedMessage }) })
+      ] }) }) : /* @__PURE__ */ e(G, { delayDuration: 100, children: /* @__PURE__ */ n(K, { children: [
+        /* @__PURE__ */ e(J, { children: /* @__PURE__ */ e(Xt, { className: "size-3 text-muted-foreground" }) }),
+        /* @__PURE__ */ e(X, { className: "max-w-64 text-center", children: /* @__PURE__ */ e("p", { children: i.infoMessage }) })
       ] }) })
     ] }),
     /* @__PURE__ */ e(
-      J,
+      Q,
       {
         value: t,
         onChange: f,
@@ -1956,8 +2002,8 @@ function Yr({
   value: t,
   onChange: r,
   isLocked: s = !1,
-  className: a,
-  labels: o = {}
+  className: o,
+  labels: a = {}
 }) {
   const i = {
     title: "Visible hours",
@@ -1965,67 +2011,67 @@ function Yr({
     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.",
-    ...o
-  }, g = tr(), f = (u) => {
+    ...a
+  }, g = tr(), f = (d) => {
     if (s) return;
-    const M = Number(u.target.value);
-    M < t.endHour && r({ ...t, startHour: M });
-  }, l = (u) => {
+    const z = Number(d.target.value);
+    z < t.endHour && r({ ...t, startHour: z });
+  }, l = (d) => {
     if (s) return;
-    const M = Number(u.target.value);
-    M > t.startHour && r({ ...t, endHour: M });
+    const z = Number(d.target.value);
+    z > t.startHour && r({ ...t, endHour: z });
   };
-  return /* @__PURE__ */ n("div", { className: h("flex flex-col gap-3", a), 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(R, { className: "text-sm font-semibold", children: i.title }),
-      s ? /* @__PURE__ */ e(U, { delayDuration: 100, children: /* @__PURE__ */ n(Y, { children: [
-        /* @__PURE__ */ e(G, { children: /* @__PURE__ */ e(er, { className: "size-3 text-muted-foreground" }) }),
-        /* @__PURE__ */ e(K, { children: /* @__PURE__ */ e("p", { children: i.lockedMessage }) })
-      ] }) }) : /* @__PURE__ */ e(U, { delayDuration: 100, children: /* @__PURE__ */ n(Y, { children: [
-        /* @__PURE__ */ e(G, { children: /* @__PURE__ */ e(qt, { className: "size-3 text-muted-foreground" }) }),
-        /* @__PURE__ */ e(K, { className: "max-w-64 text-center", children: /* @__PURE__ */ e("p", { children: i.infoMessage }) })
+      /* @__PURE__ */ e(Y, { className: "text-sm font-semibold", children: i.title }),
+      s ? /* @__PURE__ */ e(G, { delayDuration: 100, children: /* @__PURE__ */ n(K, { children: [
+        /* @__PURE__ */ e(J, { children: /* @__PURE__ */ e(er, { className: "size-3 text-muted-foreground" }) }),
+        /* @__PURE__ */ e(X, { children: /* @__PURE__ */ e("p", { children: i.lockedMessage }) })
+      ] }) }) : /* @__PURE__ */ e(G, { delayDuration: 100, children: /* @__PURE__ */ n(K, { children: [
+        /* @__PURE__ */ e(J, { children: /* @__PURE__ */ e(qt, { className: "size-3 text-muted-foreground" }) }),
+        /* @__PURE__ */ e(X, { className: "max-w-64 text-center", children: /* @__PURE__ */ e("p", { children: i.infoMessage }) })
       ] }) })
     ] }),
     /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ n("div", { className: "flex flex-col gap-1", children: [
-        /* @__PURE__ */ e(R, { className: "text-xs text-muted-foreground", children: i.from }),
+        /* @__PURE__ */ e(Y, { className: "text-xs text-muted-foreground", children: i.from }),
         /* @__PURE__ */ e(
-          J,
+          Q,
           {
             value: t.startHour.toString(),
             onChange: f,
             disabled: s,
             className: "h-9 w-[88px] text-sm",
-            children: g.map((u) => /* @__PURE__ */ e(
+            children: g.map((d) => /* @__PURE__ */ e(
               "option",
               {
-                value: u.value.toString(),
-                disabled: u.value >= t.endHour,
-                children: u.label
+                value: d.value.toString(),
+                disabled: d.value >= t.endHour,
+                children: d.label
               },
-              u.value
+              d.value
             ))
           }
         )
       ] }),
       /* @__PURE__ */ e("span", { className: "mt-5 text-muted-foreground", children: "—" }),
       /* @__PURE__ */ n("div", { className: "flex flex-col gap-1", children: [
-        /* @__PURE__ */ e(R, { className: "text-xs text-muted-foreground", children: i.to }),
+        /* @__PURE__ */ e(Y, { className: "text-xs text-muted-foreground", children: i.to }),
         /* @__PURE__ */ e(
-          J,
+          Q,
           {
             value: t.endHour.toString(),
             onChange: l,
             disabled: s,
             className: "h-9 w-[88px] text-sm",
-            children: g.map((u) => /* @__PURE__ */ e(
+            children: g.map((d) => /* @__PURE__ */ e(
               "option",
               {
-                value: u.value.toString(),
-                disabled: u.value <= t.startHour,
-                children: u.label
+                value: d.value.toString(),
+                disabled: d.value <= t.startHour,
+                children: d.label
               },
-              u.value
+              d.value
             ))
           }
         )
@@ -2094,7 +2140,7 @@ function sr({ className: t }) {
     }
   );
 }
-const ar = [
+const or = [
   "monday",
   "tuesday",
   "wednesday",
@@ -2103,7 +2149,7 @@ const ar = [
   "saturday",
   "sunday"
 ];
-function or() {
+function ar() {
   return Array.from({ length: 25 }, (t, r) => ({
     value: r,
     label: `${String(r).padStart(2, "0")}:00`
@@ -2118,17 +2164,17 @@ const Ie = {
   friday: "Fri",
   saturday: "Sat"
 };
-function ir({ dayLabel: t, config: r, onChange: s, disabled: a, hourOptions: o }) {
+function ir({ dayLabel: t, config: r, onChange: s, disabled: o, hourOptions: a }) {
   const i = () => {
-    a || s({ ...r, enabled: !r.enabled });
+    o || s({ ...r, enabled: !r.enabled });
   }, g = (l) => {
-    if (a) return;
-    const u = Number(l.target.value);
-    u < r.to && s({ ...r, from: u });
+    if (o) return;
+    const d = Number(l.target.value);
+    d < r.to && s({ ...r, from: d });
   }, f = (l) => {
-    if (a) return;
-    const u = Number(l.target.value);
-    u > r.from && s({ ...r, to: u });
+    if (o) return;
+    const d = Number(l.target.value);
+    d > r.from && s({ ...r, to: d });
   };
   return /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: [
     /* @__PURE__ */ e(
@@ -2139,35 +2185,35 @@ function ir({ dayLabel: t, config: r, onChange: s, disabled: a, hourOptions: o }
         "aria-checked": r.enabled,
         "aria-label": `Enable ${t}`,
         onClick: i,
-        disabled: a,
+        disabled: o,
         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",
-          a && "cursor-not-allowed opacity-50"
+          o && "cursor-not-allowed opacity-50"
         ),
         children: r.enabled && /* @__PURE__ */ e(sr, { className: "size-3" })
       }
     ),
     /* @__PURE__ */ e("span", { className: h("w-10 text-sm", !r.enabled && "text-muted-foreground"), children: t }),
     /* @__PURE__ */ e(
-      J,
+      Q,
       {
         value: r.from.toString(),
         onChange: g,
-        disabled: a || !r.enabled,
+        disabled: o || !r.enabled,
         className: "h-8 w-[76px] text-xs",
-        children: o.map((l) => /* @__PURE__ */ e("option", { value: l.value.toString(), disabled: l.value >= r.to, children: l.label }, l.value))
+        children: a.map((l) => /* @__PURE__ */ e("option", { value: l.value.toString(), disabled: l.value >= r.to, children: l.label }, l.value))
       }
     ),
     /* @__PURE__ */ e("span", { className: "text-xs text-muted-foreground", children: "—" }),
     /* @__PURE__ */ e(
-      J,
+      Q,
       {
         value: r.to.toString(),
         onChange: f,
-        disabled: a || !r.enabled,
+        disabled: o || !r.enabled,
         className: "h-8 w-[76px] text-xs",
-        children: o.map((l) => /* @__PURE__ */ e("option", { value: l.value.toString(), disabled: l.value <= r.from, children: l.label }, l.value))
+        children: a.map((l) => /* @__PURE__ */ e("option", { value: l.value.toString(), disabled: l.value <= r.from, children: l.label }, l.value))
       }
     )
   ] });
@@ -2176,35 +2222,35 @@ function Gr({
   value: t,
   onChange: r,
   isLocked: s = !1,
-  className: a,
-  labels: o = {}
+  className: o,
+  labels: a = {}
 }) {
   const i = {
     title: "Working hours",
     lockedMessage: "This setting is locked by the administrator",
     infoMessage: "Configure working hours for each day of the week. Non-working hours will be grayed out in day and week views.",
     days: Ie,
-    ...o
-  }, g = or(), f = (l, u) => {
-    s || r({ ...t, [l]: u });
+    ...a
+  }, g = ar(), f = (l, d) => {
+    s || r({ ...t, [l]: d });
   };
-  return /* @__PURE__ */ n("div", { className: h("flex flex-col gap-3", a), 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(R, { className: "text-sm font-semibold", children: i.title }),
-      s ? /* @__PURE__ */ e(U, { delayDuration: 100, children: /* @__PURE__ */ n(Y, { children: [
-        /* @__PURE__ */ e(G, { children: /* @__PURE__ */ e(nr, { className: "size-3 text-muted-foreground" }) }),
-        /* @__PURE__ */ e(K, { children: /* @__PURE__ */ e("p", { children: i.lockedMessage }) })
-      ] }) }) : /* @__PURE__ */ e(U, { delayDuration: 100, children: /* @__PURE__ */ n(Y, { children: [
-        /* @__PURE__ */ e(G, { children: /* @__PURE__ */ e(rr, { className: "size-3 text-muted-foreground" }) }),
-        /* @__PURE__ */ e(K, { className: "max-w-64 text-center", children: /* @__PURE__ */ e("p", { children: i.infoMessage }) })
+      /* @__PURE__ */ e(Y, { className: "text-sm font-semibold", children: i.title }),
+      s ? /* @__PURE__ */ e(G, { delayDuration: 100, children: /* @__PURE__ */ n(K, { children: [
+        /* @__PURE__ */ e(J, { children: /* @__PURE__ */ e(nr, { className: "size-3 text-muted-foreground" }) }),
+        /* @__PURE__ */ e(X, { children: /* @__PURE__ */ e("p", { children: i.lockedMessage }) })
+      ] }) }) : /* @__PURE__ */ e(G, { delayDuration: 100, children: /* @__PURE__ */ n(K, { children: [
+        /* @__PURE__ */ e(J, { children: /* @__PURE__ */ e(rr, { className: "size-3 text-muted-foreground" }) }),
+        /* @__PURE__ */ e(X, { className: "max-w-64 text-center", children: /* @__PURE__ */ e("p", { children: i.infoMessage }) })
       ] }) })
     ] }),
-    /* @__PURE__ */ e("div", { className: "flex flex-col gap-2", children: ar.map((l) => /* @__PURE__ */ e(
+    /* @__PURE__ */ e("div", { className: "flex flex-col gap-2", children: or.map((l) => /* @__PURE__ */ e(
       ir,
       {
         dayLabel: i.days?.[l] ?? Ie[l],
         config: t[l],
-        onChange: (u) => f(l, u),
+        onChange: (d) => f(l, d),
         disabled: s,
         hourOptions: g
       },
@@ -2221,7 +2267,7 @@ const Kr = {
   friday: { enabled: !0, from: 8, to: 18 },
   saturday: { enabled: !1, from: 8, to: 18 }
 };
-function pe({ className: t }) {
+function ve({ className: t }) {
   return /* @__PURE__ */ e(
     "svg",
     {
@@ -2256,7 +2302,7 @@ function lr({ className: t }) {
     }
   );
 }
-function dr({ className: t }) {
+function cr({ className: t }) {
   return /* @__PURE__ */ n(
     "svg",
     {
@@ -2275,7 +2321,7 @@ function dr({ className: t }) {
     }
   );
 }
-function ve({ checked: t, onCheckedChange: r, className: s, children: a }) {
+function we({ checked: t, onCheckedChange: r, className: s, children: o }) {
   return /* @__PURE__ */ e(
     "button",
     {
@@ -2284,18 +2330,18 @@ function ve({ checked: t, onCheckedChange: r, className: s, children: a }) {
       "aria-checked": t,
       onClick: () => r(!t),
       className: s,
-      children: a
+      children: o
     }
   );
 }
-function cr({ src: t, alt: r, fallback: s, className: a }) {
-  const [o, i] = ae(!1);
-  return !t || o ? /* @__PURE__ */ e(
+function dr({ src: t, alt: r, fallback: s, className: o }) {
+  const [a, i] = re(!1);
+  return !t || a ? /* @__PURE__ */ e(
     "div",
     {
       className: h(
         "flex items-center justify-center bg-zinc-200 text-zinc-600 font-medium text-sm",
-        a
+        o
       ),
       children: s || "?"
     }
@@ -2304,30 +2350,30 @@ function cr({ src: t, alt: r, fallback: s, className: a }) {
     {
       src: t,
       alt: r || "",
-      className: h("object-cover", a),
+      className: h("object-cover", o),
       onError: () => i(!0)
     }
   );
 }
-function We({ value: t, onChange: r, placeholder: s, className: a }) {
-  return /* @__PURE__ */ n("div", { className: h("relative", a), children: [
+function We({ value: t, onChange: r, placeholder: s, className: o }) {
+  return /* @__PURE__ */ n("div", { className: h("relative", o), children: [
     /* @__PURE__ */ e(lr, { 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: (o) => r(o.target.value),
+        onChange: (a) => r(a.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, a = 0.3) {
+function Ae(t, r, s, o = 0.3) {
   if (!r.trim()) return t;
-  const o = r.toLowerCase();
-  return t.filter((i) => s(i).some((f) => f ? f.toLowerCase().includes(o) : !1));
+  const a = r.toLowerCase();
+  return t.filter((i) => s(i).some((f) => f ? f.toLowerCase().includes(a) : !1));
 }
 const ur = {
   title: "Filters",
@@ -2346,47 +2392,47 @@ function Jr({
   scheduleTypes: t,
   users: r,
   selectedScheduleTypeIds: s,
-  onScheduleTypeChange: a,
-  selectedUserIds: o,
+  onScheduleTypeChange: o,
+  selectedUserIds: a,
   onUserChange: i,
   onClearAll: g,
   className: f,
   scheduleTypesLoading: l = !1,
-  usersLoading: u = !1,
-  labels: M,
+  usersLoading: d = !1,
+  labels: z,
   getScheduleTypeName: N
 }) {
-  const C = { ...ur, ...M }, [L, v] = ae(""), [y, b] = ae(""), k = W(() => L.trim() ? Ae(t, L, (x) => [
+  const C = { ...ur, ...z }, [L, v] = re(""), [b, w] = re(""), y = B(() => L.trim() ? Ae(t, L, (x) => [
     x.name,
     N?.(x) || x.name
-  ]) : t, [t, L, N]), D = W(() => y.trim() ? Ae(r, y, (x) => [x.name, x.email || ""]) : r, [r, y]), S = k.length > 0 && k.every((x) => s.includes(x.id)), T = D.length > 0 && D.every((x) => o.includes(x.id)), B = s.length + o.length, H = (x, d) => {
-    const m = d ? [...s, x] : s.filter((p) => p !== x);
-    a(m);
-  }, A = () => {
+  ]) : t, [t, L, N]), M = B(() => b.trim() ? Ae(r, b, (x) => [x.name, x.email || ""]) : r, [r, b]), S = y.length > 0 && y.every((x) => s.includes(x.id)), H = M.length > 0 && M.every((x) => a.includes(x.id)), O = s.length + a.length, I = (x, c) => {
+    const m = c ? [...s, x] : s.filter((p) => p !== x);
+    o(m);
+  }, _ = () => {
     if (S) {
-      const x = new Set(k.map((d) => d.id));
-      a(s.filter((d) => !x.has(d)));
+      const x = new Set(y.map((c) => c.id));
+      o(s.filter((c) => !x.has(c)));
     } else {
       const x = /* @__PURE__ */ new Set([
         ...s,
-        ...k.map((d) => d.id)
+        ...y.map((c) => c.id)
       ]);
-      a(Array.from(x));
+      o(Array.from(x));
     }
-  }, $ = (x, d) => {
-    const m = d ? [...o, x] : o.filter((p) => p !== x);
+  }, P = (x, c) => {
+    const m = c ? [...a, x] : a.filter((p) => p !== x);
     i(m);
-  }, j = () => {
-    if (T) {
-      const x = new Set(D.map((d) => d.id));
-      i(o.filter((d) => !x.has(d)));
+  }, W = () => {
+    if (H) {
+      const x = new Set(M.map((c) => c.id));
+      i(a.filter((c) => !x.has(c)));
     } else {
-      const x = /* @__PURE__ */ new Set([...o, ...D.map((d) => d.id)]);
+      const x = /* @__PURE__ */ new Set([...a, ...M.map((c) => c.id)]);
       i(Array.from(x));
     }
-  }, I = () => {
-    a([]), i([]), g?.();
-  }, F = (x) => N ? N(x) : x.name, O = (x) => x.colorHex || x.color || "#069AD7";
+  }, A = () => {
+    o([]), i([]), g?.();
+  }, V = (x) => N ? N(x) : x.name, U = (x) => x.colorHex || x.color || "#069AD7";
   return /* @__PURE__ */ n(
     "div",
     {
@@ -2400,14 +2446,14 @@ function Jr({
             /* @__PURE__ */ e("h3", { className: "text-base font-semibold text-foreground", children: C.title }),
             /* @__PURE__ */ e("p", { className: "text-xs text-muted-foreground", children: C.subtitle })
           ] }),
-          B > 0 && /* @__PURE__ */ n(
+          O > 0 && /* @__PURE__ */ n(
             "button",
             {
               type: "button",
-              onClick: I,
+              onClick: A,
               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(dr, { className: "h-3.5 w-3.5" }),
+                /* @__PURE__ */ e(cr, { className: "h-3.5 w-3.5" }),
                 C.clearAll
               ]
             }
@@ -2421,7 +2467,7 @@ function Jr({
               "button",
               {
                 type: "button",
-                onClick: A,
+                onClick: _,
                 className: "text-xs font-medium text-primary transition-colors hover:text-primary/80",
                 children: S ? C.unselectAll : C.selectAll
               }
@@ -2438,7 +2484,7 @@ function Jr({
           /* @__PURE__ */ n("div", { className: "flex max-h-[220px] flex-col gap-2 overflow-y-auto px-4 pb-2 scrollbar-thin", children: [
             l ? (
               // Loading skeletons
-              Array.from({ length: 4 }).map((x, d) => /* @__PURE__ */ n(
+              Array.from({ length: 4 }).map((x, c) => /* @__PURE__ */ n(
                 "div",
                 {
                   className: "flex animate-pulse items-center gap-2 rounded-md border border-border/60 bg-muted/40 p-2",
@@ -2447,18 +2493,18 @@ function Jr({
                     /* @__PURE__ */ e("div", { className: "h-3 w-24 rounded bg-muted-foreground/20" })
                   ]
                 },
-                `skeleton-${d}`
+                `skeleton-${c}`
               ))
-            ) : k.map((x) => {
-              const d = s.includes(x.id), m = O(x);
+            ) : y.map((x) => {
+              const c = s.includes(x.id), m = U(x);
               return /* @__PURE__ */ n(
-                ve,
+                we,
                 {
-                  checked: d,
-                  onCheckedChange: (p) => H(x.id, p),
+                  checked: c,
+                  onCheckedChange: (p) => I(x.id, p),
                   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",
-                    d && "border-primary bg-primary/5"
+                    c && "border-primary bg-primary/5"
                   ),
                   children: [
                     /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: [
@@ -2467,12 +2513,12 @@ function Jr({
                         {
                           className: h(
                             "flex h-4 w-4 items-center justify-center rounded border border-border text-xs transition-colors",
-                            d && "border-primary bg-primary text-primary-foreground"
+                            c && "border-primary bg-primary text-primary-foreground"
                           ),
-                          children: d && /* @__PURE__ */ e(pe, { className: "h-3 w-3" })
+                          children: c && /* @__PURE__ */ e(ve, { className: "h-3 w-3" })
                         }
                       ),
-                      /* @__PURE__ */ e("span", { className: "text-sm font-medium text-foreground", children: F(x) })
+                      /* @__PURE__ */ e("span", { className: "text-sm font-medium text-foreground", children: V(x) })
                     ] }),
                     /* @__PURE__ */ e(
                       "div",
@@ -2489,7 +2535,7 @@ function Jr({
                 x.id
               );
             }),
-            !l && k.length === 0 && /* @__PURE__ */ e("p", { className: "px-2 py-1 text-xs text-muted-foreground", children: C.noScheduleTypes })
+            !l && y.length === 0 && /* @__PURE__ */ e("p", { className: "px-2 py-1 text-xs text-muted-foreground", children: C.noScheduleTypes })
           ] })
         ] }),
         /* @__PURE__ */ e("div", { className: "h-px w-full bg-border/60" }),
@@ -2497,30 +2543,30 @@ 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: C.participants }),
             /* @__PURE__ */ e(
-              ve,
+              we,
               {
-                checked: T,
-                onCheckedChange: () => j(),
+                checked: H,
+                onCheckedChange: () => W(),
                 className: h(
                   "flex h-5 w-5 items-center justify-center rounded border border-border bg-white transition-colors hover:border-primary/50",
-                  T && "border-primary bg-primary text-primary-foreground"
+                  H && "border-primary bg-primary text-primary-foreground"
                 ),
-                children: T && /* @__PURE__ */ e(pe, { className: "h-3.5 w-3.5" })
+                children: H && /* @__PURE__ */ e(ve, { className: "h-3.5 w-3.5" })
               }
             )
           ] }),
           /* @__PURE__ */ e("div", { className: "px-4 pb-3", children: /* @__PURE__ */ e(
             We,
             {
-              value: y,
-              onChange: b,
+              value: b,
+              onChange: w,
               placeholder: C.searchParticipants
             }
           ) }),
           /* @__PURE__ */ n("div", { className: "flex max-h-[400px] flex-col gap-2 overflow-y-auto px-4 pb-4 scrollbar-thin", children: [
-            u ? (
+            d ? (
               // Loading skeletons
-              Array.from({ length: 4 }).map((x, d) => /* @__PURE__ */ n(
+              Array.from({ length: 4 }).map((x, c) => /* @__PURE__ */ n(
                 "div",
                 {
                   className: "flex animate-pulse items-center gap-3 rounded-md border border-border/60 bg-muted/40 p-3",
@@ -2533,18 +2579,18 @@ function Jr({
                     ] })
                   ]
                 },
-                `p-skeleton-${d}`
+                `p-skeleton-${c}`
               ))
-            ) : D.map((x) => {
-              const d = o.includes(x.id);
+            ) : M.map((x) => {
+              const c = a.includes(x.id);
               return /* @__PURE__ */ n(
-                ve,
+                we,
                 {
-                  checked: d,
-                  onCheckedChange: (m) => $(x.id, m),
+                  checked: c,
+                  onCheckedChange: (m) => P(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",
-                    d && "border-primary bg-zinc-50"
+                    c && "border-primary bg-zinc-50"
                   ),
                   children: [
                     /* @__PURE__ */ e(
@@ -2552,14 +2598,14 @@ function Jr({
                       {
                         className: h(
                           "flex h-4 w-4 flex-shrink-0 items-center justify-center rounded border border-border transition-colors",
-                          d && "border-primary bg-primary text-primary-foreground"
+                          c && "border-primary bg-primary text-primary-foreground"
                         ),
-                        children: d && /* @__PURE__ */ e(pe, { className: "h-2.5 w-2.5" })
+                        children: c && /* @__PURE__ */ e(ve, { className: "h-2.5 w-2.5" })
                       }
                     ),
                     /* @__PURE__ */ n("div", { className: "flex flex-1 items-start gap-2", children: [
                       /* @__PURE__ */ e(
-                        cr,
+                        dr,
                         {
                           src: x.avatar ?? null,
                           alt: x.name,
@@ -2584,7 +2630,7 @@ function Jr({
                 x.id
               );
             }),
-            !u && D.length === 0 && /* @__PURE__ */ e("p", { className: "px-4 text-xs text-muted-foreground", children: C.noParticipants })
+            !d && M.length === 0 && /* @__PURE__ */ e("p", { className: "px-4 text-xs text-muted-foreground", children: C.noParticipants })
           ] })
         ] })
       ]
@@ -2616,15 +2662,15 @@ function Xr({
   scheduleTypes: t,
   value: r,
   onChange: s,
-  allLabel: a = "All types",
-  className: o,
+  allLabel: o = "All types",
+  className: a,
   label: i
 }) {
   const g = (l) => {
     s(l.target.value);
   }, f = t.find((l) => String(l.id) === r);
-  return /* @__PURE__ */ n("div", { className: h("flex flex-col gap-1", o), children: [
-    i && /* @__PURE__ */ e(R, { className: "text-xs text-muted-foreground", children: i }),
+  return /* @__PURE__ */ n("div", { className: h("flex flex-col gap-1", a), children: [
+    i && /* @__PURE__ */ e(Y, { className: "text-xs text-muted-foreground", children: i }),
     /* @__PURE__ */ n("div", { className: "relative", children: [
       f ? /* @__PURE__ */ e(
         "span",
@@ -2634,13 +2680,13 @@ function Xr({
         }
       ) : /* @__PURE__ */ e(hr, { className: "pointer-events-none absolute left-2.5 top-1/2 size-4 -translate-y-1/2 text-muted-foreground" }),
       /* @__PURE__ */ n(
-        J,
+        Q,
         {
           value: r,
           onChange: g,
           className: "h-9 w-full min-w-[140px] pl-8 pr-8 text-sm",
           children: [
-            /* @__PURE__ */ e("option", { value: "all", children: a }),
+            /* @__PURE__ */ e("option", { value: "all", children: o }),
             t.map((l) => /* @__PURE__ */ e("option", { value: String(l.id), children: l.label }, l.id))
           ]
         }
@@ -2675,25 +2721,25 @@ function Qr({
   users: t,
   value: r,
   onChange: s,
-  allLabel: a = "All users",
-  className: o,
+  allLabel: o = "All users",
+  className: a,
   label: i
 }) {
   const g = (f) => {
     s(f.target.value);
   };
-  return /* @__PURE__ */ n("div", { className: h("flex flex-col gap-1", o), children: [
-    i && /* @__PURE__ */ e(R, { className: "text-xs text-muted-foreground", children: i }),
+  return /* @__PURE__ */ n("div", { className: h("flex flex-col gap-1", a), children: [
+    i && /* @__PURE__ */ e(Y, { className: "text-xs text-muted-foreground", children: i }),
     /* @__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__ */ n(
-        J,
+        Q,
         {
           value: r,
           onChange: g,
           className: "h-9 w-full min-w-[120px] pl-8 pr-8 text-sm",
           children: [
-            /* @__PURE__ */ e("option", { value: "all", children: a }),
+            /* @__PURE__ */ e("option", { value: "all", children: o }),
             t.map((f) => /* @__PURE__ */ e("option", { value: f.id, children: f.name }, f.id))
           ]
         }
@@ -2788,23 +2834,23 @@ function pr({ className: t }) {
   );
 }
 function vr(t) {
-  const r = t.getFullYear(), s = String(t.getMonth() + 1).padStart(2, "0"), a = String(t.getDate()).padStart(2, "0");
-  return `${r}-${s}-${a}`;
+  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(), a = r >= 12 ? "PM" : "AM", o = r % 12 || 12, i = String(s).padStart(2, "0");
-  return `${o}:${i} ${a}`;
+  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 wr(t) {
   const r = $e(t.startDate), s = $e(t.endDate);
   return `${r} - ${s}`;
 }
 function br(t) {
-  const r = Re(/* @__PURE__ */ new Date(), 1);
+  const r = Ue(/* @__PURE__ */ new Date(), 1);
   return t.getFullYear() === r.getFullYear() && t.getMonth() === r.getMonth() && t.getDate() === r.getDate();
 }
 function yr(t) {
-  if (Z(t)) return "Today";
+  if (te(t)) return "Today";
   if (br(t)) return "Tomorrow";
   const r = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"], s = [
     "Jan",
@@ -2819,32 +2865,32 @@ function yr(t) {
     "Oct",
     "Nov",
     "Dec"
-  ], a = r[t.getDay()], o = s[t.getMonth()], i = t.getDate();
-  return `${a}, ${o} ${i}`;
+  ], o = r[t.getDay()], a = s[t.getMonth()], i = t.getDate();
+  return `${o}, ${a} ${i}`;
 }
 function kr(t, r) {
   const s = /* @__PURE__ */ new Map();
-  for (const a of t) {
-    const o = vr(a.startDate), i = s.get(o) ?? [];
-    i.push(a), s.set(o, i);
+  for (const o of t) {
+    const a = vr(o.startDate), i = s.get(a) ?? [];
+    i.push(o), s.set(a, i);
   }
-  return Array.from(s.entries()).map(([a, o]) => {
-    const i = [...o].sort(
+  return Array.from(s.entries()).map(([o, a]) => {
+    const i = [...a].sort(
       (f, l) => f.startDate.getTime() - l.startDate.getTime()
     ), g = r > 0 ? i.slice(0, r) : i;
     return {
-      date: new Date(a),
-      dateKey: a,
+      date: new Date(o),
+      dateKey: o,
       events: g,
       hasMore: r > 0 && i.length > r
     };
-  }).sort((a, o) => a.date.getTime() - o.date.getTime());
+  }).sort((o, a) => o.date.getTime() - a.date.getTime());
 }
 function Nr(t) {
-  const r = me(/* @__PURE__ */ new Date()), s = Ve(/* @__PURE__ */ new Date());
-  return t.filter((a) => a.startDate >= r && a.startDate <= s).length;
+  const r = fe(/* @__PURE__ */ new Date()), s = Ve(/* @__PURE__ */ new Date());
+  return t.filter((o) => o.startDate >= r && o.startDate <= s).length;
 }
-function we({ className: t }) {
+function be({ className: t }) {
   return /* @__PURE__ */ e("div", { className: h("animate-pulse rounded-md bg-muted", t) });
 }
 function Cr({ event: t, onClick: r }) {
@@ -2878,7 +2924,7 @@ function Cr({ event: t, onClick: r }) {
 function Dr({ group: t, onEventClick: r }) {
   return /* @__PURE__ */ n("div", { className: "space-y-1", children: [
     /* @__PURE__ */ n("div", { className: "flex items-center justify-between px-2 py-1.5", children: [
-      /* @__PURE__ */ e("h3", { className: h("text-xs font-semibold", Z(t.date) && "text-primary"), children: yr(t.date) }),
+      /* @__PURE__ */ e("h3", { className: h("text-xs font-semibold", te(t.date) && "text-primary"), children: yr(t.date) }),
       t.hasMore && /* @__PURE__ */ n("span", { className: "text-[10px] text-muted-foreground", children: [
         "+",
         t.events.length,
@@ -2892,25 +2938,25 @@ function Zr({
   events: t,
   isLoading: r = !1,
   className: s,
-  daysAhead: a = 7,
-  maxEventsPerDay: o = 3,
+  daysAhead: o = 7,
+  maxEventsPerDay: a = 3,
   onEventClick: i,
   onNavigateToAgenda: g
 }) {
-  const [f, l] = ae(!1), u = W(() => {
-    const v = me(/* @__PURE__ */ new Date()), y = Re(v, a);
-    return t.filter((b) => b.endDate >= v && b.startDate < y);
-  }, [t, a]), M = W(
-    () => kr(u, o),
-    [u, o]
-  ), N = W(() => Nr(t), [t]), C = (v) => {
+  const [f, l] = re(!1), d = B(() => {
+    const v = fe(/* @__PURE__ */ new Date()), b = Ue(v, o);
+    return t.filter((w) => w.endDate >= v && w.startDate < b);
+  }, [t, o]), z = B(
+    () => kr(d, a),
+    [d, a]
+  ), N = B(() => Nr(t), [t]), C = (v) => {
     l(!1), i?.(v);
   }, L = () => {
     l(!1), g?.();
   };
-  return /* @__PURE__ */ n(Fe, { open: f, onOpenChange: l, children: [
+  return /* @__PURE__ */ n(Pe, { open: f, onOpenChange: l, children: [
     /* @__PURE__ */ n(
-      Pe,
+      Oe,
       {
         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",
@@ -2919,7 +2965,7 @@ function Zr({
         children: [
           /* @__PURE__ */ e(fr, { className: "h-4 w-4" }),
           N > 0 && /* @__PURE__ */ e(
-            ot,
+            at,
             {
               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",
@@ -2929,7 +2975,7 @@ function Zr({
         ]
       }
     ),
-    /* @__PURE__ */ n(Oe, { className: "w-80 rounded-xl p-0", align: "end", side: "bottom", sideOffset: 8, children: [
+    /* @__PURE__ */ n(Re, { className: "w-80 rounded-xl p-0", align: "end", side: "bottom", sideOffset: 8, children: [
       /* @__PURE__ */ n("div", { className: "flex items-center justify-between border-b p-4", children: [
         /* @__PURE__ */ n("div", { children: [
           /* @__PURE__ */ e("h3", { className: "text-sm font-semibold", children: "Upcoming" }),
@@ -2948,21 +2994,21 @@ function Zr({
           }
         )
       ] }),
-      /* @__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((v, y) => /* @__PURE__ */ n("div", { className: "flex space-x-3", children: [
-        /* @__PURE__ */ e(we, { 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((v, b) => /* @__PURE__ */ n("div", { className: "flex space-x-3", children: [
+        /* @__PURE__ */ e(be, { className: "h-2 w-2 rounded-full mt-2" }),
         /* @__PURE__ */ n("div", { className: "flex-1 space-y-2", children: [
-          /* @__PURE__ */ e(we, { className: "h-4 w-full" }),
-          /* @__PURE__ */ e(we, { className: "h-3 w-3/4" })
+          /* @__PURE__ */ e(be, { className: "h-4 w-full" }),
+          /* @__PURE__ */ e(be, { className: "h-3 w-3/4" })
         ] })
-      ] }, y)) }) : M.length === 0 ? /* @__PURE__ */ n("div", { className: "flex flex-col items-center justify-center py-8 text-center", children: [
+      ] }, b)) }) : z.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("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 ",
-          a,
+          o,
           " days"
         ] })
-      ] }) : /* @__PURE__ */ e("div", { className: "space-y-3 divide-y", children: M.map((v) => /* @__PURE__ */ e(
+      ] }) : /* @__PURE__ */ e("div", { className: "space-y-3 divide-y", children: z.map((v) => /* @__PURE__ */ e(
         Dr,
         {
           group: v,
@@ -2998,7 +3044,7 @@ function Mr({ className: t }) {
     }
   );
 }
-function Ye({ className: t }) {
+function Ge({ className: t }) {
   return /* @__PURE__ */ e(
     "svg",
     {
@@ -3016,15 +3062,15 @@ function Ye({ className: t }) {
     }
   );
 }
-function zr(t) {
+function Er(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) {
-  const r = t.getHours(), s = t.getMinutes(), a = r >= 12 ? "PM" : "AM";
-  return `${r % 12 || 12}:${s.toString().padStart(2, "0")} ${a}`;
+  const r = t.getHours(), s = t.getMinutes(), o = r >= 12 ? "PM" : "AM";
+  return `${r % 12 || 12}:${s.toString().padStart(2, "0")} ${o}`;
 }
-function Er(t) {
+function zr(t) {
   return new Intl.DateTimeFormat("en-US", {
     weekday: "long",
     month: "short",
@@ -3036,25 +3082,25 @@ function Sr(t) {
   return `${r} - ${s}`;
 }
 function Lr(t) {
-  return Z(t) ? "Today" : zr(t) ? "Tomorrow" : Er(t);
+  return te(t) ? "Today" : Er(t) ? "Tomorrow" : zr(t);
 }
 function Tr(t, r) {
   const s = /* @__PURE__ */ new Map();
-  for (const a of t) {
-    const o = ht(a.startDate), i = s.get(o) ?? [];
-    i.push(a), s.set(o, i);
+  for (const o of t) {
+    const a = ht(o.startDate), i = s.get(a) ?? [];
+    i.push(o), s.set(a, i);
   }
-  return Array.from(s.entries()).map(([a, o]) => {
-    const i = [...o].sort(
+  return Array.from(s.entries()).map(([o, a]) => {
+    const i = [...a].sort(
       (f, l) => f.startDate.getTime() - l.startDate.getTime()
     ), g = r > 0 ? i.slice(0, r) : i;
     return {
-      date: new Date(a),
-      dateKey: a,
+      date: new Date(o),
+      dateKey: o,
       events: g,
       hasMore: r > 0 && i.length > r
     };
-  }).sort((a, o) => a.date.getTime() - o.date.getTime());
+  }).sort((o, a) => o.date.getTime() - a.date.getTime());
 }
 function Hr({ event: t, onClick: r, compact: s }) {
   return /* @__PURE__ */ n(
@@ -3081,7 +3127,7 @@ function Hr({ event: t, onClick: r, compact: s }) {
           /* @__PURE__ */ e("p", { className: h("text-muted-foreground truncate", s ? "text-[10px]" : "text-xs"), children: Sr(t) })
         ] }),
         r && /* @__PURE__ */ e(
-          Ye,
+          Ge,
           {
             className: h("shrink-0 text-muted-foreground/50", s ? "size-3" : "size-4")
           }
@@ -3094,17 +3140,17 @@ function jr({
   group: t,
   onEventClick: r,
   onViewMore: s,
-  compact: a
+  compact: o
 }) {
   return /* @__PURE__ */ n("div", { className: "space-y-1", children: [
-    /* @__PURE__ */ n("div", { className: h("flex items-center justify-between px-2", a ? "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: h(
             "font-semibold",
-            a ? "text-xs" : "text-sm",
-            Z(t.date) && "text-primary"
+            o ? "text-xs" : "text-sm",
+            te(t.date) && "text-primary"
           ),
           children: Lr(t.date)
         }
@@ -3114,42 +3160,42 @@ function jr({
         {
           type: "button",
           onClick: () => s(t.date),
-          className: h("text-primary hover:underline", a ? "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((o) => /* @__PURE__ */ e(Hr, { event: o, onClick: r, compact: a }, o.id)) })
+    /* @__PURE__ */ e("div", { className: "space-y-0.5", children: t.events.map((a) => /* @__PURE__ */ e(Hr, { event: a, onClick: r, compact: o }, a.id)) })
   ] });
 }
 function qr({
   events: t,
   daysAhead: r = 7,
   maxEventsPerDay: s = 3,
-  onEventClick: a,
-  onViewAll: o,
+  onEventClick: o,
+  onViewAll: a,
   className: i,
   emptyState: g,
   title: f = "Upcoming",
   showHeader: l = !0,
-  compact: u = !1
+  compact: d = !1
 }) {
-  const M = _e(), N = M?.filteredEvents, C = M?.currentDate ?? /* @__PURE__ */ new Date(), L = t ?? N ?? [], v = W(() => {
-    const k = me(C), D = new Date(k);
-    return D.setDate(D.getDate() + r), L.filter((S) => S.endDate >= k && S.startDate < D);
-  }, [L, r, C]), y = W(
+  const z = _e(), N = z?.filteredEvents, C = z?.currentDate ?? /* @__PURE__ */ new Date(), L = t ?? N ?? [], v = B(() => {
+    const y = fe(C), M = new Date(y);
+    return M.setDate(M.getDate() + r), L.filter((S) => S.endDate >= y && S.startDate < M);
+  }, [L, r, C]), b = B(
     () => Tr(v, s),
     [v, s]
-  ), b = v.length;
-  return y.length === 0 ? /* @__PURE__ */ n("div", { className: h("rounded-lg border bg-card", i), children: [
+  ), w = v.length;
+  return b.length === 0 ? /* @__PURE__ */ n("div", { className: h("rounded-lg border bg-card", i), children: [
     l && /* @__PURE__ */ e(
       "div",
       {
         className: h(
           "border-b px-4 flex items-center justify-between",
-          u ? "py-2" : "py-3"
+          d ? "py-2" : "py-3"
         ),
-        children: /* @__PURE__ */ e("h2", { className: h("font-semibold", u ? "text-sm" : "text-base"), children: f })
+        children: /* @__PURE__ */ e("h2", { className: h("font-semibold", d ? "text-sm" : "text-base"), children: f })
       }
     ),
     /* @__PURE__ */ e(
@@ -3157,16 +3203,16 @@ function qr({
       {
         className: h(
           "flex flex-col items-center justify-center text-center",
-          u ? "py-6 px-4" : "py-10 px-6"
+          d ? "py-6 px-4" : "py-10 px-6"
         ),
-        children: g ?? /* @__PURE__ */ n(Q, { children: [
+        children: g ?? /* @__PURE__ */ n(q, { children: [
           /* @__PURE__ */ e(
             Mr,
             {
-              className: h("text-muted-foreground/50 mb-2", u ? "size-8" : "size-10")
+              className: h("text-muted-foreground/50 mb-2", d ? "size-8" : "size-10")
             }
           ),
-          /* @__PURE__ */ e("p", { className: h("text-muted-foreground", u ? "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" })
         ] })
       }
     )
@@ -3176,34 +3222,34 @@ function qr({
       {
         className: h(
           "border-b px-4 flex items-center justify-between",
-          u ? "py-2" : "py-3"
+          d ? "py-2" : "py-3"
         ),
         children: [
           /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ e("h2", { className: h("font-semibold", u ? "text-sm" : "text-base"), children: f }),
+            /* @__PURE__ */ e("h2", { className: h("font-semibold", d ? "text-sm" : "text-base"), children: f }),
             /* @__PURE__ */ e(
               "span",
               {
                 className: h(
                   "text-muted-foreground bg-muted rounded-full px-2",
-                  u ? "text-[10px] py-0" : "text-xs py-0.5"
+                  d ? "text-[10px] py-0" : "text-xs py-0.5"
                 ),
-                children: b
+                children: w
               }
             )
           ] }),
-          o && /* @__PURE__ */ n(
+          a && /* @__PURE__ */ n(
             "button",
             {
               type: "button",
-              onClick: () => o(),
+              onClick: () => a(),
               className: h(
                 "text-primary hover:underline flex items-center gap-0.5",
-                u ? "text-xs" : "text-sm"
+                d ? "text-xs" : "text-sm"
               ),
               children: [
                 "View all",
-                /* @__PURE__ */ e(Ye, { className: "size-3" })
+                /* @__PURE__ */ e(Ge, { className: "size-3" })
               ]
             }
           )
@@ -3215,17 +3261,17 @@ function qr({
       {
         className: h(
           "divide-y overflow-auto",
-          u ? "p-2 max-h-[280px]" : "p-3 max-h-[400px]"
+          d ? "p-2 max-h-[280px]" : "p-3 max-h-[400px]"
         ),
-        children: y.map((k) => /* @__PURE__ */ e(
+        children: b.map((y) => /* @__PURE__ */ e(
           jr,
           {
-            group: k,
-            onEventClick: a,
-            onViewMore: o ? (D) => o(D) : void 0,
-            compact: u
+            group: y,
+            onEventClick: o,
+            onViewMore: a ? (M) => a(M) : void 0,
+            compact: d
           },
-          k.dateKey
+          y.dateKey
         ))
       }
     )
@@ -3237,15 +3283,15 @@ export {
   Pr as C,
   Kr as D,
   Or as E,
-  Vr as I,
+  Rr as I,
   Xr as S,
-  xe as T,
+  pe as T,
   Qr as U,
   Yr as V,
   Gr as W,
-  Rt as Y,
+  Vt as Y,
   qr as a,
   Jr as b,
-  Rr as c
+  Vr as c
 };
-//# sourceMappingURL=agenda-widget-C0z2Ph-W.js.map
+//# sourceMappingURL=agenda-widget-CXPj7VIZ.js.map