@innosolutions/inno-calendar 1.0.21 → 1.0.22

package/dist/{agenda-view-CRI1J_KB.js → agenda-view-DM01Fpvr.js}

@@ -1,41 +1,41 @@
 import { jsxs as a, jsx as e } from "react/jsx-runtime";
-import { a as nt, c as m } from "./index-DtaLkIY8.js";
+import { a as nt, c as u } from "./index-DtaLkIY8.js";
 import * as K from "react";
-import { forwardRef as Ce, createElement as Ne, useMemo as B, useState as le, useCallback as S, useRef as ne, useEffect as rt, useLayoutEffect as Pe } from "react";
-import * as I from "@radix-ui/react-dropdown-menu";
-import { a7 as at, ad as ot, aY as Se, av as Ee, a8 as Me, aJ as Ve, w as Fe, ah as Ue, az as Z, aZ as ze, aB as qe, V as xe, ai as st, aQ as it, Z as lt, ao as dt } from "./slot-selection-context-CZjfJAcp.js";
+import { forwardRef as Se, createElement as Ne, useMemo as P, useState as ne, useCallback as z, useRef as oe, useEffect as rt, useLayoutEffect as Fe } from "react";
+import * as j from "@radix-ui/react-dropdown-menu";
+import { a7 as at, ad as ot, aY as Me, av as $e, a8 as ze, aJ as Ve, w as Ue, ah as qe, az as Q, aZ as Te, aB as Ke, V as be, ai as st, aQ as it, Z as lt, ao as dt } from "./slot-selection-context-CZjfJAcp.js";
 import * as de from "@radix-ui/react-popover";
 import * as me from "@radix-ui/react-tooltip";
-const $e = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, _e = nt, Ke = (t, n) => (r) => {
+const _e = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, Ae = nt, Ye = (t, n) => (r) => {
   var o;
-  if (n?.variants == null) return _e(t, r?.class, r?.className);
-  const { variants: d, defaultVariants: f } = n, i = Object.keys(d).map((p) => {
-    const h = r?.[p], b = f?.[p];
+  if (n?.variants == null) return Ae(t, r?.class, r?.className);
+  const { variants: i, defaultVariants: f } = n, l = Object.keys(i).map((m) => {
+    const h = r?.[m], y = f?.[m];
     if (h === null) return null;
-    const l = $e(h) || $e(b);
-    return d[p][l];
-  }), g = r && Object.entries(r).reduce((p, h) => {
-    let [b, l] = h;
-    return l === void 0 || (p[b] = l), p;
-  }, {}), D = n == null || (o = n.compoundVariants) === null || o === void 0 ? void 0 : o.reduce((p, h) => {
-    let { class: b, className: l, ...w } = h;
-    return Object.entries(w).every((v) => {
-      let [k, M] = v;
-      return Array.isArray(M) ? M.includes({
+    const d = _e(h) || _e(y);
+    return i[m][d];
+  }), x = r && Object.entries(r).reduce((m, h) => {
+    let [y, d] = h;
+    return d === void 0 || (m[y] = d), m;
+  }, {}), D = n == null || (o = n.compoundVariants) === null || o === void 0 ? void 0 : o.reduce((m, h) => {
+    let { class: y, className: d, ...w } = h;
+    return Object.entries(w).every((k) => {
+      let [b, W] = k;
+      return Array.isArray(W) ? W.includes({
         ...f,
-        ...g
-      }[k]) : {
+        ...x
+      }[b]) : {
         ...f,
-        ...g
-      }[k] === M;
+        ...x
+      }[b] === W;
     }) ? [
-      ...p,
-      b,
-      l
-    ] : p;
+      ...m,
+      y,
+      d
+    ] : m;
   }, []);
-  return _e(t, i, D, r?.class, r?.className);
-}, ct = Ke(
+  return Ae(t, l, D, r?.class, r?.className);
+}, ct = Ye(
   "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
   {
     variants: {
@@ -59,14 +59,14 @@ const $e = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, _e = nt, K
       size: "default"
     }
   }
-), oe = Ce(
-  ({ className: t, variant: n, size: r, loading: o, disabled: d, children: f, ...i }, g) => /* @__PURE__ */ a(
+), le = Se(
+  ({ className: t, variant: n, size: r, loading: o, disabled: i, children: f, ...l }, x) => /* @__PURE__ */ a(
     "button",
     {
-      className: m(ct({ variant: n, size: r, className: t })),
-      ref: g,
-      disabled: d || o,
-      ...i,
+      className: u(ct({ variant: n, size: r, className: t })),
+      ref: x,
+      disabled: i || o,
+      ...l,
       children: [
         o && /* @__PURE__ */ a(
           "svg",
@@ -103,14 +103,14 @@ const $e = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, _e = nt, K
     }
   )
 );
-oe.displayName = "Button";
-const Ye = (...t) => t.filter((n, r, o) => !!n && n.trim() !== "" && o.indexOf(n) === r).join(" ").trim();
+le.displayName = "Button";
+const Ge = (...t) => t.filter((n, r, o) => !!n && n.trim() !== "" && o.indexOf(n) === r).join(" ").trim();
 const ut = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
 const mt = (t) => t.replace(
   /^([A-Z])|[\s-_]+(\w)/g,
   (n, r, o) => o ? o.toUpperCase() : r.toLowerCase()
 );
-const Ae = (t) => {
+const Ie = (t) => {
   const n = mt(t);
   return n.charAt(0).toUpperCase() + n.slice(1);
 };
@@ -131,16 +131,16 @@ const ft = (t) => {
       return !0;
   return !1;
 };
-const pt = Ce(
+const pt = Se(
   ({
     color: t = "currentColor",
     size: n = 24,
     strokeWidth: r = 2,
     absoluteStrokeWidth: o,
-    className: d = "",
+    className: i = "",
     children: f,
-    iconNode: i,
-    ...g
+    iconNode: l,
+    ...x
   }, D) => Ne(
     "svg",
     {
@@ -150,38 +150,38 @@ const pt = Ce(
       height: n,
       stroke: t,
       strokeWidth: o ? Number(r) * 24 / Number(n) : r,
-      className: Ye("lucide", d),
-      ...!f && !ft(g) && { "aria-hidden": "true" },
-      ...g
+      className: Ge("lucide", i),
+      ...!f && !ft(x) && { "aria-hidden": "true" },
+      ...x
     },
     [
-      ...i.map(([p, h]) => Ne(p, h)),
+      ...l.map(([m, h]) => Ne(m, h)),
       ...Array.isArray(f) ? f : [f]
     ]
   )
 );
-const Te = (t, n) => {
-  const r = Ce(
-    ({ className: o, ...d }, f) => Ne(pt, {
+const We = (t, n) => {
+  const r = Se(
+    ({ className: o, ...i }, f) => Ne(pt, {
       ref: f,
       iconNode: n,
-      className: Ye(
-        `lucide-${ut(Ae(t))}`,
+      className: Ge(
+        `lucide-${ut(Ie(t))}`,
         `lucide-${t}`,
         o
       ),
-      ...d
+      ...i
     })
   );
-  return r.displayName = Ae(t), r;
+  return r.displayName = Ie(t), r;
 };
-const gt = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]], xt = Te("check", gt);
-const bt = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]], yt = Te("chevron-right", bt);
-const wt = [["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]], vt = Te("circle", wt), Ie = I.Root, Re = I.Trigger, Nt = K.forwardRef(({ className: t, inset: n, children: r, ...o }, d) => /* @__PURE__ */ a(
-  I.SubTrigger,
+const gt = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]], xt = We("check", gt);
+const bt = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]], yt = We("chevron-right", bt);
+const wt = [["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]], vt = We("circle", wt), Re = j.Root, je = j.Trigger, Nt = K.forwardRef(({ className: t, inset: n, children: r, ...o }, i) => /* @__PURE__ */ a(
+  j.SubTrigger,
   {
-    ref: d,
-    className: m(
+    ref: i,
+    className: u(
       "flex cursor-default select-none items-center rounded-lg px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent",
       n && "pl-8",
       t
@@ -193,37 +193,37 @@ const wt = [["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]], vt = Te
     ]
   }
 ));
-Nt.displayName = I.SubTrigger.displayName;
+Nt.displayName = j.SubTrigger.displayName;
 const kt = K.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ e(
-  I.SubContent,
+  j.SubContent,
   {
     ref: r,
-    className: m(
+    className: u(
       "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
       t
     ),
     ...n
   }
 ));
-kt.displayName = I.SubContent.displayName;
-const ke = K.forwardRef(({ className: t, sideOffset: n = 4, ...r }, o) => /* @__PURE__ */ e(I.Portal, { children: /* @__PURE__ */ e(
-  I.Content,
+kt.displayName = j.SubContent.displayName;
+const ke = K.forwardRef(({ className: t, sideOffset: n = 4, ...r }, o) => /* @__PURE__ */ e(j.Portal, { children: /* @__PURE__ */ e(
+  j.Content,
   {
     ref: o,
     sideOffset: n,
-    className: m(
+    className: u(
       "z-50 rounded-xl border bg-popover p-1 text-popover-foreground shadow-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
       t
     ),
     ...r
   }
 ) }));
-ke.displayName = I.Content.displayName;
+ke.displayName = j.Content.displayName;
 const De = K.forwardRef(({ className: t, inset: n, ...r }, o) => /* @__PURE__ */ e(
-  I.Item,
+  j.Item,
   {
     ref: o,
-    className: m(
+    className: u(
       "relative flex cursor-pointer select-none items-center rounded-lg px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
       n && "pl-8",
       t
@@ -231,72 +231,72 @@ const De = K.forwardRef(({ className: t, inset: n, ...r }, o) => /* @__PURE__ */
     ...r
   }
 ));
-De.displayName = I.Item.displayName;
-const Dt = K.forwardRef(({ className: t, children: n, checked: r = !1, ...o }, d) => /* @__PURE__ */ a(
-  I.CheckboxItem,
+De.displayName = j.Item.displayName;
+const Dt = K.forwardRef(({ className: t, children: n, checked: r = !1, ...o }, i) => /* @__PURE__ */ a(
+  j.CheckboxItem,
   {
-    ref: d,
-    className: m(
+    ref: i,
+    className: u(
       "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
       t
     ),
     checked: r,
     ...o,
     children: [
-      /* @__PURE__ */ e("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ e(I.ItemIndicator, { children: /* @__PURE__ */ e(xt, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ e("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ e(j.ItemIndicator, { children: /* @__PURE__ */ e(xt, { className: "h-4 w-4" }) }) }),
       n
     ]
   }
 ));
-Dt.displayName = I.CheckboxItem.displayName;
+Dt.displayName = j.CheckboxItem.displayName;
 const Ct = K.forwardRef(({ className: t, children: n, ...r }, o) => /* @__PURE__ */ a(
-  I.RadioItem,
+  j.RadioItem,
   {
     ref: o,
-    className: m(
+    className: u(
       "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
       t
     ),
     ...r,
     children: [
-      /* @__PURE__ */ e("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ e(I.ItemIndicator, { children: /* @__PURE__ */ e(vt, { className: "h-2 w-2 fill-current" }) }) }),
+      /* @__PURE__ */ e("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ e(j.ItemIndicator, { children: /* @__PURE__ */ e(vt, { className: "h-2 w-2 fill-current" }) }) }),
       n
     ]
   }
 ));
-Ct.displayName = I.RadioItem.displayName;
+Ct.displayName = j.RadioItem.displayName;
 const St = K.forwardRef(({ className: t, inset: n, ...r }, o) => /* @__PURE__ */ e(
-  I.Label,
+  j.Label,
   {
     ref: o,
-    className: m("px-2 py-1.5 text-sm font-semibold", n && "pl-8", t),
+    className: u("px-2 py-1.5 text-sm font-semibold", n && "pl-8", t),
     ...r
   }
 ));
-St.displayName = I.Label.displayName;
+St.displayName = j.Label.displayName;
 const Mt = K.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ e(
-  I.Separator,
+  j.Separator,
   {
     ref: r,
-    className: m("-mx-1 my-1 h-px bg-muted", t),
+    className: u("-mx-1 my-1 h-px bg-muted", t),
     ...n
   }
 ));
-Mt.displayName = I.Separator.displayName;
-const se = de.Root, ie = de.Trigger, tn = de.Anchor, Q = K.forwardRef(({ className: t, align: n = "center", sideOffset: r = 4, ...o }, d) => /* @__PURE__ */ e(de.Portal, { children: /* @__PURE__ */ e(
+Mt.displayName = j.Separator.displayName;
+const ee = de.Root, te = de.Trigger, tn = de.Anchor, J = K.forwardRef(({ className: t, align: n = "center", sideOffset: r = 4, ...o }, i) => /* @__PURE__ */ e(de.Portal, { children: /* @__PURE__ */ e(
   de.Content,
   {
-    ref: d,
+    ref: i,
     align: n,
     sideOffset: r,
-    className: m(
+    className: u(
       "z-50 w-72 rounded-xl border bg-white text-popover-foreground outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
       t
     ),
     ...o
   }
 ) }));
-Q.displayName = de.Content.displayName;
+J.displayName = de.Content.displayName;
 const zt = [
   "JAN",
   "FEB",
@@ -317,7 +317,7 @@ function Tt({ onClick: t, className: n }) {
     "button",
     {
       type: "button",
-      className: m(
+      className: u(
         "flex size-11 sm:size-14 flex-col items-start overflow-hidden rounded-lg border shrink-0",
         "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
         "hover:bg-accent/50 transition-colors",
@@ -331,7 +331,7 @@ function Tt({ onClick: t, className: n }) {
     }
   );
 }
-const Wt = Ke(
+const Wt = Ye(
   "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
   {
     variants: {
@@ -346,7 +346,7 @@ const Wt = Ke(
   }
 );
 function Lt({ className: t, variant: n, ...r }) {
-  return /* @__PURE__ */ e("div", { className: m(Wt({ variant: n }), t), ...r });
+  return /* @__PURE__ */ e("div", { className: u(Wt({ variant: n }), t), ...r });
 }
 function Et({ className: t }) {
   return /* @__PURE__ */ e(
@@ -403,20 +403,20 @@ function At({
   view: n,
   events: r = [],
   onNavigatePrev: o,
-  onNavigateNext: d,
+  onNavigateNext: i,
   weekStartsOn: f = 1,
-  showEventCount: i = !0,
-  className: g
+  showEventCount: l = !0,
+  className: x
 }) {
-  const D = _t[t.getMonth()], p = t.getFullYear(), h = i ? at(r, t, n, f) : 0, b = ot(t, n);
-  return /* @__PURE__ */ a("div", { className: m("min-w-0 flex-1", g), children: [
+  const D = _t[t.getMonth()], m = t.getFullYear(), h = l ? at(r, t, n, f) : 0, y = ot(t, n);
+  return /* @__PURE__ */ a("div", { className: u("min-w-0 flex-1", x), children: [
     /* @__PURE__ */ a("div", { className: "flex items-center gap-1.5 sm:gap-2 flex-wrap", children: [
       /* @__PURE__ */ a("span", { className: "text-base sm:text-lg font-semibold truncate", children: [
         D,
         " ",
-        p
+        m
       ] }),
-      i && /* @__PURE__ */ e(
+      l && /* @__PURE__ */ e(
         Lt,
         {
           variant: "outline",
@@ -427,7 +427,7 @@ function At({
     ] }),
     /* @__PURE__ */ a("div", { className: "flex items-center gap-1.5 sm:gap-2", children: [
       /* @__PURE__ */ e(
-        oe,
+        le,
         {
           variant: "outline",
           size: "icon",
@@ -436,14 +436,14 @@ function At({
           children: /* @__PURE__ */ e(Et, {})
         }
       ),
-      /* @__PURE__ */ e("p", { className: "text-xs sm:text-sm text-muted-foreground truncate", children: b }),
+      /* @__PURE__ */ e("p", { className: "text-xs sm:text-sm text-muted-foreground truncate", children: y }),
       /* @__PURE__ */ e(
-        oe,
+        le,
         {
           variant: "outline",
           size: "icon",
           className: "size-5 sm:size-6 [&_svg]:size-3 sm:[&_svg]:size-4",
-          onClick: d,
+          onClick: i,
           children: /* @__PURE__ */ e($t, {})
         }
       )
@@ -479,7 +479,7 @@ function It({ className: t }) {
     }
   );
 }
-function ge({ className: t }) {
+function xe({ className: t }) {
   return /* @__PURE__ */ a(
     "svg",
     {
@@ -502,7 +502,7 @@ function ge({ className: t }) {
     }
   );
 }
-function je({ className: t }) {
+function Pe({ className: t }) {
   return /* @__PURE__ */ e(
     "svg",
     {
@@ -587,7 +587,7 @@ function jt({ className: t }) {
     }
   );
 }
-function Bt({ className: t }) {
+function Pt({ className: t }) {
   return /* @__PURE__ */ a(
     "svg",
     {
@@ -608,7 +608,7 @@ function Bt({ className: t }) {
     }
   );
 }
-function Ht({ className: t }) {
+function Bt({ className: t }) {
   return /* @__PURE__ */ a(
     "svg",
     {
@@ -654,75 +654,75 @@ function Ot({ className: t }) {
     }
   );
 }
-const Pt = [
+const Ht = [
   { value: "day", label: "Day", icon: jt },
-  { value: "week", label: "Week", icon: Bt },
-  { value: "month", label: "Month", icon: Ht },
+  { value: "week", label: "Week", icon: Pt },
+  { value: "month", label: "Month", icon: Bt },
   { value: "year", label: "Year", icon: Ot }
   // { value: 'agenda', label: 'Agenda', icon: ListIcon }, NOTE: Not needed currently
-], He = [
-  { value: "timeline-day", label: "1 Day", icon: ge },
-  { value: "timeline-3day", label: "3 Days", icon: ge },
-  { value: "timeline-week", label: "7 Days", icon: ge }
+], Oe = [
+  { value: "timeline-day", label: "1 Day", icon: xe },
+  { value: "timeline-3day", label: "3 Days", icon: xe },
+  { value: "timeline-week", label: "7 Days", icon: xe }
 ];
 function nn({
   currentDate: t,
   view: n,
   events: r = [],
   onNavigateToday: o,
-  onNavigatePrev: d,
+  onNavigatePrev: i,
   onNavigateNext: f,
-  onNavigate: i,
-  onViewChange: g,
+  onNavigate: l,
+  onViewChange: x,
   onAddEvent: D,
-  availableViews: p = ["day", "week", "month", "agenda"],
+  availableViews: m = ["day", "week", "month", "agenda"],
   showTimelineViews: h = !1,
-  timelineViews: b,
-  settingsContent: l,
+  timelineViews: y,
+  settingsContent: d,
   showSettings: w = !1,
-  filterContent: v,
-  actions: k,
-  className: M,
-  weekStartsOn: T = 1,
-  labels: c = {}
+  filterContent: k,
+  actions: b,
+  className: W,
+  weekStartsOn: L = 1,
+  labels: M = {}
 }) {
-  const x = B(
+  const C = P(
     () => ({
       today: "Today",
       addEvent: "Add Event",
       calendarView: "Calendar View",
       resourceView: "Resource View",
-      ...c
+      ...M
     }),
-    [c]
-  ), W = () => {
-    o?.(), i?.("today");
-  }, R = () => {
-    d?.(), i?.("prev");
-  }, E = () => {
-    f?.(), i?.("next");
-  }, C = ["day", "week", "month", "year", "agenda"].includes(n), z = n.startsWith("timeline-") || n.startsWith("resource-"), O = Pt.filter(
-    (u) => p.includes(u.value)
-  ), F = C ? O.find((u) => u.value === n) : null, j = z ? He.find((u) => u.value === n) : null;
-  return /* @__PURE__ */ a("div", { className: m("flex flex-col w-full gap-3 mb-2", M), children: [
+    [M]
+  ), A = () => {
+    o?.(), l?.("today");
+  }, p = () => {
+    i?.(), l?.("prev");
+  }, T = () => {
+    f?.(), l?.("next");
+  }, v = ["day", "week", "month", "year", "agenda"].includes(n), E = n.startsWith("timeline-") || n.startsWith("resource-"), B = Ht.filter(
+    (c) => m.includes(c.value)
+  ), O = v ? B.find((c) => c.value === n) : null, g = E ? Oe.find((c) => c.value === n) : null;
+  return /* @__PURE__ */ a("div", { className: u("flex flex-col w-full gap-3 mb-2", W), children: [
     /* @__PURE__ */ a("div", { className: "flex lg:flex-row flex-col w-full justify-between gap-3", children: [
       /* @__PURE__ */ a("div", { className: "flex items-center justify-between gap-2", children: [
         /* @__PURE__ */ a("div", { className: "flex items-center gap-2 sm:gap-3 min-w-0", children: [
-          /* @__PURE__ */ e(Tt, { onClick: W }),
+          /* @__PURE__ */ e(Tt, { onClick: A }),
           /* @__PURE__ */ e(
             At,
             {
               date: t,
               view: n,
               events: r,
-              onNavigatePrev: R,
-              onNavigateNext: E,
-              weekStartsOn: T
+              onNavigatePrev: p,
+              onNavigateNext: T,
+              weekStartsOn: L
             }
           )
         ] }),
         D && /* @__PURE__ */ e(
-          oe,
+          le,
           {
             size: "icon",
             className: "shrink-0 lg:hidden",
@@ -732,79 +732,79 @@ function nn({
         )
       ] }),
       /* @__PURE__ */ a("div", { className: "flex items-center gap-1.5 sm:gap-2 overflow-x-auto pb-1 -mb-1 scrollbar-none", children: [
-        g && O.length > 0 && /* @__PURE__ */ a(Ie, { children: [
+        x && B.length > 0 && /* @__PURE__ */ a(Re, { children: [
           /* @__PURE__ */ a(
-            Re,
+            je,
             {
-              className: m(
+              className: u(
                 "inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors",
                 "h-10 px-2 sm:px-3 gap-1 sm:gap-1.5 shrink-0",
-                C ? "bg-primary text-primary-foreground hover:bg-primary/90" : "border border-input bg-background hover:bg-accent hover:text-accent-foreground"
+                v ? "bg-primary text-primary-foreground hover:bg-primary/90" : "border border-input bg-background hover:bg-accent hover:text-accent-foreground"
               ),
               children: [
                 /* @__PURE__ */ e(It, { className: "size-4" }),
-                /* @__PURE__ */ e("span", { className: "text-xs sm:text-sm font-medium", children: F?.label ?? x.calendarView }),
-                /* @__PURE__ */ e(je, { className: "size-3 opacity-60" })
+                /* @__PURE__ */ e("span", { className: "text-xs sm:text-sm font-medium", children: O?.label ?? C.calendarView }),
+                /* @__PURE__ */ e(Pe, { className: "size-3 opacity-60" })
               ]
             }
           ),
-          /* @__PURE__ */ e(ke, { align: "start", className: "min-w-[120px]", children: O.map((u) => {
-            const P = u.icon;
+          /* @__PURE__ */ e(ke, { align: "start", className: "min-w-[120px]", children: B.map((c) => {
+            const F = c.icon;
             return /* @__PURE__ */ a(
               De,
               {
-                onClick: () => g(u.value),
-                className: m(
+                onClick: () => x(c.value),
+                className: u(
                   "gap-2",
-                  n === u.value && "bg-accent"
+                  n === c.value && "bg-accent"
                 ),
                 children: [
-                  /* @__PURE__ */ e(P, { className: "size-4" }),
-                  /* @__PURE__ */ e("span", { children: u.label })
+                  /* @__PURE__ */ e(F, { className: "size-4" }),
+                  /* @__PURE__ */ e("span", { children: c.label })
                 ]
               },
-              u.value
+              c.value
             );
           }) })
         ] }),
-        h && g && /* @__PURE__ */ a(Ie, { children: [
+        h && x && /* @__PURE__ */ a(Re, { children: [
           /* @__PURE__ */ a(
-            Re,
+            je,
             {
-              className: m(
+              className: u(
                 "inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors",
                 "h-10 px-2 sm:px-3 gap-1 sm:gap-1.5 shrink-0",
-                z ? "bg-primary text-primary-foreground hover:bg-primary/90" : "border border-input bg-white hover:bg-zinc-50 hover:text-accent-foreground"
+                E ? "bg-primary text-primary-foreground hover:bg-primary/90" : "border border-input bg-white hover:bg-zinc-50 hover:text-accent-foreground"
               ),
               children: [
-                /* @__PURE__ */ e(ge, { className: "size-4" }),
-                /* @__PURE__ */ e("span", { className: "text-xs sm:text-sm font-medium", children: j?.label ?? x.resourceView }),
-                /* @__PURE__ */ e(je, { className: "size-3 opacity-60" })
+                /* @__PURE__ */ e(xe, { className: "size-4" }),
+                /* @__PURE__ */ e("span", { className: "text-xs sm:text-sm font-medium", children: g?.label ?? C.resourceView }),
+                /* @__PURE__ */ e(Pe, { className: "size-3 opacity-60" })
               ]
             }
           ),
-          /* @__PURE__ */ e(ke, { align: "start", className: "min-w-[120px]", children: He.map((u) => {
-            const P = u.icon;
+          /* @__PURE__ */ e(ke, { align: "start", className: "min-w-[120px]", children: Oe.map((c) => {
+            const F = c.icon;
             return /* @__PURE__ */ a(
               De,
               {
-                onClick: () => g(u.value),
-                className: m(
+                onClick: () => x(c.value),
+                className: u(
                   "gap-2",
-                  n === u.value && "bg-accent"
+                  n === c.value && "bg-accent"
                 ),
                 children: [
-                  /* @__PURE__ */ e(P, { className: "size-4" }),
-                  /* @__PURE__ */ e("span", { children: u.label })
+                  /* @__PURE__ */ e(F, { className: "size-4" }),
+                  /* @__PURE__ */ e("span", { children: c.label })
                 ]
               },
-              u.value
+              c.value
             );
           }) })
         ] }),
-        w && l && /* @__PURE__ */ a(se, { children: [
-          /* @__PURE__ */ e(ie, { asChild: !0, children: /* @__PURE__ */ e(
-            oe,
+        w && d && /* @__PURE__ */ a(ee, { children: [
+          /* @__PURE__ */ e(te, { asChild: !0, children: /* @__PURE__ */ e(
+            le,
             {
               variant: "outline",
               size: "icon",
@@ -813,38 +813,38 @@ function nn({
             }
           ) }),
           /* @__PURE__ */ e(
-            Q,
+            J,
             {
               className: "w-auto min-w-80 p-0",
               align: "end",
               sideOffset: 8,
-              children: /* @__PURE__ */ e("div", { className: "max-h-[70vh] overflow-y-auto p-4 space-y-6", children: l })
+              children: /* @__PURE__ */ e("div", { className: "max-h-[70vh] overflow-y-auto p-4 space-y-6", children: d })
             }
           )
         ] }),
-        k,
-        D && /* @__PURE__ */ a(oe, { className: "hidden lg:flex shrink-0 max-h-10", onClick: D, children: [
+        b,
+        D && /* @__PURE__ */ a(le, { className: "hidden lg:flex shrink-0 max-h-10", onClick: D, children: [
           /* @__PURE__ */ e(Be, { className: "size-4" }),
-          x.addEvent
+          C.addEvent
         ] })
       ] })
     ] }),
-    v && /* @__PURE__ */ e("div", { className: "flex items-center gap-2 overflow-x-auto pb-1 -mb-1 scrollbar-none", children: v })
+    k && /* @__PURE__ */ e("div", { className: "flex items-center gap-2 overflow-x-auto pb-1 -mb-1 scrollbar-none", children: k })
   ] });
 }
-const rn = me.Provider, re = me.Root, ae = me.Trigger, J = K.forwardRef(({ className: t, sideOffset: n = 4, ...r }, o) => /* @__PURE__ */ e(
+const rn = me.Provider, se = me.Root, ie = me.Trigger, Z = K.forwardRef(({ className: t, sideOffset: n = 4, ...r }, o) => /* @__PURE__ */ e(
   me.Content,
   {
     ref: o,
     sideOffset: n,
-    className: m(
+    className: u(
       "z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
       t
     ),
     ...r
   }
 ));
-J.displayName = me.Content.displayName;
+Z.displayName = me.Content.displayName;
 function he(t) {
   return {
     blue: {
@@ -919,7 +919,7 @@ function he(t) {
     }
   }[t ?? "blue"];
 }
-function be(t) {
+function ye(t) {
   return t.toLocaleTimeString([], {
     hour: "2-digit",
     minute: "2-digit",
@@ -927,97 +927,97 @@ function be(t) {
   });
 }
 function X(t, n) {
-  return `${be(t)} - ${be(n)}`;
+  return `${ye(t)} - ${ye(n)}`;
 }
-function We(t) {
+function Le(t) {
   const n = new Date(t);
   return n.setHours(0, 0, 0, 0), n;
 }
-function Ge({
+function Ce({
   event: t,
   variant: n = "full",
   badgeVariant: r = "colored",
   onClick: o,
-  className: d,
+  className: i,
   showTime: f = !0,
-  showDescription: i = !1,
-  showParticipants: g = !1,
+  showDescription: l = !1,
+  showParticipants: x = !1,
   style: D,
-  disablePopover: p = !1,
+  disablePopover: m = !1,
   renderPopover: h,
-  enableDrag: b = !1
+  enableDrag: y = !1
 }) {
-  const l = he(t.color), [w, v] = le(!1), [k, M] = le(!1), T = Se(), c = t.endDate < We(/* @__PURE__ */ new Date()), x = t.isCanceled ?? !1, W = b && T && !x && !c, R = x ? /* @__PURE__ */ e(Ft, { className: "h-3 w-3 text-zinc-800 dark:text-zinc-200" }) : t.meetingTookPlace ? /* @__PURE__ */ e(Vt, { className: m("h-3 w-3", l.text) }) : null, E = S(() => {
-    k || (p && o ? o(t) : p || v(!0));
-  }, [k, p, o, t]), C = S(() => {
-    v(!1);
-  }, []), z = S(
-    (j) => {
-      W && (j.dataTransfer.effectAllowed = "move", j.dataTransfer.setData("text/plain", t.id), M(!0), T?.startDrag?.(t));
+  const d = he(t.color), [w, k] = ne(!1), [b, W] = ne(!1), L = Me(), M = t.endDate < Le(/* @__PURE__ */ new Date()), C = t.isCanceled ?? !1, A = y && L && !C && !M, p = C ? /* @__PURE__ */ e(Vt, { className: "h-3 w-3 text-zinc-800 dark:text-zinc-200" }) : t.meetingTookPlace ? /* @__PURE__ */ e(Ft, { className: u("h-3 w-3", d.text) }) : null, T = z(() => {
+    b || (m && o ? o(t) : m || k(!0));
+  }, [b, m, o, t]), v = z(() => {
+    k(!1);
+  }, []), E = z(
+    (g) => {
+      A && (g.dataTransfer.effectAllowed = "move", g.dataTransfer.setData("text/plain", t.id), W(!0), L?.startDrag?.(t));
     },
-    [W, t, T]
-  ), O = S(() => {
-    M(!1), T?.isDragging && T.endDrag?.();
-  }, [T]);
+    [A, t, L]
+  ), B = z(() => {
+    W(!1), L?.isDragging && L.endDrag?.();
+  }, [L]);
   if (n === "dot") {
-    const j = /* @__PURE__ */ e(
+    const g = /* @__PURE__ */ e(
       "button",
       {
         type: "button",
-        onClick: E,
-        className: m(
+        onClick: T,
+        className: u(
           "size-2 rounded-full cursor-pointer transition-opacity",
-          c ? "bg-gray-400" : l.dot,
+          M ? "bg-gray-400" : d.dot,
           t.isCanceled && "opacity-50",
-          d
+          i
         ),
         style: D,
         "aria-label": t.title
       }
     );
-    return p ? /* @__PURE__ */ a(re, { children: [
-      /* @__PURE__ */ e(ae, { asChild: !0, children: j }),
-      /* @__PURE__ */ e(J, { children: /* @__PURE__ */ a("div", { className: "flex flex-col gap-0.5", children: [
+    return m ? /* @__PURE__ */ a(se, { children: [
+      /* @__PURE__ */ e(ie, { asChild: !0, children: g }),
+      /* @__PURE__ */ e(Z, { children: /* @__PURE__ */ a("div", { className: "flex flex-col gap-0.5", children: [
         /* @__PURE__ */ e("div", { className: "font-medium", children: t.title }),
         /* @__PURE__ */ e("div", { className: "text-xs opacity-80", children: X(t.startDate, t.endDate) })
       ] }) })
-    ] }) : /* @__PURE__ */ a(se, { open: w, onOpenChange: v, children: [
-      /* @__PURE__ */ e(ie, { asChild: !0, children: /* @__PURE__ */ a(re, { children: [
-        /* @__PURE__ */ e(ae, { asChild: !0, children: j }),
-        /* @__PURE__ */ e(J, { children: /* @__PURE__ */ e("div", { className: "font-medium", children: t.title }) })
+    ] }) : /* @__PURE__ */ a(ee, { open: w, onOpenChange: k, children: [
+      /* @__PURE__ */ e(te, { asChild: !0, children: /* @__PURE__ */ a(se, { children: [
+        /* @__PURE__ */ e(ie, { asChild: !0, children: g }),
+        /* @__PURE__ */ e(Z, { children: /* @__PURE__ */ e("div", { className: "font-medium", children: t.title }) })
       ] }) }),
-      /* @__PURE__ */ e(Q, { className: "w-80", children: h ? h({ event: t, onClose: C }) : /* @__PURE__ */ e(ue, { event: t, onClose: C }) })
+      /* @__PURE__ */ e(J, { className: "w-80", children: h ? h({ event: t, onClose: v }) : /* @__PURE__ */ e(ue, { event: t, onClose: v }) })
     ] });
   }
   if (n === "compact") {
-    const j = /* @__PURE__ */ a(
+    const g = /* @__PURE__ */ a(
       "div",
       {
         role: "button",
         tabIndex: 0,
-        draggable: !!W,
-        onDragStart: z,
-        onDragEnd: O,
-        onClick: p ? E : void 0,
-        onKeyDown: (u) => {
-          (u.key === "Enter" || u.key === " ") && (u.preventDefault(), E());
+        draggable: !!A,
+        onDragStart: E,
+        onDragEnd: B,
+        onClick: m ? T : void 0,
+        onKeyDown: (c) => {
+          (c.key === "Enter" || c.key === " ") && (c.preventDefault(), T());
         },
-        className: m(
+        className: u(
           "group flex w-full relative items-center shadow-[0_0_1px_rgba(0,0,0,0.3)] gap-0 rounded px-1.5 py-1 text-left text-xs transition-colors hover:opacity-80",
-          W ? "cursor-grab active:cursor-grabbing" : "cursor-pointer",
-          k && "opacity-50",
+          A ? "cursor-grab active:cursor-grabbing" : "cursor-pointer",
+          b && "opacity-50",
           // Cancelled events get gray background with strikethrough
-          x || // Past events get neutral zinc styling
-          c ? "bg-zinc-100 dark:bg-zinc-800 text-zinc-500 dark:text-zinc-400 line-through" : [
-            r === "colored" && [l.bg, l.text],
-            r === "mixed" && [l.bg, l.text],
+          C || // Past events get neutral zinc styling
+          M ? "bg-zinc-100 dark:bg-zinc-800 text-zinc-500 dark:text-zinc-400 line-through" : [
+            r === "colored" && [d.bg, d.text],
+            r === "mixed" && [d.bg, d.text],
             r === "dot" && "bg-muted/50"
           ],
-          d
+          i
         ),
         style: D,
         children: [
-          ["dot", "mixed"].includes(r) && !c && /* @__PURE__ */ e(
+          ["dot", "mixed"].includes(r) && !M && /* @__PURE__ */ e(
             "svg",
             {
               width: "8",
@@ -1026,7 +1026,7 @@ function Ge({
               className: "event-dot absolute -top-1 -left-1 shrink-0",
               "aria-hidden": "true",
               focusable: "false",
-              children: /* @__PURE__ */ e("circle", { cx: "4", cy: "4", r: "4", className: l.dotFill })
+              children: /* @__PURE__ */ e("circle", { cx: "4", cy: "4", r: "4", className: d.dotFill })
             }
           ),
           /* @__PURE__ */ e("span", { className: "flex-1 min-w-0 overflow-hidden", children: /* @__PURE__ */ a("span", { className: "", children: [
@@ -1049,51 +1049,51 @@ function Ge({
             /* @__PURE__ */ e(
               "div",
               {
-                className: m(
+                className: u(
                   "w-fit mt-0.5 text-[10px] px-1 py-0.5 border border-dashed rounded-full font-medium",
-                  c ? "border-zinc-400 dark:border-zinc-600" : l.border
+                  M ? "border-zinc-400 dark:border-zinc-600" : d.border
                 ),
                 children: X(t.startDate, t.endDate)
               }
             )
           ] }) }),
-          /* @__PURE__ */ e("div", { className: "flex gap-0.5", children: R })
+          /* @__PURE__ */ e("div", { className: "flex gap-0.5", children: p })
         ]
       }
     );
-    return p ? /* @__PURE__ */ a(re, { children: [
-      /* @__PURE__ */ e(ae, { asChild: !0, children: j }),
-      /* @__PURE__ */ e(J, { children: /* @__PURE__ */ a("div", { className: "flex flex-col gap-0.5", children: [
+    return m ? /* @__PURE__ */ a(se, { children: [
+      /* @__PURE__ */ e(ie, { asChild: !0, children: g }),
+      /* @__PURE__ */ e(Z, { children: /* @__PURE__ */ a("div", { className: "flex flex-col gap-0.5", children: [
         /* @__PURE__ */ e("div", { className: "font-medium", children: t.title }),
         /* @__PURE__ */ e("div", { className: "text-xs text-muted-foreground tabular-nums", children: X(t.startDate, t.endDate) })
       ] }) })
-    ] }) : /* @__PURE__ */ a(se, { open: w, onOpenChange: v, children: [
-      /* @__PURE__ */ e(ie, { asChild: !0, children: j }),
-      /* @__PURE__ */ e(Q, { className: "w-80", children: h ? h({ event: t, onClose: C }) : /* @__PURE__ */ e(ue, { event: t, onClose: C }) })
+    ] }) : /* @__PURE__ */ a(ee, { open: w, onOpenChange: k, children: [
+      /* @__PURE__ */ e(te, { asChild: !0, children: g }),
+      /* @__PURE__ */ e(J, { className: "w-80", children: h ? h({ event: t, onClose: v }) : /* @__PURE__ */ e(ue, { event: t, onClose: v }) })
     ] });
   }
-  const F = /* @__PURE__ */ a(
+  const O = /* @__PURE__ */ a(
     "button",
     {
       type: "button",
-      onClick: E,
-      className: m(
+      onClick: T,
+      className: u(
         "group relative flex w-full flex-col gap-1 rounded-md border px-2 py-1.5 text-left transition-all hover:shadow-md",
         "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
         // Cancelled events get gray background with strikethrough
-        x || // Past events get neutral zinc styling with strikethrough
-        c ? "bg-zinc-100 dark:bg-zinc-800 border-zinc-300 dark:border-zinc-700 text-zinc-500 dark:text-zinc-400 line-through" : [
-          r === "colored" && [l.bg, l.border, l.text],
-          r === "mixed" && [l.bg, l.border, l.text],
+        C || // Past events get neutral zinc styling with strikethrough
+        M ? "bg-zinc-100 dark:bg-zinc-800 border-zinc-300 dark:border-zinc-700 text-zinc-500 dark:text-zinc-400 line-through" : [
+          r === "colored" && [d.bg, d.border, d.text],
+          r === "mixed" && [d.bg, d.border, d.text],
           r === "dot" && "bg-muted/50 border-border"
         ],
-        d
+        i
       ),
       style: D,
       children: [
         /* @__PURE__ */ a("div", { className: "flex items-start justify-between gap-1", children: [
           /* @__PURE__ */ a("div", { className: "flex items-center gap-1.5 min-w-0", children: [
-            ["dot", "mixed"].includes(r) && !c && !x && /* @__PURE__ */ e(
+            ["dot", "mixed"].includes(r) && !M && !C && /* @__PURE__ */ e(
               "svg",
               {
                 width: "8",
@@ -1102,38 +1102,38 @@ function Ge({
                 className: "event-dot shrink-0",
                 "aria-hidden": "true",
                 focusable: "false",
-                children: /* @__PURE__ */ e("circle", { cx: "4", cy: "4", r: "4", className: l.dotFill })
+                children: /* @__PURE__ */ e("circle", { cx: "4", cy: "4", r: "4", className: d.dotFill })
               }
             ),
             /* @__PURE__ */ e(
               "span",
               {
-                className: m(
+                className: u(
                   "text-sm font-medium truncate",
-                  !c && !x && r !== "dot" && l.text,
-                  x && "line-through"
+                  !M && !C && r !== "dot" && d.text,
+                  C && "line-through"
                 ),
                 children: t.title
               }
             )
           ] }),
-          R
+          p
         ] }),
         f && /* @__PURE__ */ a("div", { className: "flex items-center gap-1 text-xs text-muted-foreground", children: [
           /* @__PURE__ */ e(Xe, { className: "h-3 w-3 shrink-0" }),
           /* @__PURE__ */ e("span", { children: X(t.startDate, t.endDate) })
         ] }),
-        i && t.description && /* @__PURE__ */ e("p", { className: "text-xs text-muted-foreground line-clamp-2", children: t.description }),
-        g && t.participants && t.participants.length > 0 && /* @__PURE__ */ a("div", { className: "flex items-center gap-1 text-xs text-muted-foreground", children: [
+        l && t.description && /* @__PURE__ */ e("p", { className: "text-xs text-muted-foreground line-clamp-2", children: t.description }),
+        x && t.participants && t.participants.length > 0 && /* @__PURE__ */ a("div", { className: "flex items-center gap-1 text-xs text-muted-foreground", children: [
           /* @__PURE__ */ e(Ut, { className: "h-3 w-3 shrink-0" }),
-          /* @__PURE__ */ e("span", { className: "truncate", children: t.participants.map((j) => j.name).join(", ") })
+          /* @__PURE__ */ e("span", { className: "truncate", children: t.participants.map((g) => g.name).join(", ") })
         ] }),
         t.scheduleTypeName && /* @__PURE__ */ e(
           "span",
           {
-            className: m(
+            className: u(
               "mt-1 inline-flex self-start rounded-full px-2 py-0.5 text-[10px] font-medium",
-              c ? "bg-zinc-200 dark:bg-zinc-700 text-zinc-500 dark:text-zinc-400" : [l.bg, l.text]
+              M ? "bg-zinc-200 dark:bg-zinc-700 text-zinc-500 dark:text-zinc-400" : [d.bg, d.text]
             ),
             children: t.scheduleTypeName
           }
@@ -1141,15 +1141,15 @@ function Ge({
       ]
     }
   );
-  return p ? /* @__PURE__ */ a(re, { children: [
-    /* @__PURE__ */ e(ae, { asChild: !0, children: F }),
-    /* @__PURE__ */ e(J, { children: /* @__PURE__ */ a("div", { className: "flex flex-col gap-0.5", children: [
+  return m ? /* @__PURE__ */ a(se, { children: [
+    /* @__PURE__ */ e(ie, { asChild: !0, children: O }),
+    /* @__PURE__ */ e(Z, { children: /* @__PURE__ */ a("div", { className: "flex flex-col gap-0.5", children: [
       /* @__PURE__ */ e("div", { className: "font-medium", children: t.title }),
       /* @__PURE__ */ e("div", { className: "text-xs text-muted-foreground tabular-nums", children: X(t.startDate, t.endDate) })
     ] }) })
-  ] }) : /* @__PURE__ */ a(se, { open: w, onOpenChange: v, children: [
-    /* @__PURE__ */ e(ie, { asChild: !0, children: F }),
-    /* @__PURE__ */ e(Q, { className: "w-80", children: h ? h({ event: t, onClose: C }) : /* @__PURE__ */ e(ue, { event: t, onClose: C }) })
+  ] }) : /* @__PURE__ */ a(ee, { open: w, onOpenChange: k, children: [
+    /* @__PURE__ */ e(te, { asChild: !0, children: O }),
+    /* @__PURE__ */ e(J, { className: "w-80", children: h ? h({ event: t, onClose: v }) : /* @__PURE__ */ e(ue, { event: t, onClose: v }) })
   ] });
 }
 function Xe({ className: t }) {
@@ -1171,7 +1171,7 @@ function Xe({ className: t }) {
     }
   );
 }
-function Vt({ className: t }) {
+function Ft({ className: t }) {
   return /* @__PURE__ */ e(
     "svg",
     {
@@ -1187,7 +1187,7 @@ function Vt({ className: t }) {
     }
   );
 }
-function Ft({ className: t }) {
+function Vt({ className: t }) {
   return /* @__PURE__ */ a(
     "svg",
     {
@@ -1231,9 +1231,9 @@ function ue({ event: t, onClose: n }) {
   const r = he(t.color), o = t.isCanceled ?? !1;
   return /* @__PURE__ */ a("div", { className: "space-y-3", children: [
     /* @__PURE__ */ a("div", { className: "flex items-start gap-3", children: [
-      /* @__PURE__ */ e("div", { className: m("size-4 rounded shrink-0 mt-0.5", r.dot) }),
+      /* @__PURE__ */ e("div", { className: u("size-4 rounded shrink-0 mt-0.5", r.dot) }),
       /* @__PURE__ */ a("div", { className: "flex-1 min-w-0", children: [
-        /* @__PURE__ */ e("h3", { className: m("font-semibold text-lg", o && "line-through opacity-50"), children: t.title }),
+        /* @__PURE__ */ e("h3", { className: u("font-semibold text-lg", o && "line-through opacity-50"), children: t.title }),
         /* @__PURE__ */ a("div", { className: "flex items-center gap-1 text-sm text-muted-foreground mt-1", children: [
           /* @__PURE__ */ e(Xe, { className: "h-4 w-4 shrink-0" }),
           /* @__PURE__ */ e("span", { className: "tabular-nums", children: X(t.startDate, t.endDate) })
@@ -1262,63 +1262,63 @@ function Je({
   position: n,
   hourHeight: r = 96,
   badgeVariant: o = "colored",
-  onClick: d,
+  onClick: i,
   className: f,
-  disablePopover: i = !1,
-  renderPopover: g,
+  disablePopover: l = !1,
+  renderPopover: x,
   enableDrag: D = !0
 }) {
-  const p = he(t.color), [h, b] = le(!1), [l, w] = le(!1), v = Se(), k = (t.endDate.getTime() - t.startDate.getTime()) / (1e3 * 60), M = k / 60 * r - 8, T = t.endDate < We(/* @__PURE__ */ new Date()), c = t.isCanceled ?? !1, x = D && v && !c && !T, W = k < 35, R = k > 25, E = o === "dot", C = S(() => {
-    l || (i && d ? d(t) : i || b(!0));
-  }, [l, i, d, t]), z = S(() => {
-    b(!1);
-  }, []), O = S(
-    ($) => {
-      if (!x) return;
-      $.dataTransfer.effectAllowed = "move", $.dataTransfer.setData("text/plain", t.id);
-      const y = $.currentTarget, s = y.getBoundingClientRect();
-      $.dataTransfer.setDragImage(y, $.clientX - s.left, $.clientY - s.top), w(!0), v?.startDrag?.(t);
+  const m = he(t.color), [h, y] = ne(!1), [d, w] = ne(!1), k = Me(), b = (t.endDate.getTime() - t.startDate.getTime()) / (1e3 * 60), W = b / 60 * r - 8, L = t.endDate < Le(/* @__PURE__ */ new Date()), M = t.isCanceled ?? !1, C = D && k && !M && !L, A = b < 35, p = b > 25, T = o === "dot", v = z(() => {
+    d || (l && i ? i(t) : l || y(!0));
+  }, [d, l, i, t]), E = z(() => {
+    y(!1);
+  }, []), B = z(
+    (_) => {
+      if (!C) return;
+      _.dataTransfer.effectAllowed = "move", _.dataTransfer.setData("text/plain", t.id);
+      const N = _.currentTarget, s = N.getBoundingClientRect();
+      _.dataTransfer.setDragImage(N, _.clientX - s.left, _.clientY - s.top), w(!0), k?.startDrag?.(t);
     },
-    [x, t, v]
-  ), F = S(() => {
-    w(!1), v?.isDragging && v.endDrag?.();
-  }, [v]), j = S(
-    ($) => {
-      ($.key === "Enter" || $.key === " ") && ($.preventDefault(), C());
+    [C, t, k]
+  ), O = z(() => {
+    w(!1), k?.isDragging && k.endDrag?.();
+  }, [k]), g = z(
+    (_) => {
+      (_.key === "Enter" || _.key === " ") && (_.preventDefault(), v());
     },
-    [C]
-  ), u = /* @__PURE__ */ a(
+    [v]
+  ), c = /* @__PURE__ */ a(
     "div",
     {
       role: "button",
       tabIndex: 0,
-      draggable: !!x,
-      onDragStart: O,
-      onDragEnd: F,
-      onKeyDown: j,
-      onClick: l ? void 0 : C,
-      className: m(
+      draggable: !!C,
+      onDragStart: B,
+      onDragEnd: O,
+      onKeyDown: g,
+      onClick: d ? void 0 : v,
+      className: u(
         "group flex w-full select-none flex-col gap-0.5 overflow-hidden rounded-md border px-2 py-1.5 text-xs text-left",
         "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
         "transition-opacity",
-        x ? "cursor-grab active:cursor-grabbing" : "cursor-pointer",
-        l && "opacity-50",
+        C ? "cursor-grab active:cursor-grabbing" : "cursor-pointer",
+        d && "opacity-50",
         // Cancelled events get gray background with strikethrough
-        c || // Past events get neutral zinc styling with strikethrough
-        T ? "bg-zinc-100 dark:bg-zinc-800 border-zinc-300 dark:border-zinc-700 text-zinc-500 dark:text-zinc-400 line-through" : [
+        M || // Past events get neutral zinc styling with strikethrough
+        L ? "bg-zinc-100 dark:bg-zinc-800 border-zinc-300 dark:border-zinc-700 text-zinc-500 dark:text-zinc-400 line-through" : [
           // Colored/mixed variants
-          !E && [p.bg, p.border, p.text],
+          !T && [m.bg, m.border, m.text],
           // Dot variant - neutral background
-          E && "bg-neutral-50 dark:bg-neutral-900 border-neutral-200 dark:border-neutral-700"
+          T && "bg-neutral-50 dark:bg-neutral-900 border-neutral-200 dark:border-neutral-700"
         ],
         // Short events center content
-        W && "py-0 justify-center",
+        A && "py-0 justify-center",
         f
       ),
-      style: { height: `${Math.max(M, 20)}px` },
+      style: { height: `${Math.max(W, 20)}px` },
       children: [
         /* @__PURE__ */ a("div", { className: "flex items-start gap-1.5 min-w-0", children: [
-          ["mixed", "dot"].includes(o) && !T && !c && /* @__PURE__ */ e(
+          ["mixed", "dot"].includes(o) && !L && !M && /* @__PURE__ */ e(
             "svg",
             {
               width: "8",
@@ -1327,41 +1327,41 @@ function Je({
               className: "event-dot shrink-0",
               "aria-hidden": "true",
               focusable: "false",
-              children: /* @__PURE__ */ e("circle", { cx: "4", cy: "4", r: "4", className: p.dotFill })
+              children: /* @__PURE__ */ e("circle", { cx: "4", cy: "4", r: "4", className: m.dotFill })
             }
           ),
           /* @__PURE__ */ e("div", { className: "flex-1 min-w-0 overflow-hidden", children: /* @__PURE__ */ e(
             "p",
             {
-              className: m(
+              className: u(
                 "font-semibold whitespace-nowrap",
-                !T && !c && E && "text-foreground"
+                !L && !M && T && "text-foreground"
               ),
               children: t.title
             }
           ) })
         ] }),
-        R && /* @__PURE__ */ a(
+        p && /* @__PURE__ */ a(
           "p",
           {
-            className: m(
+            className: u(
               "text-[11px] tabular-nums",
-              E ? "text-muted-foreground" : "opacity-90"
+              T ? "text-muted-foreground" : "opacity-90"
             ),
             children: [
-              be(t.startDate),
+              ye(t.startDate),
               " - ",
-              be(t.endDate)
+              ye(t.endDate)
             ]
           }
         )
       ]
     }
-  ), P = /* @__PURE__ */ e(J, { children: /* @__PURE__ */ a("div", { className: "flex flex-col gap-0.5", children: [
+  ), F = /* @__PURE__ */ e(Z, { children: /* @__PURE__ */ a("div", { className: "flex flex-col gap-0.5", children: [
     /* @__PURE__ */ e("div", { className: "font-medium", children: t.title }),
     /* @__PURE__ */ e("div", { className: "text-xs text-muted-foreground tabular-nums", children: X(t.startDate, t.endDate) })
   ] }) });
-  return i ? /* @__PURE__ */ e(
+  return l ? /* @__PURE__ */ e(
     "div",
     {
       className: "absolute p-0.5",
@@ -1371,9 +1371,9 @@ function Je({
         width: n.minWidth ? `max(${n.minWidth}px, ${n.width}%)` : `${n.width}%`,
         minWidth: n.minWidth ? `${n.minWidth}px` : void 0
       },
-      children: /* @__PURE__ */ a(re, { children: [
-        /* @__PURE__ */ e(ae, { asChild: !0, children: u }),
-        P
+      children: /* @__PURE__ */ a(se, { children: [
+        /* @__PURE__ */ e(ie, { asChild: !0, children: c }),
+        F
       ] })
     }
   ) : /* @__PURE__ */ e(
@@ -1386,9 +1386,9 @@ function Je({
         width: n.minWidth ? `max(${n.minWidth}px, ${n.width}%)` : `${n.width}%`,
         minWidth: n.minWidth ? `${n.minWidth}px` : void 0
       },
-      children: /* @__PURE__ */ a(se, { open: h, onOpenChange: b, children: [
-        /* @__PURE__ */ e(ie, { asChild: !0, children: u }),
-        /* @__PURE__ */ e(Q, { className: "w-80", children: g ? g({ event: t, onClose: z }) : /* @__PURE__ */ e(ue, { event: t, onClose: z }) })
+      children: /* @__PURE__ */ a(ee, { open: h, onOpenChange: y, children: [
+        /* @__PURE__ */ e(te, { asChild: !0, children: c }),
+        /* @__PURE__ */ e(J, { className: "w-80", children: x ? x({ event: t, onClose: E }) : /* @__PURE__ */ e(ue, { event: t, onClose: E }) })
       ] })
     }
   );
@@ -1398,25 +1398,25 @@ function an({
   spanDays: n,
   isStart: r,
   isEnd: o,
-  onClick: d,
+  onClick: i,
   className: f,
-  disablePopover: i = !1,
-  renderPopover: g
+  disablePopover: l = !1,
+  renderPopover: x
 }) {
-  const D = he(t.color), [p, h] = le(!1), b = t.endDate < We(/* @__PURE__ */ new Date()), l = t.isCanceled ?? !1, w = S(() => {
-    i && d ? d(t) : i || h(!0);
-  }, [i, d, t]), v = S(() => {
+  const D = he(t.color), [m, h] = ne(!1), y = t.endDate < Le(/* @__PURE__ */ new Date()), d = t.isCanceled ?? !1, w = z(() => {
+    l && i ? i(t) : l || h(!0);
+  }, [l, i, t]), k = z(() => {
     h(!1);
-  }, []), k = /* @__PURE__ */ e(
+  }, []), b = /* @__PURE__ */ e(
     "button",
     {
       type: "button",
       onClick: w,
-      className: m(
+      className: u(
         "flex h-5 items-center px-1.5 text-xs font-medium transition-opacity hover:opacity-80",
         // Cancelled events get gray background with strikethrough
-        l || // Past events get neutral zinc styling with strikethrough
-        b ? "bg-zinc-200 dark:bg-zinc-700 text-zinc-500 dark:text-zinc-400 line-through" : [D.dot, "text-white"],
+        d || // Past events get neutral zinc styling with strikethrough
+        y ? "bg-zinc-200 dark:bg-zinc-700 text-zinc-500 dark:text-zinc-400 line-through" : [D.dot, "text-white"],
         r && "rounded-l",
         o && "rounded-r",
         !r && "border-l-0",
@@ -1426,16 +1426,16 @@ function an({
       style: { width: `${n * 100}%` },
       children: r && /* @__PURE__ */ e("span", { className: "truncate", children: t.title })
     }
-  ), M = /* @__PURE__ */ e(J, { children: /* @__PURE__ */ a("div", { className: "flex flex-col gap-0.5", children: [
+  ), W = /* @__PURE__ */ e(Z, { children: /* @__PURE__ */ a("div", { className: "flex flex-col gap-0.5", children: [
     /* @__PURE__ */ e("div", { className: "font-medium", children: t.title }),
     /* @__PURE__ */ e("div", { className: "text-xs text-muted-foreground tabular-nums", children: X(t.startDate, t.endDate) })
   ] }) });
-  return i ? /* @__PURE__ */ a(re, { children: [
-    /* @__PURE__ */ e(ae, { asChild: !0, children: k }),
-    M
-  ] }) : /* @__PURE__ */ a(se, { open: p, onOpenChange: h, children: [
-    /* @__PURE__ */ e(ie, { asChild: !0, children: k }),
-    /* @__PURE__ */ e(Q, { className: "w-80", children: g ? g({ event: t, onClose: v }) : /* @__PURE__ */ e(ue, { event: t, onClose: v }) })
+  return l ? /* @__PURE__ */ a(se, { children: [
+    /* @__PURE__ */ e(ie, { asChild: !0, children: b }),
+    W
+  ] }) : /* @__PURE__ */ a(ee, { open: m, onOpenChange: h, children: [
+    /* @__PURE__ */ e(te, { asChild: !0, children: b }),
+    /* @__PURE__ */ e(J, { className: "w-80", children: x ? x({ event: t, onClose: k }) : /* @__PURE__ */ e(ue, { event: t, onClose: k }) })
   ] });
 }
 if (typeof window < "u" && !document.getElementById("inno-calendar-event-marquee-style")) {
@@ -1460,34 +1460,34 @@ function Ze({
   return t.length === 0 ? null : /* @__PURE__ */ a(
     "div",
     {
-      className: m(
+      className: u(
         "border-b bg-muted/20 px-2 py-1.5 space-y-1",
         "sm:px-4 sm:py-2",
         o
       ),
       children: [
         /* @__PURE__ */ e("span", { className: "text-[10px] font-medium text-muted-foreground sm:text-xs", children: "All day / Multi-day" }),
-        /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-1", children: t.map((d) => {
-          const f = he(d.color), i = Ee(d.startDate, n), g = Ee(d.endDate, n);
+        /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-1", children: t.map((i) => {
+          const f = he(i.color), l = $e(i.startDate, n), x = $e(i.endDate, n);
           return /* @__PURE__ */ a(
             "button",
             {
               type: "button",
-              onClick: () => r?.(d),
-              className: m(
+              onClick: () => r?.(i),
+              className: u(
                 "inline-flex items-center gap-1 rounded px-1.5 py-0.5 text-[10px] font-medium transition-opacity hover:opacity-80",
                 "sm:px-2 sm:py-1 sm:text-xs",
                 f.bg,
                 f.text,
-                d.isCanceled && "opacity-60 line-through"
+                i.isCanceled && "opacity-60 line-through"
               ),
               children: [
-                i && "→ ",
-                /* @__PURE__ */ e("span", { className: "truncate max-w-24 sm:max-w-32", children: d.title }),
-                g && " →"
+                l && "→ ",
+                /* @__PURE__ */ e("span", { className: "truncate max-w-24 sm:max-w-32", children: i.title }),
+                x && " →"
               ]
             },
-            d.id
+            i.id
           );
         }) })
       ]
@@ -1500,151 +1500,151 @@ function Qe({
   onSelectionStart: n,
   onSelectionMove: r,
   onSelectionEnd: o,
-  isSelected: d = !1,
+  isSelected: i = !1,
   isSelecting: f = !1,
-  disabled: i = !1,
-  ariaLabel: g,
+  disabled: l = !1,
+  ariaLabel: x,
   children: D,
-  className: p,
+  className: m,
   height: h,
-  style: b,
-  dataAttributes: l
+  style: y,
+  dataAttributes: d
 }) {
-  const w = ne(null), v = ne(!1), k = ne(!1), M = ne(null), [T, c] = le(!1), x = Se(), W = S(
-    (u) => {
-      i || u.button !== 0 && u.pointerType === "mouse" || (u.preventDefault(), w.current = { x: u.clientX, y: u.clientY }, v.current = !1, k.current = !0, n?.(t));
+  const w = oe(null), k = oe(!1), b = oe(!1), W = oe(null), [L, M] = ne(!1), C = Me(), A = z(
+    (c) => {
+      l || c.button !== 0 && c.pointerType === "mouse" || (c.preventDefault(), w.current = { x: c.clientX, y: c.clientY }, k.current = !1, b.current = !0, n?.(t));
     },
-    [i, t, n]
-  ), R = S(
-    (u) => {
-      if (!(w.current && k.current && !i)) return;
-      const P = u.clientX - w.current.x, $ = u.clientY - w.current.y;
-      Math.sqrt(P * P + $ * $) >= qt && (v.current = !0);
+    [l, t, n]
+  ), p = z(
+    (c) => {
+      if (!(w.current && b.current && !l)) return;
+      const F = c.clientX - w.current.x, _ = c.clientY - w.current.y;
+      Math.sqrt(F * F + _ * _) >= qt && (k.current = !0);
     },
-    [i]
-  ), E = S(
-    (u) => {
-      i || (u.buttons > 0 || f) && r?.(t);
+    [l]
+  ), T = z(
+    (c) => {
+      l || (c.buttons > 0 || f) && r?.(t);
     },
-    [i, f, t, r]
-  ), C = S(() => {
-    i || (o?.(), w.current = null, v.current = !1, k.current = !1);
-  }, [i, o]), z = S(
-    (u) => {
-      if (!x?.isDragging || i) return;
-      u.preventDefault(), u.dataTransfer.dropEffect = "move", c(!0);
-      const P = /* @__PURE__ */ new Date(), $ = t.hour ?? P.getHours(), y = t.minute ?? (P.getMinutes() >= 30 ? 30 : 0);
-      x.updateDragPreview?.(t.date, $, y);
+    [l, f, t, r]
+  ), v = z(() => {
+    l || (o?.(), w.current = null, k.current = !1, b.current = !1);
+  }, [l, o]), E = z(
+    (c) => {
+      if (!C?.isDragging || l) return;
+      c.preventDefault(), c.dataTransfer.dropEffect = "move", M(!0);
+      const F = /* @__PURE__ */ new Date(), _ = t.hour ?? F.getHours(), N = t.minute ?? (F.getMinutes() >= 30 ? 30 : 0);
+      C.updateDragPreview?.(t.date, _, N);
     },
-    [x, i, t]
-  ), O = S(() => {
-    c(!1);
-  }, []), F = S(
-    (u) => {
-      u.preventDefault(), c(!1), !(!x?.isDragging || i) && x.endDrag?.();
+    [C, l, t]
+  ), B = z(() => {
+    M(!1);
+  }, []), O = z(
+    (c) => {
+      c.preventDefault(), M(!1), !(!C?.isDragging || l) && C.endDrag?.();
     },
-    [x, i]
+    [C, l]
   );
   rt(() => {
-    const u = () => {
-      k.current && (k.current = !1, w.current = null, v.current = !1);
+    const c = () => {
+      b.current && (b.current = !1, w.current = null, k.current = !1);
     };
-    return window.addEventListener("pointerup", u), window.addEventListener("pointercancel", u), () => {
-      window.removeEventListener("pointerup", u), window.removeEventListener("pointercancel", u);
+    return window.addEventListener("pointerup", c), window.addEventListener("pointercancel", c), () => {
+      window.removeEventListener("pointerup", c), window.removeEventListener("pointercancel", c);
     };
   }, []);
-  const j = S(
-    (u) => {
-      i || (u.key === "Enter" || u.key === " ") && (u.preventDefault(), n?.(t), o?.());
+  const g = z(
+    (c) => {
+      l || (c.key === "Enter" || c.key === " ") && (c.preventDefault(), n?.(t), o?.());
     },
-    [i, t, n, o]
+    [l, t, n, o]
   );
   return /* @__PURE__ */ e(
     "button",
     {
-      ref: M,
+      ref: W,
       type: "button",
-      "aria-label": g,
-      "aria-disabled": i,
-      "aria-pressed": d,
-      disabled: i,
-      onPointerDown: W,
-      onPointerMove: R,
-      onPointerUp: C,
-      onPointerEnter: E,
-      onKeyDown: j,
-      onDragOver: z,
-      onDragLeave: O,
-      onDrop: F,
-      className: m(
+      "aria-label": x,
+      "aria-disabled": l,
+      "aria-pressed": i,
+      disabled: l,
+      onPointerDown: A,
+      onPointerMove: p,
+      onPointerUp: v,
+      onPointerEnter: T,
+      onKeyDown: g,
+      onDragOver: E,
+      onDragLeave: B,
+      onDrop: O,
+      className: u(
         "select-none touch-none cursor-pointer transition-colors",
         "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-inset",
         // Hover state (only when not in selection)
-        !(f || i) && "hover:bg-accent/50",
+        !(f || l) && "hover:bg-accent/50",
         // Selection state
-        d && "bg-zinc-50",
+        i && "bg-zinc-50",
         // Drag over state - visual feedback when event is dragged over
-        T && "bg-primary/20 ring-2 ring-primary ring-inset",
+        L && "bg-primary/20 ring-2 ring-primary ring-inset",
         // Disabled state
-        i && "cursor-not-allowed opacity-50",
-        p
+        l && "cursor-not-allowed opacity-50",
+        m
       ),
-      style: { height: h, ...b },
-      ...l,
+      style: { height: h, ...y },
+      ...d,
       children: D
     }
   );
 }
-function et({ slot: t, date: n, hour: r, minute: o, ariaLabel: d, ...f }) {
-  const i = t ?? { date: n, hour: r ?? 0, minute: o ?? 0 }, g = d ?? `Add event at ${(i.hour ?? 0).toString().padStart(2, "0")}:${(i.minute ?? 0).toString().padStart(2, "0")} on ${i.date.toLocaleDateString()}`;
-  return /* @__PURE__ */ e(Qe, { slot: i, ariaLabel: g, ...f });
+function et({ slot: t, date: n, hour: r, minute: o, ariaLabel: i, ...f }) {
+  const l = t ?? { date: n, hour: r ?? 0, minute: o ?? 0 }, x = i ?? `Add event at ${(l.hour ?? 0).toString().padStart(2, "0")}:${(l.minute ?? 0).toString().padStart(2, "0")} on ${l.date.toLocaleDateString()}`;
+  return /* @__PURE__ */ e(Qe, { slot: l, ariaLabel: x, ...f });
 }
 function Kt({ slot: t, date: n, ariaLabel: r, ...o }) {
-  const d = t ?? { date: n }, f = r ?? `Select ${d.date.toLocaleDateString()}`;
-  return /* @__PURE__ */ e(Qe, { slot: d, ariaLabel: f, ...o });
+  const i = t ?? { date: n }, f = r ?? `Select ${i.date.toLocaleDateString()}`;
+  return /* @__PURE__ */ e(Qe, { slot: i, ariaLabel: f, ...o });
 }
-const ce = 96, ye = 72, we = 80;
+const ce = 96, we = 72, ve = 80;
 function on({
   events: t,
   date: n,
   visibleHours: r = { startHour: 0, endHour: 24 },
   workingHours: o,
-  slotDuration: d = 30,
+  slotDuration: i = 30,
   badgeVariant: f = "colored",
-  onEventClick: i,
-  onSlotSelect: g,
+  onEventClick: l,
+  onSlotSelect: x,
   className: D,
-  renderEvent: p,
+  renderEvent: m,
   renderPopover: h
 }) {
-  const b = 60 / d, l = 100 / b, w = B(() => {
-    const y = [];
-    for (let s = 0; s < b; s++)
-      y.push(s * d);
-    return y;
-  }, [b, d]), v = B(() => Me(t, n), [t, n]), { singleDay: k, multiDay: M } = B(
-    () => Ve(v),
-    [v]
-  ), T = B(() => {
-    const y = Fe(k, n, r, ce), s = /* @__PURE__ */ new Map();
-    for (const N of y)
-      s.set(N.event.id, N.position);
+  const y = 60 / i, d = 100 / y, w = P(() => {
+    const N = [];
+    for (let s = 0; s < y; s++)
+      N.push(s * i);
+    return N;
+  }, [y, i]), k = P(() => ze(t, n), [t, n]), { singleDay: b, multiDay: W } = P(
+    () => Ve(k),
+    [k]
+  ), L = P(() => {
+    const N = Ue(b, n, r, ce), s = /* @__PURE__ */ new Map();
+    for (const S of N)
+      s.set(S.event.id, S.position);
     return s;
-  }, [k, n, r]), c = B(() => Ue(r), [r]), x = /* @__PURE__ */ new Date(), W = Z(n), R = B(() => {
-    if (!W) return 0;
-    const y = x.getHours() + x.getMinutes() / 60;
-    return y < r.startHour || y > r.endHour ? -1 : (y - r.startHour) * ce;
-  }, [W, r, x]), E = ne(null);
-  Pe(() => {
-    const y = E.current;
-    if (!y) return;
+  }, [b, n, r]), M = P(() => qe(r), [r]), C = /* @__PURE__ */ new Date(), A = Q(n), p = P(() => {
+    if (!A) return 0;
+    const N = C.getHours() + C.getMinutes() / 60;
+    return N < r.startHour || N > r.endHour ? -1 : (N - r.startHour) * ce;
+  }, [A, r, C]), T = oe(null);
+  Fe(() => {
+    const N = T.current;
+    if (!N) return;
     const s = () => {
-      const N = n.getDay(), L = o?.[N];
-      let _;
-      L?.enabled && L.from > 0 ? _ = Math.max(L.from - 1, r.startHour) : _ = Math.max(7, r.startHour);
-      const A = (_ - r.startHour) * ce;
-      y.scrollTo({
-        top: A,
+      const S = n.getDay(), $ = o?.[S];
+      let I;
+      $?.enabled && $.from > 0 ? I = Math.max($.from - 1, r.startHour) : I = Math.max(7, r.startHour);
+      const R = (I - r.startHour) * ce;
+      N.scrollTo({
+        top: R,
         behavior: "instant"
       });
     };
@@ -1652,163 +1652,163 @@ function on({
       requestAnimationFrame(s);
     });
   }, [n, o, r]);
-  const C = ze(), z = S(
-    (y) => {
-      C?.startSelection(y);
+  const v = Te(), E = z(
+    (N) => {
+      v?.startSelection(N);
     },
-    [C]
-  ), O = S(
-    (y) => {
-      C?.updateSelection(y);
+    [v]
+  ), B = z(
+    (N) => {
+      v?.updateSelection(N);
     },
-    [C]
-  ), F = S(() => {
-    C?.endSelection();
-  }, [C]), j = S(
-    (y) => {
-      i?.(y);
+    [v]
+  ), O = z(() => {
+    v?.endSelection();
+  }, [v]), g = z(
+    (N) => {
+      l?.(N);
     },
-    [i]
-  ), u = n.toLocaleDateString([], { weekday: "short" }), P = n.getDate(), $ = Z(n);
-  return /* @__PURE__ */ a("div", { className: m("flex flex-col h-full", D), children: [
+    [l]
+  ), c = n.toLocaleDateString([], { weekday: "short" }), F = n.getDate(), _ = Q(n);
+  return /* @__PURE__ */ a("div", { className: u("flex flex-col h-full", D), children: [
     /* @__PURE__ */ e("div", { className: "flex items-center gap-3 border-b px-4 py-3", children: /* @__PURE__ */ a("div", { className: "flex flex-col items-center", children: [
       /* @__PURE__ */ e(
         "span",
         {
-          className: m(
+          className: u(
             "text-[11px] font-medium uppercase tracking-wide",
-            $ ? "text-primary" : "text-muted-foreground"
+            _ ? "text-primary" : "text-muted-foreground"
           ),
-          children: u
+          children: c
         }
       ),
       /* @__PURE__ */ e(
         "span",
         {
-          className: m(
+          className: u(
             "flex items-center justify-center rounded-full mt-0.5",
             "size-12 text-3xl font-normal",
-            $ ? "bg-primary text-primary-foreground" : "text-foreground"
+            _ ? "bg-primary text-primary-foreground" : "text-foreground"
           ),
-          children: P
+          children: F
         }
       )
     ] }) }),
-    M.length > 0 && /* @__PURE__ */ e(
+    W.length > 0 && /* @__PURE__ */ e(
       Ze,
       {
-        events: M,
+        events: W,
         date: n,
-        onEventClick: j
+        onEventClick: g
       }
     ),
-    /* @__PURE__ */ e("div", { ref: E, className: "flex-1 overflow-auto", children: /* @__PURE__ */ a("div", { className: "relative min-h-full", children: [
-      c.map((y, s) => {
-        const L = !qe(n, y, o);
+    /* @__PURE__ */ e("div", { ref: T, className: "flex-1 overflow-auto", children: /* @__PURE__ */ a("div", { className: "relative min-h-full", children: [
+      M.map((N, s) => {
+        const $ = !Ke(n, N, o);
         return /* @__PURE__ */ a(
           "div",
           {
-            className: m("relative flex", L && "bg-calendar-disabled-hour"),
+            className: u("relative flex", $ && "bg-calendar-disabled-hour"),
             style: { height: ce },
             children: [
               /* @__PURE__ */ e(
                 "div",
                 {
                   className: "relative flex-shrink-0 border-r border-border/50 bg-zinc-50 dark:bg-zinc-900",
-                  style: { width: ye },
-                  children: /* @__PURE__ */ e("div", { className: "absolute -top-2.5 right-1 sm:right-2 flex h-5 items-center", children: s !== 0 && /* @__PURE__ */ e("span", { className: "text-[10px] sm:text-xs text-muted-foreground", children: xe(y) }) })
+                  style: { width: we },
+                  children: /* @__PURE__ */ e("div", { className: "absolute -top-2.5 right-1 sm:right-2 flex h-5 items-center", children: s !== 0 && /* @__PURE__ */ e("span", { className: "text-[10px] sm:text-xs text-muted-foreground", children: be(N) }) })
                 }
               ),
               /* @__PURE__ */ a("div", { className: "relative flex-1", children: [
-                W && !L && /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-primary/5" }),
+                A && !$ && /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-primary/5" }),
                 s !== 0 && /* @__PURE__ */ e("div", { className: "pointer-events-none absolute inset-x-0 top-0 border-b border-border/50" }),
-                w.slice(1).map((_) => /* @__PURE__ */ e(
+                w.slice(1).map((I) => /* @__PURE__ */ e(
                   "div",
                   {
                     className: "pointer-events-none absolute inset-x-0 border-b border-dashed border-border/30",
-                    style: { top: `${_ / 60 * 100}%` }
+                    style: { top: `${I / 60 * 100}%` }
                   },
-                  _
+                  I
                 )),
-                w.map((_, A) => {
-                  const U = { date: n, hour: y, minute: _ };
+                w.map((I, R) => {
+                  const U = { date: n, hour: N, minute: I };
                   return /* @__PURE__ */ e(
                     et,
                     {
                       slot: U,
-                      onSelectionStart: z,
-                      onSelectionMove: O,
-                      onSelectionEnd: F,
-                      isSelected: C?.isSlotSelected(U) ?? !1,
-                      isSelecting: C?.isSelecting ?? !1,
-                      disabled: L,
+                      onSelectionStart: E,
+                      onSelectionMove: B,
+                      onSelectionEnd: O,
+                      isSelected: v?.isSlotSelected(U) ?? !1,
+                      isSelecting: v?.isSelecting ?? !1,
+                      disabled: $,
                       className: "absolute inset-x-0",
                       style: {
-                        top: `${A * l}%`,
-                        height: `${l}%`
+                        top: `${R * d}%`,
+                        height: `${d}%`
                       },
-                      ariaLabel: `Add event at ${xe(y)}:${String(_).padStart(2, "0")}`
+                      ariaLabel: `Add event at ${be(N)}:${String(I).padStart(2, "0")}`
                     },
-                    _
+                    I
                   );
                 })
               ] })
             ]
           },
-          y
+          N
         );
       }),
       /* @__PURE__ */ e(
         "div",
         {
           className: "absolute top-0 bottom-0 right-0 pointer-events-none",
-          style: { left: ye },
-          children: k.map((y) => {
-            const s = T.get(y.id);
+          style: { left: we },
+          children: b.map((N) => {
+            const s = L.get(N.id);
             if (!s) return null;
-            const N = `calc(${s.width}% - 2px)`, L = `max(${we}px, ${N})`;
-            return p ? /* @__PURE__ */ e(
+            const S = `calc(${s.width}% - 2px)`, $ = `max(${ve}px, ${S})`;
+            return m ? /* @__PURE__ */ e(
               "div",
               {
                 className: "absolute pointer-events-auto p-0.5",
                 style: {
                   top: `${s.top}px`,
                   left: `${s.left}%`,
-                  width: L,
-                  minWidth: `${we}px`
+                  width: $,
+                  minWidth: `${ve}px`
                 },
-                children: p({ event: y, position: s })
+                children: m({ event: N, position: s })
               },
-              y.id
+              N.id
             ) : /* @__PURE__ */ e(
               Je,
               {
-                event: y,
+                event: N,
                 position: {
                   top: s.top,
                   left: s.left,
                   width: s.width,
-                  minWidth: we
+                  minWidth: ve
                 },
                 hourHeight: ce,
                 badgeVariant: f,
-                onClick: i,
-                disablePopover: !!i && !h,
+                onClick: l,
+                disablePopover: !!l && !h,
                 renderPopover: h,
                 className: "pointer-events-auto"
               },
-              y.id
+              N.id
             );
           })
         }
       ),
-      W && R >= 0 && /* @__PURE__ */ a(
+      A && p >= 0 && /* @__PURE__ */ a(
         "div",
         {
           className: "absolute left-0 right-0 z-20 flex items-center pointer-events-none",
           style: {
-            top: R,
-            left: ye
+            top: p,
+            left: we
           },
           children: [
             /* @__PURE__ */ e("div", { className: "h-2.5 w-2.5 -ml-1 rounded-full bg-red-500" }),
@@ -1819,145 +1819,145 @@ function on({
     ] }) })
   ] });
 }
-const te = 96, fe = 56, Oe = 72, Y = 120, pe = 100, Yt = 3;
+const ae = 96, fe = 56, He = 72, Y = 120, pe = 100, Yt = 3;
 function sn({
   events: t,
   date: n,
   weekStartsOn: r = 1,
   visibleHours: o = { startHour: 0, endHour: 24 },
-  workingHours: d,
+  workingHours: i,
   slotDuration: f = 30,
-  badgeVariant: i = "colored",
-  onEventClick: g,
+  badgeVariant: l = "colored",
+  onEventClick: x,
   onSlotSelect: D,
-  onDayClick: p,
+  onDayClick: m,
   className: h,
-  renderEvent: b,
-  renderPopover: l
+  renderEvent: y,
+  renderPopover: d
 }) {
-  const w = 60 / f, v = 100 / w, k = B(() => {
+  const w = 60 / f, k = 100 / w, b = P(() => {
     const s = [];
-    for (let N = 0; N < w; N++)
-      s.push(N * f);
+    for (let S = 0; S < w; S++)
+      s.push(S * f);
     return s;
-  }, [w, f]), M = B(() => st(n, r), [n, r]), T = B(() => Ue(o), [o]), c = B(() => {
+  }, [w, f]), W = P(() => st(n, r), [n, r]), L = P(() => qe(o), [o]), M = P(() => {
     const s = /* @__PURE__ */ new Map();
-    for (const N of M) {
-      const L = N.toDateString(), _ = Me(t, N), { singleDay: A, multiDay: U } = Ve(_), V = Fe(A, N, o, te), H = /* @__PURE__ */ new Map();
-      let ee = 1;
+    for (const S of W) {
+      const $ = S.toDateString(), I = ze(t, S), { singleDay: R, multiDay: U } = Ve(I), V = Ue(R, S, o, ae), H = /* @__PURE__ */ new Map();
+      let re = 1;
       for (const q of V)
         if (H.set(q.event.id, q.position), q.position.width > 0) {
           const G = Math.round(100 / q.position.width);
-          ee = Math.max(ee, G);
+          re = Math.max(re, G);
         }
-      s.set(L, {
-        singleDay: A,
+      s.set($, {
+        singleDay: R,
         multiDay: U,
         positions: H,
-        maxOverlapping: ee
+        maxOverlapping: re
       });
     }
     return s;
-  }, [M, t, o]), x = B(() => {
+  }, [W, t, o]), C = P(() => {
     const s = /* @__PURE__ */ new Map();
-    for (const { multiDay: N } of c.values())
-      for (const L of N)
-        s.set(L.id, L);
+    for (const { multiDay: S } of M.values())
+      for (const $ of S)
+        s.set($.id, $);
     return Array.from(s.values());
-  }, [c]), W = /* @__PURE__ */ new Date(), R = M.findIndex((s) => Z(s)), E = B(() => {
-    if (R < 0) return -1;
-    const s = W.getHours() + W.getMinutes() / 60;
-    return s < o.startHour || s > o.endHour ? -1 : (s - o.startHour) * te;
-  }, [R, o, W]), C = ne(null);
-  Pe(() => {
-    const s = C.current;
+  }, [M]), A = /* @__PURE__ */ new Date(), p = W.findIndex((s) => Q(s)), T = P(() => {
+    if (p < 0) return -1;
+    const s = A.getHours() + A.getMinutes() / 60;
+    return s < o.startHour || s > o.endHour ? -1 : (s - o.startHour) * ae;
+  }, [p, o, A]), v = oe(null);
+  Fe(() => {
+    const s = v.current;
     if (!s) return;
-    const N = () => {
-      const _ = (/* @__PURE__ */ new Date()).getDay();
-      let A = d?.[_];
-      if (!A?.enabled || A.from === 0) {
-        const H = d?.[1];
-        H?.enabled && (A = H);
+    const S = () => {
+      const I = (/* @__PURE__ */ new Date()).getDay();
+      let R = i?.[I];
+      if (!R?.enabled || R.from === 0) {
+        const H = i?.[1];
+        H?.enabled && (R = H);
       }
       let U;
-      A?.enabled && A.from > 0 ? U = Math.max(A.from - 1, o.startHour) : U = Math.max(7, o.startHour);
-      const V = (U - o.startHour) * te;
+      R?.enabled && R.from > 0 ? U = Math.max(R.from - 1, o.startHour) : U = Math.max(7, o.startHour);
+      const V = (U - o.startHour) * ae;
       s.scrollTo({
         top: V,
         behavior: "instant"
       });
     };
     requestAnimationFrame(() => {
-      requestAnimationFrame(N);
+      requestAnimationFrame(S);
     });
-  }, [n, d, o]);
-  const z = ze(), O = S(
+  }, [n, i, o]);
+  const E = Te(), B = z(
     (s) => {
-      z?.startSelection(s);
+      E?.startSelection(s);
     },
-    [z]
-  ), F = S(
+    [E]
+  ), O = z(
     (s) => {
-      z?.updateSelection(s);
+      E?.updateSelection(s);
     },
-    [z]
-  ), j = S(() => {
-    z?.endSelection();
-  }, [z]), u = S(
+    [E]
+  ), g = z(() => {
+    E?.endSelection();
+  }, [E]), c = z(
     (s) => {
-      g?.(s);
+      x?.(s);
     },
-    [g]
-  ), P = fe + 7 * Y, $ = B(() => {
+    [x]
+  ), F = fe + 7 * Y, _ = P(() => {
     const s = [];
-    for (const N of M) {
-      const L = N.toDateString(), A = c.get(L)?.maxOverlapping ?? 1;
-      A > Yt ? s.push(Math.max(Y, A * pe)) : s.push(Y);
+    for (const S of W) {
+      const $ = S.toDateString(), R = M.get($)?.maxOverlapping ?? 1;
+      R > Yt ? s.push(Math.max(Y, R * pe)) : s.push(Y);
     }
     return s;
-  }, [M, c]), y = fe + $.reduce((s, N) => s + N, 0);
-  return /* @__PURE__ */ a("div", { className: m("ic-week-view flex flex-col h-full", h), children: [
-    x.length > 0 && /* @__PURE__ */ e(
+  }, [W, M]), N = fe + _.reduce((s, S) => s + S, 0);
+  return /* @__PURE__ */ a("div", { className: u("ic-week-view flex flex-col h-full", h), children: [
+    C.length > 0 && /* @__PURE__ */ e(
       Ze,
       {
-        events: x,
+        events: C,
         date: it(n, r),
-        onEventClick: u
+        onEventClick: c
       }
     ),
-    /* @__PURE__ */ e("div", { ref: C, className: "ic-week-scroll-container flex-1", children: /* @__PURE__ */ a("div", { style: { minWidth: Math.max(P, y) }, children: [
+    /* @__PURE__ */ e("div", { ref: v, className: "ic-week-scroll-container flex-1", children: /* @__PURE__ */ a("div", { style: { minWidth: Math.max(F, N) }, children: [
       /* @__PURE__ */ e("div", { className: "ic-week-header sticky top-0 z-20 border-b bg-background", children: /* @__PURE__ */ a("div", { className: "flex", children: [
         /* @__PURE__ */ e(
           "div",
           {
             className: "flex-shrink-0 flex items-end justify-center pb-2 text-[10px] text-muted-foreground/70",
-            style: { width: fe, height: Oe },
+            style: { width: fe, height: He },
             children: /* @__PURE__ */ a("span", { className: "hidden sm:inline", children: [
               "GMT",
               (() => {
-                const s = (/* @__PURE__ */ new Date()).getTimezoneOffset(), N = Math.abs(Math.floor(s / 60)), L = s <= 0 ? "+" : "-";
-                return N > 0 ? `${L}${String(N).padStart(2, "0")}` : "";
+                const s = (/* @__PURE__ */ new Date()).getTimezoneOffset(), S = Math.abs(Math.floor(s / 60)), $ = s <= 0 ? "+" : "-";
+                return S > 0 ? `${$}${String(S).padStart(2, "0")}` : "";
               })()
             ] })
           }
         ),
-        M.map((s, N) => {
-          const L = Z(s), _ = $[N] ?? Y, A = _ > Y;
+        W.map((s, S) => {
+          const $ = Q(s), I = _[S] ?? Y, R = I > Y;
           return /* @__PURE__ */ a(
             "div",
             {
               className: "flex-1 flex flex-col items-center justify-center border-r last:border-r-0 py-2",
               style: {
-                height: Oe,
-                minWidth: A ? _ : Y
+                height: He,
+                minWidth: R ? I : Y
               },
               children: [
                 /* @__PURE__ */ e(
                   "span",
                   {
-                    className: m(
+                    className: u(
                       "text-[11px] font-medium uppercase tracking-wide",
-                      L ? "text-primary" : "text-muted-foreground"
+                      $ ? "text-primary" : "text-muted-foreground"
                     ),
                     children: s.toLocaleDateString([], { weekday: "short" })
                   }
@@ -1966,11 +1966,11 @@ function sn({
                   "button",
                   {
                     type: "button",
-                    onClick: () => p?.(s),
-                    className: m(
+                    onClick: () => m?.(s),
+                    className: u(
                       "flex items-center justify-center rounded-full transition-colors mt-0.5",
                       "size-10 text-2xl font-normal",
-                      L ? "bg-primary text-primary-foreground" : "text-foreground hover:bg-muted"
+                      $ ? "bg-primary text-primary-foreground" : "text-foreground hover:bg-muted"
                     ),
                     children: s.getDate()
                   }
@@ -1987,33 +1987,33 @@ function sn({
           {
             className: "ic-hour-column sticky left-0 z-10 bg-zinc-50 dark:bg-zinc-900 border-r",
             style: { width: fe },
-            children: T.map((s, N) => /* @__PURE__ */ e("div", { className: "relative", style: { height: te }, children: /* @__PURE__ */ e("div", { className: "absolute -top-2.5 right-1 sm:right-2 flex h-5 items-center", children: N !== 0 && /* @__PURE__ */ e("span", { className: "text-[10px] sm:text-xs text-muted-foreground", children: xe(s) }) }) }, s))
+            children: L.map((s, S) => /* @__PURE__ */ e("div", { className: "relative", style: { height: ae }, children: /* @__PURE__ */ e("div", { className: "absolute -top-2.5 right-1 sm:right-2 flex h-5 items-center", children: S !== 0 && /* @__PURE__ */ e("span", { className: "text-[10px] sm:text-xs text-muted-foreground", children: be(s) }) }) }, s))
           }
         ),
-        /* @__PURE__ */ e("div", { className: "ic-week-grid relative flex-1", children: /* @__PURE__ */ e("div", { className: "flex divide-x", children: M.map((s, N) => {
-          const L = s.toDateString(), _ = c.get(L), A = $[N] ?? Y, U = A > Y;
+        /* @__PURE__ */ e("div", { className: "ic-week-grid relative flex-1", children: /* @__PURE__ */ e("div", { className: "flex divide-x", children: W.map((s, S) => {
+          const $ = s.toDateString(), I = M.get($), R = _[S] ?? Y, U = R > Y;
           return /* @__PURE__ */ a(
             "div",
             {
               className: "ic-day-column relative flex-1",
               style: {
-                minWidth: U ? A : Y
+                minWidth: U ? R : Y
               },
               children: [
-                T.map((V, H) => {
-                  const q = !qe(s, V, d);
+                L.map((V, H) => {
+                  const q = !Ke(s, V, i);
                   return /* @__PURE__ */ a(
                     "div",
                     {
-                      className: m(
+                      className: u(
                         "relative",
                         q && "bg-calendar-disabled-hour",
-                        Z(s) && !q && "bg-primary/5"
+                        Q(s) && !q && "bg-primary/5"
                       ),
-                      style: { height: te },
+                      style: { height: ae },
                       children: [
                         H !== 0 && /* @__PURE__ */ e("div", { className: "pointer-events-none absolute inset-x-0 top-0 border-b border-border/50" }),
-                        k.slice(1).map((G) => /* @__PURE__ */ e(
+                        b.slice(1).map((G) => /* @__PURE__ */ e(
                           "div",
                           {
                             className: "pointer-events-none absolute inset-x-0 border-b border-dashed border-border/30",
@@ -2021,24 +2021,24 @@ function sn({
                           },
                           G
                         )),
-                        k.map((G, tt) => {
-                          const Le = { date: s, hour: V, minute: G };
+                        b.map((G, tt) => {
+                          const Ee = { date: s, hour: V, minute: G };
                           return /* @__PURE__ */ e(
                             et,
                             {
-                              slot: Le,
-                              onSelectionStart: O,
-                              onSelectionMove: F,
-                              onSelectionEnd: j,
-                              isSelected: z?.isSlotSelected(Le) ?? !1,
-                              isSelecting: z?.isSelecting ?? !1,
+                              slot: Ee,
+                              onSelectionStart: B,
+                              onSelectionMove: O,
+                              onSelectionEnd: g,
+                              isSelected: E?.isSlotSelected(Ee) ?? !1,
+                              isSelecting: E?.isSelecting ?? !1,
                               disabled: q,
                               className: "absolute inset-x-0",
                               style: {
-                                top: `${tt * v}%`,
-                                height: `${v}%`
+                                top: `${tt * k}%`,
+                                height: `${k}%`
                               },
-                              ariaLabel: `Add event on ${s.toLocaleDateString()} at ${xe(V)}:${String(G).padStart(2, "0")}`
+                              ariaLabel: `Add event on ${s.toLocaleDateString()} at ${be(V)}:${String(G).padStart(2, "0")}`
                             },
                             G
                           );
@@ -2048,11 +2048,11 @@ function sn({
                     V
                   );
                 }),
-                _?.singleDay.map((V) => {
-                  const H = _.positions.get(V.id);
+                I?.singleDay.map((V) => {
+                  const H = I.positions.get(V.id);
                   if (!H) return null;
-                  const ee = `calc(${H.width}% - 2px)`, q = `max(${pe}px, ${ee})`;
-                  return b ? /* @__PURE__ */ e(
+                  const re = `calc(${H.width}% - 2px)`, q = `max(${pe}px, ${re})`;
+                  return y ? /* @__PURE__ */ e(
                     "div",
                     {
                       className: "absolute pointer-events-auto p-0.5",
@@ -2062,7 +2062,7 @@ function sn({
                         width: q,
                         minWidth: `${pe}px`
                       },
-                      children: b({ event: V, position: H })
+                      children: y({ event: V, position: H })
                     },
                     V.id
                   ) : /* @__PURE__ */ e(
@@ -2075,21 +2075,21 @@ function sn({
                         width: H.width,
                         minWidth: pe
                       },
-                      hourHeight: te,
-                      badgeVariant: i,
-                      onClick: g,
-                      disablePopover: !!g && !l,
-                      renderPopover: l,
+                      hourHeight: ae,
+                      badgeVariant: l,
+                      onClick: x,
+                      disablePopover: !!x && !d,
+                      renderPopover: d,
                       className: "pointer-events-auto"
                     },
                     V.id
                   );
                 }),
-                N === R && E >= 0 && /* @__PURE__ */ a(
+                S === p && T >= 0 && /* @__PURE__ */ a(
                   "div",
                   {
                     className: "absolute left-0 right-0 z-20 flex items-center pointer-events-none",
-                    style: { top: E },
+                    style: { top: T },
                     children: [
                       /* @__PURE__ */ e("div", { className: "h-2 w-2 -ml-1 rounded-full bg-red-500" }),
                       /* @__PURE__ */ e("div", { className: "flex-1 h-0.5 bg-red-500" })
@@ -2121,144 +2121,206 @@ const Gt = [
   { full: "Thursday", short: "Thu", tiny: "T" },
   { full: "Friday", short: "Fri", tiny: "F" },
   { full: "Saturday", short: "Sat", tiny: "S" }
-], ve = 3;
+], ge = 3;
 function ln({
   events: t,
   date: n,
   weekStartsOn: r = 1,
   badgeVariant: o = "colored",
-  onEventClick: d,
+  onEventClick: i,
   onSlotSelect: f,
-  onDayClick: i,
-  className: g,
+  onDayClick: l,
+  className: x,
   renderEvent: D,
-  renderPopover: p
+  renderPopover: m,
+  showMoreEventsInPopover: h = !1
 }) {
-  const h = B(() => lt(n, r), [n, r]), b = B(() => {
-    const c = /* @__PURE__ */ new Map();
-    for (const x of h) {
-      const W = x.date.toDateString(), R = Me(t, x.date);
-      R.sort((E, C) => E.startDate.getTime() - C.startDate.getTime()), c.set(W, R);
+  const [y, d] = ne(null), w = P(() => lt(n, r), [n, r]), k = P(() => {
+    const p = /* @__PURE__ */ new Map();
+    for (const T of w) {
+      const v = T.date.toDateString(), E = ze(t, T.date);
+      E.sort((B, O) => B.startDate.getTime() - O.startDate.getTime()), p.set(v, E);
     }
-    return c;
-  }, [h, t]), l = ze(), w = S(
-    (c) => {
-      l?.startSelection(c);
+    return p;
+  }, [w, t]), b = Te(), W = z(
+    (p) => {
+      b?.startSelection(p);
     },
-    [l]
-  ), v = S(
-    (c) => {
-      l?.updateSelection(c);
+    [b]
+  ), L = z(
+    (p) => {
+      b?.updateSelection(p);
     },
-    [l]
-  ), k = S(() => {
-    l?.endSelection();
-  }, [l]), M = S(
-    (c) => {
-      i?.(c);
+    [b]
+  ), M = z(() => {
+    b?.endSelection();
+  }, [b]), C = z(
+    (p) => {
+      l?.(p);
     },
-    [i]
-  ), T = r === 0 ? Xt : Gt;
-  return /* @__PURE__ */ e("div", { className: m("flex flex-col h-full overflow-hidden", g), children: /* @__PURE__ */ e("div", { className: "flex flex-col flex-1 overflow-auto", children: /* @__PURE__ */ a("div", { className: "flex flex-col flex-1 min-w-[560px] sm:min-w-0", children: [
-    /* @__PURE__ */ e("div", { className: "grid grid-cols-7 border-b !sticky !top-0 bg-background z-10", children: T.map((c, x) => /* @__PURE__ */ a(
+    [l]
+  ), A = r === 0 ? Xt : Gt;
+  return /* @__PURE__ */ e("div", { className: u("flex flex-col h-full overflow-hidden", x), children: /* @__PURE__ */ e("div", { className: "flex flex-col flex-1 overflow-auto", children: /* @__PURE__ */ a("div", { className: "flex flex-col flex-1 min-w-[560px] sm:min-w-0", children: [
+    /* @__PURE__ */ e("div", { className: "grid grid-cols-7 border-b !sticky !top-0 bg-background z-10", children: A.map((p, T) => /* @__PURE__ */ a(
       "div",
       {
-        className: m(
+        className: u(
           "py-2 sm:py-2.5 text-center text-[11px] uppercase font-medium tracking-wide text-muted-foreground",
-          x >= 5 && "text-muted-foreground/70"
+          T >= 5 && "text-muted-foreground/70"
           // Weekend
         ),
         children: [
-          /* @__PURE__ */ e("span", { className: "sm:hidden", children: c.short }),
-          /* @__PURE__ */ e("span", { className: "hidden sm:inline", children: c.short })
+          /* @__PURE__ */ e("span", { className: "sm:hidden", children: p.short }),
+          /* @__PURE__ */ e("span", { className: "hidden sm:inline", children: p.short })
         ]
       },
-      c.full
+      p.full
     )) }),
-    /* @__PURE__ */ e("div", { className: "grid grid-cols-7 auto-rows-min", children: h.map((c) => {
-      const x = c.date.toDateString(), W = b.get(x) || [], R = Z(c.date), E = c.date.getDay() === 0 || c.date.getDay() === 6, C = W.length > ve;
+    /* @__PURE__ */ e("div", { className: "grid grid-cols-7 auto-rows-min", children: w.map((p) => {
+      const T = p.date.toDateString(), v = k.get(T) || [], E = Q(p.date), B = p.date.getDay() === 0 || p.date.getDay() === 6, O = v.length > ge;
       return /* @__PURE__ */ a(
         Kt,
         {
-          date: c.date,
-          onSelectionStart: w,
-          onSelectionMove: v,
-          onSelectionEnd: k,
-          isSelected: l?.isSlotSelected({ date: c.date }) ?? !1,
-          isSelecting: l?.isSelecting ?? !1,
-          className: m(
+          date: p.date,
+          onSelectionStart: W,
+          onSelectionMove: L,
+          onSelectionEnd: M,
+          isSelected: b?.isSlotSelected({ date: p.date }) ?? !1,
+          isSelecting: b?.isSelecting ?? !1,
+          className: u(
             "relative flex flex-col border-r border-b text-left min-h-[80px] sm:min-h-[100px] overflow-hidden",
             "[&:nth-child(7n)]:border-r-0",
-            !c.isCurrentMonth && "bg-muted/20",
-            E && c.isCurrentMonth && "bg-muted/10"
+            !p.isCurrentMonth && "bg-muted/20",
+            B && p.isCurrentMonth && "bg-muted/10"
           ),
-          ariaLabel: `${c.date.toLocaleDateString()} - ${W.length} events. Click to create event, double-click to view day.`,
+          ariaLabel: `${p.date.toLocaleDateString()} - ${v.length} events. Click to create event, double-click to view day.`,
           children: [
             /* @__PURE__ */ e(
               "div",
               {
-                className: m(
+                className: u(
                   "flex items-center justify-center p-1",
-                  !c.isCurrentMonth && "text-muted-foreground/40"
+                  !p.isCurrentMonth && "text-muted-foreground/40"
                 ),
                 children: /* @__PURE__ */ e(
                   "button",
                   {
                     type: "button",
-                    onClick: (z) => {
-                      z.stopPropagation(), M(c.date);
+                    onClick: (g) => {
+                      g.stopPropagation(), C(p.date);
                     },
-                    className: m(
+                    className: u(
                       "flex items-center justify-center rounded-full transition-colors",
                       "size-7 text-sm font-normal",
-                      R ? "bg-primary text-primary-foreground" : "hover:bg-muted"
+                      E ? "bg-primary text-primary-foreground" : "hover:bg-muted"
                     ),
-                    children: c.date.getDate()
+                    children: p.date.getDate()
                   }
                 )
               }
             ),
             /* @__PURE__ */ a("div", { className: "flex-1 overflow-hidden px-2 pt-1 pb-1 space-y-1", children: [
-              W.slice(0, ve).map((z) => /* @__PURE__ */ e(
+              v.slice(0, ge).map((g) => /* @__PURE__ */ e(
                 "div",
                 {
-                  onPointerDown: (O) => {
-                    O.stopPropagation();
+                  onPointerDown: (c) => {
+                    c.stopPropagation();
                   },
-                  children: D ? D({ event: z, variant: "compact" }) : /* @__PURE__ */ e(
-                    Ge,
+                  children: D ? D({ event: g, variant: "compact" }) : /* @__PURE__ */ e(
+                    Ce,
                     {
-                      event: z,
+                      event: g,
                       variant: "compact",
                       badgeVariant: o,
-                      onClick: d,
-                      disablePopover: !!d && !p,
-                      renderPopover: p,
+                      onClick: i,
+                      disablePopover: !!i && !m,
+                      renderPopover: m,
                       showTime: !1,
                       enableDrag: !0
                     }
                   )
                 },
-                z.id
+                g.id
               )),
-              C && /* @__PURE__ */ a(
+              O && (h ? /* @__PURE__ */ a(
+                ee,
+                {
+                  open: y === T,
+                  onOpenChange: (g) => d(g ? T : null),
+                  children: [
+                    /* @__PURE__ */ e(te, { asChild: !0, children: /* @__PURE__ */ a(
+                      "button",
+                      {
+                        type: "button",
+                        onPointerDown: (g) => g.stopPropagation(),
+                        onClick: (g) => {
+                          g.stopPropagation(), d(T);
+                        },
+                        className: "w-full text-left text-xs text-muted-foreground hover:text-foreground hover:underline px-1.5 cursor-pointer",
+                        children: [
+                          "+",
+                          v.length - ge,
+                          " more"
+                        ]
+                      }
+                    ) }),
+                    /* @__PURE__ */ a(
+                      J,
+                      {
+                        align: "start",
+                        side: "right",
+                        sideOffset: 8,
+                        className: "w-72 max-h-80 overflow-y-auto p-2",
+                        onPointerDown: (g) => g.stopPropagation(),
+                        children: [
+                          /* @__PURE__ */ a("div", { className: "flex items-center justify-between mb-2 pb-2 border-b", children: [
+                            /* @__PURE__ */ e("span", { className: "text-sm font-medium", children: p.date.toLocaleDateString(void 0, {
+                              weekday: "short",
+                              month: "short",
+                              day: "numeric"
+                            }) }),
+                            /* @__PURE__ */ a("span", { className: "text-xs text-muted-foreground", children: [
+                              v.length,
+                              " events"
+                            ] })
+                          ] }),
+                          /* @__PURE__ */ e("div", { className: "space-y-1.5", children: v.map((g) => /* @__PURE__ */ e("div", { children: D ? D({ event: g, variant: "compact" }) : /* @__PURE__ */ e(
+                            Ce,
+                            {
+                              event: g,
+                              variant: "compact",
+                              badgeVariant: o,
+                              onClick: (c) => {
+                                d(null), i?.(c);
+                              },
+                              disablePopover: !!i && !m,
+                              renderPopover: m,
+                              showTime: !0
+                            }
+                          ) }, g.id)) })
+                        ]
+                      }
+                    )
+                  ]
+                }
+              ) : /* @__PURE__ */ a(
                 "div",
                 {
-                  onPointerDown: (z) => {
-                    z.stopPropagation(), M(c.date);
+                  onPointerDown: (g) => {
+                    g.stopPropagation(), C(p.date);
                   },
                   className: "w-full text-left text-xs text-muted-foreground hover:text-foreground hover:underline px-1.5 cursor-pointer",
                   children: [
                     "+",
-                    W.length - ve,
+                    v.length - ge,
                     " more"
                   ]
                 }
-              )
+              ))
             ] })
           ]
         },
-        x
+        T
       );
     }) })
   ] }) }) });
@@ -2268,30 +2330,30 @@ function dn({
   date: n,
   daysAhead: r = 60,
   badgeVariant: o = "colored",
-  onEventClick: d,
+  onEventClick: i,
   className: f,
-  renderEvent: i,
-  renderPopover: g
+  renderEvent: l,
+  renderPopover: x
 }) {
-  const D = B(() => {
+  const D = P(() => {
     const h = new Date(n);
     h.setHours(0, 0, 0, 0);
-    const b = new Date(h);
-    return b.setDate(b.getDate() + r), t.filter((l) => l.endDate >= h && l.startDate <= b);
-  }, [t, r, n]), p = B(() => {
-    const h = dt(D), b = [];
-    for (const [l, w] of h)
-      b.push({
-        date: new Date(l),
-        dateKey: l,
+    const y = new Date(h);
+    return y.setDate(y.getDate() + r), t.filter((d) => d.endDate >= h && d.startDate <= y);
+  }, [t, r, n]), m = P(() => {
+    const h = dt(D), y = [];
+    for (const [d, w] of h)
+      y.push({
+        date: new Date(d),
+        dateKey: d,
         events: w
       });
-    return b.sort((l, w) => l.date.getTime() - w.date.getTime()), b;
+    return y.sort((d, w) => d.date.getTime() - w.date.getTime()), y;
   }, [D]);
-  return p.length === 0 ? /* @__PURE__ */ e(
+  return m.length === 0 ? /* @__PURE__ */ e(
     "div",
     {
-      className: m(
+      className: u(
         "flex flex-col items-center justify-center h-full py-12",
         f
       ),
@@ -2300,7 +2362,7 @@ function dn({
         /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground/70", children: "No events scheduled for this period" })
       ] })
     }
-  ) : /* @__PURE__ */ a("div", { className: m("flex flex-col h-full overflow-auto", f), children: [
+  ) : /* @__PURE__ */ a("div", { className: u("flex flex-col h-full overflow-auto", f), children: [
     /* @__PURE__ */ e("div", { className: "sticky top-0 z-10 bg-background border-b px-4 py-3", children: /* @__PURE__ */ a("div", { className: "flex items-center justify-between", children: [
       /* @__PURE__ */ e("h2", { className: "text-lg font-medium", children: "Schedule" }),
       /* @__PURE__ */ a("span", { className: "text-sm text-muted-foreground", children: [
@@ -2309,13 +2371,13 @@ function dn({
         D.length !== 1 ? "s" : ""
       ] })
     ] }) }),
-    /* @__PURE__ */ e("div", { className: "flex-1", children: p.map(({ date: h, dateKey: b, events: l }) => {
-      const w = Z(h), v = h.toLocaleDateString([], { weekday: "short" }), k = h.getDate(), M = h.toLocaleDateString([], { month: "short" });
+    /* @__PURE__ */ e("div", { className: "flex-1", children: m.map(({ date: h, dateKey: y, events: d }) => {
+      const w = Q(h), k = h.toLocaleDateString([], { weekday: "short" }), b = h.getDate(), W = h.toLocaleDateString([], { month: "short" });
       return /* @__PURE__ */ a("div", { className: "", children: [
         /* @__PURE__ */ e(
           "div",
           {
-            className: m(
+            className: u(
               "sticky top-[52px] z-10 bg-background px-4 py-3 border-b"
             ),
             children: /* @__PURE__ */ a("div", { className: "flex items-center gap-3", children: [
@@ -2323,83 +2385,83 @@ function dn({
                 /* @__PURE__ */ e(
                   "span",
                   {
-                    className: m(
+                    className: u(
                       "text-[11px] font-medium uppercase tracking-wide",
                       w ? "text-primary" : "text-muted-foreground"
                     ),
-                    children: v
+                    children: k
                   }
                 ),
                 /* @__PURE__ */ e(
                   "span",
                   {
-                    className: m(
+                    className: u(
                       "flex items-center justify-center rounded-full mt-0.5",
                       "size-10 text-xl font-normal",
                       w ? "bg-primary text-primary-foreground" : "text-foreground"
                     ),
-                    children: k
+                    children: b
                   }
                 )
               ] }),
               /* @__PURE__ */ a("span", { className: "text-sm text-muted-foreground", children: [
-                M,
+                W,
                 " ",
                 h.getFullYear()
               ] })
             ] })
           }
         ),
-        /* @__PURE__ */ e("div", { className: "px-4 py-3 space-y-2 border-b last:border-b-0", children: l.map(
-          (T) => i ? /* @__PURE__ */ e("div", { children: i({ event: T, variant: "full" }) }, T.id) : /* @__PURE__ */ e(
-            Ge,
+        /* @__PURE__ */ e("div", { className: "px-4 py-3 space-y-2 border-b last:border-b-0", children: d.map(
+          (L) => l ? /* @__PURE__ */ e("div", { children: l({ event: L, variant: "full" }) }, L.id) : /* @__PURE__ */ e(
+            Ce,
             {
-              event: T,
+              event: L,
               variant: "full",
               badgeVariant: o,
-              onClick: d,
-              disablePopover: !!d && !g,
-              renderPopover: g,
+              onClick: i,
+              disablePopover: !!i && !x,
+              renderPopover: x,
               showTime: !0,
               showDescription: !0,
               showParticipants: !0
             },
-            T.id
+            L.id
           )
         ) })
-      ] }, b);
+      ] }, y);
     }) })
   ] });
 }
 export {
   dn as A,
-  oe as B,
+  le as B,
   nn as C,
   At as D,
   Je as E,
   ln as M,
-  se as P,
+  ee as P,
   et as T,
   sn as W,
   Kt as a,
   on as b,
-  Ge as c,
+  Ce as c,
   Ze as d,
   an as e,
   tn as f,
-  Q as g,
-  ie as h,
+  J as g,
+  te as h,
   Tt as i,
-  re as j,
-  J as k,
+  se as j,
+  Z as k,
   rn as l,
-  ae as m,
+  ie as m,
   ct as n,
   he as o,
-  Ie as p,
-  Re as q,
+  Re as p,
+  je as q,
   ke as r,
   De as s,
   Lt as t
 };
-//# sourceMappingURL=agenda-view-CRI1J_KB.js.map
+//# sourceMappingURL=agenda-view-DM01Fpvr.js.map